|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div class="orderImport pagePadding">
|
|
|
+ <div class="orderImport pagePadding" v-loading="loading">
|
|
|
<div
|
|
|
v-if="tableData && tableData.length > 0"
|
|
|
class="tr"
|
|
|
@@ -17,11 +17,6 @@
|
|
|
:data="tableData"
|
|
|
style="margin: 15px 0 0 0"
|
|
|
>
|
|
|
- <template #operation="{ scope }">
|
|
|
- <el-tooltip effect="dark" content="删除" placement="top">
|
|
|
- <i class="el-icon-delete tb-icon" @click="del(scope)"></i>
|
|
|
- </el-tooltip>
|
|
|
- </template>
|
|
|
</ex-table>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -43,17 +38,17 @@ export default {
|
|
|
table: {
|
|
|
stripe: true,
|
|
|
border: true,
|
|
|
- "max-height":'800px'
|
|
|
+ "max-height": "800px",
|
|
|
// _defaultHeader_: ["setcol"],
|
|
|
},
|
|
|
tableData: [],
|
|
|
- tableHeader: [],
|
|
|
// 表格 - 分页
|
|
|
pageInfo: {
|
|
|
size: 15,
|
|
|
curr: 1,
|
|
|
total: 0,
|
|
|
},
|
|
|
+ loading: false,
|
|
|
// 表格 - 列参数
|
|
|
columns: columns,
|
|
|
|
|
|
@@ -61,9 +56,7 @@ export default {
|
|
|
btnFlag: false,
|
|
|
|
|
|
//编辑全局锁
|
|
|
- editBtnFlag:false,
|
|
|
-
|
|
|
-
|
|
|
+ editBtnFlag: false,
|
|
|
};
|
|
|
},
|
|
|
mounted() {},
|
|
|
@@ -80,258 +73,111 @@ export default {
|
|
|
return false;
|
|
|
},
|
|
|
handleSuccess({ results, header }) {
|
|
|
- console.log("表格导入数据", results, "表格表头", header);
|
|
|
- if (results.length === 0) {
|
|
|
- this.$message.error("表格无有效数据！");
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- let head = [
|
|
|
- "平台订单号",
|
|
|
- "其他单号(不必填)",
|
|
|
- "平台下单时间",
|
|
|
- "销售渠道",
|
|
|
- "平台商品编号",
|
|
|
- "单价（元）",
|
|
|
- "数量",
|
|
|
- // "优惠前总金额",
|
|
|
- "订单总金额",
|
|
|
- // "商品优惠后金额",
|
|
|
- "优惠活动名称",
|
|
|
- "收费模式",
|
|
|
- "收货人",
|
|
|
- "联系电话",
|
|
|
- "联系地址",
|
|
|
- "订单备注",
|
|
|
- ];
|
|
|
- if (head.length !== header.length) {
|
|
|
- // console.log("自定义head长度",head.length)
|
|
|
- // console.log("表格内数据长度：",header.length)
|
|
|
- this.$message.error("表头与导入模板不匹配！");
|
|
|
- return;
|
|
|
- }
|
|
|
- let hederOk = true;
|
|
|
- head.forEach((v1, i1) => {
|
|
|
- if (v1 !== header[i1].replace(/\s*/g, "")) {
|
|
|
- console.log(v1);
|
|
|
- console.log(header[i1]);
|
|
|
- hederOk = false;
|
|
|
+ if (!this.loading) {
|
|
|
+ this.loading = true;
|
|
|
+ if (results.length === 0) {
|
|
|
+ this.$message.error("表格无有效数据！");
|
|
|
+ this.loading = false;
|
|
|
+ return;
|
|
|
}
|
|
|
- });
|
|
|
-
|
|
|
- if (!hederOk) {
|
|
|
- console.log(hederOk);
|
|
|
- this.$message.error("表头与导入模板不匹配！");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.tableHeader = header;
|
|
|
- this.tableData = [];
|
|
|
- let list = results;
|
|
|
- // let r = /^\+?[1-9][0-9]*$/;
|
|
|
- // let tableOk = true;
|
|
|
- this.ruleForm.order_addr = [];
|
|
|
-
|
|
|
- try {
|
|
|
- list.forEach((v1, index) => {
|
|
|
- let b = Object.values(v1);
|
|
|
- // let numFlag = false;
|
|
|
-
|
|
|
-
|
|
|
- // let item = this.get_code(b[3], b[4], b[5]);
|
|
|
- let model = {
|
|
|
- platform_code: b[0] + "",
|
|
|
- po_code: b[1] + "",
|
|
|
- platform_time: this.formatDate(b[2]) + "",
|
|
|
- sale_source: b[3] + "",
|
|
|
- plat_code: b[4] + "",
|
|
|
- price: b[5] + "",
|
|
|
- num: b[6] + "",
|
|
|
- // before_discount_all_price: b[7] + "",
|
|
|
- before_discount_all_price: b[7] + "",
|
|
|
- // after_price: b[9] + "",
|
|
|
- activity_name: b[8] + "",
|
|
|
- mode: b[9] + "",
|
|
|
- contactor: b[10] + "",
|
|
|
- mobile: b[11] + "",
|
|
|
- addr: b[12] + "",
|
|
|
- order_remark: b[13] + "",
|
|
|
- //编辑锁
|
|
|
- // editFlag:false,
|
|
|
- };
|
|
|
|
|
|
- this.tableData.push(model);
|
|
|
+ let head = [
|
|
|
+ "平台订单号",
|
|
|
+ "其他单号(不必填)",
|
|
|
+ "平台下单时间",
|
|
|
+ "销售渠道",
|
|
|
+ "平台商品编号",
|
|
|
+ "单价（元）",
|
|
|
+ "数量",
|
|
|
+ // "优惠前总金额",
|
|
|
+ "订单总金额",
|
|
|
+ // "商品优惠后金额",
|
|
|
+ "优惠活动名称",
|
|
|
+ "收费模式",
|
|
|
+ "收货人",
|
|
|
+ "联系电话",
|
|
|
+ "联系地址",
|
|
|
+ "订单备注",
|
|
|
+ ];
|
|
|
+ if (head.length !== header.length) {
|
|
|
+ this.$message.error("表头与导入模板不匹配！");
|
|
|
+ this.loading = false;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let hederOk = true;
|
|
|
+ head.forEach((v1, i1) => {
|
|
|
+ if (v1 !== header[i1].replace(/\s*/g, "")) {
|
|
|
+ console.log(v1 + "----" + header[i1]);
|
|
|
+ hederOk = false;
|
|
|
+ }
|
|
|
});
|
|
|
- } catch (e) {}
|
|
|
|
|
|
- console.log(this.tableData);
|
|
|
+ if (!hederOk) {
|
|
|
+ this.$message.error("表头与导入模板不匹配！");
|
|
|
+ this.loading = false;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.tableData = [];
|
|
|
+ let list = results;
|
|
|
+
|
|
|
+ try {
|
|
|
+ list.forEach((v1, index) => {
|
|
|
+ let b = Object.values(v1);
|
|
|
+ let model = {
|
|
|
+ platform_code: b[0] + "",
|
|
|
+ po_code: b[1] + "",
|
|
|
+ platform_time: b[2],
|
|
|
+ sale_source: b[3] + "",
|
|
|
+ plat_code: b[4] + "",
|
|
|
+ price: b[5] + "",
|
|
|
+ num: b[6] + "",
|
|
|
+ before_discount_all_price: b[7] + "",
|
|
|
+ activity_name: b[8] + "",
|
|
|
+ mode: b[9] + "",
|
|
|
+ contactor: b[10] + "",
|
|
|
+ mobile: b[11] + "",
|
|
|
+ addr: b[12] + "",
|
|
|
+ order_remark: b[13] + "",
|
|
|
+ };
|
|
|
+
|
|
|
+ this.tableData.push(model);
|
|
|
+ });
|
|
|
+ } catch (e) {}
|
|
|
+ this.loading = false;
|
|
|
+ }
|
|
|
+ // console.log(this.tableData);
|
|
|
},
|
|
|
//取消
|
|
|
cancel() {
|
|
|
this.tableData = [];
|
|
|
},
|
|
|
- //编辑
|
|
|
- edit(scope){
|
|
|
- if(this.editBtnFlag){
|
|
|
- this.$message.warning("当前已有数据在编辑，请保存后再试！");
|
|
|
- return;
|
|
|
- }
|
|
|
- //只能同时编辑一条数据，将编辑上锁
|
|
|
- this.editBtnFlag = true;
|
|
|
- //将本条编辑功能替换为保存
|
|
|
- this.tableData[scope.$index].editFlag = true;
|
|
|
- console.log(scope)
|
|
|
- },
|
|
|
- //保存
|
|
|
- check(scope){
|
|
|
- //将编辑锁解开
|
|
|
- this.editBtnFlag = false;
|
|
|
- //将本条保存功能替换为编辑
|
|
|
- this.tableData[scope.$index].editFlag = false;
|
|
|
|
|
|
- //本条数据是否更改
|
|
|
- console.log("本条数据",this.tableData[scope.$index])
|
|
|
- },
|
|
|
- //删除
|
|
|
- del(scope) {
|
|
|
- console.log(scope.$index);
|
|
|
- this.$confirm("是否删除本条导入数据?", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- this.tableData.splice(scope.$index, 1);
|
|
|
- this.$message({
|
|
|
- type: "success",
|
|
|
- message: "删除成功!",
|
|
|
- });
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- this.$message({
|
|
|
- type: "info",
|
|
|
- message: "已取消删除",
|
|
|
- });
|
|
|
- });
|
|
|
- },
|
|
|
- //日期转换
|
|
|
- formatDate(numb) {
|
|
|
- const date = new Date(numb);
|
|
|
- var Y = date.getFullYear() + "-";
|
|
|
- var M =
|
|
|
- (date.getMonth() + 1 < 10
|
|
|
- ? "0" + (date.getMonth() + 1)
|
|
|
- : date.getMonth() + 1) + "-";
|
|
|
- var D = date.getDate() + " ";
|
|
|
- // var h = date.getHours() + ':';
|
|
|
- // var m = date.getMinutes() + ':';
|
|
|
- // var s = date.getSeconds();
|
|
|
- return Y + M + D;
|
|
|
- },
|
|
|
//提交
|
|
|
async submit() {
|
|
|
- if (this.btnFlag) {
|
|
|
- console.log("拦截点击");
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- const model = {
|
|
|
- list: this.tableData,
|
|
|
- };
|
|
|
- if (model.list.length <= 0) {
|
|
|
- this.$message.warning("导入数据不能为空");
|
|
|
- return;
|
|
|
- }
|
|
|
- let obj = [
|
|
|
- { name: "平台订单号", str: "platform_code" },
|
|
|
- { name: "销售渠道", str: "sale_source" },
|
|
|
- { name: "平台商品编号", str: "plat_code" },
|
|
|
- { name: "单价（元）", str: "price" },
|
|
|
- { name: "数量", str: "num" },
|
|
|
- { name: "收费模式", str: "mode" },
|
|
|
- { name: "订单备注", str: "order_remark" },
|
|
|
- { name: "收货人", str: "contactor" },
|
|
|
- { name: "联系电话", str: "mobile" },
|
|
|
- { name: "联系地址", str: "addr" },
|
|
|
- ];
|
|
|
- let flag = true;
|
|
|
- let platform_code_arr = [];
|
|
|
- try{
|
|
|
- model.list.forEach((item, index) => {
|
|
|
- platform_code_arr.push(item.platform_code);
|
|
|
- //必填判断
|
|
|
- if (flag) {
|
|
|
+ if (!this.loading) {
|
|
|
+ this.loading = true;
|
|
|
+ if (this.tableData.length === 0) {
|
|
|
+ this.$message.warning("导入数据不能为空");
|
|
|
+ this.loading = false;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ let model = {
|
|
|
+ list: this.tableData,
|
|
|
+ };
|
|
|
+ const { code, data, message } = await asyncRequest.orderimport(model);
|
|
|
+ this.loading = false;
|
|
|
+ if (code === 0) {
|
|
|
+ this.$notify.success({
|
|
|
+ title: "导入成功！",
|
|
|
+ message: "",
|
|
|
+ });
|
|
|
+ this.tableData = [];
|
|
|
+ } else if (code >= 100 && code <= 104) {
|
|
|
+ await this.logout();
|
|
|
} else {
|
|
|
- throw Error();
|
|
|
+ this.$message.warning(message);
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
- if (item.price == 0 || item.num == 0) {
|
|
|
- this.$message.warning(
|
|
|
- `表格第${index + 1}行，单价,数量的值不能为0`
|
|
|
- );
|
|
|
- flag = false;
|
|
|
- throw Error();
|
|
|
- }
|
|
|
-
|
|
|
- if (!isNaN(item.price) && !isNaN(item.num) && !isNaN(item.before_discount_all_price)) {
|
|
|
- } else {
|
|
|
- this.$message.warning(
|
|
|
- `表格第${index + 1}行，单价,数量，总金额必须是数字`
|
|
|
- );
|
|
|
- flag = false;
|
|
|
- throw Error();
|
|
|
- }
|
|
|
-
|
|
|
- if (!Number.isInteger(Number(item.num))) {
|
|
|
- this.$message.warning(`表格第${index + 1}行,数量必须是整数`);
|
|
|
- flag = false;
|
|
|
- throw Error();
|
|
|
- }
|
|
|
-
|
|
|
- for (let i = 0; i < obj.length; i++) {
|
|
|
- let txt = item[obj[i].str].trim();
|
|
|
- if (txt == "") {
|
|
|
- this.$message.warning(`第${index + 1}行的${obj[i].name}不能为空`);
|
|
|
- flag = false;
|
|
|
- throw Error();
|
|
|
- } else {
|
|
|
- flag = true;
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- }catch{
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- //去重锁
|
|
|
- if (
|
|
|
- platform_code_arr.length !=
|
|
|
- Array.from(new Set(platform_code_arr)).length
|
|
|
- ) {
|
|
|
- this.$message.warning(`平台订单号不能重复`);
|
|
|
- return;
|
|
|
- }
|
|
|
- if (flag) {
|
|
|
- //按钮锁开启
|
|
|
- this.btnFlag = true;
|
|
|
- this.submitHttp(model);
|
|
|
- }
|
|
|
- },
|
|
|
- async submitHttp(model) {
|
|
|
- const res = await asyncRequest.orderimport(model);
|
|
|
- if (res && res.code === 0) {
|
|
|
- this.$notify.success({
|
|
|
- title: "成功！",
|
|
|
- message: "",
|
|
|
- });
|
|
|
- this.tableData = [];
|
|
|
- } else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
- await this.logout();
|
|
|
- } else {
|
|
|
- this.$message.warning(res.message);
|
|
|
}
|
|
|
- //关闭按钮锁
|
|
|
- this.btnFlag = false;
|
|
|
},
|
|
|
},
|
|
|
};
|
