联调 退役管理

src/views/pqs/task/myTask/index.vue

@@ -1,18 +1,17 @@
 <!--业务用户管理界面-->
 <template>
     <div class="default-main">
-        <TableHeader >
+        <TableHeader>
             <template v-slot:select>
                 <el-form-item label="筛选数据">
                     <el-input v-model="tableStore.table.params.name" clearable placeholder="筛选数据" />
                 </el-form-item>
             </template>
-            <template v-slot:operation>
-                <el-button type="primary" @click="exportEvent" class="ml10" icon="el-icon-Download">导出</el-button>
-            </template>
         </TableHeader>
         <!--表格-->
         <Table ref="tableRef"></Table>
+        <!-- 详情 -->
+        <Detail ref="detailRef" />
     </div>
 </template>
 
@@ -24,18 +23,17 @@ import TableHeader from '@/components/table/header/index.vue'
 import { onMounted, provide, ref } from 'vue'
 import { useDictData } from '@/stores/dictData'
 import { pageTable } from '@/api/harmonic-boot/luckyexcel'
+import Detail from './components/detail.vue'
 
 defineOptions({
-    name: 'harmonic-boot/reate/word'
+    name: '/flowTask/mytask'
 })
 const dictData = useDictData()
-//区域联级选择
-const industry = dictData.getBasicData('Interference_Source')
-//用户信息弹出框
 const tableRef = ref()
+const detailRef = ref()
 
 const tableStore = new TableStore({
-    url: '/process-boot/flowable/task/todoList',
+    url: '/process-boot/flowable/task/myProcess',
     method: 'GET',
     column: [
         {
@@ -45,59 +43,85 @@ const tableStore = new TableStore({
                 return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
             }
         },
-        { title: '变电站', field: 'subName', width: 200 },
-        { title: '监测点名称', field: 'lineName', width: 200 },
+        { title: '流程名称', field: 'procDefName', width: 200 },
+        { title: '流程类别', field: 'category' },
         {
-            title: '行业类型',
-            field: 'businessType',
-            formatter: (row: any) => {
-                return industry.find((item: any) => item.id == row.cellValue)?.name || '/'
-            }
+            title: '流程版本',
+            field: 'procDefVersion'
         },
         {
-            title: '分类等级',
-            field: 'calssificationGrade',
-            formatter: (row: any) => {
-                return row.cellValue || '/'
+            title: '提交时间',
+            field: 'createTime'
+        },
+        {
+            title: '流程状态',
+            field: 'finishTime',
+            render: 'tag',
+            custom: {
+                0: 'warning',
+                1: 'success'
+            },
+            replaceValue: {
+                0: '进行中',
+                1: '已完成'
             }
         },
-        { title: '电压等级', field: 'voltageScale' },
+        { title: '耗时', field: 'duration' },
         {
-            title: '上级变电站',
-            field: 'superiorsSubstation',
-            formatter: (row: any) => {
-                return row.cellValue || '/'
-            }
+            title: '当前节点',
+            field: 'taskName'
+        },
+        {
+            title: '办理人',
+            field: 'assigneeName'
+        },
+
+        {
+            title: '操作',
+            width: '180',
+            render: 'buttons',
+            buttons: [
+                {
+                    name: 'edit',
+                    title: '详情',
+                    type: 'primary',
+                    icon: 'el-icon-Plus',
+                    render: 'basicButton',
+                    click: row => {
+                        detailRef.value.open(row)
+                    }
+                },
+                {
+                    name: 'del',
+                    text: '删除',
+                    type: 'danger',
+                    icon: 'el-icon-Delete',
+                    render: 'confirmButton',
+                    popconfirm: {
+                        confirmButtonText: '确认',
+                        cancelButtonText: '取消',
+                        confirmButtonType: 'danger',
+                        title: '确定删除？'
+                    },
+                    click: row => {}
+                }
+            ]
         }
     ],
     beforeSearchFun: () => {
         tableStore.table.params.beginTime = tableStore.table.params.startTime
         tableStore.table.params.deptId = tableStore.table.params.deptIndex
+    },
+    loadCallback: () => {
+        tableStore.table.data.forEach((item: any) => {
+            item.finishTime = item.finishTime == null ? '0' : '1'
+        })
     }
 })
 
 onMounted(() => {
-    // 加载数据
     tableStore.index()
 })
 tableStore.table.params.name = ''
 provide('tableStore', tableStore)
-// 导出
-const exportEvent = () => {
-    let form = JSON.parse(JSON.stringify(tableStore.table.params))
-    form.pageNum = 1
-    form.pageSize = tableStore.table.total
-    pageTable(form).then(res => {
-        tableRef.value.getRef().exportData({
-            filename: '合格率报告', // 文件名字
-            sheetName: 'Sheet1',
-            type: 'xlsx', //导出文件类型 xlsx 和 csv
-            useStyle: true,
-            data: res.data.records, // 数据源 // 过滤那个字段导出
-            columnFilterMethod: function (column: any) {
-                return !(column.$columnIndex === 0)
-            }
-        })
-    })
-}
 </script>