From 7497c1d1b93fd2c466c87e6d4378ae5fe80adebf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E8=8F=9C?=
 <43331987+JiaLiBai@users.noreply.github.com>
Date: Sun, 28 Sep 2025 14:31:24 +0800
Subject: [PATCH] =?UTF-8?q?=E5=91=8A=E8=AD=A6=E9=A1=B5=E9=9D=A2=E5=85=88?=
 =?UTF-8?q?=E7=94=9F=E6=88=90=E5=91=8A=E8=AD=A6=E5=86=8D=E8=B7=B3=E8=BD=AC?=
 =?UTF-8?q?,=E6=9B=B4=E6=96=B0=E7=94=B5=E8=A1=A8=E8=BF=94=E5=9B=9E?=
 =?UTF-8?q?=E5=80=BC,=E6=9B=B4=E6=96=B0=E7=99=BB=E9=99=86=E3=80=81?=
 =?UTF-8?q?=E6=B3=A8=E5=86=8C=E9=A1=B5=E9=9D=A2=E8=A1=A8=E6=A0=BC=E5=B7=A6?=
 =?UTF-8?q?=E8=BE=B9=E8=B7=9D=E7=A6=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ems/dzjk.js                  |   8 ++
 src/views/ems/dzjk/gzgj/index.vue    |  11 ++-
 src/views/ems/dzjk/sbjk/db/index.vue | 141 +++++++++++++++++++++------
 src/views/login.vue                  |   2 +-
 src/views/register.vue               |   2 +-
 5 files changed, 131 insertions(+), 33 deletions(-)

diff --git a/src/api/ems/dzjk.js b/src/api/ems/dzjk.js
index 2662ffa..5de26bb 100644
--- a/src/api/ems/dzjk.js
+++ b/src/api/ems/dzjk.js
@@ -100,6 +100,14 @@ export function getAlarmDetailList({status,siteId, deviceId, alarmLevel, alarmSt
   })
 }
 
+// 告警生成工单
+export function createTicketNo(data) {
+  return request({
+    url: `/ems/siteAlarm/createTicketNo`,
+    method: 'post',
+    data
+  })
+}
 // 概率统计
 //获取概率统计 电量指标接口
 export function getElectricData({siteId,startDate,endDate}) {
diff --git a/src/views/ems/dzjk/gzgj/index.vue b/src/views/ems/dzjk/gzgj/index.vue
index d600f42..899e04a 100644
--- a/src/views/ems/dzjk/gzgj/index.vue
+++ b/src/views/ems/dzjk/gzgj/index.vue
@@ -90,7 +90,7 @@
           >
             <template slot-scope="scope">
               <el-button type="text" size="mini"  v-if="scope.row.ticketNo" @click="toTicket">已生成工单(工单号:{{scope.row.ticketNo}})</el-button>
-              <el-button type="primary" size="mini" v-else @click="toTicket">生成工单</el-button>
+              <el-button type="primary" size="mini" v-else @click="createTicket(scope.row.id)">生成工单</el-button>
             </template>
           </el-table-column>
         </el-table>
@@ -113,7 +113,7 @@
 
 
 <script>
-import {getAlarmDetailList} from'@/api/ems/dzjk'
+import {getAlarmDetailList,createTicketNo} from'@/api/ems/dzjk'
 import {getDeviceList} from'@/api/ems/site'
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
 import { formatDate } from '@/filters/ems'
@@ -149,6 +149,13 @@ export default {
     toTicket(){
       this.$router.push({path:'/ticket'})
     },
+    //生成工单
+    createTicket(id){
+      this.loading = true
+      createTicketNo({id}).then(response=>{
+        response?.data && this.toTicket()
+      }).finally(()=>{this.loading = false})
+    },
     // 判断是否是同一天
     isSameDay(day1, day2) {
       const date1 = new Date(day1),date2 = new Date(day2)
diff --git a/src/views/ems/dzjk/sbjk/db/index.vue b/src/views/ems/dzjk/sbjk/db/index.vue
index eeae401..a8206c6 100644
--- a/src/views/ems/dzjk/sbjk/db/index.vue
+++ b/src/views/ems/dzjk/sbjk/db/index.vue
@@ -11,7 +11,7 @@
       }"
      >
        <div slot="header">
-         <span class="large-title">{{ item.deviceName }}</span>
+         <span class="large-title">{{index+1}}#{{ item.deviceName }}</span>
          <div class="info">
            <div>
              {{
@@ -23,20 +23,13 @@
            <div>数据更新时间：{{ item.dataUpdateTime }}</div>
          </div>
        </div>
-       <el-table
-           class="common-table"
-           :data="item.loadDataDetailInfo"
-           @cell-click="(row,col)=>{handlerCell(item,row,col)}"
-           stripe
-           style="width: 100%"
-       >
-         <el-table-column prop="category" label="类别"> </el-table-column>
-         <el-table-column prop="totalKwh" label="总/kWh"> </el-table-column>
-         <el-table-column prop="peakKwh" label="尖/kWh"> </el-table-column>
-         <el-table-column prop="highKwh" label="峰/kWh"> </el-table-column>
-         <el-table-column prop="flatKwh" label="平/kWh"> </el-table-column>
-         <el-table-column prop="valleyKwh" label="谷/kWh"> </el-table-column>
-       </el-table>
+       <el-row>
+         <el-col v-for="(tempDataItem,tempDataIndex) in deviceIdTypeMsg[item.deviceId]" :key="tempDataIndex+'dbTempData'" :span="8">
+            <span class="pointer" @click="showChart(tempDataItem.pointName,item.deviceName,item.deviceId)">
+              {{tempDataItem.name}}：{{item[tempDataItem.attr]}}<span v-html="tempDataItem.unit"></span>
+            </span>
+         </el-col>
+       </el-row>
      </el-card>
     <el-empty v-show="list.length<=0" :image-size="200"></el-empty>
     <point-chart ref="pointChart" :site-id="siteId"/>
@@ -56,16 +49,97 @@ export default {
     return {
       loading: false,
       list:[],
+      deviceIdTypeMsg:{
+        'LOAD':[
+          {
+            name:'正向有功电能',
+            attr:'forwardActive',
+            pointName:'正向有功电能'
+          },
+          {
+            name:'反向有功电能',
+            attr:'reverseActive',
+            pointName:'反向有功电能'
+          },
+          {
+            name:'正向无功电能',
+            attr:'forwardReactive',
+            pointName:'正向无功电能'
+          },
+          {
+            name:'反向无功电能',
+            attr:'reverseReactive',
+            pointName:'反向无功电能'
+          },
+          {
+            name:'有功功率',
+            attr:'activePower',
+            pointName:'总有功功率'
+          },
+          {
+            name:'无功功率',
+            attr:'reactivePower',
+            pointName:'总无功功率'
+          }
+        ],
+        'METE':[
+          {
+            name:'正向有功电能',
+            attr:'forwardActive',
+            pointName:'当前正向总有功电能'
+          },
+          {
+            name:'反向有功电能',
+            attr:'reverseActive',
+            pointName:'当前反向总有功电能'
+          },
+          {
+            name:'正向无功电能',
+            attr:'forwardReactive',
+            pointName:'当前正向总无功电能'
+          },
+          {
+            name:'反向无功电能',
+            attr:'reverseReactive',
+            pointName:'当前反向总无功电能'
+          },
+          {
+            name:'有功功率',
+            attr:'activePower',
+            pointName:'总有功功率'
+          },
+          {
+            name:'无功功率',
+            attr:'reactivePower',
+            pointName:'总无功功率'
+          }
+        ],
+        'METEGF':[
+          {
+            name:'有功电能',
+            attr:'activeEnergy',
+            pointName:'有功电能'
+          },
+          {
+            name:'无功电能',
+            attr:'reactiveEnergy',
+            pointName:'无功电能'
+          },
+          {
+            name:'有功功率',
+            attr:'activePower',
+            pointName:'总有功功率'
+          },
+          {
+            name:'无功功率',
+            attr:'reactivePower',
+            pointName:'总无功功率'
+          }
+        ]
+      }
     };
   },
   methods: {
-    handlerCell({deviceId,deviceName},row,column){
-      if(column.label !== '类别'){
-        const arr = row.category.split('')
-        arr.splice(6,0,column.label[0])
-        this.showChart(arr.join(''),deviceName,deviceId)
-      }
-    },
     showChart(pointName,categoryName,deviceId){
       console.log('点击查询图表',pointName,categoryName,deviceId)
       pointName && this.$refs.pointChart.showChart({pointName,categoryName,deviceId})
@@ -94,13 +168,22 @@ export default {
   &.list:not(:last-child){
     margin-bottom: 25px;
   }
-  ::v-deep {
-    .el-table__row td{
-      &:not(:first-child){
-        .cell{
-          cursor: pointer;
-        }
-      }
+  .el-row{
+    background-color: #ffffff;
+    border:1px solid #eeeeee;
+    font-size: 14px;
+    line-height: 16px;
+    color: #333333;
+    .el-col{
+      padding:12px 0;
+      text-align: center;
+      position: relative;
+    }
+    .el-col{
+      border-bottom: 1px solid #eeeeee;
+    }
+    .el-col:not(:nth-child(3n)){
+      border-right: 1px solid #eeeeee;
     }
   }
 }
diff --git a/src/views/login.vue b/src/views/login.vue
index 6c32218..6f65055 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -210,7 +210,7 @@ export default {
 
 <style rel="stylesheet/scss" lang="scss">
 .login {
-  padding-left: 50px;
+  padding-left: 180px;
   display: flex;
   justify-content: left;
   align-items: center;
diff --git a/src/views/register.vue b/src/views/register.vue
index c236a83..8e0d3a1 100644
--- a/src/views/register.vue
+++ b/src/views/register.vue
@@ -222,7 +222,7 @@ export default {
 
 <style rel="stylesheet/scss" lang="scss">
 .register {
-  padding-left: 50px;
+  padding-left: 180px;
   display: flex;
   justify-content: left;
   align-items: center;