业务数据大屏优化

src/HManagement/serviceDataScreen/components/profileTemplate.vue

@@ -22,7 +22,7 @@
               </template>
               <div slot="reference">
                 <div class="value-style">
-              <span v-if="item.title == '报价总金额' || item.title == '客户报价金额' || item.title == '项目报价金额'">
+              <span v-if="item.title == '报价总金额' || item.title == '客户报价金额' || item.title == '项目报价金额' || item.title == '关联客户成交金额' || item.title == '关联项目成交金额'">
                 <span v-if="item.value > 10000" >
                   {{tool.formatAmount(tool.unitConversion(item.value,10000),2)}}<span style="font-size: 0.729vw">{{$t('万元')}}</span>
                 </span>

src/HManagement/serviceDataScreen/modules/dataProfile.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
     <borderTemplate borderBox="width: 31.250vw;height: 32.813vw;" title="数据概况" detailTitle="查看详情" @dialog="$emit('dialog')"
-                    :systemappid="typeSelect == '线索'?'278':typeSelect == '客户'?'276':typeSelect == '项目'?'275':'277'"
-                    :push_path="typeSelect == '线索'?'/clueData':typeSelect == '客户'?'/customerData':typeSelect == '项目'?'/projectData':'/salesData'">
+                    :systemappid="typeSelect == '线索'?'278':typeSelect == '客户'?'276':typeSelect == '项目'?'275':typeSelect == '联系人'?'313':'277'"
+                    :push_path="typeSelect == '线索'?'/clueData':typeSelect == '客户'?'/customerData':typeSelect == '项目'?'/projectData':typeSelect == '联系人'?'/contactData':'/salesData'">
       <template slot="content">
         <div class="justify-content">
           <div class="justify-content-left">
@@ -14,6 +14,10 @@
               <el-button type="primary" v-if="typeSelect == '客户'" class="btn-select" @click="typeChange('客户')">{{$t(`客户`)}}</el-button>
               <el-button type="text" class="btn-unSelect" v-else @click="typeChange('客户')">{{$t(`客户`)}}</el-button>
             </div>
+            <div class="box-border" v-if="siteid == 'HY'">
+              <el-button type="primary" v-if="typeSelect == '联系人'" class="btn-select" @click="typeChange('联系人')">{{$t(`联系人`)}}</el-button>
+              <el-button type="text" class="btn-unSelect" v-else @click="typeChange('联系人')">{{$t(`联系人`)}}</el-button>
+            </div>
             <div class="box-border">
               <el-button type="primary" v-if="typeSelect == '项目'" class="btn-select" @click="typeChange('项目')">{{$t(`项目`)}}</el-button>
               <el-button type="text" class="btn-unSelect" v-else @click="typeChange('项目')">{{$t(`项目`)}}</el-button>
@@ -29,6 +33,7 @@
               <el-option :label="$t('本年')" value="本年"></el-option>
               <el-option :label="$t('本季')" value="本季"></el-option>
               <el-option :label="$t('本月')" value="本月"></el-option>
+              <el-option :label="$t('上月')" value="上月"></el-option>
               <el-option :label="$t('去年')" value="去年"></el-option>
             </el-select>
           </div>
@@ -100,6 +105,7 @@ export default {
       list:'',
       dataProfile:[],
       profileType:[],
+      siteid:JSON.parse(sessionStorage.getItem('active_account')).siteid
     }
   },
   methods:{
@@ -112,6 +118,8 @@ export default {
         this.param.id = 20231018110404
       }else if (this.typeSelect == '报价'){
         this.param.id = 20231011201004
+      }else if (this.typeSelect == '联系人'){
+        this.param.id = 2025072114302202
       }
       const res = await this.$api.requested(this.param)
       this.list = res.data
@@ -328,6 +336,39 @@ export default {
             tips:'统计到当前查询时间为止的项目报价金额（审核状态）'
           },
         ]
+      }else if (val == '联系人') {
+        this.dataProfile = [
+          {
+            title:'联系人总数',
+            value:this.list.count_phonebook,
+            tips:'统计跟进联系人总数量'
+          },
+          {
+            title:'联系人跟进次数',
+            value:this.list.count_follow,
+            tips:'统计在【联系人】应用，跟进联系人次数。'
+          },
+          {
+            title:'关联客户数',
+            value:this.list.count_customer,
+            tips:'统计联系人关联的客户数量。'
+          },
+          {
+            title:'关联项目数',
+            value:this.list.count_project,
+            tips:'统计联系人关联的项目数量。'
+          },
+          {
+            title:'关联客户成交金额',
+            value:this.list.amount_customer,
+            tips:'统计联系人关联的客户标准、特殊订单下单金额。'
+          },
+          {
+            title:'关联项目成交金额',
+            value:this.list.amount_project,
+            tips:'统计联系人关联的项目订单下单金额。'
+          },
+        ]
       }
     },
     typeChange(val){
@@ -339,6 +380,8 @@ export default {
         this.typeSelect = '项目'
       }else if (val == '报价'){
         this.typeSelect = '报价'
+      }else if (val == '联系人'){
+        this.typeSelect = '联系人'
       }
       this.listData()
     },

src/HManagement/serviceDataScreen/modules/jobData.vue

@@ -6,36 +6,49 @@
           <el-select v-model="dateType"   size="small"  @change="dateTypeChange" :popper-append-to-body="false">
             <el-option :label="$t('本周')" value="本周"></el-option>
             <el-option :label="$t('本月')" value="本月"></el-option>
+            <el-option :label="$t('上月')" value="上月"></el-option>
             <el-option :label="$t('本年')" value="本年"></el-option>
           </el-select>
         </div>
         <div class="box-style">
-          <div class="justify-content-style-set">
-            <div>
-              <div class="data-font">{{list.xsxz}}</div>
-              <div class="title">{{$t(`新增线索`)}}</div>
+          <div class="box-border">
+            <div class="justify-content-style-set">
+              <div>
+                <div class="data-font">{{list.xsxz}}</div>
+                <div class="title">{{$t(`新增线索`)}}</div>
+              </div>
+              <div class="magin-10">
+                <div class="data-font">{{list.xmxz}}</div>
+                <div class="title">{{$t(`新增项目`)}}</div>
+              </div>
+              <div class="magin-10">
+                <div class="data-font">{{list.lxxz}}</div>
+                <div class="title">{{$t(`新增联系人`)}}</div>
+              </div>
             </div>
-            <div>
-              <div class="data-font">{{list.xmxz}}</div>
-              <div class="title">{{$t(`新增项目`)}}</div>
+            <div class="justify-content-style-set">
+              <div>
+                <div class="data-font">{{list.khxz}}</div>
+                <div class="title">{{$t(`新增客户`)}}</div>
+              </div>
+              <div class="magin-10">
+                <div class="data-font">{{list.khgj}}</div>
+                <div class="title">{{$t(`客户跟进`)}}</div>
+              </div>
+              <div class="magin-10">
+                <div class="data-font">{{list.xsgj}}</div>
+                <div class="title">{{$t(`跟进线索`)}}</div>
+              </div>
             </div>
-            <div>
-              <div class="data-font">{{list.khxz}}</div>
-              <div class="title">{{$t(`新增客户`)}}</div>
-            </div>
-          </div>
-          <div class="justify-content-style-set">
-            <div>
-              <div class="data-font">{{list.khgj}}</div>
-              <div class="title">{{$t(`客户跟进`)}}</div>
-            </div>
-            <div>
-              <div class="data-font">{{list.xsgj}}</div>
-              <div class="title">{{$t(`跟进线索`)}}</div>
-            </div>
-            <div>
-              <div class="data-font">{{list.xmgj}}</div>
-              <div class="title">{{$t(`项目跟进`)}}</div>
+            <div class="justify-content-style-set">
+              <div>
+                <div class="data-font">{{list.lxgj}}</div>
+                <div class="title">{{$t(`联系人跟进`)}}</div>
+              </div>
+              <div style="margin-left: 0.52vw">
+                <div class="data-font">{{list.xmgj}}</div>
+                <div class="title">{{$t(`项目跟进`)}}</div>
+              </div>
             </div>
           </div>
         </div>
@@ -69,7 +82,9 @@ export default {
         xmgj:'',
         xmxz:'',
         xsgj:'',
-        xsxz:'5'
+        xsxz:'',
+        lxgj:'',
+        lxxz:'',
       },
       listNew:""
     }
@@ -78,6 +93,7 @@ export default {
     async listData(){
       const res = await this.$api.requested(this.param)
       this.listNew = res.data
+      console.log(this.listNew,'数据1111222')
       this.dateTypeChange()
     },
     dateTypeChange(){
@@ -88,6 +104,8 @@ export default {
         this.list.xmgj = this.listNew.byxmgj
         this.list.xsgj = this.listNew.byxsgj
         this.list.xsxz = this.listNew.byxsxz
+        this.list.lxgj = this.listNew.bylxgj
+        this.list.lxxz = this.listNew.bylxxz
       }else if (this.dateType == '本周') {
         this.list.khgj = this.listNew.bzkhgj
         this.list.khxz = this.listNew.bzkhxz
@@ -95,6 +113,8 @@ export default {
         this.list.xmgj = this.listNew.bzxmgj
         this.list.xsgj = this.listNew.bzxsgj
         this.list.xsxz = this.listNew.bzxsxz
+        this.list.lxgj = this.listNew.bzlxgj
+        this.list.lxxz = this.listNew.bzlxxz
       }else if (this.dateType == '本年') {
         this.list.khgj = this.listNew.bnkhgj
         this.list.khxz = this.listNew.bnkhxz
@@ -102,6 +122,17 @@ export default {
         this.list.xmgj = this.listNew.bnxmgj
         this.list.xsgj = this.listNew.bnxsgj
         this.list.xsxz = this.listNew.bnxsxz
+        this.list.lxgj = this.listNew.bnlxgj
+        this.list.lxxz = this.listNew.bnlxxz
+      }else if (this.dateType == '上月'){
+        this.list.khgj = this.listNew.sykhgj
+        this.list.khxz = this.listNew.sykhxz
+        this.list.xmxz = this.listNew.syxmxz
+        this.list.xmgj = this.listNew.syxmgj
+        this.list.xsgj = this.listNew.syxsgj
+        this.list.xsxz = this.listNew.syxsxz
+        this.list.lxgj = this.listNew.sylxgj
+        this.list.lxxz = this.listNew.sylxxz
       }
     },
     detailClick(){
@@ -121,6 +152,25 @@ export default {
   border: 0.052vw solid #CFDCE5;
   margin-top: 0.642vw;
 }
+.box-border{
+  margin: 0vw 0 0.605vw 0vw;
+  max-width: 13.021vw;
+  max-height: 6.058vw;
+  overflow: auto;
+}
+.box-border::-webkit-scrollbar {
+  width: 0.313vw;
+  height: 0.313vw;
+  background-color: transparent;
+}
+.box-border::-webkit-scrollbar-track {
+  background-color: transparent;
+  background-color: rgb(15, 43, 87);
+}
+.box-border::-webkit-scrollbar-thumb {
+  border-radius: 0.156vw;
+  background-image: linear-gradient(135deg, #c0c7cc, #c0c7cc);
+}
 .box-style .data-font{
   font-family: Microsoft YaHei, Microsoft YaHei;
   font-weight: bold;
@@ -142,7 +192,10 @@ export default {
 }
 .justify-content-style-set{
   display: flex;
-  justify-content: space-between;
+  justify-content:left;
   padding: 0.225vw 1.042vw 0 1.042vw;
 }
+.magin-10{
+  margin-left: 1.182vw;
+}
 </style>

src/HManagement/serviceDataScreen/modules/salesPanel.vue

@@ -27,6 +27,7 @@
               <el-option :label="$t('本年')" value="本年"></el-option>
               <el-option :label="$t('本季')" value="本季"></el-option>
               <el-option :label="$t('本月')" value="本月"></el-option>
+              <el-option :label="$t('上月')" value="上月"></el-option>
             </el-select>
           </div>
         </div>