|
@@ -13,7 +13,7 @@
|
|
|
@keyup.enter.native="handleSearch">
|
|
|
<a-row :gutter="15">
|
|
|
<a-col :md="6" :sm="24">
|
|
|
- <a-form-model-item label="出库时间" prop="time">
|
|
|
+ <a-form-model-item label="审核时间" prop="time">
|
|
|
<rangeDate ref="rangeDate" :value="queryParam.time" @change="dateChange" />
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
@@ -97,20 +97,17 @@
|
|
|
<a-card size="small" :bordered="false">
|
|
|
<a-spin :spinning="spinning" tip="Loading...">
|
|
|
<!-- 统计 -->
|
|
|
- <a-row :gutter="15">
|
|
|
- <a-col :md="20" :sm="24">
|
|
|
- <div class="tongji-bar" style="margin-bottom:10px">
|
|
|
- 产品总款数:<strong>{{ totalData&&(totalData.totalCategory || totalData.totalCategory==0) ? totalData.totalCategory : '0' }}</strong>;
|
|
|
- 产品总数量:<strong>{{ totalData&&(totalData.totalQty || totalData.totalQty==0) ? totalData.totalQty : '--' }}</strong>;
|
|
|
- </div>
|
|
|
- </a-col>
|
|
|
- <a-col :md="4" :sm="24" style="text-align:right;">
|
|
|
- <a-checkbox @change="onTiresChange">
|
|
|
- <span style="margin-right:5px;">已退货轮胎</span>
|
|
|
- <a-tooltip placement="top" title="置灰列表轮胎为已退货轮胎"><a-icon type="question-circle"/></a-tooltip>
|
|
|
- </a-checkbox>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
+ <div style="display:flex;align-items:center;margin-bottom:10px;">
|
|
|
+ <a-button
|
|
|
+ type="primary"
|
|
|
+ id="outboundOrder-export"
|
|
|
+ :loading="loading"
|
|
|
+ @click="openGuideModal = true">导入</a-button>
|
|
|
+ <div class="tongji-bar" style="margin-left:10px;">
|
|
|
+ 产品总款数:<strong>{{ totalData&&(totalData.totalCategory || totalData.totalCategory==0) ? totalData.totalCategory : '0' }}</strong>;
|
|
|
+ 产品总数量:<strong>{{ totalData&&(totalData.totalQty || totalData.totalQty==0) ? totalData.totalQty : '--' }}</strong>;
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<!-- 列表 -->
|
|
|
<s-table
|
|
|
class="sTable fixPagination"
|
|
@@ -126,12 +123,12 @@
|
|
|
bordered>
|
|
|
<!-- 操作 -->
|
|
|
<template slot="action" slot-scope="text, record">
|
|
|
- <a-button
|
|
|
+ <!-- <a-button
|
|
|
size="small"
|
|
|
type="link"
|
|
|
class="button-warning"
|
|
|
@click="openRecordModal = true"
|
|
|
- >流转记录</a-button>
|
|
|
+ >流转记录</a-button> -->
|
|
|
<a-button
|
|
|
size="small"
|
|
|
type="link"
|
|
@@ -145,6 +142,8 @@
|
|
|
<warranty-info-modal v-drag :openModal="openInfoModal" @close="openInfoModal = false" />
|
|
|
<!-- 流转记录 -->
|
|
|
<roam-record-modal v-drag :openModal="openRecordModal" @close="openRecordModal = false" />
|
|
|
+ <!-- 导入轮胎唯一码 -->
|
|
|
+ <importGuideModal :openModal="openGuideModal" @close="openGuideModal=false" @ok="handleGuideOk" />
|
|
|
</a-card>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -159,12 +158,12 @@ import {
|
|
|
VSelect
|
|
|
} from '@/components'
|
|
|
import rangeDate from '@/views/common/rangeDate.vue'
|
|
|
-import subarea from '@/views/common/subarea.js'
|
|
|
import custList from '@/views/common/custList.vue'
|
|
|
import reportModal from '@/views/common/reportModal.vue'
|
|
|
import AreaList from '@/views/common/areaList.js'
|
|
|
import warrantyInfoModal from './warrantyInfoModal.vue'
|
|
|
import roamRecordModal from './roamRecordModal.vue'
|
|
|
+import importGuideModal from './importGuideModal.vue'
|
|
|
import {
|
|
|
hdExportExcel
|
|
|
} from '@/libs/exportExcel'
|
|
@@ -184,14 +183,15 @@ export default {
|
|
|
VSelect,
|
|
|
rangeDate,
|
|
|
custList,
|
|
|
- subarea,
|
|
|
reportModal,
|
|
|
AreaList,
|
|
|
warrantyInfoModal,
|
|
|
- roamRecordModal
|
|
|
+ roamRecordModal,
|
|
|
+ importGuideModal
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
+ loading: false,
|
|
|
spinning: false,
|
|
|
advanced: true, // 高级搜索 展开/关闭
|
|
|
tableHeight: 0,
|
|
@@ -208,10 +208,6 @@ export default {
|
|
|
dealerName: '',
|
|
|
dealerLevel: undefined,
|
|
|
operatorSn: undefined,
|
|
|
- subareaArea: {
|
|
|
- subareaSn: undefined,
|
|
|
- subareaAreaSn: undefined
|
|
|
- },
|
|
|
dealerProvinceSn: undefined
|
|
|
},
|
|
|
openInfoModal: false, // 质保信息弹窗
|
|
@@ -221,12 +217,12 @@ export default {
|
|
|
{ title: '产品编码', dataIndex: 'indirectDealerName', width: '8%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
{ title: '唯一码', dataIndex: 'giftQty', width: '8%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
{ title: '业务单号', dataIndex: 'salesBillNo', width: '8%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: '出库时间', dataIndex: 'giftQty', width: '12%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: '产品名称', dataIndex: 'totalQty', width: '12%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
|
+ { title: '出库时间', dataIndex: 'giftQty1', width: '12%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '产品名称', dataIndex: 'totalQty2', width: '12%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
|
{ title: '客户名称', dataIndex: 'dealerName', width: '12%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
|
{ title: '出库仓库', dataIndex: 'createDate', width: '10%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: '当前所在客户', dataIndex: 'giftQty', width: '12%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
|
- { title: '质保状态', dataIndex: 'giftQty', width: '8%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '当前所在客户', dataIndex: 'giftQty3', width: '12%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
|
+ { title: '质保状态', dataIndex: 'giftQty4', width: '8%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
{ title: '操作', scopedSlots: { customRender: 'action' }, width: '12%', align: 'center' }
|
|
|
],
|
|
|
rules: {
|
|
@@ -260,7 +256,8 @@ export default {
|
|
|
},
|
|
|
totalData: null,
|
|
|
operatorList: [], // 操作员下拉数据
|
|
|
- addrProvinceList: [] // 省下拉
|
|
|
+ addrProvinceList: [], // 省下拉
|
|
|
+ openGuideModal: false
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
@@ -275,6 +272,9 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ handleGuideOk (resData) {
|
|
|
+
|
|
|
+ },
|
|
|
onTiresChange (e) {
|
|
|
console.log(`checked = ${e.target.checked}`)
|
|
|
},
|
|
@@ -316,10 +316,6 @@ export default {
|
|
|
custChange (val) {
|
|
|
this.queryParam.dealerSn = val.key
|
|
|
},
|
|
|
- subareaChange (val) {
|
|
|
- this.queryParam.subareaArea.subareaSn = val[0] ? val[0] : undefined
|
|
|
- this.queryParam.subareaArea.subareaAreaSn = val[1] ? val[1] : undefined
|
|
|
- },
|
|
|
// 重置
|
|
|
resetSearchForm () {
|
|
|
this.queryParam.time = [
|
|
@@ -333,13 +329,8 @@ export default {
|
|
|
this.queryParam.dealerName = ''
|
|
|
this.queryParam.dealerLevel = undefined
|
|
|
this.queryParam.operatorSn = undefined
|
|
|
- this.queryParam.subareaArea.subareaSn = undefined
|
|
|
- this.queryParam.subareaArea.subareaAreaSn = undefined
|
|
|
this.queryParam.dealerProvinceSn = undefined
|
|
|
this.totalData = null
|
|
|
- if (this.advanced) {
|
|
|
- this.$refs.subarea.clearData()
|
|
|
- }
|
|
|
this.$refs.ruleForm.resetFields()
|
|
|
this.$refs.table.clearTable()
|
|
|
},
|
|
@@ -387,7 +378,7 @@ export default {
|
|
|
},
|
|
|
setTableH () {
|
|
|
const tableSearchH = this.$refs.tableSearch.offsetHeight
|
|
|
- this.tableHeight = window.innerHeight - tableSearchH - 236
|
|
|
+ this.tableHeight = window.innerHeight - tableSearchH - 252
|
|
|
}
|
|
|
},
|
|
|
mounted () {
|