暂存

src/HDrpManagement/contactData/index.vue

@@ -35,7 +35,7 @@
               <btnSelect :btn-title="['全部','本年','本季','本月','上月','去年']" :date-type="dateType" @btnClick="btnClick"></btnSelect>
             </div>
           </div>
-          <dataBoard title="联系人数据概况" :mainData="mainData"></dataBoard>
+          <dataBoard title="联系人数据概况" :mainData="maninInfo"></dataBoard>
         </div>
       </template>
     </normal-layout>
@@ -77,7 +77,8 @@ export default {
             "isleave": "1"
           }
         },
-      }
+      },
+      maninInfo:''
     }
   },
   watch: {
@@ -213,6 +214,7 @@ export default {
       this.paramMain.content.type = type
       this.paramMain.content.where.isleave = isleave
       this.paramMain.content.dataid = dataid
+      this.queryMainData(dataid,this.dateType)
     },
     /*联系人数据概况*/
     async queryMainData(dataid,dateType){
@@ -223,8 +225,49 @@ export default {
         this.tool.showMessage(res,()=>{})
       }else {
         this.mainData = res.data
+        this.changeDataStructure()
       }
-
+    },
+    changeDataStructure(){
+      let that = this
+      this.maninInfo = [
+        {
+          label:'联系人总数',
+          value:this.tool.qtyShow(this.mainData.count_phonebook),
+          isTooltip:false,
+          tooltip:'统计跟进联系人总数量'
+        },
+        {
+          label:'联系人跟进次数',
+          value:this.tool.qtyShow(this.mainData.count_follow),
+          isTooltip:true,
+          tooltip:''
+        },
+        {
+          label:'关联客户数',
+          value:this.tool.qtyShow(this.mainData.count_customer),
+          isTooltip:true,
+          tooltip:''
+        },
+        {
+          label:'关联项目数',
+          value:this.tool.qtyShow(this.mainData.count_project),
+          isTooltip:true,
+          tooltip:''
+        },
+        {
+          label:'关联客户成交金额',
+          value:this.tool.formatAmount(this.mainData.amount_customer,2,'¥'),
+          isTooltip:true,
+          tooltip:''
+        },
+        {
+          label:'关联项目成交金额',
+          value:this.tool.formatAmount(this.mainData.amount_project,2,'¥'),
+          isTooltip:true,
+          tooltip:''
+        }
+      ]
     }
   },
   mounted() {

src/components/dataBoard/index.vue

@@ -4,10 +4,10 @@
       <div class="div-box-new">
         <div style="font-size: 16px;color: #333333;margin-bottom: 20px">{{$t(title)}}</div>
         <div class="div-border-new">
-          <div class="item div-click">
-            <p class="title">{{}}</p>
-            <span class="content-font-new">{{$t('线索总数')}}</span>
-            <el-tooltip placement="top">
+          <div class="item div-click" v-for="item in mainData">
+            <p class="title">{{$t(item.value)}}</p>
+            <span class="content-font-new">{{$t(item.label)}}</span>
+            <el-tooltip placement="top" v-if="item.isTooltip">
               <div slot="content">{{$t('线索总数：包含待分配、已分配线索数。')}}</div>
               <img style="vertical-align: middle" width="14px" height="14px" src="../../assets/icons/prompt_icon.svg" >
             </el-tooltip>
@@ -39,7 +39,7 @@ export default {
 }
 .div-border-new{
   /*margin:0 30px 0 30px;*/
-  height: 250px
+  height: 150px
 }
 .div-border-new .item{
   height: 33%;