权限控制

src/views/controlPlatform/control.vue

@@ -115,7 +115,7 @@
           </el-card>
         </el-col>
         <!--   入库时间饼图     -->
-        <el-col :span="12" v-hasPermi="['views:controlPlatform:pieChart1']">
+        <el-col :span="12" v-hasPermi="['views:controlPlatform:pieChart2']">
           <el-card style="height: 393px">
             <div style="display: flex;justify-content: space-between">
               <div class="controlSpan_middle">
@@ -330,46 +330,54 @@ export default {
     var elementResizeDetectorMaker = require('element-resize-detector')
     var erd = elementResizeDetectorMaker()
     var that = this
-    erd.listenTo(document.getElementById('echarts-data'), function(element) {
-      var width = element.offsetWidth
-      var height = element.offsetHeight
-      self.tableHeight = height // 将监听到的宽高进行赋值
-      self.tableWidth = width
-      that.$nextTick(function() {
-        // 使echarts尺寸重置
-        echarts.init(document.getElementById('dataCharts_data')).resize()
+    if (document.getElementById('echarts-data') !== null) {
+      erd.listenTo(document.getElementById('echarts-data'), function(element) {
+        var width = element.offsetWidth
+        var height = element.offsetHeight
+        self.tableHeight = height // 将监听到的宽高进行赋值
+        self.tableWidth = width
+        that.$nextTick(function() {
+          // 使echarts尺寸重置
+          echarts.init(document.getElementById('dataCharts_data')).resize()
+        })
       })
-    })
-    erd.listenTo(document.getElementById('echarts-leaveMessage'), function(element) {
-      var width = element.offsetWidth
-      var height = element.offsetHeight
-      self.tableHeight = height // 将监听到的宽高进行赋值
-      self.tableWidth = width
-      that.$nextTick(function() {
-        // 使echarts尺寸重置
-        echarts.init(document.getElementById('dataCharts_leaveMessage')).resize()
+    }
+    if (document.getElementById('echarts-leaveMessage') !== null) {
+      erd.listenTo(document.getElementById('echarts-leaveMessage'), function(element) {
+        var width = element.offsetWidth
+        var height = element.offsetHeight
+        self.tableHeight = height // 将监听到的宽高进行赋值
+        self.tableWidth = width
+        that.$nextTick(function() {
+          // 使echarts尺寸重置
+          echarts.init(document.getElementById('dataCharts_leaveMessage')).resize()
+        })
       })
-    })
-    erd.listenTo(document.getElementById('echarts-visitor'), function(element) {
-      var width = element.offsetWidth
-      var height = element.offsetHeight
-      self.tableHeight = height // 将监听到的宽高进行赋值
-      self.tableWidth = width
-      that.$nextTick(function() {
-        // 使echarts尺寸重置
-        echarts.init(document.getElementById('dataCharts_visitor')).resize()
+    }
+    if (document.getElementById('echarts-visitor') !== null) {
+      erd.listenTo(document.getElementById('echarts-visitor'), function(element) {
+        var width = element.offsetWidth
+        var height = element.offsetHeight
+        self.tableHeight = height // 将监听到的宽高进行赋值
+        self.tableWidth = width
+        that.$nextTick(function() {
+          // 使echarts尺寸重置
+          echarts.init(document.getElementById('dataCharts_visitor')).resize()
+        })
       })
-    })
-    erd.listenTo(document.getElementById('echarts-date'), function(element) {
-      var width = element.offsetWidth
-      var height = element.offsetHeight
-      self.tableHeight = height // 将监听到的宽高进行赋值
-      self.tableWidth = width
-      that.$nextTick(function() {
-        // 使echarts尺寸重置
-        echarts.init(document.getElementById('dataCharts_date')).resize()
+    }
+    if (document.getElementById('echarts-date') !== null) {
+      erd.listenTo(document.getElementById('echarts-date'), function(element) {
+        var width = element.offsetWidth
+        var height = element.offsetHeight
+        self.tableHeight = height // 将监听到的宽高进行赋值
+        self.tableWidth = width
+        that.$nextTick(function() {
+          // 使echarts尺寸重置
+          echarts.init(document.getElementById('dataCharts_date')).resize()
+        })
       })
-    })
+    }
   },
   beforeRouteLeave(to, from, next) {
     setTimeout(() => {
@@ -478,44 +486,52 @@ export default {
           this.statusCode = false
           // console.log('---res---', res)
           // 折线图
-          this.sumUpdateList = res.data.findCountIdByUpdateDate
-          this.numList = []
-          this.dataList = []
-          this.sumUpdateList.forEach(item => {
-            this.numList.push(item.sum)
-            this.dataList.push(item.time)
-          })
-          this.updateRegistrationTime()
+          if (document.getElementById('dataCharts_data') !== null) {
+            this.sumUpdateList = res.data.findCountIdByUpdateDate
+            this.numList = []
+            this.dataList = []
+            this.sumUpdateList.forEach(item => {
+              this.numList.push(item.sum)
+              this.dataList.push(item.time)
+            })
+            this.updateRegistrationTime()
+          }
 
           // 柱状图
-          this.sumFqYyList = res.data.findCountIdByFqYy
-          this.YyList = []
-          this.FqNumList = []
-          this.sumFqYyList.forEach(item => {
-            this.YyList.push(item.fq_yy)
-            this.FqNumList.push(item.sum)
-          })
-          this.updateChartsLeaveMessage()
+          if (document.getElementById('dataCharts_leaveMessage') !== null) {
+            this.sumFqYyList = res.data.findCountIdByFqYy
+            this.YyList = []
+            this.FqNumList = []
+            this.sumFqYyList.forEach(item => {
+              this.YyList.push(item.fq_yy)
+              this.FqNumList.push(item.sum)
+            })
+            this.updateChartsLeaveMessage()
+          }
 
           // 饼图1
-          this.PtypeList = []
-          const renamedData = res.data.findCountIdByPtype.map(item => ({
-            ...item,
-            name: item.ptype === '1' ? '设备库' : (item.ptype === '2' ? '工序库' : (item.ptype === '3' ? '工序样品库' : item.ptype)),
-            value: item.sum
-          }))
-          this.PtypeList = renamedData
-          this.updateVisitorData()
+          if (document.getElementById('dataCharts_visitor') !== null) {
+            this.PtypeList = []
+            const renamedData = res.data.findCountIdByPtype.map(item => ({
+              ...item,
+              name: item.ptype === '1' ? '设备库' : (item.ptype === '2' ? '工序库' : (item.ptype === '3' ? '工序样品库' : item.ptype)),
+              value: item.sum
+            }))
+            this.PtypeList = renamedData
+            this.updateVisitorData()
+          }
 
           // 饼图2
-          this.PtypeList1 = []
-          const renamedData1 = res.data.findCountIdByPtype1CreateDate.map(item => ({
-            ...item,
-            name: item.time,
-            value: item.sum
-          }))
-          this.PtypeList1 = renamedData1
-          this.updateVisitorData1()
+          if (document.getElementById('dataCharts_date') !== null) {
+            this.PtypeList1 = []
+            const renamedData1 = res.data.findCountIdByPtype1CreateDate.map(item => ({
+              ...item,
+              name: item.time,
+              value: item.sum
+            }))
+            this.PtypeList1 = renamedData1
+            this.updateVisitorData1()
+          }
 
           // 月同比
           // 本月化学数量
@@ -608,6 +624,7 @@ export default {
     },
     // 折线图
     getRegistrationTime() {
+      if (document.getElementById('dataCharts_data') === null) return
       this.myChartRegistrationTime = echarts.init(document.getElementById('dataCharts_data'))
       this.updateRegistrationTime()
     },
@@ -657,6 +674,7 @@ export default {
     },
     // 直方图
     dataChartsLeaveMessage() {
+      if (document.getElementById('dataCharts_leaveMessage') === null) return
       this.myChartAverage = echarts.init(document.getElementById('dataCharts_leaveMessage'))
       this.updateChartsLeaveMessage()
     },
@@ -696,6 +714,7 @@ export default {
     },
     // 饼图1
     getVisitorData() {
+      if (document.getElementById('dataCharts_visitor') === null) return
       this.myChartGender = echarts.init(document.getElementById('dataCharts_visitor'))
       this.updateVisitorData()
     },
@@ -748,6 +767,7 @@ export default {
     /** 时间(饼状图)1
      * */
     getVisitorData1() {
+      if (document.getElementById('dataCharts_date') === null) return
       this.myChartGender1 = echarts.init(document.getElementById('dataCharts_date'))
       this.updateVisitorData1()
     },