Merge branch 'yx' of http://61.161.152.110:10101/r/electronic-map into sl3

src/views/SandTable/SandTable.vue

@@ -40,7 +40,7 @@
         <template v-slot:default>
           <RadarPieChart
             height="20.6vh"
-            :list="warmChartData"
+            :list="warnChartData"
             title="隐患情况"
           />
         </template>
@@ -63,7 +63,7 @@
               width="95%"
               height="8.657vh"
               :src="cItem.url + cItem.token"
-              v-if="false && cItem.switch"
+              v-if="cItem.switch"
             />
           </el-col>
         </el-row>
@@ -97,77 +97,24 @@
             </div>
           </div>
         </div>
-        <div class="table mg-t-8">
+        <div class="table mg-t-8" style="min-height: 180px">
           <Table :data="workData" />
         </div>
       </PanelSand>
-      <PanelSandToolbar class="right-panel mg-t-16" title="风险隐患详情">
+      <PanelSandToolbar class="right-panel mg-t-16" title="部件">
         <template v-slot:tools>
-          <div class="exchange" @click="exchange">
-            <span :class="exchangeBtn ? 'gray' : 'green'">预警</span>
+          <div class="exchange" @click="changeBjSwitch">
+            <span :class="bjSwitch ? 'gray' : 'green'">库存</span>
             <i class="green fa fa-exchange mg-l-8 mg-r-8"></i>
-            <span :class="exchangeBtn ? 'green' : 'gray'">时长</span>
+            <span :class="bjSwitch ? 'green' : 'gray'">记录</span>
           </div>
         </template>
         <template v-slot:default>
-          <RadarPieChart height="21vh" />
+          <RadarPieChart height="21vh" :list="bjChartData" title="部件情况" />
         </template>
       </PanelSandToolbar>
     </div>
     <div class="sand-table-bottom" v-if="showPanel">
-      <!-- <Ppanel
-        title="利用小时"
-        :data="riseNumber(gxkmap.bg_dxkyss)"
-        :dataColor="gxkmap.bg_dxkyss < 0 ? '#f25656' : '#05BB4C'"
-        :days="gxkmap.ydxkyss"
-        :data1Icon="gxkmap.tb_dxkyss < 0 ? 'svg-arrow-dpwn-1' : 'svg-arrow-up-1'"
-        :data1IconClass="gxkmap.tb_dxkyss < 0 ? 'svg-icon-sm svg-icon-yellow' : 'svg-icon-sm svg-icon-green'"
-        :data2Icon="gxkmap.hb_dxkyss < 0 ? 'svg-arrow-dpwn-1' : 'svg-arrow-up-1'"
-        :data2IconClass="gxkmap.hb_dxkyss < 0 ? 'svg-icon-sm svg-icon-yellow' : 'svg-icon-sm svg-icon-green'"
-      ></Ppanel>
-      <Ppanel title="设备可利用率"
-        class="stb-p"
-        :data="riseNumber(gxkmap.bg_sbklyl)"
-        :dataColor="gxkmap.bg_sbklyl < 0 ? '#f25656' : '#05BB4C'"
-        :days="gxkmap.ysbklyl"
-        :data1Icon="gxkmap.hb_sbklyl < 0 ? 'svg-arrow-dpwn-1' : 'svg-arrow-up-1'"
-        :data1IconClass="gxkmap.hb_sbklyl < 0 ? 'svg-icon-sm svg-icon-yellow' : 'svg-icon-sm svg-icon-green'"
-        :data2Icon="gxkmap.tb_sbklyl < 0 ? 'svg-arrow-dpwn-1' : 'svg-arrow-up-1'"
-        :data2IconClass="gxkmap.tb_sbklyl < 0 ? 'svg-icon-sm svg-icon-yellow' : 'svg-icon-sm svg-icon-green'"
-      ></Ppanel>
-      <Ppanel
-        title="MTBF"
-        class="stb-p"
-        :data="riseNumber(gxkmap.bg_mtbf)"
-        :dataColor="gxkmap.bg_mtbf < 0 ? '#f25656' : '#05BB4C'"
-        :days="gxkmap.mtbf"
-        :data1Icon="gxkmap.hb_mtbf < 0 ? 'svg-arrow-dpwn-1' : 'svg-arrow-up-1'"
-        :data1IconClass="gxkmap.hb_mtbf < 0 ? 'svg-icon-sm svg-icon-yellow' : 'svg-icon-sm svg-icon-green'"
-        :data2Icon="gxkmap.tb_mtbf < 0 ? 'svg-arrow-dpwn-1' : 'svg-arrow-up-1'"
-        :data2IconClass="gxkmap.tb_mtbf < 0 ? 'svg-icon-sm svg-icon-yellow' : 'svg-icon-sm svg-icon-green'"
-      ></Ppanel>
-      <Ppanel
-        title="MTTR"
-        class="stb-p"
-        :data="riseNumber(gxkmap.bg_mttr)"
-        :dataColor="gxkmap.bg_mttr < 0 ? '#f25656' : '#05BB4C'"
-        :days="gxkmap.mttr"
-        :data1Icon="gxkmap.hb_mttr < 0 ? 'svg-arrow-dpwn-1' : 'svg-arrow-up-1'"
-        :data1IconClass="gxkmap.hb_mttr < 0 ? 'svg-icon-sm svg-icon-yellow' : 'svg-icon-sm svg-icon-green'"
-        :data2Icon="gxkmap.tb_mttr < 0 ? 'svg-arrow-dpwn-1' : 'svg-arrow-up-1'"
-        :data2IconClass="gxkmap.tb_mttr < 0 ? 'svg-icon-sm svg-icon-yellow' : 'svg-icon-sm svg-icon-green'"
-      ></Ppanel>
-      <Ppanel
-        title="MTTF"
-        class="stb-p"
-        :data="riseNumber(gxkmap.bg_mttf)"
-        :dataColor="gxkmap.bg_mttf < 0 ? '#f25656' : '#05BB4C'"
-        :days="gxkmap.mttf"
-        :data1Icon="gxkmap.hb_mttf < 0 ? 'svg-arrow-dpwn-1' : 'svg-arrow-up-1'"
-        :data1IconClass="gxkmap.hb_mttf < 0 ? 'svg-icon-sm svg-icon-yellow' : 'svg-icon-sm svg-icon-green'"
-        :data2Icon="gxkmap.tb_mttf < 0 ? 'svg-arrow-dpwn-1' : 'svg-arrow-up-1'"
-        :data2IconClass="gxkmap.tb_mttf < 0 ? 'svg-icon-sm svg-icon-yellow' : 'svg-icon-sm svg-icon-green'"
-      ></Ppanel> -->
       <Ppanel
         title="利用小时"
         :data="riseNumber(gxkmap.bg_dxkyss)"
@@ -335,7 +282,10 @@
       <template #title>
         <div class="dialogTitle">
           停机详情
-          <i class="jumpBtn el-icon-more" @click="jumpUrl('/health/gzzd/malfunctionRecall')"></i>
+          <i
+            class="jumpBtn el-icon-more"
+            @click="jumpUrl('/health/gzzd/malfunctionRecall')"
+          ></i>
         </div>
       </template>
       <el-form style="margin: 30px 0" label-width="120px" inline>
@@ -521,7 +471,7 @@ export default {
     return {
       videoShow: true,
       showPanel: false,
-      exchangeBtn: false,
+      bjSwitch: false,
       warnSwitch: false,
       timmer1: null,
       showWeatherDialog: false,
@@ -596,7 +546,8 @@ export default {
       ],
       showVideoDialog: false,
       dialogVideoUrl: "",
-      warmChartData: [],
+      warnChartData: [],
+      bjChartData: [],
       ForecastPower: [
         {
           name: "今日预测电量",
@@ -790,15 +741,15 @@ export default {
           stationid: that.wpId,
         },
         success(res) {
-          let warmChartData = [];
+          let warnChartData = [];
           for (let key in res.data) {
             const ele = res.data[key];
-            warmChartData.push({
+            warnChartData.push({
               value: ele.count,
               name: ele.relatePartsText,
             });
           }
-          that.warmChartData = warmChartData;
+          that.warnChartData = warnChartData;
         },
       });
     },
@@ -814,15 +765,63 @@ export default {
           stId: that.wpId,
         },
         success(res) {
-          let warmChartData = [];
+          let warnChartData = [];
           for (let key in res.data) {
             const ele = res.data[key];
-            warmChartData.push({
+            warnChartData.push({
               value: ele.count,
               name: ele.type,
             });
           }
-          that.warmChartData = warmChartData;
+          that.warnChartData = warnChartData;
+        },
+      });
+    },
+
+    // 获取库存玫瑰图
+    getRepertoryMGT() {
+      let that = this;
+      that.API.requestData({
+        method: "GET",
+        baseURL: "http://192.168.1.18:9988/",
+        subUrl: "inventory/groupcount",
+        data: {
+          stId: that.wpId,
+        },
+        success(res) {
+          let bjChartData = [];
+          for (let key in res.data) {
+            const ele = res.data[key];
+            bjChartData.push({
+              value: ele.curbal,
+              name: ele.description,
+            });
+          }
+          that.bjChartData = bjChartData;
+        },
+      });
+    },
+
+    // 获取记录玫瑰图
+    getRecordMGT() {
+      let that = this;
+      that.API.requestData({
+        method: "GET",
+        baseURL: "http://192.168.1.18:9988/",
+        subUrl: "equoperationrecord/equupdatecount",
+        data: {
+          stId: that.wpId,
+        },
+        success(res) {
+          let bjChartData = [];
+          for (let key in res.data) {
+            const ele = res.data[key];
+            bjChartData.push({
+              value: ele.count,
+              name: ele.description,
+            });
+          }
+          that.bjChartData = bjChartData;
         },
       });
     },
@@ -907,7 +906,6 @@ export default {
 
     // 页面跳转
     jumpUrl(url) {
-      console.log("url", url);
       this.$router.push(url);
     },
 
@@ -915,8 +913,13 @@ export default {
       this.showPanel = true;
     },
 
-    exchange() {
-      this.exchangeBtn = !this.exchangeBtn;
+    changeBjSwitch() {
+      this.bjSwitch = !this.bjSwitch;
+      if (this.bjSwitch) {
+        this.getRecordMGT();
+      } else {
+        this.getRepertoryMGT();
+      }
     },
 
     changeWarnSwitch() {
@@ -937,6 +940,7 @@ export default {
     this.getWpHealthInfo();
     this.getTop4Info();
     this.getWarnMGT();
+    this.getRepertoryMGT();
     this.timeStr = new Date().formatDate("MM-dd hh:mm");
     this.timmer1 = setInterval(() => {
       this.timeStr = new Date().formatDate("MM-dd hh:mm");