From e3bcfdb17802c1114bd5d32ae8658aa9212bf201 Mon Sep 17 00:00:00 2001
From: lzttt <1803073139@qq.com>
Date: Fri, 25 Oct 2024 18:19:03 +0800
Subject: [PATCH] 10.25

---
 src/views/index.vue                         | 17 ++++++----
 src/views/inspection/screen/jcBigScreen.vue | 37 +++++++++++++++++----
 2 files changed, 42 insertions(+), 12 deletions(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index 42eb991..672c5a2 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -1,16 +1,20 @@
 <template>
   <div class="container_">
     <div class="top-list">
-      <div class="list-box" v-for="item in serviceList" :span="4">
-        <div  @click="goRoute(item.id)">
-          <img  :src=" imgUrl + item.coverImg" style="width: 300px; height: 300px;">
-<!--          <image-preview :width="300" :height="300" :src="item.coverImg"></image-preview>-->
-          <div style="font-weight: bold;text-align: center;font-size: 25px">{{ item.name }}</div>
+      <div class="list-box" v-for="(item, index) in serviceList.slice(0, 4)" :key="item.id" :span="4">
+        <div @click="goRoute(item.id)">
+          <img :src="index === 0 ? 'https://th.bing.com/th/id/OIP.Y9YEwiwLwTdvQDkLlA3JbQHaE8?w=251&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7' :
+                     index === 1 ? 'https://th.bing.com/th/id/OIP.a8bAOOXWZ_G0POGjCXPYbgHaFj?w=206&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7' :
+                     index === 2 ? 'https://th.bing.com/th/id/OIP.9vxxtCP1lmu43fYus2SZ5gHaE7?w=284&h=189&c=7&r=0&o=5&dpr=1.5&pid=1.7' :
+                     'https://th.bing.com/th/id/OIP.MwxN9-_jrMRNiVLJ9Q7WRQHaE8?w=265&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7'"
+               style="width: 300px; height: 300px;">
+          <div style="font-weight: bold;text-align: center;font-size: 28px">{{ item.name }}</div>
         </div>
-
       </div>
     </div>
 
+
+
     <div  class="container-box">
       <div class="flex-box">
         <div style=" font-size: 30px;margin-bottom: 30px">临期提醒</div>
@@ -188,6 +192,7 @@ export default {
   display: flex;
   justify-content: space-between;
   margin-bottom: 25px;
+  flex-wrap: wrap;
 }
 .list-box{
   background: #fff;
diff --git a/src/views/inspection/screen/jcBigScreen.vue b/src/views/inspection/screen/jcBigScreen.vue
index a761e42..f6404ab 100644
--- a/src/views/inspection/screen/jcBigScreen.vue
+++ b/src/views/inspection/screen/jcBigScreen.vue
@@ -472,21 +472,46 @@ export default {
       }
       const res = await jcBigScreen.chartLineInspectionAmount(params);
       res.data.series.forEach(item => {
+        // console.log( '475'+  JSON.stringify(res.data.series[0].data))
         item.type = 'line'
       })
       var chartDom = document.getElementById('khly');
       var myChart = echarts.init(chartDom);
       var option;
+
+      const color = ['#31daf0', '#3367e6', '#d9458d', ];
       option = {
-        xAxis: {
-          type: 'category',
-          data: res.data.categories
+        legend: {
+          top: 'bottom'
         },
-        yAxis: {
-          type: 'value'
+        toolbox: {
+          show: true,
+          feature: {
+            mark: { show: true },
+            dataView: { show: true, readOnly: false },
+            restore: { show: traue },
+            saveAsImage: { show: true }
+          }
         },
-        series: res.data.series
+        series: [
+          {
+            name: 'Nightingale Chart',
+            type: 'pie',
+            radius: [20, 50],
+            center: ['50%', '50%'],
+            roseType: 'area',
+            itemStyle: {
+              borderRadius: 8
+            },
+            data: [
+              { value: 40, name: 'rose 1' },
+              { value: 38, name: 'rose 2' },
+              { value: 32, name: 'rose 3' }
+            ]
+          }
+        ]
       };
+
       option && myChart.setOption(option);
     },
     /**