14.4.1

src/views/dataReport_manage/components/RenewalRateDetail.vue

@@ -6,6 +6,7 @@
       top="5vh"
       :close-on-click-modal="false"
       :modal-append-to-body="false"
+      :append-to-body="true"
       @close="cancelHandle"
       width="1000px"
       v-dialogDrag
@@ -40,6 +41,13 @@
               </template>
             </template>
           </el-table-column>
+          <el-table-column align="center" prop="Money" label="不续约归因" width="130">
+            <template slot-scope="{ row }">
+              <span style="color: #409eff; cursor: pointer" @click="editReasonLabel(row)">
+                {{ row.AscribeContent }}
+              </span>
+            </template></el-table-column
+          >
         </el-table>
         <el-pagination
           layout="total,prev,pager,next"
@@ -53,11 +61,29 @@
         </el-pagination>
       </div>
     </el-dialog>
+    <el-dialog
+      :visible.sync="isConfirmNoRenewalShowSon"
+      title="确认不续约"
+      top="5vh"
+      :close-on-click-modal="false"
+      :modal-append-to-body="false"
+      :append-to-body="true"
+      @close="cancelHandleSon"
+      width="652px"
+      v-dialogDrag
+      center
+      custom-class="custom-class-confirm-no-renewal-show-dlg"
+    >
+      <div class="user-title">{{ confirmNoRenewalFormSon.AscribeContent }}</div>
+      <div class="content-reason">{{ confirmNoRenewalFormSon.Content }}</div>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import { dataMainInterface } from "@/api/api.js";
+import confirmedNoRenewal from "./noRenewalReasonDia/confirmedNoRenewal.vue";
+
 export default {
   props: {
     showRenewalRateDetailDlg: {
@@ -77,8 +103,13 @@ export default {
       tableData: [],
       activeName: "确认不续约合同",
       RenewalDataFormSon: {},
+      confirmNoRenewalFormSon: {},
+      isConfirmNoRenewalShowSon: false,
     };
   },
+  components: {
+    confirmedNoRenewal,
+  },
   watch: {
     showRenewalRateDetailDlg: {
       handler(val) {
@@ -133,6 +164,18 @@ export default {
       this.pageNo = 1;
       this.getTableData();
     },
+    cancelHandleSon() {
+      this.confirmNoRenewalFormSon = {};
+      this.isConfirmNoRenewalShowSon = false;
+    },
+    editReasonLabel(row) {
+      dataMainInterface.contractInfoNoRenewedAscribe({ CompanyContractId: row.CompanyContractId }).then((res) => {
+        if (res.Ret == 200) {
+          this.confirmNoRenewalFormSon = res.Data.Detail;
+          this.isConfirmNoRenewalShowSon = true;
+        }
+      });
+    },
   },
 };
 </script>
@@ -147,4 +190,23 @@ export default {
     background-color: #fff;
   }
 }
+.custom-class-confirm-no-renewal-show-dlg {
+  div {
+    box-sizing: border-box;
+  }
+  .user-title {
+    width: 100%;
+    height: 40px;
+    padding-left: 20px;
+    line-height: 40px;
+    border: 1px solid #dcdfe6;
+  }
+  .content-reason {
+    padding: 20px;
+    margin: 20px 0;
+    width: 100%;
+    height: 201px;
+    border: 1px solid #dcdfe6;
+  }
+}
 </style>

src/views/dataReport_manage/equityCustomStatistics.vue

@@ -202,7 +202,7 @@
       equityType="权益客户统计"
     />
     <previous-detail :previousDetailDlg.sync="previousDetailDlg" :rowInfo="rowInfo" />
-    <RenewalRateDetail :showRenewalRateDetailDlg.sync="showRenewalRateDetailDlg" :renewalRateDetailForm.sync="renewalRateDetailForm" />
+    <RenewalRateDetail :showRenewalRateDetailDlg.sync="showRenewalRateDetailDlg" :renewalRateDetailForm.sync="renewalRateDetailForm" :noRenewalReasonListSon="noRenewalReasonList" />
   </div>
 </template>