电能质量问题-用户投诉联调

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

@@ -9,7 +9,7 @@
     </TableHeader>
     <Table ref="tableRef" />
     <!-- 新增 -->
-    <complaintsForm ref="formRef" @onSubmit="tableStore.index()"/>
+    <complaintsForm ref="formRef" @onSubmit="tableStore.index()" />
 </template>
 <script setup lang="ts">
 import { ref, onMounted, provide, nextTick } from 'vue'
@@ -19,6 +19,8 @@ import TableHeader from '@/components/table/header/index.vue'
 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'
 // Steady_Statis
 const dictData = useDictData()
 const exceeded = dictData.getBasicData('Steady_Statis')
@@ -26,7 +28,7 @@ const tableRef = ref()
 const planAddRef = ref()
 const formRef = ref()
 const TableHeaderRef = ref()
-
+const router = useRouter() // 路由对象
 const tableStore = new TableStore({
     url: '/supervision-boot/SupervisionUserComplaint/list',
     publicHeight: 65,
@@ -50,35 +52,56 @@ const tableStore = new TableStore({
         { field: 'monitorName', title: '监测点名称' },
         { field: 'monitorNumber', title: '监测点编号' },
         {
-            field:'status',
+            field: 'detectionFlag',
             title: '是否实现监测',
             formatter: (row: any) => {
-                return row.cellvalue=='0'?'否':'是'
+                return row.cellvalue == '0' ? '否' : '是'
             }
         },
-        // {
-        //     title: '操作',
-        //     width: '180',
-        //     align: 'center',
-        //     render: 'buttons',
-
-        //     buttons: [
-        //         {
-        //             name: 'edit',
-        //             title: '发起预警单',
-        //             type: 'primary',
-        //             icon: 'el-icon-Open',
-        //             render: 'confirmButton',
-        //             popconfirm: {
-        //                 confirmButtonText: '确认',
-        //                 cancelButtonText: '取消',
-        //                 confirmButtonType: 'primary',
-        //                 title: '请确认发起发起预警单!'
-        //             },
-        //             click: row => {}
-        //         }
-        //     ]
-        // }
+        {
+            title: '操作',
+            width: '180',
+            align: 'center',
+            render: 'buttons',
+            buttons: [
+                {
+                    name: 'edit',
+                    title: '发起告警单',
+                    type: 'warning',
+                    icon: 'el-icon-Open',
+                    render: 'confirmButton',
+                    disabled: row => {
+                        return row.initiateWarningFlag == 1
+                    },
+                    popconfirm: {
+                        confirmButtonText: '确认',
+                        cancelButtonText: '取消',
+                        confirmButtonType: 'primary',
+                        title: '请确认发起发起告警单!'
+                    },
+                    click: row => {
+                        sureInitiateWarningLeaflet({ id: row.id })
+                        ElMessage.success('发起告警单成功！')
+                        tableStore.index()
+                    }
+                },
+                {
+                    name: 'edit',
+                    title: '查看告警单',
+                    type: 'primary',
+                    icon: 'el-icon-Open',
+                    render: 'basicButton',
+                    disabled: row => {
+                        return row.initiateWarningFlag == 0
+                    },
+                    click: row => {
+                        router.push({
+                            name: 'supervision/supervision/manage'
+                        })
+                    }
+                }
+            ]
+        }
     ],
     beforeSearchFun: () => {
         tableStore.table.params.orgNo = tableStore.table.params.deptIndex