purovps/jshERP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化单据列表的高度

Browse Source
This commit is contained in:
季圣华
2021-09-25 13:12:27 +08:00
parent 32fac5fc04
commit 2a21622e12
9 changed files with 2044 additions and 2062 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1662
jshERP-web/src/views/bill/dialog/BillDetail.vue
View File

File diff suppressed because it is too large Load Diff

242
jshERP-web/src/views/bill/modules/PurchaseBackModal.vue
View File

@@ -1,128 +1,126 @@
<template> <template>
<a-card :bordered="false"> <j-modal
<j-modal :title="title"
:title="title" :width="width"
:width="width" :visible="visible"
:visible="visible" :confirmLoading="confirmLoading"
:confirmLoading="confirmLoading" :maskClosable="false"
:maskClosable="false" :keyboard="false"
:keyboard="false" :forceRender="true"
:forceRender="true" switchFullscreen
switchFullscreen @ok="handleOk"
@ok="handleOk" @cancel="handleCancel"
@cancel="handleCancel" wrapClassName="ant-modal-cust-warp"
wrapClassName="ant-modal-cust-warp" style="top:5%;height: 100%;overflow-y: hidden">
style="top:5%;height: 100%;overflow-y: hidden"> <a-spin :spinning="confirmLoading">
<a-spin :spinning="confirmLoading"> <a-form :form="form">
<a-form :form="form"> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商"> <a-select placeholder="选择供应商" v-decorator="[ 'organId', validatorRules.organId ]"
<a-select placeholder="选择供应商" v-decorator="[ 'organId', validatorRules.organId ]" :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children"> <a-select-option v-for="(item,index) in supList" :key="index" :value="item.id">
<a-select-option v-for="(item,index) in supList" :key="index" :value="item.id"> {{ item.supplier }}
{{ item.supplier }} </a-select-option>
</a-select-option> </a-select>
</a-select> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期"> <j-date v-decorator="['operTime', validatorRules.operTime]" :show-time="true"/>
<j-date v-decorator="['operTime', validatorRules.operTime]" :show-time="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号"> <a-input placeholder="请输入单据编号" v-decorator.trim="[ 'number' ]" :readOnly="true"/>
<a-input placeholder="请输入单据编号" v-decorator.trim="[ 'number' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联单据">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联单据"> <a-input-search placeholder="请选择关联单据" v-decorator="[ 'linkNumber' ]" @search="onSearchLinkNumber" :readOnly="true"/>
<a-input-search placeholder="请选择关联单据" v-decorator="[ 'linkNumber' ]" @search="onSearchLinkNumber" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <j-editable-table
<j-editable-table :ref="refKeys[0]"
:ref="refKeys[0]" :loading="materialTable.loading"
:loading="materialTable.loading" :columns="materialTable.columns"
:columns="materialTable.columns" :dataSource="materialTable.dataSource"
:dataSource="materialTable.dataSource" :maxHeight="300"
:maxHeight="300" :rowNumber="false"
:rowNumber="false" :rowSelection="true"
:rowSelection="true" :actionButton="true"
:actionButton="true" @valueChange="onValueChange"
@valueChange="onValueChange" @added="onAdded"
@added="onAdded" @deleted="onDeleted" />
@deleted="onDeleted" /> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="24" :md="24" :sm="24">
<a-col :lg="24" :md="24" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label=""> <a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ 'remark' ]" style="margin-top:8px;"/>
<a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ 'remark' ]" style="margin-top:8px;"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率"> <a-input style="width:185px;" placeholder="请输入优惠率" v-decorator.trim="[ 'discount' ]" suffix="%" @keyup="onKeyUpDiscount"/>
<a-input style="width:185px;" placeholder="请输入优惠率" v-decorator.trim="[ 'discount' ]" suffix="%" @keyup="onKeyUpDiscount"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="退款优惠">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="退款优惠"> <a-input placeholder="请输入付款优惠" v-decorator.trim="[ 'discountMoney' ]" @keyup="onKeyUpDiscountMoney"/>
<a-input placeholder="请输入付款优惠" v-decorator.trim="[ 'discountMoney' ]" @keyup="onKeyUpDiscountMoney"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠后金额">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠后金额"> <a-input placeholder="请输入优惠后金额" v-decorator.trim="[ 'discountLastMoney' ]" :readOnly="true"/>
<a-input placeholder="请输入优惠后金额" v-decorator.trim="[ 'discountLastMoney' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用"> <a-input placeholder="请输入其它费用" v-decorator.trim="[ 'otherMoney' ]" @keyup="onKeyUpOtherMoney"/>
<a-input placeholder="请输入其它费用" v-decorator.trim="[ 'otherMoney' ]" @keyup="onKeyUpOtherMoney"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <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"> <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> </a-select>
</a-select> <a-tooltip title="多账户明细">
<a-tooltip title="多账户明细"> <a-button type="default" icon="folder" style="margin-left: 8px;" size="small" v-show="manyAccountBtnStatus" @click="handleManyAccount"/>
<a-button type="default" icon="folder" style="margin-left: 8px;" size="small" v-show="manyAccountBtnStatus" @click="handleManyAccount"/> </a-tooltip>
</a-tooltip> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次退款">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次退款"> <a-input placeholder="请输入本次退款" v-decorator.trim="[ 'changeAmount' ]" @keyup="onKeyUpChangeAmount" :readOnly="true"/>
<a-input placeholder="请输入本次退款" v-decorator.trim="[ 'changeAmount' ]" @keyup="onKeyUpChangeAmount" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款"> <a-input placeholder="请输入本次欠款" v-decorator.trim="[ 'debt' ]" :readOnly="true"/>
<a-input placeholder="请输入本次欠款" v-decorator.trim="[ 'debt' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="附件">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="附件"> <j-upload v-model="fileList" bizPath="bill"></j-upload>
<j-upload v-model="fileList" bizPath="bill"></j-upload> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> </a-form>
</a-form> </a-spin>
</a-spin>
</j-modal>
<many-account-modal ref="manyAccountModalForm" @ok="manyAccountModalFormOk"></many-account-modal> <many-account-modal ref="manyAccountModalForm" @ok="manyAccountModalFormOk"></many-account-modal>
<link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list> <link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list>
</a-card> </j-modal>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'

242
jshERP-web/src/views/bill/modules/PurchaseInModal.vue
View File

@@ -1,128 +1,126 @@
<template> <template>
<a-card :bordered="false"> <j-modal
<j-modal :title="title"
:title="title" :width="width"
:width="width" :visible="visible"
:visible="visible" :confirmLoading="confirmLoading"
:confirmLoading="confirmLoading" :maskClosable="false"
:maskClosable="false" :keyboard="false"
:keyboard="false" :forceRender="true"
:forceRender="true" switchFullscreen
switchFullscreen @ok="handleOk"
@ok="handleOk" @cancel="handleCancel"
@cancel="handleCancel" wrapClassName="ant-modal-cust-warp"
wrapClassName="ant-modal-cust-warp" style="top:5%;height: 100%;overflow-y: hidden">
style="top:5%;height: 100%;overflow-y: hidden"> <a-spin :spinning="confirmLoading">
<a-spin :spinning="confirmLoading"> <a-form :form="form">
<a-form :form="form"> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商"> <a-select placeholder="选择供应商" v-decorator="[ 'organId', validatorRules.organId ]"
<a-select placeholder="选择供应商" v-decorator="[ 'organId', validatorRules.organId ]" :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children"> <a-select-option v-for="(item,index) in supList" :key="index" :value="item.id">
<a-select-option v-for="(item,index) in supList" :key="index" :value="item.id"> {{ item.supplier }}
{{ item.supplier }} </a-select-option>
</a-select-option> </a-select>
</a-select> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期"> <j-date v-decorator="['operTime', validatorRules.operTime]" :show-time="true"/>
<j-date v-decorator="['operTime', validatorRules.operTime]" :show-time="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号"> <a-input placeholder="请输入单据编号" v-decorator.trim="[ 'number' ]" :readOnly="true"/>
<a-input placeholder="请输入单据编号" v-decorator.trim="[ 'number' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联订单">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联订单"> <a-input-search placeholder="请选择关联订单" v-decorator="[ 'linkNumber' ]" @search="onSearchLinkNumber" :readOnly="true"/>
<a-input-search placeholder="请选择关联订单" v-decorator="[ 'linkNumber' ]" @search="onSearchLinkNumber" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <j-editable-table
<j-editable-table :ref="refKeys[0]"
:ref="refKeys[0]" :loading="materialTable.loading"
:loading="materialTable.loading" :columns="materialTable.columns"
:columns="materialTable.columns" :dataSource="materialTable.dataSource"
:dataSource="materialTable.dataSource" :maxHeight="300"
:maxHeight="300" :rowNumber="false"
:rowNumber="false" :rowSelection="true"
:rowSelection="true" :actionButton="true"
:actionButton="true" @valueChange="onValueChange"
@valueChange="onValueChange" @added="onAdded"
@added="onAdded" @deleted="onDeleted" />
@deleted="onDeleted" /> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="24" :md="24" :sm="24">
<a-col :lg="24" :md="24" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label=""> <a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ 'remark' ]" style="margin-top:8px;"/>
<a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ 'remark' ]" style="margin-top:8px;"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率"> <a-input style="width:185px;" placeholder="请输入优惠率" v-decorator.trim="[ 'discount' ]" suffix="%" @keyup="onKeyUpDiscount"/>
<a-input style="width:185px;" placeholder="请输入优惠率" v-decorator.trim="[ 'discount' ]" suffix="%" @keyup="onKeyUpDiscount"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款优惠">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款优惠"> <a-input placeholder="请输入付款优惠" v-decorator.trim="[ 'discountMoney' ]" @keyup="onKeyUpDiscountMoney"/>
<a-input placeholder="请输入付款优惠" v-decorator.trim="[ 'discountMoney' ]" @keyup="onKeyUpDiscountMoney"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠后金额">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠后金额"> <a-input placeholder="请输入优惠后金额" v-decorator.trim="[ 'discountLastMoney' ]" :readOnly="true"/>
<a-input placeholder="请输入优惠后金额" v-decorator.trim="[ 'discountLastMoney' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用"> <a-input placeholder="请输入其它费用" v-decorator.trim="[ 'otherMoney' ]" @keyup="onKeyUpOtherMoney"/>
<a-input placeholder="请输入其它费用" v-decorator.trim="[ 'otherMoney' ]" @keyup="onKeyUpOtherMoney"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <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"> <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> </a-select>
</a-select> <a-tooltip title="多账户明细">
<a-tooltip title="多账户明细"> <a-button type="default" icon="folder" style="margin-left: 8px;" size="small" v-show="manyAccountBtnStatus" @click="handleManyAccount"/>
<a-button type="default" icon="folder" style="margin-left: 8px;" size="small" v-show="manyAccountBtnStatus" @click="handleManyAccount"/> </a-tooltip>
</a-tooltip> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次付款">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次付款"> <a-input placeholder="请输入本次付款" v-decorator.trim="[ 'changeAmount' ]" @keyup="onKeyUpChangeAmount"/>
<a-input placeholder="请输入本次付款" v-decorator.trim="[ 'changeAmount' ]" @keyup="onKeyUpChangeAmount"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款"> <a-input placeholder="请输入本次欠款" v-decorator.trim="[ 'debt' ]" :readOnly="true"/>
<a-input placeholder="请输入本次欠款" v-decorator.trim="[ 'debt' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="附件">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="附件"> <j-upload v-model="fileList" bizPath="bill"></j-upload>
<j-upload v-model="fileList" bizPath="bill"></j-upload> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> </a-form>
</a-form> </a-spin>
</a-spin>
</j-modal>
<many-account-modal ref="manyAccountModalForm" @ok="manyAccountModalFormOk"></many-account-modal> <many-account-modal ref="manyAccountModalForm" @ok="manyAccountModalFormOk"></many-account-modal>
<link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list> <link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list>
</a-card> </j-modal>
</template> </template>
<script> <script>

212
jshERP-web/src/views/bill/modules/RetailBackModal.vue
View File

@@ -1,112 +1,110 @@
<template> <template>
<a-card :bordered="false"> <j-modal
<j-modal :title="title"
:title="title" :width="width"
:width="width" :visible="visible"
:visible="visible" :confirmLoading="confirmLoading"
:confirmLoading="confirmLoading" :maskClosable="false"
:maskClosable="false" :keyboard="false"
:keyboard="false" :forceRender="true"
:forceRender="true" switchFullscreen
switchFullscreen @ok="handleOk"
@ok="handleOk" @cancel="handleCancel"
@cancel="handleCancel" wrapClassName="ant-modal-cust-warp"
wrapClassName="ant-modal-cust-warp" style="top:5%;height: 100%;overflow-y: hidden">
style="top:5%;height: 100%;overflow-y: hidden"> <a-spin :spinning="confirmLoading">
<a-spin :spinning="confirmLoading"> <a-form :form="form">
<a-form :form="form"> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="会员卡号">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="会员卡号"> <a-select placeholder="选择会员卡号" v-decorator="[ 'organId' ]"
<a-select placeholder="选择会员卡号" v-decorator="[ 'organId' ]" :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children"> <a-select-option v-for="(item,index) in retailList" :key="index" :value="item.id">
<a-select-option v-for="(item,index) in retailList" :key="index" :value="item.id"> {{ item.supplier }}
{{ item.supplier }} </a-select-option>
</a-select-option> </a-select>
</a-select> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期"> <j-date v-decorator="['operTime', validatorRules.operTime]" :show-time="true"/>
<j-date v-decorator="['operTime', validatorRules.operTime]" :show-time="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号"> <a-input placeholder="请输入单据编号" v-decorator.trim="[ 'number' ]" :readOnly="true"/>
<a-input placeholder="请输入单据编号" v-decorator.trim="[ 'number' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联单据">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联单据"> <a-input-search placeholder="请选择关联单据" v-decorator="[ 'linkNumber' ]" @search="onSearchLinkNumber" :readOnly="true"/>
<a-input-search placeholder="请选择关联单据" v-decorator="[ 'linkNumber' ]" @search="onSearchLinkNumber" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="18" :md="12" :sm="24">
<a-col :lg="18" :md="12" :sm="24"> <j-editable-table
<j-editable-table :ref="refKeys[0]"
:ref="refKeys[0]" :loading="materialTable.loading"
:loading="materialTable.loading" :columns="materialTable.columns"
:columns="materialTable.columns" :dataSource="materialTable.dataSource"
:dataSource="materialTable.dataSource" :minWidth="1100"
:minWidth="1100" :maxHeight="300"
:maxHeight="300" :rowNumber="false"
:rowNumber="false" :rowSelection="true"
:rowSelection="true" :actionButton="true"
:actionButton="true" @valueChange="onValueChange"
@valueChange="onValueChange" @added="onAdded"
@added="onAdded" @deleted="onDeleted" />
@deleted="onDeleted" /> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="24" :md="6" :sm="6"><br/><br/></a-col>
<a-col :lg="24" :md="6" :sm="6"><br/><br/></a-col> <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-input v-decorator.trim="[ 'changeAmount' ]" :style="{color:'purple'}" :readOnly="true"/>
<a-input v-decorator.trim="[ 'changeAmount' ]" :style="{color:'purple'}" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <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-input v-decorator.trim="[ 'getAmount' ]" :style="{color:'red'}" defaultValue="0" @keyup="onKeyUpGetAmount"/>
<a-input v-decorator.trim="[ 'getAmount' ]" :style="{color:'red'}" defaultValue="0" @keyup="onKeyUpGetAmount"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <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-input v-decorator.trim="[ 'backAmount' ]" :style="{color:'green'}" :readOnly="true" defaultValue="0"/>
<a-input v-decorator.trim="[ 'backAmount' ]" :style="{color:'green'}" :readOnly="true" defaultValue="0"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <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"> <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> </a-select>
</a-select> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="24" :md="24" :sm="24">
<a-col :lg="24" :md="24" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label=""> <a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ 'remark' ]" style="margin-top:8px;"/>
<a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ 'remark' ]" style="margin-top:8px;"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="附件">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="附件"> <j-upload v-model="fileList" bizPath="bill"></j-upload>
<j-upload v-model="fileList" bizPath="bill"></j-upload> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> </a-form>
</a-form> </a-spin>
</a-spin>
</j-modal>
<link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list> <link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list>
</a-card> </j-modal>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'

248
jshERP-web/src/views/bill/modules/SaleBackModal.vue
View File

@@ -1,131 +1,129 @@
<template> <template>
<a-card :bordered="false"> <j-modal
<j-modal :title="title"
:title="title" :width="width"
:width="width" :visible="visible"
:visible="visible" :confirmLoading="confirmLoading"
:confirmLoading="confirmLoading" :maskClosable="false"
:maskClosable="false" :keyboard="false"
:keyboard="false" :forceRender="true"
:forceRender="true" switchFullscreen
switchFullscreen @ok="handleOk"
@ok="handleOk" @cancel="handleCancel"
@cancel="handleCancel" wrapClassName="ant-modal-cust-warp"
wrapClassName="ant-modal-cust-warp" style="top:5%;height: 100%;overflow-y: hidden">
style="top:5%;height: 100%;overflow-y: hidden"> <a-spin :spinning="confirmLoading">
<a-spin :spinning="confirmLoading"> <a-form :form="form">
<a-form :form="form"> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户"> <a-select placeholder="选择客户" v-decorator="[ 'organId', validatorRules.organId ]"
<a-select placeholder="选择客户" v-decorator="[ 'organId', validatorRules.organId ]" :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children"> <a-select-option v-for="(item,index) in cusList" :key="index" :value="item.id">
<a-select-option v-for="(item,index) in cusList" :key="index" :value="item.id"> {{ item.supplier }}
{{ item.supplier }} </a-select-option>
</a-select-option> </a-select>
</a-select> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期"> <j-date v-decorator="['operTime', validatorRules.operTime]" :show-time="true"/>
<j-date v-decorator="['operTime', validatorRules.operTime]" :show-time="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号"> <a-input placeholder="请输入单据编号" v-decorator.trim="[ 'number' ]" :readOnly="true"/>
<a-input placeholder="请输入单据编号" v-decorator.trim="[ 'number' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联单据">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联单据"> <a-input-search placeholder="请选择关联单据" v-decorator="[ 'linkNumber' ]" @search="onSearchLinkNumber" :readOnly="true"/>
<a-input-search placeholder="请选择关联单据" v-decorator="[ 'linkNumber' ]" @search="onSearchLinkNumber" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <j-editable-table
<j-editable-table :ref="refKeys[0]"
:ref="refKeys[0]" :loading="materialTable.loading"
:loading="materialTable.loading" :columns="materialTable.columns"
:columns="materialTable.columns" :dataSource="materialTable.dataSource"
:dataSource="materialTable.dataSource" :maxHeight="300"
:maxHeight="300" :rowNumber="false"
:rowNumber="false" :rowSelection="true"
:rowSelection="true" :actionButton="true"
:actionButton="true" @valueChange="onValueChange"
@valueChange="onValueChange" @added="onAdded"
@added="onAdded" @deleted="onDeleted" />
@deleted="onDeleted" /> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="24" :md="24" :sm="24">
<a-col :lg="24" :md="24" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label=""> <a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ 'remark' ]" style="margin-top:8px;"/>
<a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ 'remark' ]" style="margin-top:8px;"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率"> <a-input style="width:185px;" placeholder="请输入优惠率" v-decorator.trim="[ 'discount' ]" suffix="%" @keyup="onKeyUpDiscount"/>
<a-input style="width:185px;" placeholder="请输入优惠率" v-decorator.trim="[ 'discount' ]" suffix="%" @keyup="onKeyUpDiscount"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="退款优惠">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="退款优惠"> <a-input placeholder="请输入付款优惠" v-decorator.trim="[ 'discountMoney' ]" @keyup="onKeyUpDiscountMoney"/>
<a-input placeholder="请输入付款优惠" v-decorator.trim="[ 'discountMoney' ]" @keyup="onKeyUpDiscountMoney"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠后金额">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠后金额"> <a-input placeholder="请输入优惠后金额" v-decorator.trim="[ 'discountLastMoney' ]" :readOnly="true"/>
<a-input placeholder="请输入优惠后金额" v-decorator.trim="[ 'discountLastMoney' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用"> <a-input placeholder="请输入其它费用" v-decorator.trim="[ 'otherMoney' ]" @keyup="onKeyUpOtherMoney"/>
<a-input placeholder="请输入其它费用" v-decorator.trim="[ 'otherMoney' ]" @keyup="onKeyUpOtherMoney"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <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"> <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> </a-select>
</a-select> <a-tooltip title="多账户明细">
<a-tooltip title="多账户明细"> <a-button type="default" icon="folder" style="margin-left: 8px;" size="small" v-show="manyAccountBtnStatus" @click="handleManyAccount"/>
<a-button type="default" icon="folder" style="margin-left: 8px;" size="small" v-show="manyAccountBtnStatus" @click="handleManyAccount"/> </a-tooltip>
</a-tooltip> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次退款">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次退款"> <a-input placeholder="请输入本次退款" v-decorator.trim="[ 'changeAmount' ]" @keyup="onKeyUpChangeAmount" :readOnly="true"/>
<a-input placeholder="请输入本次退款" v-decorator.trim="[ 'changeAmount' ]" @keyup="onKeyUpChangeAmount" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款"> <a-input placeholder="请输入本次欠款" v-decorator.trim="[ 'debt' ]" :readOnly="true"/>
<a-input placeholder="请输入本次欠款" v-decorator.trim="[ 'debt' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="销售人员">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="销售人员"> <j-select-multiple placeholder="请选择销售人员" v-model="personList.value" :options="personList.options"/>
<j-select-multiple placeholder="请选择销售人员" v-model="personList.value" :options="personList.options"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="附件">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="附件"> <j-upload v-model="fileList" bizPath="bill"></j-upload>
<j-upload v-model="fileList" bizPath="bill"></j-upload> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> </a-form>
</a-form> </a-spin>
</a-spin>
</j-modal>
<many-account-modal ref="manyAccountModalForm" @ok="manyAccountModalFormOk"></many-account-modal> <many-account-modal ref="manyAccountModalForm" @ok="manyAccountModalFormOk"></many-account-modal>
<link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list> <link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list>
</a-card> </j-modal>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'

248
jshERP-web/src/views/bill/modules/SaleOutModal.vue
View File

@@ -1,131 +1,129 @@
<template> <template>
<a-card :bordered="false"> <j-modal
<j-modal :title="title"
:title="title" :width="width"
:width="width" :visible="visible"
:visible="visible" :confirmLoading="confirmLoading"
:confirmLoading="confirmLoading" :maskClosable="false"
:maskClosable="false" :keyboard="false"
:keyboard="false" :forceRender="true"
:forceRender="true" switchFullscreen
switchFullscreen @ok="handleOk"
@ok="handleOk" @cancel="handleCancel"
@cancel="handleCancel" wrapClassName="ant-modal-cust-warp"
wrapClassName="ant-modal-cust-warp" style="top:5%;height: 100%;overflow-y: hidden">
style="top:5%;height: 100%;overflow-y: hidden"> <a-spin :spinning="confirmLoading">
<a-spin :spinning="confirmLoading"> <a-form :form="form">
<a-form :form="form"> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户"> <a-select placeholder="选择客户" v-decorator="[ 'organId', validatorRules.organId ]"
<a-select placeholder="选择客户" v-decorator="[ 'organId', validatorRules.organId ]" :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children"> <a-select-option v-for="(item,index) in cusList" :key="index" :value="item.id">
<a-select-option v-for="(item,index) in cusList" :key="index" :value="item.id"> {{ item.supplier }}
{{ item.supplier }} </a-select-option>
</a-select-option> </a-select>
</a-select> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期"> <j-date v-decorator="['operTime', validatorRules.operTime]" :show-time="true"/>
<j-date v-decorator="['operTime', validatorRules.operTime]" :show-time="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号"> <a-input placeholder="请输入单据编号" v-decorator.trim="[ 'number' ]" :readOnly="true"/>
<a-input placeholder="请输入单据编号" v-decorator.trim="[ 'number' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联订单">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="关联订单"> <a-input-search placeholder="请选择关联订单" v-decorator="[ 'linkNumber' ]" @search="onSearchLinkNumber" :readOnly="true"/>
<a-input-search placeholder="请选择关联订单" v-decorator="[ 'linkNumber' ]" @search="onSearchLinkNumber" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <j-editable-table
<j-editable-table :ref="refKeys[0]"
:ref="refKeys[0]" :loading="materialTable.loading"
:loading="materialTable.loading" :columns="materialTable.columns"
:columns="materialTable.columns" :dataSource="materialTable.dataSource"
:dataSource="materialTable.dataSource" :maxHeight="300"
:maxHeight="300" :rowNumber="false"
:rowNumber="false" :rowSelection="true"
:rowSelection="true" :actionButton="true"
:actionButton="true" @valueChange="onValueChange"
@valueChange="onValueChange" @added="onAdded"
@added="onAdded" @deleted="onDeleted" />
@deleted="onDeleted" /> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="24" :md="24" :sm="24">
<a-col :lg="24" :md="24" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label=""> <a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ 'remark' ]" style="margin-top:8px;"/>
<a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ 'remark' ]" style="margin-top:8px;"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠率"> <a-input style="width:185px;" placeholder="请输入优惠率" v-decorator.trim="[ 'discount' ]" suffix="%" @keyup="onKeyUpDiscount"/>
<a-input style="width:185px;" placeholder="请输入优惠率" v-decorator.trim="[ 'discount' ]" suffix="%" @keyup="onKeyUpDiscount"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收款优惠">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收款优惠"> <a-input placeholder="请输入付款优惠" v-decorator.trim="[ 'discountMoney' ]" @keyup="onKeyUpDiscountMoney"/>
<a-input placeholder="请输入付款优惠" v-decorator.trim="[ 'discountMoney' ]" @keyup="onKeyUpDiscountMoney"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠后金额">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠后金额"> <a-input placeholder="请输入优惠后金额" v-decorator.trim="[ 'discountLastMoney' ]" :readOnly="true"/>
<a-input placeholder="请输入优惠后金额" v-decorator.trim="[ 'discountLastMoney' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="其它费用"> <a-input placeholder="请输入其它费用" v-decorator.trim="[ 'otherMoney' ]" @keyup="onKeyUpOtherMoney"/>
<a-input placeholder="请输入其它费用" v-decorator.trim="[ 'otherMoney' ]" @keyup="onKeyUpOtherMoney"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <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"> <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> </a-select>
</a-select> <a-tooltip title="多账户明细">
<a-tooltip title="多账户明细"> <a-button type="default" icon="folder" style="margin-left: 8px;" size="small" v-show="manyAccountBtnStatus" @click="handleManyAccount"/>
<a-button type="default" icon="folder" style="margin-left: 8px;" size="small" v-show="manyAccountBtnStatus" @click="handleManyAccount"/> </a-tooltip>
</a-tooltip> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次收款">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次收款"> <a-input placeholder="请输入本次付款" v-decorator.trim="[ 'changeAmount' ]" @keyup="onKeyUpChangeAmount"/>
<a-input placeholder="请输入本次付款" v-decorator.trim="[ 'changeAmount' ]" @keyup="onKeyUpChangeAmount"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="本次欠款"> <a-input placeholder="请输入本次欠款" v-decorator.trim="[ 'debt' ]" :readOnly="true"/>
<a-input placeholder="请输入本次欠款" v-decorator.trim="[ 'debt' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="销售人员">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="销售人员"> <j-select-multiple placeholder="请选择销售人员" v-model="personList.value" :options="personList.options"/>
<j-select-multiple placeholder="请选择销售人员" v-model="personList.value" :options="personList.options"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="附件">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="附件"> <j-upload v-model="fileList" bizPath="bill"></j-upload>
<j-upload v-model="fileList" bizPath="bill"></j-upload> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> </a-form>
</a-form> </a-spin>
</a-spin>
</j-modal>
<many-account-modal ref="manyAccountModalForm" @ok="manyAccountModalFormOk"></many-account-modal> <many-account-modal ref="manyAccountModalForm" @ok="manyAccountModalFormOk"></many-account-modal>
<link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list> <link-bill-list ref="linkBillList" @ok="linkBillListOk"></link-bill-list>
</a-card> </j-modal>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'

788
jshERP-web/src/views/financial/dialog/FinancialDetail.vue
View File

@@ -1,405 +1,403 @@
<template> <template>
<a-card :bordered="false"> <j-modal
<j-modal :title="title"
:title="title" :width="width"
:width="width" :visible="visible"
:visible="visible" :maskClosable="false"
:maskClosable="false" :keyboard="false"
:keyboard="false" :forceRender="true"
:forceRender="true" @cancel="handleCancel"
@cancel="handleCancel" wrapClassName="ant-modal-cust-warp"
wrapClassName="ant-modal-cust-warp" style="top:5%;height: 100%;overflow-y: hidden">
style="top:5%;height: 100%;overflow-y: hidden"> <template slot="footer">
<template slot="footer"> <!--此处为解决缓存问题-->
<!--此处为解决缓存问题--> <a-button v-if="financialType === '收预付款'" v-print="'#advanceInPrint'" ghost type="primary">打印</a-button>
<a-button v-if="financialType === '收预付款'" v-print="'#advanceInPrint'" ghost type="primary">打印</a-button> <a-button v-if="financialType === '转账'" v-print="'#giroPrint'" ghost type="primary">打印</a-button>
<a-button v-if="financialType === '转账'" v-print="'#giroPrint'" ghost type="primary">打印</a-button> <a-button v-if="financialType === '收入'" v-print="'#itemInPrint'" ghost type="primary">打印</a-button>
<a-button v-if="financialType === '收入'" v-print="'#itemInPrint'" ghost type="primary">打印</a-button> <a-button v-if="financialType === '支出'" v-print="'#itemOutPrint'" ghost type="primary">打印</a-button>
<a-button v-if="financialType === '支出'" v-print="'#itemOutPrint'" ghost type="primary">打印</a-button> <a-button v-if="financialType === '收款'" v-print="'#moneyInPrint'" ghost type="primary">打印</a-button>
<a-button v-if="financialType === '收款'" v-print="'#moneyInPrint'" ghost type="primary">打印</a-button> <a-button v-if="financialType === '付款'" v-print="'#moneyOutPrint'" ghost type="primary">打印</a-button>
<a-button v-if="financialType === '付款'" v-print="'#moneyOutPrint'" ghost type="primary">打印</a-button> <a-button key="back" @click="handleCancel">取消</a-button>
<a-button key="back" @click="handleCancel">取消</a-button> </template>
</template> <a-form :form="form">
<a-form :form="form"> <!--收预付款-->
<!--收预付款--> <template v-if="financialType === '收预付款'">
<template v-if="financialType === '收预付款'"> <section ref="print" id="advanceInPrint">
<section ref="print" id="advanceInPrint">
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款会员">
<a-input v-decorator="['id']" hidden/>
{{model.organName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
{{model.handsPersonName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
{{model.billTimeStr}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
{{model.billNo}}
</a-form-item>
</a-col>
</a-row>
<a-table
ref="table"
size="middle"
bordered
rowKey="id"
:pagination="false"
:columns="advanceInColumns"
:dataSource="dataSource">
</a-table>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
{{model.remark}}
</a-form-item>
</a-col>
</a-row>
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="合计金额">
{{model.totalPrice}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收款金额">
{{model.changeAmount}}
</a-form-item>
</a-col>
<a-col :span="6"></a-col>
<a-col :span="6"></a-col>
<a-col :span="6"></a-col>
</a-row>
</section>
</template>
<!--转账-->
<template v-if="financialType === '转账'">
<section ref="print" id="giroPrint">
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
<a-input v-decorator="['id']" hidden/>
{{model.handsPersonName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
{{model.billTimeStr}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
{{model.billNo}}
</a-form-item>
</a-col>
<a-col :span="6"></a-col>
</a-row>
<a-table
ref="table"
size="middle"
bordered
rowKey="id"
:pagination="false"
:columns="giroColumns"
:dataSource="dataSource">
</a-table>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
{{model.remark}}
</a-form-item>
</a-col>
</a-row>
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款账户">
{{model.accountName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="实付金额">
{{model.changeAmount}}
</a-form-item>
</a-col>
<a-col :span="6"></a-col>
<a-col :span="6"></a-col>
</a-row>
</section>
</template>
<!--收入-->
<template v-if="financialType === '收入'">
<section ref="print" id="itemInPrint">
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
<a-input v-decorator="['id']" hidden/>
{{model.organName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
{{model.handsPersonName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
{{model.billTimeStr}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
{{model.billNo}}
</a-form-item>
</a-col>
</a-row>
<a-table
ref="table"
size="middle"
bordered
rowKey="id"
:pagination="false"
:columns="itemInColumns"
:dataSource="dataSource">
</a-table>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
{{model.remark}}
</a-form-item>
</a-col>
</a-row>
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收入账户">
{{model.accountName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收入金额">
{{model.changeAmount}}
</a-form-item>
</a-col>
<a-col :span="6"></a-col>
<a-col :span="6"></a-col>
</a-row>
</section>
</template>
<!--支出-->
<template v-if="financialType === '支出'">
<section ref="print" id="itemOutPrint">
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
<a-input v-decorator="['id']" hidden/>
{{model.organName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
{{model.handsPersonName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
{{model.billTimeStr}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
{{model.billNo}}
</a-form-item>
</a-col>
</a-row>
<a-table
ref="table"
size="middle"
bordered
rowKey="id"
:pagination="false"
:columns="itemOutColumns"
:dataSource="dataSource">
</a-table>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
{{model.remark}}
</a-form-item>
</a-col>
</a-row>
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="支出账户">
{{model.accountName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="支出金额">
{{model.changeAmount}}
</a-form-item>
</a-col>
<a-col :span="6"></a-col>
<a-col :span="6"></a-col>
</a-row>
</section>
</template>
<!--收款-->
<template v-if="financialType === '收款'">
<section ref="print" id="moneyInPrint">
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
<a-input v-decorator="['id']" hidden/>
{{model.organName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
{{model.handsPersonName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
{{model.billTimeStr}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
{{model.billNo}}
</a-form-item>
</a-col>
</a-row>
<a-table
ref="table"
size="middle"
bordered
rowKey="id"
:pagination="false"
:columns="moneyInColumns"
:dataSource="dataSource">
<span slot="numberCustomRender" slot-scope="text, record">
<a @click="myHandleDetail(record)">{{record.billNumber}}</a>
</span>
</a-table>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
{{model.remark}}
</a-form-item>
</a-col>
</a-row>
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收款账户">
{{model.accountName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="合计收款">
{{model.totalPrice}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠金额">
{{model.discountMoney}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="实际收款">
{{model.changeAmount}}
</a-form-item>
</a-col>
</a-row>
</section>
</template>
<!--付款-->
<template v-if="financialType === '付款'">
<section ref="print" id="moneyOutPrint">
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
<a-input v-decorator="['id']" hidden/>
{{model.organName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
{{model.handsPersonName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
{{model.billTimeStr}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
{{model.billNo}}
</a-form-item>
</a-col>
</a-row>
<a-table
ref="table"
size="middle"
bordered
rowKey="id"
:pagination="false"
:columns="moneyOutColumns"
:dataSource="dataSource">
</a-table>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
{{model.remark}}
</a-form-item>
</a-col>
</a-row>
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款账户">
{{model.accountName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="合计付款">
{{model.totalPrice}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠金额">
{{model.discountMoney}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="实际付款">
{{model.changeAmount}}
</a-form-item>
</a-col>
</a-row>
</section>
</template>
<template v-if="fileList && fileList.length>0">
<a-row class="form-row" :gutter="24"> <a-row class="form-row" :gutter="24">
<a-col :span="12"> <a-col :span="6">
<a-form-item :labelCol="{xs: { span: 24 },sm: { span: 3 }}" :wrapperCol="{xs: { span: 24 },sm: { span: 21 }}" label="附件"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款会员">
<j-upload v-model="fileList" bizPath="bill" :disabled="true" :buttonVisible="false"></j-upload> <a-input v-decorator="['id']" hidden/>
{{model.organName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
{{model.handsPersonName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
{{model.billTimeStr}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
{{model.billNo}}
</a-form-item> </a-form-item>
</a-col> </a-col>
<a-col :span="12"></a-col>
</a-row> </a-row>
</template> <a-table
</a-form> ref="table"
</j-modal> size="middle"
bordered
rowKey="id"
:pagination="false"
:columns="advanceInColumns"
:dataSource="dataSource">
</a-table>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
{{model.remark}}
</a-form-item>
</a-col>
</a-row>
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="合计金额">
{{model.totalPrice}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收款金额">
{{model.changeAmount}}
</a-form-item>
</a-col>
<a-col :span="6"></a-col>
<a-col :span="6"></a-col>
<a-col :span="6"></a-col>
</a-row>
</section>
</template>
<!--转账-->
<template v-if="financialType === '转账'">
<section ref="print" id="giroPrint">
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
<a-input v-decorator="['id']" hidden/>
{{model.handsPersonName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
{{model.billTimeStr}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
{{model.billNo}}
</a-form-item>
</a-col>
<a-col :span="6"></a-col>
</a-row>
<a-table
ref="table"
size="middle"
bordered
rowKey="id"
:pagination="false"
:columns="giroColumns"
:dataSource="dataSource">
</a-table>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
{{model.remark}}
</a-form-item>
</a-col>
</a-row>
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款账户">
{{model.accountName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="实付金额">
{{model.changeAmount}}
</a-form-item>
</a-col>
<a-col :span="6"></a-col>
<a-col :span="6"></a-col>
</a-row>
</section>
</template>
<!--收入-->
<template v-if="financialType === '收入'">
<section ref="print" id="itemInPrint">
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
<a-input v-decorator="['id']" hidden/>
{{model.organName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
{{model.handsPersonName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
{{model.billTimeStr}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
{{model.billNo}}
</a-form-item>
</a-col>
</a-row>
<a-table
ref="table"
size="middle"
bordered
rowKey="id"
:pagination="false"
:columns="itemInColumns"
:dataSource="dataSource">
</a-table>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
{{model.remark}}
</a-form-item>
</a-col>
</a-row>
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收入账户">
{{model.accountName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收入金额">
{{model.changeAmount}}
</a-form-item>
</a-col>
<a-col :span="6"></a-col>
<a-col :span="6"></a-col>
</a-row>
</section>
</template>
<!--支出-->
<template v-if="financialType === '支出'">
<section ref="print" id="itemOutPrint">
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
<a-input v-decorator="['id']" hidden/>
{{model.organName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
{{model.handsPersonName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
{{model.billTimeStr}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
{{model.billNo}}
</a-form-item>
</a-col>
</a-row>
<a-table
ref="table"
size="middle"
bordered
rowKey="id"
:pagination="false"
:columns="itemOutColumns"
:dataSource="dataSource">
</a-table>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
{{model.remark}}
</a-form-item>
</a-col>
</a-row>
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="支出账户">
{{model.accountName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="支出金额">
{{model.changeAmount}}
</a-form-item>
</a-col>
<a-col :span="6"></a-col>
<a-col :span="6"></a-col>
</a-row>
</section>
</template>
<!--收款-->
<template v-if="financialType === '收款'">
<section ref="print" id="moneyInPrint">
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
<a-input v-decorator="['id']" hidden/>
{{model.organName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
{{model.handsPersonName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
{{model.billTimeStr}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
{{model.billNo}}
</a-form-item>
</a-col>
</a-row>
<a-table
ref="table"
size="middle"
bordered
rowKey="id"
:pagination="false"
:columns="moneyInColumns"
:dataSource="dataSource">
<span slot="numberCustomRender" slot-scope="text, record">
<a @click="myHandleDetail(record)">{{record.billNumber}}</a>
</span>
</a-table>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
{{model.remark}}
</a-form-item>
</a-col>
</a-row>
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收款账户">
{{model.accountName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="合计收款">
{{model.totalPrice}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠金额">
{{model.discountMoney}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="实际收款">
{{model.changeAmount}}
</a-form-item>
</a-col>
</a-row>
</section>
</template>
<!--付款-->
<template v-if="financialType === '付款'">
<section ref="print" id="moneyOutPrint">
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
<a-input v-decorator="['id']" hidden/>
{{model.organName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
{{model.handsPersonName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
{{model.billTimeStr}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
{{model.billNo}}
</a-form-item>
</a-col>
</a-row>
<a-table
ref="table"
size="middle"
bordered
rowKey="id"
:pagination="false"
:columns="moneyOutColumns"
:dataSource="dataSource">
</a-table>
<a-row class="form-row" :gutter="24">
<a-col :lg="24" :md="24" :sm="24">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="" style="padding:20px 10px;">
{{model.remark}}
</a-form-item>
</a-col>
</a-row>
<a-row class="form-row" :gutter="24">
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款账户">
{{model.accountName}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="合计付款">
{{model.totalPrice}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠金额">
{{model.discountMoney}}
</a-form-item>
</a-col>
<a-col :span="6">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="实际付款">
{{model.changeAmount}}
</a-form-item>
</a-col>
</a-row>
</section>
</template>
<template v-if="fileList && fileList.length>0">
<a-row class="form-row" :gutter="24">
<a-col :span="12">
<a-form-item :labelCol="{xs: { span: 24 },sm: { span: 3 }}" :wrapperCol="{xs: { span: 24 },sm: { span: 21 }}" label="附件">
<j-upload v-model="fileList" bizPath="bill" :disabled="true" :buttonVisible="false"></j-upload>
</a-form-item>
</a-col>
<a-col :span="12"></a-col>
</a-row>
</template>
</a-form>
<!-- 表单区域 --> <!-- 表单区域 -->
<bill-detail ref="modalDetail"></bill-detail> <bill-detail ref="modalDetail"></bill-detail>
</a-card> </j-modal>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'

232
jshERP-web/src/views/financial/modules/MoneyInModal.vue
View File

@@ -1,122 +1,120 @@
<template> <template>
<a-card :bordered="false"> <j-modal
<j-modal :title="title"
:title="title" :width="width"
:width="width" :visible="visible"
:visible="visible" :confirmLoading="confirmLoading"
:confirmLoading="confirmLoading" :maskClosable="false"
:maskClosable="false" :keyboard="false"
:keyboard="false" :forceRender="true"
:forceRender="true" switchFullscreen
switchFullscreen @ok="handleOk"
@ok="handleOk" @cancel="handleCancel"
@cancel="handleCancel" wrapClassName="ant-modal-cust-warp"
wrapClassName="ant-modal-cust-warp" style="top:5%;height: 100%;overflow-y: hidden">
style="top:5%;height: 100%;overflow-y: hidden"> <a-spin :spinning="confirmLoading">
<a-spin :spinning="confirmLoading"> <a-form :form="form">
<a-form :form="form"> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="客户"> <a-select placeholder="选择客户" v-decorator="[ 'organId', validatorRules.organId ]"
<a-select placeholder="选择客户" v-decorator="[ 'organId', validatorRules.organId ]" :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children"> <a-select-option v-for="(item,index) in cusList" :key="index" :value="item.id">
<a-select-option v-for="(item,index) in cusList" :key="index" :value="item.id"> {{ item.supplier }}
{{ item.supplier }} </a-select-option>
</a-select-option> </a-select>
</a-select> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员"> <a-select placeholder="选择财务人员" v-decorator="[ 'handsPersonId', validatorRules.handsPersonId ]"
<a-select placeholder="选择财务人员" v-decorator="[ 'handsPersonId', validatorRules.handsPersonId ]" :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children"> <a-select-option v-for="(item,index) in personList" :key="index" :value="item.id">
<a-select-option v-for="(item,index) in personList" :key="index" :value="item.id"> {{ item.name }}
{{ item.name }} </a-select-option>
</a-select-option> </a-select>
</a-select> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期"> <j-date v-decorator="['billTime', validatorRules.billTime]" :show-time="true"/>
<j-date v-decorator="['billTime', validatorRules.billTime]" :show-time="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号"> <a-input placeholder="请输入单据编号" v-decorator.trim="[ 'billNo' ]" :readOnly="true"/>
<a-input placeholder="请输入单据编号" v-decorator.trim="[ 'billNo' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <!-- 操作按钮 -->
<!-- 操作按钮 --> <div class="action-button">
<div class="action-button"> <a-button type="primary" icon="plus" @click="handleClickAdd">新增</a-button>
<a-button type="primary" icon="plus" @click="handleClickAdd">新增</a-button> <span class="gap"></span>
<span class="gap"></span> <a-button type="primary" icon="minus" @click="handleClear">清空</a-button>
<a-button type="primary" icon="minus" @click="handleClear">清空</a-button> </div>
</div> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :span="24">
<a-col :span="24"> <j-editable-table
<j-editable-table :ref="refKeys[0]"
:ref="refKeys[0]" :loading="accountTable.loading"
:loading="accountTable.loading" :columns="accountTable.columns"
:columns="accountTable.columns" :dataSource="accountTable.dataSource"
:dataSource="accountTable.dataSource" :maxHeight="300"
:maxHeight="300" :rowNumber="false"
:rowNumber="false" :rowSelection="false"
:rowSelection="false" :actionButton="false"
:actionButton="false" @valueChange="onValueChange" />
@valueChange="onValueChange" /> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="24" :md="24" :sm="24">
<a-col :lg="24" :md="24" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label=""> <a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ 'remark' ]" style="margin-top:8px;"/>
<a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ 'remark' ]" style="margin-top:8px;"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收款账户">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="收款账户"> <a-select placeholder="选择收款账户" v-decorator="[ 'accountId', validatorRules.accountId ]"
<a-select placeholder="选择收款账户" v-decorator="[ 'accountId', validatorRules.accountId ]" :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children"> <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> </a-select>
</a-select> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="合计收款">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="合计收款"> <a-input placeholder="请输入合计收款" v-decorator.trim="[ 'totalPrice' ]" :readOnly="true"/>
<a-input placeholder="请输入合计收款" v-decorator.trim="[ 'totalPrice' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠金额">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠金额"> <a-input placeholder="请输入优惠金额" v-decorator.trim="[ 'discountMoney', validatorRules.discountMoney ]" @keyup="onKeyUpDiscountMoney" />
<a-input placeholder="请输入优惠金额" v-decorator.trim="[ 'discountMoney', validatorRules.discountMoney ]" @keyup="onKeyUpDiscountMoney" /> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="实际收款">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="实际收款"> <a-input placeholder="请输入实际收款" v-decorator.trim="[ 'changeAmount' ]" :readOnly="true"/>
<a-input placeholder="请输入实际收款" v-decorator.trim="[ 'changeAmount' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="附件">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="附件"> <j-upload v-model="fileList" bizPath="financial"></j-upload>
<j-upload v-model="fileList" bizPath="financial"></j-upload> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> </a-form>
</a-form> </a-spin>
</a-spin>
</j-modal>
<debt-bill-list ref="debtBillList" @ok="debtBillListOk"></debt-bill-list> <debt-bill-list ref="debtBillList" @ok="debtBillListOk"></debt-bill-list>
</a-card> </j-modal>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'

232
jshERP-web/src/views/financial/modules/MoneyOutModal.vue
View File

@@ -1,122 +1,120 @@
<template> <template>
<a-card :bordered="false"> <j-modal
<j-modal :title="title"
:title="title" :width="width"
:width="width" :visible="visible"
:visible="visible" :confirmLoading="confirmLoading"
:confirmLoading="confirmLoading" :maskClosable="false"
:maskClosable="false" :keyboard="false"
:keyboard="false" :forceRender="true"
:forceRender="true" switchFullscreen
switchFullscreen @ok="handleOk"
@ok="handleOk" @cancel="handleCancel"
@cancel="handleCancel" wrapClassName="ant-modal-cust-warp"
wrapClassName="ant-modal-cust-warp" style="top:5%;height: 100%;overflow-y: hidden">
style="top:5%;height: 100%;overflow-y: hidden"> <a-spin :spinning="confirmLoading">
<a-spin :spinning="confirmLoading"> <a-form :form="form">
<a-form :form="form"> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="供应商"> <a-select placeholder="选择供应商" v-decorator="[ 'organId', validatorRules.organId ]"
<a-select placeholder="选择供应商" v-decorator="[ 'organId', validatorRules.organId ]" :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children"> <a-select-option v-for="(item,index) in supList" :key="index" :value="item.id">
<a-select-option v-for="(item,index) in supList" :key="index" :value="item.id"> {{ item.supplier }}
{{ item.supplier }} </a-select-option>
</a-select-option> </a-select>
</a-select> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="财务人员"> <a-select placeholder="选择财务人员" v-decorator="[ 'handsPersonId', validatorRules.handsPersonId ]"
<a-select placeholder="选择财务人员" v-decorator="[ 'handsPersonId', validatorRules.handsPersonId ]" :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children"> <a-select-option v-for="(item,index) in personList" :key="index" :value="item.id">
<a-select-option v-for="(item,index) in personList" :key="index" :value="item.id"> {{ item.name }}
{{ item.name }} </a-select-option>
</a-select-option> </a-select>
</a-select> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据日期"> <j-date v-decorator="['billTime', validatorRules.billTime]" :show-time="true"/>
<j-date v-decorator="['billTime', validatorRules.billTime]" :show-time="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单据编号"> <a-input placeholder="请输入单据编号" v-decorator.trim="[ 'billNo' ]" :readOnly="true"/>
<a-input placeholder="请输入单据编号" v-decorator.trim="[ 'billNo' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <!-- 操作按钮 -->
<!-- 操作按钮 --> <div class="action-button">
<div class="action-button"> <a-button type="primary" icon="plus" @click="handleClickAdd">新增</a-button>
<a-button type="primary" icon="plus" @click="handleClickAdd">新增</a-button> <span class="gap"></span>
<span class="gap"></span> <a-button type="primary" icon="minus" @click="handleClear">清空</a-button>
<a-button type="primary" icon="minus" @click="handleClear">清空</a-button> </div>
</div> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :span="24">
<a-col :span="24"> <j-editable-table
<j-editable-table :ref="refKeys[0]"
:ref="refKeys[0]" :loading="accountTable.loading"
:loading="accountTable.loading" :columns="accountTable.columns"
:columns="accountTable.columns" :dataSource="accountTable.dataSource"
:dataSource="accountTable.dataSource" :maxHeight="300"
:maxHeight="300" :rowNumber="false"
:rowNumber="false" :rowSelection="false"
:rowSelection="false" :actionButton="false"
:actionButton="false" @valueChange="onValueChange" />
@valueChange="onValueChange" /> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="24" :md="24" :sm="24">
<a-col :lg="24" :md="24" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label="">
<a-form-item :labelCol="labelCol" :wrapperCol="{xs: { span: 24 },sm: { span: 24 }}" label=""> <a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ 'remark' ]" style="margin-top:8px;"/>
<a-textarea :rows="2" placeholder="请输入备注" v-decorator="[ 'remark' ]" style="margin-top:8px;"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款账户">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="付款账户"> <a-select placeholder="选择付款账户" v-decorator="[ 'accountId', validatorRules.accountId ]"
<a-select placeholder="选择付款账户" v-decorator="[ 'accountId', validatorRules.accountId ]" :dropdownMatchSelectWidth="false" showSearch optionFilterProp="children">
:dropdownMatchSelectWidth="false" showSearch optionFilterProp="children"> <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> </a-select>
</a-select> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="合计付款">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="合计付款"> <a-input placeholder="请输入合计付款" v-decorator.trim="[ 'totalPrice' ]" :readOnly="true"/>
<a-input placeholder="请输入合计付款" v-decorator.trim="[ 'totalPrice' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠金额">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="优惠金额"> <a-input placeholder="请输入优惠金额" v-decorator.trim="[ 'discountMoney', validatorRules.discountMoney ]" @keyup="onKeyUpDiscountMoney" />
<a-input placeholder="请输入优惠金额" v-decorator.trim="[ 'discountMoney', validatorRules.discountMoney ]" @keyup="onKeyUpDiscountMoney" /> </a-form-item>
</a-form-item> </a-col>
</a-col> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="实际付款">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="实际付款"> <a-input placeholder="请输入实际付款" v-decorator.trim="[ 'changeAmount' ]" :readOnly="true"/>
<a-input placeholder="请输入实际付款" v-decorator.trim="[ 'changeAmount' ]" :readOnly="true"/> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> <a-row class="form-row" :gutter="24">
<a-row class="form-row" :gutter="24"> <a-col :lg="6" :md="12" :sm="24">
<a-col :lg="6" :md="12" :sm="24"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="附件">
<a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="附件"> <j-upload v-model="fileList" bizPath="financial"></j-upload>
<j-upload v-model="fileList" bizPath="financial"></j-upload> </a-form-item>
</a-form-item> </a-col>
</a-col> </a-row>
</a-row> </a-form>
</a-form> </a-spin>
</a-spin>
</j-modal>
<debt-bill-list ref="debtBillList" @ok="debtBillListOk"></debt-bill-list> <debt-bill-list ref="debtBillList" @ok="debtBillListOk"></debt-bill-list>
</a-card> </j-modal>
</template> </template>
<script> <script>
import pick from 'lodash.pick' import pick from 'lodash.pick'