页面修改

src/views/workstatistics/dayStatistics.vue

@@ -11,20 +11,14 @@
           </el-date-picker>
         </div>
         <div>
-                    <span class="font-size-12" style="padding-right: 10px"
-                      >业务员</span
-                    >
-                    <!-- height: 40px; overflow: auto -->
-                    <el-select style="width: 220px;" filterable multiple clearable v-model="msg.QEmployeeIdsArr" @change="changeEmployee">
-                      <el-option
-                        v-for="(item, index) in EmployeeList"
-                        :key="index"
-                        :label="item.EmName"
-                        :value="item.EmployeeId"
-                      >
+          <span class="font-size-12" style="padding-right: 10px">业务员</span>
+          <el-select style="width: 220px;" filterable multiple clearable v-model="msg.QEmployeeIdsArr"
+            @change="changeEmployee">
+            <el-option v-for="(item, index) in EmployeeList" :key="index" :label="item.EmName" :value="item.EmployeeId">
             </el-option>
           </el-select>
-      </div></div>
+        </div>
+      </div>
       <div class="rightmenu">
         <el-dropdown @command="handleCommand">
           <el-button class="crm-btn crm-btn-more easy-btn margin-right0">
@@ -42,7 +36,8 @@
         <el-table-column>
           <template slot-scope="scope">
             <template v-if="scope.row.YearStr>0&&scope.row.MonthStr>0">
-              <span class="pointer" style="color:blue;text-decoration:underline;" @click="seeDetails(scope.row)">{{scope.row.DateStr}}</span>
+              <span class="pointer" style="color:blue;text-decoration:underline;"
+                @click="seeDetails(scope.row)">{{scope.row.DateStr}}</span>
             </template>
             <template v-else>
               <span>{{scope.row.DateStr}} </span>
@@ -51,97 +46,113 @@
         </el-table-column>
         <el-table-column label="引流总数">
           <template slot-scope="scope">
-              <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,1,'0')">{{scope.row.PushCount}}</span>
+            <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer"
+              @click="seeDetails(scope.row,1,'0')">{{scope.row.PushCount}}</span>
             <span v-else>{{scope.row.PushCount}} </span>
           </template>
         </el-table-column>
         <el-table-column label="有效总数">
           <template slot-scope="scope">
-              <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,1,'1')">{{scope.row.EffectiveCount}}</span>
+            <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer"
+              @click="seeDetails(scope.row,1,'1')">{{scope.row.EffectiveCount}}</span>
             <span v-else>{{scope.row.EffectiveCount}} </span>
           </template>
         </el-table-column>
         <el-table-column label="无效总数">
           <template slot-scope="scope">
-              <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,1,'2')">{{scope.row.InvalidCount}}</span>
+            <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer"
+              @click="seeDetails(scope.row,1,'2')">{{scope.row.InvalidCount}}</span>
             <span v-else>{{scope.row.InvalidCount}} </span>
           </template>
         </el-table-column>
         <el-table-column label="小红书总数">
           <template slot-scope="scope">
-              <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,2,'7')">{{scope.row.RedBookCount}}</span>
+            <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer"
+              @click="seeDetails(scope.row,2,'7')">{{scope.row.RedBookCount}}</span>
             <span v-else>{{scope.row.RedBookCount}} </span>
           </template>
         </el-table-column>
         <el-table-column prop="DouYinCount" label="抖音总数">
           <template slot-scope="scope">
-              <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,2,'9')">{{scope.row.DouYinCount}}</span>
+            <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer"
+              @click="seeDetails(scope.row,2,'9')">{{scope.row.DouYinCount}}</span>
             <span v-else>{{scope.row.DouYinCount}} </span>
           </template>
         </el-table-column>
         <el-table-column label="飞猪总数">
           <template slot-scope="scope">
-              <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,2,'8')">{{scope.row.FlyingPigCount}}</span>
+            <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer"
+              @click="seeDetails(scope.row,2,'8')">{{scope.row.FlyingPigCount}}</span>
             <span v-else>{{scope.row.FlyingPigCount}} </span>
           </template>
         </el-table-column>
         <el-table-column label="社群聊天总数">
           <template slot-scope="scope">
-              <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,2,'1')">{{scope.row.GroupChatCount}}</span>
+            <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer"
+              @click="seeDetails(scope.row,2,'1')">{{scope.row.GroupChatCount}}</span>
             <span v-else>{{scope.row.GroupChatCount}} </span>
           </template>
         </el-table-column>
         <el-table-column label="线下拜访总数">
           <template slot-scope="scope">
-              <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,2,'2')">{{scope.row.OfflineVisitCount}}</span>
+            <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer"
+              @click="seeDetails(scope.row,2,'2')">{{scope.row.OfflineVisitCount}}</span>
             <span v-else>{{scope.row.OfflineVisitCount}} </span>
           </template>
         </el-table-column>
         <el-table-column label="直客介绍总数">
           <template slot-scope="scope">
-              <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,2,'3')">{{scope.row.StraightCustomerCount}}</span>
+            <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer"
+              @click="seeDetails(scope.row,2,'3')">{{scope.row.StraightCustomerCount}}</span>
             <span v-else>{{scope.row.StraightCustomerCount}} </span>
           </template>
         </el-table-column>
         <el-table-column label="同业介绍总数">
           <template slot-scope="scope">
-              <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,2,'4')">{{scope.row.PeerCount}}</span>
+            <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer"
+              @click="seeDetails(scope.row,2,'4')">{{scope.row.PeerCount}}</span>
             <span v-else>{{scope.row.PeerCount}} </span>
           </template>
         </el-table-column>
         <el-table-column label="其他介绍总数">
           <template slot-scope="scope">
-              <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,2,'6')">{{scope.row.OtherCount}}</span>
+            <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer"
+              @click="seeDetails(scope.row,2,'6')">{{scope.row.OtherCount}}</span>
             <span v-else>{{scope.row.OtherCount}} </span>
           </template>
         </el-table-column>
         <el-table-column label="订单总数">
           <template slot-scope="scope">
-              <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,3,'')">{{scope.row.OrderCount}}</span>
+            <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer"
+              @click="seeDetails(scope.row,3,'')">{{scope.row.OrderCount}}</span>
             <span v-else>{{scope.row.OrderCount}} </span>
           </template>
         </el-table-column>
         <el-table-column label="机票订单总数">
           <template slot-scope="scope">
-              <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,3,'1')">{{scope.row.TicketOrderCount}}</span>
+            <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer"
+              @click="seeDetails(scope.row,3,'1')">{{scope.row.TicketOrderCount}}</span>
             <span v-else>{{scope.row.TicketOrderCount}} </span>
           </template>
         </el-table-column>
         <el-table-column label="签证订单总数">
           <template slot-scope="scope">
-              <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,3,'2')">{{scope.row.VisaOrderCount}}</span>
+            <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer"
+              @click="seeDetails(scope.row,3,'2')">{{scope.row.VisaOrderCount}}</span>
             <span v-else>{{scope.row.VisaOrderCount}} </span>
           </template>
         </el-table-column>
         <el-table-column label="地接订单总数">
           <template slot-scope="scope">
-              <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,3,'3')">{{scope.row.GroundOrderCount}}</span>
+            <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer"
+              @click="seeDetails(scope.row,3,'3')">{{scope.row.GroundOrderCount}}</span>
             <span v-else>{{scope.row.GroundOrderCount}} </span>
           </template>
         </el-table-column>
         <el-table-column label="套餐订单总数">
           <template slot-scope="scope">
-              <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer" @click="seeDetails(scope.row,3,'4')">{{scope.row.ComboOrderCount}}</span>
+            <span v-if="scope.row.YearStr>0&&scope.row.MonthStr>0" class="pointer"
+              @click="seeDetails(scope.row,3,'4')">{{scope.row.ComboOrderCount}}</span>
             <span v-else>{{scope.row.ComboOrderCount}} </span>
           </template>
         </el-table-column>
@@ -154,8 +165,8 @@
 </template>
 
 <script>
-import rightDrawer from "../../components/workStatistics/rightDrawer.vue";
-export default {
+  import rightDrawer from "../../components/workStatistics/rightDrawer.vue";
+  export default {
     components: {
       rightDrawer,
     },
@@ -201,7 +212,7 @@ export default {
         let userInfo = this.getLocalStorage();
         let msg = {
           RB_Group_id: userInfo.RB_Group_id,
-            BranchId: -1,
+          BranchId: 1245,
           DepartmentId: 0,
           PostId: 0,
           IsLeave: 0,
@@ -212,12 +223,6 @@ export default {
           (res) => {
             if (res.data.resultCode == 1) {
               this.EmployeeList = res.data.data;
-                // let data = {
-                //   EmName: "不限",
-                //   EmployeeId: "0",
-                // };
-                // this.EmployeeList.unshift(data);
-              } else {
             } 
           },
           (err) => {}
@@ -263,7 +268,9 @@ export default {
           }
         );
       },
-    tableRowClassName({ row }) {
+      tableRowClassName({
+        row
+      }) {
         let cname = "font-size-12";
         if (
           row.DateStr == "总数" ||
@@ -276,7 +283,10 @@ export default {
         }
         return cname;
       },
-    tableCellClassName({ row, column }) {
+      tableCellClassName({
+        row,
+        column
+      }) {
         if (
           row[column.property] &&
           row[column.property].toString().indexOf("-") != -1 &&
@@ -298,7 +308,7 @@ export default {
         this.init();
       },
       changeEmployee() {
-      this.msg.QEmployeeIds =this.msg.QEmployeeIdsArr.join(',')
+        this.msg.QEmployeeIds = this.msg.QEmployeeIdsArr.join(',')
         this.init();
       },
       handleCommand(command) {
@@ -320,35 +330,37 @@ export default {
         );
       },
     },
-};
+  };
 </script>
 
 <style>
-@import "../../assets/css/customerManage.css";
-.flex {
+  @import "../../assets/css/customerManage.css";
+
+  .flex {
     display: flex;
-}
-.el-table__fixed-body-wrapper table {
+  }
+
+  .el-table__fixed-body-wrapper table {
     padding-bottom: 8px !important;
-}
+  }
 
-.el-table .xiaoji-row {
+  .el-table .xiaoji-row {
     background: #ffff00;
-}
+  }
 
-.el-table .sum-row {
+  .el-table .sum-row {
     background: #00b0f0;
-}
+  }
 
-.el-table .warning-col {
+  .el-table .warning-col {
     background: red;
-}
+  }
 
-.pointer {
+  .pointer {
     cursor: pointer;
-}
+  }
 
-.pointer:hover {
+  .pointer:hover {
     color: #00b0f0;
-}
+  }
 </style>
\ No newline at end of file

src/views/workstatistics/monthStatistics.vue

@@ -11,20 +11,14 @@
           </el-date-picker>
         </div>
         <div>
-                    <span class="font-size-12" style="padding-right: 10px"
-                      >业务员</span
-                    >
-                    <!-- height: 40px; overflow: auto -->
-                    <el-select style="width: 220px;" filterable multiple clearable v-model="msg.QEmployeeIdsArr" @change="changeEmployee">
-                      <el-option
-                        v-for="(item, index) in EmployeeList"
-                        :key="index"
-                        :label="item.EmName"
-                        :value="item.EmployeeId"
-                      >
+          <span class="font-size-12" style="padding-right: 10px">业务员</span>
+          <el-select style="width: 220px;" filterable multiple clearable v-model="msg.QEmployeeIdsArr"
+            @change="changeEmployee">
+            <el-option v-for="(item, index) in EmployeeList" :key="index" :label="item.EmName" :value="item.EmployeeId">
             </el-option>
           </el-select>
-      </div></div>
+        </div>
+      </div>
       <div class="rightmenu">
         <el-dropdown @command="handleCommand">
           <el-button class="crm-btn crm-btn-more easy-btn margin-right0">
@@ -258,7 +252,7 @@
     },
     methods: {
       changeEmployee() {
-      this.msg.QEmployeeIds =this.msg.QEmployeeIdsArr.join(',')
+        this.msg.QEmployeeIds = this.msg.QEmployeeIdsArr.join(',')
         this.init();
       },
       // 获取业务员
@@ -266,7 +260,7 @@
         let userInfo = this.getLocalStorage();
         let msg = {
           RB_Group_id: userInfo.RB_Group_id,
-            BranchId: -1,
+          BranchId: 1245,
           DepartmentId: 0,
           PostId: 0,
           IsLeave: 0,
@@ -282,8 +276,7 @@
               //   EmployeeId: "0",
               // };
               // this.EmployeeList.unshift(data);
-              } else {
-              }
+            } else {}
           },
           (err) => {}
         );

src/views/workstatistics/yearStatistics.vue

@@ -5,17 +5,10 @@
         <h1>年度引流统计</h1>
       </div>
       <div>
-                          <span class="font-size-12" style="padding-right: 10px"
-                            >业务员</span
-                          >
-                          <!-- height: 40px; overflow: auto -->
-                          <el-select style="width: 220px;" filterable multiple clearable v-model="msg.QEmployeeIdsArr" @change="changeEmployee">
-                            <el-option
-                              v-for="(item, index) in EmployeeList"
-                              :key="index"
-                              :label="item.EmName"
-                              :value="item.EmployeeId"
-                            >
+        <span class="font-size-12" style="padding-right: 10px">业务员</span>
+        <el-select style="width: 220px;" filterable multiple clearable v-model="msg.QEmployeeIdsArr"
+          @change="changeEmployee">
+          <el-option v-for="(item, index) in EmployeeList" :key="index" :label="item.EmName" :value="item.EmployeeId">
           </el-option>
         </el-select>
       </div>
@@ -33,7 +26,8 @@
     <el-tabs v-model="activeName" style="flex:1;height:100%;" class="diy-eltabs" tab-position="top">
       <el-tab-pane label="年度数据" name="monthdata" style="background:#000">
         <div class="data-box-item">
-                    <el-table :data="tableData" tooltip-effect="dark" v-loading="loading" style="width: 100%;" height="100%" border>
+          <el-table :data="tableData" tooltip-effect="dark" v-loading="loading" style="width: 100%;" height="100%"
+            border>
             <el-table-column prop="ItemName" label="" width="150">
             </el-table-column>
             <el-table-column>
@@ -46,12 +40,12 @@
             </el-table-column>
             <el-table-column prop="YearRate" label="平均" :formatter="formatter"></el-table-column>
           </el-table>
-
         </div>
       </el-tab-pane>
       <el-tab-pane label="年度成长率" name="monthrate">
         <div class="data-box-item">
-                    <el-table :data="rateData" tooltip-effect="dark" v-loading="rateLoading" style="width: 100%;" height="100%" border :cell-class-name="tableCellClassName" :row-class-name="tableRowClassName">
+          <el-table :data="rateData" tooltip-effect="dark" v-loading="rateLoading" style="width: 100%;" height="100%"
+            border :cell-class-name="tableCellClassName" :row-class-name="tableRowClassName">
             <el-table-column prop="ItemName" label="" width="150">
             </el-table-column>
             <el-table-column>
@@ -67,16 +61,14 @@
         </div>
       </el-tab-pane>
     </el-tabs>
-        
   </div>
 </template>
 
 <script>
-export default {
+  export default {
     data() {
       return {
-      msg: {
-      },
+        msg: {},
         total: 0,
         tableData: [],
         loading: false,
@@ -97,7 +89,7 @@ export default {
     },
     methods: {
       changeEmployee() {
-      this.msg.QEmployeeIds =this.msg.QEmployeeIdsArr.join(',')
+        this.msg.QEmployeeIds = this.msg.QEmployeeIdsArr.join(',')
         this.init();
       },
       // 获取业务员
@@ -105,7 +97,7 @@ export default {
         let userInfo = this.getLocalStorage();
         let msg = {
           RB_Group_id: userInfo.RB_Group_id,
-            BranchId: -1,
+          BranchId: 1245,
           DepartmentId: 0,
           PostId: 0,
           IsLeave: 0,
@@ -116,13 +108,7 @@ export default {
           (res) => {
             if (res.data.resultCode == 1) {
               this.EmployeeList = res.data.data;
-                // let data = {
-                //   EmName: "不限",
-                //   EmployeeId: "0",
-                // };
-                // this.EmployeeList.unshift(data);
-              } else {
-              }
+            } else {}
           },
           (err) => {}
         );
@@ -160,7 +146,9 @@ export default {
           }
         );
       },
-    tableRowClassName({ row }) {
+      tableRowClassName({
+        row
+      }) {
         let cname = "font-size-12";
         if (row.DateStr == "平均") {
           cname += " xiaoji-row";
@@ -169,7 +157,10 @@ export default {
         }
         return cname;
       },
-    tableCellClassName({ row, column }) {
+      tableCellClassName({
+        row,
+        column
+      }) {
         try {
           if (
             row[column.property].toString().indexOf("-") != -1 &&
@@ -229,33 +220,37 @@ export default {
         });
       },
     },
-};
+  };
 </script>
 
 <style>
-@import "../../assets/css/customerManage.css";
+  @import "../../assets/css/customerManage.css";
 
-.el-table__fixed-body-wrapper table {
+  .el-table__fixed-body-wrapper table {
     padding-bottom: 8px !important;
-}
-.el-table .xiaoji-row {
+  }
+
+  .el-table .xiaoji-row {
     background: #ffff00;
-}
+  }
 
-.el-table .sum-row {
+  .el-table .sum-row {
     background: #00b0f0;
-}
-.el-table .warning-col {
+  }
+
+  .el-table .warning-col {
     background: red;
-}
-.diy-eltabs .el-tabs__content {
+  }
+
+  .diy-eltabs .el-tabs__content {
     height: calc(100% - 40px);
-}
-.diy-eltabs .data-box-item {
+  }
+
+  .diy-eltabs .data-box-item {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
-}
+  }
 </style>
\ No newline at end of file