1

src/views/sellOut/sellAfterApply/components/express_feedback.vue

@@ -49,9 +49,10 @@
       <el-col
         :span="24"
         v-if="
-          ruleForm.wsm_code &&
-          ruleForm.wsm_code.length === 1 &&
-          return_tag === '2'||return_tag=='1'
+          (ruleForm.wsm_code &&
+            ruleForm.wsm_code.length === 1 &&
+            return_tag === '2') ||
+          return_tag == '1'
         "
       >
         <el-col :span="12">
@@ -73,12 +74,13 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="退回地址" prop="mobile">
+          <el-form-item label="退回地址" prop="addr_code">
             <select-area
               :placeholder="'省/市/区'"
               :value="ruleForm.addr_code"
               :is-detail="true"
               :size="'mini'"
+              @selectChange="addr_selectChange"
               :disabled="return_tag === '2'"
             />
           </el-form-item>
@@ -109,11 +111,40 @@
 <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: "", //存储详情接口返的状态
@@ -150,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: "请输入详细地址",
+          },
+        ],
       },
     };
   },
@@ -234,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";
         }
       });
     },
@@ -303,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>

src/views/sellOut/sellAfterApply/detail.vue

@@ -126,13 +126,6 @@
                 @refresh="initData"
               ></express-feedback>
             </el-collapse-item>
-            <el-collapse-item
-              title="用户退货"
-              name="4"
-              v-if="sitem && sitem.order_type !== '1' && status == '4'"
-            >
-              用户退货
-            </el-collapse-item>
           </el-collapse>
         </el-tab-pane>
         <el-tab-pane label="审批记录" name="2">