同步电网一张图代码

src/views/system/bpm/task/done/index.vue

@@ -1,24 +1,19 @@
 <!--待办事项列表-->
 <template>
-    <div class='default-main'>
+    <div>
         <TableHeader date-picker>
             <template v-slot:select>
-                <el-form-item label='任务名称'>
-                    <el-input
-                        v-model='tableStore.table.params.searchValue'
-                        clearable
-                        placeholder='请输入任务名称'
-                    />
+                <el-form-item label="任务名称">
+                    <el-input v-model="tableStore.table.params.searchValue" clearable placeholder="请输入任务名称" />
                 </el-form-item>
             </template>
-
         </TableHeader>
         <!--表格-->
-        <Table ref='tableRef'></Table>
+        <Table ref="tableRef"></Table>
     </div>
 </template>
 
-<script setup lang='ts'>
+<script setup lang="ts">
 import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
 import TableHeader from '@/components/table/header/index.vue'
@@ -26,14 +21,12 @@ import { onMounted, provide, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { dateFormatter, formatPast2 } from '@/utils/formatTime'
 
-
 defineOptions({
     name: 'businessUser'
 })
 
 const { push } = useRouter()
 
-
 const tableStore = new TableStore({
     url: '/bpm-boot/bpm/task/doneList',
     method: 'POST',
@@ -47,7 +40,9 @@ const tableStore = new TableStore({
         { title: '发起时间', field: 'createTime', minWidth: 170 },
         { title: '结束时间', field: 'endTime', minWidth: 170 },
         {
-            title: '审批状态', field: 'status', minWidth: 130,
+            title: '审批状态',
+            field: 'status',
+            minWidth: 130,
             render: 'tag',
             custom: {
                 1: 'primary',
@@ -64,7 +59,9 @@ const tableStore = new TableStore({
         },
         { title: '审批建议', field: 'reason', minWidth: 150 },
         {
-            title: '耗时', field: 'durationInMillis', minWidth: 150,
+            title: '耗时',
+            field: 'durationInMillis',
+            minWidth: 150,
             formatter: (obj: any) => {
                 return formatPast2(obj.row.durationInMillis)
             }
@@ -95,7 +92,6 @@ const tableStore = new TableStore({
                 delete tableStore.table.params[key]
             }
         }
-
     }
 })
 
@@ -115,5 +111,4 @@ const handleAudit = (instanceId: any) => {
         }
     })
 }
-
 </script>

src/views/system/bpm/task/todo/index.vue

@@ -1,6 +1,6 @@
 <!--待办事项列表-->
 <template>
-    <div class='default-main'>
+    <div >
         <TableHeader date-picker>
             <template v-slot:select>
                 <el-form-item label='任务名称'>