技术监督新增查看功能

src/views/pqs/supervise/electricalEnergy/components1/testQuestions.vue

@@ -3,42 +3,55 @@
   <TableHeader area datePicker nextFlag theCurrentTime ref="TableHeaderRef">
     <template v-slot:select>
       <el-form-item label="计划名称">
-        <el-input
-            style="width: 200px"
-            v-model="tableStore.table.params.searchValue"
-            clearable
-            placeholder="请输入计划名称"
-        ></el-input>
+        <el-input style="width: 200px" v-model="tableStore.table.params.searchValue" clearable
+          placeholder="请输入计划名称"></el-input>
+      </el-form-item>
+      <el-form-item label="是否解决">
+        <el-select v-model="tableStore.table.params.dealState" clearable placeholder="请选择是否解决">
+          <el-option v-for="item in dealStateList" :key="item.value" :label="item.label"
+            :value="item.value"></el-option>
+        </el-select>
       </el-form-item>
     </template>
   </TableHeader>
-  <Table ref="tableRef"/>
-  <testQuestionsForm ref="testQuestionsFormRef"/>
+  <Table ref="tableRef" />
+  <testQuestionsForm ref="testQuestionsFormRef" />
   <!-- 详情 -->
   <el-dialog draggable v-model="dialogVisible" v-if="dialogVisible" title="详情" width="1000">
-    <detail :id="detailId" :flag="false"/>
+    <detail :id="detailId" :flag="flag" />
   </el-dialog>
 </template>
 <script setup lang="ts">
-import {ref, onMounted, provide, nextTick} from 'vue'
+import { ref, onMounted, provide, nextTick } from 'vue'
 import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
 import TableHeader from '@/components/table/header/index.vue'
 import testQuestionsForm from './form/testQuestionsForm.vue'
-import {initiateWarningLeaflet} from '@/api/supervision-boot/survey/test'
-import {ElMessage, ElMessageBox} from 'element-plus'
-import {useRouter} from 'vue-router'
-import {useDictData} from '@/stores/dictData'
+import { initiateWarningLeaflet } from '@/api/supervision-boot/survey/test'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useRouter } from 'vue-router'
+import { useDictData } from '@/stores/dictData'
 import detail from '@/views/pqs/supervise/harmonicSurvey/test/detail.vue'
 
 const dictData = useDictData()
-const {push} = useRouter()
+const { push } = useRouter()
 const router = useRouter() // 路由对象
 const tableRef = ref()
+const flag = ref(false)
 const TableHeaderRef = ref()
 const dialogVisible = ref(false)
 const detailId = ref('')
 const testQuestionsFormRef = ref()
+const dealStateList = ref([
+  {
+    label: '未解决',
+    value: '0'
+  },
+  {
+    label: '全部',
+    value: '1'
+  }
+])
 const tableStore = new TableStore({
   url: '/supervision-boot/surveyTest/pageProblemSurvey',
   publicHeight: 65,
@@ -53,13 +66,13 @@ const tableStore = new TableStore({
         return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
       }
     },
-    {field: 'planName', title: '计划名称', minWidth: 120},
-    {field: 'deptName', title: '负责单位', minWidth: 120},
-    {field: 'substationName', title: '变电站', minWidth: 120},
-    {field: 'planStartTime', title: '计划开始时间', minWidth: 100},
-    {field: 'planEndTime', title: '计划结束时间', minWidth: 100},
-    {field: 'completeTime', title: '实际完成时间', minWidth: 100},
-    {field: 'completeBy', title: '测试负责人', minWidth: 120},
+    { field: 'planName', title: '计划名称', minWidth: 120 },
+    { field: 'deptName', title: '负责单位', minWidth: 120 },
+    { field: 'substationName', title: '变电站', minWidth: 120 },
+    { field: 'planStartTime', title: '计划开始时间', minWidth: 100 },
+    { field: 'planEndTime', title: '计划结束时间', minWidth: 100 },
+    { field: 'completeTime', title: '实际完成时间', minWidth: 100 },
+    { field: 'completeBy', title: '测试负责人', minWidth: 120 },
     {
       field: 'createBy',
       title: '填报人',
@@ -68,6 +81,22 @@ const tableStore = new TableStore({
         return dictData.state.userList.filter(item => item.id == row.cellValue)[0]?.name
       }
     },
+    {
+      field: 'dealState',
+      title: '是否解决',
+      minWidth: 100,
+      render: 'tag',
+      custom: {
+        0: 'warning',
+        1: 'primary',
+
+      },
+      replaceValue: {
+        0: '未解决',
+        1: '已解决',
+
+      }
+    },
     {
       title: '操作',
       minWidth: '180',
@@ -83,6 +112,7 @@ const tableStore = new TableStore({
           render: 'basicButton',
 
           click: async row => {
+            flag.value = row.dealState == 1 ? true : false
             dialogVisible.value = true
             detailId.value = row.id
           }
@@ -94,11 +124,11 @@ const tableStore = new TableStore({
           icon: 'el-icon-Open',
           render: 'basicButton',
           disabled: row => {
-            return row.initiateWarningFlag == 1
+            return row.dealState != 0
           },
 
           click: async row => {
-            const {value} = await ElMessageBox.prompt('', '整改意见', {
+            const { value } = await ElMessageBox.prompt('', '整改意见', {
               confirmButtonText: '确定',
               cancelButtonText: '取消',
 
@@ -106,7 +136,7 @@ const tableStore = new TableStore({
               inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空，且非空格
               inputErrorMessage: '请输入整改意见'
             })
-            initiateWarningLeaflet({id: row.id, reformAdvice: value}).then(res => {
+            initiateWarningLeaflet({ id: row.id, reformAdvice: value }).then(res => {
               ElMessage.success('发起告警成功！')
               tableStore.index()
             })
@@ -138,6 +168,7 @@ const tableStore = new TableStore({
     tableStore.table.params.currentPage = tableStore.table.params.pageNum
   }
 })
+tableStore.table.params.dealState = ''
 tableStore.table.params.searchValue = ''
 provide('tableStore', tableStore)