airoptweb/src/views/index.vue

<template>
  <div class="common-layout">
    <el-container>
      <el-header>
        <myheader />
      </el-header>
      <el-main>
        <div class="main_container padding_gg">
          <div class="heder_tabs">
            <el-tabs v-model="activeName" type="card" class="demo-tabs" @tab-click="handleClick">
              <!-- 开始 -->
              <el-tab-pane label="开始" name="User">
                <div class="imgzong">
                  <!-- <button @click="etImgPath()"></button> -->
                  <div class="listitem lbg_color3 bkcolor3" v-for="(item, index) in Startlist" :key="'one0-' + index"
                    :class="{ activeOrange: active == 'one0-' + index }"
                    @click="clickgeometry($event, index, 'one0-' + index)">
                    <div class="item2 ">
                      <el-image :src="getImgPath(item.url)" fit="cover" />
                      <span>{{ item.titlie }}</span>
                    </div>
                  </div>
                </div>
              </el-tab-pane>
              <el-tab-pane label="优化问题" name="Config">
                <div class="imgzong">
                  <!-- <button @click="etImgPath()"></button> -->
                  <div class="listitem lbg_color3 bkcolor3" v-for="(item, index) in question" :key="'Config-' + index"
                    :class="{ activeOrange: active == 'one0-' + index }"
                    @click="clickgeometry($event, index, 'Config-' + index)">
                    <div class="item2 ">
                      <el-image :src="getImgPath(item.url)" fit="cover" />
                      <span>{{ item.titlie }}</span>
                    </div>
                  </div>
                </div>
              </el-tab-pane>
              <el-tab-pane label="优化流程" name="Role">
                <div class="imgzong">
                  <div class="listitem lbg_color3 bkcolor3"
                    @click="clickgeometry($event, index, 'Role-'+ '1' )">
                    <div class="item2 ">
                      <el-image :src="getImgPath('r1.png')" fit="cover" />
                      <span>{{ modelban }}</span>
                      <el-select v-model="modelban"  class="no-border headersele" :suffix-icon="CaretBottom">
                          <el-option-group
                            v-for="group in optiongroup"
                            :key="group.label"
                            :label="group.label"
                          >
                            <el-option
                              v-for="item in group.options"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            />
                          </el-option-group>
                        </el-select> 
                    </div>
                  </div>
                  <div class="listitem lbg_color3 bkcolor3"
                    @click="clickgeometry($event, index, 'Role-'+ '2' )">
                    <div class="item2 ">
                      <el-image :src="getImgPath('r2.png')" fit="cover" />
                      <span>{{ undmodel }}</span>
                      <el-select v-model="undmodel"  class="no-border headersele" :suffix-icon="CaretBottom">
                          <el-option
                            v-for="item in options4"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select> 
                    </div>
                  </div>
                </div>
              </el-tab-pane>
              <el-tab-pane label="优化模型" name="Task">
                <div class="imgzong">
                  <!-- <button @click="etImgPath()"></button> -->
                  <div class="listitem lbg_color3 bkcolor3" v-for="(item, index) in tasktion" :key="'Task-' + index"
                    :class="{ activeOrange: active == 'Task-' +'11' }"
                    @click="clickgeometry($event, index, 'Task-' + '11')">
                    <div class="item2 ">
                      <el-image :src="getImgPath(item.url)" fit="cover" />
                      <span>{{ item.titlie }}</span>
                    </div>
                  </div>
                  <div class="listitem lbg_color3 bkcolor3"
                    @click="clickgeometry($event, index, 'Task-'+ '22' )">
                    <div class="item2 ">
                      <el-image :src="getImgPath('t1.png')" fit="cover" />
                      <span>{{ tasksel }}</span>
                      <el-select v-model="tasksel"  class="no-border headersele" :suffix-icon="CaretBottom">
                          <el-option
                            v-for="item in tasklist"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select> 
                    </div>
                  </div>
                  <div class="listitem lbg_color3 bkcolor3" v-for="(item, index) in tasktion2" :key="'Task-' + index"
                    :class="{ activeOrange: active == 'Task-' + index }"
                    @click="clickgeometry($event, index, 'Task-' + index)">
                    <div class="item2 ">
                      <el-image :src="getImgPath(item.url)" fit="cover" />
                      <span>{{ item.titlie }}</span>
                    </div>
                  </div>
                </div>
              </el-tab-pane>
              <el-tab-pane label="优化运行" name="Three">优化运行</el-tab-pane>
              <el-tab-pane label="优化结果" name="Six">优化结果</el-tab-pane>
              <el-tab-pane label="数据库管理" name="Seven">数据库管理</el-tab-pane>
              <el-tab-pane label="帮助" name="eight">帮助</el-tab-pane>
            </el-tabs>
          </div>
          <!-- 新建任务 -->
          <el-dialog v-model="dialog.newdialog" align-center :modal="false" :close-on-click-modal="true"
            :append-to-body="true" draggable :fullscreen="false" :modal-append-to-body="false" modal-class="summary-dlg"
            :before-close="handleClose" width="480" class="dialog_class bgcolor tianjia">

            <template #header="{ titleId, titleClass }">
              <div class="my-header ">
                <el-image :src="getImgPath('s0.png')" fit="contain"></el-image>
                <h4 :id="titleId" :class="titleClass">新建任务</h4>
              </div>
            </template>
            <div>
              <el-form>
                <el-form-item label="任务编号：" :label-width="formLabelWidth6">
                  <el-input v-model="name" maxlength="18"
                    oninput="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" class="w-50 m-2"
                    placeholder="请输入" />
                </el-form-item>
                <el-form-item label="任务名称：" :label-width="formLabelWidth6">
                  <el-input v-model="name" maxlength="18"
                    oninput="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" class="w-50 m-2"
                    placeholder="请输入" />
                </el-form-item>
                <el-form-item label="任务类型：" :label-width="formLabelWidth6">
                  <el-input v-model="name" maxlength="18"
                    oninput="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" class="w-50 m-2"
                    placeholder="请输入" />
                </el-form-item>
                <el-form-item label="备注：" :label-width="formLabelWidth6">
                  <el-input v-model="name" maxlength="18" type="textarea"
                    oninput="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" class="w-50 m-2"
                    placeholder="请输入" />
                </el-form-item>
              </el-form>
            </div>
            <template #footer>
              <div class="dialog-footer">
                <el-button @click="dialog.newdialog = false">取消</el-button>
                <el-button type="primary" @click="dialog.newdialog = false">
                  确定
                </el-button>
              </div>
            </template>
          </el-dialog>
          <!-- 问题设定 -->
          <el-dialog v-model="dialog.setdialog" align-center :modal="false" :close-on-click-modal="true"
            :append-to-body="true" draggable :fullscreen="false" :modal-append-to-body="false" modal-class="summary-dlg"
            :before-close="handleClose" width="480" class="dialog_class bgcolor tianjia">

            <template #header="{ titleId, titleClass }">
              <div class="my-header ">
                <el-image :src="getImgPath('q0.png')" fit="contain"></el-image>
                <h4 :id="titleId" :class="titleClass">问题设定</h4>
              </div>
            </template>
            <div class="numberinput">
              <el-form>
                <el-form-item label="目标函数个数：" :label-width="formLabelWidth1">
                  <el-input-number v-model="num" :min="1" :max="10" controls-position="right" />
                </el-form-item>
                <el-form-item label="建立代理模型约束个数：" :label-width="formLabelWidth1">
                  <el-input-number v-model="num" :min="1" :max="10" controls-position="right" />
                </el-form-item>
                <el-form-item label="不建立代理模型约束个数：" :label-width="formLabelWidth1">
                  <el-input-number v-model="num" :min="1" :max="10" controls-position="right" />
                </el-form-item>
              </el-form>
            </div>
            <template #footer>
              <div class="dialog-footer">
                <el-button @click="dialog.setdialog = false">取消</el-button>
                <el-button type="primary" @click="dialog.setdialog = false">
                  确定
                </el-button>
              </div>
            </template>
          </el-dialog>
          <!-- 优化目标 -->
          <el-dialog v-model="dialog.targetdialog" align-center :modal="false" :close-on-click-modal="true"
            :append-to-body="true" draggable :fullscreen="false" :modal-append-to-body="false" modal-class="summary-dlg"
            :before-close="handleClose" width="50%" class="dialog_class bgcolor tianjia">

            <template #header="{ titleId, titleClass }">
              <div class="my-header ">
                <el-image :src="getImgPath('q1.png')" fit="contain"></el-image>
                <h4 :id="titleId" :class="titleClass">优化目标</h4>
              </div>
            </template>
            <div>
              
                <el-table :data="tableData" stripe style="width: 100%">
                  <el-table-column type="index" label="编号"  width="70" />
                  <el-table-column prop="qi" label="启用" width="70">
                  <template v-slot="scope">
                    <el-checkbox :label="false" v-model="scope.row.qi" />
                  </template>
                </el-table-column>
                  <el-table-column prop="data" label="目标类型" width="120">
                  <template v-slot="scope">
                    <el-select v-model="scope.row.device"  class="no-border " :suffix-icon="CaretBottom"  placeholder="请选择">
                          <el-option
                            v-for="item in options"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>

                  </template>
            </el-table-column>
                  <el-table-column prop="name" label="优化方向"  width="100">
                    <template v-slot="scope">
                    <el-select class="no-border "  v-model="scope.row.z" :suffix-icon="CaretBottom" placeholder="请选择">
                          <el-option
                            v-for="item in options1"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>

                  </template>
                </el-table-column>
                  <el-table-column prop="q" label="权重系数"/>
                  <el-table-column prop="cai" label="采用基准翼型数据缩放" width="180">
                    <template v-slot="scope">
                    <el-checkbox :label="scope.row.qi?'采用':'不采用'" v-model="scope.row.qi" />

                  </template>
                </el-table-column>
                  <el-table-column prop="yin" label="缩放因子" />
                  <el-table-column prop="address" label="备注" width="200" />
                </el-table>
          
            </div>
            <template #footer>
              <div class="dialog-footer">
                <el-button @click="dialog.targetdialog = false">取消</el-button>
                <el-button type="primary" @click="targetclick(); dialog.targetdialog = false">
                  确定
                </el-button>
              </div>
            </template>
          </el-dialog>
          <!-- 设计变量 -->
          <el-dialog v-model="dialog.design" align-center :modal="false" :close-on-click-modal="true"
            :append-to-body="true" draggable :fullscreen="false" :modal-append-to-body="false" modal-class="summary-dlg"
            :before-close="handleClose" width="50%" class="dialog_class bgcolor tianjia">

            <template #header="{ titleId, titleClass }">
              <div class="my-header ">
                <el-image :src="getImgPath('q2.png')" fit="contain"></el-image>
                <h4 :id="titleId" :class="titleClass">设计变量</h4>
              </div>
            </template>
            <div>
              
              <el-table :data="designtable" stripe style="width: 100%">
                  <el-table-column type="index" label="编号"  width="70" />
                  <el-table-column prop="name" label="变量名称" width="100"/>
                  <el-table-column prop="date" label="变量类型" width="120"/>
                  <el-table-column prop="name" label="上限值"  width="100"/>
                  <el-table-column prop="q" label="权重系数"/>
                  <el-table-column prop="cai" label="基准值" width="100"/>
                  <el-table-column prop="yin" label="下限值" />
                  <el-table-column prop="address" label="备注" />
                </el-table>
            </div>
            <template #footer>
              <div class="dialog-footer">
                <el-button @click="dialog.design = false">取消</el-button>
                <el-button type="primary" @click="dialog.design = false">
                  确定
                </el-button>
              </div>
            </template>
          </el-dialog>
           <!-- 约束条件 -->
           <el-dialog v-model="dialog.constraint" align-center :modal="false" :close-on-click-modal="true"
            :append-to-body="true" draggable :fullscreen="false" :modal-append-to-body="false" modal-class="summary-dlg"
            :before-close="handleClose" width="800" class="dialog_class bgcolor tianjia">

            <template #header="{ titleId, titleClass }">
              <div class="my-header ">
                <el-image :src="getImgPath('q3.png')" fit="contain"></el-image>
                <h4 :id="titleId" :class="titleClass">约束条件</h4>
              </div>
            </template>
            <div>
              
                <el-table :data="tableData" stripe style="width: 100%">
                  <el-table-column type="index" label="编号"  width="100" />
                  <el-table-column prop="data" label="约束类型" >
                  <template v-slot="scope">
                    <el-select v-model="scope.row.device"  class="no-border " :suffix-icon="CaretBottom"  placeholder="请选择">
                          <el-option
                            v-for="item in options2"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>

                  </template>
            </el-table-column>
                  <el-table-column prop="name" label="约束关系"  >
                    <template v-slot="scope">
                    <el-select class="no-border "  v-model="scope.row.z" :suffix-icon="CaretBottom" placeholder="请选择">
                          <el-option
                            v-for="item in options3"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>

                  </template>
                </el-table-column>
                  <el-table-column prop="address" label="约束基准值"  />
                </el-table>
          
            </div>
            <template #footer>
              <div class="dialog-footer">
                <el-button @click="dialog.constraint = false">取消</el-button>
                <el-button type="primary" @click=" dialog.constraint = false">
                  确定
                </el-button>
              </div>
            </template>
          </el-dialog>
          <!-- 外形参数化 -->
          <el-dialog v-model="dialog.parameter" align-center :modal="false" :close-on-click-modal="true"
            :append-to-body="true" draggable :fullscreen="false" :modal-append-to-body="false" modal-class="summary-dlg"
            :before-close="handleClose" width="480" class="dialog_class bgcolor tianjia sel">

            <template #header="{ titleId, titleClass }">
              <div class="my-header ">
                <el-image :src="getImgPath('t0.png')" fit="contain"></el-image>
                <h4 :id="titleId" :class="titleClass">外形参数化</h4>
              </div>
            </template>
            <div class="numberinput">
              <el-form>
                <el-form-item label="参数化方法：" :label-width="formLabelWidth6">
                  <el-select   v-model="canshu" :suffix-icon="CaretBottom" placeholder="请选择">
                          <el-option
                            v-for="item in canshulist"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                </el-form-item>  
              </el-form>
            </div>
            <template #footer>
              <div class="dialog-footer">
                <el-button @click="dialog.parameter = false">取消</el-button>
                <el-button type="primary" @click="dialog.parameter = false">
                  确定
                </el-button>
              </div>
            </template>
          </el-dialog>
           <!-- 代理模型 -->
           <el-dialog v-model="dialog.agency" align-center :modal="false" :close-on-click-modal="true"
            :append-to-body="true" draggable :fullscreen="false" :modal-append-to-body="false" modal-class="summary-dlg"
            :before-close="handleClose" width="480" class="dialog_class bgcolor tianjia sel">

            <template #header="{ titleId, titleClass }">
              <div class="my-header ">
                <el-image :src="getImgPath('t2.png')" fit="contain"></el-image>
                <h4 :id="titleId" :class="titleClass">代理模型</h4>
              </div>
            </template>
            <div class="numberinput">
              <el-form>
                <el-form-item label="代理模型类型：" :label-width="formLabelWidth2">
                  <el-select   v-model="canshu" :suffix-icon="CaretBottom" placeholder="请选择">
                          <el-option
                            v-for="item in agelist"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                </el-form-item>  
                <el-form-item label="设计空间类型：" :label-width="formLabelWidth2">
                  <el-select   v-model="canshu" :suffix-icon="CaretBottom" placeholder="请选择">
                          <el-option
                            v-for="item in agelist1"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                </el-form-item> 
                <el-form-item label="试验设计方法：" :label-width="formLabelWidth2">
                  <el-select   v-model="canshu" :suffix-icon="CaretBottom" placeholder="请选择">
                          <el-option
                            v-for="item in agelist2"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                          </el-option>
                        </el-select>
                </el-form-item> 
                <el-form-item label="初始样本点数：" :label-width="formLabelWidth2">
                  <el-input-number v-model="num" :min="1" :max="10" controls-position="right" />
                </el-form-item>
              </el-form>
            </div>
            <template #footer>
              <div class="dialog-footer">
                <el-button @click="dialog.agency = false">取消</el-button>
                <el-button type="primary" @click="dialog.agency = false">
                  确定
                </el-button>
              </div>
            </template>
          </el-dialog>
          <!-- 终止条件 -->
          <el-dialog v-model="dialog.enddialog" align-center :modal="false" :close-on-click-modal="true"
            :append-to-body="true" draggable :fullscreen="false" :modal-append-to-body="false" modal-class="summary-dlg"
            :before-close="handleClose" width="480" class="dialog_class bgcolor tianjia sel">

            <template #header="{ titleId, titleClass }">
              <div class="my-header ">
                <el-image :src="getImgPath('t4.png')" fit="contain"></el-image>
                <h4 :id="titleId" :class="titleClass">终止条件</h4>
              </div>
            </template>
            <div class="numberinput">
              <el-form>
                <el-form-item label="EI最小值：" :label-width="formLabelWidth1">
                  <el-input v-model="name" maxlength="18"
                    oninput="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" class="w-50 m-2"
                    placeholder="请输入" />
                </el-form-item>
                <el-form-item label="目标函数收敛误差：" :label-width="formLabelWidth1">
                  <el-input v-model="name" maxlength="18"
                    oninput="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" class="w-50 m-2"
                    placeholder="请输入" />
                </el-form-item>
                <el-form-item label="优化解收敛精度：" :label-width="formLabelWidth1">
                  <el-input v-model="name" maxlength="18"
                    oninput="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" class="w-50 m-2"
                    placeholder="请输入" />
                </el-form-item>
                <el-form-item label="真实函数约束精度：" :label-width="formLabelWidth1">
                  <el-input v-model="name" maxlength="18"
                    oninput="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" class="w-50 m-2"
                    placeholder="请输入" />
                </el-form-item>
                <el-form-item label="代理模型约束精度：" :label-width="formLabelWidth1">
                  <el-input v-model="name" maxlength="18"
                    oninput="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" class="w-50 m-2"
                    placeholder="请输入" />
                </el-form-item>
              </el-form>
            </div>
            <template #footer>
              <div class="dialog-footer">
                <el-button @click="dialog.enddialog = false">取消</el-button>
                <el-button type="primary" @click="dialog.enddialog = false">
                  确定
                </el-button>
              </div>
            </template>
          </el-dialog>
        </div>
      </el-main>

    </el-container>
  </div>
</template>
<script setup>
import { ref, onMounted, reactive, } from "vue";
import myheader from "@/components/header.vue"
import { ElMessage, ElButton, ElDialog, ElSelect } from 'element-plus'
import { Edit,CaretBottom } from '@element-plus/icons-vue'
import '@/utils/flexible'
import s0 from "@/assets/img/s0.png"
const activeName = ref('User')
let active = ref('');
let formLabelWidth6 = ref(100)
let formLabelWidth1 = ref(200)
let formLabelWidth2 = ref(130)
let modelban=ref("模版");
let undmodel=ref("自定义");
let tasksel=ref("学科组件")
let canshu=ref();
let Startlist = ref([
  { url: 's0.png', titlie: "新建任务" },
  { url: 's1.png', titlie: "打开任务" },
  { url: 's2.png', titlie: "保存任务" },
  { url: 's3.png', titlie: "关闭任务" },
])
let question = ref([
  { url: 'q0.png', titlie: "问题设定" },
  { url: 'q1.png', titlie: "优化目标" },
  { url: 'q2.png', titlie: "设计变量" },
  { url: 'q3.png', titlie: "约束条件" },
])
let roletion = ref([
  { url: 'r1.png', titlie: "模版" },
  { url: 'r2.png', titlie: "自定义" },
])
let tasktion = ref([
  { url: 't0.png', titlie: "外形参数化" },
])
let tasktion2 = ref([
  { url: 't2.png', titlie: "代理模型" },
  { url: 't3.png', titlie: "加点方法" },
  { url: 't4.png', titlie: "终止条件" },
])
let canshulist = ref([
{ label: 'CST参数化', value: 'CST参数化' },
{ label: 'FFD参数化', value: 'FFD参数化' },
])
let agelist = ref([
{ label: 'Kriging模型', value: 'Kriging模型' },
{ label: '相关函数类型', value: '相关函数类型' },
{ label: '超参数优化方法', value: '超参数优化方法' },
{ label: 'Hooke Jeeves方法循环次数', value: 'Hooke Jeeves方法循环次数' },
])
let agelist1 = ref([
{ label: '固定设计空间', value: '固定设计空间' },
])
let agelist2 = ref([
{ label: '拉丁超立方', value: '拉丁超立方' },
])
let dialog = ref({
  newdialog: false,
  setdialog: false,
  targetdialog: false,
  design:false,
  constraint:false,
  parameter:false,
  agency:false,
  enddialog:false,
})
let options=ref([
{ label: '升阻比', value: '升阻比' },
{ label: 'RCS', value: 'RCS' },
])
let options1=ref([
{ label: '增大', value: '增大' },
{ label: '减小', value: '减小' },
])
let options2=ref([
{ label: '升力系数', value: '升力系数' },
{ label: '翼型面积', value: '翼型面积' },
])
let options3=ref([
{ label: '大于', value: '大于' },
{ label: '小于', value: '小于' },
])
let options4=ref([
{ label: '流程', value: '流程' },
{ label: '循环', value: '循环' },
{ label: '条件', value: '条件' },
])
let tasklist=ref([
{ label: '气动', value: '气动' },
{ label: '结构', value: '结构' },
{ label: '隐身', value: '隐身' },
{ label: '噪声', value: '噪声' },
])

const optiongroup = [
  {
    label: '大飞机',
    options: [
      {
        value: '气动优化',
        label: '气动优化',
      },
      {
        value: '气弹优化',
        label: '气弹优化',
      },
    ],
  },
  {
    label: '直升机',
    options: [
      {
        value: '气动优化',
        label: '气动优化',
      },
      {
        value: '气弹优化',
        label: '气弹优化',
      },
      {
        value: '气动噪声优化',
        label: '气动噪声优化',
      },
     
    ],
  },
]
const tableData = ref([
  {
    qi:"false",
    date: '2016-05-03',
    device: '升阻比',
    z: '增大',
    q:1.0,
    cai:false,
    yin:1.0,
    address:'serrrrrrr'
    
  },
  {
    qi:"true",
    date: '2016-05-03',
    device: '升阻比',
    z: '增大',
    q:1.0,
    cai:false,
    yin:1.0,
    address:'serrrrrrr'
    
  },
  {
    qi:"false",
    date: '2016-05-03',
    device: '升阻比',
    z: '增大',
    q:1.0,
    cai:false,
    yin:1.0,
    address:'serrrrrrr'
    
  },
])
const designtable = ref([
  {
    name:"false",
    date: '2016-05-03',
    device: '升阻比',
    z: '增大',
    q:1.0,
    cai:false,
    yin:1.0,
    address:'serrrrrrr'
    
  },
  {
    name:"true",
    date: '2016-05-03',
    device: '升阻比',
    z: '增大',
    q:1.0,
    cai:false,
    yin:1.0,
    address:'serrrrrrr'
    
  },
  {
    name:"false",
    date: '2016-05-03',
    device: '升阻比',
    z: '增大',
    q:1.0,
    cai:false,
    yin:1.0,
    address:'serrrrrrr'
    
  },
])

let name = ref("1")
let num = ref(1)
const getImgPath = (url) => {
  return new URL(`../assets/img/${url}`, import.meta.url).href
}
const handleClick = (tab, event) => {
  // console.log(tab, event)
}
// 模块选择
const clickgeometry = (e, index, key) => {
  console.log(key);
  switch (key) {
    case "one0-0":
      dialog.value.newdialog = true;
      break;
    case "Config-0":
      dialog.value.setdialog = true;
      break;
    case "Config-1":
      dialog.value.targetdialog = true;
      break;
      case "Config-2":
      dialog.value.design = true;
      break;
      case "Config-3":
      dialog.value.constraint = true;
      break;
      case "Task-11":
      dialog.value.parameter = true;
      break;
      case "Task-0":
      dialog.value.agency = true;
      break;
      case "Task-1":
      dialog.value.agency = true;
      break;
      case "Task-2":
      dialog.value.enddialog = true;
      break;
     
      
  }
}

const deviceSelectChange = () => {

}
const handleClose = (done) => {
  console.log(111)
  dialog.value.newdialog = false;
  done();
};
const targetclick=()=>{
  console.log(tableData.value)
}
</script>
<style lang="scss" scoped></style>