出账银行,入账银行,佣金功能

src/views/business/commission-detail.vue

@@ -14,17 +14,21 @@
   >
     <div class="user-panel" v-loading="loading">
       <el-form ref="form" :model="formModel" :rules="ruleValidate" :label-width="'200px'">
-        <el-form-item label="保险代理人" prop="sortNo">
-          <b v-text="formModel.agent.name"></b>
-        </el-form-item>
-        <el-form-item label="银行卡号">
-          <b v-text="bankCardNumber"></b>
-        </el-form-item>
+        <div v-for="(bank,index) in bankCardData" :key="index">
+          <el-form-item :label="bank.name">
+            <b v-text="bank.value"></b>
+          </el-form-item>
+        </div>
         <el-form-item label="保单金额" prop="insuranceFee">
-          <b v-text="formModel.insuranceFee"></b>
+          <b style="color:red" v-text="formModel.insuranceFee"></b>
         </el-form-item>
         <el-form-item label="佣金收益" prop="commission">
-          <el-input-number v-model="formModel.commission" placeholder="请输入佣金收益" style="width:200px" :min="0"></el-input-number>
+          <el-input-number
+            v-model="formModel.commission"
+            placeholder="请输入佣金收益"
+            style="width:200px"
+            :min="0"
+          ></el-input-number>
         </el-form-item>
         <el-form-item label="佣金打款时间" prop="commissionTime">
           <el-date-picker
@@ -66,7 +70,8 @@ export default {
       loading: false,
       submitting: false,
       queryResult: [],
-      bankCardNumber:""
+      bankCardNumber: "",
+      bankCardData: []
     };
   },
   methods: {
@@ -132,15 +137,16 @@ export default {
       });
 
     var formData = new FormData();
-    formData.append("catalogName", "银行卡号");
-    await dataDictionaryApi.findByCatalogName(formData).then(function(response){
+    formData.append("catalogName", "佣金入账银行账户信息");
+    await dataDictionaryApi
+      .findByCatalogName(formData)
+      .then(function(response) {
         var jsonData = response.data;
         console.log(jsonData.data);
-        if(jsonData.result){
-          self.bankCardNumber = jsonData.data[0].value;
+        if (jsonData.result) {
+          self.bankCardData = jsonData.data;
         }
-        
-    });
+      });
   }
 };
 </script>

src/views/business/insuranceFirst-issued.vue

@@ -29,8 +29,16 @@
             </el-form-item>
             <el-form-item label="应收保费" style="text-align:left;">{{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;">{{policy.issuingBank}}</el-form-item>
-            <el-form-item label="入账银行" style="text-align:left;">{{policy.accountBank}}</el-form-item>
+            <el-form-item label="出账银行" prop="issuingBank" style="text-align:left;">
+              {{cBankCardName}}
+              <br />
+              <el-link type="primary" @click="showCBankView">详细</el-link>
+            </el-form-item>
+            <el-form-item label="入账银行" prop="accountBank" style="text-align:left;">
+              {{rBankCardName}}
+              <br />
+              <el-link type="primary" @click="showRBankView">详细</el-link>
+            </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;">
@@ -63,6 +71,23 @@
               <el-button size="mini" type="primary" :loading="submiting" @click="saveApproval()">提交</el-button>
             </el-form-item>
           </el-form>
+          <el-dialog title="银行信息" :visible.sync="bankDialogVisible" append-to-body width="30%">
+            <span>
+              <el-form
+                :label-width="'100px'"
+                style="text-align:left;"
+                v-for="(bank,index) in bankCardData"
+                :key="index"
+              >
+                <el-form-item :label="bank.name">
+                  <b v-text="bank.value"></b>
+                </el-form-item>
+              </el-form>
+            </span>
+            <span slot="footer" class="dialog-footer">
+              <el-button @click="bankDialogVisible = false">确定</el-button>
+            </span>
+          </el-dialog>
         </el-main>
       </el-container>
     </el-container>
@@ -72,6 +97,7 @@
 import Constant from "@/constant";
 import insuranceApplicationApi from "@/api/business/insuranceApplication";
 import approvalApi from "@/api/business/approval";
+import dataDictionaryApi from "@/api/sys/dataDictionary";
 import { getToken } from "@/utils/auth"; // get token from cookie
 
 // import leftTab from "./insuranceFirst-leftTab.vue";
@@ -155,7 +181,13 @@ export default {
       headers: {
         Authorization: getToken()
       },
-      submiting: false
+      submiting: false,
+      cBankCardName: "",
+      cBankCardData: [],
+      rBankCardName: "",
+      rBankCardData: [],
+      bankDialogVisible: false,
+      bankCardData: []
     };
   },
   methods: {
@@ -283,6 +315,16 @@ export default {
     },
     beforeRemove(file, fileList) {
       return this.$confirm(`确定移除 ${file.name}？`);
+    },
+    showCBankView() {
+      var self = this;
+      self.bankCardData = self.cBankCardData;
+      self.bankDialogVisible = true;
+    },
+    showRBankView() {
+      var self = this;
+      self.bankCardData = self.rBankCardData;
+      self.bankDialogVisible = true;
     }
   },
   async mounted() {
@@ -290,8 +332,34 @@ export default {
     self.loading = true;
 
     self.id = this.$route.query.id;
-    self.formModel.processStatus="正常";
+    self.formModel.processStatus = "正常";
     this.insureDetail();
+
+    var formData = new FormData();
+    formData.append("catalogName", "出账银行账户信息");
+    await dataDictionaryApi
+      .findByCatalogName(formData)
+      .then(function(response) {
+        var jsonData = response.data;
+        console.log(jsonData.data);
+        if (jsonData.result) {
+          self.cBankCardData = jsonData.data;
+          self.cBankCardName = jsonData.data[0].value;
+        }
+      });
+
+    var formData2 = new FormData();
+    formData2.append("catalogName", "入账银行账户信息");
+    await dataDictionaryApi
+      .findByCatalogName(formData2)
+      .then(function(response) {
+        var jsonData = response.data;
+        console.log(jsonData.data);
+        if (jsonData.result) {
+          self.rBankCardData = jsonData.data;
+          self.rBankCardName = jsonData.data[0].value;
+        }
+      });
   }
 };
 </script>

src/views/business/insuranceFirst-transfer.vue

@@ -19,17 +19,25 @@
       </el-aside>
       <el-container>
         <el-main>
-          <el-form ref="form" :model="formModel" :rules="ruleValidate" :label-width="'100px'" style="text-align:left;">
+          <el-form
+            ref="form"
+            :model="formModel"
+            :rules="ruleValidate"
+            :label-width="'100px'"
+            style="text-align:left;"
+          >
             <el-form-item label="当前步骤" style="text-align:left;">{{policy.statusN}}</el-form-item>
-            <el-form-item label="处理类型" prop="processStatus"  style="text-align:left;">
-              <el-select v-model="formModel.processStatus" placeholder="请选择" filterable 
-                size="mini">
+            <el-form-item label="处理类型" prop="processStatus" style="text-align:left;">
+              <el-select v-model="formModel.processStatus" placeholder="请选择" filterable size="mini">
                 <el-option label="通过" value="正常"></el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="应收保费" style="text-align:left;">{{policy.insuranceFee}}</el-form-item>
-            <el-form-item label="出账银行" prop="issuingBank"  style="text-align:left;">
-              <el-select
+            <el-form-item label="出账银行" prop="issuingBank" style="text-align:left;">
+              {{cBankCardName}}
+              <br />
+              <el-link type="primary" @click="showCBankView">详细</el-link>
+              <!-- <el-select
                 v-model="formModel.issuingBank"
                 filterable
                 placeholder="请选择"
@@ -42,10 +50,13 @@
                   :label="result.name + ':' + result.value"
                   :value="result.value"
                 ></el-option>
-              </el-select>
+              </el-select>-->
             </el-form-item>
-            <el-form-item label="入账银行" prop="accountBank"  style="text-align:left;">
-              <el-select
+            <el-form-item label="入账银行" prop="accountBank" style="text-align:left;">
+              {{rBankCardName}}
+              <br />
+              <el-link type="primary" @click="showRBankView">详细</el-link>
+              <!-- <el-select
                 v-model="formModel.accountBank"
                 filterable
                 placeholder="请选择"
@@ -58,13 +69,17 @@
                   :label="result.name + ':' + result.value"
                   :value="result.value"
                 ></el-option>
-              </el-select>
+              </el-select>-->
             </el-form-item>
-            <el-form-item label="转账单号" prop="singlNumber"  style="text-align:left;">
-              <el-input placeholder="请输入转账单号" size="mini" 
-              v-model="formModel.singlNumber" style="width:200px;"></el-input>
+            <el-form-item label="转账单号" prop="singlNumber" style="text-align:left;">
+              <el-input
+                placeholder="请输入转账单号"
+                size="mini"
+                v-model="formModel.singlNumber"
+                style="width:200px;"
+              ></el-input>
             </el-form-item>
-            <el-form-item label="保险代理人" prop="agentId"  style="text-align:left;">
+            <el-form-item label="保险代理人" prop="agentId" style="text-align:left;">
               <el-select
                 v-model="formModel.agentId"
                 filterable
@@ -89,6 +104,23 @@
               <el-button size="mini" type="primary" :loading="submiting" @click="saveApproval()">提交</el-button>
             </el-form-item>
           </el-form>
+          <el-dialog title="银行信息" :visible.sync="bankDialogVisible" append-to-body width="30%">
+            <span>
+              <el-form
+                :label-width="'100px'"
+                style="text-align:left;"
+                v-for="(bank,index) in bankCardData"
+                :key="index"
+              >
+                <el-form-item :label="bank.name">
+                  <b v-text="bank.value"></b>
+                </el-form-item>
+              </el-form>
+            </span>
+            <span slot="footer" class="dialog-footer">
+              <el-button @click="bankDialogVisible = false">确定</el-button>
+            </span>
+          </el-dialog>
         </el-main>
       </el-container>
     </el-container>
@@ -125,20 +157,20 @@ export default {
             trigger: "blur"
           }
         ],
-        issuingBank: [
-          {
-            required: true,
-            message: "请填写出账银行",
-            trigger: "blur"
-          }
-        ],
-        accountBank: [
-          {
-            required: true,
-            message: "请填写入账银行",
-            trigger: "blur"
-          }
-        ],
+        // issuingBank: [
+        //   {
+        //     required: true,
+        //     message: "请填写出账银行",
+        //     trigger: "blur"
+        //   }
+        // ],
+        // accountBank: [
+        //   {
+        //     required: true,
+        //     message: "请填写入账银行",
+        //     trigger: "blur"
+        //   }
+        // ],
         singlNumber: [
           {
             required: true,
@@ -193,7 +225,13 @@ export default {
       agentData: [],
       submiting: false,
       accountBankData: [],
-      issuingBankData: []
+      issuingBankData: [],
+      cBankCardName: "",
+      cBankCardData: [],
+      rBankCardName: "",
+      rBankCardData: [],
+      bankDialogVisible: false,
+      bankCardData: []
     };
   },
   methods: {
@@ -320,14 +358,14 @@ export default {
       approvalApi.downloadPolicyZip(this.policyId);
     },
     loadAgentList() {
-        var formData = new FormData();
+      var formData = new FormData();
 
-        formData.append("type", "1");
+      formData.append("type", "1");
 
-        return insuranceAgentApi.list(formData).then(response => {
-          var jsonData = response.data;
-          this.agentData = jsonData.data;
-        });
+      return insuranceAgentApi.list(formData).then(response => {
+        var jsonData = response.data;
+        this.agentData = jsonData.data;
+      });
     },
     loadAccountBank() {
       var formData = new FormData();
@@ -348,6 +386,16 @@ export default {
         var jsonData = response.data;
         this.issuingBankData = jsonData.data;
       });
+    },
+    showCBankView() {
+      var self = this;
+      self.bankCardData = self.cBankCardData;
+      self.bankDialogVisible = true;
+    },
+    showRBankView() {
+      var self = this;
+      self.bankCardData = self.rBankCardData;
+      self.bankDialogVisible = true;
     }
   },
   async mounted() {
@@ -361,6 +409,32 @@ export default {
     await this.loadAgentList();
 
     this.insureDetail();
+
+    var formData = new FormData();
+    formData.append("catalogName", "出账银行账户信息");
+    await dataDictionaryApi
+      .findByCatalogName(formData)
+      .then(function(response) {
+        var jsonData = response.data;
+        console.log(jsonData.data);
+        if (jsonData.result) {
+          self.cBankCardData = jsonData.data;
+          self.cBankCardName = jsonData.data[0].value;
+        }
+      });
+
+    var formData2 = new FormData();
+    formData2.append("catalogName", "入账银行账户信息");
+    await dataDictionaryApi
+      .findByCatalogName(formData2)
+      .then(function(response) {
+        var jsonData = response.data;
+        console.log(jsonData.data);
+        if (jsonData.result) {
+          self.rBankCardData = jsonData.data;
+          self.rBankCardName = jsonData.data[0].value;
+        }
+      });
   }
 };
 </script>

src/views/business/insurancePolicy-issued.vue

@@ -28,8 +28,16 @@
               </el-select>
             </el-form-item>
             <el-form-item label="应收保费" style="text-align:left;">{{policy.insuranceFee}}</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="出账银行" prop="issuingBank" style="text-align:left;">
+              {{cBankCardName}}
+              <br />
+              <el-link type="primary" @click="showCBankView">详细</el-link>
+            </el-form-item>
+            <el-form-item label="入账银行" prop="accountBank" style="text-align:left;">
+              {{rBankCardName}}
+              <br />
+              <el-link type="primary" @click="showRBankView">详细</el-link>
+            </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;">
@@ -62,6 +70,23 @@
               <el-button size="mini" type="primary" :loading="submiting" @click="saveApproval()">提交</el-button>
             </el-form-item>
           </el-form>
+          <el-dialog title="银行信息" :visible.sync="bankDialogVisible" append-to-body width="30%">
+            <span>
+              <el-form
+                :label-width="'100px'"
+                style="text-align:left;"
+                v-for="(bank,index) in bankCardData"
+                :key="index"
+              >
+                <el-form-item :label="bank.name">
+                  <b v-text="bank.value"></b>
+                </el-form-item>
+              </el-form>
+            </span>
+            <span slot="footer" class="dialog-footer">
+              <el-button @click="bankDialogVisible = false">确定</el-button>
+            </span>
+          </el-dialog>
         </el-main>
       </el-container>
     </el-container>
@@ -71,6 +96,7 @@
 import Constant from "@/constant";
 import insuranceApplicationApi from "@/api/business/insuranceApplication";
 import approvalApi from "@/api/business/approval";
+import dataDictionaryApi from "@/api/sys/dataDictionary";
 import leftTab from "./insurancePolicy-leftTab.vue";
 import NProgress from "nprogress"; // progress bar
 import "nprogress/nprogress.css"; // progress bar style
@@ -147,7 +173,13 @@ export default {
       headers: {
         Authorization: getToken()
       },
-      submiting: false
+      submiting: false,
+      cBankCardName: "",
+      cBankCardData: [],
+      rBankCardName: "",
+      rBankCardData: [],
+      bankDialogVisible: false,
+      bankCardData: []
     };
   },
   methods: {
@@ -296,6 +328,16 @@ export default {
     },
     beforeRemove(file, fileList) {
       return this.$confirm(`确定移除 ${file.name}？`);
+    },
+    showCBankView() {
+      var self = this;
+      self.bankCardData = self.cBankCardData;
+      self.bankDialogVisible = true;
+    },
+    showRBankView() {
+      var self = this;
+      self.bankCardData = self.rBankCardData;
+      self.bankDialogVisible = true;
     }
   },
   async mounted() {
@@ -303,8 +345,34 @@ export default {
     self.loading = true;
     self.id = this.$route.query.id;
     self.policyId = this.$route.query.policyId;
-    self.formModel.processStatus="正常";
+    self.formModel.processStatus = "正常";
     this.insureDetail();
+
+    var formData = new FormData();
+    formData.append("catalogName", "出账银行账户信息");
+    await dataDictionaryApi
+      .findByCatalogName(formData)
+      .then(function(response) {
+        var jsonData = response.data;
+        console.log(jsonData.data);
+        if (jsonData.result) {
+          self.cBankCardData = jsonData.data;
+          self.cBankCardName = jsonData.data[0].value;
+        }
+      });
+
+    var formData2 = new FormData();
+    formData2.append("catalogName", "入账银行账户信息");
+    await dataDictionaryApi
+      .findByCatalogName(formData2)
+      .then(function(response) {
+        var jsonData = response.data;
+        console.log(jsonData.data);
+        if (jsonData.result) {
+          self.rBankCardData = jsonData.data;
+          self.rBankCardName = jsonData.data[0].value;
+        }
+      });
   }
 };
 </script>

src/views/business/insurancePolicy-transfer.vue

@@ -25,40 +25,18 @@
             <el-form-item label="处理类型" prop="processStatus" style="text-align:left;">
               <el-select v-model="formModel.processStatus" placeholder="请选择" filterable size="mini">
                 <el-option label="通过" value="正常"></el-option>
-              </el-select> 
+              </el-select>
             </el-form-item>
             <el-form-item label="应收保费" style="text-align:left;">{{policy.insuranceFee}}</el-form-item>
-            <el-form-item label="出账银行" prop="issuingBank"  style="text-align:left;">
-              <el-select
-                v-model="formModel.issuingBank"
-                filterable
-                placeholder="请选择"
-                style="width:200px"
-                size="mini"
-              >
-                <el-option
-                  v-for="result in issuingBankData"
-                  :key="result.id"
-                  :label="result.name + ':' + result.value"
-                  :value="result.value"
-                ></el-option>
-              </el-select>
+            <el-form-item label="出账银行" prop="issuingBank" style="text-align:left;">
+              {{cBankCardName}}
+              <br />
+              <el-link type="primary" @click="showCBankView">详细</el-link>
             </el-form-item>
             <el-form-item label="入账银行" prop="accountBank" style="text-align:left;">
-              <el-select
-                v-model="formModel.accountBank"
-                filterable
-                placeholder="请选择"
-                style="width:200px"
-                size="mini"
-              >
-                <el-option
-                  v-for="result in accountBankData"
-                  :key="result.id"
-                  :label="result.name + ':' + result.value"
-                  :value="result.value"
-                ></el-option>
-              </el-select>
+              {{rBankCardName}}
+              <br />
+              <el-link type="primary" @click="showRBankView">详细</el-link>
             </el-form-item>
             <el-form-item label="转账单号" prop="singlNumber" style="text-align:left;">
               <el-input placeholder="请输入转账单号" v-model="formModel.singlNumber" size="mini"></el-input>
@@ -89,6 +67,23 @@
             </el-form-item>
           </el-form>
         </el-main>
+        <el-dialog title="银行信息" :visible.sync="bankDialogVisible" append-to-body width="30%">
+            <span>
+              <el-form
+                :label-width="'100px'"
+                style="text-align:left;"
+                v-for="(bank,index) in bankCardData"
+                :key="index"
+              >
+                <el-form-item :label="bank.name">
+                  <b v-text="bank.value"></b>
+                </el-form-item>
+              </el-form>
+            </span>
+            <span slot="footer" class="dialog-footer">
+              <el-button @click="bankDialogVisible = false">确定</el-button>
+            </span>
+          </el-dialog>
       </el-container>
     </el-container>
   </div>
@@ -122,20 +117,6 @@ export default {
             trigger: "blur"
           }
         ],
-        issuingBank: [
-          {
-            required: true,
-            message: "请填写出账银行",
-            trigger: "blur"
-          }
-        ],
-        accountBank: [
-          {
-            required: true,
-            message: "请填写入账银行",
-            trigger: "blur"
-          }
-        ],
         singlNumber: [
           {
             required: true,
@@ -188,7 +169,13 @@ export default {
       agentData: [],
       submiting: false,
       accountBankData: [],
-      issuingBankData: []
+      issuingBankData: [],
+      cBankCardName: "",
+      cBankCardData: [],
+      rBankCardName: "",
+      rBankCardData: [],
+      bankDialogVisible: false,
+      bankCardData: []
     };
   },
   methods: {
@@ -340,15 +327,25 @@ export default {
       });
     },
     loadAgentList() {
-        var formData = new FormData();
+      var formData = new FormData();
 
-        formData.append("type", "1");
+      formData.append("type", "1");
 
-        return insuranceAgentApi.list(formData).then(response => {
-          var jsonData = response.data;
-          this.agentData = jsonData.data;
-        });
+      return insuranceAgentApi.list(formData).then(response => {
+        var jsonData = response.data;
+        this.agentData = jsonData.data;
+      });
     },
+    showCBankView() {
+      var self = this;
+      self.bankCardData = self.cBankCardData;
+      self.bankDialogVisible = true;
+    },
+    showRBankView() {
+      var self = this;
+      self.bankCardData = self.rBankCardData;
+      self.bankDialogVisible = true;
+    }
   },
   async mounted() {
     var self = this;
@@ -363,6 +360,32 @@ export default {
     await this.loadAgentList();
 
     this.insureDetail();
+
+    var formData = new FormData();
+    formData.append("catalogName", "出账银行账户信息");
+    await dataDictionaryApi
+      .findByCatalogName(formData)
+      .then(function(response) {
+        var jsonData = response.data;
+        console.log(jsonData.data);
+        if (jsonData.result) {
+          self.cBankCardData = jsonData.data;
+          self.cBankCardName = jsonData.data[0].value;
+        }
+      });
+
+    var formData2 = new FormData();
+    formData2.append("catalogName", "入账银行账户信息");
+    await dataDictionaryApi
+      .findByCatalogName(formData2)
+      .then(function(response) {
+        var jsonData = response.data;
+        console.log(jsonData.data);
+        if (jsonData.result) {
+          self.rBankCardData = jsonData.data;
+          self.rBankCardName = jsonData.data[0].value;
+        }
+      });
   }
 };
 </script>