|
@@ -88,9 +88,9 @@
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24" v-show="isShowCustomerSearch">
|
|
|
- <a-form-item label="客服">
|
|
|
+ <a-form-model-item label="客服">
|
|
|
<customerService ref="customerName" v-model="queryParam.bizUserSn"></customerService>
|
|
|
- </a-form-item>
|
|
|
+ </a-form-model-item>
|
|
|
</a-col>
|
|
|
</template>
|
|
|
<a-col :md="6" :sm="24" style="margin-bottom: 10px;">
|
|
@@ -155,19 +155,21 @@
|
|
|
<script>
|
|
|
import { commonMixin } from '@/utils/mixin'
|
|
|
import getDate from '@/libs/getDate.js'
|
|
|
+import { hdExportExcel } from '@/libs/exportExcel'
|
|
|
+// 组件
|
|
|
import { STable, VSelect } from '@/components'
|
|
|
import rangeDate from '@/views/common/rangeDate.vue'
|
|
|
import reportModal from '@/views/common/reportModal.vue'
|
|
|
import subarea from '@/views/common/subarea.js'
|
|
|
import Area from '@/views/common/area.js'
|
|
|
-import { allocateTypeAllList } from '@/api/allocateType'
|
|
|
import ProductBrand from '@/views/common/productBrand.js'
|
|
|
import ProductType from '@/views/common/productType.js'
|
|
|
-import { hdExportExcel } from '@/libs/exportExcel'
|
|
|
-import { userQueryList } from '@/api/power-user'
|
|
|
import chooseWarehouse from '@/views/common/chooseWarehouse'
|
|
|
import customerService from '@/views/common/customerService'
|
|
|
import AllocateType from '@/views/common/allocateType.js'
|
|
|
+// 接口
|
|
|
+import { userQueryList } from '@/api/power-user'
|
|
|
+import { allocateTypeAllList } from '@/api/allocateType'
|
|
|
import { allocateReportDetailList, allocateReportDetailCount, allocateReportDetailExport } from '@/api/allocateReport'
|
|
|
export default {
|
|
|
name: 'AllocationDetailsList',
|
|
@@ -176,47 +178,49 @@ export default {
|
|
|
data () {
|
|
|
return {
|
|
|
spinning: false,
|
|
|
+ labelCol: { span: 8 },
|
|
|
+ wrapperCol: { span: 16 },
|
|
|
advanced: false, // 高级搜索 展开/关闭
|
|
|
- exportLoading: false,
|
|
|
- tableHeight: 0,
|
|
|
- showExport: false,
|
|
|
- allocateTypeVal: [],
|
|
|
- queryParam: { // 查询条件
|
|
|
+ disabled: false, // 查询、重置按钮是否可操作
|
|
|
+ exportLoading: false, // 导出按钮加载状态
|
|
|
+ tableHeight: 0, // 表格高度
|
|
|
+ showExport: false, // 导出弹窗
|
|
|
+ // 查询条件
|
|
|
+ queryParam: {
|
|
|
+ // 调拨开单日期 默认时间
|
|
|
time: [
|
|
|
getDate.getCurrMonthDays().starttime,
|
|
|
getDate.getCurrMonthDays().endtime
|
|
|
],
|
|
|
- beginDate: getDate.getCurrMonthDays().starttime,
|
|
|
- endDate: getDate.getCurrMonthDays().endtime,
|
|
|
- productName: '',
|
|
|
- productBrandTypeSn: undefined,
|
|
|
- productBrandSn: undefined, // 产品品牌
|
|
|
- productCode: '',
|
|
|
+ beginDate: getDate.getCurrMonthDays().starttime, // 开始日期
|
|
|
+ endDate: getDate.getCurrMonthDays().endtime, // 结束日期
|
|
|
+ productName: '', // 产品名称
|
|
|
+ productBrandTypeSn: undefined, // 产品分类sn
|
|
|
+ productBrandSn: undefined, // 产品品牌sn
|
|
|
+ productCode: '', // 产品编码
|
|
|
costTypeSn: undefined, // 费用类型
|
|
|
allocateSortSn: undefined, // 调拨类型1
|
|
|
allocateTypeSn: undefined, // 调拨类型2
|
|
|
- creatorId: undefined,
|
|
|
- allocateNo: '',
|
|
|
+ creatorId: undefined, // 操作员 id
|
|
|
+ allocateNo: '', // 调拨单号
|
|
|
productTypeSn1: '', // 产品一级分类
|
|
|
productTypeSn2: '', // 产品二级分类
|
|
|
productTypeSn3: '', // 产品三级分类
|
|
|
- dealerName: '',
|
|
|
- dealerLevel: undefined,
|
|
|
+ dealerName: '', // 客户名称
|
|
|
+ dealerLevel: undefined, // 客户等级
|
|
|
subareaArea: {
|
|
|
- subareaSn: undefined,
|
|
|
- subareaAreaSn: undefined
|
|
|
+ subareaSn: undefined, // 区域
|
|
|
+ subareaAreaSn: undefined// 分区
|
|
|
},
|
|
|
- dealerProvinceSn: undefined,
|
|
|
- warehouseSn: undefined,
|
|
|
- bizUserSn: undefined
|
|
|
+ dealerProvinceSn: undefined, // 地区 省份
|
|
|
+ warehouseSn: undefined, // 出库仓库
|
|
|
+ bizUserSn: undefined// 客服
|
|
|
},
|
|
|
- productType: [],
|
|
|
- labelCol: { span: 8 },
|
|
|
- wrapperCol: { span: 16 },
|
|
|
+ productType: [], // 产品分类
|
|
|
+ allocateTypeVal: [], // 已选费用/调拨类型 值
|
|
|
rules: {
|
|
|
'time': [{ required: true, message: '请选择调拨开单日期', trigger: 'change' }]
|
|
|
},
|
|
|
- disabled: false, // 查询、重置按钮是否可操作
|
|
|
// 加载数据方法 必须为 Promise 对象
|
|
|
loadData: parameter => {
|
|
|
this.disabled = true
|
|
@@ -224,12 +228,14 @@ export default {
|
|
|
delete params.time
|
|
|
this.spinning = true
|
|
|
if (params.beginDate) {
|
|
|
+ // 获取列表数据 有分页
|
|
|
return allocateReportDetailList(params).then(res => {
|
|
|
let data
|
|
|
if (res.status == 200) {
|
|
|
data = res.data
|
|
|
// 总计
|
|
|
this.getCount(params)
|
|
|
+ // 计算列表序号
|
|
|
const no = (data.pageNo - 1) * data.pageSize
|
|
|
for (var i = 0; i < data.list.length; i++) {
|
|
|
data.list[i].no = no + i + 1
|
|
@@ -309,6 +315,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
|
+ // 展开关闭
|
|
|
advanced (newValue, oldValue) {
|
|
|
const _this = this
|
|
|
this.$nextTick(() => { // 页面渲染完成后的回调
|
|
@@ -324,7 +331,7 @@ export default {
|
|
|
handleStock () {
|
|
|
this.$message.info('无盘点区间的起始/终止时间,请自行选择日期区间查询!')
|
|
|
},
|
|
|
- // 创建时间 change
|
|
|
+ // 调拨开单日期 change
|
|
|
dateChange (date) {
|
|
|
if (date[0] && date[1]) {
|
|
|
this.queryParam.time = date
|
|
@@ -334,6 +341,7 @@ export default {
|
|
|
this.queryParam.beginDate = date[0] || ''
|
|
|
this.queryParam.endDate = date[1] || ''
|
|
|
},
|
|
|
+ // 费用/调拨类型 change
|
|
|
changeAllocatype (val, opts) {
|
|
|
this.allocateTypeVal = val || []
|
|
|
this.queryParam.costTypeSn = val && val[0] ? val[0] : ''
|
|
@@ -362,6 +370,7 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ // 区域分区 change
|
|
|
subareaChange (val) {
|
|
|
this.queryParam.subareaArea.subareaSn = val[0] ? val[0] : undefined
|
|
|
this.queryParam.subareaArea.subareaAreaSn = val[1] ? val[1] : undefined
|
|
@@ -450,12 +459,14 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ // 初始化
|
|
|
pageInit () {
|
|
|
this.getAllocateTypeAllList()
|
|
|
this.getUserList()
|
|
|
this.resetSearchForm()
|
|
|
this.setTableH()
|
|
|
},
|
|
|
+ // 计算表格高度
|
|
|
setTableH () {
|
|
|
const tableSearchH = this.$refs.tableSearch.offsetHeight
|
|
|
this.tableHeight = window.innerHeight - tableSearchH - 200
|