|
|
@@ -4,96 +4,114 @@
|
|
|
:loading="loading"
|
|
|
:model="ruleForm"
|
|
|
status-icon
|
|
|
+ :size="'small'"
|
|
|
:rules="rulesThis"
|
|
|
label-width="80px"
|
|
|
style="width: 100%"
|
|
|
class="demo-ruleForm"
|
|
|
>
|
|
|
- <!-- <p>orderCode{{ sitem }}</p> -->
|
|
|
-
|
|
|
<el-row>
|
|
|
- <el-row>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="发货总量" prop="send_num" required>
|
|
|
- <el-input
|
|
|
- disabled
|
|
|
- v-model="ruleForm.send_num"
|
|
|
- placeholder="发货总量"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="异常数量" prop="anomalous_numbers">
|
|
|
- <el-input
|
|
|
- :disabled="disabled"
|
|
|
- v-model="ruleForm.anomalous_numbers"
|
|
|
- placeholder="异常数量"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="期望意愿" prop="expect_wish">
|
|
|
- <el-select
|
|
|
- style="width: 100%"
|
|
|
- :disabled="disabled"
|
|
|
- v-model="ruleForm.expect_wish"
|
|
|
- placeholder="期望意愿"
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="收货情况" prop="is_receive">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ :disabled="disabled"
|
|
|
+ v-model="ruleForm.is_receive"
|
|
|
+ @change="is_receive_change"
|
|
|
+ placeholder="收货情况"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in is_receive_options"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
>
|
|
|
- <el-option
|
|
|
- v-for="item in expect_options"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="8">
|
|
|
- <el-form-item label="异常原因" prop="anomalous_reason">
|
|
|
- <el-select
|
|
|
- style="width: 100%"
|
|
|
- :disabled="disabled"
|
|
|
- v-model="ruleForm.anomalous_reason"
|
|
|
- placeholder="异常原因"
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="发货总量" prop="send_num" required>
|
|
|
+ <el-input
|
|
|
+ disabled
|
|
|
+ v-model="ruleForm.send_num"
|
|
|
+ placeholder="发货总量"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="异常数量" prop="num">
|
|
|
+ <digital-input
|
|
|
+ :values="ruleForm.num"
|
|
|
+ :placeholder="'异常数量'"
|
|
|
+ :min="0"
|
|
|
+ :disabled="ruleForm.is_receive === '0'"
|
|
|
+ :max="ruleForm.send_num"
|
|
|
+ :position="'right'"
|
|
|
+ :precision="0"
|
|
|
+ :size="'small'"
|
|
|
+ :controls="false"
|
|
|
+ :append="''"
|
|
|
+ @reschange="number_change($event, 'num')"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="9">
|
|
|
+ <el-form-item label="异常原因" prop="errorCode">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ :disabled="ruleForm.is_receive === ''"
|
|
|
+ v-model="ruleForm.errorCode"
|
|
|
+ placeholder="异常原因"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in reason_options"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.result"
|
|
|
+ :value="item.result_code"
|
|
|
+ :disabled="item.status == 0"
|
|
|
>
|
|
|
- <el-option
|
|
|
- v-for="item in reason_options"
|
|
|
- :key="item.id"
|
|
|
- :label="item.result"
|
|
|
- :value="item.result_code"
|
|
|
- :disabled="item.status == 0"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="16">
|
|
|
- <el-form-item label="异常备注" prop="anomalous_remark">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- placeholder="请输入异常原因备注"
|
|
|
- v-model="ruleForm.anomalous_remark"
|
|
|
- :disabled="disabled"
|
|
|
- maxlength="250"
|
|
|
- show-word-limit
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="异常图片" prop="anomalous_images">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="9">
|
|
|
+ <el-form-item label="期望意愿" prop="except_code">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ :disabled="ruleForm.is_receive === ''"
|
|
|
+ v-model="ruleForm.except_code"
|
|
|
+ placeholder="期望意愿"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in expect_options"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="18">
|
|
|
+ <el-form-item label="异常备注" prop="remark">
|
|
|
+ <el-input
|
|
|
+ placeholder="异常备注"
|
|
|
+ v-model="ruleForm.remark"
|
|
|
+ type="textarea"
|
|
|
+ :rows="3"
|
|
|
+ :disabled="disabled"
|
|
|
+ maxlength="250"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="20">
|
|
|
+ <el-form-item label="异常图片" prop="img">
|
|
|
<div class="el-form-item-error-img">
|
|
|
<ul>
|
|
|
<li
|
|
|
class="images_li"
|
|
|
:style="getMargin_li()"
|
|
|
- v-for="(item, index) in ruleForm.anomalous_images"
|
|
|
+ v-for="(item, index) in ruleForm.img"
|
|
|
:key="item"
|
|
|
>
|
|
|
- <img :src="item" alt="" style="width: 254px; height: 164px" />
|
|
|
+ <img :src="item" alt="" style="width: 50px; height: 50px" />
|
|
|
<i
|
|
|
class="el-icon-close"
|
|
|
v-if="
|
|
|
@@ -107,7 +125,7 @@
|
|
|
<div
|
|
|
class="btnupload"
|
|
|
:style="getMargin()"
|
|
|
- v-if="ruleForm.anomalous_images.length < 5 && isShow"
|
|
|
+ v-if="ruleForm.img.length < 5 && isShow"
|
|
|
style="position: relative"
|
|
|
@click="show = true"
|
|
|
>
|
|
|
@@ -125,7 +143,7 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
- <el-col :span="24" style="text-align: right">
|
|
|
+ <el-col :span="4" style="text-align: right">
|
|
|
<el-button
|
|
|
type="primary"
|
|
|
@click="submitForm"
|
|
|
@@ -165,44 +183,62 @@ export default {
|
|
|
disabled: true,
|
|
|
status: "", //存储详情接口返的状态
|
|
|
showModelThis: this.showModel,
|
|
|
+ is_receive_options: [
|
|
|
+ {
|
|
|
+ value: "1",
|
|
|
+ label: "已收到货",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: "0",
|
|
|
+ label: "未收到货",
|
|
|
+ },
|
|
|
+ ],
|
|
|
resign_name: "", //离职人
|
|
|
hand_name: "", //交接人
|
|
|
ruleForm: {
|
|
|
+ is_receive: "",
|
|
|
send_num: "",
|
|
|
order_type: "1", //售后类型 1销售2咨询，
|
|
|
outCode: "", //
|
|
|
stock_out_numbers: "", //出库单编号
|
|
|
- anomalous_numbers: "", //异常数量
|
|
|
- anomalous_reason: "", //异常原因
|
|
|
- expect_wish: "", //期望意愿
|
|
|
- anomalous_images: [],
|
|
|
- anomalous_remark: "", //异常备注
|
|
|
+ num: "", //异常数量
|
|
|
+ errorCode: "", //异常原因
|
|
|
+ except_code: "", //期望意愿
|
|
|
+ img: [],
|
|
|
+ remark: "", //异常备注
|
|
|
},
|
|
|
rulesThis: this.rules,
|
|
|
// 验证规则
|
|
|
rules: {
|
|
|
- anomalous_numbers: [
|
|
|
+ is_receive: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请选择收货情况",
|
|
|
+ trigger: "change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ num: [
|
|
|
{
|
|
|
required: true,
|
|
|
trigger: "blur",
|
|
|
validator: validatenumbers,
|
|
|
},
|
|
|
],
|
|
|
- anomalous_reason: [
|
|
|
+ errorCode: [
|
|
|
{
|
|
|
required: true,
|
|
|
message: "请选择异常原因",
|
|
|
trigger: "change",
|
|
|
},
|
|
|
],
|
|
|
- expect_wish: [
|
|
|
+ except_code: [
|
|
|
{
|
|
|
required: true,
|
|
|
message: "请选择期望意愿",
|
|
|
trigger: "change",
|
|
|
},
|
|
|
],
|
|
|
- anomalous_images: [
|
|
|
+ img: [
|
|
|
{
|
|
|
type: "array",
|
|
|
required: true,
|
|
|
@@ -210,17 +246,17 @@ export default {
|
|
|
trigger: "change",
|
|
|
},
|
|
|
],
|
|
|
- anomalous_remark: [
|
|
|
+ remark: [
|
|
|
{
|
|
|
required: true,
|
|
|
- message: "请输入异常原因备注",
|
|
|
+ message: "请输入异常备注",
|
|
|
trigger: "blur",
|
|
|
},
|
|
|
],
|
|
|
},
|
|
|
reason_options: [],
|
|
|
- reason_value: "", //异常原因
|
|
|
- expect_options: [
|
|
|
+ expect_options: [],
|
|
|
+ expect_options1: [
|
|
|
{
|
|
|
value: "1",
|
|
|
label: "退货",
|
|
|
@@ -229,9 +265,15 @@ export default {
|
|
|
value: "2",
|
|
|
label: "换货",
|
|
|
},
|
|
|
+ ],
|
|
|
+ expect_options0: [
|
|
|
{
|
|
|
- value: "3",
|
|
|
- label: "改变售价",
|
|
|
+ value: "1",
|
|
|
+ label: "退货",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: "2",
|
|
|
+ label: "补发",
|
|
|
},
|
|
|
],
|
|
|
expect_value: "", //期望意愿
|
|
|
@@ -252,7 +294,6 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
mounted() {
|
|
|
- this.getReason(); //获取异常原因
|
|
|
this.initForm();
|
|
|
},
|
|
|
watch: {
|
|
|
@@ -268,11 +309,6 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
methods: {
|
|
|
- // 关闭弹窗,直接隐藏表单
|
|
|
- // async closeAddEdit() {
|
|
|
- // this.$emit("closeModel", false); //抛出一个事件，关闭弹窗
|
|
|
- //
|
|
|
- // },
|
|
|
closeAdd() {
|
|
|
this.showModelThis = false;
|
|
|
},
|
|
|
@@ -296,11 +332,11 @@ export default {
|
|
|
console.log(res.data);
|
|
|
this.ruleForm = {
|
|
|
stock_out_numbers: "", //出库单编号
|
|
|
- anomalous_numbers: error_num, //异常数量
|
|
|
- anomalous_reason: error_code, //异常原因
|
|
|
- expect_wish: except_code, //期望意愿
|
|
|
- anomalous_images: [error_img],
|
|
|
- anomalous_remark: error_remark, //异常备注
|
|
|
+ num: error_num, //异常数量
|
|
|
+ errorCode: error_code, //异常原因
|
|
|
+ except_code: except_code, //期望意愿
|
|
|
+ img: [error_img],
|
|
|
+ remark: error_remark, //异常备注
|
|
|
};
|
|
|
} else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
await this.logout();
|
|
|
@@ -310,6 +346,25 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
|
|
|
+ async is_receive_change() {
|
|
|
+ const { is_receive } = this.ruleForm;
|
|
|
+ this.ruleForm.errorCode = "";
|
|
|
+ this.ruleForm.except_code = "";
|
|
|
+ this.expect_options = [];
|
|
|
+ this.reason_options = [];
|
|
|
+ if (is_receive !== "") {
|
|
|
+ this.expect_options = JSON.parse(
|
|
|
+ JSON.stringify(
|
|
|
+ is_receive === "1" ? this.expect_options1 : this.expect_options0
|
|
|
+ )
|
|
|
+ );
|
|
|
+ await this.getReason(is_receive === "1" ? "3" : "6"); //获取异常原因
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async number_change(e, key) {
|
|
|
+ this.ruleForm[key] = e + "" || "0";
|
|
|
+ this.$refs.ruleForm.validateField(key);
|
|
|
+ },
|
|
|
async resetForm() {
|
|
|
this.resign_name = "";
|
|
|
this.hand_name = "";
|
|
|
@@ -321,53 +376,35 @@ export default {
|
|
|
this.$refs.ruleForm.clearValidate();
|
|
|
let { send_num } = this.sitem;
|
|
|
this.ruleForm = {
|
|
|
+ is_receive: "",
|
|
|
send_num: send_num || "",
|
|
|
- anomalous_numbers: "", //异常数量
|
|
|
- anomalous_reason: "", //异常原因
|
|
|
- expect_wish: "", //期望意愿
|
|
|
- anomalous_images: [],
|
|
|
+ num: send_num || "", //异常数量
|
|
|
+ errorCode: "", //异常原因
|
|
|
+ except_code: "", //期望意愿
|
|
|
+ img: [],
|
|
|
outCode: this.code,
|
|
|
};
|
|
|
- // }
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
async submitForm() {
|
|
|
await this.$refs.ruleForm.validate(async (valid) => {
|
|
|
if (valid) {
|
|
|
- const { anomalous_numbers } = this.ruleForm;
|
|
|
- if (this.sitem.send_num < anomalous_numbers) {
|
|
|
- this.$message.warning("异常数量不能大于发货数量");
|
|
|
- return false;
|
|
|
- }
|
|
|
let model = JSON.parse(JSON.stringify(this.ruleForm));
|
|
|
- console.log(model);
|
|
|
- // console.log("调接口");
|
|
|
- let _model = {
|
|
|
- order_type: "1",
|
|
|
- outCode: this.sitem.outCode,
|
|
|
- orderCode: this.sitem.orderCode,
|
|
|
-
|
|
|
- errorCode: model.anomalous_reason, //异常原因
|
|
|
- num: model.anomalous_numbers,
|
|
|
- remark: model.anomalous_remark,
|
|
|
- except_code: model.expect_wish,
|
|
|
- img: model.anomalous_images.toString(),
|
|
|
- };
|
|
|
-
|
|
|
- const res = await asyncRequest.add(_model);
|
|
|
-
|
|
|
- if (res && res.code === 0) {
|
|
|
+ model.outCode = this.sitem.outCode;
|
|
|
+ model.img = model.img.toString();
|
|
|
+ const { code, data, message } = await asyncRequest.add(model);
|
|
|
+ if (code === 0) {
|
|
|
const title = this.id === "add" ? "添加成功！" : "修改成功！";
|
|
|
this.$notify.success({
|
|
|
title,
|
|
|
message: "",
|
|
|
});
|
|
|
this.$emit("refresh", false);
|
|
|
- } else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
+ } else if (code >= 100 && code <= 104) {
|
|
|
await this.logout();
|
|
|
} else {
|
|
|
- this.$message.warning(res.message);
|
|
|
+ this.$message.warning(message);
|
|
|
}
|
|
|
} else {
|
|
|
console.log("error submit!!");
|
|
|
@@ -377,9 +414,9 @@ export default {
|
|
|
},
|
|
|
|
|
|
// 获取异常原因
|
|
|
- async getReason() {
|
|
|
+ async getReason(type) {
|
|
|
let model = {
|
|
|
- type: "2",
|
|
|
+ type: type,
|
|
|
page: 1,
|
|
|
size: 100,
|
|
|
};
|
|
|
@@ -393,20 +430,11 @@ export default {
|
|
|
this.$message.warning(res.message);
|
|
|
}
|
|
|
},
|
|
|
- // 异常原因
|
|
|
- handleAnomalousReason(e) {
|
|
|
- if (e) {
|
|
|
- this.ruleForm.anomalous_reason = e;
|
|
|
- } else {
|
|
|
- this.ruleForm.anomalous_reason = "";
|
|
|
- }
|
|
|
- this.$refs.ruleForm.validateField("company_img");
|
|
|
- },
|
|
|
//图片上传失败
|
|
|
UploadErrorEvent(res) {
|
|
|
if (res !== "break") {
|
|
|
this.$message.error("图片上传失败!");
|
|
|
- this.$refs.ruleForm.validateField("anomalous_images");
|
|
|
+ this.$refs.ruleForm.validateField("img");
|
|
|
}
|
|
|
},
|
|
|
|
|
|
@@ -416,9 +444,9 @@ export default {
|
|
|
if (url === "noToken") {
|
|
|
await this.logout();
|
|
|
} else {
|
|
|
- this.ruleForm.anomalous_images.push(url);
|
|
|
+ this.ruleForm.img.push(url);
|
|
|
this.$message.success("图片上传成功!");
|
|
|
- this.$refs.ruleForm.validateField("anomalous_images");
|
|
|
+ this.$refs.ruleForm.validateField("img");
|
|
|
}
|
|
|
},
|
|
|
//判断图片规格
|
|
|
@@ -445,20 +473,20 @@ export default {
|
|
|
return isJPG && isLt2M;
|
|
|
},
|
|
|
imgClose(index) {
|
|
|
- this.ruleForm.anomalous_images.splice(index, 1);
|
|
|
- this.$refs.ruleForm.validateField("anomalous_images");
|
|
|
+ this.ruleForm.img.splice(index, 1);
|
|
|
+ this.$refs.ruleForm.validateField("img");
|
|
|
},
|
|
|
getMargin() {
|
|
|
- if (this.ruleForm.anomalous_images.length == 0) {
|
|
|
+ if (this.ruleForm.img.length == 0) {
|
|
|
return "margin:0;";
|
|
|
- } else if (this.ruleForm.anomalous_images.length < 3) {
|
|
|
+ } else if (this.ruleForm.img.length < 3) {
|
|
|
return "margin:0px 0 0 10px";
|
|
|
} else {
|
|
|
return "margin:10px 0 0 10px";
|
|
|
}
|
|
|
},
|
|
|
getMargin_li() {
|
|
|
- if (this.ruleForm.anomalous_images.length <= 3) {
|
|
|
+ if (this.ruleForm.img.length <= 3) {
|
|
|
return "margin:0 0 0 10px";
|
|
|
} else {
|
|
|
return "margin:10px 0 0 10px";
|
|
|
@@ -478,9 +506,9 @@ export default {
|
|
|
border: 1px solid rgb(220, 223, 230);
|
|
|
// border-left: 0;
|
|
|
box-sizing: border-box;
|
|
|
- width: 254px;
|
|
|
- height: 164px;
|
|
|
- line-height: 164px;
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
position: relative;
|
|
|
img {
|
|
|
display: inline-block;
|
|
|
@@ -492,11 +520,11 @@ export default {
|
|
|
top: 0;
|
|
|
right: 0;
|
|
|
z-index: 2;
|
|
|
- width: 25px;
|
|
|
- height: 25px;
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
text-align: center;
|
|
|
- line-height: 25px;
|
|
|
- font-size: 19px;
|
|
|
+ line-height: 16px;
|
|
|
+ font-size: 13px;
|
|
|
&:hover {
|
|
|
color: #63cbe7;
|
|
|
}
|
|
|
@@ -505,8 +533,8 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.images_li {
|
|
|
- // width: 254px;
|
|
|
- // height: 164px;
|
|
|
+ // width: 50px;
|
|
|
+ // height: 50px;
|
|
|
float: left;
|
|
|
}
|
|
|
.btnupload {
|
|
|
@@ -514,22 +542,22 @@ export default {
|
|
|
border: 1px solid rgb(220, 223, 230);
|
|
|
// border-left: 0;
|
|
|
box-sizing: border-box;
|
|
|
- width: 254px;
|
|
|
- height: 164px;
|
|
|
- line-height: 164px;
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
.Upload {
|
|
|
- width: 254px;
|
|
|
- height: 164px;
|
|
|
- line-height: 164px;
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ line-height: 50px;
|
|
|
text-align: center;
|
|
|
position: absolute;
|
|
|
line-height: 0px;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
z-index: 2;
|
|
|
- line-height: 164px;
|
|
|
+ line-height: 50px;
|
|
|
}
|
|
|
.avatar-uploader-icon {
|
|
|
font-size: 33px;
|
