no message

src/views/bigViews/dataView1/components/accessoryStatistics.vue

@@ -1,92 +1,90 @@
 <template>
-	<moduleEnclosure title="近30日辅配件统计">
-		<div class="all-container">
-			<div class="item">
-				<div class="title">辅材销售</div>
-				<div class="num">{{statsData.fcxs || 0}}单</div>
-			</div>
-			<div class="item">
-				<div class="title">辅材退货</div>
-				<div class="num">{{statsData.fcth || 0}}单</div>
-			</div>
-			<div class="item">
-				<div class="title">配件销售</div>
-				<div class="num">{{statsData.pjxs || 0}}单</div>
-			</div>
-			<div class="item">
-				<div class="title">配件退货</div>
-				<div class="num">{{statsData.pjth || 0}}单</div>
-			</div>
-			<div class="item">
-				<div class="title">新件待返还</div>
-				<div class="num">{{statsData.xjdfh || 0}}件</div>
-			</div>
-			<div class="item">
-				<div class="title">旧件待返还</div>
-				<div class="num">{{statsData.jjdfh || 0}}件</div>
-			</div>
-			<div class="item">
-				<div class="title">旧件待返厂</div>
-				<div class="num">{{statsData.jjdfc || 0}}件</div>
-			</div>
-		</div>
-	</moduleEnclosure>
+  <moduleEnclosure title="近30日辅配件统计">
+    <div class="all-container">
+      <div class="item">
+        <div class="title">辅材销售</div>
+        <div class="num">{{ statsData.fcxs || 0 }}单</div>
+      </div>
+      <div class="item">
+        <div class="title">辅材退货</div>
+        <div class="num">{{ statsData.fcth || 0 }}单</div>
+      </div>
+      <div class="item">
+        <div class="title">配件销售</div>
+        <div class="num">{{ statsData.pjxs || 0 }}单</div>
+      </div>
+      <div class="item">
+        <div class="title">配件退货</div>
+        <div class="num">{{ statsData.pjth || 0 }}单</div>
+      </div>
+      <div class="item">
+        <div class="title">新件待返还</div>
+        <div class="num">{{ statsData.xjdfh || 0 }}件</div>
+      </div>
+      <div class="item">
+        <div class="title">旧件待返还</div>
+        <div class="num">{{ statsData.jjdfh || 0 }}件</div>
+      </div>
+      <div class="item">
+        <div class="title">旧件待返厂</div>
+        <div class="num">{{ statsData.jjdfc || 0 }}件</div>
+      </div>
+    </div>
+  </moduleEnclosure>
 </template>
 
 <script>
-	import moduleEnclosure from '@/components/moduleEnclosure.vue';
-	import { getMaterialStats } from '@/api/bigView.js';
+import moduleEnclosure from '@/components/moduleEnclosure.vue'
+import { getMaterialStats } from '@/api/bigView.js'
 
-	export default {
-		components: {
-			moduleEnclosure,
-		},
-		
-		data() {
-			return {
-				statsData: {},
-			};
-		},
+export default {
+  components: {
+    moduleEnclosure
+  },
 
-		mounted() {
-			this.getData();
-		},
+  data() {
+    return {
+      statsData: {}
+    }
+  },
 
-		beforeUnmount() {
+  mounted() {
+    this.getData()
+  },
 
-		},
+  beforeUnmount() {},
 
-		methods: {
-			getData() {
-				getMaterialStats().then(res => {
-					this.statsData = res.data;
-				})
-			},
-		},
-	};
+  methods: {
+    getData() {
+      getMaterialStats().then(res => {
+        this.statsData = res.data
+      })
+    }
+  }
+}
 </script>
 
 <style scoped lang="scss">
 .all-container {
-	width: 100%;
-	height: 100%;
-	padding-top: 12px;
-	box-sizing: border-box;
-	display: flex;
-	flex-wrap: wrap;
-	.item {
-		width: 25%;
-		height: 50%;
-		.title {
-			font-size: 12px;
-			color: #ffffff;
-			margin-bottom: 8px;
-		}
-		.num {
-			color: #33a8c9;
-			font-size: 14px;
-			font-weight: bold;
-		}
-	}
+  width: 100%;
+  height: 100%;
+  padding-top: 12px;
+  box-sizing: border-box;
+  display: flex;
+  flex-wrap: wrap;
+  .item {
+    width: 25%;
+    height: 50%;
+    .title {
+      font-size: 12px;
+      color: #ffffff;
+      margin-bottom: 8px;
+    }
+    .num {
+      color: #33a8c9;
+      font-size: 14px;
+      font-weight: bold;
+    }
+  }
 }
-</style>
+</style>

src/views/bigViews/dataView1/components/mapDataStatistics.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="heat-lay">
     <div class="heat-lay-flex">
-      <div class="heat-lay-item" style="width: 100%" v-if="userInfo.type==2">
+      <div class="heat-lay-item" style="width: 100%" v-if="userInfo.type == 2">
         <div class="heat-item-style1">
           <div class="heat-item-style1-title">总运营商户（家）</div>
           <div class="fujimaintext">
-            <div class="mainText">{{Number(info.companyNum)}}</div>
+            <div class="mainText">{{ Number(info.companyNum) }}</div>
           </div>
         </div>
       </div>
@@ -14,41 +14,37 @@
         <div class="heat-item-style1">
           <div class="heat-item-style1-title">总工程师（人）</div>
           <div class="fujimaintext">
-            <div class="mainText">{{Number(info.allWorker)}}</div>
+            <div class="mainText">{{ Number(info.allWorker) }}</div>
           </div>
         </div>
       </div>
-      <div class="averticalBart"></div>
+      <!-- <div class="averticalBart"></div>
       <div class="heat-lay-item" style="width: 100%">
         <div class="heat-item-style1">
           <div class="heat-item-style1-title">总分销员（人）</div>
           <div class="fujimaintext">
-            <div class="mainText">{{Number(info.allService)}}</div>
+            <div class="mainText">{{ Number(info.allService) }}</div>
           </div>
         </div>
-      </div>
+      </div> -->
       <div class="averticalBart"></div>
       <div class="heat-lay-item">
-        <div
-          id="jinrshifucq"
-          class="heat-item-style1"
-          style="cursor: pointer"
-        >
+        <div id="jinrshifucq" class="heat-item-style1" style="cursor: pointer">
           <div class="heat-item-style1-title">总用户数（人）</div>
           <div class="fujimaintext">
-            <div class="mainText">{{Number(info.allUser)}}</div>
+            <div class="mainText">{{ Number(info.allUser) }}</div>
           </div>
         </div>
       </div>
     </div>
     <div class="horizontalLine"></div>
     <div class="heat-lay-flex">
-      <div class="heat-lay-item" style="width: 100%" v-if="userInfo.type==2">
+      <div class="heat-lay-item" style="width: 100%" v-if="userInfo.type == 2">
         <div class="heat-item-style1">
           <div class="heat-item-style1-title">今日登入商户（家）</div>
           <div class="fujimaintext">
-            <div class="mainText">{{Number(info.loginCompanyNum)}}</div>
-            <div class="subText">{{Number(info.loginCompanyNumPer)}}%</div>
+            <div class="mainText">{{ Number(info.loginCompanyNum) }}</div>
+            <div class="subText">{{ Number(info.loginCompanyNumPer) }}%</div>
           </div>
         </div>
       </div>
@@ -57,28 +53,28 @@
         <div class="heat-item-style1">
           <div class="heat-item-style1-title">今日登入工程师（人）</div>
           <div class="fujimaintext">
-            <div class="mainText">{{Number(info.loginAllWorker)}}</div>
-            <div class="subText">{{Number(info.loginAllWorkerPer)}}%</div>
+            <div class="mainText">{{ Number(info.loginAllWorker) }}</div>
+            <div class="subText">{{ Number(info.loginAllWorkerPer) }}%</div>
           </div>
         </div>
       </div>
-      <div class="averticalBarb"></div>
+      <!-- <div class="averticalBarb"></div>
       <div class="heat-lay-item" style="width: 100%">
         <div class="heat-item-style1">
           <div class="heat-item-style1-title">今日登入分销员（人）</div>
           <div class="fujimaintext">
-            <div class="mainText">{{Number(info.loginAllService)}}</div>
-            <div class="subText">{{Number(info.loginAllServicePer)}}%</div>
+            <div class="mainText">{{ Number(info.loginAllService) }}</div>
+            <div class="subText">{{ Number(info.loginAllServicePer) }}%</div>
           </div>
         </div>
-      </div>
+      </div> -->
       <div class="averticalBarb"></div>
       <div class="heat-lay-item">
         <div class="heat-item-style1">
           <div class="heat-item-style1-title">今日登入用户（人）</div>
           <div class="fujimaintext">
-            <div class="mainText">{{Number(info.loginAllUser)}}</div>
-            <div class="subText">{{Number(info.loginAllUserPer)}}%</div>
+            <div class="mainText">{{ Number(info.loginAllUser) }}</div>
+            <div class="subText">{{ Number(info.loginAllUserPer) }}%</div>
           </div>
         </div>
       </div>
@@ -87,56 +83,56 @@
 </template>
 
 <script>
-import { bigGetRegion, bigGetLarge1, bigGetLarge2 } from '@/api/common.js';
+import { bigGetRegion, bigGetLarge1, bigGetLarge2 } from '@/api/common.js'
 export default {
-  components: {  },
+  components: {},
   data() {
     return {
-      info:{
-        "allService": 0,
-        "allUser": 0,
-        "allWorker": 0,
-        "allWorkerOrderNum": 0,
-        "companyNum": 0,
-        "increOrderNum": 0,
-        "loginAllService": 0,
-        "loginAllServicePer": 0,
-        "loginAllUser": 0,
-        "loginAllUserPer": 0,
-        "loginAllWorker": 0,
-        "loginAllWorkerPer": 0,
-        "loginCompanyNum": 0,
-        "loginCompanyNumPer": 0,
-        "neverWorkerNum": 0,
-        "salesOrderNum": 0
+      info: {
+        allService: 0,
+        allUser: 0,
+        allWorker: 0,
+        allWorkerOrderNum: 0,
+        companyNum: 0,
+        increOrderNum: 0,
+        loginAllService: 0,
+        loginAllServicePer: 0,
+        loginAllUser: 0,
+        loginAllUserPer: 0,
+        loginAllWorker: 0,
+        loginAllWorkerPer: 0,
+        loginCompanyNum: 0,
+        loginCompanyNumPer: 0,
+        neverWorkerNum: 0,
+        salesOrderNum: 0
       }
-    };
+    }
   },
   computed: {
     userInfo() {
       return JSON.parse(localStorage.getItem('greemall_user'))
-    },
+    }
   },
-  watch:{
-    "userInfo.type":{
+  watch: {
+    'userInfo.type': {
       handler(newVal, oldVal) {
         this.getBigGetLarge1()
       },
       deep: true,
-      immediate: true,
+      immediate: true
     }
   },
   methods: {
-   getBigGetLarge1(pam){
-    if(this.userInfo){
-      (this.userInfo.type == 2 ? bigGetLarge1 : bigGetLarge2)(pam).then(res=>{
-        this.info = res.data
-        console.log(this.info,"niunpionpoimo;i")
-      })
+    getBigGetLarge1(pam) {
+      if (this.userInfo) {
+        ;(this.userInfo.type == 2 ? bigGetLarge1 : bigGetLarge2)(pam).then(res => {
+          this.info = res.data
+          console.log(this.info, 'niunpionpoimo;i')
+        })
+      }
     }
-   }
-  },
-};
+  }
+}
 </script>
 
 <style scoped lang="scss">
@@ -193,10 +189,10 @@ export default {
       line-height: 28px;
       box-sizing: border-box;
       padding: 0 5px;
-      background:repeating-linear-gradient(to right, #02448e,rgba(250,250,250,.0));
+      background: repeating-linear-gradient(to right, #02448e, rgba(250, 250, 250, 0));
     }
-    .fujimaintext{
-      width:100%;
+    .fujimaintext {
+      width: 100%;
       display: flex;
       justify-content: space-between;
       align-items: flex-end;
@@ -205,13 +201,13 @@ export default {
       box-sizing: border-box;
       padding-right: 10px;
     }
-    .mainText{
+    .mainText {
       font-size: 26px;
       font-weight: bold;
       line-height: 22px;
       color: #fff;
     }
-    .subText{
+    .subText {
       font-size: 14px;
       color: #ff0;
     }

src/views/bigViews/dataView1/components/mapdata.vue

@@ -3,33 +3,35 @@
     <zj-page-container>
       <map-data-statistics />
       <zj-page-fill>
-        <div style="
-            width: 100%;
-            height: 100%;
-            overflow: hidden;
-            position: relative;
-          ">
+        <div style="width: 100%; height: 100%; overflow: hidden; position: relative">
           <div id="chart_7" class="chart t_btn9" style="width: 100%; height: 100%"></div>
           <div class="leixingxianshi">
             <div class="viewfilediv">
-              <div class="zfx" style="width:60px; background: linear-gradient(to right, #6ada40,#ebe24a,#d73921);">
-              </div>
+              <div
+                class="zfx"
+                style="width: 60px; background: linear-gradient(to right, #6ada40, #ebe24a, #d73921)"
+              ></div>
             </div>
           </div>
           <div class="pingtaixianshisheng" v-if="shengData">
             <div class="shengbiaoti">
               {{ isSelectBool }}
-              <i @click="() => {
-            shengData = null
-            if (isSelectBool) {
-              myChart.dispatchAction({
-                type: 'unselect',
-                name: [isSelectBool]
-              })
-              isSelectBool = ''
-            }
-
-          }" style="float: right;color: #fff;margin-top: 12px; margin-right: -8px;" class="el-icon-circle-close"></i>
+              <i
+                @click="
+                  () => {
+                    shengData = null
+                    if (isSelectBool) {
+                      myChart.dispatchAction({
+                        type: 'unselect',
+                        name: [isSelectBool]
+                      })
+                      isSelectBool = ''
+                    }
+                  }
+                "
+                style="float: right; color: #fff; margin-top: 12px; margin-right: -8px"
+                class="el-icon-circle-close"
+              ></i>
             </div>
             <div class="shengshujukuang">
               <div>商户数：{{ shengData.companyNum }}</div>
@@ -42,35 +44,54 @@
               <div>增值订单：{{ shengData.increOrderNum }}</div>
             </div>
           </div>
-          <div v-if="list_.length" class="pingtaixianshisheng" style="width: 100%;height: auto;min-height: 100px;">
-            <div class="shengbiaoti"
-              style="font-size: 14px;border-bottom: 1px solid #50C9FD; line-height: 38px; margin-bottom: 8px;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;position: relative;padding-right: 30px;">
+          <div v-if="list_.length" class="pingtaixianshisheng" style="width: 100%; height: auto; min-height: 100px">
+            <div
+              class="shengbiaoti"
+              style="
+                font-size: 14px;
+                border-bottom: 1px solid #50c9fd;
+                line-height: 38px;
+                margin-bottom: 8px;
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                box-sizing: border-box;
+                position: relative;
+                padding-right: 30px;
+              "
+            >
               <!-- <span>{{ isSelectBool }}</span> -->
               <span>{{ userInfo && userInfo.city }}</span>
-              <span>总已完工 {{ cityInfo.num }}单/台 总未完工 <span>{{ cityInfo.numWwg }}</span>单/台</span>
-              <i @click="guanbitanchuang2" style="position: absolute; top: 10px; right: -8px;color: #fff;"
-                class="el-icon-circle-close"></i>
+              <span
+                >总已完工 {{ cityInfo.num }}单/台 总未完工 <span>{{ cityInfo.numWwg }}</span
+                >单/台</span
+              >
+              <i
+                @click="guanbitanchuang2"
+                style="position: absolute; top: 10px; right: -8px; color: #fff"
+                class="el-icon-circle-close"
+              ></i>
             </div>
-            <div style="width:100%;">
-              <table style="width:100%;">
-                <thead style="width:100%;">
+            <div style="width: 100%">
+              <table style="width: 100%">
+                <thead style="width: 100%">
                   <tr>
-                    <th style="color: #50C9FD;font-size:12px;width: 17.5%;text-align: left;">
+                    <th style="color: #50c9fd; font-size: 12px; width: 17.5%; text-align: left">
                       <div align="left">街道</div>
                     </th>
-                    <th style="color: #50C9FD;font-size:12px;width: 16.5%;text-align: left;">
+                    <th style="color: #50c9fd; font-size: 12px; width: 16.5%; text-align: left">
                       <div align="left">安装完工/未完工(台)</div>
                     </th>
-                    <th style="color: #50C9FD;font-size:12px;width: 16.5%;text-align: left;">
+                    <th style="color: #50c9fd; font-size: 12px; width: 16.5%; text-align: left">
                       <div align="left">维修完工/未完工(台)</div>
                     </th>
-                    <th style="color: #50C9FD;font-size:12px;width: 16.5%;text-align: left;">
+                    <th style="color: #50c9fd; font-size: 12px; width: 16.5%; text-align: left">
                       <div align="left">清洗完工/未完工(台)</div>
                     </th>
-                    <th style="color: #50C9FD;font-size:12px;width: 16.5%;text-align: left;">
+                    <th style="color: #50c9fd; font-size: 12px; width: 16.5%; text-align: left">
                       <div align="left">增值完工/未完工(台)</div>
                     </th>
-                    <th style="color: #50C9FD;font-size:12px;width: 16.5%;text-align: left;">
+                    <th style="color: #50c9fd; font-size: 12px; width: 16.5%; text-align: left">
                       <div align="left">维保完工/未完工(台)</div>
                     </th>
                   </tr>
@@ -78,49 +99,59 @@
                 <tbody>
                   <tr v-for="(item, index) in list_" :key="index">
                     <td>
-                      <div class="bkiuybhlinjm left" style="font-size: 14px;">{{ item.streetName }}</div>
+                      <div class="bkiuybhlinjm left" style="font-size: 14px">{{ item.streetName }}</div>
                     </td>
                     <td>
                       <div class="bkiuybhlinjm">
-                        <span style="font-size: 14px;">{{ item.azgd }}</span>
-                        <span style="padding: 0 2px;">/</span>
-                        <span style="font-size: 14px;"><span style="color:#50C9FD">{{ item.azgdwwg }}</span></span>
+                        <span style="font-size: 14px">{{ item.azgd }}</span>
+                        <span style="padding: 0 2px">/</span>
+                        <span style="font-size: 14px"
+                          ><span style="color: #50c9fd">{{ item.azgdwwg }}</span></span
+                        >
                       </div>
                     </td>
                     <td>
                       <div class="bkiuybhlinjm">
-                        <span style="font-size: 14px;">{{ item.wxgd }}</span>
-                        <span style="padding: 0 2px;">/</span>
-                        <span style="font-size: 14px;"><span style="color:#50C9FD">{{ item.wxgdwwg }}</span></span>
+                        <span style="font-size: 14px">{{ item.wxgd }}</span>
+                        <span style="padding: 0 2px">/</span>
+                        <span style="font-size: 14px"
+                          ><span style="color: #50c9fd">{{ item.wxgdwwg }}</span></span
+                        >
                       </div>
                     </td>
                     <td>
                       <div class="bkiuybhlinjm">
-                        <span style="font-size: 14px;">{{ item.qxgd }}</span>
-                        <span style="padding: 0 2px;">/</span>
-                        <span style="font-size: 14px;"><span style="color:#50C9FD">{{ item.qxgdwwg }}</span></span>
+                        <span style="font-size: 14px">{{ item.qxgd }}</span>
+                        <span style="padding: 0 2px">/</span>
+                        <span style="font-size: 14px"
+                          ><span style="color: #50c9fd">{{ item.qxgdwwg }}</span></span
+                        >
                       </div>
                     </td>
                     <td>
                       <div class="bkiuybhlinjm">
-                        <span style="font-size: 14px;">{{ item.zzgd }}</span>
-                        <span style="padding: 0 2px;">/</span>
-                        <span style="font-size: 14px;"><span style="color:#50C9FD">{{ item.zzgdwwg }}</span></span>
+                        <span style="font-size: 14px">{{ item.zzgd }}</span>
+                        <span style="padding: 0 2px">/</span>
+                        <span style="font-size: 14px"
+                          ><span style="color: #50c9fd">{{ item.zzgdwwg }}</span></span
+                        >
                       </div>
                     </td>
                     <td>
                       <div class="bkiuybhlinjm">
-                        <span style="font-size: 14px;">{{ item.wbgd }}</span>
-                        <span style="padding: 0 2px;">/</span>
-                        <span style="font-size: 14px;"><span style="color:#50C9FD">{{ item.wbgdwwg }}</span></span>
+                        <span style="font-size: 14px">{{ item.wbgd }}</span>
+                        <span style="padding: 0 2px">/</span>
+                        <span style="font-size: 14px"
+                          ><span style="color: #50c9fd">{{ item.wbgdwwg }}</span></span
+                        >
                       </div>
                     </td>
                   </tr>
                 </tbody>
               </table>
-              <div style="width:100%;display: flex;justify-content: center;align-items: center">
+              <div style="width: 100%; display: flex; justify-content: center; align-items: center">
                 <el-button type="text" :disabled="!(pageNum > 1)" @click="shangyiye">上一页</el-button>
-                <div style="width:50px;text-align: center;color:#50C9FD">{{ pageNum }}</div>
+                <div style="width: 50px; text-align: center; color: #50c9fd">{{ pageNum }}</div>
                 <el-button type="text" :disabled="!(parseInt(total / 5) > pageNum)" @click="xiayiye">下一页</el-button>
               </div>
             </div>
@@ -132,45 +163,48 @@
 </template>
 
 <script>
-import zhejiang from './js/zhejiang.js';
-import moduleEnclosure from '@/components/moduleEnclosure.vue';
-import mapDataStatistics from './mapDataStatistics.vue';
-import * as echarts from 'echarts';
-import { bigGetRegion, bigGetLarge9, bigGetLarge10, bigList, bigGetLarge1, bigGetLarge11 } from '@/api/common.js';
+import zhejiang from './js/zhejiang.js'
+import moduleEnclosure from '@/components/moduleEnclosure.vue'
+import mapDataStatistics from './mapDataStatistics.vue'
+import * as echarts from 'echarts'
+import { bigGetRegion, bigGetLarge9, bigGetLarge10, bigList, bigGetLarge1, bigGetLarge11 } from '@/api/common.js'
 // 计算 GeoJSON 数据的边界框
 function calculateBoundingBox(geoJsonData) {
-  let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
-  geoJsonData.features.forEach((feature) => {
-    const coordinates = feature.geometry.coordinates;
-    const type = feature.geometry.type;
+  let minX = Infinity,
+    minY = Infinity,
+    maxX = -Infinity,
+    maxY = -Infinity
+  geoJsonData.features.forEach(feature => {
+    const coordinates = feature.geometry.coordinates
+    const type = feature.geometry.type
     if (type === 'Polygon') {
-      coordinates.forEach((polygon) => {
-        polygon.forEach((coord) => {
-          minX = Math.min(minX, coord[0]);
-          minY = Math.min(minY, coord[1]);
-          maxX = Math.max(maxX, coord[0]);
-          maxY = Math.max(maxY, coord[1]);
-        });
-      });
+      coordinates.forEach(polygon => {
+        polygon.forEach(coord => {
+          minX = Math.min(minX, coord[0])
+          minY = Math.min(minY, coord[1])
+          maxX = Math.max(maxX, coord[0])
+          maxY = Math.max(maxY, coord[1])
+        })
+      })
     } else if (type === 'MultiPolygon') {
-      coordinates.forEach((multiPolygon) => {
-        multiPolygon.forEach((polygon) => {
-          polygon.forEach((coord) => {
-            minX = Math.min(minX, coord[0]);
-            minY = Math.min(minY, coord[1]);
-            maxX = Math.max(maxX, coord[0]);
-            maxY = Math.max(maxY, coord[1]);
-          });
-        });
-      });
+      coordinates.forEach(multiPolygon => {
+        multiPolygon.forEach(polygon => {
+          polygon.forEach(coord => {
+            minX = Math.min(minX, coord[0])
+            minY = Math.min(minY, coord[1])
+            maxX = Math.max(maxX, coord[0])
+            maxY = Math.max(maxY, coord[1])
+          })
+        })
+      })
     }
-  });
-  return { minX, minY, maxX, maxY };
+  })
+  return { minX, minY, maxX, maxY }
 }
 export default {
   components: {
     moduleEnclosure,
-    mapDataStatistics,
+    mapDataStatistics
   },
   data() {
     return {
@@ -178,13 +212,13 @@ export default {
       geoCoordMap: zhejiang.features.map(function (item) {
         return {
           name: item.properties.name,
-          value: item.properties.center,
-        };
+          value: item.properties.center
+        }
       }),
       data: zhejiang.features.map(function (item) {
         return {
-          name: item.properties.name,
-        };
+          name: item.properties.name
+        }
       }),
       cIndex: 0,
       oldcIndex: 0,
@@ -192,25 +226,25 @@ export default {
       getLarge9: [],
       getLarge10: [],
       shengData: null,
-      isSelectBool: "",
+      isSelectBool: '',
       pageNum: 1,
       total: 0,
       list_: [],
       cityInfo: {}
-    };
+    }
   },
   computed: {
     userInfo() {
       return JSON.parse(localStorage.getItem('greemall_user'))
-    },
+    }
   },
   watch: {
-    "userInfo.type": {
+    'userInfo.type': {
       handler(newVal, oldVal) {
         this.init(true)
       },
       deep: true,
-      immediate: true,
+      immediate: true
     }
   },
   methods: {
@@ -240,9 +274,9 @@ export default {
     init() {
       if (this.userInfo) {
         if (this.userInfo.type == 2) {
-          this.getbigGetLarge9({ country: 100000 });
+          this.getbigGetLarge9({ country: 100000 })
         } else {
-          this.getbigGetLarge10({ province: this.userInfo.province, city: this.userInfo.city });
+          this.getbigGetLarge10({ province: this.userInfo.province, city: this.userInfo.city })
         }
       }
     },
@@ -250,41 +284,39 @@ export default {
       bigGetLarge9().then(res => {
         this.getLarge9 = res.data
         this.getLarge10 = []
-        this.echart_7(pam);
+        this.echart_7(pam)
       })
     },
     getbigGetLarge10(pam) {
       bigGetLarge10(pam).then(res => {
         this.getLarge9 = []
         this.getLarge10 = res.data
-        this.echart_7({ province: this.userInfo.province, city: this.userInfo.city });
+        this.echart_7({ province: this.userInfo.province, city: this.userInfo.city })
       })
     },
     echart_7(pam) {
-      var that = this;
+      var that = this
       if (that.myChart) {
-        that.myChart.dispose();
+        that.myChart.dispose()
       }
       bigGetRegion(pam).then(res => {
         // 初始化 ECharts 实例
-        that.myChart = echarts.init(document.getElementById('chart_7'));
-        const geoJsonData = JSON.parse(res.data);
+        that.myChart = echarts.init(document.getElementById('chart_7'))
+        const geoJsonData = JSON.parse(res.data)
         // 计算边界框
-        const boundingBox = calculateBoundingBox(geoJsonData);
+        const boundingBox = calculateBoundingBox(geoJsonData)
         // 计算中心点
-        const center = [
-          (boundingBox.minX + boundingBox.maxX) / 2,
-          (boundingBox.minY + boundingBox.maxY) / 2
-        ];
-        echarts.registerMap('china', geoJsonData);
+        const center = [(boundingBox.minX + boundingBox.maxX) / 2, (boundingBox.minY + boundingBox.maxY) / 2]
+        echarts.registerMap('china', geoJsonData)
         // 指定城市和颜色
-        var cityColors = {};
+        var cityColors = {}
         this.getLarge9.map(name => {
-          cityColors[name] = "#009eff";
-        });
+          cityColors[name] = '#009eff'
+        })
         this.getLarge10.map(item => {
-          cityColors[item.area] = item.num <= 2 ? "#6ada40" : item.num <= 4 ? "#ebe24a" : item.num > 4 ? "#d73921" : "none"
-        });
+          cityColors[item.area] =
+            item.num <= 2 ? '#6ada40' : item.num <= 4 ? '#ebe24a' : item.num > 4 ? '#d73921' : 'none'
+        })
         // 构建 series 数据
         var seriesData = Object.keys(cityColors).map(function (city) {
           return {
@@ -292,23 +324,23 @@ export default {
             itemStyle: {
               normal: {
                 areaColor: cityColors[city],
-                borderColor: cityColors[city],
+                borderColor: cityColors[city]
               },
               emphasis: {
-                label: { show: true, color: "#ffffff", },
+                label: { show: true, color: '#ffffff' },
                 areaColor: 'none',
                 borderColor: 1
               }
-            },
-          };
-        });
+            }
+          }
+        })
         var mapcon = {
           label: {
             emphasis: {
               textStyle: {
-                color: '#beecff',
-              },
-            },
+                color: '#beecff'
+              }
+            }
           },
           itemStyle: {
             normal: {
@@ -322,26 +354,26 @@ export default {
                 colorStops: [
                   {
                     offset: 0,
-                    color: 'rgba(0,144,255, 0)', // 0% 处的颜色
+                    color: 'rgba(0,144,255, 0)' // 0% 处的颜色
                   },
                   {
                     offset: 1,
-                    color: 'rgba(0,144,255, .1)', // 100% 处的颜色
+                    color: 'rgba(0,144,255, .1)' // 100% 处的颜色
                   },
                   {
                     offset: 1,
-                    color: 'rgba(0,144,255, 1)', // 100% 处的颜色
-                  },
+                    color: 'rgba(0,144,255, 1)' // 100% 处的颜色
+                  }
                 ],
-                globalCoord: false, // 缺省为 false
+                globalCoord: false // 缺省为 false
               },
               shadowColor: 'rgba(0,144,255, 1)',
               shadowOffsetX: -1,
               shadowOffsetY: 1,
-              shadowBlur: 10,
+              shadowBlur: 10
             },
             emphasis: {
-              label: { show: true, color: "#ffffff", },
+              label: { show: true, color: '#ffffff' },
               areaColor: 'none',
               borderColor: 1
             }
@@ -350,15 +382,15 @@ export default {
             // 地图选中区域样式
             label: {
               // 选中区域的label(文字)样式
-              color: '#fff',
+              color: '#fff'
             },
             itemStyle: {
               // 选中区域的默认样式
-              areaColor: '#7024fb',
-            },
+              areaColor: '#7024fb'
+            }
           },
-          animation: false,
-        };
+          animation: false
+        }
         // 配置项
         var option = {
           tooltip: {
@@ -375,10 +407,10 @@ export default {
             regions: [
               ...seriesData,
               {
-                name: "南海诸岛",
+                name: '南海诸岛',
                 itemStyle: {
                   normal: {
-                    opacity: 0,
+                    opacity: 0
                   }
                 },
                 label: {
@@ -387,25 +419,27 @@ export default {
               }
             ]
           },
-          series: [{
-            type: 'map',
-            map: 'china',
-            ...mapcon,
-            geoIndex: 0,
-            data: seriesData,
-            emphasis: {
-              label: { show: true, color: "#ffffff", },
-              areaColor: 'none',
-              borderColor: 1
+          series: [
+            {
+              type: 'map',
+              map: 'china',
+              ...mapcon,
+              geoIndex: 0,
+              data: seriesData,
+              emphasis: {
+                label: { show: true, color: '#ffffff' },
+                areaColor: 'none',
+                borderColor: 1
+              }
             }
-          }]
-        };
+          ]
+        }
         // 使用配置项生成图表
-        that.myChart.setOption(option);
+        that.myChart.setOption(option)
         var bool_i = false
         that.myChart.on('selectchanged', function (params) {
           bool_i = !!params.selected.length
-        });
+        })
         // 监听点击事件
         that.myChart.on('click', function (params) {
           if (bool_i) {
@@ -430,7 +464,7 @@ export default {
                   bigGetLarge11({
                     // area: that.isSelectBool,
                     city: that.userInfo.city,
-                    province: that.userInfo.province,
+                    province: that.userInfo.province
                   }).then(res => {
                     that.cityInfo = res.data
                   })
@@ -442,8 +476,8 @@ export default {
             that.guanbitanchuang()
             that.guanbitanchuang2()
           }
-        });
-      });
+        })
+      })
     },
     pagedatalist() {
       if (this.isSelectBool) {
@@ -464,7 +498,6 @@ export default {
         this.pageNum++
         this.pagedatalist()
       } else {
-
       }
     },
     shangyiye() {
@@ -472,11 +505,10 @@ export default {
         this.pageNum--
         this.pagedatalist()
       } else {
-
       }
     }
-  },
-};
+  }
+}
 </script>
 
 <style scoped lang="scss">
@@ -486,7 +518,7 @@ export default {
   left: 0;
   width: 467px;
   height: 120px;
-  background: #04418F;
+  background: #04418f;
   border-radius: 5px;
   opacity: 0.8;
   z-index: 999;
@@ -497,7 +529,7 @@ export default {
     font-family: Source Han Sans CN;
     font-weight: 500;
     font-size: 18px;
-    color: #50C9FD;
+    color: #50c9fd;
     line-height: 49px;
   }
 
@@ -510,7 +542,7 @@ export default {
     font-family: Source Han Sans CN;
     font-weight: 400;
     font-size: 13px;
-    color: #FFFFFF;
+    color: #ffffff;
     line-height: 26px;
 
     div {
@@ -602,4 +634,4 @@ export default {
     justify-content: flex-start;
   }
 }
-</style>
+</style>

src/views/bigViews/dataView1/components/orderAmountTrend.vue

@@ -7,50 +7,46 @@
 </template>
 
 <script>
-import * as echarts from 'echarts';
-import moduleEnclosure from '@/components/moduleEnclosure.vue';
-import { getOrderTrend } from '@/api/bigView.js';
-import { csize } from '@/utils/const.js';
+import * as echarts from 'echarts'
+import moduleEnclosure from '@/components/moduleEnclosure.vue'
+import { getOrderTrend } from '@/api/bigView.js'
+import { csize } from '@/utils/const.js'
 
 export default {
   components: {
-    moduleEnclosure,
+    moduleEnclosure
   },
 
   data() {
-    return {
-      
-    };
+    return {}
   },
 
   async mounted() {
     getOrderTrend().then(res => {
-      this.initEcharts(res.data);
+      this.initEcharts(res.data)
     })
   },
 
-  beforeUnmount() {
-    
-  },
+  beforeUnmount() {},
 
   methods: {
     getDate() {
-      const today = new Date();
-      const dates = [];
-      
+      const today = new Date()
+      const dates = []
+
       for (let i = 0; i < 30; i++) {
-        const d = new Date();
-        d.setDate(today.getDate() - i);
-        dates.unshift(d.toISOString().split('T')[0].slice(5, 11));
+        const d = new Date()
+        d.setDate(today.getDate() - i)
+        dates.unshift(d.toISOString().split('T')[0].slice(5, 11))
       }
-      
-      return dates;
+
+      return dates
     },
 
     initEcharts(data) {
-      var chartDom = document.getElementById('orderEcharts2');
-      var myChart = echarts.init(chartDom);
-      var option;
+      var chartDom = document.getElementById('orderEcharts2')
+      var myChart = echarts.init(chartDom)
+      var option
 
       option = {
         title: {
@@ -69,8 +65,8 @@ export default {
             type: 'line',
             lineStyle: {
               type: 'dashed',
-              color: '#8AB1DC',
-            },
+              color: '#8AB1DC'
+            }
           },
           textStyle: {
             color: '#ffffff'
@@ -86,14 +82,13 @@ export default {
           textStyle: {
             color: '#A9BBCC'
           },
-          data: ['新增销售金额', '新增辅材金额', '新增配件金额', '新增增值金额'],
-          
+          data: ['新增辅材金额', '新增配件金额']
         },
         grid: {
           x: csize(40),
           y: csize(50),
           x2: csize(20),
-          y2: csize(20),
+          y2: csize(20)
         },
         toolbox: {
           // feature: {
@@ -104,17 +99,17 @@ export default {
           type: 'category',
           boundaryGap: false,
           axisLabel: {
-            fontSize: csize(12),
+            fontSize: csize(12)
           },
           axisLine: {
             lineStyle: {
-              color: '#8AB1DC', // x轴文字颜色
+              color: '#8AB1DC' // x轴文字颜色
             }
           },
           splitLine: {
             show: false,
             lineStyle: {
-              color: 'rgba(256, 256, 256, 0.1)', // x轴辅助线颜色
+              color: 'rgba(256, 256, 256, 0.1)' // x轴辅助线颜色
             }
           },
           data: this.getDate()
@@ -122,47 +117,47 @@ export default {
         yAxis: {
           type: 'value',
           minInterval: 1,
-          name: "（元）",
+          name: '（元）',
           nameTextStyle: {
-            color: "#aaa",
-            nameLocation: "start",
+            color: '#aaa',
+            nameLocation: 'start',
             align: 'right'
           },
           axisLabel: {
-            fontSize: csize(12),
+            fontSize: csize(12)
           },
           axisLine: {
             lineStyle: {
-              color: '#8AB1DC', // y轴文字颜色
+              color: '#8AB1DC' // y轴文字颜色
             }
           },
           splitLine: {
             show: true,
             lineStyle: {
-              color: 'rgba(256, 256, 256, 0.1)', // y轴辅助线颜色
+              color: 'rgba(256, 256, 256, 0.1)' // y轴辅助线颜色
             }
           }
         },
         series: [
-          {
-            name: '新增销售金额',
-            type: 'line',
-            stack: 'Total',
-            itemStyle: {
-              normal: {
-                color: '#FDFE02',
-              },
-            },
-            data: data.map(o => o.sxddje)
-          },
+          // {
+          //   name: '新增销售金额',
+          //   type: 'line',
+          //   stack: 'Total',
+          //   itemStyle: {
+          //     normal: {
+          //       color: '#FDFE02'
+          //     }
+          //   },
+          //   data: data.map(o => o.sxddje)
+          // },
           {
             name: '新增辅材金额',
             type: 'line',
             stack: 'Total',
             itemStyle: {
               normal: {
-                color: '#44E28F',
-              },
+                color: '#44E28F'
+              }
             },
             data: data.map(o => o.fcddje)
           },
@@ -172,29 +167,29 @@ export default {
             stack: 'Total',
             itemStyle: {
               normal: {
-                color: '#41C5E2',
-              },
+                color: '#41C5E2'
+              }
             },
             data: data.map(o => o.pjddje)
-          },
-          {
-            name: '新增增值金额',
-            type: 'line',
-            stack: 'Total',
-            itemStyle: {
-              normal: {
-                color: '#D73A79',
-              },
-            },
-            data: data.map(o => o.zzddje)
           }
+          // {
+          //   name: '新增增值金额',
+          //   type: 'line',
+          //   stack: 'Total',
+          //   itemStyle: {
+          //     normal: {
+          //       color: '#D73A79'
+          //     }
+          //   },
+          //   data: data.map(o => o.zzddje)
+          // }
         ]
-      };
+      }
 
-      option && myChart.setOption(option);
+      option && myChart.setOption(option)
     }
-  },
-};
+  }
+}
 </script>
 
 <style scoped lang="scss">

src/views/bigViews/dataView1/components/orderStatistics.vue

@@ -7,59 +7,57 @@
           <div>累计订单数</div>
           <div>累计订单金额</div>
         </div>
-        <div class="td row">
+        <!-- <div class="td row">
           <div>销售订单</div>
-          <div>{{statsData.sxdds}}</div>
-          <div>{{statsData.sxddje}}</div>
-        </div>
+          <div>{{ statsData.sxdds }}</div>
+          <div>{{ statsData.sxddje }}</div>
+        </div> -->
         <div class="td row">
           <div>辅材订单</div>
-          <div>{{statsData.fcdds}}</div>
-          <div>{{statsData.fcddje}}</div>
+          <div>{{ statsData.fcdds }}</div>
+          <div>{{ statsData.fcddje }}</div>
         </div>
         <div class="td row">
           <div>配件订单</div>
-          <div>{{statsData.pjdds}}</div>
-          <div>{{statsData.pjddje}}</div>
+          <div>{{ statsData.pjdds }}</div>
+          <div>{{ statsData.pjddje }}</div>
         </div>
-        <div class="td row">
+        <!-- <div class="td row">
           <div>增值订单</div>
-          <div>{{statsData.zzdds}}</div>
-          <div>{{statsData.zzddje}}</div>
-        </div>
+          <div>{{ statsData.zzdds }}</div>
+          <div>{{ statsData.zzddje }}</div>
+        </div> -->
       </div>
     </div>
   </moduleEnclosure>
 </template>
 
 <script>
-  import moduleEnclosure from '@/components/moduleEnclosure.vue';
-	import { getOrderStats } from '@/api/bigView.js';
-  export default {
-    components: { moduleEnclosure },
+import moduleEnclosure from '@/components/moduleEnclosure.vue'
+import { getOrderStats } from '@/api/bigView.js'
+export default {
+  components: { moduleEnclosure },
 
-    data() {
-      return {
-        statsData: {},
-      };
-    },
+  data() {
+    return {
+      statsData: {}
+    }
+  },
 
-    mounted() {
-      this.getData();
-    },
+  mounted() {
+    this.getData()
+  },
 
-    beforeUnmount() {
-      
-    },
+  beforeUnmount() {},
 
-    methods: {
-      getData() {
-				getOrderStats().then(res => {
-					this.statsData = res.data;
-				})
-			},
-    },
-  };
+  methods: {
+    getData() {
+      getOrderStats().then(res => {
+        this.statsData = res.data
+      })
+    }
+  }
+}
 </script>
 <style scoped lang="scss">
 .all-container {
@@ -79,13 +77,13 @@
     align-items: center;
     &.th {
       font-weight: bold;
-      color: #26A3CE;
+      color: #26a3ce;
     }
     &.td {
       color: #ffffff;
-			div:last-child {
-				color: #e4f824;
-			}
+      div:last-child {
+        color: #e4f824;
+      }
       div:nth-child(1) {
         font-size: 12px;
       }

src/views/bigViews/dataView1/components/orderTrend.vue

@@ -5,65 +5,63 @@
 </template>
 
 <script>
-import moduleEnclosure from '@/components/moduleEnclosure.vue';
-import * as echarts from 'echarts';
-import { getOrderTrend } from '@/api/bigView.js';
-import { csize } from '@/utils/const.js';
-let myChart4;
+import moduleEnclosure from '@/components/moduleEnclosure.vue'
+import * as echarts from 'echarts'
+import { getOrderTrend } from '@/api/bigView.js'
+import { csize } from '@/utils/const.js'
+let myChart4
 
 export default {
   components: {
-    moduleEnclosure,
+    moduleEnclosure
   },
   data() {
     return {
-      myChart2: null,
-    };
+      myChart2: null
+    }
   },
   mounted() {
     getOrderTrend().then(res => {
-      this.initEcharts(res.data);
+      this.initEcharts(res.data)
     })
   },
 
-  beforeUnmount() {
-    
-  },
+  beforeUnmount() {},
 
   methods: {
     getDate() {
-      const today = new Date();
-      const dates = [];
-      
+      const today = new Date()
+      const dates = []
+
       for (let i = 0; i < 30; i++) {
-        const d = new Date();
-        d.setDate(today.getDate() - i);
-        dates.unshift(d.toISOString().split('T')[0].slice(5, 11));
+        const d = new Date()
+        d.setDate(today.getDate() - i)
+        dates.unshift(d.toISOString().split('T')[0].slice(5, 11))
       }
-      
-      return dates;
+
+      return dates
     },
 
     initEcharts(data) {
-      var times = this.getDate();
-      var data1 = data.map((item) => {
-        return item.sxdds || 0;
-      });
-      var data2 = data.map((item) => {
-        return item.fcdds || 0;
-      });
-      var data3 = data.map((item) => {
-        return item.pjdds || 0;
-      });
-      var data4 = data.map((item) => {
-        return item.zzdds || 0;
-      });
+      var times = this.getDate()
+      var data1 = data.map(item => {
+        return item.sxdds || 0
+      })
+      var data2 = data.map(item => {
+        return item.fcdds || 0
+      })
+      var data3 = data.map(item => {
+        return item.pjdds || 0
+      })
+      var data4 = data.map(item => {
+        return item.zzdds || 0
+      })
       if (myChart4) {
-        myChart4.dispose();
+        myChart4.dispose()
       }
-      myChart4 = new echarts.init(document.getElementById('orderEcharts1'));
+      myChart4 = new echarts.init(document.getElementById('orderEcharts1'))
       myChart4.setOption({
-        tooltip : {
+        tooltip: {
           confine: true,
           trigger: 'axis',
           transitionDuration: 0,
@@ -76,8 +74,8 @@ export default {
             type: 'line',
             lineStyle: {
               type: 'dashed',
-              color: '#8AB1DC',
-            },
+              color: '#8AB1DC'
+            }
           },
           textStyle: {
             color: '#ffffff'
@@ -90,16 +88,16 @@ export default {
           itemGap: 10,
           top: '16',
           right: '10',
-          data: ['新增销售单', '新增辅材单', '新增配件单', '新增增值单'],
+          data: ['新增辅材单', '新增配件单'],
           textStyle: {
-            color: '#A9BBCC',
-          },
+            color: '#A9BBCC'
+          }
         },
         grid: {
           x: csize(40),
           y: csize(50),
           x2: csize(20),
-          y2: csize(20),
+          y2: csize(20)
         },
         xAxis: [
           {
@@ -109,19 +107,19 @@ export default {
               interval: Math.floor(times.length / 10),
               showMinLabel: true, //是否显示最小 tick 的 label
               showMaxLabel: true, //是否显示最大 tick 的 label
-              fontSize: csize(12),
+              fontSize: csize(12)
             },
             axisLine: {
               show: false,
               lineStyle: {
-                color: '#8AB1DC',
-              },
+                color: '#8AB1DC'
+              }
             },
             axisTick: {
-              show: false,
+              show: false
             },
-            data: times,
-          },
+            data: times
+          }
         ],
         yAxis: [
           {
@@ -129,73 +127,73 @@ export default {
             minInterval: 1,
             name: '（单/台）',
             nameTextStyle: {
-              color: "#aaa",
-              nameLocation: "start",
+              color: '#aaa',
+              nameLocation: 'start'
               // align: 'right'
             },
             axisLine: {
               show: false,
               lineStyle: {
-                color: '#8AB1DC',
-              },
+                color: '#8AB1DC'
+              }
             },
             axisLabel: {
               margin: 10,
               textStyle: {
-                fontSize: csize(12),
-              },
+                fontSize: csize(12)
+              }
             },
             splitLine: {
               lineStyle: {
-                color: 'rgba(256, 256, 256, 0.1)',
-              },
+                color: 'rgba(256, 256, 256, 0.1)'
+              }
             },
             axisTick: {
-              show: false,
-            },
-          },
+              show: false
+            }
+          }
         ],
         series: [
-          {
-            name: '新增销售单',
-            type: 'line',
-            smooth: true,
-            showSymbol: false,
-            lineStyle: {
-              normal: {
-                width: 2,
-              },
-            },
-            areaStyle: {
-              normal: {
-                color: new echarts.graphic.LinearGradient(
-                  0,
-                  0,
-                  0,
-                  1,
-                  [
-                    {
-                      offset: 0,
-                      color: 'rgba(253, 173, 96, 0.3)',
-                    },
-                    {
-                      offset: 0.8,
-                      color: 'rgba(253, 173, 96, 0)',
-                    },
-                  ],
-                  false
-                ),
-                shadowColor: 'rgba(0, 0, 0, 0.1)',
-                shadowBlur: 10,
-              },
-            },
-            itemStyle: {
-              normal: {
-                color: '#FDAD60',
-              },
-            },
-            data: data1,
-          },
+          // {
+          //   name: '新增销售单',
+          //   type: 'line',
+          //   smooth: true,
+          //   showSymbol: false,
+          //   lineStyle: {
+          //     normal: {
+          //       width: 2
+          //     }
+          //   },
+          //   areaStyle: {
+          //     normal: {
+          //       color: new echarts.graphic.LinearGradient(
+          //         0,
+          //         0,
+          //         0,
+          //         1,
+          //         [
+          //           {
+          //             offset: 0,
+          //             color: 'rgba(253, 173, 96, 0.3)'
+          //           },
+          //           {
+          //             offset: 0.8,
+          //             color: 'rgba(253, 173, 96, 0)'
+          //           }
+          //         ],
+          //         false
+          //       ),
+          //       shadowColor: 'rgba(0, 0, 0, 0.1)',
+          //       shadowBlur: 10
+          //     }
+          //   },
+          //   itemStyle: {
+          //     normal: {
+          //       color: '#FDAD60'
+          //     }
+          //   },
+          //   data: data1
+          // },
           {
             name: '新增辅材单',
             type: 'line',
@@ -203,8 +201,8 @@ export default {
             showSymbol: false,
             lineStyle: {
               normal: {
-                width: 2,
-              },
+                width: 2
+              }
             },
             areaStyle: {
               normal: {
@@ -216,25 +214,25 @@ export default {
                   [
                     {
                       offset: 0,
-                      color: 'rgba(68, 226, 143, 0.3)',
+                      color: 'rgba(68, 226, 143, 0.3)'
                     },
                     {
                       offset: 0.8,
-                      color: 'rgba(68, 226, 143, 0)',
-                    },
+                      color: 'rgba(68, 226, 143, 0)'
+                    }
                   ],
                   false
                 ),
                 shadowColor: 'rgba(0, 0, 0, 0.1)',
-                shadowBlur: 10,
-              },
+                shadowBlur: 10
+              }
             },
             itemStyle: {
               normal: {
-                color: '#44E28F',
-              },
+                color: '#44E28F'
+              }
             },
-            data: data2,
+            data: data2
           },
           {
             name: '新增配件单',
@@ -243,48 +241,8 @@ export default {
             showSymbol: false,
             lineStyle: {
               normal: {
-                width: 2,
-              },
-            },
-            areaStyle: {
-              normal: {
-                color: new echarts.graphic.LinearGradient(
-                  0,
-                  0,
-                  0,
-                  1,
-                  [
-                    {
-                      offset: 0,
-                      color: 'rgba(160, 61, 239, 0.3)',
-                    },
-                    {
-                      offset: 0.8,
-                      color: 'rgba(160, 61, 239, 0)',
-                    },
-                  ],
-                  false
-                ),
-                shadowColor: 'rgba(0, 0, 0, 0.1)',
-                shadowBlur: 10,
-              },
-            },
-            itemStyle: {
-              normal: {
-                color: '#A03DEF',
-              },
-            },
-            data: data3,
-          },
-          {
-            name: '新增增值单',
-            type: 'line',
-            smooth: true,
-            showSymbol: false,
-            lineStyle: {
-              normal: {
-                width: 2,
-              },
+                width: 2
+              }
             },
             areaStyle: {
               normal: {
@@ -296,31 +254,71 @@ export default {
                   [
                     {
                       offset: 0,
-                      color: 'rgba(65, 197, 226, 0.3)',
+                      color: 'rgba(160, 61, 239, 0.3)'
                     },
                     {
                       offset: 0.8,
-                      color: 'rgba(65, 197, 226, 0)',
-                    },
+                      color: 'rgba(160, 61, 239, 0)'
+                    }
                   ],
                   false
                 ),
                 shadowColor: 'rgba(0, 0, 0, 0.1)',
-                shadowBlur: 10,
-              },
+                shadowBlur: 10
+              }
             },
             itemStyle: {
               normal: {
-                color: '#41C5E2',
-              },
+                color: '#A03DEF'
+              }
             },
-            data: data4,
-          },
-        ],
-      });
-    },
-  },
-};
+            data: data3
+          }
+          // {
+          //   name: '新增增值单',
+          //   type: 'line',
+          //   smooth: true,
+          //   showSymbol: false,
+          //   lineStyle: {
+          //     normal: {
+          //       width: 2
+          //     }
+          //   },
+          //   areaStyle: {
+          //     normal: {
+          //       color: new echarts.graphic.LinearGradient(
+          //         0,
+          //         0,
+          //         0,
+          //         1,
+          //         [
+          //           {
+          //             offset: 0,
+          //             color: 'rgba(65, 197, 226, 0.3)'
+          //           },
+          //           {
+          //             offset: 0.8,
+          //             color: 'rgba(65, 197, 226, 0)'
+          //           }
+          //         ],
+          //         false
+          //       ),
+          //       shadowColor: 'rgba(0, 0, 0, 0.1)',
+          //       shadowBlur: 10
+          //     }
+          //   },
+          //   itemStyle: {
+          //     normal: {
+          //       color: '#41C5E2'
+          //     }
+          //   },
+          //   data: data4
+          // }
+        ]
+      })
+    }
+  }
+}
 </script>
 
 <style></style>

src/views/bigViews/dataView1/components/workOrderStatistics.vue

@@ -1,7 +1,7 @@
 <template>
-	<moduleEnclosure title="近30天累计工单统计">
-		<div class="all-container">
-			<div class="table-container">
+  <moduleEnclosure title="近30天累计工单统计">
+    <div class="all-container">
+      <div class="table-container">
         <div class="th row">
           <div>订单类型</div>
           <div>数量</div>
@@ -9,64 +9,62 @@
         </div>
         <div class="td row">
           <div>累计安装台数</div>
-          <div>{{statsData.azgd || 0}}</div>
-          <div>{{statsData.azgdzb || 0}}%</div>
+          <div>{{ statsData.azgd || 0 }}</div>
+          <div>{{ statsData.azgdzb || 0 }}%</div>
         </div>
-				<div class="td row">
+        <div class="td row">
           <div>累计维修台数</div>
-          <div>{{statsData.wxgd || 0}}</div>
-          <div>{{statsData.wxgdzb || 0}}%</div>
+          <div>{{ statsData.wxgd || 0 }}</div>
+          <div>{{ statsData.wxgdzb || 0 }}%</div>
         </div>
-				<div class="td row">
+        <div class="td row">
           <div>累计清洗台数</div>
-          <div>{{statsData.qxgd || 0}}</div>
-          <div>{{statsData.qxgdzb || 0}}%</div>
+          <div>{{ statsData.qxgd || 0 }}</div>
+          <div>{{ statsData.qxgdzb || 0 }}%</div>
         </div>
-				<div class="td row">
+        <!-- <div class="td row">
           <div>增值服务工单</div>
-          <div>{{statsData.zzgd || 0}}</div>
-          <div>{{statsData.zzgdzb || 0}}%</div>
+          <div>{{ statsData.zzgd || 0 }}</div>
+          <div>{{ statsData.zzgdzb || 0 }}%</div>
         </div>
-				<div class="td row">
+        <div class="td row">
           <div>维保工程工单</div>
-          <div>{{statsData.wbgd || 0}}</div>
-          <div>{{statsData.wbgdzb || 0}}%</div>
-        </div>
-			</div>
-		</div>
-	</moduleEnclosure>
+          <div>{{ statsData.wbgd || 0 }}</div>
+          <div>{{ statsData.wbgdzb || 0 }}%</div>
+        </div> -->
+      </div>
+    </div>
+  </moduleEnclosure>
 </template>
 
 <script>
-	import moduleEnclosure from '@/components/moduleEnclosure.vue';
-	import { getWorkorderStats } from '@/api/bigView.js';
+import moduleEnclosure from '@/components/moduleEnclosure.vue'
+import { getWorkorderStats } from '@/api/bigView.js'
 
-	export default {
-		components: {
-			moduleEnclosure,
-		},
-		data() {
-			return {
-				statsData: {},
-			};
-		},
+export default {
+  components: {
+    moduleEnclosure
+  },
+  data() {
+    return {
+      statsData: {}
+    }
+  },
 
-		mounted() {
-			this.getData();
-		},
+  mounted() {
+    this.getData()
+  },
 
-		beforeUnmount() {
-			
-		},
+  beforeUnmount() {},
 
-		methods: {
-			getData() {
-				getWorkorderStats().then(res => {
-					this.statsData = res.data;
-				})
-			},
-		},
-	};
+  methods: {
+    getData() {
+      getWorkorderStats().then(res => {
+        this.statsData = res.data
+      })
+    }
+  }
+}
 </script>
 
 <style scoped lang="scss">
@@ -87,13 +85,13 @@
     align-items: center;
     &.th {
       font-weight: bold;
-      color: #26A3CE;
+      color: #26a3ce;
     }
     &.td {
       color: #ffffff;
-			div:last-child {
-				color: #e4f824;
-			}
+      div:last-child {
+        color: #e4f824;
+      }
       div:nth-child(1) {
         font-size: 12px;
       }
@@ -110,4 +108,4 @@
     }
   }
 }
-</style>
+</style>

src/views/bigViews/dataView1/index.vue

@@ -13,10 +13,7 @@
                 <!-- 工单统计 -->
                 <workOrderStatistics />
               </div>
-              <div
-                class="module-inner-margin"
-                style="min-height: 30.32%; height: 44.32%"
-              >
+              <div class="module-inner-margin" style="min-height: 30.32%; height: 44.32%">
                 <!-- 工单趋势 -->
                 <workOrderTrend />
               </div>
@@ -40,10 +37,7 @@
               <div class="module-inner-margin" style="height: 38%">
                 <orderTrend />
               </div>
-              <div
-                class="module-inner-margin"
-                style="min-height: 30.32%; height: 44.32%"
-              >
+              <div class="module-inner-margin" style="min-height: 30.32%; height: 44.32%">
                 <orderAmountTrend />
               </div>
             </zj-page-container>
@@ -55,14 +49,14 @@
 </template>
 
 <script>
-import orderAmountTrend from './components/orderAmountTrend.vue';
-import workOrderTrend from './components/workOrderTrend.vue';
-import orderTrend from './components/orderTrend.vue';
-import accessoryStatistics from './components/accessoryStatistics.vue';
-import orderStatistics from './components/orderStatistics.vue';
-import mapdata from './components/mapdata.vue';
-import workOrderStatistics from './components/workOrderStatistics.vue';
-import trendChart from './components/trendChart.vue';
+import orderAmountTrend from './components/orderAmountTrend.vue'
+import workOrderTrend from './components/workOrderTrend.vue'
+import orderTrend from './components/orderTrend.vue'
+import accessoryStatistics from './components/accessoryStatistics.vue'
+import orderStatistics from './components/orderStatistics.vue'
+import mapdata from './components/mapdata.vue'
+import workOrderStatistics from './components/workOrderStatistics.vue'
+import trendChart from './components/trendChart.vue'
 export default {
   components: {
     orderAmountTrend,
@@ -72,21 +66,21 @@ export default {
     orderStatistics,
     mapdata,
     workOrderStatistics,
-    trendChart,
+    trendChart
   },
   data() {
     return {
-      showMap: false,
-    };
+      showMap: false
+    }
   },
   mounted() {
     this.$nextTick(() => {
-      this.showMap = true;
-    });
+      this.showMap = true
+    })
   },
   beforeUnmount() {},
-  methods: {},
-};
+  methods: {}
+}
 </script>
 
 <style scoped lang="scss">