Fedex / EcomWeb

Go to a project
Toggle navigation Toggle navigation pinning
xingru.liu
5f18dee7 1 parent fee7f878

客户新增页面修改

Inline Side-by-side
Showing 3 changed files with 122 additions and 84 deletions
......@@ -34,24 +34,40 @@ export function getCustomerList(data) {
* @param qingdaoUserId 青岛用户ID
*/
export function addCustomerData(data) {
let formData = new FormData
formData.append("beijingDxpid", data.beijingDxpid);
formData.append("certificare", data.certificare);
formData.append("clientId", data.clientId);
formData.append("ecomEntCode", data.ecomEntCode);
formData.append("ecomEntEmail", data.ecomEntEmail);
formData.append("orderRequester", data.orderRequester);
formData.append("qingdaoDanyiUserDxpid", data.qingdaoDanyiUserDxpid);
formData.append("qingdaoKey", data.qingdaoKey);
formData.append("qingdaoUserDxpid", data.qingdaoUserDxpid);
formData.append("qingdaoUserId", data.qingdaoUserId);
// let formData = new FormData
// formData.append("beijingDxpid", data.beijingDxpid);
// formData.append("certificare", data.certificare);
// formData.append("clientId", data.clientId);
// formData.append("ecomEntCode", data.ecomEntCode);
// formData.append("ecomEntEmail", data.ecomEntEmail);
// formData.append("orderRequester", data.orderRequester);
// formData.append("qingdaoDanyiUserDxpid", data.qingdaoDanyiUserDxpid);
// formData.append("qingdaoKey", data.qingdaoKey);
// formData.append("qingdaoUserDxpid", data.qingdaoUserDxpid);
// formData.append("qingdaoUserId", data.qingdaoUserId);
console.log(data);
return request({
url: '/bus-customer/customers/add',
method: 'post',
data: formData
data: data
})
}
//上传证书
export function uploadCertificate(ecomEntCode, certificate) {
const formData = new FormData();
formData.append('certificate', certificate.multipartFile);
return request({
url: '/bus-customer/customers/uploadCertificate?ecomEntCode=' + ecomEntCode,
method: 'post',
data: formData,
headers: {
'Content-Type': 'multipart/form-data'
}
});
}
// 修改客户数据
/**
* @param id *
......
......@@ -71,7 +71,7 @@
<Formitem label="订单申报方" prop="orderRequester" type="edit">
<el-select
type="text"
id="inputInner--orderRequester"
id="inputInner-edit-orderRequester"
v-model="formData.orderRequester"
clearable
placeholder=""
......@@ -80,7 +80,7 @@
v-for="(item, index) in dict.orderRequester"
:key="index"
:label="item.name"
:value="item"
:value="item.value"
></el-option>
</el-select>
</Formitem>
......@@ -100,6 +100,7 @@
</Formitem>
</el-col>
</el-row>
<div v-if="formData.orderRequester=='2'">
<div class="checkTitle">
<el-checkbox v-model="formData.qdCheck"></el-checkbox>青岛
</div>
......@@ -115,6 +116,7 @@
v-model="formData.qingdaoUserId"
clearable
placeholder=""
:disabled="!formData.qdCheck"
></el-input>
</Formitem>
</el-col>
......@@ -129,6 +131,7 @@
v-model="formData.qingdaoUserDxpid"
clearable
placeholder=""
:disabled="!formData.qdCheck"
></el-input>
</Formitem>
</el-col>
......@@ -143,6 +146,7 @@
v-model="formData.qingdaoKey"
clearable
placeholder=""
:disabled="!formData.qdCheck"
></el-input>
</Formitem>
</el-col>
......@@ -162,6 +166,7 @@
v-model="formData.beijingDxpid"
clearable
placeholder=""
:disabled="!formData.bjCheck"
></el-input>
</Formitem>
</el-col>
......@@ -218,6 +223,7 @@
</div>
</div>
</div>
</div>
</el-form>
</div>
<div class="dialogOption entrySave">
......@@ -240,6 +246,7 @@
<script>
import {
addCustomerData,
uploadCertificate,
updateCustomerData,
} from "@/api/system/customer-ai.js";
export default {
......@@ -263,9 +270,7 @@ export default {
dict: {
type: Array,
default() {
return {
orderRequester:[]
};
return [];
},
},
},
......@@ -289,71 +294,61 @@ export default {
file: null,
},
rules: {
portCode: [
{
required: true,
trigger: "blur",
message: "口岸代码不能为空！",
},
],
declarationPortCode: [
{
required: true,
trigger: "blur",
message: "申报地海关代码不能为空！",
},
{
validator: (rule, value, callback) => {
if (value.length != 4) {
callback("申报地海关代码必须为4位！");
} else {
callback();
}
},
trigger: "blur",
},
],
declarationUnit18: [
{
required: true,
trigger: "blur",
message: "申报单位（18位社会信用代码)不能为空！",
},
{
validator: (rule, value, callback) => {
if (value.length != 18) {
callback("18位社会信用代码必须为18位！");
} else {
callback();
}
},
trigger: "blur",
},
],
declarationUnit10: [
ecomEntCode: [
{
required: true,
trigger: "blur",
message: "申报单位（10位海关代码)不能为空！",
},
{
validator: (rule, value, callback) => {
if (value.length != 10) {
callback("10位海关代码必须为10位！");
} else {
callback();
}
},
trigger: "blur",
message: "电商企业代码不能为空！",
},
],
declarationUnitCompanyName: [
ecomEntName: [
{
required: true,
trigger: "blur",
message: "申报单位 (企业名称)不能为空！",
message: "电商企业名称不能为空！",
},
],
// declarationUnit18: [
// {
// required: true,
// trigger: "blur",
// message: "申报单位（18位社会信用代码)不能为空！",
// },
// {
// validator: (rule, value, callback) => {
// if (value.length != 18) {
// callback("18位社会信用代码必须为18位！");
// } else {
// callback();
// }
// },
// trigger: "blur",
// },
// ],
// declarationUnit10: [
// {
// required: true,
// trigger: "blur",
// message: "申报单位（10位海关代码)不能为空！",
// },
// {
// validator: (rule, value, callback) => {
// if (value.length != 10) {
// callback("10位海关代码必须为10位！");
// } else {
// callback();
// }
// },
// trigger: "blur",
// },
// ],
// declarationUnitCompanyName: [
// {
// required: true,
// trigger: "blur",
// message: "申报单位 (企业名称)不能为空！",
// },
// ],
},
loadings: {
dialogLoading: false,
......@@ -390,15 +385,16 @@ export default {
return true;
// }
},
fileUpload(val) {
fileUpload({ file }) {
if (!(file instanceof File)) {
console.error('The provided file is not a valid File object.');
return;
}
console.log(file);
const reader = new FileReader();
reader.readAsDataURL(val.file);
reader.readAsDataURL(file);
reader.onload = (e) => {
let obj = {
file: e.target.result,
name: val.file.name,
};
this.formData.file = obj;
this.formData.file = file;
};
},
fileChange(val) {},
......@@ -452,13 +448,16 @@ export default {
});
}
},
//新增
addApi(val) {
addPortData(val)
addCustomerData(val)
.then((res) => {
if (res.code === "200") {
this.msgSuccess(res.message);
if (this.formData.file) {
this.uploadCertificate(val.ecomEntCode, this.formData.file);
} else {
this.msgSuccess("客户添加成功！");
this.close();
}
} else {
this.alertWarningMsg(res.message);
this.loadings.dialogLoading = false;
......@@ -469,13 +468,35 @@ export default {
this.loadings.dialogLoading = false;
});
},
uploadCertificate(ecomEntCode, file) {
uploadCertificate(ecomEntCode, file)
.then((uploadRes) => {
if (uploadRes.code === "200") {
this.msgSuccess("客户添加和证书上传成功！");
this.close();
} else {
this.alertWarningMsg(uploadRes.message);
}
this.loadings.dialogLoading = false;
})
.catch((err) => {
console.log(err);
this.loadings.dialogLoading = false;
});
},
//修改
updateapi(val) {
updatePortData(val)
updateCustomerData(val)
.then((res) => {
if (res.code === "200") {
this.msgSuccess(res.message);
// this.msgSuccess(res.message);
// this.close();
if (this.formData.file) {
this.uploadCertificate(val.ecomEntCode, this.formData.file);
} else {
this.msgSuccess("客户修改成功！");
this.close();
}
} else {
this.alertWarningMsg(res.message);
this.loadings.dialogLoading = false;
......
......@@ -330,6 +330,7 @@ export default {
this.editType = "update";
this.outerVisible = true;
this.activeData = val;
console.log(this.activeData);
},
dialogClose() {
this.outerVisible = false;
......