技术监督计划调整，增加监督类型

src/views/pqs/supervise/harmonicSurvey/components/planManage.vue

@@ -1,27 +1,27 @@
 <template>
-    <TableHeader area datePicker ref="TableHeaderRef">
-        <template #select>
-            <el-form-item label="审核状态">
-                <el-select v-model="tableStore.table.params.status" clearable placeholder="请选择审核状态">
-                    <el-option
-                        v-for="item in statusSelect"
-                        :key="item.id"
-                        :label="item.name"
-                        :value="item.id"
-                    ></el-option>
-                </el-select>
-            </el-form-item>
-        </template>
-        <template #operation>
-            <el-button icon="el-icon-Plus" type="primary" @click="add">新增计划</el-button>
-            <!-- <el-button icon="el-icon-Download" type="primary" @click="exportFn">导出</el-button> -->
-        </template>
-    </TableHeader>
-    <Table ref="tableRef" />
-    <!-- 新增 -->
-    <planAdd ref="planAddRef" @onsubmit="tableStore.index()" :openType="openType" />
+  <TableHeader area datePicker ref='TableHeaderRef'>
+    <template #select>
+      <el-form-item label='审核状态'>
+        <el-select v-model='tableStore.table.params.status' clearable placeholder='请选择审核状态'>
+          <el-option
+              v-for='item in statusSelect'
+              :key='item.id'
+              :label='item.name'
+              :value='item.id'
+          ></el-option>
+        </el-select>
+      </el-form-item>
+    </template>
+    <template #operation>
+      <el-button icon='el-icon-Plus' type='primary' @click='add'>新增计划</el-button>
+      <!-- <el-button icon="el-icon-Download" type="primary" @click="exportFn">导出</el-button> -->
+    </template>
+  </TableHeader>
+  <Table ref='tableRef' />
+  <!-- 新增 -->
+  <planAdd ref='planAddRef' @onsubmit='tableStore.index()' :openType='openType' />
 </template>
-<script setup lang="ts">
+<script setup lang='ts'>
 import { useAdminInfo } from '@/stores/adminInfo'
 //获取登陆用户姓名和部门
 const adminInfo = useAdminInfo()
@@ -36,7 +36,9 @@ import { useRouter } from 'vue-router'
 import { queryPlan, removeSurvey } from '@/api/process-boot/generalTest'
 import { getUserByRoleType } from '@/api/user-boot/user'
 import { useDictData } from '@/stores/dictData'
+
 const dictData = useDictData()
+const supvTypeOptionList = dictData.getBasicData('supv_type')
 const statusSelect = dictData.statusSelect()
 const { push, options, currentRoute } = useRouter()
 const dialogVisible = ref(false)
@@ -48,193 +50,212 @@ const auditUser = ref('')
 const flag = ref(false)
 const openType = ref('create')
 const tableStore = new TableStore({
-    url: '/supervision-boot/surveyPlan/surveyPlanPage',
-    publicHeight: 65,
-    method: 'POST',
-    column: [
+  url: '/supervision-boot/surveyPlan/surveyPlanPage',
+  publicHeight: 65,
+  method: 'POST',
+  column: [
+    {
+      title: '序号',
+      width: 60,
+      formatter: (row: any) => {
+        return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+      }
+    },
+    {
+      field: 'planName',
+      title: '计划名称',
+      minWidth: 130
+    },
+    {
+      field: 'supvType',
+      title: '监督类型',
+      minWidth: 130,
+      formatter: (row: any) => {
+        return supvTypeOptionList.filter(item => item.id === row.cellValue)[0]?.name
+      }
+    },
+    {
+      field: 'supvObjectName',
+      minWidth: 130,
+      title: '监督对象名称'
+    },
+    {
+      field: 'deptName',
+      minWidth: 130,
+      title: '负责单位'
+    },
+    {
+      field: 'substation',
+      title: '变电站',
+      minWidth: 110,
+      formatter: (row: any) => {
+        return row.cellValue
+      }
+    },
+
+    { field: 'planStartTime', minWidth: 130,title: '计划开始时间' },
+    { field: 'planEndTime', minWidth: 130,title: '计划结束时间' },
+    {
+      field: 'status',
+      title: '计划状态',
+      render: 'tag',
+      minWidth: 80,
+      custom: {
+        1: 'primary',
+        2: 'success',
+        3: 'danger',
+        4: 'warning'
+      },
+      replaceValue: {
+        1: '审批中',
+        2: '审批通过',
+        3: '审批不通过',
+        4: '已取消'
+      }
+    },
+    {
+      field: 'createBy',
+      title: '填报人',
+      minWidth: 80,
+      formatter: (row: any) => {
+        return dictData.state.userList.filter(item => item.id == row.cellValue)[0]?.name
+      }
+    },
+    {
+      title: '操作',
+      minWidth: '180',
+      fixed:'right',
+      render: 'buttons',
+      buttons: [
         {
-            title: '序号',
-            width: 60,
-            formatter: (row: any) => {
-                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
-            }
+          name: 'productSetting',
+          title: '流程详情',
+          type: 'primary',
+          icon: 'el-icon-EditPen',
+          render: 'basicButton',
+          click: row => {
+            flag.value = true
+            handleAudit(row.processInstanceId, row.historyInstanceId)
+          }
         },
         {
-            field: 'deptName',
-            title: '负责单位'
+          name: 'edit',
+          title: '重新发起',
+          type: 'warning',
+          icon: 'el-icon-Open',
+          render: 'basicButton',
+          disabled: row => {
+            return row.createBy != adminInfo.$state.id || row.status == 1 || row.status == 2
+          },
+          click: row => {
+            // deviceQuitPopup.value.open('重新发起退运', row)
+            planAddRef.value.open('重新发起计划', row.id)
+          }
         },
         {
-            field: 'substation',
-            title: '变电站',
-            formatter: (row: any) => {
-                return row.cellValue
-            }
-        },
-        {
-            field: 'planName',
-            title: '普测计划'
-        },
-        { field: 'planStartTime', title: '计划开始时间' },
-        { field: 'planEndTime', title: '计划结束时间' },
-        {
-            field: 'status',
-            title: '计划状态',
-            render: 'tag',
-            custom: {
-                1: 'primary',
-                2: 'success',
-                3: 'danger',
-                4: 'warning'
-            },
-            replaceValue: {
-                1: '审批中',
-                2: '审批通过',
-                3: '审批不通过',
-                4: '已取消'
-            }
-        },
-        {
-            field: 'createBy',
-            title: '填报人',
-            minWidth: 80,
-            formatter: (row: any) => {
-                return dictData.state.userList.filter(item => item.id == row.cellValue)[0]?.name
-            }
-        },
-        {
-            title: '操作',
-            width: '180',
-            render: 'buttons',
-            buttons: [
-                {
-                    name: 'productSetting',
-                    title: '流程详情',
-                    type: 'primary',
-                    icon: 'el-icon-EditPen',
-                    render: 'basicButton',
-                    click: row => {
-                        flag.value = true
-                        handleAudit(row.processInstanceId,row.historyInstanceId)
-                    }
-                },
-                {
-                    name: 'edit',
-                    title: '重新发起',
-                    type: 'warning',
-                    icon: 'el-icon-Open',
-                    render: 'basicButton',
-                    disabled: row => {
-                        return row.createBy != adminInfo.$state.id || row.status == 1 || row.status == 2
-                    },
-                    click: row => {
-                        // deviceQuitPopup.value.open('重新发起退运', row)
-                        planAddRef.value.open('重新发起计划', row.id)
-                    }
-                },
-                {
-                    name: 'cancel',
-                    title: '取消',
-                    type: 'danger',
-                    icon: 'el-icon-Open',
-                    render: 'basicButton',
-                    disabled: row => {
-                        return row.createBy != adminInfo.$state.id || row.status == 3 || row.status == 2 || row.status == 4
-                    },
-                    click: row => {
-                        cancelLeave(row)
-                    }
-                }
-            ]
+          name: 'cancel',
+          title: '取消',
+          type: 'danger',
+          icon: 'el-icon-Open',
+          render: 'basicButton',
+          disabled: row => {
+            return row.createBy != adminInfo.$state.id || row.status == 3 || row.status == 2 || row.status == 4
+          },
+          click: row => {
+            cancelLeave(row)
+          }
         }
-    ],
-    beforeSearchFun: () => {
-        tableStore.table.params.orgNo = tableStore.table.params.deptIndex
-        tableStore.table.params.currentPage = tableStore.table.params.pageNum
+      ]
     }
+  ],
+  beforeSearchFun: () => {
+    tableStore.table.params.orgNo = tableStore.table.params.deptIndex
+    tableStore.table.params.currentPage = tableStore.table.params.pageNum
+  }
 })
 
 tableStore.table.params.status = ''
 provide('tableStore', tableStore)
 // 新增计划
 const add = () => {
-    // title.value = '普测计划新增'
-    planAddRef.value.open('普测计划新增')
+  // title.value = '普测计划新增'
+  planAddRef.value.open('计划新增')
 }
 
 const exportFn = () => {
-    let form = JSON.parse(JSON.stringify(tableStore.table.params))
-    form.pageNum = 1
-    form.pageSize = tableStore.table.total
-    queryPlan(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)
-            }
-        })
+  let form = JSON.parse(JSON.stringify(tableStore.table.params))
+  form.pageNum = 1
+  form.pageSize = tableStore.table.total
+  queryPlan(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)
+      }
     })
+  })
 }
 
 /**取消流程操作*/
 const cancelLeave = async (row: any) => {
-    // 二次确认
-    const { value } = await ElMessageBox.prompt('请输入取消原因', '取消流程', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空，且非空格
-        inputErrorMessage: '取消原因不能为空'
-    })
-    // 发起取消
-    let data = {
-        id: row.id,
-        processInstanceId: row.processInstanceId,
-        reason: value
-    }
-    await cancel(data)
-    ElMessage.success('取消成功')
-    // 加载数据
-    tableStore.index()
+  // 二次确认
+  const { value } = await ElMessageBox.prompt('请输入取消原因', '取消流程', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空，且非空格
+    inputErrorMessage: '取消原因不能为空'
+  })
+  // 发起取消
+  let data = {
+    id: row.id,
+    processInstanceId: row.processInstanceId,
+    reason: value
+  }
+  await cancel(data)
+  ElMessage.success('取消成功')
+  // 加载数据
+  tableStore.index()
 }
 
 const handleClose = () => {
-    dialogVisible.value = false
-    auditUser.value = ''
+  dialogVisible.value = false
+  auditUser.value = ''
 }
 
 /** 处理审批按钮 */
-const handleAudit = (instanceId: string,historyInstanceId:string) => {
-    push({
-        name: 'BpmProcessInstanceDetail',
-        state: {
-            id: instanceId,
-            historyInstanceId
-        }
-    })
+const handleAudit = (instanceId: string, historyInstanceId: string) => {
+  push({
+    name: 'BpmProcessInstanceDetail',
+    state: {
+      id: instanceId,
+      historyInstanceId
+    }
+  })
 }
 // 取消
 
 onMounted(() => {
-    tableStore.index()
-    getUserByRoleType(3).then(res => {
-        auditList.value = res.data
-    })
+  tableStore.index()
+  getUserByRoleType(3).then(res => {
+    auditList.value = res.data
+  })
 })
 watch(
     () => currentRoute.value.path,
     () => {
-        if (flag.value && options.history.state.forward?.split('/')[1] == 'bpm') {
-            tableStore.index()
-            flag.value = false
-        }
+      if (flag.value && options.history.state.forward?.split('/')[1] == 'bpm') {
+        tableStore.index()
+        flag.value = false
+      }
     },
     {
-        deep: true
+      deep: true
     }
 )
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang='scss'></style>