技术监督新增查看功能

2024-10-31 15:47:02 +08:00
parent 1df2b26b04
commit 0645462ab8
19 changed files with 921 additions and 148 deletions
--- a/src/views/pqs/supervise/electricalEnergy/components1/complaints.vue
+++ b/src/views/pqs/supervise/electricalEnergy/components1/complaints.vue
@@ -3,24 +3,35 @@
  <!-- 2 有新增 发起 预警单 -->

  <TableHeader area datePicker nextFlag theCurrentTime ref="TableHeaderRef">
+    <template v-slot:select>
+      <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>
    <template v-slot:operation>
      <el-button icon="el-icon-Plus" type="primary" @click="add">新增</el-button>
    </template>
  </TableHeader>
-  <Table ref="tableRef"/>
+  <Table ref="tableRef" />
  <!-- 新增 -->
-  <complaintsForm ref="formRef" @onSubmit="tableStore.index()"/>
+  <complaintsForm ref="formRef" @onSubmit="tableStore.index()" />
+  <!-- 详情 -->
+   <detail ref="detailRef"/>
 </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 {ElMessage, ElMessageBox} from 'element-plus'
-import {useDictData} from '@/stores/dictData'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useDictData } from '@/stores/dictData'
 import complaintsForm from './form/complaintsForm.vue'
-import {useRouter} from 'vue-router'
-import {sureInitiateWarningLeaflet} from '@/api/process-boot/electricitymanagement'
+import { useRouter } from 'vue-router'
+import { sureInitiateWarningLeaflet } from '@/api/process-boot/electricitymanagement'
+import detail from './complaintsDetail.vue';
 // Steady_Statis
 const dictData = useDictData()
 const exceeded = dictData.getBasicData('Steady_Statis')
@@ -28,7 +39,18 @@ const tableRef = ref()
 const planAddRef = ref()
 const formRef = ref()
 const TableHeaderRef = ref()
+const detailRef = ref()
 const router = useRouter() // 路由对象
+const dealStateList = ref([
+  {
+    label: '未解决',
+    value: '0'
+  },
+  {
+    label: '全部',
+    value: '1'
+  }
+])
 const tableStore = new TableStore({
  url: '/supervision-boot/SupervisionUserComplaint/list',
  publicHeight: 65,
@@ -43,14 +65,14 @@ const tableStore = new TableStore({
        return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
      }
    },
-    {field: 'userName', title: '用户名称'},
-    {field: 'userNumber', title: '用户编号'},
-    {field: 'dutyOrgName', title: '负责单位', minWidth: '150'},
+    { field: 'userName', title: '用户名称' },
+    { field: 'userNumber', title: '用户编号' },
+    { field: 'dutyOrgName', title: '负责单位', minWidth: '80' },
    // { field: 'userCategory', title: '用户类别' },

-    {field: 'complaintText', title: '投诉内容'},
-    {field: 'steadyIndicator', title: '稳态指标'},
-    {field: 'transientIndicators', title: '暂态指标'},
+    { field: 'complaintText', title: '投诉内容' },
+    { field: 'steadyIndicator', title: '稳态指标' },
+    { field: 'transientIndicators', title: '暂态指标' },
    {
      field: 'monitorName',
      title: '监测点名称',
@@ -58,20 +80,23 @@ const tableStore = new TableStore({
        return row.cellValue ? row.cellValue : '/'
      }
    },
-    // {
-    //     field: 'monitorNumber',
-    //     title: '监测点编号',
-    //     formatter: (row: any) => {
-    //         return row.cellValue ? row.cellValue : '/'
-    //     }
-    // },
    {
      field: 'detectionFlag',
      title: '是否实现监测',
-      formatter: (row: any) => {
-        return row.cellValue == '0' ? '否' : '是'
+    
+      render: 'tag',
+      custom: {
+        0: 'warning',
+        1: 'primary',
+
+      },
+      replaceValue: {
+        0: '否',
+        1: '是',
+
      }
    },
+
    {
      field: 'createBy',
      title: '填报人',
@@ -80,9 +105,25 @@ const tableStore = new TableStore({
        return dictData.state.userList.filter(item => item.id == row.cellValue)[0]?.name
      }
    },
+    {
+      field: 'dealState',
+      title: '是否解决',
+ 
+      render: 'tag',
+      custom: {
+        0: 'warning',
+        1: 'primary',
+
+      },
+      replaceValue: {
+        0: '未解决',
+        1: '已解决',
+
+      }
+    },
    {
      title: '操作',
-      width: '180',
+      minWidth: 120,
      align: 'center',
      render: 'buttons',
      buttons: [
@@ -93,7 +134,7 @@ const tableStore = new TableStore({
          icon: 'el-icon-Open',
          render: 'basicButton',
          disabled: row => {
-            return row.initiateWarningFlag == 1
+            return row.dealState != 0
          },
          // popconfirm: {
          //     confirmButtonText: '确认',
@@ -102,7 +143,7 @@ const tableStore = new TableStore({
          //     title: '请确认发起告警单!'
          // },
          click: async row => {
-            const {value} = await ElMessageBox.prompt('', '整改意见', {
+            const { value } = await ElMessageBox.prompt('', '整改意见', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',

@@ -110,13 +151,32 @@ const tableStore = new TableStore({
              inputPattern: /^[\s\S]*.*\S[\s\S]*$/, // 判断非空，且非空格
              inputErrorMessage: '请输入整改意见'
            })
-            sureInitiateWarningLeaflet({id: row.id, reformAdvice: value}).then(res => {
+            sureInitiateWarningLeaflet({ id: row.id, reformAdvice: value }).then(res => {
              ElMessage.success('发起告警单成功！')
              tableStore.index()
            })

          }
        },
+        {
+          name: 'edit',
+          title: '告警单详情',
+          type: 'primary',
+          icon: 'el-icon-Open',
+          render: 'basicButton',
+          disabled: row => {
+            return row.dealState == 0
+          },
+       
+          click:  row => {
+            detailRef.value.open({
+              row: row,
+              title: '告警单详情',
+           
+            })
+
+          }
+        },
        {
          name: 'edit',
          title: '查看告警单',
@@ -155,13 +215,13 @@ const tableStore = new TableStore({
 })

 provide('tableStore', tableStore)
-
+tableStore.table.params.dealState = ''
 onMounted(() => {
  tableStore.index()
 })
 // 新增
 const add = () => {
-  formRef.value.open({text: '新增投诉'})
+  formRef.value.open({ text: '新增投诉' })
 }
 </script>

--- a/src/views/pqs/supervise/electricalEnergy/components1/complaintsDetail.vue
+++ b/src/views/pqs/supervise/electricalEnergy/components1/complaintsDetail.vue
@@ -0,0 +1,85 @@
+<template>
+    <div>
+        <el-dialog v-model="dialogVisible" draggable :title="title" width="1000">
+            <el-descriptions :column="2" border>
+                <el-descriptions-item label="用户名称">
+                    {{ list.userName }}
+                </el-descriptions-item>
+                <el-descriptions-item label="用户编号">
+                    {{ list.userNumber }}
+                </el-descriptions-item>
+                <el-descriptions-item label="负责单位">
+                    {{ list.dutyOrgName }}
+                </el-descriptions-item>
+                <el-descriptions-item label="稳态指标">
+                    {{ list.steadyIndicator }}
+                </el-descriptions-item>
+                <el-descriptions-item label="暂态指标">
+                    {{ list.transientIndicators }}
+                </el-descriptions-item>
+                <el-descriptions-item label="监测点名称">
+                    {{ list.monitorName || '/' }}
+                </el-descriptions-item>
+                <el-descriptions-item label="是否实现监测">
+                    <el-tag :type='list.detectionFlag == 0 ? "warning" : "primary"'>{{ list.detectionFlag == 0 ? "否" :
+                        "是" }}</el-tag>
+
+
+
+
+                </el-descriptions-item>
+                <el-descriptions-item label="填报人">
+                    {{ dictData.state.userList.filter(item => item.id == list.createBy)[0]?.name }}
+                </el-descriptions-item>
+                <el-descriptions-item label="投诉内容">
+                    {{ list.complaintText }}
+                </el-descriptions-item>
+                <el-descriptions-item label="整改意见">
+                    {{ list.reformAdvice }}
+                </el-descriptions-item>
+                <el-descriptions-item label="采取的措施">
+                    {{ list.takeStep }}
+                </el-descriptions-item>
+                <el-descriptions-item :span="1" label="处理成效报告">
+                <el-icon class="elView " v-if="list?.reportName" >
+                    <View @click="openFile(list?.reportName)" />
+                </el-icon>
+                <a :href="list.reportPath" target="_blank">{{ list.reportName }}</a>
+            </el-descriptions-item>
+
+
+            </el-descriptions>
+
+        </el-dialog>
+    </div>
+</template>
+<script setup lang='ts'>
+import { ref, reactive } from 'vue'
+import {  View } from '@element-plus/icons-vue'
+import { useDictData } from '@/stores/dictData'
+import { getFileNameAndFilePath } from '@/api/system-boot/file'
+const dialogVisible = ref(false)
+const title = ref('')
+const dictData = useDictData()
+const list: any = ref({})
+const open = (row: any) => {
+    list.value={}
+    title.value = row.title
+    dialogVisible.value = true
+    list.value = JSON.parse(JSON.stringify(row.row))
+     getFileNameAndFilePath({ filePath: row.row.reportPath }).then(res => {
+        list.value.reportPath = res.data.url
+        list.value.reportName = res.data.fileName
+    })
+}
+const openFile = (name: any) => {
+    window.open(window.location.origin + '/#/previewFile?/supervision/' + name)
+}
+
+defineExpose({ open })
+</script>
+<style lang="scss" scoped>
+.elView {
+    cursor: pointer;
+    margin-right: 10px;
+}</style>
--- a/src/views/pqs/supervise/electricalEnergy/components1/testQuestions.vue
+++ b/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)

--- a/src/views/pqs/supervise/electricalEnergy/components1/testRun.vue
+++ b/src/views/pqs/supervise/electricalEnergy/components1/testRun.vue
@@ -5,51 +5,69 @@
      <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-option v-for="item in statusSelect" :key="item.id" :label="item.name" :value="item.id"></el-option>
+          </el-select>
+        </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" :checkbox-config="checkboxConfig"/>
+    <Table ref="tableRef" :checkbox-config="checkboxConfig" />
+    <!-- 详情 -->
+    <detail ref="detailRef" />
  </div>
 </template>
 <script setup lang="ts">
-import {ref, onMounted, provide, reactive} from 'vue'
+import { ref, onMounted, provide, reactive } from 'vue'
 import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
 import TableHeader from '@/components/table/header/index.vue'
-import {useRouter} from 'vue-router'
-import {useDictData} from '@/stores/dictData'
-import {ElMessage, ElMessageBox} from 'element-plus'
-import {addRunTest, initiateWarningLeaflet} from '@/api/supervision-boot/lineRunTest'
-import {formatDate} from '@/utils/formatTime'
-import {VxeTablePropTypes} from 'vxe-table'
-import {useAdminInfo} from '@/stores/adminInfo'
-import {getFileNameAndFilePath} from '@/api/system-boot/file'
+import { useRouter } from 'vue-router'
+import { useDictData } from '@/stores/dictData'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { addRunTest, initiateWarningLeaflet } from '@/api/supervision-boot/lineRunTest'
+import { formatDate } from '@/utils/formatTime'
+import { VxeTablePropTypes } from 'vxe-table'
+import { useAdminInfo } from '@/stores/adminInfo'
+import { getFileNameAndFilePath } from '@/api/system-boot/file'
+import detail from './testRunDetail.vue'

 const dictData = useDictData()
 const statusSelect = dictData.statusSelect()
-const {push} = useRouter()
+const { push } = useRouter()
 const adminInfo = useAdminInfo()
 const TableHeaderRef = ref()
 const tableRef = ref()
-
+const detailRef = ref()
+const dealStateList = ref([
+  {
+    label: '未解决',
+    value: '0'
+  },
+  {
+    label: '全部',
+    value: '1'
+  }
+])
 const tableStore = new TableStore({
  url: '/supervision-boot/lineRunTestProblem/pageProblem',
  method: 'POST',
  publicHeight: 65,
  column: [
-    {field: 'lineName', title: '监测点名称', minWidth: 160},
-    {field: 'connectedBus', title: '接入母线', minWidth: 160},
+    { field: 'lineName', title: '监测点名称', minWidth: 160 },
+    { field: 'connectedBus', title: '接入母线', minWidth: 160 },
    // { field: 'monitoringTerminalCode', title: '终端编号', minWidth: 140 },
-    {field: 'monitoringTerminalName', title: '终端名称', minWidth: 140},
-    {field: 'powerSubstationName', title: '变电站', minWidth: 160},
-    {field: 'reason', title: '调试原因', minWidth: 160},
+    { field: 'monitoringTerminalName', title: '终端名称', minWidth: 140, },
+    {
+      field: 'powerSubstationName', title: '变电站', minWidth: 160, formatter: row => {
+        return row.cellValue ? row.cellValue : '/'
+      }
+    },
+    { field: 'reason', title: '调试原因', minWidth: 160 },

    {
      field: 'testRunState',
@@ -78,7 +96,7 @@ const tableStore = new TableStore({
        return row.cellValue ? row.cellValue : '/'
      }
    },
-    {field: 'problemReason', title: '试运行评估问题', minWidth: 200},
+    { field: 'problemReason', title: '试运行评估问题', minWidth: 200 },
    {
      field: 'createBy',
      title: '填报人',
@@ -87,6 +105,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: 230,
@@ -127,11 +161,11 @@ const tableStore = new TableStore({
          icon: 'el-icon-Open',
          render: 'basicButton',
          disabled: row => {
-            return row.problemType != null
+            return row.dealState != 0
          },

          click: async row => {
-            const {value} = await ElMessageBox.prompt('', '整改意见', {
+            const { value } = await ElMessageBox.prompt('', '整改意见', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',

@@ -151,6 +185,25 @@ const tableStore = new TableStore({
            })
          }
        },
+        {
+          name: 'edit',
+          title: '告警单详情',
+          type: 'primary',
+          icon: 'el-icon-Open',
+          render: 'basicButton',
+          disabled: row => {
+            return row.dealState == 0
+          },
+
+          click: row => {
+            detailRef.value.open({
+              row: row,
+              title: '告警单详情',
+
+            })
+
+          }
+        },
        {
          name: 'edit',
          title: '查看告警单',
@@ -181,7 +234,7 @@ const tableStore = new TableStore({
  }
 })
 tableStore.table.params.status = ''
-
+tableStore.table.params.dealState = ''
 provide('tableStore', tableStore)

 onMounted(() => {
@@ -189,7 +242,7 @@ onMounted(() => {
 })
 const checkboxConfig = reactive<VxeTablePropTypes.CheckboxConfig>({
  labelField: '',
-  checkMethod: ({row}) => {
+  checkMethod: ({ row }) => {
    return !(row.testRunState == 1 || row.testRunState == 2)
  }
 })
@@ -206,7 +259,7 @@ const handleAudit = (instanceId: any, historyInstanceId: any) => {

 // 下载报告
 const downloadTheReport = (url: string) => {
-  getFileNameAndFilePath({filePath: url}).then((res: any) => {
+  getFileNameAndFilePath({ filePath: url }).then((res: any) => {
    const link = document.createElement('a')
    link.href = res.data.url
    link.download = res.data.name
--- a/src/views/pqs/supervise/electricalEnergy/components1/testRunDetail.vue
+++ b/src/views/pqs/supervise/electricalEnergy/components1/testRunDetail.vue
@@ -0,0 +1,89 @@
+<template>
+    <div>
+        <el-dialog v-model="dialogVisible" draggable :title="title" width="1000">
+            <el-descriptions :column="2" border>
+                <el-descriptions-item label="监测点名称">
+                    {{ list.lineName }}
+                </el-descriptions-item>
+                <el-descriptions-item label="接入母线">
+                    {{ list.connectedBus }}
+                </el-descriptions-item>
+                <el-descriptions-item label="终端名称">
+                    {{ list.monitoringTerminalName }}
+                </el-descriptions-item>
+                <el-descriptions-item label="变电站">
+                    {{ list.powerSubstationName ||'/'}}
+                </el-descriptions-item>
+                <el-descriptions-item label="调试原因">
+                    {{ list.reason }}
+                </el-descriptions-item>
+
+                <el-descriptions-item label="试运行状态">
+                    <el-tag
+                        :type='list.testRunState == 0 ? "primary" : list.testRunState == 1 ? "warning" : list.testRunState == 2 ? "success" : list.testRunState == 3 ? "danger" : "primary"'>{{
+                            list.testRunState == 0 ? "待试运行" : list.testRunState == 1 ? "试运行中" : list.testRunState == 2
+                                ? "试运行成功" : list.testRunState == 3 ? "试运行失败" : "待试运行" }}</el-tag>
+
+
+
+
+                </el-descriptions-item>
+                <el-descriptions-item label="试运行时间范围">
+                    {{ list.testRunTime ||'/' }}
+                </el-descriptions-item>
+                <el-descriptions-item label="试运行评估问题">
+                    {{ list.problemReason ||'/' }}
+                </el-descriptions-item>
+                <el-descriptions-item label="填报人">
+                    {{ dictData.state.userList.filter(item => item.id == list.createBy)[0]?.name }}
+                </el-descriptions-item>
+                <el-descriptions-item label="整改意见">
+                    {{ list.reformAdvice }}
+                </el-descriptions-item>
+                <el-descriptions-item label="采取的措施">
+                    {{ list.takeStep }}
+                </el-descriptions-item>
+                <el-descriptions-item :span="2" label="处理成效报告">
+                    <el-icon class="elView " v-if="list?.reportName">
+                        <View @click="openFile(list?.reportName)" />
+                    </el-icon>
+                    <a :href="list.reportPath" target="_blank">{{ list.reportName }}</a>
+                </el-descriptions-item>
+
+
+            </el-descriptions>
+
+        </el-dialog>
+    </div>
+</template>
+<script setup lang='ts'>
+import { ref, reactive } from 'vue'
+import { View } from '@element-plus/icons-vue'
+import { getFileNameAndFilePath } from '@/api/system-boot/file'
+import { useDictData } from '@/stores/dictData'
+const dialogVisible = ref(false)
+const title = ref('')
+const list: any = ref({})
+const dictData = useDictData()
+const open = (row: any) => {
+    list.value = {}
+    title.value = row.title
+    dialogVisible.value = true
+    list.value = JSON.parse(JSON.stringify(row.row))
+    getFileNameAndFilePath({ filePath: row.row.reportPath }).then(res => {
+        list.value.reportPath = res.data.url
+        list.value.reportName = res.data.fileName
+    })
+}
+const openFile = (name: any) => {
+    window.open(window.location.origin + '/#/previewFile?/supervision/' + name)
+}
+
+defineExpose({ open })
+</script>
+<style lang="scss" scoped>
+.elView {
+    cursor: pointer;
+    margin-right: 10px;
+}
+</style>