页面修改

src/components/sale/createbackbill-form.vue

+<!--修改-提成和额外金额-->
+<template>
+  <q-dialog v-model="persistent" content-class="bg-grey-1" persistent transition-show="scale" transition-hide="scale">
+    <q-card style="width: 400px;max-width:500px;padding:0 20px;">
+      <q-card-section>
+        <div class="text-h6">一键制单</div>
+      </q-card-section>
+      <q-card-section class="q-pt-none scroll" style="max-height: 70vh">
+        <div class="col">
+          <q-radio v-model="FinanceMsg.IsPublic" :val="0" label="私账" />
+          <q-radio v-model="FinanceMsg.IsPublic" :val="1" label="公账" />
+        </div>
+        <div class="col" style="margin-top: 20px">
+          <q-select standout="bg-primary text-white" option-value="ID" option-label="Name"
+            v-model="FinanceMsg.CurrencyId" :options="CurrencyList" emit-value map-options label="币种"
+            class="col-6 q-pr-lg q-pb-lg" />
+        </div>
+      </q-card-section>
+      <q-card-section>
+        <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" />
+          </div>
+        </q-card-section>
+      </q-card-section>
+      <q-card-actions align="right" class="bg-white">
+        <q-btn label="取消" flat color="grey-10" style="font-weight:400 !important" @click="closeStuBillForm" />
+        <q-btn label="保存" color="accent" class="q-px-md" style="font-weight:400 !important" @click="addBack" />
+      </q-card-actions>
+    </q-card>
+  </q-dialog>
+</template>
+<script>
+  import {
+    saveStudentBackFinance, //生成财务单据
+  } from '../../api/sale/bill'
+  export default {
+    props: {
+      setingObj: {
+        type: Object,
+        default: null,
+      },
+    },
+    data() {
+      return {
+        persistent: true,
+        FinanceMsg: {
+          IsPublic: 0, //公账、私账
+          CurrencyId: 0, //币种
+          BackClassId: 0, //退课编号
+          ClientType: 10,
+          ClientId: 0
+        },
+        CurrencyList: [], //币种数组
+        //添加常用付款对象
+        addMsg: {
+          Id: '0',
+          ObjID: '-1',
+          BankId: '-1',
+          OpenBankName: '',
+          BankName: '',
+          AccountHolder: '',
+          CardNum: '',
+          AccountAlias: '',
+          AccountType: '1',
+          AccountClassify: 2,
+          Type: '10',
+        },
+        AccountClassifyList: [{
+            Id: 2,
+            Name: "银行"
+          },
+          {
+            Id: 3,
+            Name: "虚拟账户"
+          },
+          {
+            Id: 4,
+            Name: "微信支付宝"
+          }
+        ],
+        nameA:"账号名称",
+        nameB:"开户人",
+        nameC:"卡号",
+        nameD:"账号别名",
+      }
+    },
+    created() {
+      this.FinanceMsg.BackClassId = this.setingObj.BackId;
+      this.addMsg.ObjID = this.setingObj.GuestId;
+      this.financeinfo_post_GetList();
+    },
+    mounted() {
+
+    },
+    methods: {
+          changeTitle() {
+        if (this.addMsg.AccountClassify == 1) {
+          this.nameA = this.$t("ground.pingtaimingcheng")
+          this.nameB = this.$t("ground.yonghumingcheng")
+          this.nameC = this.$t("fnc.ptAcc")
+          this.nameD = this.$t("fnc.accBming")
+          this.addMsg.AccountType = '1'
+        } else if (this.addMsg.AccountClassify == 2) {
+          this.nameA = this.$t("ground.zhanghumingcheng2")
+          this.nameB = this.$t("fnc.khuren")
+          this.nameC = this.$t("ground.kahao")
+          this.nameD = this.$t("fnc.accBming")
+        } else if (this.addMsg.AccountClassify == 3) {
+          this.nameA = this.$t("ground.pingtaimingcheng")
+          this.nameB = this.$t("ground.yonghumingcheng")
+          this.nameC = this.$t("fnc.ptAcc")
+          this.nameD = this.$t("fnc.accBming")
+        } else if (this.addMsg.AccountClassify == 4) {
+          this.nameA = this.$t("ground.pingtaimingcheng")
+          this.nameB = this.$t("ground.yonghumingcheng")
+          this.nameC = "账号"
+          this.nameD = "名称"
+        }
+      },
+      addBack() {
+        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', {
+          Name: '',
+          TCID: 0
+        }, res => {
+          if (res.data.resultCode == 1) {
+            this.CurrencyList = res.data.data;
+            this.FinanceMsg.CurrencyId = this.CurrencyList[0].ID
+          }
+        }, err => {})
+      },
+      //关闭弹窗
+      closeStuBillForm() {
+        this.persistent = false;
+        this.$emit('close');
+      },
+      //保存修改
+      createStuBill() {
+        saveStudentBackFinance(this.FinanceMsg).then(res => {
+          if (res.Code == 1) {
+                   this.persistent = false;
+            this.$q.notify({
+              icon: 'iconfont icon-chenggong',
+              color: 'accent',
+              timeout: 2000,
+              message: '生成单据成功!',
+              position: 'top'
+            })
+            this.$emit('success');
+          }
+        });
+      }
+    }
+  }
+
+</script>

src/pages/user/backbill.vue

@@ -81,21 +81,25 @@
       <backbill-form v-if="isShowBillForm" :seting-obj="billObj" :showType="showType" @close="closeBillForm"
         @success="refreshPage">
       </backbill-form>
+      <createbackbill-form v-if="isShowCreateBillForm" :seting-obj="billObj" @close="closeBillForm"
+        @success="refreshPage">
+      </createbackbill-form>
     </div>
   </div>
 </template>
 <script>
   import {
     queryStudentBackClassPage,
-    saveStudentBackFinance, //生成财务单据
   } from '../../api/sale/bill'
   import backbillForm from '../../components/sale/backbill-form';
+  import createbackbillForm from '../../components/sale/createbackbill-form';
   export default {
     meta: {
       title: "退课单据"
     },
     components: {
-      backbillForm
+      backbillForm,
+      createbackbillForm
     },
     data() {
       return {
@@ -203,6 +207,7 @@
         tabCheck: "1",
         pageCount: 0,
         isShowBillForm: false, //是否显示单据表单
+        isShowCreateBillForm: false, //是否显示制单表单
         billObj: {}, //单据信息
         showType: 1, //1-查看，2-审核
       }
@@ -217,21 +222,13 @@
     methods: {
       //生成财务单据
       createBillForm(item) {
-        console.log("item", item);
-        var billMsg = {
-          BackClassId: item.BackId,
-          IsPublic: 1,
-          CurrencyId: 1,
-          ClientType: 1,
-          ClientId: item.GuestId
-        };
-        saveStudentBackFinance(billMsg).then(res => {
-          console.log("createBillForm", res);
-        });
+        this.isShowCreateBillForm = true;
+        this.billObj = item;
       },
       //关闭表单
       closeBillForm() {
         this.isShowBillForm = false;
+        this.isShowCreateBillForm = false;
         this.billObj = {};
       },
       //显示表单