|
@@ -11,7 +11,7 @@
|
|
|
class="demo-ruleForm"
|
|
|
>
|
|
|
<el-row>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="12" v-show="return_tag === '2'">
|
|
|
<el-form-item label="仓库信息" prop="wsm_supplierNo">
|
|
|
<search-supplier
|
|
|
:size="'mini'"
|
|
@@ -26,7 +26,7 @@
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :span="10">
|
|
|
+ <el-col :span="12" v-show="return_tag === '2'">
|
|
|
<el-form-item prop="wsm_code" label-width="10px">
|
|
|
<search-stock
|
|
|
:size="'mini'"
|
|
@@ -45,49 +45,50 @@
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+
|
|
|
<el-col
|
|
|
- :span="2"
|
|
|
- style="text-align: right"
|
|
|
- v-if="status === '3' && powers.some((item) => item == '083')"
|
|
|
+ :span="24"
|
|
|
+ v-if="
|
|
|
+ (ruleForm.wsm_code &&
|
|
|
+ ruleForm.wsm_code.length === 1 &&
|
|
|
+ return_tag === '2') ||
|
|
|
+ return_tag == '1'
|
|
|
+ "
|
|
|
>
|
|
|
- <el-button type="primary" @click="submitForm" size="mini"
|
|
|
- >保 存</el-button
|
|
|
- >
|
|
|
- </el-col>
|
|
|
- <el-col v-if="ruleForm.wsm_code && ruleForm.wsm_code.length === 1">
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="收件人">
|
|
|
+ <el-form-item label="收件人" prop="contactor">
|
|
|
<el-input
|
|
|
- disabled
|
|
|
+ :disabled="return_tag === '2'"
|
|
|
v-model="ruleForm.contactor"
|
|
|
placeholder="收件人"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="收件人电话">
|
|
|
+ <el-form-item label="收件人电话" prop="mobile">
|
|
|
<el-input
|
|
|
- disabled
|
|
|
+ :disabled="return_tag === '2'"
|
|
|
v-model="ruleForm.mobile"
|
|
|
placeholder="收件人电话"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label="退回地址">
|
|
|
+ <el-form-item label="退回地址" prop="addr_code">
|
|
|
<select-area
|
|
|
:placeholder="'省/市/区'"
|
|
|
:value="ruleForm.addr_code"
|
|
|
:is-detail="true"
|
|
|
:size="'mini'"
|
|
|
- :disabled="true"
|
|
|
+ @selectChange="addr_selectChange"
|
|
|
+ :disabled="return_tag === '2'"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item label-width="10px">
|
|
|
+ <el-form-item label-width="10px" prop="addr">
|
|
|
<el-input
|
|
|
- disabled
|
|
|
+ :disabled="return_tag === '2'"
|
|
|
v-model="ruleForm.addr"
|
|
|
maxlength="250"
|
|
|
placeholder="退回地址"
|
|
@@ -95,23 +96,62 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
+ <el-col
|
|
|
+ :span="24"
|
|
|
+ style="text-align: right; padding: 0 0 15px 0"
|
|
|
+ v-if="status === '3' && powers.some((item) => item == '083')"
|
|
|
+ >
|
|
|
+ <el-button type="primary" @click="submitForm" size="mini"
|
|
|
+ >保 存</el-button
|
|
|
+ >
|
|
|
+ </el-col>
|
|
|
</el-row>
|
|
|
</el-form>
|
|
|
</template>
|
|
|
<script>
|
|
|
import asyncRequest from "@/apis/service/sellOut/sellAfterApply";
|
|
|
import resToken from "@/mixins/resToken";
|
|
|
+import { isMobile, isChinese, isEmoticon } from "@/utils/validate";
|
|
|
export default {
|
|
|
name: "sellAfterApplyDetail",
|
|
|
props: ["id", "newTime", "sitem"],
|
|
|
mixins: [resToken],
|
|
|
data() {
|
|
|
+ const validatename = (rule, value, callback) => {
|
|
|
+ if (value === "") {
|
|
|
+ callback(new Error("收件人不能为空!"));
|
|
|
+ } else {
|
|
|
+ if (value.length < 2 || value.length > 12) {
|
|
|
+ callback(new Error("收件人规则为2~12位汉字!"));
|
|
|
+ } else {
|
|
|
+ if (!isChinese(value)) {
|
|
|
+ callback(new Error("收件人规则为2~12位汉字!"));
|
|
|
+ } else if (isEmoticon(value)) {
|
|
|
+ callback(new Error("收件人规则为2~12位汉字!"));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+ const validatemobile = (rule, value, callback) => {
|
|
|
+ if (value === "") {
|
|
|
+ callback(new Error("手机号不能为空!"));
|
|
|
+ } else {
|
|
|
+ if (!isMobile(value)) {
|
|
|
+ callback(new Error("手机号格式不正确!"));
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
return {
|
|
|
loading: false,
|
|
|
status: "", //存储详情接口返的状态
|
|
|
showModelThis: this.showModel,
|
|
|
wsm_supplier_name: "",
|
|
|
wsm_code_name: "",
|
|
|
+ return_tag: "",
|
|
|
ruleForm: {
|
|
|
wsm_supplier: "",
|
|
|
wsm_supplierNo: [],
|
|
@@ -141,11 +181,35 @@ export default {
|
|
|
message: "请选择退货仓库",
|
|
|
},
|
|
|
],
|
|
|
- },
|
|
|
- pageInfo: {
|
|
|
- size: 15,
|
|
|
- curr: 1,
|
|
|
- total: 0,
|
|
|
+ contactor: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ trigger: "blur",
|
|
|
+ validator: validatename,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ mobile: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ trigger: "blur",
|
|
|
+ validator: validatemobile,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ addr_code: [
|
|
|
+ {
|
|
|
+ type: "array",
|
|
|
+ required: true,
|
|
|
+ trigger: "change",
|
|
|
+ message: "请选择省市区",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ addr: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ trigger: "blur",
|
|
|
+ message: "请输入详细地址",
|
|
|
+ },
|
|
|
+ ],
|
|
|
},
|
|
|
};
|
|
|
},
|
|
@@ -199,9 +263,11 @@ export default {
|
|
|
wsm_name,
|
|
|
addr_code,
|
|
|
addrs_code,
|
|
|
+ return_tag,
|
|
|
} = this.sitem;
|
|
|
|
|
|
this.status = status;
|
|
|
+ this.return_tag = return_tag || "";
|
|
|
this.wsm_supplier_name = wsm_supplier;
|
|
|
this.wsm_code_name = wsm_name;
|
|
|
this.wsm_supplier_code = wsm_supplierNo;
|
|
@@ -223,6 +289,8 @@ export default {
|
|
|
? [provice_code, city_code, area_code]
|
|
|
: [];
|
|
|
}
|
|
|
+ this.rulesThis.wsm_supplierNo[0].required = this.return_tag === "2";
|
|
|
+ this.rulesThis.wsm_code[0].required = this.return_tag === "2";
|
|
|
}
|
|
|
});
|
|
|
},
|
|
@@ -292,6 +360,10 @@ export default {
|
|
|
? [provice_code, city_code, area_code]
|
|
|
: [];
|
|
|
},
|
|
|
+ addr_selectChange(e) {
|
|
|
+ this.ruleForm.addr_code = e || [];
|
|
|
+ this.$refs.ruleForm.validateField("addr_code");
|
|
|
+ },
|
|
|
},
|
|
|
};
|
|
|
</script>
|