产权交易首

src/views/register/companyRegister.vue

@@ -54,6 +54,98 @@
           <van-uploader :after-read="afterReadKHZM" :before-delete="deleteFileKHZM" v-model="fileListKHZM" multiple :max-count="1" />
         </template>
       </van-field>
+
+
+
+      <van-divider>银行信息</van-divider>
+      <van-field v-model="form.bankCardName" label="开户姓名" placeholder="请输入姓名" required :rules="[{ required:true }]"/>
+      <van-field v-model="form.bankCardNum" label="开户账号" placeholder="请输入开户账号" required :rules="[{ required:true }]"/>
+
+      <van-field
+        v-model="accountType"
+        is-link
+        readonly
+        required
+        :rules="[{ required:true }]"
+        label="账户类型"
+        placeholder="请选择账户类型"
+        @click="showAccountType = true"
+      />
+      <van-popup v-model:show="showAccountType" position="bottom">
+        <van-picker
+          show-toolbar
+          value-key="dictLabel"
+          :columns="accountTypeOption"
+          @confirm="onConfirmAccountType"
+          @cancel="showAccountType = false"
+        />
+      </van-popup>
+
+      <van-field
+        v-model="bankType"
+        is-link
+        readonly
+        required
+        :rules="[{ required:true }]"
+        label="所属银行"
+        placeholder="请选择所属银行"
+        @click="showBankType = true"
+      />
+      <van-popup v-model:show="showBankType" position="bottom">
+        <van-picker
+          show-toolbar
+          value-key="dictLabel"
+          :columns="bankTypeOption"
+          @confirm="onConfirmBankType"
+          @cancel="showArea = false"
+        />
+      </van-popup>
+
+      <van-field
+        v-model="sheng"
+        is-link
+        readonly
+        label="开户省市"
+        placeholder="请选择开户省市"
+        @click="showSheng = true"
+      />
+      <van-popup v-model:show="showSheng" position="bottom">
+        <van-picker
+          show-toolbar
+          value-key="label"
+          :columns="shengOption"
+          @confirm="onConfirmSheng"
+          @cancel="showSheng = false"
+        />
+      </van-popup>
+
+      <van-field v-model="form.bankDeposit" label="关键词" placeholder="请输入开户行地址关键词"/>
+      <van-field
+        v-model="form.bankAddress"
+        label="开户银行"
+        placeholder="请输入开户银行"
+        required
+        :rules="[{ required:true }]"
+        readonly
+        @click="showBankAddress = true"
+      >
+        <template #button>
+          <van-button size="small" type="primary" native-type="button" @click="searchBankAddress">点击检索</van-button>
+        </template>
+      </van-field>
+      <van-popup v-model:show="showBankAddress" position="bottom">
+        <van-picker
+          show-toolbar
+          value-key="bankDeposit"
+          :columns="bankAddressOption"
+          @confirm="onConfirmBankAddress"
+          @cancel="showBankAddress = false"
+        />
+      </van-popup>
+
+
+      <van-field v-model="form.payeePaymentLines" label="联行号" placeholder="请输入开户银行" required :rules="[{ required:true }]"/>
+
       <div class="submit">
 <!--        <p>我已阅读并同意<span>《农村产权交易信息服务平台会员注册协议》</span></p>-->
         <van-button round block type="info" color="#007E72" native-type="submit">立即注册</van-button>
@@ -64,7 +156,8 @@
 
 <script>
 import { getCodeImg } from "@/api/login";
-import {base64Upload, userRegister} from "@/api/register/index";
+import {base64Upload, realtimeBackList, userRegister} from "@/api/register/index";
+import {options} from "@/api/user";
 export default {
   name: "companyRegister",
   data() {
@@ -88,13 +181,42 @@ export default {
         economicType:1,
         companyName:'',
         companyLicense:'',
-        companyCode:''
+        companyCode:'',
+        bankCardName:'',
+        bankCardNum:'',
+        bankAddress:'',
       },
-      codeUrl:''
+      codeUrl:'',
+      hcAreaInfoFieldName: {
+        text: "label",
+        value: "value",
+        children: "children",
+      },
+      bankTypeOption:[],
+      sheng:'',
+      shi:'',
+      bankType:'',
+      accountType:'',
+      bankDeposit:'',
+      showBankType:false,
+      showSheng :false,
+      shengOption:options,
+      showShi :false,
+      shiOption:[],
+      showBankAddress :false,
+      accountTypeOption:[],
+      showAccountType :false,
+      bankAddressOption:[],
     };
   },
   created() {
     this.getCode();
+    this.getDicts("bank_type_all").then(response => {
+      this.bankTypeOption = response.data;
+    });
+    this.getDicts("bank_account_type").then(response => {
+      this.accountTypeOption = response.data;
+    });
     this.getDicts("economic_type").then(res => {
       res.data.map(item => {
         this.columns.push(item.dictLabel);
@@ -170,6 +292,46 @@ export default {
       }
     },
 
+    searchBankAddress(){
+      let data = {
+        sheng:this.form.sheng,
+        shi:this.form.shi,
+        bankType:this.form.bankType,
+        bankDeposit:this.form.bankDeposit,
+      }
+      realtimeBackList(data).then(response => {
+        console.log(response)
+        this.bankAddressOption = response.data;
+      });
+    },
+
+    onConfirmBankType(value){
+      this.showBankType = false;
+      this.form.bankAddress = '';
+      this.form.payeePaymentLines = '';
+      this.bankType = value.dictLabel;
+      this.form.bankType = value.dictValue;
+    },
+    onConfirmSheng(value){
+      console.log(value)
+      this.showSheng = false;
+      this.form.sheng = value[0];
+      this.form.shi = value[1];
+      this.sheng = value.join('/');
+    },
+    onConfirmBankAddress(value){
+      console.log(value)
+      this.form.bankAddress = value.bankDeposit;
+      this.form.payeePaymentLines = value.payeePaymentLines;
+      this.showBankAddress = false;
+    },
+    onConfirmAccountType(value){
+      console.log(value)
+      this.form.accountType = value.dictValue;
+      this.accountType = value.dictLabel;
+      this.showAccountType = false;
+    },
+
   },
 };
 </script>
@@ -184,6 +346,7 @@ export default {
 .submit{
   width: 90%;
   margin: 2vh auto 0;
+  padding-bottom: 5vh;
   p{
     text-align: center;
     margin-bottom: 0.2rem;