From 3c6bdb6f439ff7af04765259fd6a91b6d201d095 Mon Sep 17 00:00:00 2001
From: zxl <763096477@qq.com>
Date: 星期四, 19 六月 2025 17:12:25 +0800
Subject: [PATCH] 工单，数据中心用户查看数据的权限，合同考核每日，以及导出每日和按月

---
 src/views/screen/components/lineChart.vue |   98 +++++++++++++++++++++++++++++++------------------
 1 files changed, 62 insertions(+), 36 deletions(-)

diff --git a/src/views/screen/components/lineChart.vue b/src/views/screen/components/lineChart.vue
index cc00d39..c112c09 100644
--- a/src/views/screen/components/lineChart.vue
+++ b/src/views/screen/components/lineChart.vue
@@ -3,14 +3,38 @@
 </template>
 
 <script>
+
 export default {
   name: 'lineChart',
-  data () {
+  props: {
+    workOrderRegion: {
+      type: Array,
+      default: null,
+    },
+  },
+  data() {
     return {
-      // 閰嶇疆
-      option: {
+      name: [],
+      data1: [],
+      data2: [],
+
+      myDrawLine: null
+    }
+  },
+
+  methods: {
+    setFontSize(res){
+      const clientWidth = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
+      if (!clientWidth) return;
+      let fontSize = clientWidth / 1920;
+      return res*fontSize;
+    },
+    initDrawLine() {
+      const that = this
+      let option = {
         grid: {
-          width: '100%'
+          left: '15%',
+          right: '5%'
         },
         tooltip: {
           trigger: 'item',
@@ -20,7 +44,7 @@
             return str
           },
           textStyle: {
-            fontSize: 12
+            fontSize: this.setFontSize(16)
           }
         },
 
@@ -30,7 +54,8 @@
           top: 20,
           data: ['宸插鐞嗗伐鍗曟暟', '鏈鐞嗗伐鍗曟暟'],
           textStyle: {
-            color: '#A0AEC0'
+            color: '#A0AEC0',
+            fontSize: this.setFontSize(14)
           }
         },
 
@@ -49,19 +74,11 @@
           },
           axisLabel: {
             color: '#A0AEC0',
-            fontSize: 12,
+            fontSize: this.setFontSize(14),
             margin: 20,
             rotate: 30
           },
-          data: [
-            '瀵岄『鍖�',
-            '澶у畨鍖�',
-            '鑷祦鏅尯',
-            '璐℃櫙鍖�',
-            '瀹瑰幙',
-            '楂樻柊鍖�',
-            '娌挎哗鍖�'
-          ]
+          data: that.name,
         },
         // Y杞撮厤缃�
         yAxis: {
@@ -78,8 +95,8 @@
           },
           axisLabel: {
             color: '#A0AEC0',
-            fontSize: 12,
-            margin: 15
+            fontSize: this.setFontSize(14),
+            margin: 5
           }
         },
         // 绯诲垪鍒楄〃锛堝涓姌绾垮浘锛�
@@ -87,13 +104,13 @@
           {
             name: '宸插鐞嗗伐鍗曟暟',
             type: 'line',
-            data: [120, 200, 150, 80, 70, 110, 130],
+            data: that.data1,
             smooth: true,
             areaStyle: {
               color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                { offset: 0, color: '#00a2ff' },
-                { offset: 0.5, color: 'rgba(0,162,255,0.1)' },
-                { offset: 1, color: 'rgba(0,162,255,0.1)' }
+                {offset: 0, color: '#00a2ff'},
+                {offset: 0.5, color: 'rgba(0,162,255,0.1)'},
+                {offset: 1, color: 'rgba(0,162,255,0.1)'}
               ])
             },
 
@@ -108,13 +125,13 @@
           {
             name: '鏈鐞嗗伐鍗曟暟',
             type: 'line',
-            data: [90, 140, 160, 55, 88, 99, 100],
+            data: that.data2,
             smooth: true,
             areaStyle: {
               color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                { offset: 0, color: '#e4b54f' },
-                { offset: 0.5, color: 'rgba(228,181,79,0.1)' },
-                { offset: 1, color: 'rgba(228,181,79,0.1)' }
+                {offset: 0, color: '#e4b54f'},
+                {offset: 0.5, color: 'rgba(228,181,79,0.1)'},
+                {offset: 1, color: 'rgba(228,181,79,0.1)'}
               ])
             },
 
@@ -127,24 +144,33 @@
             }
           }
         ]
-      },
+      }
 
-      myDrawLine: null
-    }
-  },
-
-  methods: {
-    initDrawLine () {
-      const that = this
       that.myDrawLine = this.$echarts.init(this.$refs.lineChart)
-      that.myDrawLine.setOption(that.option)
+      that.myDrawLine.setOption(option)
       window.addEventListener('resize', function () {
         that.myDrawLine.resize()
       })
     }
   },
 
-  mounted () {
+  watch: {
+    workOrderRegion: {
+      handler(newV, oldV) {
+        this.name = []
+        this.data1 = []
+        this.data2 = []
+        newV.map((item) => {
+          this.name.push(item.area);
+          this.data1.push(item.doneNum);
+          this.data2.push(item.todoNum);
+        })
+        this.initDrawLine()
+      },
+      deep: true
+    }
+  },
+  mounted() {
     this.$nextTick(() => {
       setTimeout(() => {
         this.initDrawLine()

--
Gitblit v1.8.0