qgb-process 0.2.3 → 0.2.7

package/src/components/public/components/QuickGoods.vue

@@ -1,273 +1,273 @@
-<!-- /**
-* 作用于哪些页面
-* 注明代码业务/功能说明
-* @authors zzt
-* @date 2019-04-16
-* @version 1.0.0
-
-*/ -->
-
-<template>
-  <div>
-    <el-dialog title="快速找货"  :visible.sync="dialogFormVisible" width="25%">
-      <div slot="title" class="header-title">
-          <span style="font-size:24px;color:#09c;font-weight:bolder;">快速找货</span>
-          <span style="color:#09c;margin-left:5px;">让您的采购又快又省</span>
-      </div>
-      <el-form :model="form" :rules="rules" :label-position="labelPosition" label-width="90px" ref="form">
-        <el-form-item label="需求分类:" prop="selectedOptions">
-         <el-select v-model="form.selectedOptions"  placeholder="请选择需求分类" @change="handleChange(form.selectedOptions)">
-            <el-option
-              v-for="item in options"
-              :key="item.id"
-              :label="item.name"
-              :value="item.id"
-              >
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="详细描述:" prop="desc" >
-         <el-input type="textarea" rows="5" maxlength="500" placeholder="请写下您的真实需求，包括品种、牌号、厂家等，收到后我们会立即给您回电确认"  v-model="form.desc"></el-input>
-        </el-form-item>
-        <el-form-item label="手机号码:" prop="tel" >
-          <el-input v-model="form.tel" maxlength="11" placeholder="请输入手机号码" autocomplete="off"></el-input>
-        </el-form-item>
-        <el-form-item label="验证码:" prop="vertifyCode">
-          <el-input v-model="form.vertifyCode" maxlength="6" style="width:65%" placeholder="请输入验证码" autocomplete="off"></el-input>
-          <el-button
-type="primary"
-style="margin-left:10px"
-@click="getTelCode"
-v-show="!this.loading"
-                         >{{this.getNow}}
-              </el-button>
-              <el-button type="primary" style="margin-left:10px" :loading="loading" v-show="this.loading">
-                {{this.time}}s</el-button>
-        </el-form-item>
-        <el-alert
-v-show="errorMsg"
-          :title="errorMessage"
-          type="error">
-        </el-alert>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogFormVisible = false">取 消</el-button>
-        <el-button type="primary" @click="dosubmit">确 定</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-<script>
-import { isvalidPhone } from "@/components/form/validate"
-import localStorage from "@/storage/localStorage"
-import apiHome from "@/api/apiMaterials/apiHome"
-import api from "@/api/apiMaterials/api.js"
-export default {
-  name: "QuickGoods",
-  mixins: [],
-  extends: {},
-  props: {},
-  data() {
-    return {
-      dialogFormVisible: false,
-      loading: false,
-      options: [],
-      labelPosition: "left",
-      errorMsg: false,
-      errorMessage: "",
-      time: 60,
-      getNow: "立即获取",
-      need: {
-        cid1: null,
-        cidname1: null,
-        desc: null,
-        status: 0,
-        tel: null
-      },
-      form: {
-        tel: "",
-        desc: "",
-        selectedOptions: "",
-        vertifyCode: ""
-      },
-      rules: {
-        selectedOptions: [
-          { required: true, trigger: "blur", validator: this.validxuqiuType }
-        ],
-        desc: [
-          { required: true, trigger: "blur", validator: this.validDescribe }
-        ],
-        tel: [
-          { required: true, trigger: "blur", validator: this.validPhone }
-        ],
-        vertifyCode: [
-          { required: true, trigger: "blur", validator: this.validVertify }
-        ]
-      }
-    }
-  },
-  computed: {},
-  components: {},
-  filter: {},
-  watch: {},
-  methods: {
-    open() {
-      this.dialogFormVisible = true
-    },
-    validxuqiuType(rule, value, callback) {
-      if (!value && !(value === 0)) {
-        callback(new Error("请选择商品分类"))
-      } else {
-        callback()
-      }
-    },
-    validDescribe(rule, value, callback) {
-      if (!value) {
-        callback(new Error("请输入需求描述"))
-        // console.log('请输入需求描述')
-      } else if (value.length > 500) {
-        callback(new Error("需求描述不能超过500字"))
-      } else {
-        callback()
-      }
-    },
-    validPhone(rule, value, callback) {
-      if (!value) {
-        callback(new Error("请输入电话号码"))
-      } else if (!isvalidPhone(value)) {
-        callback(new Error("请输入正确的11位手机号码"))
-      } else {
-        callback()
-      }
-    },
-    validVertify(rule, value, callback) {
-      if (!value) {
-        callback(new Error("请输入验证码"))
-      } else {
-        callback()
-      }
-    },
-    handleChange(item) {
-      for (let i = 0; i < this.options.length; i++) {
-        if (this.options[i].id === item) {
-          this.need.cid1 = this.options[i].id
-          this.need.cidname1 = this.options[i].name
-        }
-      }
-    },
-    getTelCode() {
-      const that = this
-      if (this.form.tel === "") {
-        this.errorMessage = "请输入手机号！"
-        this.errorMsg = true
-        setTimeout(() => {
-          this.errorMsg = false
-        }, 2000)
-        return false
-      } else {
-        var Tel = /^[1][3,4,5,7,8,9][0-9]{9}$/
-        if (!Tel.test(this.form.tel)) {
-          this.$message({
-            message: "请输入正确的手机号",
-            type: "warning",
-            duration: 3000
-          })
-        } else {
-          this.$axios.get(api + "/api/demand/vertifyCode?telphone=" + this.form.tel).then((res) => {
-            if (res.data.code === 0) {
-              that.loading = true
-              const time = new Date()
-              localStorage.set("isSignSend" + this.form.tel, Number(time))
-
-              this.$_toast({ msg: "验证码已发送到您的手机，请查收!" })
-
-              var timeOut = setInterval(() => {
-                that.time = that.time - 1
-                if (that.time === 0) {
-                  clearInterval(timeOut)
-                  that.loading = false
-                  that.time = 60
-                }
-              }, 1000)
-            } else {
-              that.$message({
-                message: res.data.message,
-                type: "warning",
-                duration: 3000
-              })
-            }
-          })
-        }
-      }
-    },
-    dosubmit() {
-      this.$refs.form.validate((valid) => {
-        if (valid) {
-          this.axios_changeitemNum()
-        } else {
-          return false
-        }
-      })
-    },
-
-    async axios_changeitemNum() { // 委托找货
-      this.need.desc = this.form.desc
-      this.need.tel = this.form.tel
-      const result = await apiHome.postDemand(
-        this.need.cid1,
-        this.need.cidname1,
-        this.form.desc,
-        this.form.tel,
-        this.form.vertifyCode
-      )
-      if (result.code === 0) {
-        this.dialogFormVisible = false
-        this.ishow(false, "success") // 可以提交
-      } else {
-        this.errorMessage = "请输入正确的验证码！"
-        this.errorMsg = true
-        setTimeout(() => {
-          this.errorMsg = false
-        }, 2000)
-      }
-    },
-    async getDataOpt() {
-      const TypeList = await apiHome.getFindGoodTypeList()
-      this.options = TypeList.data
-      this.options.push({ name: "其它", id: 0 })
-    },
-    ishow(bol, issuccess) {
-      if (issuccess) {
-        this.isshow = !this.isshow
-      } else {
-        this.isfail = !this.isfail
-      }
-      if (bol) {
-        this.numberValidateForm_new()
-        this.isfail = false
-        this.isshow = false
-      }
-    },
-    numberValidateForm_new() {
-      this.form = {
-        tel: "",
-        selectedOptions: [],
-        desc: "",
-        vertifyCode: ""
-      }
-    }
-  },
-  created() {
-    this.numberValidateForm_new()
-    this.getDataOpt()
-  },
-  mounted() {}
-}
-</script>
-
-<style lang="scss" rel="stylesheet/scss" scoped>
-// @media  screen and (min-width:1218px){}
-// @media  screen and (max-width:1217px){}
-// @media  screen and (max-width:992px){}
-//
-</style>
+<!-- /**
+* 作用于哪些页面
+* 注明代码业务/功能说明
+* @authors zzt
+* @date 2019-04-16
+* @version 1.0.0
+
+*/ -->
+
+<template>
+  <div>
+    <el-dialog title="快速找货"  :visible.sync="dialogFormVisible" width="25%">
+      <div slot="title" class="header-title">
+          <span style="font-size:24px;color:#09c;font-weight:bolder;">快速找货</span>
+          <span style="color:#09c;margin-left:5px;">让您的采购又快又省</span>
+      </div>
+      <el-form :model="form" :rules="rules" :label-position="labelPosition" label-width="90px" ref="form">
+        <el-form-item label="需求分类:" prop="selectedOptions">
+         <el-select v-model="form.selectedOptions"  placeholder="请选择需求分类" @change="handleChange(form.selectedOptions)">
+            <el-option
+              v-for="item in options"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+              >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="详细描述:" prop="desc" >
+         <el-input type="textarea" rows="5" maxlength="500" placeholder="请写下您的真实需求，包括品种、牌号、厂家等，收到后我们会立即给您回电确认"  v-model="form.desc"></el-input>
+        </el-form-item>
+        <el-form-item label="手机号码:" prop="tel" >
+          <el-input v-model="form.tel" maxlength="11" placeholder="请输入手机号码" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="验证码:" prop="vertifyCode">
+          <el-input v-model="form.vertifyCode" maxlength="6" style="width:65%" placeholder="请输入验证码" autocomplete="off"></el-input>
+          <el-button
+type="primary"
+style="margin-left:10px"
+@click="getTelCode"
+v-show="!this.loading"
+                         >{{this.getNow}}
+              </el-button>
+              <el-button type="primary" style="margin-left:10px" :loading="loading" v-show="this.loading">
+                {{this.time}}s</el-button>
+        </el-form-item>
+        <el-alert
+v-show="errorMsg"
+          :title="errorMessage"
+          type="error">
+        </el-alert>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisible = false">取 消</el-button>
+        <el-button type="primary" @click="dosubmit">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+<script>
+import { isvalidPhone } from "@/components/form/validate"
+import localStorage from "@/storage/localStorage"
+import apiHome from "@/api/apiMaterials/apiHome"
+import api from "@/api/apiMaterials/api.js"
+export default {
+  name: "QuickGoods",
+  mixins: [],
+  extends: {},
+  props: {},
+  data() {
+    return {
+      dialogFormVisible: false,
+      loading: false,
+      options: [],
+      labelPosition: "left",
+      errorMsg: false,
+      errorMessage: "",
+      time: 60,
+      getNow: "立即获取",
+      need: {
+        cid1: null,
+        cidname1: null,
+        desc: null,
+        status: 0,
+        tel: null
+      },
+      form: {
+        tel: "",
+        desc: "",
+        selectedOptions: "",
+        vertifyCode: ""
+      },
+      rules: {
+        selectedOptions: [
+          { required: true, trigger: "blur", validator: this.validxuqiuType }
+        ],
+        desc: [
+          { required: true, trigger: "blur", validator: this.validDescribe }
+        ],
+        tel: [
+          { required: true, trigger: "blur", validator: this.validPhone }
+        ],
+        vertifyCode: [
+          { required: true, trigger: "blur", validator: this.validVertify }
+        ]
+      }
+    }
+  },
+  computed: {},
+  components: {},
+  filter: {},
+  watch: {},
+  methods: {
+    open() {
+      this.dialogFormVisible = true
+    },
+    validxuqiuType(rule, value, callback) {
+      if (!value && !(value === 0)) {
+        callback(new Error("请选择商品分类"))
+      } else {
+        callback()
+      }
+    },
+    validDescribe(rule, value, callback) {
+      if (!value) {
+        callback(new Error("请输入需求描述"))
+        // console.log('请输入需求描述')
+      } else if (value.length > 500) {
+        callback(new Error("需求描述不能超过500字"))
+      } else {
+        callback()
+      }
+    },
+    validPhone(rule, value, callback) {
+      if (!value) {
+        callback(new Error("请输入电话号码"))
+      } else if (!isvalidPhone(value)) {
+        callback(new Error("请输入正确的11位手机号码"))
+      } else {
+        callback()
+      }
+    },
+    validVertify(rule, value, callback) {
+      if (!value) {
+        callback(new Error("请输入验证码"))
+      } else {
+        callback()
+      }
+    },
+    handleChange(item) {
+      for (let i = 0; i < this.options.length; i++) {
+        if (this.options[i].id === item) {
+          this.need.cid1 = this.options[i].id
+          this.need.cidname1 = this.options[i].name
+        }
+      }
+    },
+    getTelCode() {
+      const that = this
+      if (this.form.tel === "") {
+        this.errorMessage = "请输入手机号！"
+        this.errorMsg = true
+        setTimeout(() => {
+          this.errorMsg = false
+        }, 2000)
+        return false
+      } else {
+        var Tel = /^[1][3,4,5,7,8,9][0-9]{9}$/
+        if (!Tel.test(this.form.tel)) {
+          this.$message({
+            message: "请输入正确的手机号",
+            type: "warning",
+            duration: 3000
+          })
+        } else {
+          this.$axios.get(api + "/api/demand/vertifyCode?telphone=" + this.form.tel).then((res) => {
+            if (res.data.code === 0) {
+              that.loading = true
+              const time = new Date()
+              localStorage.set("isSignSend" + this.form.tel, Number(time))
+
+              this.$_toast({ msg: "验证码已发送到您的手机，请查收!" })
+
+              var timeOut = setInterval(() => {
+                that.time = that.time - 1
+                if (that.time === 0) {
+                  clearInterval(timeOut)
+                  that.loading = false
+                  that.time = 60
+                }
+              }, 1000)
+            } else {
+              that.$message({
+                message: res.data.message,
+                type: "warning",
+                duration: 3000
+              })
+            }
+          })
+        }
+      }
+    },
+    dosubmit() {
+      this.$refs.form.validate((valid) => {
+        if (valid) {
+          this.axios_changeitemNum()
+        } else {
+          return false
+        }
+      })
+    },
+
+    async axios_changeitemNum() { // 委托找货
+      this.need.desc = this.form.desc
+      this.need.tel = this.form.tel
+      const result = await apiHome.postDemand(
+        this.need.cid1,
+        this.need.cidname1,
+        this.form.desc,
+        this.form.tel,
+        this.form.vertifyCode
+      )
+      if (result.code === 0) {
+        this.dialogFormVisible = false
+        this.ishow(false, "success") // 可以提交
+      } else {
+        this.errorMessage = "请输入正确的验证码！"
+        this.errorMsg = true
+        setTimeout(() => {
+          this.errorMsg = false
+        }, 2000)
+      }
+    },
+    async getDataOpt() {
+      const TypeList = await apiHome.getFindGoodTypeList()
+      this.options = TypeList.data
+      this.options.push({ name: "其它", id: 0 })
+    },
+    ishow(bol, issuccess) {
+      if (issuccess) {
+        this.isshow = !this.isshow
+      } else {
+        this.isfail = !this.isfail
+      }
+      if (bol) {
+        this.numberValidateForm_new()
+        this.isfail = false
+        this.isshow = false
+      }
+    },
+    numberValidateForm_new() {
+      this.form = {
+        tel: "",
+        selectedOptions: [],
+        desc: "",
+        vertifyCode: ""
+      }
+    }
+  },
+  created() {
+    this.numberValidateForm_new()
+    this.getDataOpt()
+  },
+  mounted() {}
+}
+</script>
+
+<style lang="scss" rel="stylesheet/scss" scoped>
+// @media  screen and (min-width:1218px){}
+// @media  screen and (max-width:1217px){}
+// @media  screen and (max-width:992px){}
+//
+</style>