src/views/index.vue

@@ -1,20 +1,16 @@
 <template>
   <div class="container_">
     <div class="top-list">
-      <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 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>
+
       </div>
     </div>
 
-
-
     <div  class="container-box">
       <div class="flex-box">
         <div style=" font-size: 30px;margin-bottom: 30px">临期提醒</div>
@@ -192,7 +188,6 @@ export default {
   display: flex;
   justify-content: space-between;
   margin-bottom: 25px;
-  flex-wrap: wrap;
 }
 .list-box{
   background: #fff;

src/views/inspection/screen/jcBigScreen.vue

@@ -472,46 +472,21 @@ 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 = {
-        legend: {
-          top: 'bottom'
+        xAxis: {
+          type: 'category',
+          data: res.data.categories
         },
-        toolbox: {
-          show: true,
-          feature: {
-            mark: { show: true },
-            dataView: { show: true, readOnly: false },
-            restore: { show: traue },
-            saveAsImage: { show: true }
-          }
+        yAxis: {
+          type: 'value'
         },
-        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' }
-            ]
-          }
-        ]
+        series: res.data.series
       };
-
       option && myChart.setOption(option);
     },
     /**