LY sems

ui/src/views/sems/specanalysis/BoilerChart.vue

@@ -124,7 +124,10 @@ export default {
             crossStyle: {
               color: '#999'
             }
-          }
+          },
+          textStyle: {
+            fontSize: 20
+          },
         },
         toolbox: {
           feature: {
@@ -139,7 +142,10 @@ export default {
           containLabel: true
         },
         legend: {
-          data: [this.$t('internalInspection'), this.$t('externalInspection')]
+          data: [this.$t('internalInspection'), this.$t('externalInspection')],
+          textStyle: {
+            fontSize: 20
+          }
         },
         xAxis: [
           {
@@ -147,24 +153,35 @@ export default {
             data: [],
             axisPointer: {
               type: 'shadow'
-            }
+            },
+            axisLabel: {
+              textStyle: {
+                fontSize: 20
+              }
+            },
           },
           {
             type: 'category',
             data: [],
             axisPointer: {
               type: 'shadow'
-            }
+            },
           }
         ],
         yAxis: [
           {
             type: 'value',
             name: this.$t('devTotalChart'),
+            nameTextStyle: {
+              fontSize: 20
+            },
             min: 0,
             minInterval: 1,// 最小单位是1
             axisLabel: {
-              formatter: '{value}'
+              formatter: '{value}',
+              textStyle: {
+                fontSize: 20
+              }
             }
           }
         ],
@@ -201,7 +218,18 @@ export default {
     this.chart = this.echarts.init(document.getElementById('BoilerChart'))
   },
   methods: {
+    nowSize(val){
+      //当前视口宽度
+      let nowClientWidth = document.documentElement.clientWidth;
+      //换算方法
+      return val * (nowClientWidth/1920);
+    },
     initChart() {
+      this.optionGl.legend.textStyle.fontSize = this.nowSize(14)
+      this.optionGl.tooltip.textStyle.fontSize = this.nowSize(16)
+      this.optionGl.xAxis[0].axisLabel.textStyle.fontSize = this.nowSize(14)
+      this.optionGl.yAxis[0].axisLabel.textStyle.fontSize = this.nowSize(14)
+      this.optionGl.yAxis[0].nameTextStyle.fontSize = this.nowSize(13)
       // 基于准备好的dom，初始化echarts实例
       this.chart.clear()
       this.chart.setOption(this.optionGl)

ui/src/views/sems/specanalysis/LiftChart.vue

@@ -209,7 +209,10 @@ export default {
             crossStyle: {
               color: '#999'
             }
-          }
+          },
+          textStyle: {
+            fontSize: 20
+          },
         },
         toolbox: {
           feature: {
@@ -225,6 +228,9 @@ export default {
         },
         legend: {
           data: [this.$t('叉车'), this.$t('起重机械') , this.$t('电梯')],
+          textStyle: {
+            fontSize: 20
+          }
         },
         xAxis: [
           {
@@ -239,6 +245,9 @@ export default {
               rotate: 45,
               //倾斜度 -90 至 90 默认为0
               margin: 2,
+              textStyle: {
+                fontSize: 20
+              }
             },
           }
         ],
@@ -246,10 +255,16 @@ export default {
           {
             type: 'value',
             name: this.$t('devTotalChart'),
+            nameTextStyle: {
+              fontSize: 20
+            },
             min: 0,
             minInterval: 1,// 最小单位是1
             axisLabel: {
-              formatter: '{value}'
+              formatter: '{value}',
+              textStyle: {
+                fontSize: 20
+              }
             }
           }
         ],
@@ -298,7 +313,18 @@ export default {
     this.chart = this.echarts.init(document.getElementById('LiftChart'))
   },
   methods: {
+    nowSize(val){
+      //当前视口宽度
+      let nowClientWidth = document.documentElement.clientWidth;
+      //换算方法
+      return val * (nowClientWidth/1920);
+    },
     initChart() {
+      this.optionOther.legend.textStyle.fontSize = this.nowSize(14)
+      this.optionOther.tooltip.textStyle.fontSize = this.nowSize(16)
+      this.optionOther.xAxis[0].axisLabel.textStyle.fontSize = this.nowSize(14)
+      this.optionOther.yAxis[0].axisLabel.textStyle.fontSize = this.nowSize(14)
+      this.optionOther.yAxis[0].nameTextStyle.fontSize = this.nowSize(13)
       this.chart.clear()
       this.chart.setOption(this.optionOther)
       window.addEventListener('resize', () => {

ui/src/views/sems/specanalysis/PpChart.vue

@@ -129,7 +129,10 @@ export default {
             crossStyle: {
               color: '#999'
             }
-          }
+          },
+          textStyle: {
+            fontSize: 20
+          },
         },
         toolbox: {
           feature: {
@@ -144,7 +147,10 @@ export default {
           containLabel: true
         },
         legend: {
-          data: [this.$t('ppTotalChart'), this.$t('usage')]
+          data: [this.$t('ppTotalChart'), this.$t('usage')],
+          textStyle: {
+            fontSize: 20
+          }
         },
         xAxis: [
           {
@@ -152,17 +158,28 @@ export default {
             data: [this.$t('压力容器'), this.$t('压力管道'), this.$t('吊装设备'), this.$t('锅炉'), this.$t('电梯')],
             axisPointer: {
               type: 'shadow'
-            }
+            },
+            axisLabel: {
+              textStyle: {
+                fontSize: 20
+              }
+            },
           }
         ],
         yAxis: [
           {
             type: 'value',
             name: this.$t('ppTotalChart'),
+            nameTextStyle: {
+              fontSize: 20
+            },
             min: 0,
             minInterval: 1,// 最小单位是1
             axisLabel: {
-              formatter: '{value}'
+              formatter: '{value}',
+              textStyle: {
+                fontSize: 20
+              }
             }
           }
         ],
@@ -187,7 +204,18 @@ export default {
     this.chart = this.echarts.init(document.getElementById('PpChart'))
   },
   methods: {
+    nowSize(val){
+      //当前视口宽度
+      let nowClientWidth = document.documentElement.clientWidth;
+      //换算方法
+      return val * (nowClientWidth/1920);
+    },
     initChart() {
+      this.optionYlrq.legend.textStyle.fontSize = this.nowSize(14)
+      this.optionYlrq.tooltip.textStyle.fontSize = this.nowSize(16)
+      this.optionYlrq.xAxis[0].axisLabel.textStyle.fontSize = this.nowSize(14)
+      this.optionYlrq.yAxis[0].axisLabel.textStyle.fontSize = this.nowSize(14)
+      this.optionYlrq.yAxis[0].nameTextStyle.fontSize = this.nowSize(13)
       this.chart.clear()
       this.chart.setOption(this.optionYlrq)
       window.addEventListener('resize', () => {

ui/src/views/sems/specanalysis/PvChart.vue

@@ -124,6 +124,9 @@ export default {
       optionYlrq: {
         tooltip: {
           trigger: 'axis',
+          textStyle: {
+            fontSize: 20
+          },
           axisPointer: {
             type: 'cross',
             crossStyle: {
@@ -144,26 +147,40 @@ export default {
           containLabel: true
         },
         legend: {
-          data: [this.$t('devTotalChart'), this.$t('usage')]
+          data: [this.$t('devTotalChart'), this.$t('usage')],
+          textStyle: {
+            fontSize: 20
+          }
         },
         xAxis: [
           {
             type: 'category',
-            data: [this.$t('压力容器'), this.$t('压力管道'), this.$t('吊装设备'), this.$t('锅炉'), this.$t('电梯')],
+            data: [],
             axisPointer: {
               type: 'shadow'
-            }
+            },
+            axisLabel: {
+              textStyle: {
+                fontSize: 20
+              }
+            },
           }
         ],
         yAxis: [
           {
             type: 'value',
             name: this.$t('devTotalChart'),
+            nameTextStyle: {
+              fontSize: 20
+            },
             min: 0,
             minInterval: 1,// 最小单位是1
             axisLabel: {
-              formatter: '{value}'
-            }
+              formatter: '{value}',
+              textStyle: {
+                fontSize: 20
+              }
+            },
           }
         ],
         series: [
@@ -190,7 +207,18 @@ export default {
 
   },
   methods: {
+    nowSize(val){
+      //当前视口宽度
+      let nowClientWidth = document.documentElement.clientWidth;
+      //换算方法
+        return val * (nowClientWidth/1920);
+    },
     initChart() {
+      this.optionYlrq.legend.textStyle.fontSize = this.nowSize(14)
+      this.optionYlrq.tooltip.textStyle.fontSize = this.nowSize(16)
+      this.optionYlrq.xAxis[0].axisLabel.textStyle.fontSize = this.nowSize(14)
+      this.optionYlrq.yAxis[0].axisLabel.textStyle.fontSize = this.nowSize(14)
+      this.optionYlrq.yAxis[0].nameTextStyle.fontSize = this.nowSize(13)
       // 基于准备好的dom，初始化echarts实例
       this.chart.clear()
       this.chart.setOption(this.optionYlrq)

ui/src/views/sems/specanalysis/YlgdChart.vue

@@ -65,7 +65,14 @@ export default {
     this.initChart()
   },
   methods: {
+    nowSize(val){
+      //当前视口宽度
+      let nowClientWidth = document.documentElement.clientWidth;
+      //换算方法
+      return val * (nowClientWidth/1920);
+    },
     initChart() {
+      this.ylrqSafeOption.title.textStyle.fontSize = this.nowSize(14)
       // 基于准备好的dom，初始化echarts实例
       this.chart = this.echarts.init(document.getElementById('YlgdChart'))
 

ui/src/views/sems/specanalysis/YlrqChart.vue

@@ -62,7 +62,14 @@ export default {
     this.chart = this.echarts.init(document.getElementById('YlrqChart'))
   },
   methods: {
+    nowSize(val){
+      //当前视口宽度
+      let nowClientWidth = document.documentElement.clientWidth;
+      //换算方法
+      return val * (nowClientWidth/1920);
+    },
     initChart() {
+      this.ylrqSafeOption.title.textStyle.fontSize = this.nowSize(14)
       this.chart.clear()
       this.chart.setOption(this.ylrqSafeOption)
       window.addEventListener('resize', () => {

ui/src/views/sems/specanalysis/index.vue

@@ -40,7 +40,7 @@
               </div>
               <div style="margin-left: 0.2rem; margin-top: 0.2rem">
                 <div class="en-spec-text" style="color: #5470c6;">{{ $t('锅炉') }}</div>
-                <div class="specFont">{{ devDatas.glData.glAll_num }}<span
+                <div class="specFontBig">{{ devDatas.glData.glAll_num }}<span
                   style="font-size: 12px; color: #4a7d87; margin-left: 0.1rem">{{ $t('台') }}</span></div>
               </div>
             </div>
@@ -55,7 +55,7 @@
               </div>
               <div style=" margin-left: 0.2rem; margin-top: 0.2rem">
                 <div class="en-spec-text" style="color: #92D050;">{{ $t('压力容器') }}</div>
-                <div class="specFont">{{ devDatas.ylrqData.ylrqAll_num }}<span
+                <div class="specFontBig">{{ devDatas.ylrqData.ylrqAll_num }}<span
                   style="font-size: 12px; color: #4a7d87; margin-left: 0.1rem">{{ $t('台') }}</span></div>
               </div>
             </div>
@@ -88,7 +88,7 @@
               </div>
               <div style="margin-left: 0.2rem; margin-top: 0.2rem">
                 <div class="en-spec-text" style="color: #5470c6;">{{ $t('叉车') }}</div>
-                <div class="specFont">{{ devDatas.ccData.ccAll_num }}<span
+                <div class="specFontBig">{{ devDatas.ccData.ccAll_num }}<span
                   style="font-size: 10px; color: #4a7d87; margin-left: 0.05rem">{{ $t('辆') }}</span></div>
               </div>
             </div>
@@ -127,7 +127,7 @@
               </div>
               <div style="margin-left: 0.2rem; margin-top: 0.2rem">
                 <div class="en-spec-text" style="color: #e4da3a;">{{ $t('电梯') }}</div>
-                <div class="specFont">{{ devDatas.dtData.dtAll_num }}<span
+                <div class="specFontBig">{{ devDatas.dtData.dtAll_num }}<span
                   style="font-size: 12px; color: #4a7d87; margin-left: 0.1rem">{{ $t('台') }}</span></div>
               </div>
             </div>
@@ -570,13 +570,20 @@ export default {
 .specFontSmall {
   margin-top: 0.2rem;
   color: #4a7d87;
-  font: 25px/10px 'ds-digitalbold';
+  font: 0.3rem/0.2rem 'ds-digitalbold';
   margin-left: -0.8rem;
   word-wrap: break-word;
   white-space: normal;
   word-break: break-all;
 }
 
+.specFontBig {
+  margin-top: 0.3rem;
+  margin-left: 0.01rem;
+  color: #4a7d87;
+  font:0.4rem/0.2rem 'ds-digitalbold';
+}
+
 .fs-xl {
   font-size: 0.14rem;
 }

ui/src/views/sems/thickness/index.vue

@@ -209,7 +209,7 @@
           size="mini"
           @click="handleImport"
           v-hasPermi="['sems:thickness:edit']"
-        >{{$t('导入更新数据')}}
+        >{{$t('更新数据')}}
         </el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>