|
|
@@ -1,24 +1,24 @@
|
|
|
<template>
|
|
|
<el-dialog
|
|
|
+ v-loading="loading"
|
|
|
:title="'新建退货单'"
|
|
|
:center="true"
|
|
|
align="left"
|
|
|
top="8vh"
|
|
|
width="950px"
|
|
|
- @close="showModelThis = false"
|
|
|
:close-on-click-modal="false"
|
|
|
:visible.sync="showModelThis"
|
|
|
- v-loading="loading"
|
|
|
element-loading-text="拼命加载中"
|
|
|
element-loading-spinner="el-icon-loading"
|
|
|
element-loading-background="rgba(0, 0, 0, 0.8)"
|
|
|
+ @close="showModelThis = false"
|
|
|
>
|
|
|
<el-card style="margin: -20px 0 0 0">
|
|
|
<el-form
|
|
|
+ ref="ruleForm"
|
|
|
:model="ruleForm"
|
|
|
status-icon
|
|
|
:rules="rulesThis"
|
|
|
- ref="ruleForm"
|
|
|
:size="'mini'"
|
|
|
label-width="80px"
|
|
|
class="demo-ruleForm"
|
|
|
@@ -30,16 +30,15 @@
|
|
|
v-model="ruleForm.return_type"
|
|
|
style="width: 100%"
|
|
|
:disabled="type_change"
|
|
|
- @change="return_type_change"
|
|
|
placeholder="退货类型"
|
|
|
+ @change="return_type_change"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="item in options"
|
|
|
:key="item.value"
|
|
|
:label="item.label"
|
|
|
:value="item.value"
|
|
|
- >
|
|
|
- </el-option>
|
|
|
+ />
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -57,16 +56,15 @@
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="退货备注" prop="remark">
|
|
|
<el-input
|
|
|
+ v-model="ruleForm.remark"
|
|
|
:disabled="isDetail"
|
|
|
type="textarea"
|
|
|
:rows="2"
|
|
|
maxlength="250"
|
|
|
show-word-limit
|
|
|
placeholder="请填写备注"
|
|
|
- v-model="ruleForm.remark"
|
|
|
- /> </el-form-item
|
|
|
- ></el-col>
|
|
|
- <el-col :span="24" v-show="ruleForm.return_type + '' === '2'">
|
|
|
+ /> </el-form-item></el-col>
|
|
|
+ <el-col v-show="ruleForm.return_type + '' === '2'" :span="24">
|
|
|
<el-form-item label="收货信息" :size="'mini'" required>
|
|
|
<el-table
|
|
|
:data="get_product_go"
|
|
|
@@ -84,8 +82,7 @@
|
|
|
{{ scope.row.contactor }}-{{ scope.row.mobile }}-{{
|
|
|
scope.row.addr_info
|
|
|
}}{{ scope.row.addr }}
|
|
|
- </template></el-table-column
|
|
|
- >
|
|
|
+ </template></el-table-column>
|
|
|
<!-- <el-table-column label="发货状态" prop="status" width="100px">
|
|
|
<template slot-scope="scope">
|
|
|
<el-tag
|
|
|
@@ -111,7 +108,7 @@
|
|
|
:max="scope.row.send_num"
|
|
|
:position="'right'"
|
|
|
:precision="0"
|
|
|
- :newTime="scope.row.newTime"
|
|
|
+ :new-time="scope.row.newTime"
|
|
|
:size="'mini'"
|
|
|
:controls="false"
|
|
|
:append="''"
|
|
|
@@ -125,33 +122,33 @@
|
|
|
<el-table-column fixed="right" label="操作" width="50">
|
|
|
<template slot-scope="scope">
|
|
|
<el-tooltip
|
|
|
- effect="dark"
|
|
|
- content="编辑"
|
|
|
v-if="
|
|
|
!scope.row.edit &&
|
|
|
- (scope.row.status + '' === '0' || scope.row.status + '' === '1')
|
|
|
+ (scope.row.status + '' === '0' || scope.row.status + '' === '1')
|
|
|
"
|
|
|
+ effect="dark"
|
|
|
+ content="编辑"
|
|
|
placement="top"
|
|
|
>
|
|
|
<i
|
|
|
class="el-icon-edit tb-icon"
|
|
|
@click="editRow(scope.$index, 1)"
|
|
|
- ></i>
|
|
|
+ />
|
|
|
</el-tooltip>
|
|
|
|
|
|
<el-tooltip
|
|
|
- effect="dark"
|
|
|
- content="保存"
|
|
|
v-if="
|
|
|
scope.row.edit &&
|
|
|
- (scope.row.status + '' === '0' || scope.row.status + '' === '1')
|
|
|
+ (scope.row.status + '' === '0' || scope.row.status + '' === '1')
|
|
|
"
|
|
|
+ effect="dark"
|
|
|
+ content="保存"
|
|
|
placement="top"
|
|
|
>
|
|
|
<i
|
|
|
class="el-icon-circle-check tb-icon"
|
|
|
@click="checkRow(scope.$index, 1)"
|
|
|
- ></i>
|
|
|
+ />
|
|
|
</el-tooltip>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
@@ -167,7 +164,7 @@
|
|
|
:disabled="true"
|
|
|
placeholder="可退数量"
|
|
|
maxlength="10"
|
|
|
- ></el-input>
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
|
|
|
@@ -189,12 +186,17 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8" style="text-align: right">
|
|
|
- <el-button type="primary" @click="submitForm" :size="'mini'"
|
|
|
- >保 存
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ :size="'mini'"
|
|
|
+ @click="submitForm"
|
|
|
+ >保 存
|
|
|
</el-button>
|
|
|
- <el-button @click="showModelThis = false" v-if="!isDetail" :size="'mini'"
|
|
|
- >关 闭</el-button
|
|
|
- >
|
|
|
+ <el-button
|
|
|
+ v-if="!isDetail"
|
|
|
+ :size="'mini'"
|
|
|
+ @click="showModelThis = false"
|
|
|
+ >关 闭</el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-col>
|
|
|
@@ -204,253 +206,257 @@
|
|
|
</el-dialog>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import asyncRequest from "@/apis/service/sellOut/sellReturn";
|
|
|
-import resToken from "@/mixins/resToken";
|
|
|
-import { isnumber } from "@/utils/validate";
|
|
|
+import asyncRequest from '@/apis/service/sellOut/sellReturn'
|
|
|
+import resToken from '@/mixins/resToken'
|
|
|
+import { isnumber } from '@/utils/validate'
|
|
|
export default {
|
|
|
- name: "sellReturn",
|
|
|
- props: ["showModel", "id", "isDetail", "sitem"],
|
|
|
+ name: 'SellReturn',
|
|
|
mixins: [resToken],
|
|
|
+ props: ['showModel', 'id', 'isDetail', 'sitem'],
|
|
|
data() {
|
|
|
return {
|
|
|
loading: false,
|
|
|
showModelThis: this.showModel,
|
|
|
statusOptions: [
|
|
|
- { id: "0", label: "待公司采购" },
|
|
|
- { id: "1", label: "待库管发货" },
|
|
|
- { id: "2", label: "已发货待收货" },
|
|
|
- { id: "3", label: "已收货" },
|
|
|
- { id: "4", label: "已全部退货" },
|
|
|
+ { id: '0', label: '待公司采购' },
|
|
|
+ { id: '1', label: '待库管发货' },
|
|
|
+ { id: '2', label: '已发货待收货' },
|
|
|
+ { id: '3', label: '已收货' },
|
|
|
+ { id: '4', label: '已全部退货' }
|
|
|
],
|
|
|
ruleForm: {
|
|
|
- good_num: "",
|
|
|
- thnum: "",
|
|
|
- return_type: "1",
|
|
|
- orderCode: "", //发货申请单编号
|
|
|
- remark: "", //退货备注
|
|
|
- errorCode: "", //退货原因
|
|
|
- returnT: "",
|
|
|
+ good_num: '',
|
|
|
+ thnum: '',
|
|
|
+ return_type: '1',
|
|
|
+ orderCode: '', // 发货申请单编号
|
|
|
+ remark: '', // 退货备注
|
|
|
+ errorCode: '', // 退货原因
|
|
|
+ returnT: ''
|
|
|
},
|
|
|
rulesThis: this.rules,
|
|
|
options: [
|
|
|
{
|
|
|
- value: "1",
|
|
|
- label: "无地址",
|
|
|
+ value: '1',
|
|
|
+ label: '无地址'
|
|
|
},
|
|
|
{
|
|
|
- value: "2",
|
|
|
- label: "有地址",
|
|
|
- },
|
|
|
+ value: '2',
|
|
|
+ label: '有地址'
|
|
|
+ }
|
|
|
],
|
|
|
rules: {
|
|
|
errorCode: [
|
|
|
{
|
|
|
required: true,
|
|
|
- message: "请选择退货原因",
|
|
|
- trigger: "change",
|
|
|
- },
|
|
|
+ message: '请选择退货原因',
|
|
|
+ trigger: 'change'
|
|
|
+ }
|
|
|
],
|
|
|
good_num: [
|
|
|
{
|
|
|
required: true,
|
|
|
- message: "请输入购买数量",
|
|
|
- trigger: "blur",
|
|
|
- },
|
|
|
+ message: '请输入购买数量',
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
],
|
|
|
thnum: [
|
|
|
{
|
|
|
required: true,
|
|
|
- message: "请输入退货数量",
|
|
|
- trigger: "blur",
|
|
|
- },
|
|
|
+ message: '请输入退货数量',
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
],
|
|
|
remark: [
|
|
|
{
|
|
|
required: true,
|
|
|
- message: "请输入退货备注",
|
|
|
- trigger: "blur",
|
|
|
- },
|
|
|
+ message: '请输入退货备注',
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
],
|
|
|
return_type: [
|
|
|
{
|
|
|
required: true,
|
|
|
- message: "请选择退货类型",
|
|
|
- trigger: "change",
|
|
|
- },
|
|
|
- ],
|
|
|
+ message: '请选择退货类型',
|
|
|
+ trigger: 'change'
|
|
|
+ }
|
|
|
+ ]
|
|
|
},
|
|
|
get_product_go: [],
|
|
|
noAddrT: 0,
|
|
|
hasAddrT: 0,
|
|
|
- type_change: true,
|
|
|
- };
|
|
|
+ type_change: true
|
|
|
+ }
|
|
|
},
|
|
|
watch: {
|
|
|
- showModel: function (val) {
|
|
|
- this.showModelThis = val;
|
|
|
+ showModel: function(val) {
|
|
|
+ this.showModelThis = val
|
|
|
if (val) {
|
|
|
- this.initForm();
|
|
|
+ this.initForm()
|
|
|
}
|
|
|
},
|
|
|
showModelThis(val) {
|
|
|
if (!val) {
|
|
|
- this.$emit("cancel");
|
|
|
+ this.$emit('cancel')
|
|
|
}
|
|
|
- },
|
|
|
+ }
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
errorCode_change(e) {
|
|
|
- this.ruleForm.errorCode = e && e.code ? e.code : "";
|
|
|
- this.$refs.ruleForm.validateField("errorCode");
|
|
|
+ this.ruleForm.errorCode = e && e.code ? e.code : ''
|
|
|
+ this.$refs.ruleForm.validateField('errorCode')
|
|
|
},
|
|
|
async initForm() {
|
|
|
- this.loading = true;
|
|
|
- this.rulesThis = this.rules;
|
|
|
- await this.resetForm();
|
|
|
- this.loading = false;
|
|
|
+ this.loading = true
|
|
|
+ this.rulesThis = this.rules
|
|
|
+ await this.resetForm()
|
|
|
+ this.loading = false
|
|
|
},
|
|
|
async number_change(e, key, index) {
|
|
|
if (index === undefined) {
|
|
|
- this.ruleForm[key] = e + "" || "0";
|
|
|
- this.$refs.ruleForm.validateField(key);
|
|
|
+ this.ruleForm[key] = e + '' || '0'
|
|
|
+ this.$refs.ruleForm.validateField(key)
|
|
|
} else {
|
|
|
- this.get_product_go[index][key] = e + "" || "0";
|
|
|
+ this.get_product_go[index][key] = e + '' || '0'
|
|
|
// this.get_product_go[index].newTime = new Date().valueOf() + "";
|
|
|
|
|
|
- this.$set(this.get_product_go, index, this.get_product_go[index]);
|
|
|
- this.ruleForm.thnum = 0;
|
|
|
+ this.$set(this.get_product_go, index, this.get_product_go[index])
|
|
|
+ this.ruleForm.thnum = 0
|
|
|
this.get_product_go.forEach((s) => {
|
|
|
- this.ruleForm.thnum += parseInt(s.return_num + "");
|
|
|
- });
|
|
|
+ this.ruleForm.thnum += parseInt(s.return_num + '')
|
|
|
+ })
|
|
|
}
|
|
|
},
|
|
|
return_type_change() {
|
|
|
- const { return_type } = this.ruleForm;
|
|
|
- this.ruleForm.returnT = return_type === "1" ? this.noAddrT : this.hasAddrT;
|
|
|
+ const { return_type } = this.ruleForm
|
|
|
+ this.ruleForm.returnT = return_type === '1' ? this.noAddrT : this.hasAddrT
|
|
|
},
|
|
|
async resetForm() {
|
|
|
// 重置
|
|
|
await this.$nextTick(() => {
|
|
|
if (this.$refs.ruleForm) {
|
|
|
- this.$refs.ruleForm.resetFields();
|
|
|
- this.$refs.ruleForm.clearValidate();
|
|
|
+ this.$refs.ruleForm.resetFields()
|
|
|
+ this.$refs.ruleForm.clearValidate()
|
|
|
const {
|
|
|
good_num,
|
|
|
orderCode,
|
|
|
return_type,
|
|
|
- remark, //退货备注
|
|
|
- errorCode, //退货原因
|
|
|
+ remark, // 退货备注
|
|
|
+ errorCode, // 退货原因
|
|
|
thnum,
|
|
|
returnT,
|
|
|
- returnAddr,
|
|
|
- } = this.sitem;
|
|
|
+ returnAddr
|
|
|
+ } = this.sitem
|
|
|
this.ruleForm = {
|
|
|
good_num,
|
|
|
thnum,
|
|
|
return_type,
|
|
|
- orderCode, //发货申请单编号
|
|
|
- remark, //退货备注
|
|
|
- errorCode, //退货原因
|
|
|
+ orderCode, // 发货申请单编号
|
|
|
+ remark, // 退货备注
|
|
|
+ errorCode, // 退货原因
|
|
|
returnT,
|
|
|
- returnAddr: [],
|
|
|
- };
|
|
|
+ returnAddr: []
|
|
|
+ }
|
|
|
returnAddr.map((s) => {
|
|
|
- s.return_num = s.send_num;
|
|
|
- s.edit = false;
|
|
|
- s.newTime = new Date().valueOf() + "";
|
|
|
- return s;
|
|
|
- });
|
|
|
+ s.return_num = s.send_num
|
|
|
+ s.edit = false
|
|
|
+ s.newTime = new Date().valueOf() + ''
|
|
|
+ return s
|
|
|
+ })
|
|
|
|
|
|
- this.get_product_go = returnAddr;
|
|
|
+ this.get_product_go = returnAddr
|
|
|
}
|
|
|
- });
|
|
|
+ })
|
|
|
},
|
|
|
|
|
|
async submitForm() {
|
|
|
- await this.$refs.ruleForm.validate(async (valid) => {
|
|
|
+ await this.$refs.ruleForm.validate(async(valid) => {
|
|
|
if (valid) {
|
|
|
- if (this.loading) return;
|
|
|
- const index = this.get_product_go.findIndex((v) => v.edit === true);
|
|
|
+ if (this.loading) return
|
|
|
+ const index = this.get_product_go.findIndex((v) => v.edit === true)
|
|
|
if (index !== -1) {
|
|
|
- this.$message.warning("请保存完当前行！");
|
|
|
- return;
|
|
|
+ this.$message.warning('请保存完当前行！')
|
|
|
+ return
|
|
|
}
|
|
|
- this.loading = true;
|
|
|
- let model = JSON.parse(JSON.stringify(this.ruleForm));
|
|
|
- const { good_num, thnum, return_type } = model;
|
|
|
- if (thnum + "" === "0") {
|
|
|
- this.$message.warning("退货数量不能为0！");
|
|
|
- this.loading = false;
|
|
|
- return;
|
|
|
+ this.loading = true
|
|
|
+ const model = JSON.parse(JSON.stringify(this.ruleForm))
|
|
|
+ const { good_num, thnum, return_type } = model
|
|
|
+ if (thnum + '' === '0') {
|
|
|
+ this.$message.warning('退货数量不能为0！')
|
|
|
+ this.loading = false
|
|
|
+ return
|
|
|
}
|
|
|
- if (parseInt(good_num + "") < parseInt(thnum + "")) {
|
|
|
- this.$message.warning("退货数量不能大于可退数量！");
|
|
|
- this.loading = false;
|
|
|
- return;
|
|
|
+ if (parseInt(good_num + '') < parseInt(thnum + '')) {
|
|
|
+ this.$message.warning('退货数量不能大于可退数量！')
|
|
|
+ this.loading = false
|
|
|
+ return
|
|
|
}
|
|
|
- if (return_type + "" === "2") {
|
|
|
+ if (return_type + '' === '2') {
|
|
|
// model.returnAddr[0].return_num = thnum;
|
|
|
this.get_product_go.forEach((s) => {
|
|
|
- const { addrid, return_num } = s;
|
|
|
+ const { addrid, return_num } = s
|
|
|
const item = {
|
|
|
id: addrid,
|
|
|
- return_num,
|
|
|
- };
|
|
|
- model.returnAddr.push(item);
|
|
|
- });
|
|
|
+ return_num
|
|
|
+ }
|
|
|
+ model.returnAddr.push(item)
|
|
|
+ })
|
|
|
}
|
|
|
|
|
|
- const { code, data, message } = await asyncRequest.add(model);
|
|
|
- this.loading = false;
|
|
|
+ const { code, data, message } = await asyncRequest.add(model)
|
|
|
+ this.loading = false
|
|
|
if (code === 0) {
|
|
|
this.$notify.success({
|
|
|
- title: "添加成功",
|
|
|
- message: "",
|
|
|
- });
|
|
|
- this.showModelThis = false;
|
|
|
+ title: '添加成功',
|
|
|
+ message: ''
|
|
|
+ })
|
|
|
+ this.showModelThis = false
|
|
|
// 刷新
|
|
|
- this.$emit("refresh", false);
|
|
|
+ this.$emit('refresh', false)
|
|
|
} else if (code >= 100 && code <= 104) {
|
|
|
- await this.logout();
|
|
|
+ await this.logout()
|
|
|
} else {
|
|
|
- this.$message.warning(message);
|
|
|
+ this.$message.warning(message)
|
|
|
}
|
|
|
} else {
|
|
|
- return false;
|
|
|
+ return false
|
|
|
}
|
|
|
- });
|
|
|
+ })
|
|
|
},
|
|
|
- //保存某一行
|
|
|
+ // 保存某一行
|
|
|
checkRow(rowIndex) {
|
|
|
- const { wsend_num, return_num } = this.get_product_go[rowIndex];
|
|
|
+ const { wsend_num, return_num } = this.get_product_go[rowIndex]
|
|
|
if (!isnumber(return_num)) {
|
|
|
- this.$message.warning("退货数量不规范！");
|
|
|
- return;
|
|
|
+ this.$message.warning('退货数量不规范！')
|
|
|
+ return
|
|
|
}
|
|
|
if (parseInt(wsend_num) < parseInt(return_num)) {
|
|
|
- this.$message.warning("退货数量不能大于未发货总数量！");
|
|
|
- return;
|
|
|
+ this.$message.warning('退货数量不能大于未发货总数量！')
|
|
|
+ return
|
|
|
}
|
|
|
- this.get_product_go[rowIndex].edit = false;
|
|
|
- this.get_product_go[rowIndex].newTime = new Date().valueOf() + "";
|
|
|
- this.$set(this.get_product_go, rowIndex, this.get_product_go[rowIndex]);
|
|
|
+ this.get_product_go[rowIndex].edit = false
|
|
|
+ this.get_product_go[rowIndex].newTime = new Date().valueOf() + ''
|
|
|
+ this.$set(this.get_product_go, rowIndex, this.get_product_go[rowIndex])
|
|
|
},
|
|
|
- //编辑某一行
|
|
|
+ // 编辑某一行
|
|
|
editRow(rowIndex) {
|
|
|
- let list = JSON.parse(JSON.stringify(this.get_product_go));
|
|
|
- console.log(list);
|
|
|
- let index = list.findIndex((v) => v.edit === true);
|
|
|
+ const list = JSON.parse(JSON.stringify(this.get_product_go))
|
|
|
+ const index = list.findIndex((v) => v.edit === true)
|
|
|
if (index !== -1) {
|
|
|
- this.$message.warning("请完成其他行的编辑！");
|
|
|
- return;
|
|
|
+ this.$message.warning('请完成其他行的编辑！')
|
|
|
+ return
|
|
|
}
|
|
|
- this.get_product_go[rowIndex].edit = true;
|
|
|
- this.get_product_go[rowIndex].newTime = new Date().valueOf() + "";
|
|
|
- this.$set(this.get_product_go, rowIndex, this.get_product_go[rowIndex]);
|
|
|
- },
|
|
|
- },
|
|
|
-};
|
|
|
+
|
|
|
+ this.$set(this.get_product_go, rowIndex, {
|
|
|
+ ...this.get_product_go[rowIndex],
|
|
|
+ edit: true
|
|
|
+ })
|
|
|
+ // this.get_product_go[rowIndex].edit = true
|
|
|
+ this.get_product_go[rowIndex].newTime = new Date().valueOf() + ''
|
|
|
+ this.$set(this.get_product_go, rowIndex, this.get_product_go[rowIndex])
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped></style>
|
