14.2

src/views/dataReport_manage/equityCustomStatistics.vue

@@ -35,16 +35,12 @@
             <el-card :class="['base-card', { 'main-card': filterObj.data_type === item.label }]" shadow="hover" @click.native="toggleType(item.label)">
               <div slot="header" class="clearfix">
                 <span>
-                  {{ item.label }}数
+                  {{ lableTextDisplay(item.label) }}数
                   <el-tooltip
                     class="item"
                     effect="dark"
                     :content="
-                      item.label === '新签客户'
-                        ? '起始时间在所选时间段内的新签合同'
-                        : item.label === '续约客户'
-                        ? '起始时间在所选时间段内的续约合同'
-                        : '合同截止时间在所选时间段内的非正式、非永续客户s'
+                      item.label === '新签客户' ? '起始时间在所选时间段内的新签合同' : item.label === '续约客户' ? '起始时间在所选时间段内的续约合同' : '合同截止时间在所选时间段内的非正式、非永续客户'
                     "
                     placement="top"
                   >
@@ -85,9 +81,12 @@
           <el-select v-model="noRenewalReasonId" placeholder="请选择不续约归因" clearable @change="getTableData" style="width: 240px; margin-right: 50px">
             <el-option :label="item.AscribeContent" :value="item.CompanyAscribeId" v-for="item in noRenewalReasonList" :key="item.reasonId"></el-option>
           </el-select>
-          <span @click="tabsHandler(item)" :class="tabsActiveName === item.value ? 'active' : ''" v-for="item in tabsList" :key="item">
+          <!-- <span @click="tabsHandler(item)" :class="tabsActiveName === item.value ? 'active' : ''" v-for="item in tabsList" :key="item">
             {{ item.name }}({{ item.name === "试用" ? NotRenewalTryOut : NotRenewalNotTryOut }})
-          </span>
+          </span> -->
+          <el-select v-model="tabsActiveName" placeholder="当前状态" clearable @change="getTableData" style="width: 240px; margin-right: 50px">
+            <el-option :label="item.name" :value="item.value" v-for="item in tabsList" :key="item.value"></el-option>
+          </el-select>
         </div>
       </div>
       <el-table :data="tableData" border style="margin-top: 20px; min-height: 400px" v-loading="isShowloadding" element-loading-text="数据加载中...">
@@ -285,7 +284,7 @@ export default {
         { name: "试用", value: "试用" },
         { name: "冻结/流失", value: "非试用" },
       ],
-      tabsActiveName: "试用",
+      tabsActiveName: "",
       NotRenewalNotTryOut: 0, //冻结流失的人数
       NotRenewalTryOut: 0, //试用的人数
       isNotRenewedConfirm: 1, //未续约的是否已确认
@@ -359,14 +358,14 @@ export default {
       this.getTableData();
     },
     //tabs 的点击事件
-    tabsHandler(item) {
-      this.tabsActiveName = item.value;
-      this.noRenewalReasonId = "";
-      this.page_no = 1;
-      this.getTableData();
-    },
+    // tabsHandler(item) {
+    //   this.tabsActiveName = item.value;
+    //   this.noRenewalReasonId = "";
+    //   this.page_no = 1;
+    //   this.getTableData();
+    // },
     notRenewedConfirmChange() {
-      this.tabsActiveName = "试用";
+      this.tabsActiveName = "";
       this.noRenewalReasonId = "";
       this.page_no = 1;
       this.getTableData();
@@ -453,7 +452,7 @@ export default {
       if (label == "未续约客户") {
         this.getNORenewalReasonList();
       }
-      this.tabsActiveName = "试用";
+      this.tabsActiveName = "";
       this.page_no = 1;
       this.getTableData();
     },
@@ -485,12 +484,13 @@ export default {
     /* 跳转 */
     jumpHandle(row, item) {
       if (item.link) {
-        this.$router.push({
+        let { href } = this.$router.resolve({
           path: "/customDetail",
           query: {
             id: row.CompanyId,
           },
         });
+        window.open(href, "_blank");
       }
     },
     getNORenewalReasonList() {
@@ -576,6 +576,10 @@ export default {
       this.rowInfo = row;
       this.previousDetailDlg = true;
     },
+    lableTextDisplay(text) {
+      let str = text == "新签客户" ? "新签合同" : text == "续约客户" ? "续约合同" : "未续约客户";
+      return str;
+    },
   },
   created() {},
   mounted() {