update

src/components/statistics/tourType.vue

@@ -216,12 +216,12 @@ export default {
         GetSexOrderList(){
             this.loading = true
             this.apipost("/api/Statistic/GetTravelTypeShopList", {}, res => {
-                this.loading = false
+                
                 this.strArr=[];
                 let data=res.data.data;
-                data.forEach(item=>{
-                    this.strArr.push(item.TravelTypeName)
-                })
+                // data.forEach(item=>{
+                //     this.strArr.push(item.TravelTypeName)
+                // })
                  let contShop = res.data.data[0].TotalMoney + res.data.data[1].TotalMoney+ res.data.data[2].TotalMoney+ res.data.data[3].TotalMoney+ res.data.data[4].TotalMoney, 
                     one = res.data.data[0].TotalMoney, 
                     two = res.data.data[1].TotalMoney,
@@ -235,6 +235,9 @@ export default {
                     fourN = res.data.data[3].TravelCount,
                     fiveN = res.data.data[4].TravelCount;
                 let chartData = [], shopChartData = [];
+                if(contNum==0){
+                  chartData=[0,0,0,0,0];  
+                }else{
                     chartData.push(
                         ((oneN/contNum)*100).toFixed(2)
                     )
@@ -250,6 +253,20 @@ export default {
                     chartData.push(
                         ((fiveN/contNum)*100).toFixed(2)
                     )
+                }
+                if(contShop==0){
+                    let colorArr=['#0D2481','#FFA475','#99BD7B','#D2C9F1','#6EBCE2'];
+                    let strArr=this.strArr;
+                    for(let i=0;i<5;i++){
+                        shopChartData.push(
+                            {
+                                num: 0,
+                                color: colorArr[i],
+                                text: strArr[i]
+                            }
+                        )
+                    }
+                }else{
                     shopChartData.push(
                         {
                             num: Number(((one/contShop)*100).toFixed(2)),
@@ -285,6 +302,8 @@ export default {
                             text: '寒假'
                         }
                     )
+                }
+                
                 this.chartData = chartData
                 this.shopChartData = shopChartData
                 this.orders=res.data.data;
@@ -294,11 +313,12 @@ export default {
         },
         getOrders(){
             this.apipost("/api/Statistic/GetTravelTypeOrderList", {}, res => {
+                this.loading = false
+                // console.log("res",res);
                 res.data.data.forEach(x => {
                     this.orders[x.NewTravelType - 1].LtName = x.LtName;
                     this.orders[x.NewTravelType - 1].Unit_Price = x.Unit_Price;
                 });
-                 console.log("this.orders",this.orders)
             });
         }       
     }

src/components/statistics/unit.vue

@@ -122,10 +122,12 @@
                         <div v-for="(item, index) in orders" :key="index">
                             <div class="left">
                                 <img v-if="index==0" src="../../assets/img/tongji/qinzhi.png" alt="">
-                                <img v-if="index==1" src="../../assets/img/tongji/miyue.png" alt="">
-                                <img v-if="index==2" src="../../assets/img/tongji/in3.png" alt="">
-                                <img v-if="index==3" src="../../assets/img/tongji/d1.png" alt="">
-                                <img v-if="index==4" src="../../assets/img/tongji/hanjia.png" alt="">
+                                <img v-else-if="index==1" src="../../assets/img/tongji/miyue.png" alt="">
+                                <img v-else-if="index==2" src="../../assets/img/tongji/in3.png" alt="">
+                                <img v-else-if="index==3" src="../../assets/img/tongji/d1.png" alt="">
+                                <img v-else-if="index==4" src="../../assets/img/tongji/hanjia.png" alt="">
+                                <img v-else src="../../assets/img/tongji/qinzhi.png" alt="">
+
                                 <span class="font-size-12">{{item.UnitTypeName}}</span>
                             </div>
                             <div class="right">