From 10c762851cf552a75c61ff5b1bcf4057028f0179 Mon Sep 17 00:00:00 2001
From: ZZJ <10913410+zzj2100@user.noreply.gitee.com>
Date: 星期五, 15 七月 2022 14:44:45 +0800
Subject: [PATCH] bug修复

---
 src/views/connectUs/components/consult.vue |   64 ++++++++++++++++++++++----------
 1 files changed, 44 insertions(+), 20 deletions(-)

diff --git a/src/views/connectUs/components/consult.vue b/src/views/connectUs/components/consult.vue
index ffc06a4..a549429 100644
--- a/src/views/connectUs/components/consult.vue
+++ b/src/views/connectUs/components/consult.vue
@@ -17,8 +17,8 @@
         label-position="left"
         label-width="100px"
       >
-        <el-form-item prop="name" label="鎮ㄧ殑濮撳悕">
-          <el-input v-model="formData.name"></el-input>
+        <el-form-item prop="username" label="鎮ㄧ殑濮撳悕">
+          <el-input v-model="formData.username"></el-input>
         </el-form-item>
 
         <el-form-item prop="phoneNum" label="鎮ㄧ殑鎵嬫満鍙�">
@@ -41,37 +41,49 @@
           >
         </el-form-item>
 
-        <el-form-item prop="mail" label="鎮ㄧ殑閭">
-          <el-input v-model="formData.mail"> </el-input>
+        <el-form-item prop="email" label="鎮ㄧ殑閭">
+          <el-input v-model="formData.email"> </el-input>
         </el-form-item>
         <el-form-item label="鎮ㄧ殑鍏徃">
           <el-input v-model="formData.company"> </el-input>
         </el-form-item>
-        <el-form-item prop="detail" label="鎮ㄦ兂浜嗚В浠�涔�">
-          <el-input v-model="formData.detail" type="textarea" :rows="4">
+        <el-form-item prop="contents" label="鎯充簡瑙ｄ粈涔�">
+          <el-input v-model="formData.contents" type="textarea" :rows="4">
           </el-input>
         </el-form-item>
 
-        <div class="button">鎻愪氦</div>
+        <div class="button" @click="submit">鎻愪氦</div>
       </el-form>
     </div>
   </div>
 </template>
 
 <script>
-import { getVerifyCode } from "@/api/login";
+import { getVerifyCode, saveConnectUs } from "@/api/login";
 export default {
   data() {
     return {
       formData: {
-        name: "",
+        username: "",
         phoneNum: "",
         verifyCode: "",
-        mail: "",
+        email: "",
         company: "",
-        detail: "",
+        contents: "",
       },
-      rules: {},
+      rules: {
+        username: [{ required: true, message: "璇疯緭鍏ュ鍚�", trigger: "blur" }],
+        phoneNum: [
+          { required: true, message: "璇疯緭鍏ユ墜鏈哄彿", trigger: "blur" },
+        ],
+        verifyCode: [
+          { required: true, message: "璇疯緭鍏ラ獙璇佺爜", trigger: "blur" },
+        ],
+        email: [{ required: true, message: "璇疯緭鍏ラ偖绠�", trigger: "blur" }],
+        contents: [
+          { required: true, message: "璇疯緭鍏ユ偍鎯充簡瑙ｄ粈涔�", trigger: "blur" },
+        ],
+      },
       codeDisabled: false,
       countdown: 60,
       codeMsg: "鑾峰彇楠岃瘉鐮�",
@@ -98,15 +110,27 @@
       this.codeDisabled = true;
       this.getValidStr();
       this.timer = setInterval(this.getValidStr, 1000);
-      getVerifyCode({ phoneNum: this.formData.phoneNum, type: 1 })
-        .then(() => {
-          this.gotCode = true;
-        })
-        .catch((err) => {
-          if (err.data) {
-            console.log(err);
+      getVerifyCode({
+        phoneNum: this.formData.phoneNum,
+      }).then(() => {
+        this.gotCode = true;
+      });
+    },
+
+    submit() {
+      this.$refs["userForm"].validate(async (valid) => {
+        if (valid) {
+          const res = await saveConnectUs(this.formData);
+          if (res.success) {
+            this.$notify({
+              type: "success",
+              message: "鎻愪氦鎴愬姛!",
+            });
           }
-        });
+        } else {
+          return false;
+        }
+      });
     },
   },
 };

--
Gitblit v1.8.0