测试问题修改

src/views/GBC/customerDetail.vue

@@ -9,16 +9,20 @@
       </div>
       <div style="display: flex;font-size: 13px;color: #999;margin-top: 10px;">
         <span style="width: 25%;display: flex;align-items: flex-end;align-items: baseline;justify-content: center;">
-          <span style="color: #EC5449;font-size: 22px;margin-right: 7px;font-weight: bold;">{{infoContent.contSize}}</span>份
+          <span style="color: #EC5449;font-size: 22px;margin-right: 2px;font-weight: bold;">{{infoContent.contSize}}</span>
+          <span>份</span>
         </span>
         <span style="width: 25%;display: flex;align-items: flex-end;align-items: baseline;justify-content: center;">
-          <span style="color: #EC5449;font-size: 22px;margin-right: 7px;font-weight: bold;">{{infoContent.members.length}}</span>人
+          <span style="color: #EC5449;font-size: 22px;margin-right: 2px;font-weight: bold;">{{infoContent.members.length}}</span>
+          <span>人</span>
         </span>
         <span style="width: 25%;display: flex;align-items: flex-end;align-items: baseline;justify-content: center;">
-          <span style="color: #EC5449;font-size: 22px;margin-right: 7px;font-weight: bold;">{{infoContent.totalAmt}}</span>
+          <span style="color: #EC5449;font-size: 22px;margin-right: 2px;font-weight: bold;">{{infoContent.totalAmt}}</span>
+          <span>万元</span>
         </span>
         <span style="width: 25%;display: flex;align-items: flex-end;align-items: baseline;justify-content: center;">
-          <span style="color: #EC5449;font-size: 22px;margin-right: 7px;font-weight: bold;">{{infoContent.totalPrem}}</span>
+          <span style="color: #EC5449;font-size: 22px;margin-right: 2px;font-weight: bold;">{{infoContent.totalPrem}}</span>
+          <span>万元</span>
         </span>
       </div>
     </div>
@@ -131,22 +135,22 @@
             </div>
             <div style="padding: 10px 0px;">
               <div style="display: flex;line-height: 30px;align-items: center;">
-                <p style="width: 30%;color: #666;">投保人：</p>
+                <p style="width: 25%;color: #666;">投保人：</p>
                 <p style="width: 25%;color: #000;">{{item.appntName}}</p>
                 <p style="width: 25%;color: #666;">被保险人：</p>
-                <p style="width: 20%;color: #000;">{{item.insuredName}}</p>
+                <p style="width: 25%;color: #000;">{{item.insuredName}}</p>
               </div>
               <div style="display: flex;line-height: 30px;align-items: center;">
-                <p style="width: 30%;color: #666;">保额(元)：</p>
-                <p style="width: 25%;color: #000;">{{item.amt}}</p>
+                <p style="width: 25%;color: #666;">保额(元)：</p>
+                <p style="width: 25%;color: #000;">{{item.amt.toFixed(2)}}</p>
                 <p style="width: 25%;color: #666;">保费(元)：</p>
-                <p style="width: 20%;color: #000;">{{item.prem}}</p>
+                <p style="width: 25%;color: #000;">{{item.prem.toFixed(2)}}</p>
               </div>
               <div style="display: flex;line-height: 30px;align-items: center;">
-                <p style="width: 30%;color: #666;">交费期间：</p>
+                <p style="width: 25%;color: #666;">交费期间：</p>
                 <p style="width: 25%;color: #000;">{{item.paymentPeriod}}</p>
                 <p style="width: 25%;color: #666;">保险期间：</p>
-                <p style="width: 20%;color: #000;">{{item.insuredPeriod}}</p>
+                <p style="width: 25%;color: #000;">{{item.insuredPeriod}}</p>
               </div>
               <div style="display: flex;line-height: 30px;align-items: center;">
                 <p style="width: 30%;color: #666;">保险生效日期：</p>
@@ -230,6 +234,7 @@ export default {
 
   },
   mounted(){
+    this.infoContent.activeAppntId = this.$route.query.appntId
     this.getGBCappntDetail()
   },
   methods: {
@@ -237,14 +242,16 @@ export default {
       this.activeMembersIndex = thisIndex
       this.infoContent.appntName = thisData.name
       this.infoContent.age = thisData.age
+      this.infoContent.activeAppntId = thisData.appntId
       this.infoContent.gender = thisData.gender
       this.infoContent.mobile = thisData.mobile
       this.infoContent.departmentName = thisData.departmentName
+      this.getGBCappntDetail()
     },
     getGBCappntDetail() {
       let params = {
         "projectCode": this.$route.query.projectCode,
-        "appntId": this.$route.query.appntId
+        "appntId": this.infoContent.activeAppntId
       }
       getGBCappntDetail(params).then(res => {
         if(res.result == 0) {
@@ -257,7 +264,7 @@ export default {
     getGBCappntConnectSave(){
       let params = {
         "projectCode": this.$route.query.projectCode,
-        "appntId": this.$route.query.projectCode,
+        "appntId": this.infoContent.activeAppntId,
         "connectContent": this.connectContent
       }
       getGBCappntConnectSave(params).then(res=>{
@@ -275,7 +282,7 @@ export default {
         this.infoContent.appntType = value.id
         let params = {
           "projectCode": this.$route.query.projectCode,
-          "appntId": this.$route.query.appntId,
+          "appntId": this.infoContent.activeAppntId,
           "appntType": this.infoContent.appntType
         }
         getGBCappntTypeSave(params).then(res=>{

src/views/GBC/projectDetail.vue

@@ -98,26 +98,69 @@
           <p style="font-size: 18px;line-height: 35px;font-weight: bold;">项目数据统计</p>
           <p style="color: #a7a7a7;font-size: 14px;">数据截止日期：2024-03-30</p>
         </div>
-        <div style="margin-top: 10px;margin-bottom: 3px;background: rgba(255, 87, 83, 0.7);line-height: 30px;display: flex;align-items: center;color: #fff;font-size: 14px;">
-          <span style="width: 25%;display: flex;justify-content: center;">小组</span>
-          <span style="width: 25%;display: flex;justify-content: center;">组长</span>
-          <span style="width: 25%;display: flex;justify-content: center;">获客人数</span>
-          <span style="width: 25%;display: flex;justify-content: center;">获客率</span>
-        </div>
-        <div>
-          <div style="background: rgba(251, 235, 230, 0.44);margin-bottom: 1px;line-height: 30px;display: flex;align-items: center;color: #333;font-size: 13px;">
-            <span style="width: 50%;display: flex;justify-content: center;">项目合并</span>
-            <span style="width: 25%;display: flex;justify-content: center;">890</span>
-            <span style="width: 25%;display: flex;justify-content: center;">89%</span>
-          </div>
-        </div>
-        <div>
-          <div v-for="(item,index) in dataList3" :key="index" style="background: rgba(251, 235, 230, 0.44);margin-bottom: 1px;line-height: 30px;display: flex;align-items: center;color: #333;font-size: 13px;">
-            <span style="width: 25%;display: flex;justify-content: center;">{{item.name}}</span>
-            <span style="width: 25%;display: flex;justify-content: center;">{{item.role}}</span>
-            <span style="width: 25%;display: flex;justify-content: center;">{{item.value1}}</span>
-            <span style="width: 25%;display: flex;justify-content: center;">{{item.value2}}</span>
-          </div>
+        <div style="overflow: auto;">
+          <table cellspacing=0 style="margin-top: 10px;">
+            <thead style="background: rgba(255, 87, 83, 0.7);color: #fff;">
+              <tr class="theadClass">
+                <th>小组</th>
+                <th>组长</th>
+                <th>获客人数</th>
+                <th>获客率</th>
+                <th>筛客人数</th>
+                <th>筛客率</th>
+                <th>累计标保(元)</th>
+                <th>承保人数</th>
+                <th>承保件数(件)</th>
+                <th>件均(元)</th>
+                <th>面谈转化率</th>
+                <th>受理承保率</th>
+                <th>受理标保(元)</th>
+                <th>受理件数</th>
+                <th>重疾险件数</th>
+                <th>重疾标保(元)</th>
+                <th>重疾件均(元)</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr class="tbodyClass">
+                <td colspan="2">项目合并</td>
+                <td>.00</td>
+                <td>.00</td>
+                <td>.00</td>
+                <td>.00</td>
+                <td>.00</td>
+                <td>.00</td>
+                <td>.00</td>
+                <td>.00</td>
+                <td>.00</td>
+                <td>.00</td>
+                <td>.00</td>
+                <td>.00</td>
+                <td>.00</td>
+                <td>.00</td>
+                <td>.00</td>
+              </tr>
+              <tr v-for="(item,index) in dataList3" :key="index" class="tbodyClass">
+                <td>{{item.name}}</td>
+                <td>{{item.name}}</td>
+                <td>{{item.name}}</td>
+                <td>{{item.name}}</td>
+                <td>{{item.name}}</td>
+                <td>{{item.name}}</td>
+                <td>{{item.name}}</td>
+                <td>{{item.name}}</td>
+                <td>{{item.name}}</td>
+                <td>{{item.name}}</td>
+                <td>{{item.name}}</td>
+                <td>{{item.name}}</td>
+                <td>{{item.name}}</td>
+                <td>{{item.name}}</td>
+                <td>{{item.name}}</td>
+                <td>{{item.name}}</td>
+                <td>{{item.name}}</td>
+              </tr>
+            </tbody>
+          </table>
         </div>
       </div>
     </div>
@@ -206,6 +249,7 @@ export default {
 
   },
   mounted(){
+    document.title = this.$route.query.projectName
     this.getGBCappntlist()
     this.getProductList()
   },
@@ -373,4 +417,23 @@ export default {
   /deep/ [data-v-3f765cce] .van-dropdown-item__content{
     box-shadow: 0px 0px 5px 5px #f5f5f5;
   }
+  .theadClass{
+    th{
+      white-space: nowrap;
+      padding: 0px 10px;
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 30px;
+    }
+  }
+  .tbodyClass{
+    background: rgba(251, 235, 230, 0.44);
+    line-height: 30px;
+    margin-bottom: 1px;
+    font-size: 13px;
+    /*color: #fff;*/
+    td{
+      text-align: center;
+    }
+  }
 </style>

src/views/GBC/projectList.vue

@@ -62,7 +62,8 @@ export default {
       this.$router.push({
         path:'/GBC/projectDetail',
         query:{
-          projectCode:data.projectCode
+          projectCode:data.projectCode,
+          projectName:data.projectName
         },
       })
     },