检测过程流程展示页面框架绘制

frontend/src/views/plan/planList/index.vue

@@ -8,7 +8,8 @@
       <!-- 表格 header 按钮 -->
       <template #tableHeader='scope'>
         <el-button type='primary' :icon='Download' @click='importClick'>导入</el-button>
-        <el-button type='primary' :icon='CirclePlus' :disabled='!(scope.selectedList.length > 1)' @click='combineClick'>
+        <el-button type='primary' :icon='Upload' @click='exportClick'>导出</el-button>
+        <el-button type='primary' :icon='ScaleToOriginal' :disabled='!(scope.selectedList.length > 1)' @click='combineClick'>
           合并
         </el-button>
         <el-button type='primary' :icon='CirclePlus' @click='openAddDialog'>新增</el-button>
@@ -20,9 +21,11 @@
       <!-- 表格操作 -->
       <template #operation='scope'>
         <!-- <el-button type='primary' link :icon='View'  @click="handleRowClick(scope.row)">查看</el-button> -->
-        <el-button type='primary' link :icon='Upload' @click='exportClick'>导出</el-button>
+        <!-- <el-button type='primary' link :icon='Upload' @click='exportClick'>导出</el-button> -->
         <el-button type='primary' link :icon='EditPen' @click='openEditDialog(scope.row)'>编辑</el-button>
-        <div class='cn-render-buttons'>
+        <el-button type='primary' link :icon='Delete' @click='openEditDialog(scope.row)'>删除</el-button>
+        <el-button type='primary' link :icon='List' @click='showDeviceOpen(scope.row)'>设备绑定</el-button>
+        <!-- <div class='cn-render-buttons'>
           <el-dropdown trigger='click'>
             <el-button link type='primary' class='table-operate'>
               <div class='table-operate-text'>更多</div>
@@ -41,7 +44,7 @@
               </el-dropdown-menu>
             </template>
           </el-dropdown>
-        </div>
+        </div> -->
       </template>
     </ProTable>
 
@@ -77,7 +80,7 @@
 import ProTable from '@/components/ProTable/index.vue'
 import TimeControl from '@/components/TimeControl/index.vue'
 import type { ProTableInstance, ColumnProps } from '@/components/ProTable/interface'
-import { CirclePlus, Delete, EditPen, View, Upload, Download, List, Tools } from '@element-plus/icons-vue'
+import { ScaleToOriginal, CirclePlus, Delete, EditPen, View, Upload, Download, List, Tools } from '@element-plus/icons-vue'
 import {
   dictPattern,
   dictTestState,
@@ -163,14 +166,14 @@ const columns = reactive<ColumnProps<Plan.PlanAndSourceBO>[]>([
   { type: 'index', fixed: 'left', width: 70, label: '序号' },
   {
     prop: 'name',
-    label: '检测计划名称',
+    label: '名称',
     width: 200,
     search: { el: 'input' },
   },
   {
     prop: 'testSourceName',
-    label: '检测源名称',
-    width: 300,
+    label: '检测源',
+    width: 215,
     render: scope => {
       return (
           <div class='flx-flex-start'>
@@ -187,7 +190,7 @@ const columns = reactive<ColumnProps<Plan.PlanAndSourceBO>[]>([
   {
     prop: 'script_Id',
     label: '检测脚本',
-    width: 300,
+    width: 350,
     enum: testScriptDataList,
     fieldNames: { label: 'label', value: 'id' },
     render: scope => {
@@ -215,7 +218,7 @@ const columns = reactive<ColumnProps<Plan.PlanAndSourceBO>[]>([
   },
   {
     prop: 'dataSource_Id',
-    label: '数据源名称',
+    label: '数据源',
     width: 200,
     enum: testSoureDataList,
     fieldNames: { label: 'label', value: 'id' },
@@ -247,13 +250,13 @@ const columns = reactive<ColumnProps<Plan.PlanAndSourceBO>[]>([
     search: { el: 'select', props: { filterable: true } },
     fieldNames: { label: 'label', value: 'id' },
   },
-  {
-    prop: 'father_Plan_Id',
-    label: '父节点',
-    width: 200,
-    enum: testFatherPlanList,
-    fieldNames: { label: 'label', value: 'id' },
-  },
+//  {
+//    prop: 'father_Plan_Id',
+//    label: '父节点',
+//    width: 200,
+//    enum: testFatherPlanList,
+//    fieldNames: { label: 'label', value: 'id' },
+//  },
   //  {
   //   prop: 'create_Time',
   //   label: '记录时间',