修改ico 首页内容

src/views/management/monitoringEquipment/photographicDevice/index.vue

@@ -7,11 +7,65 @@
       <el-button type="primary">查询</el-button>
       <el-button type="primary">质保延期</el-button>
       <el-button type="primary">导入</el-button>
-      <el-button type="primary">导入模板下载</el-button>
+      <el-button type="primary">模板</el-button>
       <el-button type="primary">导出</el-button>
+      <el-button type="primary">前端分析报告</el-button>
+      <el-button type="primary">G开关</el-button>
+      <el-button type="primary">更新ZB</el-button>
+      <el-button type="primary">I1图像分析</el-button>
+      <el-button type="primary">主动拍照</el-button>
+      <el-button type="primary">传感器数量下发</el-button>
     </div>
     <div class="searchForm">
       <el-form :inline="true" :model="formInline" class="demo-form-inline">
+        <el-form-item label="单位:">
+          <el-select v-model="formInline.region" placeholder="活动区域">
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="DY等级:">
+          <el-select v-model="formInline.region" placeholder="活动区域">
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="XL名称:">
+          <el-select v-model="formInline.region" placeholder="活动区域">
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="GT名称:">
+          <el-select v-model="formInline.region" placeholder="活动区域">
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="质保到期日:">
+          <el-select v-model="formInline.region" placeholder="活动区域">
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="装置类型:">
+          <el-select v-model="formInline.region" placeholder="活动区域">
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="状态:">
+          <el-select v-model="formInline.region" placeholder="活动区域">
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="设备编号:">
+          <el-select v-model="formInline.region" placeholder="活动区域">
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
         <el-form-item label="单位:">
           <el-select v-model="formInline.region" placeholder="活动区域">
             <el-option label="区域一" value="shanghai"></el-option>

src/views/stritl/chartFiles/radar.vue

@@ -1,72 +1,72 @@
 <template>
-    <div id="myMidChart" ref="redarChart" :style="boxStyle"></div>
+  <div id="myMidChart" ref="redarChart" :style="boxStyle"></div>
 </template>
 <script>
 export default {
-    props: ['radarName', 'radarValue', 'radarTitle', 'boxStyle'],
-    data() {
-        return {};
-    },
-    mounted() {
-        this.$nextTick(function () {
-            this.drawBar();
-        });
-    },
-    methods: {
-        drawBar() {
-            // 基于准备好的dom，初始化echarts实例
-            var myChart = this.$echarts.init(this.$refs.redarChart);
-            // 绘制图表
-            myChart.setOption({
-                tooltip: {
-                    trigger: 'item'
-                },
-                radar: {
-                    // shape: 'circle',
-                    indicator: this.radarName,
-                    radius: 50
+  props: ["radarName", "radarValue", "radarTitle", "boxStyle"],
+  data() {
+    return {};
+  },
+  mounted() {
+    this.$nextTick(function () {
+      this.drawBar();
+    });
+  },
+  methods: {
+    drawBar() {
+      // 基于准备好的dom，初始化echarts实例
+      var myChart = this.$echarts.init(this.$refs.redarChart);
+      // 绘制图表
+      myChart.setOption({
+        tooltip: {
+          trigger: "item",
+        },
+        radar: {
+          // shape: 'circle',
+          indicator: this.radarName,
+          radius: 50,
+        },
+        series: [
+          {
+            type: "radar",
+            name: this.radarTitle,
+            data: [
+              {
+                value: this.radarValue,
+                areaStyle: {
+                  // 单项区域填充样式
+                  normal: {
+                    color: "#37A2FF", // 填充的颜色。[ default: "#000" ]
+                  },
                 },
-                series: [
-                    {
-                        type: 'radar',
-                        name: this.radarTitle,
-                        data: [
-                            {
-                                value: this.radarValue,
-                                areaStyle: {
-                                    // 单项区域填充样式
-                                    normal: {
-                                        color: '#37A2FF' // 填充的颜色。[ default: "#000" ]
-                                    }
-                                }
-                            }
-                        ]
-                    }
-                ]
-            });
-            window.addEventListener('resize', () => {
-                // 第六步，执行echarts自带的resize方法，即可做到让echarts图表自适应
-                myChart.resize();
-            });
-        }
+              },
+            ],
+          },
+        ],
+      });
+      window.addEventListener("resize", () => {
+        // 第六步，执行echarts自带的resize方法，即可做到让echarts图表自适应
+        myChart.resize();
+      });
     },
-    watch: {
-        radarValue(val, old) {
-            this.drawBar();
-        }
+  },
+  watch: {
+    radarValue(val, old) {
+      this.drawBar();
     },
-    beforeDestroy() {
-        /* 页面组件销毁的时候，别忘了移除绑定的监听resize事件，否则的话，多渲染几次
+  },
+  beforeDestroy() {
+    /* 页面组件销毁的时候，别忘了移除绑定的监听resize事件，否则的话，多渲染几次
       容易导致内存泄漏和额外CPU或GPU占用哦*/
-        window.removeEventListener('resize', () => {
-            myChart.resize();
-        });
-    }
+    window.removeEventListener("resize", () => {
+      myChart.resize();
+    });
+  },
 };
 </script>
 <style lang="less">
 #myMidChart {
-    width: 100%;
-    height: 240px;
+  width: 100%;
+  height: 240px;
 }
 </style>

src/views/stritl/index.vue

@@ -316,16 +316,19 @@ export default {
         }
       });
       console.log(obj);
+      this.radarValue = Object.values(obj);
+      console.log(this.radarValue);
+      let max = Math.max(...this.radarValue);
       //对象转化成数组对象
+      console.log(max);
       for (let i in obj) {
         console.log(i);
         this.radarName.push({
           name: i,
+          max: max,
         });
       }
       console.log(this.radarName);
-      this.radarValue = Object.values(obj);
-      console.log(this.radarValue);
     });
   },
 };