|
@@ -26,8 +26,8 @@
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
- <a-form-model-item label="日期">
|
|
|
- <rangeDate ref="rangeDate" @change="dateChange" />
|
|
|
+ <a-form-model-item label="日期" prop="date">
|
|
|
+ <rangeDate ref="rangeDate" v-model="queryParam.date" @change="dateChange" />
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
@@ -86,6 +86,7 @@
|
|
|
class="sTable"
|
|
|
ref="table"
|
|
|
size="small"
|
|
|
+ :defaultLoadData="false"
|
|
|
:rowKey="(record) => record.id"
|
|
|
:columns="columns"
|
|
|
:data="loadData"
|
|
@@ -93,7 +94,7 @@
|
|
|
bordered>
|
|
|
<template slot="footer" slot-scope="currentPageData">
|
|
|
<span>
|
|
|
- 合计: 期初数量:{{ totalData.beginQty || 0 }} 期初金额:{{ totalData.beginAmount || 0 }} 收入数量:{{ totalData.putQty || 0 }} 收入金额:{{ totalData.putAmount || 0 }} 发出数量:{{ totalData.outQty || 0 }} 发出金额:{{ totalData.outAmount || 0 }} 结算数量:{{ totalData.endQty || 0 }} 结算金额:{{ totalData.endAmount || 0 }}
|
|
|
+ 合计: 期初数量:{{ totalData.beginQty || '--' }} 期初金额:{{ totalData.beginAmount || '--' }} 收入数量:{{ totalData.putQty || '--' }} 收入金额:{{ totalData.putAmount || '--' }} 发出数量:{{ totalData.outQty || '--' }} 发出金额:{{ totalData.outAmount || '--' }} 结算数量:{{ totalData.endQty || '--' }} 结算金额:{{ totalData.endAmount || '--' }}
|
|
|
</span>
|
|
|
</template>
|
|
|
</s-table>
|
|
@@ -115,6 +116,7 @@ export default {
|
|
|
queryParam: { // 查询条件
|
|
|
beginDate: '',
|
|
|
endDate: '',
|
|
|
+ date: [], // 日期
|
|
|
targetName: undefined,
|
|
|
code: '', // 产品编码
|
|
|
name: '', // 产品名称
|
|
@@ -140,15 +142,12 @@ export default {
|
|
|
// fixed: 'left'
|
|
|
},
|
|
|
{ title: '产品编码',
|
|
|
- dataIndex: 'code',
|
|
|
+ dataIndex: 'productCode',
|
|
|
width: 220,
|
|
|
align: 'center',
|
|
|
- customRender: function (value, row, index) {
|
|
|
- value = row.productEntity && row.productEntity.code ? row.productEntity.code : '--'
|
|
|
- const obj = { children: value, attrs: {} }
|
|
|
- if (value == '合计') { obj.attrs.colSpan = 0 }
|
|
|
- obj.children = row.productEntity && row.productEntity.code ? row.productEntity.code : '--'
|
|
|
- return obj
|
|
|
+ sorter: true,
|
|
|
+ customRender: function (text) {
|
|
|
+ return text || '--'
|
|
|
}
|
|
|
},
|
|
|
{ title: '产品名称',
|
|
@@ -156,11 +155,7 @@ export default {
|
|
|
width: 220,
|
|
|
align: 'center',
|
|
|
customRender: function (value, row, index) {
|
|
|
- value = value || '--'
|
|
|
- const obj = { children: value, attrs: {} }
|
|
|
- if (value == '合计') { obj.attrs.colSpan = 0 }
|
|
|
- obj.children = row.productEntity && row.productEntity.name ? row.productEntity.name : '--'
|
|
|
- return obj
|
|
|
+ return row.productEntity && row.productEntity.name ? row.productEntity.name : '--'
|
|
|
},
|
|
|
ellipsis: true
|
|
|
},
|
|
@@ -169,11 +164,7 @@ export default {
|
|
|
align: 'center',
|
|
|
width: 200,
|
|
|
customRender: function (value, row, index) {
|
|
|
- value = value || '--'
|
|
|
- const obj = { children: value, attrs: {} }
|
|
|
- if (value == '合计') { obj.attrs.colSpan = 0 }
|
|
|
- obj.children = row.productEntity && row.productEntity.productBrandName ? row.productEntity.productBrandName : '--'
|
|
|
- return obj
|
|
|
+ return row.productEntity && row.productEntity.productBrandName ? row.productEntity.productBrandName : '--'
|
|
|
}
|
|
|
},
|
|
|
{ title: '三级分类',
|
|
@@ -181,11 +172,7 @@ export default {
|
|
|
width: 150,
|
|
|
align: 'center',
|
|
|
customRender: function (value, row, index) {
|
|
|
- value = value || '--'
|
|
|
- const obj = { children: value, attrs: {} }
|
|
|
- if (value == '合计') { obj.attrs.colSpan = 0 }
|
|
|
- obj.children = row.productEntity && row.productEntity.productTypeName3 ? row.productEntity.productTypeName3 : '--'
|
|
|
- return obj
|
|
|
+ return row.productEntity && row.productEntity.productTypeName3 ? row.productEntity.productTypeName3 : '--'
|
|
|
}
|
|
|
},
|
|
|
{ title: '原厂编码',
|
|
@@ -193,11 +180,7 @@ export default {
|
|
|
width: 220,
|
|
|
align: 'center',
|
|
|
customRender: function (value, row, index) {
|
|
|
- value = value || '--'
|
|
|
- const obj = { children: value, attrs: {} }
|
|
|
- if (value == '合计') { obj.attrs.colSpan = 0 }
|
|
|
- obj.children = row.productEntity && row.productEntity.origCode ? row.productEntity.origCode : '--'
|
|
|
- return obj
|
|
|
+ return row.productEntity && row.productEntity.origCode ? row.productEntity.origCode : '--'
|
|
|
}
|
|
|
},
|
|
|
{ title: '单位',
|
|
@@ -205,64 +188,60 @@ export default {
|
|
|
width: 100,
|
|
|
align: 'center',
|
|
|
customRender: function (value, row, index) {
|
|
|
- value = value || '--'
|
|
|
- const obj = { children: value, attrs: {} }
|
|
|
- if (value == '合计') { obj.attrs.colSpan = 0 }
|
|
|
- obj.children = row.productEntity && row.productEntity.unit ? row.productEntity.unit : '--'
|
|
|
- return obj
|
|
|
+ return row.productEntity && row.productEntity.unit ? row.productEntity.unit : '--'
|
|
|
}
|
|
|
},
|
|
|
- { title: '期初数量', dataIndex: 'beginQty', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '期初数量', dataIndex: 'beginQty', width: 100, align: 'center', sorter: true, customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
{ title: '期初单价(¥)', dataIndex: 'beginPrice', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
- { title: '期初金额(¥)', dataIndex: 'beginAmount', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
- { title: '收入数量', dataIndex: 'putQty', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '期初金额(¥)', dataIndex: 'beginAmount', width: 100, align: 'center', sorter: true, customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '收入数量', dataIndex: 'putQty', width: 100, align: 'center', sorter: true, customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
{ title: '收入单价(¥)', dataIndex: 'putPrice', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
- { title: '收入金额(¥)', dataIndex: 'putAmount', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
- { title: '发出数量', dataIndex: 'outQty', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '收入金额(¥)', dataIndex: 'putAmount', width: 100, align: 'center', sorter: true, customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '发出数量', dataIndex: 'outQty', width: 100, align: 'center', sorter: true, customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
{ title: '发出单价(¥)', dataIndex: 'outPrice', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
- { title: '发出金额(¥)', dataIndex: 'outAmount', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
- { title: '结存数量', dataIndex: 'endQty', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '发出金额(¥)', dataIndex: 'outAmount', width: 100, align: 'center', sorter: true, customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '结存数量', dataIndex: 'endQty', width: 100, align: 'center', sorter: true, customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
{ title: '结存单价(¥)', dataIndex: 'endPrice', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
- { title: '结存金额(¥)', dataIndex: 'endAmount', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } }
|
|
|
+ { title: '结存金额(¥)', dataIndex: 'endAmount', width: 100, align: 'center', sorter: true, customRender: function (text) { return ((text || text == 0) ? text : '--') } }
|
|
|
],
|
|
|
// 加载数据方法 必须为 Promise 对象
|
|
|
- loadData: async parameter => {
|
|
|
- if (this.queryParam.beginDate) {
|
|
|
- this.disabled = true
|
|
|
- const params = {
|
|
|
- beginDate: this.queryParam.beginDate,
|
|
|
- endDate: this.queryParam.endDate,
|
|
|
- targetName: this.queryParam.targetName,
|
|
|
- productEntity: {
|
|
|
- code: this.queryParam.code, // 产品编码
|
|
|
- name: this.queryParam.name, // 产品名称
|
|
|
- origCode: this.queryParam.origCode, // 原厂编码
|
|
|
- productBrandSn: this.queryParam.productBrandSn, // 产品品牌
|
|
|
- productTypeSn1: this.queryParam.productTypeSn1, // 产品一级分类
|
|
|
- productTypeSn2: this.queryParam.productTypeSn2, // 产品二级分类
|
|
|
- productTypeSn3: this.queryParam.productTypeSn3 // 产品三级分类
|
|
|
- }
|
|
|
- }
|
|
|
- return linkageReportPageList(Object.assign(parameter, params)).then(res => {
|
|
|
- const 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.disabled = false
|
|
|
- return data
|
|
|
- })
|
|
|
- } else {
|
|
|
- return new Promise(function (resolve, reject) {
|
|
|
- const data = {
|
|
|
- pageNo: 1,
|
|
|
- pageSize: 10,
|
|
|
- list: [],
|
|
|
- count: 10
|
|
|
- }
|
|
|
- resolve(data)
|
|
|
- })
|
|
|
- }
|
|
|
+ loadData: parameter => {
|
|
|
+ if (this.queryParam.beginDate && this.queryParam.targetName) {
|
|
|
+ this.disabled = true
|
|
|
+ const params = {
|
|
|
+ beginDate: this.queryParam.beginDate,
|
|
|
+ endDate: this.queryParam.endDate,
|
|
|
+ targetName: this.queryParam.targetName,
|
|
|
+ productEntity: {
|
|
|
+ code: this.queryParam.code, // 产品编码
|
|
|
+ name: this.queryParam.name, // 产品名称
|
|
|
+ origCode: this.queryParam.origCode, // 原厂编码
|
|
|
+ productBrandSn: this.queryParam.productBrandSn, // 产品品牌
|
|
|
+ productTypeSn1: this.queryParam.productTypeSn1, // 产品一级分类
|
|
|
+ productTypeSn2: this.queryParam.productTypeSn2, // 产品二级分类
|
|
|
+ productTypeSn3: this.queryParam.productTypeSn3 // 产品三级分类
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return linkageReportPageList(Object.assign(parameter, params)).then(res => {
|
|
|
+ const 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.disabled = false
|
|
|
+ return data
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ return new Promise(function (resolve, reject) {
|
|
|
+ const data = {
|
|
|
+ pageNo: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ list: [],
|
|
|
+ count: 0
|
|
|
+ }
|
|
|
+ resolve(data)
|
|
|
+ })
|
|
|
+ }
|
|
|
},
|
|
|
productType: [],
|
|
|
productBrandList: [], // 品牌下拉数据
|
|
@@ -274,28 +253,21 @@ export default {
|
|
|
methods: {
|
|
|
// 时间 change
|
|
|
dateChange (date) {
|
|
|
- this.queryParam.beginDate = date[0]
|
|
|
- this.queryParam.endDate = date[1]
|
|
|
+ this.queryParam.date = date
|
|
|
+ this.queryParam.beginDate = date[0] || ''
|
|
|
+ this.queryParam.endDate = date[1] || ''
|
|
|
},
|
|
|
// 查询
|
|
|
handleSearch () {
|
|
|
- if (!this.queryParam.beginDate) {
|
|
|
- return this.$message.error('请先选择日期')
|
|
|
- }
|
|
|
- this.$refs.table.refresh(true)
|
|
|
- this.getTotal()
|
|
|
- // this.$refs.ruleForm.validate(valid => {
|
|
|
- // if (valid) {
|
|
|
- // if (!this.queryParam.beginDate) {
|
|
|
- // return this.$message.error('请先选择日期')
|
|
|
- // }
|
|
|
- // this.$refs.table.refresh(true)
|
|
|
- // this.getTotal()
|
|
|
- // } else {
|
|
|
- // console.log('error submit!!')
|
|
|
- // return false
|
|
|
- // }
|
|
|
- // })
|
|
|
+ this.$refs.ruleForm.validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ this.$refs.table.refresh(true)
|
|
|
+ this.getTotal()
|
|
|
+ } else {
|
|
|
+ console.log('error submit!!')
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
// 查询总计
|
|
|
getTotal () {
|
|
@@ -332,7 +304,9 @@ export default {
|
|
|
this.queryParam.productTypeSn2 = ''
|
|
|
this.queryParam.productTypeSn3 = ''
|
|
|
this.productType = []
|
|
|
- this.$refs.table.refresh(true)
|
|
|
+ this.$refs.rangeDate.resetDate()
|
|
|
+ this.totalData = {}
|
|
|
+ this.$refs.table.clearTable()
|
|
|
},
|
|
|
// 产品分类 change
|
|
|
changeProductType (val, opt) {
|