aike/emis-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

大客户单独报价，批量新增

Browse Source
This commit is contained in:
wuteng 2025-07-08 15:25:36 +08:00
parent 78810e425a
commit dced8b657e
1 changed files with 229 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

236
src/views/emis/emisQuotePrice/vipTransQuotePriceList.vue
View File

@ -155,6 +155,18 @@
v-hasPermi="['emis:emisQuotePrice:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button plain class="filter-item" size="mini" type="primary" icon="el-icon-upload2" @click="handleBatchImport">选择文件</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="primary"
plain
size="mini"
:disabled="batchAdd"
@click="handleBatchAdd"
>批量新增</el-button>
</el-col>
<!-- <el-col :span="1.5">
<el-button
type="warning"
@ -234,7 +246,21 @@
<el-table-column label="修改人" align="center" prop="updateByName" width="80" :show-overflow-tooltip="true"/>
<el-table-column label="修改网点" align="center" prop="updateSiteName" width="80" :show-overflow-tooltip="true"/>
<el-table-column label="修改时间" align="center" prop="updateTime" width="170"/>
<el-table-column label="计算规则" align="center" prop="exprJson" width="470"/>
<el-table-column :label="$t('状态')" align="center" prop="uploadStatus" min-width="80" :show-overflow-tooltip="true" >
<template slot-scope="scope">
<el-tag v-if="scope.row.uploadStatus==1" type="success">新增成功</el-tag>
<el-tag v-if="scope.row.uploadStatus==0" type="info">待新增</el-tag>
<el-tag v-if="scope.row.uploadStatus==-1" type="danger">新增异常</el-tag>
</template>
</el-table-column>
<el-table-column :label="$t('异常信息')" align="center" prop="errorInfo" min-width="300" :show-overflow-tooltip="true" >
<template slot-scope="scope">
<span v-if="scope.row.uploadStatus==-1" style="color:red">{{ scope.row.errorInfo }}</span>
<span v-if="scope.row.uploadStatus==1">新增成功</span>
<span v-if="scope.row.uploadStatus==0">待新增</span>
</template>
</el-table-column>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
@ -264,14 +290,48 @@
<el-dialog :title="titleBatchForm" :visible.sync="openBatchUpdateForm" width="50%" :destroy-on-close="true" :close-on-click-modal="false" v-dialogDrag append-to-body>
<BatchQuotePriceUpdateForm :ids="ids" @on-changed="handleBatchFormChanged" @on-cancel="cancelBatchForm"></BatchQuotePriceUpdateForm>
</el-dialog>
<el-dialog title="上传文件" :visible.sync="openUploadForm" width="50%" v-dialogDrag :destroy-on-close="true" :close-on-click-modal="false" append-to-body>
<el-row :gutter="0">
<el-form ref="form" :model="form" :rules="rules" size="mini" label-width="80px">
<el-col :span="24">
<el-form-item label="选择文件" prop="uploadFile" >
<el-upload
action=""
name="file"
accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
:show-file-list="true"
:limit="1"
:file-list="fileList"
:tooltip="fileName"
:on-change="fileChange"
:before-upload="beforeUpload">
<el-button slot="trigger" plain class="filter-item" size="mini" type="primary" >选择文件</el-button>
<el-link type="primary" style="line-height: 28px;font-size:13px;color:blue" href="/static/tpl/imp_trans_quote.xlsx">下载导入Excel模板</el-link>
<div v-if="uploadExcelDataInfo !=''" style="color: black;font-size: 12px;font-weight: 800;">{{ fileName }} {{ uploadExcelDataInfo }}</div>
</el-upload>
<el-alert
title="注意"
type="info"
description="仅允许导入“xls”或“xlsx”格式文件！"
close-text="知道了">
</el-alert>
</el-form-item>
</el-col>
</el-form>
</el-row>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="batchImpDataForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</XdPageContainer>
</template>
<script>
import { mapGetters } from 'vuex'
import { listEmisQuotePrice, getEmisQuotePrice, delEmisQuotePrice, addEmisQuotePrice, updateEmisQuotePrice } from "@/api/emis/emisQuotePrice";
import { listEmisQuotePrice, getEmisQuotePrice, delEmisQuotePrice, addEmisQuotePrice, updateEmisQuotePrice, draftQuotePrice } from "@/api/emis/emisQuotePrice";
import elDateSimplePicker from '@/components/DatePickerAdv/elDateSimplePicker';
import vipTransQuotePriceForm from '@/views/emis/emisQuotePrice/vipTransQuotePriceForm';
@ -288,8 +348,7 @@ import TransProductPicker from '@/views/emis/EmisBaseTools/TransProductPicker.vu
import EmisMonthpayAccountPicker from '@/views/emis/EmisBaseTools/EmisMonthpayAccountPicker.vue';
import BatchQuotePriceUpdateForm from '@/views/emis/emisQuotePrice/batchQuotePriceUpdateForm.vue';
import XLSX from 'xlsx'
export default {
name: "VipTransQuotePriceList",
components: { elDateSimplePicker,EmisMonthpayAccountPicker,vipTransQuotePriceForm,CountryPicker,
@ -325,11 +384,15 @@ export default {
formulaType:1,
chargeType:null,
openBatchUpdateForm:false,
titleBatchForm: "",
form:{},
rules:{},
openForm: false,
titleForm: "",
isCopy: false,
fileName:"",
fileList:[],
openBatchUpdateForm:false,
titleBatchForm: "",
@ -338,6 +401,16 @@ export default {
// 弹出展示层
titleView:"",
openView: false,
//批量录入弹出
openUploadForm:false,
uploadMsg:"",
uploadExcelDataInfo:"",
//导入模板列表表格数据
tmpDataList: [],
selectionList:[],
selectionIndexList: [],
// 非批量新增禁用
batchAdd:true,
// 查询参数
queryParams: {
pageNum: 1,
@ -400,7 +473,9 @@ export default {
this.getList();
},
methods: {
getUUID() {
return Math.random().toString(36).substring(3, 10);
},
/** 查询费用报价列表 */
getList() {
this.loading = true;
@ -415,6 +490,7 @@ export default {
/** 搜索按钮操作 */
handleQuery() {
this.batchAdd=true;
this.queryParams.pageNum = 1;
this.getList();
},
@ -425,6 +501,7 @@ export default {
},
// 多选框选中数据
handleSelectionChange(selection) {
this.selectionList = selection;
this.ids = selection.map(item => item.quoteId)
let [lastObj]=selection.slice(-1);
this.currentQuote=lastObj;
@ -452,10 +529,12 @@ export default {
/** 修改按钮操作 */
handleUpdate(row) {
if( row.quoteId || this.ids.filter(Boolean).length>1){
this.currentId = row.quoteId || this.ids;
this.openForm = true;
this.isCopy = false;
this.titleForm = "修改干线运输费";
}
},
/** 修改按钮操作 */
handleBatchUpdate(row) {
@ -549,6 +628,149 @@ export default {
dateTimeChange(value){
this.dateTimeRange=value;
},
batchImpDataForm() {
this.batchAdd = false;
// 判断是否有数据
if (this.tmpDataList.length == 0) {
this.$modal.msgError('表格中没有数据');
return;
}
//数据转换
let newList = this.tmpDataList.map(item => {
item.feeType = this.dict.type.emis_fee_type.find(v => v.label == item.feeTypeName).value;
item.priceType = this.dict.type.emis_price_type.find(v => v.label == item.priceTypeName).value;
if (item.billTypeName === '重量计费') {
item.billType = '1'
} else if (item.billType === '体积计费') {
item.billType = '2'
} else if (item.billType === '一口价') {
item.billType = '3'
}
item.startDate = this.excelDateToJSDate(item.startDate);
item.endDate = this.excelDateToJSDate(item.endDate);
return item;
})
this.total = newList.length;
this.emisQuotePriceList = this.emisQuotePriceList.concat(newList);
this.tmpDataList = [];
this.openUploadForm = false;
},
handleBatchAdd() {
if (this.ids && this.ids.length > 0) {
this.$confirm("确认新增吗?", "提示", {
cancelButtonText: "取消",
confirmButtonText: "确认",
type: "warning",
distinguishCancelAndClose: true,
closeOnClickModal: false
}).then(async () => {
if (this.selectionList && this.selectionList.length > 0) {
for (let i = 0; i < this.selectionList.length; i++) {
let orderItem = this.selectionList[i];
//数据转换
orderItem.feeType = orderItem.feeTypeName;
orderItem.billType = orderItem.billTypeName;
orderItem.priceType = orderItem.priceTypeName;
let res = await draftQuotePrice({ ...orderItem, quoteType: 3 }) // 3-大客户运输费
let rstData = res.data;
if (rstData.result == 'success') {
orderItem.uploadStatus = 1;
orderItem.errorInfo = "新增成功";
}
else {
orderItem.uploadStatus = -1;
orderItem.errorInfo = rstData.msg;
}
}
this.$modal.msgSuccess("上传成功");
}
});
}
},
handleBatchImport() {
this.resetRefreshId = "importForm-" + this.getUUID();
this.openUploadForm = true;
this.fileList = [];
this.uploadExcelDataInfo = "";
this.fileName = "";
},
fileChange(file, fileList) {
this.fileList = fileList;
},
beforeUpload(file) {
this.fileName = file.name;
this.form.batchName = file.name;
this.readerData(file)
return false
},
cancel(){
this.openUploadForm = false;
},
excelDateToJSDate(excelDate) {
// Excel把1900年1月1日存储为数字1
const date = new Date(1900, 0, excelDate - 1);
// 时间格式化为 YYYY-MM-DD HH:mm:ss
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
const hours = String(date.getHours()).padStart(2, '0');
const minutes = String(date.getMinutes()).padStart(2, '0');
const seconds = String(date.getSeconds()).padStart(2, '0');
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
},
readerData(rawFile) {
return new Promise((resolve, reject) => {
const reader = new FileReader()
reader.onload = e => {
const data = e.target.result
const workbook = XLSX.read(data, { type: 'array' })
const firstSheetName = workbook.SheetNames[0] // firstSheetName
const worksheet = workbook.Sheets[firstSheetName]
const results = XLSX.utils.sheet_to_json(worksheet)
this.batchImportData(results);
resolve()
}
reader.readAsArrayBuffer(rawFile)
})
},
async batchImportData(results) {
const _index = 1
let loadingInstance = this.$loading({
text: '正在解析 ' + _index + ' 数据...'
})
this.emisQuotePriceList = [];
// 组装提交的数据
for (let index = 0; index < results.length; index++) {
const element = results[index]
let orderData = {
quoteName: element['报价名称'],
useSiteName: element['使用网点'], //需要后面转成code
transLine: element['线路'], //转code
prodName: element['产品类型'], //转code
leastPrice: element['最低价格'],
priceTypeName: element['价格取值'],
startDate: element['开始日期'],
endDate: element['结束日期'],
billTypeName: element['计费类型'],
statusName: element['启用状态'],
feeTypeName: element['费用类型'],
currency: element['费用币种'],
sendAreaName: element['寄件区域'],
dispAreaName: element['派件区域'],
exprJson: element['计算规则'],
uploadStatus: 0,
errorInfo: '',
status: 1
}
this.tmpDataList.push(orderData);
}
this.uploadExcelDataInfo = "总共 " + this.tmpDataList.length + " 条数据。";
loadingInstance.close()
},
}
};
</script>