新增选择付款账号

src/components/sale/createbackbill-form.vue

@@ -20,30 +20,43 @@
         <div class="text-h6">账号信息</div>
         <q-card-section class="q-pt-none scroll">
           <div class="col">
-            <q-select standout="bg-primary text-white" option-value="Id" option-label="Name"
-              v-model="addMsg.AccountClassify" :options="AccountClassifyList" emit-value map-options label="账号分类"
-              class="col-6 q-pr-lg q-pb-lg" @input="changeTitle" />
-          </div>
-          <div class="col" v-if='addMsg.AccountClassify==2'>
-            <q-input filled stack-label maxlength="100" :dense="false" v-model="addMsg.BankName"
-              class="col-6 q-pr-lg q-pb-lg" label="所属机构" placeholder="例如:中国银行" />
-          </div>
-          <div class="col" v-if='addMsg.AccountClassify!=3 && addMsg.AccountClassify!=4'>
-            <q-input filled stack-label maxlength="100" :dense="false" v-model="addMsg.OpenBankName"
-              class="col-6 q-pr-lg q-pb-lg" :label="nameA" placeholder="例如:锦江支行" />
-          </div>
-          <div class="col" v-if='addMsg.AccountClassify!=3 && addMsg.AccountClassify!=4'>
-            <q-input filled stack-label maxlength="100" :dense="false" v-model="addMsg.AccountHolder"
-              class="col-6 q-pr-lg q-pb-lg" :label="nameB" />
-          </div>
-          <div class="col">
-            <q-input filled stack-label maxlength="100" :dense="false" v-model="addMsg.CardNum"
-              class="col-6 q-pr-lg q-pb-lg" :label="nameC" />
-          </div>
-          <div class="col">
-            <q-input filled stack-label maxlength="100" :dense="false" v-model="addMsg.AccountAlias"
-              class="col-6 q-pr-lg q-pb-lg" :label="nameD" />
+            <q-radio v-model="IsAddBankCount" :val="0" label="选择账号" />
+            <q-radio v-model="IsAddBankCount" :val="1" label="添加账号" />
           </div>
+          <template v-if="IsAddBankCount==0">
+            <div class="col">
+              <q-select standout="bg-primary text-white" option-value="ID" option-label="AccountAlias"
+                v-model="FinanceMsg.ClientId" :options="BankAccountList" emit-value map-options label="选择账号"
+                class="col-6 q-pr-lg q-pb-lg" />
+            </div>
+          </template>
+          <template v-else>
+            <div class="col">
+              <q-select standout="bg-primary text-white" option-value="Id" option-label="Name"
+                v-model="addMsg.AccountClassify" :options="AccountClassifyList" emit-value map-options label="账号分类"
+                class="col-6 q-pr-lg q-pb-lg" @input="changeTitle" />
+            </div>
+            <div class="col" v-if='addMsg.AccountClassify==2'>
+              <q-input filled stack-label maxlength="100" :dense="false" v-model="addMsg.BankName"
+                class="col-6 q-pr-lg q-pb-lg" label="所属机构" placeholder="例如:中国银行" />
+            </div>
+            <div class="col" v-if='addMsg.AccountClassify!=3 && addMsg.AccountClassify!=4'>
+              <q-input filled stack-label maxlength="100" :dense="false" v-model="addMsg.OpenBankName"
+                class="col-6 q-pr-lg q-pb-lg" :label="nameA" placeholder="例如:锦江支行" />
+            </div>
+            <div class="col" v-if='addMsg.AccountClassify!=3 && addMsg.AccountClassify!=4'>
+              <q-input filled stack-label maxlength="100" :dense="false" v-model="addMsg.AccountHolder"
+                class="col-6 q-pr-lg q-pb-lg" :label="nameB" />
+            </div>
+            <div class="col">
+              <q-input filled stack-label maxlength="100" :dense="false" v-model="addMsg.CardNum"
+                class="col-6 q-pr-lg q-pb-lg" :label="nameC" />
+            </div>
+            <div class="col">
+              <q-input filled stack-label maxlength="100" :dense="false" v-model="addMsg.AccountAlias"
+                class="col-6 q-pr-lg q-pb-lg" :label="nameD" />
+            </div>
+          </template>
         </q-card-section>
       </q-card-section>
       <q-card-actions align="right" class="bg-white">
@@ -89,6 +102,17 @@
           AccountClassify: 2,
           Type: '10',
         },
+        //查询账号对象
+        qBankMsg: {
+          BranchId: '-1',
+          EmpId: '-1',
+          BankId: '',
+          AccountHolder: '',
+          AccountAlias: '',
+          pageIndex: 1,
+          pageSize: 100,
+          Type: '',
+        },
         AccountClassifyList: [{
             Id: 2,
             Name: "银行"
@@ -106,17 +130,30 @@
         nameB: "开户人",
         nameC: "卡号",
         nameD: "账号别名",
+        BankAccountList: [], //银行账号列表，
+        IsAddBankCount: 0, //0-选择账号，1-添加账号
       }
     },
     created() {
       this.FinanceMsg.BackClassId = this.setingObj.BackId;
       this.addMsg.ObjID = this.setingObj.GuestId;
       this.financeinfo_post_GetList();
+      this.getGuestBankAccount()
     },
     mounted() {
 
     },
     methods: {
+      //查询旅客的收款账号
+      getGuestBankAccount() {
+        this.qBankMsg.EmpId = this.setingObj.GuestId;
+        this.qBankMsg.Type = 10;
+        this.apipost("admin_get_GetEmpBankAccountPageList", this.qBankMsg, res => {
+          if (res.data.resultCode == 1) {
+            this.BankAccountList = res.data.data.pageData;
+          }
+        });
+      },
       changeTitle() {
         if (this.addMsg.AccountClassify == 1) {
           this.nameA = this.$t("ground.pingtaimingcheng")
@@ -142,12 +179,25 @@
         }
       },
       addBack() {
-        this.apipost("admin_post_SetEmpBankAccount", this.addMsg, res => {
-          if (res.data.resultCode == 1) {
-            this.FinanceMsg.ClientId = res.data.data;
+        if (this.IsAddBankCount == 0) {
+          if (this.FinanceMsg.ClientId && this.FinanceMsg.ClientId > 0) {
             this.createStuBill();
+          } else {
+            this.$q.notify({
+              type: 'negative',
+              position: "top",
+              message: `请选择收款账号,如果没有收款账号,请新增收款账号!`
+            })
+            return;
           }
-        })
+        } else {
+          this.apipost("admin_post_SetEmpBankAccount", this.addMsg, res => {
+            if (res.data.resultCode == 1) {
+              this.FinanceMsg.ClientId = res.data.data;
+              this.createStuBill();
+            }
+          })
+        }
       },
       financeinfo_post_GetList() { // 获取币种
         this.apipost('financeinfo_post_GetList', {