|
@@ -47,11 +47,12 @@
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
- <a-button type="primary" @click="$refs.table.refresh(true)" :disabled="disabled" id="accountStatement-refresh">查询</a-button>
|
|
|
+ <a-button type="primary" @click="$refs.table.refresh(true)" :disabled="disabled" id="conFrontModal-search">查询</a-button>
|
|
|
<a-button style="margin-left: 5px" @click="resetSearchForm" :disabled="disabled" id="conFrontModal-reset">重置</a-button>
|
|
|
<a-button
|
|
|
style="margin-left: 10px"
|
|
|
type="primary"
|
|
|
+ id="conFrontModal-export"
|
|
|
class="button-warning"
|
|
|
@click="handleExport"
|
|
|
:disabled="disabled"
|
|
@@ -62,26 +63,42 @@
|
|
|
</a-form>
|
|
|
</div>
|
|
|
</a-card>
|
|
|
- <a-card size="small" :bordered="false" class="accountStatement-wrap">
|
|
|
+ <a-card size="small" :bordered="false" class="conFrontModal-wrap">
|
|
|
+ <div style="margin-bottom: 10px;">
|
|
|
+ <div class="conFrontModal-title">箭冠汽配 应收账款明细表</div>
|
|
|
+ <div class="conFrontModal-flex">
|
|
|
+ <div class="conFrontModal-subTitle"><span>营业执照名称:</span></div>
|
|
|
+ <div class="conFrontModal-subTitle"><span>系统名称:</span></div>
|
|
|
+ <div class="conFrontModal-subTitle"><span>财务编号:</span></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<!-- 列表 -->
|
|
|
<s-table
|
|
|
- class="sTable fixPagination"
|
|
|
+ class="sTable"
|
|
|
ref="table"
|
|
|
- :style="{ height: tableHeight+80+'px' }"
|
|
|
size="small"
|
|
|
:rowKey="(record) => record.id"
|
|
|
:columns="columns"
|
|
|
:data="loadData"
|
|
|
- :scroll="{ y: tableHeight }"
|
|
|
:pageSize="30"
|
|
|
:defaultLoadData="false"
|
|
|
bordered>
|
|
|
- <!-- 单号 -->
|
|
|
- <template slot="bookNo" slot-scope="text, record">
|
|
|
- <span v-if="$hasPermissions('B_fc_detail')" class="link-bule" @click="handleDetail(record)">{{ record.bookNo }}</span>
|
|
|
- <span v-else>{{ record.bookNo }}</span>
|
|
|
- </template>
|
|
|
</s-table>
|
|
|
+ <div class="conFrontModal-info">
|
|
|
+ 备注:撒旦解放按时间了撒旦解放拉萨酱豆腐上了飞机萨拉丁积分了,就撒旦发了就撒地方垃圾士大夫六十九分的 三分到手的发;开始疯狂十九大分类;
|
|
|
+ </div>
|
|
|
+ <div class="conFrontModal-flex">
|
|
|
+ <div class="conFrontModal-subTitle">
|
|
|
+ <div><span>公司名称:</span></div>
|
|
|
+ <div><span>签名:</span></div>
|
|
|
+ <div><span>盖章</span></div>
|
|
|
+ </div>
|
|
|
+ <div class="conFrontModal-subTitle">
|
|
|
+ <div><span>公司名称:</span></div>
|
|
|
+ <div><span>签名:</span></div>
|
|
|
+ <div><span>盖章</span></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</a-card>
|
|
|
</a-spin>
|
|
|
</a-modal>
|
|
@@ -89,13 +106,14 @@
|
|
|
|
|
|
<script>
|
|
|
import { commonMixin } from '@/utils/mixin'
|
|
|
-import { VSelect } from '@/components'
|
|
|
+import { STable, VSelect } from '@/components'
|
|
|
import rangeDate from '@/views/common/rangeDate.vue'
|
|
|
-import { financeBookFindBySn } from '@/api/financeBook.js'
|
|
|
+import { financeBookFindBySn, financeBookQueryPage } from '@/api/financeBook.js'
|
|
|
+
|
|
|
export default {
|
|
|
name: 'ConFrontModal',
|
|
|
mixins: [commonMixin],
|
|
|
- components: { VSelect, rangeDate },
|
|
|
+ components: { STable, VSelect, rangeDate },
|
|
|
props: {
|
|
|
show: [Boolean],
|
|
|
bookSn: {
|
|
@@ -109,12 +127,55 @@ export default {
|
|
|
spinning: false,
|
|
|
disabled: false,
|
|
|
title: '应收账款明细表',
|
|
|
- confirmLoading: false,
|
|
|
+ exportLoading: false,
|
|
|
queryParam: {
|
|
|
dealerSn: undefined,
|
|
|
dealerName: undefined,
|
|
|
remarks: ''
|
|
|
- }
|
|
|
+ },
|
|
|
+ creatDate: [],
|
|
|
+ // 加载数据方法 必须为 Promise 对象
|
|
|
+ loadData: parameter => {
|
|
|
+ this.disabled = true
|
|
|
+ this.spinning = true
|
|
|
+ const params = Object.assign(parameter, this.queryParam)
|
|
|
+ return financeBookQueryPage(params).then(res => {
|
|
|
+ let data
|
|
|
+ if (res.status == 200) {
|
|
|
+ data = res.data
|
|
|
+ const no = (data.pageNo - 1) * data.pageSize
|
|
|
+ for (var i = 0; i < data.list.length; i++) {
|
|
|
+ data.list[i].no = no + i + 1
|
|
|
+ }
|
|
|
+ this.total = data.count || 0
|
|
|
+ this.disabled = false
|
|
|
+ }
|
|
|
+ this.spinning = false
|
|
|
+ return data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ total: 0, // 合计
|
|
|
+ detailData: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ columns () {
|
|
|
+ const arr = [
|
|
|
+ { title: '序号', dataIndex: 'no', width: '4%', align: 'center' },
|
|
|
+ { title: '年', dataIndex: 'sparePartsNo', width: '4%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '月', dataIndex: 'sparePartsNo', width: '4%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '日', dataIndex: 'sparePartsNo', width: '4%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '业务单号', dataIndex: 'sparePartsNo', width: '8%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '单据类型', dataIndex: 'product.code', width: '8%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '费用/调拨类型', dataIndex: 'product.unit', width: '8%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '摘要', dataIndex: 'sparePartsBatchNo', width: '10%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '客诉索赔编码', dataIndex: 'currentStockQty', width: '8%', align: 'center', customRender: function (text) { return (text || text == 0) ? text : '--' } },
|
|
|
+ { title: '借方', dataIndex: 'productCost', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? toThousands(text, 2) : '--') } },
|
|
|
+ { title: '贷方', dataIndex: 'productCost', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? toThousands(text, 2) : '--') } },
|
|
|
+ { title: '余额', dataIndex: 'productCost1', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? toThousands(text, 2) : '--') } },
|
|
|
+ { title: '备注', dataIndex: 'remarks', width: '15%', align: 'center', customRender: function (text) { return text || '--' } }
|
|
|
+ ]
|
|
|
+ return arr
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
@@ -138,32 +199,26 @@ export default {
|
|
|
getDetail () {
|
|
|
this.title = '编辑对账单'
|
|
|
this.spinning = true
|
|
|
- this.confirmLoading = true
|
|
|
financeBookFindBySn({ bookSn: this.bookSn }).then(res => {
|
|
|
if (res.status == 200) {
|
|
|
const data = res.data
|
|
|
- this.form = Object.assign(this.form, data)
|
|
|
- // 回显客户
|
|
|
- if (this.form.dealerSn) {
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs.settleClientName.getDetail(this.form.dealerSn)
|
|
|
- })
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.$refs.ruleForm.resetFields()
|
|
|
+ this.detailData = Object.assign(this.form, data)
|
|
|
}
|
|
|
this.spinning = false
|
|
|
- this.confirmLoading = false
|
|
|
})
|
|
|
},
|
|
|
+ // 关闭弹框
|
|
|
cancel () {
|
|
|
this.opened = false
|
|
|
this.$emit('cancel')
|
|
|
- this.$refs.ruleForm.resetFields()
|
|
|
},
|
|
|
+ // 导出
|
|
|
+ handleExport () {
|
|
|
+
|
|
|
+ },
|
|
|
+ // 初始化
|
|
|
async pageInit () {
|
|
|
this.$nextTick(() => {
|
|
|
- this.$refs.ruleForm.resetFields()
|
|
|
if (this.$refs.settleClientName) {
|
|
|
this.$refs.settleClientName.resetForm()
|
|
|
}
|
|
@@ -189,3 +244,39 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
+<style lang="less">
|
|
|
+ .conFrontModal-title{
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .conFrontModal-flex{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ }
|
|
|
+ .conFrontModal-subTitle{
|
|
|
+ width: 50%;
|
|
|
+ padding: 5px;
|
|
|
+ > span{
|
|
|
+ display: block;
|
|
|
+ font-size: 14px;
|
|
|
+ width: 100px;
|
|
|
+ }
|
|
|
+ > div{
|
|
|
+ display: block;
|
|
|
+ font-size: 14px;
|
|
|
+ width: 100%;
|
|
|
+ word-break: break-all;
|
|
|
+ margin: 5px 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .conFrontModal-info{
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 15px 5px 10px;
|
|
|
+ line-height: 20px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+</style>
|