build

dist/runtime.js

@@ -113,7 +113,7 @@
 /******/
 /******/ 	var hotApplyOnUpdate = true;
 /******/ 	// eslint-disable-next-line no-unused-vars
-/******/ 	var hotCurrentHash = "27e3c5048330480d42a7";
+/******/ 	var hotCurrentHash = "8de56e54463f35c510b8";
 /******/ 	var hotRequestTimeout = 10000;
 /******/ 	var hotCurrentModuleData = {};
 /******/ 	var hotCurrentChildModule;

src/components/binding/index.vue

@@ -1,69 +1,39 @@
 <template>
   <div class="binding-container">
-    <el-alert title="您的微信号未绑定过系统,请先绑定一个账号" :closable="false" type="warning" center show-icon />
-    <el-form label-width="80px" size="mini" style="margin-top:10px" ref="formRef" :model="formData" :rules="rules">
-      <!-- <el-form-item label="用户名:" prop="id">
-        <el-select
-          remote 
-          style="width:100%" 
-          v-model="formData.id" 
-          :loading="ol" 
-          :filterable="true" 
-          :remote-method="requestUserList"
-          @change="handleChange"
-          >
-          <el-option 
-            v-for="item in accounts" 
-            :key="item.value" 
-            :value="item.value" 
-            :disabled="Number(item.status) === 0"
-            :label="item.label">
-            <span style="float: left;">{{item.label}}</span>
-            <span v-if="Number(item.is_wx) === 1 || Number(item.status) === 0" style="float: right;color:#F56C6C">{{Number(item.is_wx) === 1 ? '已绑定' : '已禁用'}}</span>
-          </el-option>
-        </el-select>
-      </el-form-item> -->
+    <div v-if="isMobile">
+      <el-alert title="您的微信号未绑定过系统,请先绑定一个账号" :closable="false" type="warning" center show-icon />
+      <el-form label-width="80px" size="mini" style="margin-top:10px" ref="formRef" :model="formData" :rules="rules">
+        <el-form-item label="账号:" prop="username">
+          <el-input v-model="formData.username" placeholder="账号" />
+        </el-form-item>
 
-      <!-- {"openid":"oOpc26KiZFBKIm7SB8knFGvov1qg","username":"17531816886","password":"lxh971219"} -->
 
-      <el-form-item label="账号:" prop="username">
-        <el-input v-model="formData.username" placeholder="账号" />
-      </el-form-item>
+        <el-form-item label="密码:" prop="password">
+          <el-input type="password" v-model="formData.password" placeholder="密码" />
+        </el-form-item>
 
+        <el-form-item style="display: flex;justify-content: flex-end;">
+          <wx-open-subscribe :template="template" id="subscribe-btn" @success="handleSuccess" @error="handleError">
+            <script type="text/wxtag-template">
+              <style>
+              .sub-btn{
+                border:none;
+                background:#409EFF;
+                color:#fff;
+                padding:5px 10px;
+                border-radius:8px;
+              }
+            </style>
+          </script>
+            <script type="text/wxtag-template">
+              <button class="sub-btn">登 录</button>
+          </script>
+          </wx-open-subscribe>
+        </el-form-item>
+      </el-form>
+    </div>
 
-      <el-form-item label="密码:" prop="password">
-        <el-input type="password" v-model="formData.password" placeholder="密码" />
-      </el-form-item>
-
-      <!-- <el-form-item label-width="140px" label="验证手机号后四位:" prop="lastCode">
-        <el-input :disabled="!formData.id" placeholder="手机号后四位" maxlength="4" v-model="formData.lastCode" @input="handleLastValue" />
-      </el-form-item> -->
-
-      <el-form-item style="display: flex;justify-content: flex-end;">
-        <!-- <el-button type="primary" @click="submit">绑定</el-button> -->
-        <wx-open-subscribe 
-          :template="template"
-          id="subscribe-btn" 
-          @success="handleSuccess" 
-          @error="handleError" 
-        >
-        <script type="text/wxtag-template">
-          <style>
-            .sub-btn{
-              border:none;
-              background:#409EFF;
-              color:#fff;
-              padding:5px 10px;
-              border-radius:8px;
-            }
-          </style>
-        </script>
-        <script type="text/wxtag-template">
-          <button class="sub-btn">登 录</button>
-        </script>
-      </wx-open-subscribe>
-      </el-form-item>
-    </el-form>
+    <el-alert v-else title="请使用手机端绑定账号" :closable="false" type="error" center show-icon />
   </div>
 </template>
 
@@ -71,7 +41,7 @@
 import asyncRequest from "@/api"
 import { isnumber, isAlphanumeric, validAlphabets, isMobile } from '@/utils/validate'
 export default {
-  props: ["openid","template"],
+  props: ["openid", "template"],
   data() {
 
     const validateUsername = (rule, value, callback) => {
@@ -104,45 +74,52 @@ export default {
     }
 
     return {
-      visible:false,
-      template:"",
-      ol:false,
+      visible: false,
+      template: "",
+      isMobile: true,
+      ol: false,
       maxHeight: null,
-      loading_wx:true,
+      loading_wx: true,
       loading: false,
       currentAccount: {},
+      isMobile:false,
       formData: {
         username: "",
         password: ""
       },
-      rules:{
-        username:[{required:true,trigger:'change',validator:validateUsername}],
-        password:[{required:true,trigger:'change',validator:validatePassword}],
+      rules: {
+        username: [{ required: true, trigger: 'change', validator: validateUsername }],
+        password: [{ required: true, trigger: 'change', validator: validatePassword }],
       }
     }
   },
   created() {
+    if (/Mobi|Android|iPhone/i.test(navigator.userAgent)) {
+      this.isMobile = true
+    }
     document.title = "绑定采销账号"
   },
   beforeDestory() {
     document.title = ""
   },
   methods: {
-    handleSuccess(res){
-        this.submit();
+    handleSuccess(res) {
+      console.log('success:',res)
+      this.submit();
     },
-    handleError(){
+    handleError(err) {
+      console.lof('error:',err)
       this.submit();
       // this.$message.warning("订阅失败，请重试!")
     },
-    handleLastValue(value){
-      this.formData.lastCode = value.replace(/[^\d]/g,'');
+    handleLastValue(value) {
+      this.formData.lastCode = value.replace(/[^\d]/g, '');
       let { lastCode = "", phone } = this.formData
       let phoneLastCode = []
-      for(let i = 0;i < 4;i ++){ phoneLastCode[i] = lastCode[i] || "*" }
-      const phonePreCode = phone.slice(0, 7) 
+      for (let i = 0; i < 4; i++) { phoneLastCode[i] = lastCode[i] || "*" }
+      const phonePreCode = phone.slice(0, 7)
       console.log(phonePreCode)
-      this.formData.phone= phonePreCode + phoneLastCode.join("");
+      this.formData.phone = phonePreCode + phoneLastCode.join("");
     },
     handleChange(value) {
       const item = this.accounts.find(({ value: oV }) => oV === value)
@@ -153,20 +130,20 @@ export default {
         lastCode: ""
       }
     },
-    async submit(){
-      try{
+    async submit() {
+      try {
         await this.$refs.formRef.validate();
-        const { username,password } = this.formData;
+        const { username, password } = this.formData;
         this.loading = true
-        const result = await asyncRequest.login({ password, username, openId:this.openid })
+        const result = await asyncRequest.login({ password, username, openId: this.openid })
         this.loading = false;
-        if(result.code === 0){
-          this.$emit("bind",result.data.token);
-        }else{
+        if (result.code === 0) {
+          this.$emit("bind", result.data.token);
+        } else {
           this.$message.error(result.message)
         }
 
-      }catch(err){
+      } catch (err) {
         console.log(err)
       }
     },
@@ -178,7 +155,7 @@ export default {
       const { code, data } = result;
       if (code === 0) {
         const { list } = data;
-        this.accounts = list.map(({ id, nickname, mobile,is_wx,status }) => ({
+        this.accounts = list.map(({ id, nickname, mobile, is_wx, status }) => ({
           value: id,
           label: nickname,
           mobile,
@@ -199,10 +176,11 @@ export default {
 .binding-container {
   display: flex;
   flex-direction: column;
-  align-items:center;
+  align-items: center;
+
   /deep/.el-form {
-    width:95%;
-    max-width:500px;
+    width: 95%;
+    max-width: 500px;
   }
 }
 </style>

src/main.js

@@ -3,6 +3,8 @@ import Components from "./components/reports";
 import * as filters from './filters' // global filters
 import router from "./router"
 
+import VConsole from "vconsole";
+
 import {
   Table,
   Select,
@@ -12,6 +14,8 @@ import {
 import 'element-ui/lib/theme-chalk/index.css';
 
 
+new VConsole();
+
 Vue.component(Table.name, Table);
 Vue.component(Select.name, Select);
 Vue.component(Option.name, Option);