md
This commit is contained in:
linfso
parent
133bc31d21
commit
8ac4dd4f42
51
src/directive/dialog/fullScreen.js
Normal file
51
src/directive/dialog/fullScreen.js
Normal file
@ -0,0 +1,51 @@
|
||||
|
||||
function handleFullScreen (dialog, isFullScreen, marginTop, width) {
|
||||
if (!dialog) return false
|
||||
if (isFullScreen) {
|
||||
dialog.style.marginTop = '0'
|
||||
dialog.style.position = 'absolute'
|
||||
dialog.style.top = '0px'
|
||||
dialog.style.bottom = '0px'
|
||||
dialog.style.left = '0px'
|
||||
dialog.style.width = '100%'
|
||||
} else {
|
||||
dialog.style.marginTop = marginTop
|
||||
dialog.style.width = width
|
||||
dialog.style.position = 'relative'
|
||||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
bind(el, binding, vnode, oldVnode) {
|
||||
let isFullScreen = false
|
||||
|
||||
const dialog = el.querySelector('.el-dialog')
|
||||
const header = el.querySelector('.el-dialog__header')
|
||||
if (!header || !dialog || !vnode) return
|
||||
header.style.paddingRight = '43px'
|
||||
header.style.boxShadow = '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)'
|
||||
const { width, top } = vnode.componentInstance
|
||||
|
||||
const fullScreenBtn = document.createElement('button')
|
||||
fullScreenBtn.type = 'button'
|
||||
fullScreenBtn.style = 'float:right;padding:0;background: 0 0;border:0;outline:0;cursor:pointer;font-size:16px;'
|
||||
|
||||
const fullScreenIcon = document.createElement('i')
|
||||
fullScreenIcon.className = 'el-icon el-icon-full-screen'
|
||||
fullScreenBtn.append(fullScreenIcon)
|
||||
|
||||
fullScreenBtn.addEventListener('click', () => {
|
||||
isFullScreen = !isFullScreen
|
||||
handleFullScreen(dialog, isFullScreen, top, width)
|
||||
return false
|
||||
})
|
||||
|
||||
header.append(fullScreenBtn)
|
||||
|
||||
header.addEventListener('dblclick', () => {
|
||||
isFullScreen = !isFullScreen
|
||||
handleFullScreen(dialog, isFullScreen, top, width)
|
||||
return false
|
||||
})
|
||||
}
|
||||
};
|
||||
57
src/directive/dialog/fullScreen_old.js
Normal file
57
src/directive/dialog/fullScreen_old.js
Normal file
@ -0,0 +1,57 @@
|
||||
/**
|
||||
* 全屏
|
||||
*/
|
||||
function handleFullScreen (dialog, isFullScreen, marginTop, width) {
|
||||
if (!dialog) return false
|
||||
if (isFullScreen) {
|
||||
dialog.style.marginTop = '0'
|
||||
dialog.style.position = 'absolute'
|
||||
dialog.style.top = '0px'
|
||||
dialog.style.bottom = '0px'
|
||||
dialog.style.left = '0px'
|
||||
dialog.style.width = '100%'
|
||||
} else {
|
||||
dialog.style.marginTop = marginTop
|
||||
dialog.style.width = width
|
||||
dialog.style.position = 'relative'
|
||||
}
|
||||
}
|
||||
|
||||
const fullScreenDirective = Vue => {
|
||||
Vue.directive('fullScreen', {
|
||||
bind: function (el, binding, vnode) {
|
||||
let isFullScreen = false
|
||||
|
||||
const dialog = el.querySelector('.el-dialog')
|
||||
const header = el.querySelector('.el-dialog__header')
|
||||
if (!header || !dialog || !vnode) return
|
||||
header.style.paddingRight = '43px'
|
||||
header.style.boxShadow = '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)'
|
||||
const { width, top } = vnode.componentInstance
|
||||
|
||||
const fullScreenBtn = document.createElement('button')
|
||||
fullScreenBtn.type = 'button'
|
||||
fullScreenBtn.style = 'float:right;padding:0;background: 0 0;border:0;outline:0;cursor:pointer;font-size:16px;'
|
||||
|
||||
const fullScreenIcon = document.createElement('i')
|
||||
fullScreenIcon.className = 'el-icon el-icon-full-screen'
|
||||
fullScreenBtn.append(fullScreenIcon)
|
||||
|
||||
fullScreenBtn.addEventListener('click', () => {
|
||||
isFullScreen = !isFullScreen
|
||||
handleFullScreen(dialog, isFullScreen, top, width)
|
||||
return false
|
||||
})
|
||||
|
||||
header.append(fullScreenBtn)
|
||||
|
||||
header.addEventListener('dblclick', () => {
|
||||
isFullScreen = !isFullScreen
|
||||
handleFullScreen(dialog, isFullScreen, top, width)
|
||||
return false
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
export default fullScreenDirective
|
||||
628
src/views/emis/emisQuotePrice/vipTransQuotePriceForm.vue
Normal file
628
src/views/emis/emisQuotePrice/vipTransQuotePriceForm.vue
Normal file
@ -0,0 +1,628 @@
|
||||
<template>
|
||||
<div >
|
||||
<el-row :gutter="0" type='flex'>
|
||||
<el-form ref="form" size="mini" :model="form" :rules="rules" label-width="80px">
|
||||
<el-col :span="6" :xs="6" style="border-right: 1px solid #f3f3f3;padding-right: 5px;">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="报价名称" prop="quoteName">
|
||||
<el-input v-model="form.quoteName" placeholder="请输入报价名称" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<!-- <el-col :span="24">
|
||||
<el-form-item label="所属国家" prop="country">
|
||||
<CountryPicker :placeholder="$t('所属国家')" v-model="form.country" ></CountryPicker>
|
||||
</el-form-item>
|
||||
</el-col> -->
|
||||
<el-col :span="24">
|
||||
<el-form-item label="使用网点" prop="useSiteCode">
|
||||
<EmisSiteSimplePicker v-if="ownerSiteCode == '88888'" v-model="form.useSiteCode" :placeholder="$t('使用网点')" isInitiated="true" @onChange="onUseSiteChange" @onClear="onUseSiteChange"></EmisSiteSimplePicker>
|
||||
<el-input v-else v-model="ownerSiteName" placeholder="寄件网点" disabled />
|
||||
|
||||
<!-- <div v-if="ownerSiteCode == 88888">
|
||||
<EmisSiteSimplePicker v-model="form.useSiteCode" :placeholder="$t('使用网点')" siteType="2" isInitiated="true" :disabled="false" ></EmisSiteSimplePicker>
|
||||
</div>
|
||||
<div v-else>
|
||||
<EmisSiteSimplePicker v-model="form.useSiteCode" :placeholder="$t('使用网点')" siteType="2" isInitiated="true" :disabled="true" ></EmisSiteSimplePicker>
|
||||
</div> -->
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="线路" prop="transLineCode">
|
||||
<TransLinePicker v-model="form.transLineCode" isInitiated="true"></TransLinePicker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="产品类型" prop="prodCode">
|
||||
<TransProductPicker placeholder="产品类型" v-model="form.prodCode" :transLineCode="form.transLineCode"></TransProductPicker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="最低价格" prop="leastPrice">
|
||||
<el-input v-model="form.leastPrice" placeholder="最低价格" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="价格取值" prop="priceType">
|
||||
<el-select v-model="form.priceType" placeholder="价格取值">
|
||||
<el-option
|
||||
v-for="dict in dict.type.emis_price_type"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="开始日期" prop="startDate">
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
clearable
|
||||
v-model="form.startDate"
|
||||
type="datetime"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
default-time = "00:00:00"
|
||||
placeholder="请选择开始日期"
|
||||
@change="onStartDateChange"
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="结束日期" prop="endDate">
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
clearable
|
||||
v-model="form.endDate"
|
||||
type="datetime"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
default-time = "23:59:59"
|
||||
placeholder="请选择结束日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="计费类型" prop="billType">
|
||||
<el-radio-group v-model="form.billType">
|
||||
<el-radio label="1" >重量计费</el-radio>
|
||||
<el-radio label="2">体积计费</el-radio>
|
||||
<el-radio label="3">一口价</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="启用状态" prop="status">
|
||||
<el-radio-group v-model="form.status">
|
||||
<el-radio :label="1">启用</el-radio>
|
||||
<el-radio :label="0">停用</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="费用类型" prop="feeType">
|
||||
<el-select v-model="form.feeType" placeholder="费用类型" v-if="chargeType != 1" >
|
||||
<el-option
|
||||
v-for="dict of dict.type.emis_fee_type.filter(el=> el.value != 1001)"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
<el-select v-model="form.feeType" placeholder="费用类型" disabled v-if="chargeType == 1" >
|
||||
<el-option
|
||||
v-for="dict of dict.type.emis_fee_type.filter(el=> el.value == 1001)"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-col>
|
||||
<el-col :span="18" :xs="18">
|
||||
<el-row>
|
||||
<el-col :span="12" :xs="12" style="padding: 5px;">
|
||||
<el-row :gutter="0">
|
||||
<el-col :span="16">
|
||||
<el-form-item label="寄件区域" prop="sendAreaId">
|
||||
<el-select v-model="form.sendAreaId" placeholder="寄件区域" clearable @change="onSendAreaChange">
|
||||
<el-option
|
||||
v-for="item in emisQuoteSendAreaList"
|
||||
:key="item.areaId"
|
||||
:label="item.areaName"
|
||||
:value="item.areaId*1"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="primary"
|
||||
@click="handelSelectSendArea()"
|
||||
:disabled="!form.useSiteCode"
|
||||
>新增区域</el-button>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="" prop="sendAreaSite" label-width="0px" style="margin-bottom: 0px;">
|
||||
<el-input v-model="form.sendAreaSite" rows="6" type="textarea" placeholder="" disabled />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-col>
|
||||
<el-col :span="12" :xs="12" style="padding: 5px;">
|
||||
<el-row :gutter="0">
|
||||
<el-col :span="16">
|
||||
<el-form-item label="派件区域" prop="dispAreaId" >
|
||||
<el-select v-model="form.dispAreaId" placeholder="派件区域" clearable @change="onDispAreaChange">
|
||||
<el-option
|
||||
v-for="item in emisQuoteDispAreaList"
|
||||
:key="item.areaId"
|
||||
:label="item.areaName"
|
||||
:value="item.areaId"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="primary"
|
||||
:disabled="!form.useSiteCode"
|
||||
@click="handelSelectDispArea()"
|
||||
>新增区域</el-button>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="" prop="dispAreaSite" label-width="0px" style="margin-bottom: 0px;">
|
||||
<el-input v-model="form.dispAreaSite" rows="6" type="textarea" placeholder="" disabled/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24" :xs="24" style="padding: 10px;">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<!-- 计算公式规则 -->
|
||||
<el-alert
|
||||
title="计算公式规则"
|
||||
type="info"
|
||||
description="说明: 计算公式中只能包含(w,数字,+,-,*,/),示例:0-1公斤 首重5元 ；1-3 公斤 每公斤2元加上首重,计算公式: 5+(w-1)*2输入完重量后回车跳转到表达式，输入完表达式后回车可以快速新增下一条公式"
|
||||
show-icon
|
||||
:closable="false"
|
||||
style="margin-bottom: 10px;"
|
||||
>
|
||||
</el-alert>
|
||||
</el-col>
|
||||
<el-col :span="24">
|
||||
<!-- <div style="max-height:200px;overflow-y: auto;"> -->
|
||||
<!-- @onChange="onQuoteExpressionChange" -->
|
||||
<QuoteExpressionPanel :quoteId="form.quoteId" :isCopy="isCopy" style="width:100%" v-model="form.exprList"></QuoteExpressionPanel>
|
||||
<!-- </div> -->
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-form>
|
||||
</el-row>
|
||||
|
||||
<el-dialog :title="titleSendAreaForm" :visible.sync="openSendAreaForm" width="90%" :destroy-on-close="true" v-dialogDrag append-to-body>
|
||||
<QuoteSendAreaPanel :useSiteCode="form.useSiteCode" :useSiteName="form.useSite" :feeType="form.feeType" @on-changed="handleSendAreaFormChanged" @on-cancel="cancelSendAreaForm"></QuoteSendAreaPanel>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog :title="titleDispAreaForm" :visible.sync="openDispAreaForm" width="90%" :destroy-on-close="true" v-dialogDrag append-to-body>
|
||||
<QuoteDispAreaPanel :useSiteCode="form.useSiteCode" :useSiteName="form.useSite" :feeType="form.feeType" @on-changed="handleDispAreaFormChanged" @on-cancel="cancelDispAreaForm"></QuoteDispAreaPanel>
|
||||
</el-dialog>
|
||||
|
||||
<div style="text-align: center;margin-bottom: 10px;">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
import { listEmisQuoteSendArea, getEmisQuoteSendArea, delEmisQuoteSendArea, addEmisQuoteSendArea, updateEmisQuoteSendArea } from "@/api/emis/emisQuoteSendArea";
|
||||
import { listEmisQuotePrice, getEmisQuotePrice, delEmisQuotePrice, addEmisQuotePrice, updateEmisQuotePrice } from "@/api/emis/emisQuotePrice";
|
||||
import { listEmisQuoteDispArea, getEmisQuoteDispArea, delEmisQuoteDispArea, addEmisQuoteDispArea, updateEmisQuoteDispArea } from "@/api/emis/emisQuoteDispArea";
|
||||
import {checkRole} from '@/utils/permission'
|
||||
import {addDateTimeByDay,dateToStr} from '@/utils/custom'
|
||||
|
||||
import CountryPicker from '@/views/emis/EmisBaseTools/CountryPicker.vue';
|
||||
import EmisSiteSimplePicker from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
|
||||
import TransLinePicker from '@/views/emis/EmisBaseTools/TransLinePicker.vue';
|
||||
import TransProductPicker from '@/views/emis/EmisBaseTools/TransProductPicker.vue';
|
||||
|
||||
import QuoteExpressionPanel from '@/views/emis/emisQuoteExpression/quoteExpressionPanel.vue';
|
||||
import QuoteSendAreaPanel from '@/views/emis/emisQuoteSendArea/sendAreaPanel.vue';
|
||||
import QuoteDispAreaPanel from '@/views/emis/emisQuoteDispArea/dispAreaPanel.vue';
|
||||
|
||||
export default {
|
||||
name: "emisQuotePriceForm",
|
||||
props:{
|
||||
quoteId:{
|
||||
type:[Number,Array]
|
||||
},
|
||||
isCopy:{
|
||||
type:Boolean
|
||||
},
|
||||
chargeType:{
|
||||
type:[Number,String]
|
||||
},
|
||||
|
||||
},
|
||||
components: {
|
||||
CountryPicker,EmisSiteSimplePicker,TransLinePicker,
|
||||
TransProductPicker,QuoteExpressionPanel,
|
||||
QuoteSendAreaPanel,QuoteDispAreaPanel
|
||||
},
|
||||
dicts: ['emis_price_type','emis_fee_type'],
|
||||
data() {
|
||||
return {
|
||||
|
||||
emisQuotePriceOptions: [],
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
|
||||
emisQuoteSendAreaList:[],
|
||||
emisQuoteDispAreaList:[],
|
||||
|
||||
// sendAreaIdsOptions:[],
|
||||
// dispAreaIdsOptions:[],
|
||||
|
||||
openSendAreaForm:false,
|
||||
titleSendAreaForm:'',
|
||||
|
||||
openDispAreaForm:false,
|
||||
titleDispAreaForm:'',
|
||||
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
quoteName: [
|
||||
{ required: true, message: "报价名称不能为空", trigger: "blur" }
|
||||
],
|
||||
useSiteCode: [
|
||||
{ required: true, message: "使用站点不能为空", trigger: ["blur",'change'] }
|
||||
],
|
||||
transLineCode: [
|
||||
{ required: true, message: "线路不能为空", trigger: ["blur",'change'] }
|
||||
],
|
||||
prodCode: [
|
||||
{ required: true, message: "产品不能为空", trigger: "blur" }
|
||||
],
|
||||
leastPrice: [
|
||||
{ required: true, message: "最低价格不能为空", trigger: "blur" }
|
||||
],
|
||||
priceType: [
|
||||
{ required: true, message: "价格取值不能为空", trigger: "blur" }
|
||||
],
|
||||
startDate: [
|
||||
{ required: true, message: "开始日期不能为空", trigger: "blur" }
|
||||
],
|
||||
endDate: [
|
||||
{ required: true, message: "结束日期不能为空", trigger: "blur" }
|
||||
],
|
||||
billType: [
|
||||
{ required: true, message: "计费类型不能为空", trigger: "blur" }
|
||||
],
|
||||
status: [
|
||||
{ required: true, message: "启用类型不能为空", trigger: "blur" }
|
||||
],
|
||||
dispAreaId: [
|
||||
{ required: true, message: "派件区域不能为空", trigger: "blur" }
|
||||
],
|
||||
sendAreaId: [
|
||||
{ required: true, message: "寄件区域不能为空", trigger: "blur" }
|
||||
],
|
||||
// startDate: [
|
||||
// { required: true, message: "价格取值不能为空", trigger: "blur" }
|
||||
// ],
|
||||
// startDate: [
|
||||
// { required: true, message: "价格取值不能为空", trigger: "blur" }
|
||||
// ],
|
||||
|
||||
|
||||
|
||||
|
||||
// useSite: [
|
||||
// { required: true, message: "使用站点名称不能为空", trigger: "blur" }
|
||||
// ],
|
||||
|
||||
|
||||
}
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
...mapGetters([
|
||||
'ownerSiteCode',
|
||||
'ownerSiteName',
|
||||
]),
|
||||
},
|
||||
watch: {
|
||||
"quoteId": {
|
||||
handler (newValue, oldValue) {
|
||||
this.quoteId = newValue;
|
||||
this.initData();
|
||||
},
|
||||
deep: true
|
||||
},
|
||||
isCopy(newValue, oldValue){
|
||||
console.log(this.isCopy)
|
||||
}
|
||||
},
|
||||
|
||||
created() {
|
||||
|
||||
console.log(this.ownerSiteCode);
|
||||
this.initData();
|
||||
|
||||
|
||||
},
|
||||
methods: {
|
||||
initData() {
|
||||
if(this.quoteId !=null) {
|
||||
this.loading = true;
|
||||
getEmisQuotePrice(this.quoteId).then(response => {
|
||||
this.form.useSiteCode=this.ownerSiteCode;
|
||||
this.form = response.data;
|
||||
if(this.isCopy){
|
||||
this.form.quoteName=this.form.quoteName+"_Copy"
|
||||
console.log(this.form);
|
||||
// this.form.transLineCode=response.data.transLineCode;
|
||||
// console.log(this.form);
|
||||
}
|
||||
|
||||
this.loading = false;
|
||||
this.initSendAreaList();
|
||||
this.initDispAreaList();
|
||||
});
|
||||
}else{
|
||||
this.reset();
|
||||
this.form.billType='1';
|
||||
if(this.chargeType == 1){
|
||||
this.form.feeType='1001';
|
||||
}else{
|
||||
this.form.feeType='9999';
|
||||
}
|
||||
this.form.useSiteCode=this.ownerSiteCode;
|
||||
this.initSendAreaList();
|
||||
this.initDispAreaList();
|
||||
|
||||
}
|
||||
},
|
||||
onStartDateChange(){
|
||||
this.form.endDate=dateToStr(addDateTimeByDay(this.form.startDate,365));
|
||||
console.log(this.form.endDate);
|
||||
},
|
||||
onUseSiteChange(item){
|
||||
if(item!=null){
|
||||
this.form.useSite = item.siteName;
|
||||
}
|
||||
|
||||
this.initSendAreaList();
|
||||
this.initDispAreaList();
|
||||
|
||||
},
|
||||
// 初始化寄件区域
|
||||
initSendAreaList() {
|
||||
this.loading = true;
|
||||
let queryParams = {};
|
||||
if(this.form.useSiteCode&&this.form.useSiteCode!=''){
|
||||
queryParams = {
|
||||
useSiteCode: this.form.useSiteCode,
|
||||
};
|
||||
}else{
|
||||
this.emisQuoteSendAreaList=[]
|
||||
return;
|
||||
}
|
||||
listEmisQuoteSendArea(queryParams).then(response => {
|
||||
this.emisQuoteSendAreaList = response.rows;
|
||||
if(this.form.sendAreaId != null){
|
||||
this.emisQuoteSendAreaList.forEach(item=>{
|
||||
if(this.form.sendAreaId==item.areaId){
|
||||
this.form.sendAreaName=item.areaName;
|
||||
this.form.sendAreaSiteCode=item.areaSiteCode;
|
||||
this.form.sendAreaSite=item.areaSite;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
initDispAreaList(){
|
||||
this.loading = true;
|
||||
let queryParams =null;
|
||||
if(this.form.useSiteCode&&this.form.useSiteCode!=''){
|
||||
queryParams = {
|
||||
useSiteCode: this.form.useSiteCode,
|
||||
};
|
||||
}else{
|
||||
this.emisQuoteDispAreaList=[]
|
||||
return;
|
||||
}
|
||||
|
||||
listEmisQuoteDispArea(queryParams).then(response => {
|
||||
this.emisQuoteDispAreaList = response.rows;
|
||||
if(this.form.dispAreaId != null){
|
||||
this.emisQuoteDispAreaList.forEach(item=>{
|
||||
if(this.form.dispAreaId==item.areaId){
|
||||
this.form.dispAreaName=item.areaName;
|
||||
this.form.dispAreaSiteCode=item.areaSiteCode;
|
||||
this.form.dispAreaSite=item.areaSite;
|
||||
}
|
||||
});
|
||||
}
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 选择寄件区域
|
||||
onSendAreaChange(){
|
||||
if(this.form.sendAreaId != null){
|
||||
this.emisQuoteSendAreaList.forEach(item=>{
|
||||
if(this.form.sendAreaId==item.areaId){
|
||||
this.form.sendAreaName=item.areaName;
|
||||
this.form.sendAreaSiteCode=item.areaSiteCode;
|
||||
this.form.sendAreaSite=item.areaSite;
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
// 编辑寄件区域完成
|
||||
handleSendAreaFormChanged(areaId){
|
||||
this.form.sendAreaId = areaId;
|
||||
this.initSendAreaList();
|
||||
this.openSendAreaForm=false;
|
||||
},
|
||||
// 取消编辑寄件区域
|
||||
cancelSendAreaForm(){
|
||||
this.openSendAreaForm=false;
|
||||
this.initSendAreaList();
|
||||
},
|
||||
|
||||
// 公式改变
|
||||
onQuoteExpressionChange(item){
|
||||
// console.log(item)
|
||||
this.form.exprList = item;
|
||||
},
|
||||
// 打开寄件区域
|
||||
handelSelectSendArea(){
|
||||
this.titleSendAreaForm="寄件区域";
|
||||
this.openSendAreaForm=true;
|
||||
},
|
||||
// 打开派件区域编辑
|
||||
handelSelectDispArea(){
|
||||
this.titleDispAreaForm="派件区域";
|
||||
this.openDispAreaForm=true;
|
||||
},
|
||||
// 编辑派件区域完成
|
||||
handleDispAreaFormChanged(areaId){
|
||||
this.form.dispAreaId = areaId;
|
||||
this.initDispAreaList();
|
||||
this.openDispAreaForm=false;
|
||||
},
|
||||
// 取消编辑派件区域
|
||||
cancelDispAreaForm(){
|
||||
this.openDispAreaForm=false;
|
||||
this.initDispAreaList();
|
||||
},
|
||||
// 选择派件区域
|
||||
onDispAreaChange(){
|
||||
if(this.form.dispAreaId != null){
|
||||
this.emisQuoteDispAreaList.forEach(item=>{
|
||||
if(this.form.dispAreaId==item.areaId){
|
||||
this.form.dispAreaName=item.areaName;
|
||||
this.form.dispAreaSiteCode=item.areaSiteCode;
|
||||
this.form.dispAreaSite=item.areaSite;
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.reset();
|
||||
this.$emit("on-cancel");
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
quoteId: null,
|
||||
quoteName: null,
|
||||
quoteCode: null,
|
||||
useSiteCode: null,
|
||||
useSite: null,
|
||||
transLineCode: null,
|
||||
transLine: null,
|
||||
feeType: null,
|
||||
prodCode: null,
|
||||
prodName: null,
|
||||
recPayType: null,
|
||||
billType: null,
|
||||
otherType1: null,
|
||||
otherType2: null,
|
||||
carryType: null,
|
||||
status: 1,
|
||||
dispAreaId: null,
|
||||
dispAreaName: null,
|
||||
dispAreaSite: null,
|
||||
dispAreaSiteCode: null,
|
||||
dispAreaSiteId: null,
|
||||
sendAreaId: null,
|
||||
sendAreaName: null,
|
||||
sendAreaSite: null,
|
||||
sendAreaSiteCode: null,
|
||||
sendAreaSiteId: null,
|
||||
carriesNumber: null,
|
||||
discardsNumber: null,
|
||||
leastPrice: null,
|
||||
priceType: null,
|
||||
startDate: null,
|
||||
endDate: null,
|
||||
priorityLevel: null,
|
||||
remark: null,
|
||||
tenantId: null,
|
||||
delFlag: null,
|
||||
createBy: null,
|
||||
createTime: null,
|
||||
updateBy: null,
|
||||
updateTime: null,
|
||||
createSite: null,
|
||||
updateSite: null,
|
||||
exprList:[],
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
// this.form.feeType='1001';
|
||||
if (valid) {
|
||||
|
||||
// 复制的时候保存
|
||||
if(this.isCopy){
|
||||
this.form.quoteId=null;
|
||||
addEmisQuotePrice(this.form).then(response => {
|
||||
this.$modal.msgSuccess("保存成功");
|
||||
this.$emit("on-changed");
|
||||
});
|
||||
return;
|
||||
}
|
||||
else{
|
||||
if (this.form.quoteId != null) {
|
||||
updateEmisQuotePrice(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.$emit("on-changed");
|
||||
});
|
||||
} else {
|
||||
this.form.quoteId=null;
|
||||
addEmisQuotePrice(this.form).then(response => {
|
||||
this.$modal.msgSuccess("增加成功");
|
||||
this.$emit("on-changed");
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-dialog .el-dialog__body {
|
||||
margin: 5px!important;
|
||||
padding: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
516
src/views/emis/emisQuotePrice/vipTransQuotePriceList.vue
Normal file
516
src/views/emis/emisQuotePrice/vipTransQuotePriceList.vue
Normal file
@ -0,0 +1,516 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> -->
|
||||
<SearchForm :model="queryParams" ref="queryForm" size="small" :maxShow="20" label-width="68px" v-show="showSearch" @search="handleQuery" @reset="resetQuery">
|
||||
|
||||
<el-form-item label="报价名称" prop="quoteName" span="8">
|
||||
<el-input
|
||||
v-model="queryParams.quoteName"
|
||||
placeholder="报价名称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
@input="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="线路" prop="transLineCode">
|
||||
<TransLinePicker v-model="queryParams.transLineCode" isInitiated="true" @onChange="handleQuery"></TransLinePicker>
|
||||
</el-form-item>
|
||||
<el-form-item label="产品类型" prop="prodCode">
|
||||
<TransProductPicker placeholder="产品类型" v-model="queryParams.prodCode" :transLineCode="queryParams.transLineCode" @onChange="handleQuery"></TransProductPicker>
|
||||
</el-form-item>
|
||||
<el-form-item label="使用网点" prop="useSiteCode">
|
||||
<EmisSiteSimplePicker0 v-if="ownerSiteCode == 88888" v-model="queryParams.useSiteCode" :placeholder="$t('使用网点')" siteType="1" isInitiated="true" :disabled="false" ></EmisSiteSimplePicker0>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('寄件网点')" prop="sendAreaSiteCode">
|
||||
<EmisSiteSimplePicker1 v-model="queryParams.sendAreaSiteCode" :placeholder="$t('寄件网点')" isInitiated="true" :disabled="false" @onChange="handleQuery"></EmisSiteSimplePicker1>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('派件区域')" prop="dispAreaName">
|
||||
<el-input
|
||||
v-model="queryParams.dispAreaName"
|
||||
:placeholder="$t('派件区域')"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
@input="handleQuery"
|
||||
/>
|
||||
<!-- <EmisSiteSimplePicker v-model="queryParams.dispAreaSite" :placeholder="$t('派件区域')" isInitiated="true" :disabled="false" ></EmisSiteSimplePicker> -->
|
||||
</el-form-item>
|
||||
<!-- <el-form-item label="费用类型" prop="feeType">
|
||||
<el-select v-model="queryParams.feeType" placeholder="费用类型" clearable @keyup.enter.native="handleQuery">
|
||||
<el-option
|
||||
v-for="dict in dict.type.emis_fee_type"
|
||||
:key="dict.value"
|
||||
:label="dict.label"
|
||||
:value="dict.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item> -->
|
||||
|
||||
<el-form-item label="报价状态" prop="quoteStatus">
|
||||
<el-select v-model="queryParams.params.quoteStatus" placeholder="报价状态" clearable @change="handleQuery">
|
||||
<el-option key="1" label="启用" :value="1"/>
|
||||
<el-option key="2" label="停用" :value="2"/>
|
||||
<el-option key="3" label="过期" :value="3"/>
|
||||
<el-option key="4" label="启用且未过期的报价" :value="4"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('开始日期')" prop="startDate" >
|
||||
<!-- default-time = "00:00:00"
|
||||
value-format="yyyy-MM-dd HH:mm:ss"
|
||||
datetime
|
||||
-->
|
||||
<el-date-picker
|
||||
style="width:100%"
|
||||
clearable
|
||||
v-model="queryParams.startDate"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="选择开始日期">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
|
||||
</SearchForm>
|
||||
|
||||
|
||||
<XdTable
|
||||
v-loading="loading"
|
||||
border
|
||||
stripe
|
||||
size="mini"
|
||||
:data="emisQuotePriceList"
|
||||
:showSearch.sync="showSearch"
|
||||
:total="total"
|
||||
@queryTable="getList"
|
||||
:queryParams="queryParams"
|
||||
@selection-change="handleSelectionChange"
|
||||
@sort-change="handleSortChange"
|
||||
>
|
||||
<!-- <el-table v-loading="loading" :data="emisQuotePriceList" @selection-change="handleSelectionChange"> -->
|
||||
|
||||
<div slot="toolbar">
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['emis:emisQuotePrice:add']"
|
||||
>新增报价</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleCopy"
|
||||
v-hasPermi="['emis:emisQuotePrice:add']"
|
||||
>复制报价</el-button>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['emis:emisQuotePrice:edit']"
|
||||
>修改报价</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['emis:emisQuotePrice:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<!-- <el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['emis:emisQuotePrice:export']"
|
||||
>导出</el-button>
|
||||
</el-col> -->
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<!-- <el-table-column label="序号" align="center" min-width="60">
|
||||
<template slot-scope="scope">
|
||||
<span v-text="getIndex(scope.$index)"> </span>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<!-- <el-table-column label="报价ID" align="center" prop="quoteId" width="80" >
|
||||
<template slot-scope="scope">
|
||||
<div class="link-type" @click="handleUpdate(scope.row)">{{scope.row.quoteId}}</div>
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
<el-table-column label="报价名称" align="left" prop="quoteName" :show-overflow-tooltip="true" width="350" >
|
||||
<template slot-scope="scope">
|
||||
<div class="link-type" @click="handleUpdate(scope.row)">
|
||||
<span v-if="scope.row.status==1">{{scope.row.quoteName}}</span>
|
||||
<span v-else ><span style="text-decoration:line-through;color:gray">{{scope.row.quoteName}}</span>-已停用</span>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="费用名称" align="center" prop="feeType" width="100" >
|
||||
<template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.emis_fee_type" :value="scope.row.feeType"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="使用网点" align="center" prop="useSiteName" width="100" />
|
||||
<el-table-column label="所属线路" align="center" prop="transLine" width="100" />
|
||||
<el-table-column label="产品类型" align="center" prop="prodName" width="100" />
|
||||
<el-table-column label="最低价格" align="center" prop="leastPrice" width="100" />
|
||||
<el-table-column label="取价模式" align="center" prop="priceType" width="100" >
|
||||
<template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.emis_price_type" :value="scope.row.priceType"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="计费模式" align="center" prop="billType" width="100" >
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.billType=='1'">重量计费</span>
|
||||
<span v-if="scope.row.billType=='2'">体积计费</span>
|
||||
<span v-if="scope.row.billType=='3'">一口价</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="启用标识" align="center" prop="status" width="100" >
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.status==1">启用</span>
|
||||
<span v-else>停用</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column label="报价开始" align="center" prop="startDate" width="170" />
|
||||
<el-table-column label="报价结束" align="center" prop="endDate" width="170" />
|
||||
<el-table-column label="寄件区域" align="center" prop="sendAreaName" min-width="100" />
|
||||
<el-table-column label="寄件网点" align="center" prop="sendAreaSite" :show-overflow-tooltip="true" min-width="100" />
|
||||
<el-table-column label="派件区域" align="center" prop="dispAreaName" min-width="100" />
|
||||
<el-table-column label="派件网点" align="center" prop="dispAreaSite" :show-overflow-tooltip="true" min-width="100" />
|
||||
|
||||
|
||||
<el-table-column label="创建人" align="center" prop="createBy" width="80" :show-overflow-tooltip="true"/>
|
||||
<el-table-column label="创建网点" align="center" prop="createSite" width="80" :show-overflow-tooltip="true"/>
|
||||
<el-table-column label="创建时间" align="center" prop="createTime" width="170"/>
|
||||
<el-table-column label="修改人" align="center" prop="updateBy" width="80" :show-overflow-tooltip="true"/>
|
||||
<el-table-column label="修改网点" align="center" prop="updateSite" width="80" :show-overflow-tooltip="true"/>
|
||||
<el-table-column label="修改时间" align="center" prop="updateTime" width="170"/>
|
||||
|
||||
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['emis:emisQuotePrice:edit']"
|
||||
>修改</el-button>
|
||||
<!--
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['emis:emisQuotePrice:remove']"
|
||||
>删除</el-button> -->
|
||||
</template>
|
||||
</el-table-column>
|
||||
</XdTable>
|
||||
|
||||
<el-dialog :title="titleForm" :visible.sync="openForm" width="90%" :destroy-on-close="true" v-dialogDrag append-to-body>
|
||||
<vipTransQuotePriceForm :quoteId="currentId" :isCopy="isCopy" :chargeType="chargeType" @on-changed="handleFormChanged" @on-cancel="cancelForm"></vipTransQuotePriceForm>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapGetters } from 'vuex'
|
||||
|
||||
import { listEmisQuotePrice, getEmisQuotePrice, delEmisQuotePrice, addEmisQuotePrice, updateEmisQuotePrice } from "@/api/emis/emisQuotePrice";
|
||||
import elDateSimplePicker from '@/components/DatePickerAdv/elDateSimplePicker';
|
||||
import vipTransQuotePriceForm from '@/views/emis/emisQuotePrice/vipTransQuotePriceForm';
|
||||
|
||||
import CountryPicker from '@/views/emis/EmisBaseTools/CountryPicker.vue';
|
||||
import EmisSiteSimplePicker0 from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
|
||||
import EmisSiteSimplePicker1 from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
|
||||
|
||||
import TransLinePicker from '@/views/emis/EmisBaseTools/TransLinePicker.vue';
|
||||
import TransProductPicker from '@/views/emis/EmisBaseTools/TransProductPicker.vue';
|
||||
|
||||
export default {
|
||||
name: "TransQuotePriceList",
|
||||
components: { elDateSimplePicker,vipTransQuotePriceForm,CountryPicker,EmisSiteSimplePicker0,EmisSiteSimplePicker1,TransLinePicker,TransProductPicker },
|
||||
dicts: [
|
||||
'sys_normal_disable','emis_create_area_type','emis_fee_type','emis_price_type'
|
||||
],
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 创建时间搜索
|
||||
dateTimeRange:[],
|
||||
// 总条数
|
||||
total: 0,
|
||||
currentId:null,
|
||||
currentQuote:null,
|
||||
// 费用报价表格数据
|
||||
emisQuotePriceList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
formulaType:1,
|
||||
|
||||
chargeType:null,
|
||||
|
||||
openForm: false,
|
||||
titleForm: "",
|
||||
isCopy: false,
|
||||
|
||||
// 显示编辑框更多
|
||||
moreInputVisible: false,
|
||||
// 弹出展示层
|
||||
titleView:"",
|
||||
openView: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 20,
|
||||
quoteName: null,
|
||||
quoteCode: null,
|
||||
useSiteCode: null,
|
||||
useSite: null,
|
||||
transLineCode: null,
|
||||
transLine: null,
|
||||
feeType: null,
|
||||
prodCode: null,
|
||||
prodName: null,
|
||||
recPayType: null,
|
||||
billType: null,
|
||||
otherType1: null,
|
||||
otherType2: null,
|
||||
carryType: null,
|
||||
status: null,
|
||||
dispAreaName: null,
|
||||
dispAreaSite: null,
|
||||
dispAreaSiteCode: null,
|
||||
sendAreaName: null,
|
||||
sendAreaSite: null,
|
||||
sendAreaSiteCode: null,
|
||||
carriesNumber: null,
|
||||
discardsNumber: null,
|
||||
leastPrice: null,
|
||||
priceType: null,
|
||||
startDate: null,
|
||||
endDate: null,
|
||||
priorityLevel: null,
|
||||
remark: null,
|
||||
delFlag: null,
|
||||
params:{
|
||||
quoteStatus:null,
|
||||
chargeType:null,
|
||||
}
|
||||
},
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
// 根据名称筛选部门树
|
||||
siteName(val) {
|
||||
this.$refs.tree.filter(val);
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters([
|
||||
'ownerSiteCode',
|
||||
'ownerSiteName',
|
||||
]),
|
||||
},
|
||||
created() {
|
||||
this.chargeType=this.$route.query.chargeType;
|
||||
this.queryParams.params.chargeType=this.chargeType;
|
||||
if(this.chargeType ==1 ){
|
||||
this.queryParams.feeType='1001';
|
||||
}
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
|
||||
/** 查询费用报价列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
// this.queryParams.params = {};
|
||||
// this.queryParams.useSiteCode=this.ownerSiteCode;
|
||||
listEmisQuotePrice(this.queryParams).then(response => {
|
||||
this.emisQuotePriceList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.quoteId)
|
||||
let [lastObj]=selection.slice(-1);
|
||||
this.currentQuote=lastObj;
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleSelectionSiteChange(selection) {
|
||||
this.ids = selection.map(item => item.baseSiteId)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleSortChange(column) {
|
||||
this.queryParams.orderByColumn = column.prop;
|
||||
this.queryParams.isAsc = column.order;
|
||||
this.getList();
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd(row) {
|
||||
// 子组件打开模式
|
||||
this.currentId = null;
|
||||
this.openForm = true;
|
||||
this.isCopy = false;
|
||||
this.titleForm = "新增干线运输费";
|
||||
},
|
||||
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.currentId = row.quoteId || this.ids;
|
||||
this.openForm = true;
|
||||
this.isCopy = false;
|
||||
this.titleForm = "修改干线运输费";
|
||||
},
|
||||
handleCopy() {
|
||||
// console.log(this.currentQuote);
|
||||
this.currentId = this.currentQuote.quoteId ;
|
||||
this.openForm = true;
|
||||
this.isCopy = true;
|
||||
this.titleForm = "复制干线运输费【"+this.currentQuote.quoteName+"】";
|
||||
},
|
||||
handleFormChanged(){
|
||||
this.openForm = false;
|
||||
this.getList();
|
||||
},
|
||||
cancelForm(){
|
||||
this.openForm = false;
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const quoteIds = row.quoteId || this.ids;
|
||||
this.$modal.confirm('是否确认删除').then(function() {
|
||||
return delEmisQuotePrice(quoteIds);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
// this.download('emis/emisQuotePrice/export', {
|
||||
// ...this.queryParams
|
||||
// }, `emisQuotePrice_${new Date().getTime()}.xlsx`)
|
||||
const loadingInstance = this.$loading({
|
||||
text: '正在导出...'
|
||||
})
|
||||
var qParam = {...this.queryParams};
|
||||
qParam.pageNum=1;
|
||||
qParam.pageSize=5000;
|
||||
|
||||
listEmisQuotePrice(this.addDateRange(qParam, this.dateTimeRange)).then(response => {
|
||||
this.downloadLoading = false
|
||||
if (response.code === 200) {
|
||||
const curList = response.rows
|
||||
import('@/vendor/Export2Excel').then(excel => {
|
||||
const tHeader = ['序号','报价名称','报价编码','使用站点代码','使用站点名称','所属线路代码','所属线路名称','费用类型','产品类型代码','产品类型名称','soon_piece_type','录入付款类型','计费类型','其他类型1','其他类型2','取重方式','启用状态','派件区域','派件区域站点','派件区域名称','派件区域站点id','寄件区域','寄件区域名称','寄件区域站点列表','寄件区域站点列表','carries_number','discards_number','最低价格','价格取值','开始日期','结束日期','优先级','备注','租户ID','删除标志（0代表存在','创建者','创建时间','更新者','更新时间','创建网点','更新网点',];
|
||||
const filterVal = ['quoteId','quoteName','quoteCode','useSiteCode','useSite','transLineCode','transLine','feeType','prodCode','prodName','soonPieceType','recPayType','billType','otherType1','otherType2','carryType','status','dispAreaId','dispAreaSite','dispAreaName','dispAreaSiteId','sendAreaId','sendAreaName','sendAreaSite','sendAreaSiteId','carriesNumber','discardsNumber','leastPrice','priceType','startDate','endDate','priorityLevel','remark','tenantId','delFlag','createBy','createTime','updateBy','updateTime','createSite','updateSite',];
|
||||
const data = this.formatJson(filterVal, curList, response.rows)
|
||||
excel.export_json_to_excel({
|
||||
header: tHeader,
|
||||
data,
|
||||
filename: '费用报价',
|
||||
autoWidth: true
|
||||
})
|
||||
loadingInstance.close()
|
||||
})
|
||||
}
|
||||
});
|
||||
},
|
||||
formatJson(filterVal, jsonData, resData) {
|
||||
let index = 0
|
||||
return jsonData.map(v => filterVal.map(j => {
|
||||
if (j === 'index') {
|
||||
return ++index
|
||||
}
|
||||
if (j === 'status') {
|
||||
var statusStr='xxx'
|
||||
if(v[j] == 10){
|
||||
statusStr='xxx'
|
||||
}
|
||||
return statusStr;
|
||||
}
|
||||
return v[j]
|
||||
}))
|
||||
},
|
||||
/** 列索引函数 */
|
||||
getIndex($index) {
|
||||
return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + $index + 1
|
||||
},
|
||||
/** 时间搜索响应函数 */
|
||||
dateTimeChange(value){
|
||||
this.dateTimeRange=value;
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-divider{
|
||||
margin-top: 0px;
|
||||
background: 0 0;
|
||||
border-top: 1px solid #E6EBF5;
|
||||
}
|
||||
.el-divider__text {
|
||||
color: #0955ee;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.el-dialog .el-dialog__body {
|
||||
margin: 5px!important;
|
||||
padding: 0;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
546
src/views/emis/emisWaybill/recordScanStatistics.vue
Normal file
546
src/views/emis/emisWaybill/recordScanStatistics.vue
Normal file
@ -0,0 +1,546 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="mini" :maxShow="8" label-width="100px" v-show="showSearch" @search="handleQuery" @reset="resetQuery">
|
||||
|
||||
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="录单日期" prop="dateTimeRange">
|
||||
<elDateAdvPicker clearable v-model="dateTimeRange" @dateTimeChange="onDateSelect" ></elDateAdvPicker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-row :gutter="0" style="display: flex;flex-wrap: wrap;">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="寄件财务中心" prop="productType">
|
||||
<EmisSiteSimplePicker1 v-model="queryParams.sendSiteCode" ></EmisSiteSimplePicker1>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12">
|
||||
<el-form-item label="目的财务中心" prop="productType">
|
||||
<EmisSiteSimplePicker3 v-model="queryParams.sendSiteCode" ></EmisSiteSimplePicker3>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="寄件网点" prop="productType">
|
||||
<EmisSiteSimplePicker2 v-model="queryParams.sendSiteCode" ></EmisSiteSimplePicker2>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="目的网点" prop="dispatchUnderlingSiteCode">
|
||||
<EmisSiteSimplePicker4 v-model="queryParams.dispatchUnderlingSiteCode" ></EmisSiteSimplePicker4>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="0" type='flex'>
|
||||
<el-col :span="24" :xs="24">
|
||||
<el-tabs v-model="activeTab" class="center-tabs">
|
||||
<el-tab-pane label="寄件录单统计" name="areaPanel" />
|
||||
<el-tab-pane label="目的网点录单统计" name="pcdPanel" />
|
||||
<el-tab-pane label="扫描数据统计" name="pcdPanel" />
|
||||
<el-tab-pane label="全部明细统计" name="pcdPanel" />
|
||||
</el-tabs>
|
||||
<!-- <div v-show="activeTab==='areaPanel'">
|
||||
<EmisCountryAreaPanel :countryCode="queryParams.countryCode"></EmisCountryAreaPanel>
|
||||
</div> -->
|
||||
<!-- <div v-show="activeTab==='pcdPanel'">
|
||||
<EmisPcdPanel :countryCode="queryParams.countryCode"></EmisPcdPanel>
|
||||
</div> -->
|
||||
<!-- <div v-show="activeTab==='townPanel'">
|
||||
<EmisTownPanel :countryCode="queryParams.countryCode"></EmisTownPanel>
|
||||
</div> -->
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listEmisWaybill, getEmisWaybill, delEmisWaybill, addEmisWaybill, updateEmisWaybill } from "@/api/emis/emisWaybill";
|
||||
import elDateAdvPicker from '@/components/DatePickerAdv/elDateAdvPicker';
|
||||
|
||||
import EmisSiteSimplePicker1 from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
|
||||
import EmisSiteSimplePicker2 from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
|
||||
import EmisSiteSimplePicker3 from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
|
||||
import EmisSiteSimplePicker4 from '@/views/emis/EmisBaseTools/EmisSiteSimplePicker.vue';
|
||||
|
||||
import {dateToStr} from '@/utils/custom'
|
||||
|
||||
export default {
|
||||
name: "WaybillIsPrinted",
|
||||
components: {
|
||||
elDateAdvPicker,
|
||||
EmisSiteSimplePicker1,
|
||||
EmisSiteSimplePicker2,
|
||||
EmisSiteSimplePicker3,
|
||||
EmisSiteSimplePicker4,
|
||||
},
|
||||
dicts: ['emis_qujian_fangshi','emis_declare_mode','emis_customs_clear',
|
||||
'emis_tab_packing_type','emis_tab_dispatch_mode','emis_payment_type',
|
||||
'emis_calc_fee_type','emis_print_type','emis_payment_status','emis_waybill_status','emis_tab_dispatch_mode'
|
||||
],
|
||||
data() {
|
||||
return {
|
||||
tableHeight: 200,
|
||||
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 创建时间搜索
|
||||
dateTimeRange:[],
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 运单列表表格数据
|
||||
emisWaybillList: [],
|
||||
|
||||
currentId:null,
|
||||
openForm: false,
|
||||
titleForm: "",
|
||||
billCode:null,
|
||||
|
||||
queryOrderType:null,
|
||||
queryOrderDateType:null,
|
||||
|
||||
// 弹出展示层
|
||||
id:null,
|
||||
titleView:"",
|
||||
openView: false,
|
||||
// 更新网点时间范围
|
||||
daterangeOrderDate: [],
|
||||
// 更新网点时间范围
|
||||
daterangeEstimateDate: [],
|
||||
// 更新网点时间范围
|
||||
daterangePickStartDate: [],
|
||||
// 更新网点时间范围
|
||||
daterangePickFinishDate: [],
|
||||
// 更新网点时间范围
|
||||
daterangeDispFdDate: [],
|
||||
// 更新网点时间范围
|
||||
daterangeRegisterDate: [],
|
||||
// 更新网点时间范围
|
||||
daterangeSendDate: [],
|
||||
// 更新网点时间范围
|
||||
daterangeProduceBillDate: [],
|
||||
// 更新网点时间范围
|
||||
daterangeCreateTime: [],
|
||||
// 更新网点时间范围
|
||||
daterangeUpdateTime: [],
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 20,
|
||||
orderSn: null,
|
||||
billCode: null,
|
||||
billCodeSub: null,
|
||||
orderStatus: null,
|
||||
waybillStatus: null,
|
||||
orderType: null,
|
||||
orderDate: null,
|
||||
customerCode: null,
|
||||
customerName: null,
|
||||
receiveCustomerCode: null,
|
||||
receiveCustomerName: null,
|
||||
thirdCustomerCode: null,
|
||||
thirdCustomerName: null,
|
||||
receiveName: null,
|
||||
receiveCompany: null,
|
||||
receiveMobile: null,
|
||||
receiveTel: null,
|
||||
receiveCountry: null,
|
||||
receiveProvince: null,
|
||||
receiveCity: null,
|
||||
receiveCounty: null,
|
||||
receiveTown: null,
|
||||
receiveAddress: null,
|
||||
receivePostcode: null,
|
||||
receivePcd: null,
|
||||
sendName: null,
|
||||
sendCompany: null,
|
||||
sendMobile: null,
|
||||
sendTel: null,
|
||||
sendCountry: null,
|
||||
sendProvince: null,
|
||||
sendCity: null,
|
||||
sendCounty: null,
|
||||
sendTown: null,
|
||||
sendAddress: null,
|
||||
sendPostcode: null,
|
||||
sendPcd: null,
|
||||
paymentType: null,
|
||||
calcFeeType: null,
|
||||
custNo: null,
|
||||
transLineType: null,
|
||||
productType: null,
|
||||
timeType: null,
|
||||
meterType: null,
|
||||
customsClear: null,
|
||||
customsEclaration: null,
|
||||
estimateDate: null,
|
||||
packType: null,
|
||||
dispatchMethod: null,
|
||||
pickupMethod: null,
|
||||
pickStartDate: null,
|
||||
pickFinishDate: null,
|
||||
pickFailReason: null,
|
||||
intoWarehouseCode: null,
|
||||
intoWarehouseName: null,
|
||||
intoWarehouseAddress: null,
|
||||
intoWarehouseContact: null,
|
||||
intoWarehousePhone: null,
|
||||
intoWarehouseBillCode: null,
|
||||
warehouseInNo: null,
|
||||
customerDeliveryBeginTime: null,
|
||||
customerDeliveryEndTime: null,
|
||||
goodsType: null,
|
||||
goodsInfo: null,
|
||||
goodsPics: null,
|
||||
blPrepareInFreight: null,
|
||||
prepareInEstFee: null,
|
||||
prepareInRealFee: null,
|
||||
prepareInExpress: null,
|
||||
prepareInBillCode: null,
|
||||
prepareInRemark: null,
|
||||
prepareInSupplier: null,
|
||||
totalWeight: null,
|
||||
totalVolume: null,
|
||||
parcelQty: null,
|
||||
billWeight: null,
|
||||
volumeWeight: null,
|
||||
currency: null,
|
||||
settlementWeight: null,
|
||||
feeWeight: null,
|
||||
freight: null,
|
||||
blOverLong: null,
|
||||
blBill: null,
|
||||
blOverWeight: null,
|
||||
overWeightNumber: null,
|
||||
feeRemaker: null,
|
||||
thirdCode: null,
|
||||
realValue: null,
|
||||
blInsure: null,
|
||||
insureValue: null,
|
||||
insureValueCurrency: null,
|
||||
insureFeeCurrency: null,
|
||||
insureFee: null,
|
||||
insureRemark: null,
|
||||
insureSiteCode: null,
|
||||
insureDate: null,
|
||||
blPrint: null,
|
||||
printManCode: null,
|
||||
printSite: null,
|
||||
printDate: null,
|
||||
printCount: null,
|
||||
blDispFd: null,
|
||||
transferCode: null,
|
||||
transferBillcode: null,
|
||||
dispFdDate: null,
|
||||
dispFdReason: null,
|
||||
currentSiteCode: null,
|
||||
lastSiteCode: null,
|
||||
registerSiteCode: null,
|
||||
registerDate: null,
|
||||
registerManCode: null,
|
||||
takePieceEmployeeCode: null,
|
||||
sendSiteCode: null,
|
||||
sendDate: null,
|
||||
dispatchManCode: null,
|
||||
dispatchDate: null,
|
||||
dispatchSiteCode: null,
|
||||
produceBillDate: null,
|
||||
produceBillSiteCode: null,
|
||||
produceBillManCode: null,
|
||||
destinationCode: null,
|
||||
destinationProvince: null,
|
||||
destinationCity: null,
|
||||
destinationCounty: null,
|
||||
dispatchUnderlingSiteCode: null,
|
||||
destinationCenterCode: null,
|
||||
marketManCode: null,
|
||||
payee: null,
|
||||
salesmen: null,
|
||||
operateEmployeeCode: null,
|
||||
blIsQuestion: null,
|
||||
problemType: null,
|
||||
problemCause: null,
|
||||
problemDelayDays: null,
|
||||
blMessage: null,
|
||||
blAcceptMessage: null,
|
||||
blGenSubbill: null,
|
||||
signMan: null,
|
||||
signManCode: null,
|
||||
signSiteCode: null,
|
||||
signDate: null,
|
||||
billPicSendRmk: null,
|
||||
billPicDispatchRmk: null,
|
||||
timezoneOffset: null,
|
||||
delFlag: null,
|
||||
remark: null,
|
||||
params:{
|
||||
|
||||
}
|
||||
},
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
this.queryOrderType="1";
|
||||
this.queryOrderDateType="1";
|
||||
|
||||
// 调整表格的高度，不允许滚动
|
||||
this.$nextTick(function() {
|
||||
let queryFormEl = this.$refs.queryForm.$el;
|
||||
let tableH = queryFormEl.offsetHeight+190;
|
||||
this.tableHeight = window.innerHeight - tableH;
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
/** 查询运单列表列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
this.queryParams.params = {};
|
||||
|
||||
// this.queryOrderType="1";
|
||||
// this.queryOrderDateType="1";
|
||||
if(this.queryParams.billCode){
|
||||
if(this.queryOrderType != "1"){
|
||||
this.queryParams.orderSn=this.queryParams.billCode+"";
|
||||
this.queryParams.billCode=null;
|
||||
}else{
|
||||
// 处理子单号
|
||||
let billArr = this.queryParams.billCode.split(",");
|
||||
let newBillCodeStr="";
|
||||
billArr.forEach(item=>{
|
||||
if(item.startsWith("T")){
|
||||
let mainBillCode=item.substr(0,14);
|
||||
newBillCodeStr=newBillCodeStr+mainBillCode+",";
|
||||
}else{
|
||||
newBillCodeStr=newBillCodeStr+item+",";
|
||||
}
|
||||
});
|
||||
this.queryParams.billCode=newBillCodeStr;
|
||||
|
||||
}
|
||||
}
|
||||
if(this.dateTimeRange&&this.dateTimeRange.length==2){
|
||||
|
||||
let startDate = new Date(this.dateTimeRange[0]);
|
||||
let endDate= new Date(this.dateTimeRange[1]);
|
||||
startDate=dateToStr(startDate);
|
||||
endDate=dateToStr(endDate)
|
||||
|
||||
if(this.queryOrderDateType != "1"){
|
||||
this.queryParams.params["beginCreateTime"] = startDate;
|
||||
this.queryParams.params["endCreateTime"] = endDate;
|
||||
}else{
|
||||
this.queryParams.params["beginSendDate"] = startDate;
|
||||
this.queryParams.params["endSendDate"] = endDate;
|
||||
}
|
||||
}
|
||||
// if (null != this.daterangeOrderDate && '' != this.daterangeOrderDate) {
|
||||
// this.queryParams.params["beginOrderDate"] = this.daterangeOrderDate[0];
|
||||
// this.queryParams.params["endOrderDate"] = this.daterangeOrderDate[1];
|
||||
// }
|
||||
// if (null != this.daterangeEstimateDate && '' != this.daterangeEstimateDate) {
|
||||
// this.queryParams.params["beginEstimateDate"] = this.daterangeEstimateDate[0];
|
||||
// this.queryParams.params["endEstimateDate"] = this.daterangeEstimateDate[1];
|
||||
// }
|
||||
// if (null != this.daterangePickStartDate && '' != this.daterangePickStartDate) {
|
||||
// this.queryParams.params["beginPickStartDate"] = this.daterangePickStartDate[0];
|
||||
// this.queryParams.params["endPickStartDate"] = this.daterangePickStartDate[1];
|
||||
// }
|
||||
// if (null != this.daterangePickFinishDate && '' != this.daterangePickFinishDate) {
|
||||
// this.queryParams.params["beginPickFinishDate"] = this.daterangePickFinishDate[0];
|
||||
// this.queryParams.params["endPickFinishDate"] = this.daterangePickFinishDate[1];
|
||||
// }
|
||||
// if (null != this.daterangeDispFdDate && '' != this.daterangeDispFdDate) {
|
||||
// this.queryParams.params["beginDispFdDate"] = this.daterangeDispFdDate[0];
|
||||
// this.queryParams.params["endDispFdDate"] = this.daterangeDispFdDate[1];
|
||||
// }
|
||||
// if (null != this.daterangeRegisterDate && '' != this.daterangeRegisterDate) {
|
||||
// this.queryParams.params["beginRegisterDate"] = this.daterangeRegisterDate[0];
|
||||
// this.queryParams.params["endRegisterDate"] = this.daterangeRegisterDate[1];
|
||||
// }
|
||||
// if (null != this.daterangeSendDate && '' != this.daterangeSendDate) {
|
||||
// this.queryParams.params["beginSendDate"] = this.daterangeSendDate[0];
|
||||
// this.queryParams.params["endSendDate"] = this.daterangeSendDate[1];
|
||||
// }
|
||||
// if (null != this.daterangeProduceBillDate && '' != this.daterangeProduceBillDate) {
|
||||
// this.queryParams.params["beginProduceBillDate"] = this.daterangeProduceBillDate[0];
|
||||
// this.queryParams.params["endProduceBillDate"] = this.daterangeProduceBillDate[1];
|
||||
// }
|
||||
// if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
|
||||
// this.queryParams.params["beginCreateTime"] = this.daterangeCreateTime[0];
|
||||
// this.queryParams.params["endCreateTime"] = this.daterangeCreateTime[1];
|
||||
// }
|
||||
// if (null != this.daterangeUpdateTime && '' != this.daterangeUpdateTime) {
|
||||
// this.queryParams.params["beginUpdateTime"] = this.daterangeUpdateTime[0];
|
||||
// this.queryParams.params["endUpdateTime"] = this.daterangeUpdateTime[1];
|
||||
// }
|
||||
|
||||
listEmisWaybill(this.queryParams).then(response => {
|
||||
this.emisWaybillList = response.rows;
|
||||
this.total = response.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
|
||||
onDateSelect(value){
|
||||
this.dateTimeRange=value;
|
||||
// scanDate
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
if(selection!=null){
|
||||
this.billCode=selection[0].billCode;
|
||||
}
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
// 排序 查询字段是表格中字段名字 动态取值排序顺序
|
||||
handleSortChange(column) {
|
||||
this.queryParams.orderByColumn = column.prop;
|
||||
this.queryParams.isAsc = column.order;
|
||||
this.getList();
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd(row) {
|
||||
// <router-link :to="'/waybillManagement/waybillEntry?billCode=' + scope.row.billCode" class="link-type">
|
||||
this.$router.push({ path: '/d24/waybillManagement/WaybillEntry', query: { action:"add"} });
|
||||
},
|
||||
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
// const waybill = this.emisWaybillList.find(item => item.id === id)
|
||||
this.$router.push({ path: '/d24/waybillManagement/WaybillModify', query: { action:"modify",billCode: this.billCode }})
|
||||
},
|
||||
handleView(row) {
|
||||
this.$router.push({ path: '/d24/waybillManagement/WaybillDetail', query: { billCode: this.billCode }})
|
||||
},
|
||||
handleFormChanged(){
|
||||
this.openForm = false;
|
||||
this.getList();
|
||||
},
|
||||
cancelForm(){
|
||||
this.openForm = false;
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除').then(function() {
|
||||
return delEmisWaybill(ids);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
// this.download('emis/emisWaybill/export', {
|
||||
// ...this.queryParams
|
||||
// }, `emisWaybill_${new Date().getTime()}.xlsx`)
|
||||
const loadingInstance = this.$loading({
|
||||
text: '正在导出...'
|
||||
})
|
||||
var qParam = {...this.queryParams};
|
||||
qParam.pageNum=1;
|
||||
qParam.pageSize=5000;
|
||||
|
||||
listEmisWaybill(this.addDateRange(qParam, this.dateTimeRange)).then(response => {
|
||||
this.downloadLoading = false
|
||||
if (response.code === 200) {
|
||||
const curList = response.rows
|
||||
import('@/vendor/Export2Excel').then(excel => {
|
||||
const tHeader = ['id','订单号','客户单号，合同号','运单号','子单号,逗号隔开','订单状态','运单状态','订单类型','下单时间','客户ID','客户编号2502021','客户名称','收件客户编号2502021','收件客户客户名称','第三方客户客户编号','第三方客户客户名称','wx','收货人名','收货公司','收货人手机号','收货人电话','收货人国家','省','市','区','县','收货地址','邮编','寄件人省市区名称，逗号分隔','寄件人名','寄件公司','寄件人手机号','寄件人电话','寄件人国家','寄件省','寄件市','寄件区','寄件县','寄件地址','寄件邮编','发件人省市区名称，逗号分隔','支付方式','计费方式','支付月结编号','快递线路','快递产品类型','时效','计泡比例','清关方式','报关方式','预计到达时间','包装类型','派件方式:1-送货上门','取件方式:1-上门取件','预计上门取件开始时间','预计上门取件结束时间','取货失败原因','入仓代码','入仓名称','入仓地址','入仓联系人','入仓联系人电话','入仓单号','实际进仓单关联','客户发货开始时间','客户发货截止时间','货物大类','货物描述','货物图片，逗号隔开','预入仓代垫运费','预入仓代垫运费','预入仓实际运费','预入仓快递公司','预入仓快递单号','预入仓自定义标识','预入仓供应商','总重量','总体积','件数','实际重量','体积重量','费用币种','结算重量','计费重量','运费','是否超长','是否出账','账单备注','是否超重','超重重量','费用备注','三段码','实际货值','是否投保','投保货值','投保货值币种','保费币种','保费','保险备注','保险站点代码','投保日期','是否打印','打印人编号','打印站点','打印时间','打印次数','是否同行转单','转单代码','转单单号','转单时间','转单原因','当前网点编号','下一网点编号','上一网点点号','寄件站点代码','寄件日期','寄件人编号','取件员代码','发件网点代码','发货时间','派件人代码','派件时间','派件网点代码','生成账单时间','生成账单站点代码','生成账单人代码','目的地编号','目的省','目的城市','目的国家','目的地网点代码','目的地财务中心代码','业务人代码','销售回款人','销售联系人','操作员代码','是否问题件','问题件类型','问题件原因','问题件延期天数','是否备注消息','是否发送收件人短信','是否生成子单','签收人','签收人代码','签收站点代码','签收时间','揽收图片备注','签收底单图片','时区偏差','删除标志（0代表存在','创建者','创建时间','更新者','更新时间','备注','创建网点','更新网点',];
|
||||
const filterVal = ['id','orderSn','custOrderId','billCode','billCodeSub','orderStatus','waybillStatus','orderType','orderDate','userId','customerCode','customerName','receiveCustomerCode','receiveCustomerName','thirdCustomerCode','thirdCustomerName','openId','receiveName','receiveCompany','receiveMobile','receiveTel','receiveCountry','receiveProvince','receiveCity','receiveCounty','receiveTown','receiveAddress','receivePostcode','receivePcd','sendName','sendCompany','sendMobile','sendTel','sendCountry','sendProvince','sendCity','sendCounty','sendTown','sendAddress','sendPostcode','sendPcd','paymentType','calcFeeType','custNo','transLineType','productType','timeType','meterType','customsClear','customsEclaration','estimateDate','packType','dispatchMethod','pickupMethod','pickStartDate','pickFinishDate','pickFailReason','intoWarehouseCode','intoWarehouseName','intoWarehouseAddress','intoWarehouseContact','intoWarehousePhone','intoWarehouseBillCode','warehouseInNo','customerDeliveryBeginTime','customerDeliveryEndTime','goodsType','goodsInfo','goodsPics','blPrepareInFreight','prepareInEstFee','prepareInRealFee','prepareInExpress','prepareInBillCode','prepareInRemark','prepareInSupplier','totalWeight','totalVolume','parcelQty','billWeight','volumeWeight','currency','settlementWeight','feeWeight','freight','blOverLong','blBill','blBillText','blOverWeight','overWeightNumber','feeRemaker','thirdCode','realValue','blInsure','insureValue','insureValueCurrency','insureFeeCurrency','insureFee','insureRemark','insureSiteCode','insureDate','blPrint','printManCode','printSite','printDate','printCount','blDispFd','transferCode','transferBillcode','dispFdDate','dispFdReason','currentSiteCode','nextSiteCode','lastSiteCode','registerSiteCode','registerDate','registerManCode','takePieceEmployeeCode','sendSiteCode','sendDate','dispatchManCode','dispatchDate','dispatchSiteCode','produceBillDate','produceBillSiteCode','produceBillManCode','destinationCode','destinationProvince','destinationCity','destinationCounty','dispatchUnderlingSiteCode','destinationCenterCode','marketManCode','payee','salesmen','operateEmployeeCode','blIsQuestion','problemType','problemCause','problemDelayDays','blMessage','blAcceptMessage','blGenSubbill','signMan','signManCode','signSiteCode','signDate','billPicSendRmk','billPicDispatchRmk','timezoneOffset','delFlag','createBy','createTime','updateBy','updateTime','remark','createSite','updateSite',];
|
||||
const data = this.formatJson(filterVal, curList, response.rows)
|
||||
excel.export_json_to_excel({
|
||||
header: tHeader,
|
||||
data,
|
||||
filename: '运单列表',
|
||||
autoWidth: true
|
||||
})
|
||||
loadingInstance.close()
|
||||
})
|
||||
}
|
||||
});
|
||||
},
|
||||
formatJson(filterVal, jsonData, resData) {
|
||||
let index = 0
|
||||
return jsonData.map(v => filterVal.map(j => {
|
||||
if (j === 'index') {
|
||||
return ++index
|
||||
}
|
||||
if (j === 'status') {
|
||||
var statusStr='xxx'
|
||||
if(v[j] == 10){
|
||||
statusStr='xxx'
|
||||
}
|
||||
return statusStr;
|
||||
}
|
||||
return v[j]
|
||||
}))
|
||||
},
|
||||
/** 列索引函数 */
|
||||
getIndex($index) {
|
||||
return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + $index + 1
|
||||
},
|
||||
/** 时间搜索响应函数 */
|
||||
dateTimeChange(value){
|
||||
this.dateTimeRange=value;
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
.el-divider{
|
||||
margin-top: 0px;
|
||||
background: 0 0;
|
||||
border-top: 1px solid #E6EBF5;
|
||||
}
|
||||
.el-divider__text {
|
||||
color: #0955ee;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
.query-label {
|
||||
.el-radio{
|
||||
display: block;
|
||||
line-height: 23px;
|
||||
white-space: normal;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user