PICC出单时显示本月投保信息。

src/views/business/insuranceFirst-issued.vue

@@ -15,13 +15,13 @@
     -->
     <el-container>
       <el-aside width="70%">
-        <leftTab></leftTab>
+        <leftTab ref="leftTab" :id="id" :policyId="policyId"></leftTab>
       </el-aside>
       <el-container>
         <el-main>
           <el-form ref="form" :model="formModel" :rules="ruleValidate" :label-width="'100px'">
             <el-form-item label="当前步骤" style="text-align:left;">
-            {{insureData.statusN}}
+            {{policy.statusN}}
             </el-form-item>
             <el-form-item label="处理类型" prop="processStatus">
               <el-select v-model="formModel.processStatus" placeholder="请选择" filterable>
@@ -30,12 +30,12 @@
               </el-select>
             </el-form-item>
             <el-form-item label="应收保费" style="text-align:left;">
-              {{insureData.insuranceFee}}
+              {{policy.insuranceFee}}
             </el-form-item>
             <el-form-item label="投保人名称" style="text-align:left;">{{insureData.insuredName}}</el-form-item>
-            <el-form-item label="出账银行" style="text-align:left;">{{insureData.insurancePolicy.issuingBank}}</el-form-item>
-            <el-form-item label="入账银行" style="text-align:left;">{{insureData.insurancePolicy.accountBank}}</el-form-item>
-            <el-form-item label="转账单号" style="text-align:left;">{{insureData.insurancePolicy.singlNumber}}</el-form-item>
+            <el-form-item label="出账银行" style="text-align:left;">{{policy.issuingBank}}</el-form-item>
+            <el-form-item label="入账银行" style="text-align:left;">{{policy.accountBank}}</el-form-item>
+            <el-form-item label="转账单号" style="text-align:left;">{{policy.singlNumber}}</el-form-item>
             <el-form-item label="保险代理人" style="text-align:left;">{{agent.name}}</el-form-item>
             <el-form-item label="上传保单" style="text-align:left;">
               <el-upload
@@ -77,7 +77,9 @@ import insuranceApplicationApi from "@/api/business/insuranceApplication";
 import approvalApi from "@/api/business/approval";
 import { getToken } from "@/utils/auth"; // get token from cookie
 
-import leftTab from "./insuranceFirst-leftTab.vue";
+// import leftTab from "./insuranceFirst-leftTab.vue";
+// 显示当月投保信息
+import leftTab from "./insurancePolicy-leftTab.vue";
 
 import NProgress from "nprogress"; // progress bar
 import "nprogress/nprogress.css"; // progress bar style
@@ -139,8 +141,8 @@ export default {
       fileList: [],
       filesData: [],
       insuranceAgentlist: "",
-      policy: "",
-      agent: "",
+      policy: {},
+      agent: {},
       //上传地址
       uploadUrl: Constant.serverUrl + "/base/attachment/upload",
       uploadData: {
@@ -172,9 +174,15 @@ export default {
 
           if (jsonData.result) {
             self.insureData = jsonData.data;
-            this.agent = self.insureData.insurancePolicy.agent;
-            this.definitionId = self.insureData.definitionId;
-            this.policyId = self.insureData.insurancePolicy.id;
+            self.policy = self.insureData.insurancePolicy;
+            self.agent = self.policy.agent;
+            self.definitionId = self.insureData.definitionId;
+            self.policyId = self.policy.id;
+
+            self.$nextTick(() => {
+              //将属性注入后，设置leftTab
+              self.$refs.leftTab.insureDetail();
+            });
           } else {
             self.$message.error(jsonData.message + "");
           }