From a37cda32631b0e9fce59b1c0ecbf88089afda507 Mon Sep 17 00:00:00 2001
From: cdf <857448963@qq.com>
Date: Wed, 22 May 2024 17:47:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B9=B2=E6=89=B0=E6=BA=90=E5=B8=B8=E6=80=81?=
 =?UTF-8?q?=E5=8C=96=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/supervision-boot/lineRunTest/index.ts |  27 ++++
 .../normalizationManager/addForm.vue          |   1 -
 .../supervise/testRun/components/detail.vue   |  76 +++++++++
 src/views/pqs/supervise/testRun/index.vue     | 151 ++++++++++++++----
 4 files changed, 223 insertions(+), 32 deletions(-)
 create mode 100644 src/api/supervision-boot/lineRunTest/index.ts
 create mode 100644 src/views/pqs/supervise/testRun/components/detail.vue

diff --git a/src/api/supervision-boot/lineRunTest/index.ts b/src/api/supervision-boot/lineRunTest/index.ts
new file mode 100644
index 00000000..e597bb8c
--- /dev/null
+++ b/src/api/supervision-boot/lineRunTest/index.ts
@@ -0,0 +1,27 @@
+import createAxios from '@/utils/request'
+
+/**
+ * 发起监测点试运行
+ */
+export const addRunTest = (data: any) => {
+    return createAxios({
+        url: '/supervision-boot/supervisionTempLineRunTest/add',
+        method: 'POST',
+        data: data
+    })
+}
+
+
+export const getRunTestById = (id: string) => {
+    return createAxios({
+        url: '/supervision-boot/supervisionTempLineRunTest/getRunTestById?id=' + id,
+        method: 'get',
+    })
+}
+
+
+
+
+
+
+
diff --git a/src/views/pqs/supervise/interfere/components/normalizationManager/addForm.vue b/src/views/pqs/supervise/interfere/components/normalizationManager/addForm.vue
index 1b5c6608..b7ccc8fc 100644
--- a/src/views/pqs/supervise/interfere/components/normalizationManager/addForm.vue
+++ b/src/views/pqs/supervise/interfere/components/normalizationManager/addForm.vue
@@ -460,7 +460,6 @@ const confirmForm = () => {
             close()
             getInfo()
         }
-
     })
 }
 defineExpose({ open })
diff --git a/src/views/pqs/supervise/testRun/components/detail.vue b/src/views/pqs/supervise/testRun/components/detail.vue
new file mode 100644
index 00000000..6888b88b
--- /dev/null
+++ b/src/views/pqs/supervise/testRun/components/detail.vue
@@ -0,0 +1,76 @@
+<template>
+    <div class="default-main">
+        <el-descriptions :column="2" border>
+            <el-descriptions-item label="监测点名称">
+                {{ detailData.lineName }}
+            </el-descriptions-item>
+            <el-descriptions-item label="接入母线">
+                {{ detailData.connectedBus}}
+            </el-descriptions-item>
+            <el-descriptions-item label="终端编号">
+                {{ detailData.monitoringTerminalCode }}
+            </el-descriptions-item>
+            <el-descriptions-item label="终端名称">
+                {{ detailData.monitoringTerminalName}}
+            </el-descriptions-item>
+            <el-descriptions-item label="变电站">
+                {{ detailData.powerSubstationName }}
+            </el-descriptions-item>
+            <el-descriptions-item label="调试原因">
+                {{ detailData.reason}}
+            </el-descriptions-item>
+            <el-descriptions-item label="监测点在线率">
+                {{ detailData.onlineRate*100+"%" }}
+            </el-descriptions-item>
+            <el-descriptions-item label="监测点数据完整性">
+                {{ detailData.integrityRate*100+"%"}}
+            </el-descriptions-item>
+        </el-descriptions>
+    </div>
+</template>
+<script lang="ts" setup>
+import { onMounted, ref, reactive } from 'vue'
+import { useRoute } from 'vue-router'
+import { propTypes } from '@/utils/propTypes'
+import { getMointorPointTempLinedebugDetail } from '@/api/supervision-boot/jointDebugList/index'
+import { getRunTestById } from '@/api/supervision-boot/lineRunTest'
+defineOptions({ name: 'BpmUserReportDetail' })
+const { query } = useRoute() // 查询参数
+const props = defineProps({
+    id: propTypes.string.def(undefined)
+})
+const detailLoading = ref(false) // 表单的加载中
+const detailData = ref<any>({}) // 详情数据
+const queryId = query.id as unknown as string // 从 URL 传递过来的 id 编号
+
+
+/** 获得数据 */
+const getInfo = async () => {
+    detailLoading.value = true
+    try {
+        await getRunTestById(props.id).then(res => {
+            detailData.value = res.data
+        })
+    } finally {
+        detailLoading.value = false
+    }
+}
+defineExpose({ open: getInfo }) // 提供 open 方法，用于打开弹窗
+
+/** 初始化 **/
+onMounted(() => {
+    getInfo()
+})
+</script>
+<style lang="scss">
+.default-main {
+    height: calc(100vh - 100px);
+    overflow: auto;
+}
+
+::v-deep.el-icon svg {
+    margin: 5px !important;
+    position: absolute !important;
+    top: 20px !important;
+}
+</style>
diff --git a/src/views/pqs/supervise/testRun/index.vue b/src/views/pqs/supervise/testRun/index.vue
index 686d2a18..9a01ccf5 100644
--- a/src/views/pqs/supervise/testRun/index.vue
+++ b/src/views/pqs/supervise/testRun/index.vue
@@ -1,23 +1,48 @@
 <!---试运行列表-->
 <template>
     <div>
-    <TableHeader area datePicker ref="TableHeaderRef">
+        <TableHeader area datePicker ref='TableHeaderRef'>
 
-        <template #operation>
-             <el-button icon="el-icon-Plus" type="primary" @click="startRunTest">试运行</el-button>
-        </template>
-    </TableHeader>
-    <Table ref="tableRef" />
+            <template #operation>
+                <el-button icon='el-icon-Plus' type='primary' @click='startRunTest'>试运行</el-button>
+            </template>
+        </TableHeader>
+        <Table ref='tableRef' />
+
+        <!--        <el-dialog
+                    v-model='timeDialog'
+                    width='500px'
+                    append-to-body
+                    destroy-on-close>
+                    <div class='block'>
+                        <span class="demonstration">试运行时间</span>
+                        <el-date-picker
+                            :popper-append-to-body="false"
+                            :v-model="dateValue"
+                            format="YYYY-MM-DD HH:mm:ss"
+                            value-format="YYYY-MM-DD HH:mm:ss"
+                            type="datetimerange"
+                            range-separator="至"
+                            start-placeholder="开始日期"
+                            end-placeholder="结束日期">
+                        </el-date-picker>
+
+                    </div>
+                    <div class='block' style='text-align: center'>
+                        <el-button type='primary' style='margin-top: 50px' @click='runTestSubmit'>确认</el-button>
+                    </div>
+                </el-dialog>-->
     </div>
 </template>
-<script setup lang="ts">
+<script setup lang='ts'>
 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 { useRouter } from 'vue-router'
 import { useDictData } from '@/stores/dictData'
-import { ElMessage } from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { addRunTest } from '@/api/supervision-boot/lineRunTest'
 
 
 const dictData = useDictData()
@@ -30,13 +55,13 @@ const tableStore = new TableStore({
     url: '/supervision-boot/tempLinedebug/pageHasDebug',
     method: 'POST',
     column: [
-        { title: '', type: 'checkbox', width: 80 },
-        { field: 'lineName', title: '监测点名称', minWidth: 170 },
-        { field: 'connectedBus', title: '接入母线', minWidth: 170 },
-        { field: 'monitoringTerminalCode', title: '终端编号', minWidth: 170 },
-        { field: 'monitoringTerminalName', title: '终端名称', minWidth: 170 },
-        { field: 'powerSubstationName', title: '变电站', minWidth: 170 },
-        { field: 'reason', title: '调试原因', minWidth: 170 },
+        { title: '', type: 'checkbox', width: 40 },
+        { 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: 'testRunState',
             title: '试运行状态',
@@ -53,9 +78,10 @@ const tableStore = new TableStore({
                 1: '试运行中',
                 2: '试运行成功',
                 3: '试运行失败',
-                null:'待试运行'
+                null: '待试运行'
             }
         },
+        { field: 'testRunTime', title: '试运行时间范围', minWidth: 260 },
         {
             field: 'status',
             title: '审核状态',
@@ -72,12 +98,13 @@ const tableStore = new TableStore({
                 2: '审批通过',
                 3: '审批不通过',
                 4: '已取消',
-                null:'/'
+                null: '/',
+                9: '/'
             }
         },
         {
             title: '操作',
-            minWidth: 200,
+            minWidth: 170,
             fixed: 'right',
             render: 'buttons',
             buttons: [
@@ -92,9 +119,9 @@ const tableStore = new TableStore({
                         handleAudit(row.processInstanceId)
                     },
                     disabled: row => {
-                        return !row.processInstanceId;
+                        return row.testRunState != 2
                     }
-                },
+                }
 
             ]
         }
@@ -108,7 +135,6 @@ const tableStore = new TableStore({
 })
 
 
-
 provide('tableStore', tableStore)
 
 
@@ -116,6 +142,9 @@ onMounted(() => {
     tableStore.index()
 })
 
+const dateValue = ref([])
+
+
 /** 处理审批按钮 */
 const handleAudit = (instanceId: any) => {
     push({
@@ -126,24 +155,84 @@ const handleAudit = (instanceId: any) => {
     })
 }
 //试运行
+let monitorIds: any = []
+let flag = true
 const startRunTest = () => {
-    let monitorIds: any = []
-    tableStore.table.selection.forEach(item => {
-        if(item.testRunState != 0){
-            return ElMessage({
-                message: '请选择未试运行的监测点进行试运行',
-                type: 'warning'
-            })
-            return false;
-        }
+    if (tableStore.table.selection.length === 0) {
+        return ElMessage({
+            message: '请至少选择一个监测点进行试运行',
+            type: 'warning'
+        })
+        return false
+    }
 
+    tableStore.table.selection.forEach(item => {
+        if (item.testRunState != 0) {
+            flag = false
+        }
         if (item.testRunState == 0) {
             monitorIds.push(item.id)
         }
     })
+
+
+    if (!flag) {
+        return ElMessage({
+            message: '请选择未试运行的监测点进行试运行',
+            type: 'warning'
+        })
+        return
+    }
+
+    ElMessageBox.confirm('是否确认执行72小时监测点试运行？', '试运行', {
+        confirmButtonText: '确 认',
+        cancelButtonText: '取 消'
+    }).then(() => {
+        runTestSubmit()
+    })
+        .catch(() => console.info('操作取消'))
+
 }
+
+const runTestSubmit = () => {
+    const start = new Date()
+    start.setDate(start.getDate() + 1)
+    start.setHours(0, 0, 0)
+
+    const end = new Date()
+    end.setDate(end.getDate() + 3)
+    end.setHours(23, 59, 59)
+    const startString = formatTime(start) // 转换为 YYYY-MM-DD HH:mm:ss 格式
+    const endString = formatTime(end)
+    const data = {
+        startTime: startString,
+        endTime: endString,
+        lineIds: monitorIds
+    }
+    addRunTest(data).then((res: any) => {
+        if (res.code === 'A0000') {
+            return ElMessage({
+                message: '发起试运行成功',
+                type: 'success'
+            })
+        }
+    })
+}
+
+
+const formatTime = (date:any) => {
+    const year = date.getFullYear()
+    const month = String(date.getMonth() + 1).padStart(2, '0') // 月份从0开始，所以需要+1
+    const day = String(date.getDate()).padStart(2, '0')
+    const hours = String(date.getHours()).padStart(2, '0')
+    const minutes = String(date.getMinutes()).padStart(2, '0')
+    const seconds = String(date.getSeconds()).padStart(2, '0')
+    return year+"-"+month+"-"+day+" "+hours+":"+minutes+":"+seconds;
+}
+
+
 </script>
 
-<style scoped lang="scss">
+<style scoped lang='scss'>
 
 </style>