pcs开关机,设备列表上传、下载

src/api/ems/site.js

@@ -9,10 +9,11 @@ export function getSiteInfoList({siteName, startTime, endTime, pageSize, pageNum
 }
 
 // 设备列表
-export function getDeviceInfoList({siteId, pageSize, pageNum}) {
+export function getDeviceInfoList(data) {
     return request({
-        url: `/ems/siteConfig/getDeviceInfoList?siteId=${siteId}&pageSize=${pageSize}&pageNum=${pageNum}`,
+        url: `/ems/siteConfig/getDeviceInfoList`,
-        method: 'get'
+        method: 'get',
+        params: data
     })
 }
 

src/views/ems/dzjk/sbjk/pcs/index.vue

@@ -1,41 +1,47 @@
 <template>
   <div v-loading="loading" class="pcs-ems-dashboard-editor-container">
     <!--    顶部六个方块-->
-    <real-time-base-info :data="runningHeadData" />
+    <real-time-base-info :data="runningHeadData"/>
     <div
-      v-for="(pcsItem, pcsIndex) in pcsList"
+        v-for="(pcsItem, pcsIndex) in pcsList"
-      :key="pcsIndex + 'PcsHome'"
+        :key="pcsIndex + 'PcsHome'"
-      style="margin-bottom: 25px"
+        style="margin-bottom: 25px"
     >
       <el-card
-        :class="{
+          :class="{
           'warning-card-container': pcsItem.workStatus === '1',
           'timing-card-container': pcsItem.workStatus === '2',
           'running-card-container': !['1', '2'].includes(pcsItem.workStatus),
         }"
-        class="sbjk-card-container common-card-container-body-no-padding common-card-container-no-title-bg"
+          class="sbjk-card-container common-card-container-body-no-padding common-card-container-no-title-bg"
-        shadow="always"
+          shadow="always"
       >
         <div slot="header">
           <span class="large-title"
-            >{{ pcsItem.deviceName }}</span
+          >{{ pcsItem.deviceName }}</span
           >
           <div class="info">
             <div>
               {{
                 $store.state.ems.communicationStatusOptions[
-                  pcsItem.communicationStatus
+                    pcsItem.communicationStatus
-                ]
+                    ]
               }}
             </div>
             <div>数据更新时间：{{ pcsItem.dataUpdateTime }}</div>
           </div>
           <div class="alarm">
-            <el-button type="primary" size="small" style="margin-right:20px;" @click="pointDetail(pcsItem,'point')">详细</el-button>
+            <pcs-switch style="margin-right:10px;"
+                        size="small"
+                        :data="pcsItem"
+                        @updateSuccess="init"/>
+            <el-button type="primary" size="small" style="margin-right:20px;" @click="pointDetail(pcsItem,'point')">
+              详细
+            </el-button>
             <el-badge :value="pcsItem.alarmNum || 0" class="item">
               <i
-                class="el-icon-message-solid alarm-icon"
+                  class="el-icon-message-solid alarm-icon"
-                @click="pointDetail(pcsItem,'alarmPoint')"
+                  @click="pointDetail(pcsItem,'alarmPoint')"
               ></i>
             </el-badge>
           </div>
@@ -43,64 +49,68 @@
         <div class="descriptions-main">
           <el-descriptions :colon="false" :column="4" direction="vertical">
             <el-descriptions-item
-              :contentClassName="`descriptions-direction ${
+                :contentClassName="`descriptions-direction ${
                 pcsItem.workStatus === '0' ? 'save' : 'danger'
               }`"
-              :span="1"
+                :span="1"
-              label="工作状态"
+                label="工作状态"
-              labelClassName="descriptions-label"
+                labelClassName="descriptions-label"
-              >{{
+            >{{
                 $store.state.ems.workStatusOptions[pcsItem.workStatus]
-              }}</el-descriptions-item
+              }}
+            </el-descriptions-item
             >
             <el-descriptions-item
-              :span="1"
+                :span="1"
-              contentClassName="descriptions-direction"
+                contentClassName="descriptions-direction"
-              label="并网状态"
+                label="并网状态"
-              labelClassName="descriptions-label"
+                labelClassName="descriptions-label"
-              >{{
+            >{{
                 $store.state.ems.gridStatusOptions[pcsItem.gridStatus]
-              }}</el-descriptions-item
+              }}
+            </el-descriptions-item
             >
             <el-descriptions-item
-              :contentClassName="`descriptions-direction ${
+                :contentClassName="`descriptions-direction ${
                 pcsItem.deviceStatus === '2' ? 'save' : 'danger'
               }`"
-              :span="1"
+                :span="1"
-              label="设备状态"
+                label="设备状态"
-              labelClassName="descriptions-label"
+                labelClassName="descriptions-label"
-              >{{
+            >{{
                 $store.state.ems.deviceStatusOptions[pcsItem.deviceStatus]
-              }}</el-descriptions-item
+              }}
+            </el-descriptions-item
             >
             <el-descriptions-item
-              :span="1"
+                :span="1"
-              contentClassName="descriptions-direction"
+                contentClassName="descriptions-direction"
-              label="控制模式"
+                label="控制模式"
-              labelClassName="descriptions-label"
+                labelClassName="descriptions-label"
-              >{{
+            >{{
                 $store.state.ems.controlModeOptions[pcsItem.controlMode]
-              }}</el-descriptions-item
+              }}
+            </el-descriptions-item
             >
           </el-descriptions>
         </div>
         <div class="descriptions-main descriptions-main-bg-color">
           <el-descriptions
-            :colon="false"
+              :colon="false"
-            :column="4"
+              :column="4"
-            contentClassName="descriptions-direction"
+              contentClassName="descriptions-direction"
-            direction="vertical"
+              direction="vertical"
-            labelClassName="descriptions-label"
+              labelClassName="descriptions-label"
           >
             <el-descriptions-item
-              v-for="(item, index) in infoData"
+                v-for="(item, index) in infoData"
-              :key="index + 'pcsInfoData'"
+                :key="index + 'pcsInfoData'"
-              :label="item.label"
+                :label="item.label"
-              :span="1"
+                :span="1"
             >
               <span
-                class="pointer"
+                  class="pointer"
-                @click="
+                  @click="
                   showChart(item.pointName || '', pcsItem.deviceId)
                 "
               >
@@ -111,58 +121,59 @@
           </el-descriptions>
         </div>
         <div
-          v-for="(item, index) in pcsItem.pcsBranchInfoList"
+            v-for="(item, index) in pcsItem.pcsBranchInfoList"
-          :key="index + 'pcsBranchInfoList'"
+            :key="index + 'pcsBranchInfoList'"
-          class="descriptions-main"
+            class="descriptions-main"
         >
           <el-descriptions
-            :colon="false"
+              :colon="false"
-            :column="4"
+              :column="4"
-            contentClassName="descriptions-direction keep"
+              contentClassName="descriptions-direction keep"
-            direction="vertical"
+              direction="vertical"
-            labelClassName="descriptions-label"
+              labelClassName="descriptions-label"
           >
             <el-descriptions-item
-              :label="'支路' + (index + 1)"
+                :label="'支路' + (index + 1)"
-              :span="4"
+                :span="4"
-              contentClassName="descriptions-direction keep"
+                contentClassName="descriptions-direction keep"
-              labelClassName="descriptions-label"
+                labelClassName="descriptions-label"
-              >{{ item.dischargeStatus }}</el-descriptions-item
+            >{{ item.dischargeStatus }}
+            </el-descriptions-item
             >
             <el-descriptions-item
-              :span="1"
+                :span="1"
-              contentClassName="descriptions-direction"
+                contentClassName="descriptions-direction"
-              label="直流功率"
+                label="直流功率"
-              labelClassName="descriptions-label"
+                labelClassName="descriptions-label"
             >
               <span
-                class="pointer"
+                  class="pointer"
-                @click="showChart('直流功率', item.deviceId,true)"
+                  @click="showChart('直流功率', item.deviceId,true)"
-                >{{ item.dcPower }}kW</span
+              >{{ item.dcPower }}kW</span
               >
             </el-descriptions-item>
             <el-descriptions-item
-              :span="1"
+                :span="1"
-              contentClassName="descriptions-direction"
+                contentClassName="descriptions-direction"
-              label="直流电压"
+                label="直流电压"
-              labelClassName="descriptions-label"
+                labelClassName="descriptions-label"
             >
               <span
-                class="pointer"
+                  class="pointer"
-                @click="showChart('直流电压', item.deviceId,true)"
+                  @click="showChart('直流电压', item.deviceId,true)"
-                >{{ item.dcVoltage }}V</span
+              >{{ item.dcVoltage }}V</span
               >
             </el-descriptions-item>
             <el-descriptions-item
-              :span="1"
+                :span="1"
-              contentClassName="descriptions-direction"
+                contentClassName="descriptions-direction"
-              label="直流电流"
+                label="直流电流"
-              labelClassName="descriptions-label"
+                labelClassName="descriptions-label"
             >
               <span
-                class="pointer"
+                  class="pointer"
-                @click="showChart('直流电流',  item.deviceId,true)"
+                  @click="showChart('直流电流',  item.deviceId,true)"
-                >{{ item.dcCurrent }}A</span
+              >{{ item.dcCurrent }}A</span
               >
             </el-descriptions-item>
           </el-descriptions>
@@ -170,7 +181,7 @@
       </el-card>
     </div>
     <el-empty v-show="pcsList.length <= 0" :image-size="200"></el-empty>
-    <point-chart ref="pointChart" :site-id="siteId" />
+    <point-chart ref="pointChart" :site-id="siteId"/>
     <point-table ref="pointTable"/>
   </div>
 </template>
@@ -180,11 +191,13 @@ import pointChart from "./../PointChart.vue";
 import PointTable from "@/views/ems/site/sblb/PointTable.vue";
 import RealTimeBaseInfo from "./../RealTimeBaseInfo.vue";
 import getQuerySiteId from "@/mixins/ems/getQuerySiteId";
-import { getRunningHeadInfo, getPcsDetailInfo } from "@/api/ems/dzjk";
+import {getPcsDetailInfo, getRunningHeadInfo} from "@/api/ems/dzjk";
 import intervalUpdate from "@/mixins/ems/intervalUpdate";
+import PcsSwitch from "@/views/ems/site/sblb/PcsSwitch.vue";
+
 export default {
   name: "DzjkSbjkPcs",
-  components: { RealTimeBaseInfo, pointChart ,PointTable},
+  components: {RealTimeBaseInfo, pointChart, PointTable, PcsSwitch},
   mixins: [getQuerySiteId, intervalUpdate],
   data() {
     return {
@@ -204,7 +217,7 @@ export default {
           unit: "kWh",
           pointName: "当天交流充电量 (kWh)",
         },
-        { label: "A相电压", attr: "aPhaseVoltage", unit: "V", pointName: "" },
+        {label: "A相电压", attr: "aPhaseVoltage", unit: "V", pointName: ""},
         {
           label: "A相电流",
           attr: "aPhaseCurrent",
@@ -223,7 +236,7 @@ export default {
           unit: "kWh",
           pointName: "当天交流放电量 (kWh)",
         },
-        { label: "B相电压", attr: "bPhaseVoltage", unit: "V", pointName: "" },
+        {label: "B相电压", attr: "bPhaseVoltage", unit: "V", pointName: ""},
         {
           label: "B相电流",
           attr: "bPhaseCurrent",
@@ -242,7 +255,7 @@ export default {
           unit: "&#8451;",
           pointName: "",
         },
-        { label: "C相电压", attr: "cPhaseVoltage", unit: "V", pointName: "" },
+        {label: "C相电压", attr: "cPhaseVoltage", unit: "V", pointName: ""},
         {
           label: "C相电流",
           attr: "cPhaseCurrent",
@@ -273,13 +286,13 @@ export default {
   },
   methods: {
     // 查看设备电位表格
-    pointDetail(row,dataType){
+    pointDetail(row, dataType) {
       const {deviceId} = row
-      this.$refs.pointTable.showTable({siteId:this.siteId,deviceId,deviceCategory:'PCS'},dataType)
+      this.$refs.pointTable.showTable({siteId: this.siteId, deviceId, deviceCategory: 'PCS'}, dataType)
     },
-    showChart(pointName, deviceId,isBranch=false) {
+    showChart(pointName, deviceId, isBranch = false) {
       pointName &&
-        this.$refs.pointChart.showChart({ pointName,deviceCategory:isBranch ? 'BRANCH' : 'PCS', deviceId });
+      this.$refs.pointChart.showChart({pointName, deviceCategory: isBranch ? 'BRANCH' : 'PCS', deviceId});
     },
     //6个方块数据
     getRunningHeadData() {
@@ -290,11 +303,11 @@ export default {
     getPcsList() {
       this.loading = true;
       getPcsDetailInfo(this.siteId)
-        .then((response) => {
+          .then((response) => {
-          const data = response?.data || {};
+            const data = response?.data || {};
-          this.pcsList = JSON.parse(JSON.stringify(data));
+            this.pcsList = JSON.parse(JSON.stringify(data));
-        })
+          })
-        .finally(() => (this.loading = false));
+          .finally(() => (this.loading = false));
     },
     updateData() {
       this.getRunningHeadData();

src/views/ems/site/sblb/PcsSwitch.vue

@@ -0,0 +1,96 @@
+<template>
+  <el-button :size="size" :type="type" :circle='circle' @click="switchStatus"
+             icon="el-icon-refresh-left">
+  </el-button>
+</template>
+
+<style scoped lang="scss">
+
+</style>
+<script>
+
+export default {
+  props: {
+    size: {
+      type: String,
+      default: 'mini',
+      required: false
+    },
+    type: {
+      type: String,
+      default: 'primary',
+      required: false
+    },
+    // plain: {
+    //   type: Boolean,
+    //   default: true,
+    //   required: false
+    // },
+    circle: {
+      type: Boolean,
+      default: true,
+      required: false
+    },
+    data: {
+      type: Object,
+      default: () => {
+        return {
+          runningStatus: null,
+          deviceId: null,
+          deviceName: null,
+        }
+      },
+      required: true
+    }
+  },
+  computed: {
+    label() {
+      return this.data.runningStatus === '4' ? '开机' : '关机'
+    }
+  },
+  methods: {
+    switchStatus() {
+      const {runningStatus, deviceId, deviceName} = this.data
+      this.$confirm(`确认要${this.label}设备${deviceName || ''}吗?`, {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        showClose: false,
+        closeOnClickModal: false,
+        type: "warning",
+        beforeClose: (action, instance, done) => {
+          if (action === "confirm") {
+            instance.confirmButtonLoading = true;
+            //做开关机操作,更新成功后刷新表格
+            setTimeout(() => {
+              instance.confirmButtonLoading = false; //todo delete
+              done()
+            }, 2000)
+            // deleteProtectPlan(row.id)
+            //     .then((response) => {
+            //       response.code === 200 && done();
+            //     })
+            //     .finally(() => {
+            //       instance.confirmButtonLoading = false;
+            //     });
+          } else {
+            done();
+          }
+        },
+      })
+          .then(() => {
+            //只有在废弃成功的情况下会走到这里
+            this.$message({
+              type: "success",
+              message: `${deviceName}${this.label}成功!`,
+            });
+            this.$emit('updateSuccess')
+            //调用接口 更新表格数据
+          })
+          .catch(() => {
+            //取消关机
+          });
+    }
+  }
+}
+
+</script>

src/views/ems/site/sblb/PointUpload.vue

@@ -42,8 +42,8 @@ export default {
     }
   },
   methods: {
-    showDialog({siteId, code}) {
+    showDialog({siteId, deviceCategory, deviceId}) {
-      this.upload.data = {siteId, deviceCategory: code}
+      this.upload.data = {siteId, deviceCategory, deviceId}
       this.show = true;
     },
     //关闭弹窗 重置数据

src/views/ems/site/sblb/index.vue

@@ -8,13 +8,23 @@
                      :key="index+'zdxeSelect'"></el-option>
         </el-select>
       </el-form-item>
+      <el-form-item label="设备类型">
+        <el-select v-model="deviceCategory" placeholder="请选择设备类型" @change="onSearch" clearable>
+          <el-option
+              v-for="(item,index) in deviceCategoryList"
+              :key="index+'deviceCategorySelect'"
+              :label="item.name"
+              :value="item.code">
+          </el-option>
+        </el-select>
+      </el-form-item>
       <el-form-item>
         <!--        <el-button type="primary" @click="onSearch" native-type="button">搜索</el-button>-->
         <!--        <el-button @click="onReset" native-type="button">重置</el-button>-->
       </el-form-item>
     </el-form>
     <el-button type="primary" @click="addDevice" native-type="button">新增设备</el-button>
-    <el-dropdown @command="downloadPointDetail">
+    <el-dropdown @command="(val)=>downloadPointDetail(val,false)">
       <el-button
           style="margin-left:10px;"
           type="primary"
@@ -28,7 +38,7 @@
         </el-dropdown-item>
       </el-dropdown-menu>
     </el-dropdown>
-    <el-dropdown @command="uploadPointDetail">
+    <el-dropdown @command="(val)=>uploadPointDetail(val,false)">
       <el-button
           style="margin-left:10px;"
           type="success"
@@ -42,8 +52,6 @@
         </el-dropdown-item>
       </el-dropdown-menu>
     </el-dropdown>
-
-
     <el-table
         class="common-table"
         :data="tableData"
@@ -76,6 +84,9 @@
           label="在线状态">
         <template slot-scope="scope">
           <span>{{ $store.state.ems.deviceStatusOptions[scope.row.runningStatus] }}</span>
+          <pcs-switch v-if="scope.row.deviceCategory === 'PCS'" style="margin-left:5px;"
+                      :data="{runningStatus:scope.row.runningStatus,deviceId:scope.row.deviceId,deviceName:scope.row.deviceName}"
+                      @updateSuccess="getData"/>
         </template>
       </el-table-column>
       <el-table-column
@@ -96,6 +107,23 @@
             报警点位清单
           </el-button>
           <br>
+          <el-button
+              @click="downloadPointDetail(scope.row,true)"
+              style="margin-top:10px;"
+              type="primary"
+              plain
+              size="mini">
+            下载点位清单
+          </el-button>
+          <el-button
+              @click="uploadPointDetail(scope.row,true)"
+              style="margin-top:10px;"
+              type="success"
+              plain
+              size="mini">
+            上传点位清单
+          </el-button>
+          <br>
           <el-button
               @click="editDevice(scope.row)"
               style="margin-top:10px;"
@@ -151,10 +179,11 @@ import {getAllDeviceCategory} from '@/api/ems/search'
 import PointTable from './PointTable.vue'
 import AddDevice from "./AddDevice.vue";
 import PointUpload from "./PointUpload.vue";
+import PcsSwitch from "./PcsSwitch.vue";
 
 export default {
   name: "Sblb",
-  components: {AddDevice, PointTable, PointUpload},
+  components: {AddDevice, PointTable, PointUpload, PcsSwitch},
   data() {
     return {
       loading: false,
@@ -163,8 +192,9 @@ export default {
       editDeviceId: '',//编辑设备id
       siteId: '',
       siteList: [],
-      tableData: [],
+      deviceCategory: '',//搜索栏设备类型
       deviceCategoryList: [],//设备类别
+      tableData: [],
       pageSize: 10,//分页栏当前每个数据总数
       pageNum: 1,//分页栏当前页数
       totalSize: 0,//table表格数据总数
@@ -204,15 +234,26 @@ export default {
       this.$refs.pointTable.showTable(row, dataType)
     },
     // 下载点位清单
-    downloadPointDetail(command) {
+    downloadPointDetail(command, isDetail = false) {
+      const siteId = isDetail ? command.siteId : this.siteId
+      const deviceCategory = isDetail ? command.deviceCategory : command.code
+      const categoryName = isDetail ? command.categoryName : command.name
+      const deviceId = isDetail ? command.deviceId : null
+      console.log('下载', command, isDetail)
       this.download('ems/pointMatch/export', {
-        siteId: this.siteId,
+        siteId,
-        deviceCategory: command.code
+        deviceCategory,
-      }, `点位清单_${command.name}_${new Date().getTime()}.xlsx`)
+        deviceId,
+      }, `点位清单_${categoryName}_${new Date().getTime()}.xlsx`)
     },
     // 上传点位清单
-    uploadPointDetail(command) {
+    uploadPointDetail(command, isDetail = false) {
-      this.$refs.pointUpload.showDialog({...command, siteId: this.siteId})
+      const siteId = isDetail ? command.siteId : this.siteId
+      const deviceCategory = isDetail ? command.deviceCategory : command.code
+      const categoryName = isDetail ? command.categoryName : command.name
+      const deviceId = isDetail ? command.deviceId : ''
+      console.log('上传', command, isDetail)
+      this.$refs.pointUpload.showDialog({siteId, deviceCategory, categoryName, deviceId})
     },
     clearEditDeviceData() {
       this.mode = '';
@@ -312,8 +353,8 @@ export default {
     // 获取数据
     getData() {
       this.loading = true
-      const {siteId, pageNum, pageSize} = this
+      const {siteId, deviceCategory, pageNum, pageSize} = this
-      getDeviceInfoList({siteId, pageNum, pageSize}).then(response => {
+      getDeviceInfoList({siteId, deviceCategory, pageNum, pageSize}).then(response => {
         this.tableData = response?.rows || [];
         this.totalSize = response?.total || 0
       }).finally(() => {