no message

src/components/clueManagement/clueComponent.vue

@@ -4,12 +4,15 @@
     .el-table__fixed-body-wrapper table {
         padding-bottom: 8px !important;
     }
+    .clueTitle{
+        padding: 20px 20px 0 20px;
+    }
 </style>
 <template>
     <div class="customerManage">
         <div class="tools">
             <div class="tools-item">
-                <h1>线索管理</h1>
+                <h1 :class="isDrawer?'clueTitle':''">线索管理</h1>
             </div>
             <template v-if="!isDrawer">
                 <div style="width: 340px;">
@@ -110,7 +113,7 @@
             <el-table v-if="!loading" ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%"
                 :height="sceneList.length > 0 ? '600' : '660'" border row-class-name="font-size-12"
                 @selection-change="handleSelectionChange">
-                <el-table-column fixed type="selection" width="40"></el-table-column>
+                <el-table-column v-if="!isDrawer" fixed type="selection" width="40"></el-table-column>
                 <el-table-column prop="ClueState" label="线索状态" show-overflow-tooltip width="80">
                     <template slot-scope="scope">
                         <template v-if="scope.row.ClueState==1">
@@ -255,7 +258,7 @@
                 default: false,
             },
             queryTime:{
-                type:String,
+                type:Object,
                 default: null
             }
         },
@@ -438,6 +441,14 @@
             this.MsgBus.$off('editScene');
         },
         methods: {
+            handleClose(done) {
+                done();
+            },
+            // 查看详情
+            seeDetails(row){
+                this.drawer = true
+                this.queryTime = this.msg.YearStr+'-'+row.DateStr
+            },
             changeWhere(item) {
                 this.msg.ID = item.ID
                 this.sceneID = item.ID
@@ -711,12 +722,9 @@
                 if(!this.isDrawer){
                     url = '/api/Customer/GetCustomerCluePage'
                 }else{
-                    var d = new Date();
-                    var currentY = this.queryTime.slice(0,4);
-                    var currentM = this.queryTime.slice(5,7);
-                    var MonthDayNum = new Date(currentY,currentM,0).getDate();  //计算当月的天数
-                    this.msg.StartTime = this.queryTime
-                    this.msg.EndTime = currentY+'-'+currentM+'-'+MonthDayNum
+                    
+                    this.msg.StartTime = this.queryTime.StartTime
+                    this.msg.EndTime = this.queryTime.StartTime
                     url = '/api/Customer/GetCustomerClueAllPage'
                 }
                 this.apipost(url, this.msg, res => {

src/views/workstatistics/dayStatistics.vue

@@ -81,7 +81,10 @@ export default {
   },
   data() {
     return {
-      queryTime:'',
+      queryTime:{
+        StartTime:'',
+        EndTime:''
+      },
       drawer: false,
       isDrawer: true,
       msg: {
@@ -109,8 +112,13 @@ export default {
     },
     // 查看详情
     seeDetails(row){
+      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 = currentY+'-'+currentM+'-'+MonthDayNum
       this.drawer = true
-      this.queryTime = this.msg.YearStr+'-'+row.DateStr
     },
     init() {
       if (this.loading) return;

src/views/workstatistics/monthStatistics.vue

@@ -31,7 +31,10 @@
             <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 :cell-class-name="tableCellClassName" :row-class-name="tableRowClassName">
-                        <el-table-column prop="DateStr" label="">
+                        <el-table-column>
+                          <template slot-scope="scope">
+                            <span class="pointer" @click="seeDetails(scope.row)">{{scope.row.DateStr}}</span>
+                          </template>
                         </el-table-column>
                         <el-table-column prop="PushCount" label="引流总数">
                         </el-table-column>
@@ -103,14 +106,26 @@
                 </div>
             </el-tab-pane>
         </el-tabs>
-        
+        <el-drawer :with-header="false" size='70%' :visible.sync="drawer" direction="rtl" :before-close="handleClose">
+          <clueComponent :isDrawer="isDrawer" :queryTime="queryTime"></clueComponent>
+        </el-drawer>
     </div>
 </template>
 
 <script>
+  import clueComponent from "@/components/clueManagement/clueComponent";
 export default {
+  components: {
+    clueComponent
+  },
   data() {
     return {
+      queryTime:{
+        StartTime:'',
+        EndTime:''
+      },
+      drawer:false,
+      isDrawer:true,
       msg: {
         month: "",
         YearStr: "",
@@ -133,6 +148,24 @@ export default {
     this.initRate();
   },
   methods: {
+    handleClose(done) {
+      done();
+    },
+    // 查看详情
+    seeDetails(row){
+      var d = new Date();
+      var currentY = this.msg.YearStr;
+      var currentM = this.msg.month;
+      if(row.DateStr.length==2){
+        currentM = '0'+row.DateStr.slice(0,1)
+      }else{
+        currentM = row.DateStr.slice(0,2)
+      }
+      var MonthDayNum = new Date(currentY,currentM,0).getDate();  //计算当月的天数
+      this.queryTime.StartTime = this.msg.YearStr+'-'+currentM+'-01'
+      this.queryTime.EndTime = currentY+'-'+currentM+'-'+MonthDayNum
+      this.drawer = true
+    },
     init() {
       if (this.loading) return;
       this.loading = true;
@@ -174,7 +207,7 @@ export default {
     },
     tableCellClassName({ row, column }) {
       if (
-        row[column.property].toString().indexOf("-") != -1 &&
+        row[column.property]&&row[column.property].toString().indexOf("-") != -1 &&
         column.property != "DateStr"
       ) {
         return "warning-col";
@@ -250,4 +283,10 @@ export default {
   left: 0;
   right: 0;
 }
+.pointer{
+  cursor: pointer;
+}
+.pointer:hover{
+  color: #00b0f0;
+}
 </style>