暂存

src/HDrpManagement/contactData/components/btnSelectInfo.vue

@@ -45,6 +45,8 @@ export default {
         const monthStartDate = new Date(now.getFullYear(), now.getMonth());
         this.dateData = [monthStartDate,monthStartDate]
       }
+      this.dateType = data
+      this.$emit('btnClick')
     }
   },
   mounted() {

src/HDrpManagement/contactData/components/salesContribution.vue

@@ -5,7 +5,7 @@
         <el-tabs v-model="activeName" @tab-click="handleClick">
           <el-tab-pane :label="$t(`联系人关联客户销售TOP10`)" name="关联客户">
             <depStatus class="inline-16" ref="depStatusCusRef" @depData="listData" @personData="listData" @leaveData="listData"></depStatus>
-            <btnSelect class="inline-16" :btnTitle="['本年','本季','本月']" dateType="本年"></btnSelect>
+            <btnSelect @btnClick="btnClick" class="inline-16" :btnTitle="['本年','本季','本月']" dateType="本年"></btnSelect>
             <tableDetail :layout="tablecols" :data="list" :opwidth="200" :custom="true">
               <template v-slot:customcol="scope">
                 <div v-if="scope.column.columnname === 'amount'">
@@ -16,7 +16,7 @@
             </tableDetail>
           </el-tab-pane>
           <el-tab-pane :label="$t(`联系人关联项目销售TOP10`)" name="关联项目">
-            <depStatus class="inline-16"  ref="depStatusProRef" @depData="listData" @personData="listData" @leaveData="listData"></depStatus>
+            <depStatus @btnClick="handleClick" class="inline-16"  ref="depStatusProRef" @depData="listData" @personData="listData" @leaveData="listData"></depStatus>
             <btnSelect class="inline-16" :btnTitle="['本年','本季','本月']" dateType="本年"></btnSelect>
             <tableDetail :layout="tablecols" :data="list" :opwidth="200" :custom="true">
               <template v-slot:customcol="scope">
@@ -108,11 +108,21 @@ export default {
       this.currentPage = res.pageNumber
     },
     handleClick(tab, event) {
-      console.log(tab, event);
-      if (tab == '关联客户'){
+      if (this.activeName == '关联客户'){
         this.tablecols = this.tool.tabelCol(this.$route.name).associatedCustomers.tablecols
+        this.listData(this.paramCus.content.dataid,this.paramCus.content.type,this.paramCus.content.where.isleave)
       }else {
         this.tablecols = this.tool.tabelCol(this.$route.name).associatedProject.tablecols
+        this.listData(this.paramPro.content.dataid,this.paramPro.content.type,this.paramPro.content.where.isleave)
+      }
+    },
+    btnClick(dateType){
+      if (this.activeName == '关联客户'){
+        this.paramCus.content.dateType = dateType
+        this.listData(this.paramCus.content.dataid,this.paramCus.content.type,this.paramCus.content.where.isleave)
+      }else {
+        this.paramPro.content.dateType = dateType
+        this.listData(this.paramPro.content.dataid,this.paramPro.content.type,this.paramPro.content.where.isleave)
       }
     }
   },

src/HDrpManagement/contactData/index.vue

@@ -7,30 +7,6 @@
       <template #content>
         <div style="overflow: auto;height: calc(100vh - 220px)" ref="rollRef" @scroll="handleScroll">
           <div style="display: flex;justify-content: space-between;margin: 10px 24px 20px 24px;">
-<!--            <div>-->
-<!--              <div class="inline-16">-->
-<!--                <label  class="search__label" >{{$t('部门')}}:</label>-->
-<!--                <el-cascader class="inline-16" placement="bottom" ref="selectdep" size="small" v-model="depment" :options="deplist" :props="{emitPath:true,expandTrigger:'hover',checkStrictly:true,label:'label',value:'departmentid',children:'children'}"  @change="selectDep" clearable></el-cascader>-->
-<!--              </div>-->
-<!--              <div class="inline-16">-->
-<!--                <label  class="search__label" >{{$t('业务员')}}:</label>-->
-<!--                <el-select v-model="person" filterable :placeholder="$t('请选择')" size="small" clearable @change="selectPerson">-->
-<!--                  <el-option-->
-<!--                      v-for="item in personnelList"-->
-<!--                      :key="item.index"-->
-<!--                      :label="$t(item.name)"-->
-<!--                      :value="item.userid">-->
-<!--                  </el-option>-->
-<!--                </el-select>-->
-<!--              </div>-->
-<!--              <div class="mt-10 inline-16">-->
-<!--                <p class="search__label">{{$t('状态')}}:</p>-->
-<!--                <el-select v-model="isleave" clearable style="margin-right:10px" size="small" :placeholder="$t('请选择状态')" @change="leaveChange" >-->
-<!--                  <el-option :label="$t('在职')" value="1"></el-option>-->
-<!--                  <el-option :label="$t('离职')" value="2"></el-option>-->
-<!--                </el-select>-->
-<!--              </div>-->
-<!--            </div>-->
             <depStatus ref="allDepRef" @depData="depData" @personData="depData" @leaveData="depData"></depStatus>
             <div>
               <btnSelect :btn-title="['全部','本年','本季','本月','上月','去年']" :date-type="dateType" @btnClick="btnClick"></btnSelect>
@@ -472,6 +448,7 @@ export default {
       /*联系人数据概况*/
       this.paramMain.content.type = '0'
       this.queryMainData(dataid,this.dateType)
+      this.$refs.salesContributionRef.listData(dataid)
     },
     /*其他页面再次调用*/
     otherModel(dataid,type,isleave,state){
@@ -479,6 +456,13 @@ export default {
       this.paramMain.content.where.isleave = isleave
       this.paramMain.content.dataid = dataid
       this.queryMainData(dataid,this.dateType)
+      this.$refs.salesContributionRef.$refs.depStatusProRef.person = state == '状态' ? '' : type == 0  ? dataid : ''
+      this.$refs.salesContributionRef.$refs.depStatusCusRef.person = state == '状态' ? '' : type == 0 ? dataid : ''
+      this.$refs.salesContributionRef.$refs.depStatusCusRef.depment = type == 0 ? '' : dataid
+      this.$refs.salesContributionRef.$refs.depStatusProRef.depment = type == 0 ? '' : dataid
+      this.$refs.salesContributionRef.$refs.depStatusProRef.isleave = isleave
+      this.$refs.salesContributionRef.$refs.depStatusCusRef.isleave = isleave
+      this.$refs.salesContributionRef.listData(dataid,type,isleave,state)
     },
     /*联系人数据概况*/
     async queryMainData(dataid,dateType){