页面修改

src/components/sale/sale.vue

@@ -34,7 +34,6 @@
     margin: 25px 0 0 80px;
     color: #E95252;
   }
-
 </style>
 
 <template>
@@ -53,35 +52,35 @@
             <el-row :gutter="20">
               <el-col :span="12">
                 <div class="el-col-div ownScrollbarStyle PersonalData_l">
-                  <!-- <rightHead :pagesTitle="1"></rightHead> -->
                   <div class="l_top" style="position: relative;">
                     <img v-if="data.icon !=null && data.icon !='' " :src="data.icon" alt="" class="tx_img"
                       :onerror='defaultHeadImg'>
-                    <img v-else src="../../assets/img/default_head_img.jpg" alt="" alt="" class="tx_img">
+                    <img v-else src="../../assets/img/default_head_img.jpg" alt="" class="tx_img">
                     <div class="p_name">
                       <span>{{data.emName}}</span>
                       <span>{{data.postName}}</span>
                       <div @click="goAnticipate(5)" style="cursor: pointer;">
-                        <div v-if="SumPreferPrice" style="padding: 2px 0 0 0;"><a style="color: #666666;font-size: 14px;font-weight: bold;">{{SumPreferPrice}}</a></div>
+                        <div v-if="SumPreferPrice" style="padding: 2px 0 0 0;"><a
+                            style="color: #666666;font-size: 14px;font-weight: bold;">{{SumPreferPrice}}</a></div>
                         <div style="font-size: 14px;color: #333333;" v-if="rankingNum">
                           第<a style="color: #FF8C00;margin-left: 3px;margin-right: 3px;
-                          font-size: 18px;font-weight: bold;">{{rankingNum}}</a
-                          >名
+                          font-size: 18px;font-weight: bold;">{{rankingNum}}</a>名
                         </div>
                       </div>
-
                     </div>
                     <div style="display: flex;justify-content: space-between;">
-                    <!-- <img style="cursor: pointer;" src="../../assets/img/jinbin@2x.png" alt="" class="img" @click="goAnticipate(1)"> -->
-                    <div style="cursor: pointer;cursor: pointer;position: relative;" class="royalty" @click="goAnticipate(1)">
+                      <div style="cursor: pointer;cursor: pointer;position: relative;" class="royalty"
+                        @click="goAnticipate(1)">
                         <div class="tc">
                           <p>
                             <span>￥</span>
                             <span>{{data.totalCommission}}</span>
                           </p>
                           <p style="color: #BDBDBD;font-size: 13px;padding: 0 0 5px 0;">{{data.periodsName}}期<el-tag
-                          v-if="data.peopelBonus" size="mini" type="danger"
-                          effect="dark" style="color: #ffff;position: absolute;left: 70px;bottom: 23px;font-size: 11px;">奖+{{data.peopelBonus}}</el-tag></p>
+                              v-if="data.peopelBonus" size="mini" type="danger" effect="dark"
+                              style="color: #ffff;position: absolute;left: 70px;bottom: 23px;font-size: 11px;">
+                              奖+{{data.peopelBonus}}</el-tag>
+                          </p>
                         </div>
                         <div stye="font-size: 16px;color: #666666;display: block;display: inline-block;">
                           <span>出境提成</span>
@@ -93,7 +92,6 @@
                         </div>
                       </div>
                       <div style="border-left: 1px solid #eeeeee;width: 1px;"> </div>
-                    <!-- <img style="cursor: pointer;" src="../../assets/img/jinbin@2x.png" alt="" class="img" @click="goAnticipate(2)"> -->
                       <div style="cursor: pointer;margin-left: 0;" class="royalty" @click="goAnticipate(2)">
                         <div class="tc">
                           <p>
@@ -107,7 +105,6 @@
                         </div>
                       </div>
                       <div style="border-left: 1px solid #eeeeee;width: 1px;"> </div>
-                    <!-- <img style="cursor: pointer;" src="../../assets/img/jinbin@2x.png" alt="" class="img" @click="goAnticipate(3)"> -->
                       <div style="cursor: pointer;margin-left: 0;" class="royalty" @click="goAnticipate(3)">
                         <div class="tc">
                           <p>
@@ -149,10 +146,7 @@
                       </div>
                       <div style="width: 100%;margin-top: 20px;text-align: center"
                         v-show="data.orderInfo ==null || data.orderInfo.length == 0">暂无数据</div>
-
                     </div>
-
-
                   </div>
                 </div>
               </el-col>
@@ -174,7 +168,6 @@
                         </div>
                         <i class="iconfont icon-tuoyuan" />
                       </div>
-
                       <div class="c_view view_t">
                         <div class="semicircle_t"></div>
                         <div class="view_c">
@@ -186,7 +179,6 @@
                         </div>
                         <i class="iconfont icon-xingzhuang2" />
                       </div>
-
                       <div class="c_view view_t">
                         <div class="semicircle_t"></div>
                         <div class="view_c">
@@ -198,7 +190,6 @@
                         <i class="iconfont icon-xingzhuang4" id="xzts" />
                       </div>
                     </div>
-
                     <div class="r_box_b">
                       <div class="c_view view_b">
                         <div class="semicircle_b"></div>
@@ -224,7 +215,6 @@
                       </div>
                       <div class="c_view view_b">
                         <div class="semicircle_b"></div>
-
                         <div class="view_c">
                           <span>今日询单</span>
                           <div class="view-f">
@@ -377,7 +367,6 @@
                     </div>
                     <div class="r_name">
                       <span>待处理发票</span>
-
                       <el-badge class="tishi" :value="data.invoiceApplyCount?data.invoiceApplyCount:'0'" />
                     </div>
                   </div>
@@ -387,9 +376,7 @@
                     </div>
                     <div class="r_name">
                       <span>公告</span>
-
                       <el-badge class="tishi" :value="data.noticeCount?data.noticeCount:'0'" />
-
                     </div>
                   </div>
                 </div>
@@ -410,7 +397,6 @@
                       <span>今日总收客人数</span>
                       <span>{{groupdata.toDayGuestCount}}<span class="p_dw">人</span></span>
                     </div>
-
                     <div class="g_icon g_bms">
                       <i class="iconfont icon-clipboard" style="color: #00B26F"></i>
                     </div>
@@ -418,7 +404,6 @@
                       <span>今日总报名单数</span>
                       <span>{{groupdata.toDayOrderCount}}<span class="p_dw">单</span></span>
                     </div>
-
                     <div class="g_icon g_skuan">
                       <i class="iconfont icon-graph" style="color: #FF7B8A"></i>
                     </div>
@@ -660,7 +645,6 @@
     components: {
       leftNav,
     },
-
     watch: {
       screenWidth(val) {
         this.screenWidth = val;
@@ -670,18 +654,18 @@
     },
     methods: {
       // 销售预期提成
-      goAnticipate(type){
+      goAnticipate(type) {
         let userInfo = this.getLocalStorage();
         let name
-        if(type==1){//出境
+        if (type == 1) { //出境
           name = 'TradeTicketUserDetails'
-        }else if(type==2){//国内
+        } else if (type == 2) { //国内
           name = 'domesticCommissionUser'
-        }else if(type==3){//历史单项
+        } else if (type == 3) { //历史单项
           name = 'ServiceCommissionUser'
-        }else if(type==4){//预期提成
+        } else if (type == 4) { //预期提成
           name = 'saleExpectedCommission'
-        }else if(type==5){//排名
+        } else if (type == 5) { //排名
           name = 'salesVolumeRank'
           this.$router.push({
             name: name,
@@ -691,7 +675,7 @@
             }
           });
         }
-        if(type!=5&&name){
+        if (type != 5 && name) {
           this.$router.push({
             name: name,
             query: {
@@ -701,41 +685,30 @@
             }
           });
         }
-
       },
       settStartDates() {
         let nowdays = new Date()
         let Year = new Date().getFullYear()
         let MonthTime = new Date().getMonth() + 1
         let MonthDayNum = new Date(Year, 12, 0).getDate();
-        let date = Year+'-12-'+(MonthDayNum>10?MonthDayNum:'0'+MonthDayNum)
-        let start = Year+'-01-01'
+        let date = Year + '-12-' + (MonthDayNum > 10 ? MonthDayNum : '0' + MonthDayNum)
+        let start = Year + '-01-01'
         this.PMMsg.tStartDates = [start, date]
       },
       initData() {
         let userInfo = this.getLocalStorage();
         let param = {
-            RB_Branch_Id:
-              this.PMMsg.RB_Branch_Id == -1 ? null : this.PMMsg.RB_Branch_Id,
-            RB_Department_Id:
-              this.PMMsg.RB_Department_Id == 0 ? null : this.PMMsg.RB_Department_Id,
-            EnterID: this.PMMsg.EnterID == 0 ? null : this.PMMsg.EnterID,//Number(userInfo.EmployeeId)
-            QStartDate:
-              this.PMMsg.tStartDates && this.PMMsg.tStartDates.length == 2
-                ? this.PMMsg.tStartDates[0]
-                : null,
-            QEndDate:
-              this.PMMsg.tStartDates && this.PMMsg.tStartDates.length == 2
-                ? this.PMMsg.tStartDates[1]
-                : null,
-            CStartDate:
-              this.PMMsg.qStartDates && this.PMMsg.qStartDates.length == 2
-                ? this.PMMsg.qStartDates[0]
-                : null,
-            CEndDate:
-              this.PMMsg.qStartDates && this.PMMsg.qStartDates.length == 2
-                ? this.PMMsg.qStartDates[1]
-                : null,
+          RB_Branch_Id: this.PMMsg.RB_Branch_Id == -1 ? null : this.PMMsg.RB_Branch_Id,
+          RB_Department_Id: this.PMMsg.RB_Department_Id == 0 ? null : this.PMMsg.RB_Department_Id,
+          EnterID: this.PMMsg.EnterID == 0 ? null : this.PMMsg.EnterID, //Number(userInfo.EmployeeId)
+          QStartDate: this.PMMsg.tStartDates && this.PMMsg.tStartDates.length == 2 ?
+            this.PMMsg.tStartDates[0] : null,
+          QEndDate: this.PMMsg.tStartDates && this.PMMsg.tStartDates.length == 2 ?
+            this.PMMsg.tStartDates[1] : null,
+          CStartDate: this.PMMsg.qStartDates && this.PMMsg.qStartDates.length == 2 ?
+            this.PMMsg.qStartDates[0] : null,
+          CEndDate: this.PMMsg.qStartDates && this.PMMsg.qStartDates.length == 2 ?
+            this.PMMsg.qStartDates[1] : null,
           GroupBy: this.PMMsg.GroupBy,
           QueryType: this.PMMsg.QueryType,
         };
@@ -749,18 +722,16 @@
             x.avgPrice = parseFloat(x.avgPrice);
           });
           tableData = r.data.data;
-            tableData.forEach((item,index)=>{
-              if(item.EnterID==Number(userInfo.EmployeeId)){
-                this.rankingNum = index+1
+          tableData.forEach((item, index) => {
+            if (item.EnterID == Number(userInfo.EmployeeId)) {
+              this.rankingNum = index + 1
               this.SumPreferPrice = item.SumPreferPrice
             }
           })
         });
       },
-
-      //锅炉除开标点符号的字数
+      //过滤除开标点符号的字数
       getFilteredNum(val) {
-        //var pattern=new RegExp("[`~%!@#$^=''?~！@#￥……&——‘”“'？*()（），,。.、<>《》\\[\\]【】\\“\\”{}=+-|\/:;；：]");
         var pattern = new RegExp("[`~%!@#$^=''?~！@#￥……&——‘”“'？*()（），,。.、<>《》:;； +-=\\s]");
         //[]内输入你要过滤的字符，这里基本包含全部的标点符号，\\是转义字符
         var rs = "";
@@ -821,9 +792,10 @@
                 item['fen'] = 'S'
               }
             })
-            let evaluate = this.$echarts.init(document.getElementById('evaluate'))
+            var evaluateObj = document.getElementById('evaluate');
+            if (evaluateObj) {
+              let evaluate = this.$echarts.init(evaluateObj)
               evaluate.setOption({
-
                 tooltip: {
                   trigger: 'axis',
                   axisPointer: { // 坐标轴指示器，坐标轴触发有效
@@ -902,6 +874,7 @@
                   radius: 60
                 }, ]
               });
+            }
           } else {
             this.$message.error(res.data.message)
           }
@@ -923,7 +896,9 @@
       },
       drawLine(OrderList) {
         // 基于准备好的dom，初始化echarts实例
-        let myChart = this.$echarts.init(document.getElementById('myChart'))
+        var chatObj = document.getElementById('myChart');
+        if (chatObj) {
+          let myChart = this.$echarts.init(chatObj)
           let dataname = [];
           let bzdata = [];
           let szdata = [];
@@ -997,6 +972,7 @@
               }
             ]
           });
+        }
       },
       Financial_post_GetNotDealCount() {
         this.apipost(
@@ -1055,5 +1031,4 @@
       this.Financial_post_GetNotDealCount(); //待处理财务单据的个数
     },
   }
-
 </script>
\ No newline at end of file

src/components/temp/dmc.vue

 <style>
-.informationList {
+  .informationList {
     position: absolute;
     left: 330px;
     right: 0px;
     top: 30px;
     bottom: 30px;
-}
+  }
 
-.informationList .LeftSide {
+  .informationList .LeftSide {
     float: left;
     width: 45%;
     position: relative;
     height: 100%;
-}
+  }
 
-.informationList .rightSide {
+  .informationList .rightSide {
     float: left;
     margin-left: 30px;
     width: 50%;
     position: relative;
     height: 100%;
-}
+  }
 
-.informationList .TopList {
+  .informationList .TopList {
     border: 1px solid #d9d9d9;
     background-color: #fff;
     box-shadow: 2px 0px 10px rgba(217, 217, 217, 1);
     min-width: 466px;
-}
+  }
 
-.informationList .todayOrder {
+  .informationList .todayOrder {
     color: #333333;
     padding-top: 25px;
     padding-bottom: 15px;
@@ -37,18 +37,18 @@
     margin: 0 20px;
     font-weight: bold;
     font-size: 14px;
-}
+  }
 
-.informationList .orderList {
+  .informationList .orderList {
     text-align: center;
     width: 78px;
     font-size: 14px;
     color: #333333;
     float: left;
     margin-right: 20px;
-}
+  }
 
-.informationList .circle {
+  .informationList .circle {
     width: 70px;
     height: 70px;
     text-align: center;
@@ -57,57 +57,57 @@
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 20px;
-}
+  }
 
-.informationList .circleList {
+  .informationList .circleList {
     width: 100%;
     margin: 20px 0 20px 27px;
-}
+  }
 
-.informationList .cirHotel {
+  .informationList .cirHotel {
     border: 4px solid #4cc0fc;
     color: #2aaef2;
     background-color: #f1faff;
-}
+  }
 
-.informationList .cirRes {
+  .informationList .cirRes {
     border: 4px solid #8fecf9;
     color: #6edbea;
     background-color: #f3feff;
-}
+  }
 
-.informationList .cirPiao {
+  .informationList .cirPiao {
     border: 4px solid #69d5a7;
     color: #47bf8c;
     background-color: #f2fff9;
-}
+  }
 
-.informationList .cirPiaojuan {
+  .informationList .cirPiaojuan {
     border: 4px solid #ffc748;
     color: #ffba1f;
     background-color: #fff8e9;
-}
+  }
 
-.informationList .cirCar {
+  .informationList .cirCar {
     border: 4px solid #fe9466;
     color: #ff793e;
     background-color: #fff2ec;
-}
+  }
 
-.informationList .cirLeader {
+  .informationList .cirLeader {
     border: 4px solid #fc7979;
     color: #e85252;
     background-color: #ffefef;
-}
+  }
 
-.informationList .charts {
+  .informationList .charts {
     height: 330px;
     border: 1px solid #e8eae7;
     box-shadow: 2px 0px 10px rgba(217, 217, 217, 1);
     background-color: #fff;
-}
+  }
 
-.informationList .demandState {
+  .informationList .demandState {
     height: 470px;
     min-width: 466px;
     border: 1px solid #e8eae7;
@@ -119,97 +119,97 @@
     left: 0px;
     top: 238px;
     bottom: 0px;
-}
+  }
 
-.informationList .damandType {
+  .informationList .damandType {
     display: inline-block;
     color: #333333;
     font-size: 14px;
     font-weight: bold;
     margin: 20px 0 0 30px;
-}
+  }
 
-.informationList .damandBtn {
+  .informationList .damandBtn {
     float: right;
     margin: 20px 30px 0 0;
-}
+  }
 
-.informationList .demandState table {
+  .informationList .demandState table {
     height: calc(100% - 115px);
-}
+  }
 
-.informationList table tbody {
+  .informationList table tbody {
     display: block;
     overflow-y: scroll;
     height: calc(100% - 40px);
-}
+  }
 
-.informationList table thead,
-.informationList tbody tr {
+  .informationList table thead,
+  .informationList tbody tr {
     display: table;
     width: 100%;
     table-layout: fixed;
-}
+  }
 
-/* .informationList table thead {width: calc( 100% - 1em )} */
-.informationList table thead th {
+  /* .informationList table thead {width: calc( 100% - 1em )} */
+  .informationList table thead th {
     background: #f2f2f2;
-}
+  }
 
-.informationList table tbody::-webkit-scrollbar {
+  .informationList table tbody::-webkit-scrollbar {
     width: 4px;
     height: 8px;
-}
+  }
 
-.informationList table tbody::-webkit-scrollbar-thumb {
+  .informationList table tbody::-webkit-scrollbar-thumb {
     border-radius: 4px;
     -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
     background: #c9c9c9;
-}
+  }
 
-/* .informationList table tbody::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);border-radius: 4px;background: #EDEDED;} */
+  /* .informationList table tbody::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);border-radius: 4px;background: #EDEDED;} */
 
-.informationList .el-radio-button__inner {
+  .informationList .el-radio-button__inner {
     font-size: 12px;
     padding: 5px 9px;
-}
+  }
 
-.botmList {
+  .botmList {
     text-align: right;
     font-size: 12px;
     margin: 30px 0 20px 0;
-}
+  }
 
-.botmList > div {
+  .botmList>div {
     display: inline-block;
     margin-right: 20px;
-}
+  }
 
-.informationList .commonSty {
+  .informationList .commonSty {
     display: inline-block;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     margin-right: 10px;
-}
+  }
 
-.informationList .cirOne {
+  .informationList .cirOne {
     background-color: #e85252;
-}
+  }
 
-.informationList .cirTwo {
+  .informationList .cirTwo {
     background-color: #ff793e;
-}
+  }
 
-.informationList .cirThr {
+  .informationList .cirThr {
     background-color: #47bf8c;
-}
+  }
 
-.informationList .cirFou {
+  .informationList .cirFou {
     background-color: #cccccc;
-}
+  }
 
-.informationList .StatusTitle {
+  .informationList .StatusTitle {
     width: 150px;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -218,40 +218,40 @@
     padding-left: 10px;
     -webkit-box-orient: vertical;
     text-align: left;
-}
+  }
 
-.test-1::-webkit-scrollbar {
+  .test-1::-webkit-scrollbar {
     width: 0px;
     height: 0px;
     background-color: #f5f5f5;
-}
+  }
 
-.test-1::-webkit-scrollbar-track {
+  .test-1::-webkit-scrollbar-track {
     background-color: #f5f5f5;
-}
+  }
 
-.test-1::-webkit-scrollbar-thumb {
+  .test-1::-webkit-scrollbar-thumb {
     border-radius: 20px;
     background-color: #aaa;
     margin-bottom: 24px;
-}
+  }
 
-.informationList .singeRowTable {
+  .informationList .singeRowTable {
     margin: 0 4px 30px 0;
-}
+  }
 
-.informationList .circleAll {
+  .informationList .circleAll {
     display: inline-block;
     width: 16px;
     height: 16px;
     border-radius: 50%;
-}
+  }
 
-.informationList .el-button + .el-button {
+  .informationList .el-button+.el-button {
     margin-left: -5px;
-}
+  }
 
-.informationList .inventory {
+  .informationList .inventory {
     border: 1px solid #e8eae7;
     background-color: #fff;
     position: absolute;
@@ -260,22 +260,22 @@
     top: 358px;
     bottom: 0px;
     height: 350px;
-}
+  }
 
-.informationList .lastD > div {
+  .informationList .lastD>div {
     display: inline-block;
     margin-right: 10px;
     font-size: 12px;
-}
+  }
 
-.informationList .inventoryBtm {
+  .informationList .inventoryBtm {
     display: flex;
     padding: 20px;
     width: 100%;
     box-sizing: border-box;
-}
+  }
 
-.informationList .inventoryBtm > div {
+  .informationList .inventoryBtm>div {
     border: 1px solid #eeeeee;
     background-color: #fff;
     text-align: center;
@@ -283,21 +283,21 @@
     flex: 1;
     min-height: 260px;
     border-right: 0;
-}
+  }
 
-.informationList .inventoryBtm > div:last-child {
+  .informationList .inventoryBtm>div:last-child {
     border-right: 1px solid #eeeeee;
-}
+  }
 
-.informationList .invnTitle {
+  .informationList .invnTitle {
     font-size: 16px;
     color: #333333;
     font-weight: bold;
     display: inline-block;
     margin-top: 20px;
-}
+  }
 
-.informationList .invenCircle {
+  .informationList .invenCircle {
     width: 104px;
     height: 104px;
     border-radius: 50%;
@@ -306,37 +306,37 @@
     color: #fff;
     text-align: center;
     line-height: 95px;
-}
+  }
 
-.informationList .inventOne {
+  .informationList .inventOne {
     background-color: #ef5e5e;
     border: 6px solid #ffd0d0;
-}
+  }
 
-.informationList .inventTwo {
+  .informationList .inventTwo {
     background-color: #ff793e;
     border: 6px solid #ffc2a7;
-}
+  }
 
-.informationList .inventThr {
+  .informationList .inventThr {
     background-color: #47bf8c;
     border: 6px solid #84ecc0;
-}
+  }
 
-.informationList .EveryDayCount {
+  .informationList .EveryDayCount {
     margin-left: 5px;
-}
+  }
 
-.informationList .lastDiv {
+  .informationList .lastDiv {
     font-size: 14px;
-}
+  }
 
-.informationList .dataTable {
+  .informationList .dataTable {
     width: 100%;
     height: 400px;
-}
+  }
 
-.informationList .damandBtnDay li {
+  .informationList .damandBtnDay li {
     width: 60px;
     height: 24px;
     font-size: 12px;
@@ -347,24 +347,25 @@
     border-radius: 4px;
     border: 1px solid #e3e3e3;
     cursor: pointer;
-}
+  }
 
-.informationList .damandBtnDay li:nth-child(1) {
+  .informationList .damandBtnDay li:nth-child(1) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
-}
+  }
 
-.informationList .damandBtnDay li:nth-child(2) {
+  .informationList .damandBtnDay li:nth-child(2) {
     position: relative;
     left: -6px;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
-}
+  }
 
-.informationList .damandBtnDay_active {
+  .informationList .damandBtnDay_active {
     background-color: #e8eae7;
-}
-@media (max-width: 1366px) {
+  }
+
+  @media (max-width: 1366px) {
     .informationList .orderList {
       width: auto;
     }
@@ -385,7 +386,7 @@
       height: 80px;
       line-height: 70px;
     }
-}
+  }
 </style>
 
 <template>
@@ -399,7 +400,9 @@
           </div>
           <div class="circleList clearfix">
             <div class="orderList" v-for="(item,index) in TodayData" :key="item.subCode">
-              <div class="circle" :class="{'cirHotel':index==0,'cirRes':index==1,'cirPiao':index==2,'cirPiaojuan':index==3,'cirCar':index==4,'cirLeader':index==5}">{{item.OrderCount}}</div>
+              <div class="circle"
+                :class="{'cirHotel':index==0,'cirRes':index==1,'cirPiao':index==2,'cirPiaojuan':index==3,'cirCar':index==4,'cirLeader':index==5}">
+                {{item.OrderCount}}</div>
               <span>{{item.OrderTypeStr}}</span>
             </div>
           </div>
@@ -432,17 +435,30 @@
             </thead>
             <tbody>
               <tr v-for="item in needStatus" :key="item.subCode">
-                <el-tooltip class="item" effect="dark" :content="item.Title" placement="top-start" popper-class="max-w250">
+                <el-tooltip class="item" effect="dark" :content="item.Title" placement="top-start"
+                  popper-class="max-w250">
                   <td class="StatusTitle">
                     <span class="roomName">{{item.Title}}</span>
                   </td>
                 </el-tooltip>
-                <td width='50'><span class="circleAll" :class="{'cirOne':item.Hotel==4,'cirTwo':item.Hotel==3,'cirThr':item.Hotel==2,'cirFou':item.Hotel==1}"></span></td>
-                <td width='50'><span class="circleAll" :class="{'cirOne':item.Dining==4,'cirTwo':item.Dining==3,'cirThr':item.Dining==2,'cirFou':item.Dining==1}"></span></td>
-                <td width='50'><span class="circleAll" :class="{'cirOne':item.Ticket==4,'cirTwo':item.Ticket==3,'cirThr':item.Ticket==2,'cirFou':item.Ticket==1}"></span></td>
-                <td width='50'><span class="circleAll" :class="{'cirOne':item.TicketCoupons==4,'cirTwo':item.TicketCoupons==3,'cirThr':item.TicketCoupons==2,'cirFou':item.TicketCoupons==1}"></span></td>
-                <td width='50'><span class="circleAll" :class="{'cirOne':item.Bus==4,'cirTwo':item.Bus==3,'cirThr':item.Bus==2,'cirFou':item.Bus==1}"></span></td>
-                <td width='50'><span class="circleAll" :class="{'cirOne':item.Leader==4,'cirTwo':item.Leader==3,'cirThr':item.Leader==2,'cirFou':item.Leader==1}"></span></td>
+                <td width='50'><span class="circleAll"
+                    :class="{'cirOne':item.Hotel==4,'cirTwo':item.Hotel==3,'cirThr':item.Hotel==2,'cirFou':item.Hotel==1}"></span>
+                </td>
+                <td width='50'><span class="circleAll"
+                    :class="{'cirOne':item.Dining==4,'cirTwo':item.Dining==3,'cirThr':item.Dining==2,'cirFou':item.Dining==1}"></span>
+                </td>
+                <td width='50'><span class="circleAll"
+                    :class="{'cirOne':item.Ticket==4,'cirTwo':item.Ticket==3,'cirThr':item.Ticket==2,'cirFou':item.Ticket==1}"></span>
+                </td>
+                <td width='50'><span class="circleAll"
+                    :class="{'cirOne':item.TicketCoupons==4,'cirTwo':item.TicketCoupons==3,'cirThr':item.TicketCoupons==2,'cirFou':item.TicketCoupons==1}"></span>
+                </td>
+                <td width='50'><span class="circleAll"
+                    :class="{'cirOne':item.Bus==4,'cirTwo':item.Bus==3,'cirThr':item.Bus==2,'cirFou':item.Bus==1}"></span>
+                </td>
+                <td width='50'><span class="circleAll"
+                    :class="{'cirOne':item.Leader==4,'cirTwo':item.Leader==3,'cirThr':item.Leader==2,'cirFou':item.Leader==1}"></span>
+                </td>
               </tr>
             </tbody>
           </table>
@@ -465,7 +481,8 @@
             <div class="inventoryBtm clearfix">
               <div v-for="item in ThirtyStock" :key="item.subCode">
                 <span class="invnTitle">{{item.OrderTypeStr}}</span>
-                <div class="invenCircle" :class="{'inventOne':item.RemainingInventory>=0&&item.RemainingInventory<=10,'inventTwo':item.RemainingInventory>10&&item.RemainingInventory<20,'inventThr':item.RemainingInventory>=20}">
+                <div class="invenCircle"
+                  :class="{'inventOne':item.RemainingInventory>=0&&item.RemainingInventory<=10,'inventTwo':item.RemainingInventory>10&&item.RemainingInventory<20,'inventThr':item.RemainingInventory>=20}">
                   {{item.RemainingInventory}}
                 </div>
                 <span class="lastDiv">平均每天用量<span class="EveryDayCount">{{item.EveryDayCount}}</span></span>
@@ -479,9 +496,9 @@
 </template>
 
 <script>
-import leftNav from "../public/leftNav.vue";
-import regexUtils from "../../assets/utils/regexUtils"; //引入正则验证
-export default {
+  import leftNav from "../public/leftNav.vue";
+  import regexUtils from "../../assets/utils/regexUtils"; //引入正则验证
+  export default {
     data() {
       return {
         loading: true,
@@ -556,8 +573,9 @@ export default {
         });
       },
       chartsMap() {
-      var then = this;
-      let myChart = this.$echarts.init(document.getElementById("chartsMap"));
+        var chatMapObj = document.getElementById("chartsMap");
+        if (chatMapObj) {
+          let myChart = this.$echarts.init(chatMapObj);
           myChart.setOption({
             title: {
               text: "近七日订单走势",
@@ -623,8 +641,7 @@ export default {
               }, //去除网格线
               type: "value"
             },
-        series: [
-          {
+            series: [{
               name: "本年",
               type: "line",
               smooth: false,
@@ -645,8 +662,7 @@ export default {
                   y: 0,
                   x2: 0,
                   y2: 1,
-                colorStops: [
-                  {
+                  colorStops: [{
                       offset: 0,
                       color: "rgba(230,230,230,0)" // 0% 处的颜色
                     },
@@ -658,14 +674,14 @@ export default {
                   globalCoord: false // 缺省为 false
                 }
               }
-          }
-        ]
+            }]
           });
         }
+      }
     },
     mounted() {
       this.initInfo();
       this.initStatus();
     }
-};
+  };
 </script>
\ No newline at end of file