自动检测/手动检测页面

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

@@ -9,7 +9,7 @@
       @drag-sort="sortTable"
     >
       <!-- 表格 header 按钮 -->
-      <template #tableHeader="scope">
+      <template #tableHeader>
         <el-form :model="searchForm">
           <el-form-item label="检测时间">
             <el-select
@@ -63,21 +63,28 @@
               >查询</el-button
             >
             <el-button :icon="Refresh" @click="handleRefresh">重置</el-button>
+          </el-form-item>
+          <el-form-item>
             <el-button type="primary" :icon="Upload" @click="handleRefresh"
               >导入</el-button
             >
+          </el-form-item>
+          <el-form-item>
             <el-button type="primary" :icon="Check" @click="handleRefresh"
               >合并</el-button
             >
+          </el-form-item>
+          <el-form-item>
             <el-button type="primary" :icon="Plus" @click="handleRefresh"
               >新增</el-button
             >
+          </el-form-item>
+          <el-form-item>
             <el-button type="danger" :icon="Delete" @click="handleRefresh"
               >删除</el-button
             >
           </el-form-item>
         </el-form>
-
         <!-- <el-button
           v-auth="'add'"
           type="primary"
@@ -227,13 +234,10 @@ const initParam = reactive({ type: 1, pageNum: 1, pageSize: 10 });
 // dataCallback 是对于返回的表格数据做处理，如果你后台返回的数据不是 list && total 这些字段，可以在这里进行处理成这些字段
 // 或者直接去 hooks/useTable.ts 文件中把字段改为你后端对应的就行
 const tableList = ref([]);
-// console.log(data, ">>>>>>>>>>>");
-//   tableList.value = data;
-//   console.log(tableList.value, "?????????????????????177");
 const dataCallback = (data: any) => {
   return {
     list: data || data.data || data.list,
-    total: data.length || data.total, //total
+    total: data.length || data.total,
   };
 };
 console.log(proTable.value, "proTable.value?proTable.value?proTable.value?");
@@ -247,20 +251,21 @@ const getTableList = (params: any) => {
   return getPlanList(newParams);
 };
 //查看详情
-const detailsRef:any = ref();
+const detailsRef: any = ref();
 const handleDetails = () => {
-  console.log(detailsRef.value,"+++++++++++++++");
+  console.log(detailsRef.value, "+++++++++++++++");
   detailsRef.value.open("查看计划");
 };
 
 // 表格配置项
 const columns = reactive<ColumnProps<User.ResUserList>[]>([
   { type: "selection", fixed: "left", width: 70 },
-  //   { type: "sort", label: "Sort", width: 80 },
-  //   { type: "expand", label: "Expand", width: 85 },
+  { type: "sort", label: "Sort", width: 80 },
+  { type: "expand", label: "Expand", width: 85 },
   {
     prop: "planName",
     label: "计划名称",
+    width: 120,
   },
   {
     prop: "checkMode",
@@ -306,6 +311,7 @@ const columns = reactive<ColumnProps<User.ResUserList>[]>([
   {
     prop: "checkExe",
     label: "检测脚本",
+    width: 120,
     render: (scope) => {
       return scope.row.checkExe == 0
         ? "国网入网检测脚本（单影响量-模拟式）"
@@ -319,6 +325,7 @@ const columns = reactive<ColumnProps<User.ResUserList>[]>([
   {
     prop: "wctx",
     label: "误差体系",
+    width: 120,
     render: (scope) => {
       return scope.row.wctx == 0
         ? "Q/GDW 1650.2- 2016"
@@ -330,6 +337,7 @@ const columns = reactive<ColumnProps<User.ResUserList>[]>([
     },
   },
   {
+    type: "tag",
     prop: "checkStatus",
     label: "检测状态",
     width: 120,
@@ -449,7 +457,8 @@ onMounted(() => {
 <style lang="scss" scoped>
 .planList {
   width: 100%;
-  height: calc(100vh - 165px);
+  // height: calc(100vh - 165px);
+  height: 100%;
 }
 
 :deep(.el-select) {