首页接口

ZZJ

2022-04-02 45faaf27722588e92050e2e3eace9b3704377048

 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: "获取验证码",
@@ -95,18 +107,32 @@
    },
    //获取验证码
    getCode() {
      let loginName = JSON.parse(sessionStorage.getItem("userInfo")).username;
      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,
        username: loginName,
      }).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;
        }
      });
    },
  },
};