提交明细数据页面

src/App.vue

@@ -70,10 +70,13 @@ export default {
 @import url("//at.alicdn.com/t/font_1627123_grz80mbm3sv.css");
 /* @import './assets/css/common.css'; */
 @font-face {
-  font-family: 'iconfont';  /* Project id 1627123 */
-  src: url('//at.alicdn.com/t/font_1627123_zynqp2as0d.woff2?t=1652257333900') format('woff2'),
-       url('//at.alicdn.com/t/font_1627123_zynqp2as0d.woff?t=1652257333900') format('woff'),
-       url('//at.alicdn.com/t/font_1627123_zynqp2as0d.ttf?t=1652257333900') format('truetype');
+  font-family: "iconfont"; /* Project id 1627123 */
+  src: url("//at.alicdn.com/t/font_1627123_zynqp2as0d.woff2?t=1652257333900")
+      format("woff2"),
+    url("//at.alicdn.com/t/font_1627123_zynqp2as0d.woff?t=1652257333900")
+      format("woff"),
+    url("//at.alicdn.com/t/font_1627123_zynqp2as0d.ttf?t=1652257333900")
+      format("truetype");
 }
 @import "./assets/css/init.css";
 body,
@@ -92,7 +95,15 @@ html {
 .el-scrollbar {
   height: 100%;
 }
-
+.hide-tabs-content .el-tabs__header {
+  margin: 0 !important;
+}
+.hide-tabs-content .el-tabs__content {
+  display: none !important;
+}
+.hide-tabs-content .el-tabs__nav-wrap::after {
+  background: none !important;
+}
 .el-scrollbar__wrap {
   overflow: auto !important;
   width: 100%;

src/components/Home.vue

@@ -1104,15 +1104,7 @@ export default {
 .loudou-card .el-card__header {
   border: none;
 }
-.hide-tabs-content .el-tabs__header {
-  margin: 0 !important;
-}
-.hide-tabs-content .el-tabs__content {
-  display: none !important;
-}
-.hide-tabs-content .el-tabs__nav-wrap::after {
-  background: none !important;
-}
+
 .hide_input_time {
   position: relative !important;
 }

src/views/workstatistics/dayStatistics.vue

@@ -33,58 +33,118 @@
             </template>
           </template>
         </el-table-column>
-        <el-table-column prop="PushCount" label="引流总数">
+        <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-else>{{scope.row.PushCount}} </span>
+          </template>
         </el-table-column>
-        <el-table-column prop="EffectiveCount" label="有效总数">
+        <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-else>{{scope.row.EffectiveCount}} </span>
+          </template>
         </el-table-column>
-        <el-table-column prop="InvalidCount" label="无效总数">
+        <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-else>{{scope.row.InvalidCount}} </span>
+          </template>
         </el-table-column>
-        <el-table-column prop="RedBookCount" label="小红书总数">
+        <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-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-else>{{scope.row.DouYinCount}} </span>
+          </template>
         </el-table-column>
-        <el-table-column prop="FlyingPigCount" label="飞猪总数">
+        <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-else>{{scope.row.FlyingPigCount}} </span>
+          </template>
         </el-table-column>
-        <el-table-column prop="GroupChatCount" label="社群聊天总数">
+        <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-else>{{scope.row.GroupChatCount}} </span>
+          </template>
         </el-table-column>
-        <el-table-column prop="OfflineVisitCount" label="线下拜访总数">
+        <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-else>{{scope.row.OfflineVisitCount}} </span>
+          </template>
         </el-table-column>
-        <el-table-column prop="StraightCustomerCount" label="直客介绍总数">
+        <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-else>{{scope.row.StraightCustomerCount}} </span>
+          </template>
         </el-table-column>
-        <el-table-column prop="PeerCount" label="同业介绍总数">
+        <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-else>{{scope.row.PeerCount}} </span>
+          </template>
         </el-table-column>
-        <el-table-column prop="OtherCount" label="其他介绍总数">
+        <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-else>{{scope.row.OtherCount}} </span>
+          </template>
         </el-table-column>
-        <el-table-column prop="OrderCount" label="订单总数">
+        <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-else>{{scope.row.OrderCount}} </span>
+          </template>
         </el-table-column>
-        <el-table-column prop="TicketOrderCount" label="机票订单总数">
+        <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-else>{{scope.row.TicketOrderCount}} </span>
+          </template>
         </el-table-column>
-        <el-table-column prop="VisaOrderCount" label="签证订单总数">
+        <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-else>{{scope.row.VisaOrderCount}} </span>
+          </template>
         </el-table-column>
-        <el-table-column prop="GroundOrderCount" label="地接订单总数">
+        <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-else>{{scope.row.GroundOrderCount}} </span>
+          </template>
         </el-table-column>
-        <el-table-column prop="ComboOrderCount" label="套餐订单总数">
+        <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-else>{{scope.row.ComboOrderCount}} </span>
+          </template>
         </el-table-column>
       </el-table>
     </div>
-    <el-drawer :with-header="false" size='70%' :visible.sync="drawer" direction="rtl" :before-close="handleClose">
-      <clueComponent :isDrawer="isDrawer" :queryTime="queryTime"></clueComponent>
+    <el-drawer :with-header="false" size='80%' :visible.sync="drawer" direction="rtl" :before-close="handleClose">
+      <rightDrawer v-if="drawer"></rightDrawer>
     </el-drawer>
   </div>
 </template>
 
 <script>
-import clueComponent from "@/components/clueManagement/clueComponent";
+import rightDrawer from "../../components/workStatistics/rightDrawer.vue";
 export default {
   components: {
-    clueComponent,
+    rightDrawer,
   },
   data() {
     return {
-      queryTime: {
-        StartTime: "",
-        EndTime: "",
-      },
       drawer: false,
       isDrawer: true,
       msg: {
@@ -95,6 +155,14 @@ export default {
       total: 0,
       tableData: [],
       loading: false,
+      selfParams: {
+        queryTime: {},
+      },
+    };
+  },
+  provide() {
+    return {
+      selfParams: this.selfParams,
     };
   },
   created() {
@@ -111,15 +179,30 @@ export default {
       done();
     },
     // 查看详情
-    seeDetails(row) {
+    seeDetails(row, type = 0, val = "0") {
       var d = new Date();
       var currentY = this.msg.YearStr;
       var currentM = this.msg.MonthStr;
       var MonthDayNum = new Date(currentY, currentM, 0).getDate(); //计算当月的天数
-      this.queryTime.StartTime = this.msg.YearStr + "-" + row.DateStr;
-      this.queryTime.EndTime = this.msg.YearStr + "-" + row.DateStr;
+      this.selfParams.queryTime.StartTime =
+        this.msg.YearStr + "-" + row.DateStr;
+      this.selfParams.queryTime.EndTime = this.msg.YearStr + "-" + row.DateStr;
+
+      delete this.selfParams.queryTime.ClueState;
+      delete this.selfParams.queryTime.CustomerSourceType;
+      this.selfParams.queryTime.OrderType = "";
+      this.selfParams.queryTime.queryType = type;
+      this.selfParams.queryTime.queryVal = val;
+      if (type == 1) {
+        this.selfParams.queryTime.ClueState = val;
+      } else if (type == 2) {
+        this.selfParams.queryTime.CustomerSourceType = val;
+      } else if (type == 3) {
+        this.selfParams.queryTime.OrderType = val;
+      }
       this.drawer = true;
     },
+
     init() {
       if (this.loading) return;
       this.loading = true;