|
@@ -10,24 +10,24 @@
|
|
|
class="demo-ruleForm"
|
|
|
>
|
|
|
<!-- <p>orderCode{{ sitem }}</p> -->
|
|
|
-
|
|
|
+ <p>disabled{{ disabled }}</p>
|
|
|
<el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="异常数量" prop="anomalous_numbers">
|
|
|
+ <el-form-item label="异常数量" prop="error_num">
|
|
|
<el-input
|
|
|
:disabled="disabled"
|
|
|
- v-model="ruleForm.anomalous_numbers"
|
|
|
+ v-model="ruleForm.error_num"
|
|
|
placeholder="请输入异常数量"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="异常原因" prop="anomalous_reason">
|
|
|
+ <el-form-item label="异常原因" prop="error_code">
|
|
|
<el-select
|
|
|
style="width: 100%"
|
|
|
:disabled="disabled"
|
|
|
- v-model="ruleForm.anomalous_reason"
|
|
|
+ v-model="ruleForm.error_code"
|
|
|
placeholder="请选择异常原因"
|
|
|
>
|
|
|
<el-option
|
|
@@ -42,11 +42,11 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="期望意愿" prop="expect_wish">
|
|
|
+ <el-form-item label="期望意愿" prop="except_code">
|
|
|
<el-select
|
|
|
style="width: 100%"
|
|
|
:disabled="disabled"
|
|
|
- v-model="ruleForm.expect_wish"
|
|
|
+ v-model="ruleForm.except_code"
|
|
|
placeholder="请选择期望意愿"
|
|
|
>
|
|
|
<el-option
|
|
@@ -60,11 +60,11 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="异常备注" prop="anomalous_remark">
|
|
|
+ <el-form-item label="异常备注" prop="error_remark">
|
|
|
<el-input
|
|
|
type="textarea"
|
|
|
placeholder="请输入异常原因备注"
|
|
|
- v-model="ruleForm.anomalous_remark"
|
|
|
+ v-model="ruleForm.error_remark"
|
|
|
:disabled="disabled"
|
|
|
maxlength="250"
|
|
|
show-word-limit
|
|
@@ -74,23 +74,27 @@
|
|
|
</el-row>
|
|
|
|
|
|
<el-col :span="24">
|
|
|
- <el-form-item label="异常图片" prop="anomalous_images">
|
|
|
+ <el-form-item label="异常图片" prop="error_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.error_img"
|
|
|
:key="item"
|
|
|
>
|
|
|
<img :src="item" alt="" style="width: 254px; height: 164px" />
|
|
|
- <i class="el-icon-close" @click="imgClose(index)"></i>
|
|
|
+ <i
|
|
|
+ class="el-icon-close"
|
|
|
+ @click="imgClose(index)"
|
|
|
+ v-if="!disabled"
|
|
|
+ ></i>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<div
|
|
|
class="btnupload"
|
|
|
:style="getMargin()"
|
|
|
- v-if="ruleForm.anomalous_images.length < 5 && isShow"
|
|
|
+ v-if="ruleForm.error_img.length < 5 && isShow"
|
|
|
style="position: relative"
|
|
|
@click="open"
|
|
|
>
|
|
@@ -107,7 +111,6 @@
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
-
|
|
|
<el-col :span="24" style="text-align: right">
|
|
|
<el-button
|
|
|
type="primary"
|
|
@@ -119,34 +122,14 @@
|
|
|
>保 存</el-button
|
|
|
>
|
|
|
<el-button
|
|
|
- type="primary"
|
|
|
- @click="statusConfirm('1', '发起审核流程')"
|
|
|
- v-if="status === '0' && powers.some((item) => item == '012')"
|
|
|
- >发起审核流程
|
|
|
- </el-button>
|
|
|
- <el-button
|
|
|
- @click="statusConfirm('0', '取消审核流程')"
|
|
|
- plain
|
|
|
- v-if="status === '1' && powers.some((item) => item == '014')"
|
|
|
- >取消审核流程</el-button
|
|
|
- >
|
|
|
- <el-button
|
|
|
- @click="statusConfirm('-1', '作废该条信息')"
|
|
|
- type="danger"
|
|
|
- plain
|
|
|
+ @click="closeAddEdit"
|
|
|
v-if="
|
|
|
- (status === '0' || status === '1') &&
|
|
|
- powers.some((item) => item == '015')
|
|
|
+ id === 'add' ||
|
|
|
+ (status === '0' && powers.some((item) => item == '005'))
|
|
|
"
|
|
|
- >作废该条信息</el-button
|
|
|
- >
|
|
|
- <el-button
|
|
|
- @click="statusConfirm('2', '通过审核')"
|
|
|
- type="primary"
|
|
|
- v-if="status === '1' && powers.some((item) => item == '016')"
|
|
|
- >通过审核</el-button
|
|
|
- >
|
|
|
- </el-col>
|
|
|
+ >{{ isDetail ? "关 闭" : "取 消" }}</el-button
|
|
|
+ ></el-col
|
|
|
+ >
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</template>
|
|
@@ -155,7 +138,7 @@ import { isnumber } from "@/utils/validate.js";
|
|
|
import asyncRequest from "@/apis/service/sellOut/sellAfterApply";
|
|
|
import resToken from "@/mixins/resToken";
|
|
|
export default {
|
|
|
- name: "handover",
|
|
|
+ name: "sellAfterApplyDetail",
|
|
|
props: ["id", "sitem", "showModelThis", "newTime", "orderCode", "outCode"],
|
|
|
mixins: [resToken],
|
|
|
data() {
|
|
@@ -180,39 +163,38 @@ export default {
|
|
|
hand_name: "", //交接人
|
|
|
ruleForm: {
|
|
|
order_type: "1", //售后类型 1销售2咨询,
|
|
|
- outCode: "", //
|
|
|
- stock_out_numbers: "", //出库单编号
|
|
|
- anomalous_numbers: "", //异常数量
|
|
|
- anomalous_reason: "", //异常原因
|
|
|
- expect_wish: "", //期望意愿
|
|
|
- anomalous_images: [],
|
|
|
- anomalous_remark: "", //异常备注
|
|
|
+ outCode: "", //出库单编号
|
|
|
+ error_num: "", //异常数量
|
|
|
+ error_img: [], //异常图片
|
|
|
+ error_remark: "", //异常备注
|
|
|
+ error_code: "", //异常原因code
|
|
|
+ except_code: [], //期望意愿
|
|
|
},
|
|
|
rulesThis: this.rules,
|
|
|
// 验证规则
|
|
|
rules: {
|
|
|
- anomalous_numbers: [
|
|
|
+ error_num: [
|
|
|
{
|
|
|
required: true,
|
|
|
trigger: "blur",
|
|
|
validator: validatenumbers,
|
|
|
},
|
|
|
],
|
|
|
- anomalous_reason: [
|
|
|
+ error_code: [
|
|
|
{
|
|
|
required: true,
|
|
|
message: "请选择异常原因",
|
|
|
trigger: "change",
|
|
|
},
|
|
|
],
|
|
|
- expect_wish: [
|
|
|
+ except_code: [
|
|
|
{
|
|
|
required: true,
|
|
|
message: "请选择期望意愿",
|
|
|
trigger: "change",
|
|
|
},
|
|
|
],
|
|
|
- anomalous_images: [
|
|
|
+ error_img: [
|
|
|
{
|
|
|
type: "array",
|
|
|
required: true,
|
|
@@ -220,7 +202,7 @@ export default {
|
|
|
trigger: "change",
|
|
|
},
|
|
|
],
|
|
|
- anomalous_remark: [
|
|
|
+ error_remark: [
|
|
|
{
|
|
|
required: true,
|
|
|
message: "请输入异常原因备注",
|
|
@@ -244,7 +226,6 @@ export default {
|
|
|
label: "接受差异改变售价",
|
|
|
},
|
|
|
],
|
|
|
- expect_value: "", //期望意愿
|
|
|
code: "",
|
|
|
};
|
|
|
},
|
|
@@ -252,7 +233,7 @@ export default {
|
|
|
powers() {
|
|
|
let tran =
|
|
|
this.$store.getters.btnList.find(
|
|
|
- (item) => item.menu_route == "handoverDetail"
|
|
|
+ (item) => item.menu_route == "sellAfterApplyDetail"
|
|
|
) || {};
|
|
|
if (tran && tran.action && tran.action.length > 0) {
|
|
|
return tran.action;
|
|
@@ -279,10 +260,9 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
// 关闭弹窗,直接隐藏表单
|
|
|
- // async closeAddEdit() {
|
|
|
- // this.$emit("closeModel", false); //抛出一个事件,关闭弹窗
|
|
|
- //
|
|
|
- // },
|
|
|
+ async closeAddEdit() {
|
|
|
+ this.$emit("closeModel", false); //抛出一个事件,关闭弹窗
|
|
|
+ },
|
|
|
closeAdd() {
|
|
|
this.showModelThis = false;
|
|
|
},
|
|
@@ -304,58 +284,41 @@ export default {
|
|
|
this.loading = false;
|
|
|
},
|
|
|
async initData() {
|
|
|
- console.log(this.sitem);
|
|
|
if (this.sitem) {
|
|
|
- let { returnCode } = this.sitem;
|
|
|
- let model = {
|
|
|
- returnCode,
|
|
|
+ const {
|
|
|
+ error_num,
|
|
|
+ error_img,
|
|
|
+ error_remark,
|
|
|
+ except_code,
|
|
|
+ error_code,
|
|
|
+ outCode,
|
|
|
+ } = this.sitem;
|
|
|
+ console.log(this.sitem);
|
|
|
+ this.ruleForm = {
|
|
|
+ outCode: outCode, //出库单编号
|
|
|
+ error_num: error_num, //异常数量
|
|
|
+ error_code: error_code, //异常原因
|
|
|
+ except_code: except_code, //期望意愿
|
|
|
+ error_img: error_img.split(","),
|
|
|
+ error_remark: error_remark, //异常备注
|
|
|
};
|
|
|
- const res = await asyncRequest.detail(model);
|
|
|
- if (res && res.code === 0 && res.data) {
|
|
|
- let { error_num, error_img, error_remark, except_code, error_code } =
|
|
|
- res.data;
|
|
|
- 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, //异常备注
|
|
|
- };
|
|
|
- } else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
- await this.logout();
|
|
|
- } else {
|
|
|
- this.$message.warning(res.message);
|
|
|
- }
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
async resetForm() {
|
|
|
- this.resign_name = "";
|
|
|
- this.hand_name = "";
|
|
|
- this.status = "";
|
|
|
// 重置
|
|
|
await this.$nextTick(() => {
|
|
|
if (this.$refs.ruleForm) {
|
|
|
this.$refs.ruleForm.resetFields();
|
|
|
this.$refs.ruleForm.clearValidate();
|
|
|
- // console.log(this.sitem);
|
|
|
- // let { outCode } = this.sitem;
|
|
|
- // this.code = outCode;
|
|
|
- // if (this.id === "add") {
|
|
|
- // let OutCode = "";
|
|
|
- // bum.map((ele) => {
|
|
|
- // OutCode = ele.outCode;
|
|
|
- // });
|
|
|
this.ruleForm = {
|
|
|
- anomalous_numbers: "", //异常数量
|
|
|
- anomalous_reason: "", //异常原因
|
|
|
- expect_wish: "", //期望意愿
|
|
|
- anomalous_images: [],
|
|
|
- outCode: this.code,
|
|
|
+ order_type: "1", //售后类型 1销售2咨询,
|
|
|
+ outCode: "", //出库单编号
|
|
|
+ error_num: "", //异常数量
|
|
|
+ error_img: [], //异常图片
|
|
|
+ error_remark: "", //异常备注
|
|
|
+ error_code: "", //异常原因code
|
|
|
+ except_code: "", //期望意愿
|
|
|
};
|
|
|
- // }
|
|
|
}
|
|
|
});
|
|
|
},
|
|
@@ -368,22 +331,19 @@ export default {
|
|
|
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,
|
|
|
+ model.error_img = model.error_img.toString();
|
|
|
+ model.outCode = this.sitem.outCode;
|
|
|
+ model.orderCode = this.sitem.orderCode;
|
|
|
+ model.num = model.error_num;
|
|
|
+ model.remark = model.error_remark;
|
|
|
+ model.img = model.error_img;
|
|
|
+ model.errorCode = model.error_code;
|
|
|
+ delete model["error_num"];
|
|
|
+ delete model["error_remark"];
|
|
|
+ delete model["error_img"];
|
|
|
+ delete model["error_code"];
|
|
|
|
|
|
- errorCode: model.anomalous_reason, //异常原因
|
|
|
- num: model.anomalous_numbers,
|
|
|
- remark: model.anomalous_remark,
|
|
|
- except_code: model.expect_wish,
|
|
|
- img: model.anomalous_images.toString(),
|
|
|
- };
|
|
|
-
|
|
|
- console.log(_model);
|
|
|
- const res = await asyncRequest.add(_model);
|
|
|
+ const res = await asyncRequest.add(model);
|
|
|
|
|
|
if (res && res.code === 0) {
|
|
|
const title = this.id === "add" ? "添加成功!" : "修改成功!";
|
|
@@ -492,20 +452,20 @@ export default {
|
|
|
} else {
|
|
|
this.ruleForm.anomalous_reason = "";
|
|
|
}
|
|
|
- this.$refs.ruleForm.validateField("company_img");
|
|
|
+ this.$refs.ruleForm.validateField("error_code");
|
|
|
},
|
|
|
//图片上传失败
|
|
|
UploadErrorEvent() {
|
|
|
this.$message.error("图片上传失败!");
|
|
|
- this.$refs.ruleForm.validateField("anomalous_images");
|
|
|
+ this.$refs.ruleForm.validateField("error_img");
|
|
|
},
|
|
|
//图片上传成功
|
|
|
UploadSuccessEvent(data) {
|
|
|
if (data && data.url && data.url !== "break") {
|
|
|
const { url } = data.url;
|
|
|
- this.ruleForm.anomalous_images.push(url);
|
|
|
+ this.ruleForm.error_img.push(url);
|
|
|
this.$message.success("图片上传成功!");
|
|
|
- this.$refs.ruleForm.validateField("anomalous_images");
|
|
|
+ this.$refs.ruleForm.validateField("error_img");
|
|
|
}
|
|
|
},
|
|
|
//判断图片规格
|
|
@@ -529,24 +489,23 @@ export default {
|
|
|
this.$message.error("图片大小不能超过 1MB!");
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
return isJPG && isLt2M;
|
|
|
},
|
|
|
imgClose(index) {
|
|
|
- this.ruleForm.anomalous_images.splice(index, 1);
|
|
|
- this.$refs.ruleForm.validateField("anomalous_images");
|
|
|
+ this.ruleForm.error_img.splice(index, 1);
|
|
|
+ this.$refs.ruleForm.validateField("error_img");
|
|
|
},
|
|
|
getMargin() {
|
|
|
- if (this.ruleForm.anomalous_images.length == 0) {
|
|
|
+ if (this.ruleForm.error_img.length == 0) {
|
|
|
return "margin:0;";
|
|
|
- } else if (this.ruleForm.anomalous_images.length < 3) {
|
|
|
+ } else if (this.ruleForm.error_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.error_img.length <= 3) {
|
|
|
return "margin:0 0 0 10px";
|
|
|
} else {
|
|
|
return "margin:10px 0 0 10px";
|