doctor-admin-components 1.0.13-beta.52 → 1.0.13-beta.54

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "doctor-admin-components",
   "version1": "1.0.11",
-  "version": "1.0.13-beta.52",
+  "version": "1.0.13-beta.54",
   "private": false,
   "main1": "lib/index.umd.min.js",
   "main": "packages/index.js",

package/packages/index.js

@@ -52,6 +52,7 @@ import {
   BizShipmentAdd,
   ContractChangeLog,
   EditBill,
+  CompanyBanks,
 } from "./src";
 // 组件列表
 const components = [
@@ -62,6 +63,7 @@ const components = [
   BizShipmentAdd,
   ContractChangeLog,
   EditBill,
+  CompanyBanks,
 ];
 
 // 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，那么所有的组件都会被注册
@@ -131,4 +133,5 @@ export default {
   EditBill,
   en_JSON,
   zh_JSON
+  CompanyBanks,
 };

package/packages/src/api/biz/bizContract.js

@@ -1088,3 +1088,20 @@ export function shipmentConfirmDraftBl({shipmentId}) {
   });
 }
 
+// 根据合同号，添加收款账号
+export function insertCompanyBank(data) {
+  return request({
+    url: "biz/contract/company/savePaymentByContract",
+    method: "post",
+    data: data,
+  });
+}
+
+// 根据合同号，获取收款账号
+export function getCompanyBanks(contractId) {
+  return request({
+    url: `biz/contract/company/paymentAccount/${contractId}`,
+    method: "get",
+    params: {},
+  });
+}

package/packages/src/api/biz/bizInvoice.js

@@ -156,7 +156,7 @@ export function uploadByShipmentId(data) {
   });
 }
 
-// 上传发票
+// 上传尾款发票
 export function uploadFinallyInvoice(data) {
   return request({
     url: "/biz/invoice/uploadFinallyInvoice",

package/packages/src/index.js

@@ -19,6 +19,7 @@ import PurchaseInvoiceUpload from "./views/biz/contractTracing/purchaseInvoiceUp
 import BizShipmentAdd from "./views/biz/bizShipment/add.vue";
 import ContractChangeLog from "./views/biz/contractTracing/contractChangeLog.vue";
 import EditBill from "./views/biz/contractTracing/editBill.vue";
+import CompanyBanks from "./views/biz/contractTracing/companyBanks.vue";
 
 // 为组件提供 install 安装方法，供按需引入
 
@@ -46,6 +47,10 @@ EditBill.install = function (Vue) {
   Vue.component(EditBill.name, EditBill);
 };
 
+CompanyBanks.install = function (Vue) {
+  Vue.component(CompanyBanks.name, CompanyBanks);
+};
+
 // 导出组件
 export {
   EditBill,
@@ -54,4 +59,5 @@ export {
   PurchaseInvoiceUpload,
   BizShipmentAdd,
   ContractChangeLog,
+  CompanyBanks,
 };

package/packages/src/views/biz/bizFileInfo/contract.vue

@@ -226,7 +226,7 @@
                       <div
                         v-if="contractFileInfo.depositInvoicePayFlag"
                         :class="['el-icon-success','customer-icon-success-color', 'success']"
-                        style="width:max-content"
+                        style="width:max-content;margin-bottom:20px"
                       >
                         {{
                         channel !== "official-website"
@@ -1205,7 +1205,9 @@
 
     <gen-shipment ref="genShipment" @refresh="handleRefresh" />
 
-    <purchase-invoice-upload ref="purchaseInvoice" @refresh="handleRefresh"
+    <purchase-invoice-upload ref="purchaseInvoice"
+    :companyId="contract.contractId"
+    @refresh="handleRefresh"
     :purchaseBalanceMoneyProp="purchaseBalanceMoney"
     :getShipmentPurchaseFun="getShipmentPurchase"
     ></purchase-invoice-upload>
@@ -1773,17 +1775,23 @@ export default {
     },
     //定金发票
     getDepositInvoice() {
+      console.log('contract:', this.contract)
       if (this.contract.contractType == 'sale') {
+        // 生成定金发票（销售）
+        console.log('生成定金发票')
         getDepositInvoice(this.contract).then((response) => {
           const data = response.data;
           this.$refs.depositInvoice.handleShow(data);
         });
       } else {
+        // 上传定金发票（采购）
+        console.log('上传定金发票')
         this.$refs.purchaseInvoice.handleUpload(this.contract, 'deposit');
       }
     },
     //上传尾款发票
     uploadFinalInvoice(type, shipmentId) {
+      console.log('上传尾款发票')
       this.$refs.purchaseInvoice.handleUpload(this.contract, type, shipmentId);
     },
     //设置进度

package/packages/src/views/biz/contractTracing/companyBanks.vue

@@ -0,0 +1,190 @@
+<template>
+  <div class="bank-view-container">
+    <!-- 收款账户信息-展示（业务场景：生成收付款、收付款票据） -->
+    <el-row style="padding-top: 15px; padding-left: 10px">
+      <div style="font-size: 16px; color: #222222">收款账号信息</div>
+      <div style="padding-left: 30px; padding-top: 2px">
+        <slot></slot>
+      </div>
+    </el-row>
+    <!-- 列表数据 -->
+    <div
+      v-for="(bankData, i) in bankList"
+      :key="i"
+      class="bank-container"
+      :class="{ 'bank-container-select': sellectIndex == i, 'bank-container-unselect': sellectIndex != i }"
+      @click="clickSelct(i)"
+    >
+      <el-row style="padding-bottom: 20px">
+        <el-col :span="24">
+          <div class="bank-item" style="padding-top: 5px">Swift Code：{{ bankData.swiftCode }}</div>
+        </el-col>
+        <el-col :span="24">
+          <div class="bank-item">Bank Name：{{ bankData.bankName }}</div>
+        </el-col>
+        <el-col :span="24">
+          <div class="bank-item" style="padding-bottom: 20px">Bank Address：{{ bankData.bankAddress }}</div>
+        </el-col>
+        <el-col :span="24">
+          <div class="bank-item">Beneficiary Account：{{ bankData.beneficiaryAccount }}</div>
+        </el-col>
+        <el-col :span="24">
+          <div class="bank-item">Beneficiary：{{ bankData.beneficiary }}</div>
+        </el-col>
+        <el-col :span="24">
+          <div class="bank-item">Beneficiary Address{{ bankData.beneficiaryAddress }}</div>
+        </el-col>
+      </el-row>
+    </div>
+    <!-- 添加入口 -->
+    <div v-if="!bankList || bankList.length < 3" style="padding-left: 30px; padding-top: 10px">
+      <span>未添加收款账户信息，</span>
+      <el-button type="text" size="mini" @click="clickAdd">去添加</el-button>
+    </div>
+    <!-- 添加收款账户弹框 -->
+    <el-dialog title="添加收款账户" :visible.sync="open" width="800px" append-to-body :close-on-click-modal="false">
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-row>
+          <el-col :span="18">
+            <el-form-item label="Swift Code" label-width="150px">
+              <el-input v-model="form.swiftCode" placeholder="请输入内容" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="18">
+            <el-form-item label="Bank Name" label-width="150px">
+              <el-input v-model="form.bankName" placeholder="请输入内容" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="18">
+            <el-form-item label="Bank Address" label-width="150px">
+              <el-input v-model="form.bankAddress" placeholder="请输入内容" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="18">
+            <el-form-item label="Beneficiary Account" label-width="150px">
+              <el-input v-model="form.beneficiaryAccount" placeholder="请输入内容" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="18">
+            <el-form-item label="Beneficiary" label-width="150px">
+              <el-input v-model="form.beneficiary" placeholder="请输入内容" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="18">
+            <el-form-item label="Beneficiary Address" label-width="150px">
+              <el-input v-model="form.beneficiaryAddress" placeholder="请输入内容" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="clickCancel">取 消</el-button>
+        <el-button type="primary" @click="clickConfirm">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { insertCompanyBank, getCompanyBanks } from '../../../api/biz/bizContract'
+
+export default {
+  name: 'CompanyBanks',
+  props: {
+    // 收款账户的公司id（目前是合同contractId）
+    companyId: {
+      type: String | Number,
+      default: null
+    }
+  },
+  watch: {
+    companyId: {
+      handler(newVal, oldVal) {
+        console.log('companyId changed:', newVal)
+        this.getBankList()
+      }
+    }
+  },
+  data() {
+    return {
+      open: false,
+      sellectIndex: -1,
+      bankList: null,
+      form: {
+        swiftCode: null,
+        bankName: null,
+        bankAddress: null,
+        beneficiaryAccount: null,
+        beneficiary: null,
+        beneficiaryAddress: null
+      },
+      rules: {}
+    }
+  },
+  created() {
+    // 获取收款账户信息
+    this.getBankList()
+  },
+  methods: {
+    restForm() {
+      this.form = {
+        swiftCode: null,
+        bankName: null,
+        bankAddress: null,
+        beneficiaryAccount: null,
+        beneficiary: null,
+        beneficiaryAddress: null
+      }
+    },
+    getBankList() {
+      getCompanyBanks(this.companyId).then((res) => {
+        this.bankList = res.data?.paymentAccountList
+      })
+    },
+    clickAdd() {
+      this.restForm()
+      this.open = true
+    },
+    clickSelct(index) {
+      this.sellectIndex = index
+      let data = this.bankList[index]
+      console.log('select data', data)
+      this.$emit('selectBank', data)
+    },
+    clickCancel() {
+      this.open = false
+    },
+    clickConfirm() {
+      let e = this.form
+      if (!(e.swiftCode || e.bankName || e.bankAddress || e.beneficiaryAccount || e.beneficiary || e.beneficiaryAddress)) {
+        this.$modal.msgError('请输入内容');
+        return
+      }
+      insertCompanyBank({
+        contractId: this.companyId,
+        paymentAccountList: [e]
+      }).then((res) => {
+        this.getBankList()
+        this.open = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.bank-container {
+  background-color: rgb(240, 240, 240);
+  padding: 20px 10px 5px;
+  margin-top: 10px;
+}
+.bank-container-select {
+  border: 1px solid blue;
+}
+.bank-container-unselect {
+  border: 1px solid rgb(240, 240, 240);
+}
+.bank-item {
+  padding: 2px 40px 2px;
+}
+</style>

package/packages/src/views/biz/contractTracing/purchaseInvoiceUpload.vue

@@ -65,7 +65,24 @@
               </el-date-picker>
             </el-form-item>
             <el-form-item
-              label="金额($)"
+              label="发票金额($)"
+              :prop="'proFormInvoiceList.' + index + '.invoiceAmount'"
+              :rules="[
+                { required: true, message: '不能为空' },
+                { type: 'number', message: '必须为数字值' },
+              ]"
+            >
+              <el-input
+                v-model.number="dt.invoiceAmount"
+                clearable
+                size="small"
+                placeholder="请输入票面金额"
+                type="number"
+              />
+            </el-form-item>
+            <el-form-item
+              label="实际应收付金额($)"
+              label-width="140px"
               :prop="'proFormInvoiceList.' + index + '.amount'"
               :rules="[
                 { required: true, message: '不能为空' },
@@ -95,6 +112,7 @@
                 <upload-invoice v-model="dt.invoiceFileList" :limit="20" />
               </el-form-item>
             </el-row>
+            <company-banks ref="companyBanks" :companyId="companyId" @selectBank="(data) => selectBank(index, 'ProForma', data)"></company-banks>
           </el-row>
         </el-card>
         <el-row />
@@ -207,6 +225,7 @@
               </el-form-item>
             </el-row>
             <el-divider></el-divider>
+            <company-banks ref="companyBanks" :companyId="companyId" @selectBank="(data) => selectBank(index, 'Fixed', data)"></company-banks>
           </el-row>
         </el-card>
       </el-form>
@@ -252,13 +271,20 @@ import {
   getInvoiceListByShipmentId,
 } from "../../../api/biz/bizInvoice";
 import { getByContractId } from "../../../api/biz/bizShipment";
+import CompanyBanks from './companyBanks.vue';
 
 export default {
   name: "PurchaseInvoiceUpload",
   components: { 
-    UploadInvoice
+    UploadInvoice,
+    CompanyBanks
    },
   props: {
+    // 合同公司id
+    companyId: {
+      type: String | Number,
+      default: null,
+    },
     purchaseBalanceMoneyProp: {
       type: Number | String,
       default: '',
@@ -277,7 +303,10 @@ export default {
       // 是否显示弹出层
       open: false,
       // 表单参数
-      form: { proFormInvoiceList: [], fixedInvoiceList: [] },
+      form: { 
+        proFormInvoiceList: [], 
+        fixedInvoiceList: [],
+      },
       //销售合同选项表
       saleContractList: [],
       //采购合同选项表
@@ -288,7 +317,9 @@ export default {
       purchaseBalanceMoney: '',
     };
   },
-  created() {},
+  created() {
+    console.log('companyId:', this.companyId)
+  },
   methods: {
     dialogVisibleCancel() {
       this.submitForm(false);
@@ -306,6 +337,16 @@ export default {
     handleClose() {
       this.dialogVisible = false;
     },
+    // 选择收款账户
+    selectBank(index, fixed, data) {
+      console.log('proFormInvoiceList', this.form.proFormInvoiceList);
+      console.log('fixedInvoiceList', this.form.fixedInvoiceList);
+      if (fixed == 'ProForma') {
+        this.form.proFormInvoiceList[index].accountId = data.accountId
+      } else {
+        this.form.fixedInvoiceList[index].accountId = data.accountId
+      }
+    },
     //上传并生成
     uploadAndGenerate() {
       this.$refs["form"].validate((valid) => {