给单据增加账户的快捷录入功能

This commit is contained in:
季圣华
2021-10-24 23:54:13 +08:00
parent 595bb87076
commit d6957647f1
8 changed files with 63 additions and 1 deletions

View File

@@ -89,10 +89,10 @@
} }
}, },
created () { created () {
this.initAccount()
}, },
methods: { methods: {
edit (idStr, moneyStr) { edit (idStr, moneyStr) {
this.initAccount()
this.form.resetFields(); this.form.resetFields();
this.model = Object.assign({}, {}); this.model = Object.assign({}, {});
let idList = [], moneyList = [] let idList = [], moneyList = []

View File

@@ -230,6 +230,11 @@ export const BillModalMixin = {
this.$refs.depotModalForm.title = "新增仓库"; this.$refs.depotModalForm.title = "新增仓库";
this.$refs.depotModalForm.disableSubmit = false; this.$refs.depotModalForm.disableSubmit = false;
}, },
addAccount() {
this.$refs.accountModalForm.add();
this.$refs.accountModalForm.title = "新增结算账户";
this.$refs.accountModalForm.disableSubmit = false;
},
vendorModalFormOk() { vendorModalFormOk() {
this.initSupplier() this.initSupplier()
}, },
@@ -242,6 +247,9 @@ export const BillModalMixin = {
depotModalFormOk() { depotModalFormOk() {
this.initDepot() this.initDepot()
}, },
accountModalFormOk() {
this.initAccount()
},
onAdded(event) { onAdded(event) {
const { row, target } = event const { row, target } = event
getAction('/depot/findDepotByCurrentUser').then((res) => { getAction('/depot/findDepotByCurrentUser').then((res) => {

View File

@@ -112,6 +112,12 @@
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="结算账户"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="结算账户">
<a-select style="width:185px;" placeholder="选择结算账户" v-decorator="[ 'accountId', validatorRules.accountId ]" <a-select style="width:185px;" placeholder="选择结算账户" v-decorator="[ 'accountId', validatorRules.accountId ]"
:dropdownMatchSelectWidth="false" allowClear @select="selectAccount"> :dropdownMatchSelectWidth="false" allowClear @select="selectAccount">
<div slot="dropdownRender" slot-scope="menu">
<v-nodes :vnodes="menu" />
<a-divider style="margin: 4px 0;" />
<div style="padding: 4px 8px; cursor: pointer;"
@mousedown="e => e.preventDefault()" @click="addAccount"><a-icon type="plus" /> 新增结算账户</div>
</div>
<a-select-option v-for="(item,index) in accountList" :key="index" :value="item.id"> <a-select-option v-for="(item,index) in accountList" :key="index" :value="item.id">
{{ item.name }} {{ item.name }}
</a-select-option> </a-select-option>
@@ -147,6 +153,7 @@
<link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list> <link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list>
<vendor-modal ref="vendorModalForm" @ok="vendorModalFormOk"></vendor-modal> <vendor-modal ref="vendorModalForm" @ok="vendorModalFormOk"></vendor-modal>
<depot-modal ref="depotModalForm" @ok="depotModalFormOk"></depot-modal> <depot-modal ref="depotModalForm" @ok="depotModalFormOk"></depot-modal>
<account-modal ref="accountModalForm" @ok="accountModalFormOk"></account-modal>
</j-modal> </j-modal>
</template> </template>
<script> <script>
@@ -155,6 +162,7 @@
import LinkBillList from '../dialog/LinkBillList' import LinkBillList from '../dialog/LinkBillList'
import VendorModal from '../../system/modules/VendorModal' import VendorModal from '../../system/modules/VendorModal'
import DepotModal from '../../system/modules/DepotModal' import DepotModal from '../../system/modules/DepotModal'
import AccountModal from '../../system/modules/AccountModal'
import { FormTypes } from '@/utils/JEditableTableUtil' import { FormTypes } from '@/utils/JEditableTableUtil'
import { JEditableTableMixin } from '@/mixins/JEditableTableMixin' import { JEditableTableMixin } from '@/mixins/JEditableTableMixin'
import { BillModalMixin } from '../mixins/BillModalMixin' import { BillModalMixin } from '../mixins/BillModalMixin'
@@ -171,6 +179,7 @@
LinkBillList, LinkBillList,
VendorModal, VendorModal,
DepotModal, DepotModal,
AccountModal,
JUpload, JUpload,
JDate, JDate,
VNodes: { VNodes: {

View File

@@ -121,6 +121,12 @@
data-intro="如果在下拉框中选择多账户则可以通过多个结算账户进行结算"> data-intro="如果在下拉框中选择多账户则可以通过多个结算账户进行结算">
<a-select style="width:185px;" placeholder="选择结算账户" v-decorator="[ 'accountId', validatorRules.accountId ]" <a-select style="width:185px;" placeholder="选择结算账户" v-decorator="[ 'accountId', validatorRules.accountId ]"
:dropdownMatchSelectWidth="false" allowClear @select="selectAccount"> :dropdownMatchSelectWidth="false" allowClear @select="selectAccount">
<div slot="dropdownRender" slot-scope="menu">
<v-nodes :vnodes="menu" />
<a-divider style="margin: 4px 0;" />
<div style="padding: 4px 8px; cursor: pointer;"
@mousedown="e => e.preventDefault()" @click="addAccount"><a-icon type="plus" /> 新增结算账户</div>
</div>
<a-select-option v-for="(item,index) in accountList" :key="index" :value="item.id"> <a-select-option v-for="(item,index) in accountList" :key="index" :value="item.id">
{{ item.name }} {{ item.name }}
</a-select-option> </a-select-option>
@@ -158,6 +164,7 @@
<link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list> <link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list>
<vendor-modal ref="vendorModalForm" @ok="vendorModalFormOk"></vendor-modal> <vendor-modal ref="vendorModalForm" @ok="vendorModalFormOk"></vendor-modal>
<depot-modal ref="depotModalForm" @ok="depotModalFormOk"></depot-modal> <depot-modal ref="depotModalForm" @ok="depotModalFormOk"></depot-modal>
<account-modal ref="accountModalForm" @ok="accountModalFormOk"></account-modal>
</j-modal> </j-modal>
</template> </template>
@@ -167,6 +174,7 @@
import LinkBillList from '../dialog/LinkBillList' import LinkBillList from '../dialog/LinkBillList'
import VendorModal from '../../system/modules/VendorModal' import VendorModal from '../../system/modules/VendorModal'
import DepotModal from '../../system/modules/DepotModal' import DepotModal from '../../system/modules/DepotModal'
import AccountModal from '../../system/modules/AccountModal'
import { FormTypes } from '@/utils/JEditableTableUtil' import { FormTypes } from '@/utils/JEditableTableUtil'
import { JEditableTableMixin } from '@/mixins/JEditableTableMixin' import { JEditableTableMixin } from '@/mixins/JEditableTableMixin'
import { BillModalMixin } from '../mixins/BillModalMixin' import { BillModalMixin } from '../mixins/BillModalMixin'
@@ -183,6 +191,7 @@
LinkBillList, LinkBillList,
VendorModal, VendorModal,
DepotModal, DepotModal,
AccountModal,
JUpload, JUpload,
JDate, JDate,
VNodes: { VNodes: {

View File

@@ -103,6 +103,12 @@
<a-col :lg="24" :md="6" :sm="6"> <a-col :lg="24" :md="6" :sm="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款账户"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款账户">
<a-select placeholder="选择付款账户" v-decorator="[ 'accountId', validatorRules.accountId ]" :dropdownMatchSelectWidth="false"> <a-select placeholder="选择付款账户" v-decorator="[ 'accountId', validatorRules.accountId ]" :dropdownMatchSelectWidth="false">
<div slot="dropdownRender" slot-scope="menu">
<v-nodes :vnodes="menu" />
<a-divider style="margin: 4px 0;" />
<div style="padding: 4px 8px; cursor: pointer;"
@mousedown="e => e.preventDefault()" @click="addAccount"><a-icon type="plus" /> 新增结算账户</div>
</div>
<a-select-option v-for="(item,index) in accountList" :key="index" :value="item.id"> <a-select-option v-for="(item,index) in accountList" :key="index" :value="item.id">
{{ item.name }} {{ item.name }}
</a-select-option> </a-select-option>
@@ -131,6 +137,7 @@
<link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list> <link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list>
<member-modal ref="memberModalForm" @ok="memberModalFormOk"></member-modal> <member-modal ref="memberModalForm" @ok="memberModalFormOk"></member-modal>
<depot-modal ref="depotModalForm" @ok="depotModalFormOk"></depot-modal> <depot-modal ref="depotModalForm" @ok="depotModalFormOk"></depot-modal>
<account-modal ref="accountModalForm" @ok="accountModalFormOk"></account-modal>
</j-modal> </j-modal>
</template> </template>
<script> <script>
@@ -138,6 +145,7 @@
import LinkBillList from '../dialog/LinkBillList' import LinkBillList from '../dialog/LinkBillList'
import MemberModal from '../../system/modules/MemberModal' import MemberModal from '../../system/modules/MemberModal'
import DepotModal from '../../system/modules/DepotModal' import DepotModal from '../../system/modules/DepotModal'
import AccountModal from '../../system/modules/AccountModal'
import { FormTypes } from '@/utils/JEditableTableUtil' import { FormTypes } from '@/utils/JEditableTableUtil'
import { JEditableTableMixin } from '@/mixins/JEditableTableMixin' import { JEditableTableMixin } from '@/mixins/JEditableTableMixin'
import { BillModalMixin } from '../mixins/BillModalMixin' import { BillModalMixin } from '../mixins/BillModalMixin'
@@ -154,6 +162,7 @@
LinkBillList, LinkBillList,
MemberModal, MemberModal,
DepotModal, DepotModal,
AccountModal,
JUpload, JUpload,
JDate, JDate,
VNodes: { VNodes: {

View File

@@ -114,6 +114,12 @@
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收款账户" data-step="8" data-title="收款账户" <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收款账户" data-step="8" data-title="收款账户"
data-intro="收款账户的信息来自基本资料菜单下的结算账户"> data-intro="收款账户的信息来自基本资料菜单下的结算账户">
<a-select placeholder="选择收款账户" v-decorator="[ 'accountId', validatorRules.accountId ]" :dropdownMatchSelectWidth="false"> <a-select placeholder="选择收款账户" v-decorator="[ 'accountId', validatorRules.accountId ]" :dropdownMatchSelectWidth="false">
<div slot="dropdownRender" slot-scope="menu">
<v-nodes :vnodes="menu" />
<a-divider style="margin: 4px 0;" />
<div style="padding: 4px 8px; cursor: pointer;"
@mousedown="e => e.preventDefault()" @click="addAccount"><a-icon type="plus" /> 新增结算账户</div>
</div>
<a-select-option v-for="(item,index) in accountList" :key="index" :value="item.id"> <a-select-option v-for="(item,index) in accountList" :key="index" :value="item.id">
{{ item.name }} {{ item.name }}
</a-select-option> </a-select-option>
@@ -142,12 +148,14 @@
</a-spin> </a-spin>
<member-modal ref="memberModalForm" @ok="memberModalFormOk"></member-modal> <member-modal ref="memberModalForm" @ok="memberModalFormOk"></member-modal>
<depot-modal ref="depotModalForm" @ok="depotModalFormOk"></depot-modal> <depot-modal ref="depotModalForm" @ok="depotModalFormOk"></depot-modal>
<account-modal ref="accountModalForm" @ok="accountModalFormOk"></account-modal>
</j-modal> </j-modal>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'
import MemberModal from '../../system/modules/MemberModal' import MemberModal from '../../system/modules/MemberModal'
import DepotModal from '../../system/modules/DepotModal' import DepotModal from '../../system/modules/DepotModal'
import AccountModal from '../../system/modules/AccountModal'
import { FormTypes } from '@/utils/JEditableTableUtil' import { FormTypes } from '@/utils/JEditableTableUtil'
import { JEditableTableMixin } from '@/mixins/JEditableTableMixin' import { JEditableTableMixin } from '@/mixins/JEditableTableMixin'
import { BillModalMixin } from '../mixins/BillModalMixin' import { BillModalMixin } from '../mixins/BillModalMixin'
@@ -163,6 +171,7 @@
components: { components: {
MemberModal, MemberModal,
DepotModal, DepotModal,
AccountModal,
JUpload, JUpload,
JDate, JDate,
VNodes: { VNodes: {

View File

@@ -112,6 +112,12 @@
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="结算账户"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="结算账户">
<a-select style="width:185px;" placeholder="选择结算账户" v-decorator="[ 'accountId', validatorRules.accountId ]" <a-select style="width:185px;" placeholder="选择结算账户" v-decorator="[ 'accountId', validatorRules.accountId ]"
:dropdownMatchSelectWidth="false" allowClear @select="selectAccount"> :dropdownMatchSelectWidth="false" allowClear @select="selectAccount">
<div slot="dropdownRender" slot-scope="menu">
<v-nodes :vnodes="menu" />
<a-divider style="margin: 4px 0;" />
<div style="padding: 4px 8px; cursor: pointer;"
@mousedown="e => e.preventDefault()" @click="addAccount"><a-icon type="plus" /> 新增结算账户</div>
</div>
<a-select-option v-for="(item,index) in accountList" :key="index" :value="item.id"> <a-select-option v-for="(item,index) in accountList" :key="index" :value="item.id">
{{ item.name }} {{ item.name }}
</a-select-option> </a-select-option>
@@ -150,6 +156,7 @@
<link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list> <link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list>
<customer-modal ref="customerModalForm" @ok="customerModalFormOk"></customer-modal> <customer-modal ref="customerModalForm" @ok="customerModalFormOk"></customer-modal>
<depot-modal ref="depotModalForm" @ok="depotModalFormOk"></depot-modal> <depot-modal ref="depotModalForm" @ok="depotModalFormOk"></depot-modal>
<account-modal ref="accountModalForm" @ok="accountModalFormOk"></account-modal>
</j-modal> </j-modal>
</template> </template>
<script> <script>
@@ -158,6 +165,7 @@
import LinkBillList from '../dialog/LinkBillList' import LinkBillList from '../dialog/LinkBillList'
import CustomerModal from '../../system/modules/CustomerModal' import CustomerModal from '../../system/modules/CustomerModal'
import DepotModal from '../../system/modules/DepotModal' import DepotModal from '../../system/modules/DepotModal'
import AccountModal from '../../system/modules/AccountModal'
import { FormTypes } from '@/utils/JEditableTableUtil' import { FormTypes } from '@/utils/JEditableTableUtil'
import { JEditableTableMixin } from '@/mixins/JEditableTableMixin' import { JEditableTableMixin } from '@/mixins/JEditableTableMixin'
import { BillModalMixin } from '../mixins/BillModalMixin' import { BillModalMixin } from '../mixins/BillModalMixin'
@@ -175,6 +183,7 @@
LinkBillList, LinkBillList,
CustomerModal, CustomerModal,
DepotModal, DepotModal,
AccountModal,
JUpload, JUpload,
JDate, JDate,
JSelectMultiple, JSelectMultiple,

View File

@@ -122,6 +122,12 @@
data-intro="如果在下拉框中选择多账户则可以通过多个结算账户进行结算"> data-intro="如果在下拉框中选择多账户则可以通过多个结算账户进行结算">
<a-select style="width:185px;" placeholder="选择结算账户" v-decorator="[ 'accountId', validatorRules.accountId ]" <a-select style="width:185px;" placeholder="选择结算账户" v-decorator="[ 'accountId', validatorRules.accountId ]"
:dropdownMatchSelectWidth="false" allowClear @select="selectAccount"> :dropdownMatchSelectWidth="false" allowClear @select="selectAccount">
<div slot="dropdownRender" slot-scope="menu">
<v-nodes :vnodes="menu" />
<a-divider style="margin: 4px 0;" />
<div style="padding: 4px 8px; cursor: pointer;"
@mousedown="e => e.preventDefault()" @click="addAccount"><a-icon type="plus" /> 新增结算账户</div>
</div>
<a-select-option v-for="(item,index) in accountList" :key="index" :value="item.id"> <a-select-option v-for="(item,index) in accountList" :key="index" :value="item.id">
{{ item.name }} {{ item.name }}
</a-select-option> </a-select-option>
@@ -163,6 +169,7 @@
<link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list> <link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list>
<customer-modal ref="customerModalForm" @ok="customerModalFormOk"></customer-modal> <customer-modal ref="customerModalForm" @ok="customerModalFormOk"></customer-modal>
<depot-modal ref="depotModalForm" @ok="depotModalFormOk"></depot-modal> <depot-modal ref="depotModalForm" @ok="depotModalFormOk"></depot-modal>
<account-modal ref="accountModalForm" @ok="accountModalFormOk"></account-modal>
</j-modal> </j-modal>
</template> </template>
<script> <script>
@@ -171,6 +178,7 @@
import LinkBillList from '../dialog/LinkBillList' import LinkBillList from '../dialog/LinkBillList'
import CustomerModal from '../../system/modules/CustomerModal' import CustomerModal from '../../system/modules/CustomerModal'
import DepotModal from '../../system/modules/DepotModal' import DepotModal from '../../system/modules/DepotModal'
import AccountModal from '../../system/modules/AccountModal'
import { FormTypes } from '@/utils/JEditableTableUtil' import { FormTypes } from '@/utils/JEditableTableUtil'
import { JEditableTableMixin } from '@/mixins/JEditableTableMixin' import { JEditableTableMixin } from '@/mixins/JEditableTableMixin'
import { BillModalMixin } from '../mixins/BillModalMixin' import { BillModalMixin } from '../mixins/BillModalMixin'
@@ -188,6 +196,7 @@
LinkBillList, LinkBillList,
CustomerModal, CustomerModal,
DepotModal, DepotModal,
AccountModal,
JUpload, JUpload,
JDate, JDate,
JSelectMultiple, JSelectMultiple,