From 84c8412fe9149284cd0dd3557301a6063218296c Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Tue, 7 Nov 2023 16:14:51 +0800
Subject: [PATCH] fix

---
 public/index.html                 |   45 +-
 src/pages/account/login/index.vue | 1180 +++++++++++++++--------------
 src/setting.js                    |    2 +-
 3 files changed, 651 insertions(+), 576 deletions(-)
diff --git a/public/index.html b/public/index.html
index 7a530d1..5cdd5a2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,20 +1,31 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="keywords" content="数据前瞻,数据平台,金融数据,宏观数据,行业经济数据">
-    <meta name="description" content="数据前瞻涵盖股票数据，期货数据，债券数据，期权数据，利率数据，公募数据和宏观数据，拥有超40年的历史数据，可为您解读、预测、分析，模拟市场趋势、经济周期和世界事件影响提供必要的数据支持。我们的数据均来源于各大专业财经权威网站和数据官方发布平台，并经过专业的数据分类和整理，可让用户轻松便捷地搜索并批量下载到自己研究所需的数据，极大地减轻自己搜索整理数据的时间，提高研究效率, 从而高效的输出研究成果。"/>
-    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
-    <link rel="stylesheet" href="//at.alicdn.com/t/font_830376_qzecyukz0s.css">
-    <title>数据前瞻——准确、海量、易用的财经数据平台</title>
-  </head>
-  <body>
-    <noscript>
-      <strong>We're sorry but vms doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-    </noscript>
-    <div id="app"></div>
-    <!-- built files will be auto injected -->
-  </body>
-
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="keywords" content="数据前瞻,数据平台,金融数据,宏观数据,行业经济数据" />
+        <meta
+            name="description"
+            content="数据前瞻涵盖股票数据，期货数据，债券数据，期权数据，利率数据，公募数据和宏观数据，拥有超40年的历史数据，可为您解读、预测、分析，模拟市场趋势、经济周期和世界事件影响提供必要的数据支持。我们的数据均来源于各大专业财经权威网站和数据官方发布平台，并经过专业的数据分类和整理，可让用户轻松便捷地搜索并批量下载到自己研究所需的数据，极大地减轻自己搜索整理数据的时间，提高研究效率, 从而高效的输出研究成果。"
+        />
+        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
+        <link rel="stylesheet" href="//at.alicdn.com/t/font_830376_qzecyukz0s.css" />
+        <script>
+            var _hmt = _hmt || [];
+            (function() {
+                var hm = document.createElement('script');
+                hm.src = 'https://hm.baidu.com/hm.js?26fbe82e56d2f1aeeb09fe697c4434d5';
+                var s = document.getElementsByTagName('script')[0];
+                s.parentNode.insertBefore(hm, s);
+            })();
+        </script>
+        <title>数据前瞻——准确、海量、易用的财经数据平台</title>
+    </head>
+    <body>
+        <noscript>
+            <strong>We're sorry but vms doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+        </noscript>
+        <div id="app"></div>
+        <!-- built files will be auto injected -->
+    </body>
 </html>
diff --git a/src/pages/account/login/index.vue b/src/pages/account/login/index.vue
index 60a5ad8..d143592 100644
--- a/src/pages/account/login/index.vue
+++ b/src/pages/account/login/index.vue
@@ -1,126 +1,186 @@
 <template>
-    <div class="wrap">
-        <div class="login">
-            <div class="form">
-                <h6 class="title">欢迎使用请登录</h6>
-                <ul class="tab">
-                    <li v-for="(item,index) in tabList" :key="index" :class="{active: form.distinguish == item.id}" @click="typeClick(item)">{{item.label}}</li>
-                </ul>
-                <el-form :model="form" :rules="rules" ref="form" style="margin-top: 20px">
-                    <!-- 学号工号 -->
-                    <div v-show="!form.distinguish">
-                        <el-form-item class="school-select" prop="schoolId">
-                            <label class="label school"></label>
-                            <el-select v-model="form.schoolId" clearable filterable placeholder="请选择学校">
-                                <el-option v-for="(item, i) in schoolList" :key="i" :label="item.schoolName" :value="item.schoolId"></el-option>
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item class="flex-1" prop="workNumber">
-                            <label class="label account"></label>
-                            <el-input v-model.trim="form.workNumber" :placeholder="'请输入学号/工号'" @keyup.enter.native="submit"></el-input>
-                        </el-form-item>
-                    </div>
-                    <!-- 手机号登录 -->
-                    <el-form-item v-show="form.distinguish === 1" prop="account">
-                        <label class="label account"></label>
-                        <el-input v-model.trim="form.account" placeholder="请输入账号" @keyup.enter.native="submit"></el-input>
-                    </el-form-item>
-                    <template v-if="form.distinguish === 2">
-                      <el-form-item prop="account">
-                        <label class="label account"></label>
-                        <el-input v-model.trim="form.account" placeholder="请输入手机号/邮箱" @keyup.enter.native="submit"></el-input>
-                      </el-form-item>
-                      <el-form-item prop="code">
-                        <label class="label code"></label>
-                          <div class="ver-code">
-                              <el-input v-model="form.code" placeholder="请输入验证码" maxlength="6" @keyup.enter.native="submit"></el-input>
-                              <el-button type="text" @click="sendPhoneCodeLogin" :disabled="phoneDisabledLogin">{{ phoneBtnTextLogin }}
-                              </el-button>
-                          </div>
-                      </el-form-item>
-                    </template>
-                    <template v-if="form.distinguish !== 2">
-                      <el-form-item prop="password">
-                          <label class="password label"></label>
-                          <el-input
-                              type="password"
-                              placeholder="请输入密码"
-                              v-model.trim="form.password"
-                              @keyup.enter.native="submit"
-                          >
-                          </el-input>
-                      </el-form-item>
-                      <el-form-item prop="code">
-                          <label class="label code"></label>
-                          <el-input
-                              placeholder="请输入验证码"
-                              v-model.trim="form.code"
-                              @keyup.enter.native="submit"
-                          >
-                          </el-input>
-                          <img @click="getVerImg" :src="verificationIMG" class="ver-img" alt="">
-                      </el-form-item>
-                    </template>
-                    <div v-show="!form.distinguish" class="default-check">
-                        <el-checkbox v-model="setDefault">设置为默认学校</el-checkbox>
-                    </div>
-                    <el-button class="submit" type="primary" @click="submit">登录</el-button>
-                </el-form>
-            </div>
-        </div>
-
-        <el-dialog title="绑定手机号" :visible.sync="phoneVisible" :close-on-click-modal="false" width="576px">
-            <p class="tips">依据国家政策法规，需绑定手机号进行网络实名才可登录使用本平台</p>
-            <el-form label-width="60px">
-                <el-form-item label="手机号">
-                    <el-input placeholder="请输入手机号" v-model="phone" maxlength="11" @change="phoneChange"></el-input>
-                </el-form-item>
-                <el-form-item label="验证码">
-                    <div class="ver-code">
-                        <el-input v-model="phoneCode" placeholder="请输入验证码" maxlength="6"></el-input>
-                        <el-button style="top: 1px" type="text" @click="sendPhoneCode(1)" :disabled="binding === '' || phoneDisabled">{{phoneBtnText}}</el-button>
-                    </div>
-                </el-form-item>
-            </el-form>
-            <span slot="footer" class="dialog-footer">
-                <el-button size="small" @click="phoneVisible = false">取 消</el-button>
-                <el-button size="small" type="primary" @click="phoneSubmit">确 定</el-button>
-            </span>
-        </el-dialog>
-        <el-dialog title="请选择您要登录的用户" :visible.sync="userVisible" :close-on-click-modal="false" custom-class="user-dia" width="500px">
-            <p class="tips">该手机号已绑定以下用户信息</p>
-            <ul class="users">
-              <li :class="{isEnable: !user.isEnable}" v-for="(user, i) in users" :key="i" @click="chooseUser(user)">
-                <span>{{ user.schoolName }}，{{ user.userName }}，{{ user.workNumber }}{{ user.isEnable ? '' : '（已禁用）'}}</span>
-                <i class="el-icon-right"></i>
-              </li>
-            </ul>
-        </el-dialog>
-        <el-dialog :visible.sync="infoVisible" :close-on-click-modal="false" :show-close="false" custom-class="info-dia" width="400px">
-            <div class="info-header">
-              <i class="el-icon-warning"></i>
-              提示
-            </div>
-            <div class="info-wrap">
-              <p class="tips">该手机号已与以下用户绑定</p>
-              <ul class="users">
-                <li v-for="(user, i) in infos" :key="i">
-                  <span>{{ user.userName }}（{{ user.schoolName }}）</span>
-                </li>
-              </ul>
-              <div class="info-footer">
-                <el-button size="small" type="primary" @click="bindPhone">是本人，继续绑定</el-button>
-                <el-button class="unbind" size="small" @click="unbindPhone">不是本人，解绑以上用户并绑定新用户</el-button>
+  <div class="wrap">
+    <div class="login">
+      <div class="form">
+        <h6 class="title">欢迎使用请登录</h6>
+        <ul class="tab">
+          <li v-for="(item,index) in tabList"
+              :key="index"
+              :class="{active: form.distinguish == item.id}"
+              @click="typeClick(item)">{{item.label}}</li>
+        </ul>
+        <el-form :model="form"
+                 :rules="rules"
+                 ref="form"
+                 style="margin-top: 20px">
+          <!-- 学号工号 -->
+          <div v-show="!form.distinguish">
+            <el-form-item class="school-select"
+                          prop="schoolId">
+              <label class="label school"></label>
+              <el-select v-model="form.schoolId"
+                         clearable
+                         filterable
+                         placeholder="请选择学校">
+                <el-option v-for="(item, i) in schoolList"
+                           :key="i"
+                           :label="item.schoolName"
+                           :value="item.schoolId"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item class="flex-1"
+                          prop="workNumber">
+              <label class="label account"></label>
+              <el-input v-model.trim="form.workNumber"
+                        :placeholder="'请输入学号/工号'"
+                        @keyup.enter.native="submit"></el-input>
+            </el-form-item>
+          </div>
+          <!-- 手机号登录 -->
+          <el-form-item v-show="form.distinguish === 1"
+                        prop="account">
+            <label class="label account"></label>
+            <el-input v-model.trim="form.account"
+                      placeholder="请输入账号"
+                      @keyup.enter.native="submit"></el-input>
+          </el-form-item>
+          <template v-if="form.distinguish === 2">
+            <el-form-item prop="account">
+              <label class="label account"></label>
+              <el-input v-model.trim="form.account"
+                        placeholder="请输入手机号/邮箱"
+                        @keyup.enter.native="submit"></el-input>
+            </el-form-item>
+            <el-form-item prop="code">
+              <label class="label code"></label>
+              <div class="ver-code">
+                <el-input v-model="form.code"
+                          placeholder="请输入验证码"
+                          maxlength="6"
+                          @keyup.enter.native="submit"></el-input>
+                <el-button type="text"
+                           @click="sendPhoneCodeLogin"
+                           :disabled="phoneDisabledLogin">{{ phoneBtnTextLogin }}
+                </el-button>
               </div>
-            </div>
-        </el-dialog>
+            </el-form-item>
+          </template>
+          <template v-if="form.distinguish !== 2">
+            <el-form-item prop="password">
+              <label class="password label"></label>
+              <el-input type="password"
+                        placeholder="请输入密码"
+                        v-model.trim="form.password"
+                        @keyup.enter.native="submit">
+              </el-input>
+            </el-form-item>
+            <el-form-item prop="code">
+              <label class="label code"></label>
+              <el-input placeholder="请输入验证码"
+                        v-model.trim="form.code"
+                        @keyup.enter.native="submit">
+              </el-input>
+              <img @click="getVerImg"
+                   :src="verificationIMG"
+                   class="ver-img"
+                   alt="">
+            </el-form-item>
+          </template>
+          <div v-show="!form.distinguish"
+               class="default-check">
+            <el-checkbox v-model="setDefault">设置为默认学校</el-checkbox>
+          </div>
+          <el-button class="submit"
+                     type="primary"
+                     @click="submit">登录</el-button>
+        </el-form>
+      </div>
+    </div>
 
-        <div class="footer">
-            <div class="copyright">
-                <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20072679号</a>
-            </div>
+    <el-dialog title="绑定手机号"
+               :visible.sync="phoneVisible"
+               :close-on-click-modal="false"
+               width="576px">
+      <p class="tips">依据国家政策法规，需绑定手机号进行网络实名才可登录使用本平台</p>
+      <el-form label-width="60px">
+        <el-form-item label="手机号">
+          <el-input placeholder="请输入手机号"
+                    v-model="phone"
+                    maxlength="11"
+                    @change="phoneChange"></el-input>
+        </el-form-item>
+        <el-form-item label="验证码">
+          <div class="ver-code">
+            <el-input v-model="phoneCode"
+                      placeholder="请输入验证码"
+                      maxlength="6"></el-input>
+            <el-button style="top: 1px"
+                       type="text"
+                       @click="sendPhoneCode(1)"
+                       :disabled="binding === '' || phoneDisabled">{{phoneBtnText}}</el-button>
+          </div>
+        </el-form-item>
+      </el-form>
+      <span slot="footer"
+            class="dialog-footer">
+        <el-button size="small"
+                   @click="phoneVisible = false">取 消</el-button>
+        <el-button size="small"
+                   type="primary"
+                   @click="phoneSubmit">确 定</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog title="请选择您要登录的用户"
+               :visible.sync="userVisible"
+               :close-on-click-modal="false"
+               custom-class="user-dia"
+               width="500px">
+      <p class="tips">该手机号已绑定以下用户信息</p>
+      <ul class="users">
+        <li :class="{isEnable: !user.isEnable}"
+            v-for="(user, i) in users"
+            :key="i"
+            @click="chooseUser(user)">
+          <span>{{ user.schoolName }}，{{ user.userName }}，{{ user.workNumber }}{{ user.isEnable ? '' : '（已禁用）'}}</span>
+          <i class="el-icon-right"></i>
+        </li>
+      </ul>
+    </el-dialog>
+    <el-dialog :visible.sync="infoVisible"
+               :close-on-click-modal="false"
+               :show-close="false"
+               custom-class="info-dia"
+               width="400px">
+      <div class="info-header">
+        <i class="el-icon-warning"></i>
+        提示
+      </div>
+      <div class="info-wrap">
+        <p class="tips">该手机号已与以下用户绑定</p>
+        <ul class="users">
+          <li v-for="(user, i) in infos"
+              :key="i">
+            <span>{{ user.userName }}（{{ user.schoolName }}）</span>
+          </li>
+        </ul>
+        <div class="info-footer">
+          <el-button size="small"
+                     type="primary"
+                     @click="bindPhone">是本人，继续绑定</el-button>
+          <el-button class="unbind"
+                     size="small"
+                     @click="unbindPhone">不是本人，解绑以上用户并绑定新用户</el-button>
         </div>
+      </div>
+    </el-dialog>
+
+    <div class="footer">
+      <div class="copyright">
+        <a href="https://beian.miit.gov.cn/#/Integrated/index"
+           target="_blank">粤ICP备20072679号</a>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
@@ -131,424 +191,428 @@ import util from '@/libs/util'
 import Setting from '@/setting'
 import vFooter from '@/layouts/footer'
 export default {
-    data: function() {
-        return {
-            tabList: [
-              {
-                id: 0,
-                label: '学号/工号登录'
-              }, {
-                id: 1,
-                label: '学校管理员登录'
-              }, {
-                id: 2,
-                label: '手机号/邮箱'
-              }
-            ],
-            setDefault: !!util.local.get(schoolIdKey), // 本地缓存里有学校id，则默认勾选
-            verificationIMG: '',
-            schoolList: [],
-            form: {
-              schoolId: '',
-              workNumber: '',
-              account: '',
-              password: '',
-              code: '', // 验证码
-              random: '', // 随机数
-              distinguish: 0, // 区分手机号账号登录,1为账号登录,2为手机号或邮箱登录
-              type: 2, // 平台端区分：0->教师端 1->学生端 2->无端
-              platform: Setting.platformId
-            },
-            rules: {
-              schoolId: [{ required: true, message: "请选择学校", trigger: "change" }],
-              workNumber: [{ required: true, message: "请输入学生学号", trigger: "blur" }],
-              account: [{ required: false, message: "请输入账号", trigger: "blur" }],
-              password: [{ required: true, message: "请输入密码", trigger: "blur" }],
-              code: [{ required: true, message: "请输入验证码", trigger: "blur" }]
-            },
-            phoneDisabledLogin: false,
-            phoneTimerLogin: null,
-            phoneBtnTextLogin: '发送验证码',
+  data: function () {
+    return {
+      tabList: [
+        {
+          id: 0,
+          label: '学号/工号登录'
+        }, {
+          id: 1,
+          label: '学校管理员登录'
+        }, {
+          id: 2,
+          label: '手机号/邮箱'
+        }
+      ],
+      setDefault: !!util.local.get(schoolIdKey), // 本地缓存里有学校id，则默认勾选
+      verificationIMG: '',
+      schoolList: [],
+      form: {
+        schoolId: '',
+        workNumber: '',
+        account: '',
+        password: '',
+        code: '', // 验证码
+        random: '', // 随机数
+        distinguish: 0, // 区分手机号账号登录,1为账号登录,2为手机号或邮箱登录
+        type: 2, // 平台端区分：0->教师端 1->学生端 2->无端
+        platform: Setting.platformId
+      },
+      rules: {
+        schoolId: [{ required: true, message: "请选择学校", trigger: "change" }],
+        workNumber: [{ required: true, message: "请输入学生学号", trigger: "blur" }],
+        account: [{ required: false, message: "请输入账号", trigger: "blur" }],
+        password: [{ required: true, message: "请输入密码", trigger: "blur" }],
+        code: [{ required: true, message: "请输入验证码", trigger: "blur" }]
+      },
+      phoneDisabledLogin: false,
+      phoneTimerLogin: null,
+      phoneBtnTextLogin: '发送验证码',
 
-            token: '',
-            phoneVisible: false,
-            phone: '',
-            phoneCode: '',
-            phoneDisabled: false,
-            phoneTimer: null,
-            phoneOpener: '',
-            phoneBtnText: '发送验证码',
-            userVisible: false,
-            users: [],
-            accountIds: [],
-            binding: '',
-            infoVisible: false,
-            infos: []
-        };
+      token: '',
+      phoneVisible: false,
+      phone: '',
+      phoneCode: '',
+      phoneDisabled: false,
+      phoneTimer: null,
+      phoneOpener: '',
+      phoneBtnText: '发送验证码',
+      userVisible: false,
+      users: [],
+      accountIds: [],
+      binding: '',
+      infoVisible: false,
+      infos: []
+    };
+  },
+  components: { vHead, vFooter },
+  mounted () {
+    this.getSchool()
+    this.getVerImg()
+  },
+  methods: {
+    ...mapMutations("user", [
+      'SET_CUSTOMERNAME', 'SET_CUSTOMER', 'SET_INFO'
+    ]),
+    ...mapActions('user', [
+      'login', 'setCustomer'
+    ]),
+    // 赋值学校列表及id
+    setSchool (list) {
+      this.schoolList = list
+      // 取本地缓存里的学校id
+      const schoolId = util.local.get(schoolIdKey)
+      if (schoolId) this.form.schoolId = schoolId
     },
-    components: {vHead,vFooter},
-    mounted(){
-      this.getSchool()
-      this.getVerImg()
+    // 获取学校列表
+    getSchool () {
+      this.$get(this.api.querySchool, {
+        provinceId: '',
+        cityId: ''
+      }).then(({ list }) => {
+        this.setSchool(list)
+      }).catch(res => { })
     },
-    methods: {
-        ...mapMutations("user", [
-            'SET_CUSTOMERNAME', 'SET_CUSTOMER', 'SET_INFO'
-        ]),
-        ...mapActions('user', [
-            'login', 'setCustomer'
-        ]),
-        // 赋值学校列表及id
-        setSchool(list) {
-          this.schoolList = list
-          // 取本地缓存里的学校id
-          const schoolId = util.local.get(schoolIdKey)
-          if (schoolId) this.form.schoolId = schoolId
-        },
-        // 获取学校列表
-        getSchool() {
-          this.$get(this.api.querySchool, {
-            provinceId: '',
-            cityId: ''
-          }).then(({ list }) => {
-            this.setSchool(list)
-          }).catch(res => {})
-        },
-        // 切换标签
-        typeClick(tab) {
-            const { id } = tab
-            const form = this.form
-            // 切换了后，全部字段重置
-            this.form = {
-              schoolId: form.schoolId,
-              workNumber: '',
-              account: '',
-              password: '',
-              code: '',
-              random: form.random,
-              distinguish: id,
-              type: 2,
-              platform: form.platform
-            }
-            this.$refs.form.clearValidate()
-            // 切换了登录方式后，校验规则要变化
-            const rules = this.rules
-            rules.schoolId[0].required = id === 0
-            rules.workNumber[0].required = id === 0
-            rules.account[0].required = !!id
-            this.rules.account[0].message = id === 1 ?
-              '请输入账号' :
-              '请输入手机号/邮箱'
-        },
-        // 选择用户回调
-        chooseUser(user) {
-          user.isEnable && this.$post(`${this.api.getToken}?id=${user.id}`).then(({ data }) => {
-            this.token = data.token
-            this.setLogin()
-          }).catch(res => {})
-        },
-        // 处理登录成功
-        setLogin() {
-            util.local.set(Setting.tokenKey, this.token, Setting.tokenExpires)
-            // 查询是否是客户，如果是客户，则弹出选择端的页面去选择跳转到哪个端
-            this.$get(this.api.isClient).then(res => {
-                // 如果是客户
-                this.SET_CUSTOMER(res.customer)
-                const userName = res.customerName
-                userName && this.SET_INFO({
-                    userName
-                })
-                window.opener && window.opener.location.reload() // 刷新官网
-                util.local.set(Setting.storeKey,this.$store.state)
-            }).catch(res => {})
-            // 查询schoolId
-            this.$post(this.api.getSchoolIdByToken).then(res => {
-                this.SET_INFO(res)
-            }).catch(res => {})
-            // 登录次数+1
-            this.$post(this.api.saveRecord,{
-                type: 3,
-            }).then(res => {}).catch(res => {})
-            util.successMsg('登录成功')
-            this.$router.replace('/index')
-        },
-        submit() {
-            this.$refs.form.validate(valid => {
-                if (valid) {
-                  const form = JSON.parse(JSON.stringify(this.form))
-                  const { distinguish } = form
-                  if (!form.distinguish && this.setDefault) util.local.set(schoolIdKey, form.schoolId) // 选的是学号工号登录，并且勾选了默认，则存入缓存
-                  if (util.local.get(schoolIdKey) && !this.setDefault) util.local.remove(schoolIdKey) // 本地缓存了学校id，并且没有勾选默认，则删除缓存
-                  if (distinguish) form.schoolId = ''
-                  if (!distinguish) form.distinguish = 1
-                  this.$post(this.api.logins, form).then(({ status, data, message }) => {
-                    // 未绑定手机号，则弹框去绑定
-                    if (status == 30001) {
-                        this.phoneVisible = true
-                        this.getVerImg()
-                        form.code = ''
-                    } else if (status == 200) {
-                      // 如果返回的是数组，则弹框给用户选择登录哪个用户，否则，直接登录
-                      if (data instanceof Array) {
-                        // 如果只查询到一个用户，则直接登录，否则，弹框让用户选择
-                        if (data.length === 1) {
-                          this.chooseUser(data[0])
-                        } else {
-                          this.users = data
-                          this.userVisible = true
-                        }
-                      } else {
-                        this.token = data.token
-                        this.setLogin()
-                      }
-                    } else {
-                        util.errorMsg(message)
-                    }
-                  }).catch(res => {})
+    // 切换标签
+    typeClick (tab) {
+      const { id } = tab
+      const form = this.form
+      // 切换了后，全部字段重置
+      this.form = {
+        schoolId: form.schoolId,
+        workNumber: '',
+        account: '',
+        password: '',
+        code: '',
+        random: form.random,
+        distinguish: id,
+        type: 2,
+        platform: form.platform
+      }
+      this.$refs.form.clearValidate()
+      // 切换了登录方式后，校验规则要变化
+      const rules = this.rules
+      rules.schoolId[0].required = id === 0
+      rules.workNumber[0].required = id === 0
+      rules.account[0].required = !!id
+      this.rules.account[0].message = id === 1 ?
+        '请输入账号' :
+        '请输入手机号/邮箱'
+    },
+    // 选择用户回调
+    chooseUser (user) {
+      user.isEnable && this.$post(`${this.api.getToken}?id=${user.id}`).then(({ data }) => {
+        this.token = data.token
+        this.setLogin()
+      }).catch(res => { })
+    },
+    // 处理登录成功
+    setLogin () {
+      util.local.set(Setting.tokenKey, this.token, Setting.tokenExpires)
+      // 查询是否是客户，如果是客户，则弹出选择端的页面去选择跳转到哪个端
+      this.$get(this.api.isClient).then(res => {
+        // 如果是客户
+        this.SET_CUSTOMER(res.customer)
+        const userName = res.customerName
+        userName && this.SET_INFO({
+          userName
+        })
+        window.opener && window.opener.location.reload() // 刷新官网
+        util.local.set(Setting.storeKey, this.$store.state)
+      }).catch(res => { })
+      // 查询schoolId
+      this.$post(this.api.getSchoolIdByToken).then(res => {
+        this.SET_INFO(res)
+      }).catch(res => { })
+      // 登录次数+1
+      this.$post(this.api.saveRecord, {
+        type: 3,
+      }).then(res => { }).catch(res => { })
+      util.successMsg('登录成功')
+      this.$router.replace('/index')
+    },
+    submit () {
+      this.$refs.form.validate(valid => {
+        if (valid) {
+          const form = JSON.parse(JSON.stringify(this.form))
+          const { distinguish } = form
+          if (!form.distinguish && this.setDefault) util.local.set(schoolIdKey, form.schoolId) // 选的是学号工号登录，并且勾选了默认，则存入缓存
+          if (util.local.get(schoolIdKey) && !this.setDefault) util.local.remove(schoolIdKey) // 本地缓存了学校id，并且没有勾选默认，则删除缓存
+          if (distinguish) form.schoolId = ''
+          if (!distinguish) form.distinguish = 1
+          this.$post(this.api.logins, form).then(({ status, data, message }) => {
+            // 未绑定手机号，则弹框去绑定
+            if (status == 30001) {
+              this.phoneVisible = true
+              this.getVerImg()
+              form.code = ''
+            } else if (status == 200) {
+              // 如果返回的是数组，则弹框给用户选择登录哪个用户，否则，直接登录
+              if (data instanceof Array) {
+                // 如果只查询到一个用户，则直接登录，否则，弹框让用户选择
+                if (data.length === 1) {
+                  this.chooseUser(data[0])
+                } else {
+                  this.users = data
+                  this.userVisible = true
                 }
-            })
-        },
-        getVerImg(){
-            this.form.random = Math.floor(Math.random()*999999999)
-            this.verificationIMG = this.api.verification+'?random='+`${this.form.random}`
-        },
-        
-        // 验证手机号
-        verifyPhone(phone) {
-          if (!phone) {
-            this.$message.error("请输入手机号")
-            return false
-          }
-          if (!/^1[3456789]\d{9}$/.test(phone) && !/^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/.test(phone)) {
-            this.$message.error("请输入正确的手机号/邮箱")
-            return false
-          }
-          return true
-        },
-        
-        // 验证码倒计时
-        phoneCountdownLogin() {
-          let count = 60
-          if (!this.phoneTimerLogin) {
-            this.phoneDisabledLogin = true
-            this.phoneTimerLogin = setInterval(() => {
-              if (count > 0) {
-                count--
-                this.phoneBtnTextLogin = `${count}秒后重试`
               } else {
-                this.phoneDisabledLogin = false
-                clearInterval(this.phoneTimerLogin)
-                this.phoneTimerLogin = null
-                this.phoneBtnTextLogin = `发送验证码`
+                this.token = data.token
+                this.setLogin()
               }
-            }, 1000)
-          }
-        },
-        // 发送验证码
-        sendPhoneCodeLogin() {
-          const phone = this.form.account
-          if (!this.verifyPhone(phone)) return false
-          this.$post(`${this.api.sendPhoneVerificationCode}?phoneOrEmail=${phone}&loginOrBind=0&platform=${Setting.platformId}`).then(({ message }) => {
-            util.successMsg(message)
-            this.phoneCountdownLogin()
-          }).catch(res => {})
-        },
-        // 继续绑定
-        bindPhone() {
-          this.infoVisible = false
-          this.binding = true
-          this.sendPhoneCode(1)
-        },
-        // 解除绑定
-        unbindPhone() {
-          this.infoVisible = false
-          this.binding = false
-          this.sendPhoneCode(0)
-        },
-        // 手机号失去焦点回调
-        phoneChange() {
-          this.$post(`${this.api.getOtherAccountByPhone}?phone=${this.phone}&platform=${Setting.platformId}`).then(({ userAccounts }) => {
-            const list = userAccounts
-            if (list) {
-              list.map(e => {
-                const { userName } = e
-                if (userName.length > 1) e.userName = userName[0] + '*' + userName.substring(2)
-              })
-              this.infos = list
-              this.accountIds = list.map(e => e.id)
-              this.infoVisible = true
             } else {
-              this.binding = true
+              form.code = ''
+              util.errorMsg(message)
             }
-          }).catch(res => {})
-        },
+          }).catch(res => {
+            this.getVerImg()
+            form.code = ''
+          })
+        }
+      })
+    },
+    getVerImg () {
+      this.form.random = Math.floor(Math.random() * 999999999)
+      this.verificationIMG = this.api.verification + '?random=' + `${this.form.random}`
+    },
 
-        phoneCountdown(){
-            let count = 60
-            if(!this.phoneTimer){
-                this.phoneDisabled = true
-                this.phoneTimer = setInterval(() => {
-                    console.log('倒计时中')
-                    if(count > 0){
-                        count--
-                        this.phoneBtnText = `${count}秒后重试`
-                    }else{
-                        this.phoneDisabled = false
-                        clearInterval(this.phoneTimer)
-                        this.phoneTimer = null
-                        this.phoneBtnText = `发送验证码`
-                    }
-                },1000)
-            }
-        },
-        // 发送验证码
-        sendPhoneCode(bind) {
-          const { phone } = this
-          if (!this.verifyPhone(phone)) return false
-          // 不解绑发送验证码
-          if (bind) {
-            this.$post(this.api.sendPhoneOrEmailCode, {
-              platform: Setting.platformId,
-              phone,
-              types: 2
-            }).then(({ message }) => {
-              if (message.opener) {
-                this.phoneCountdown()
-                this.phoneOpener = message.opener
-              } else {
-                util.errorMsg(message)
-              }
-            }).catch(res => {})
+    // 验证手机号
+    verifyPhone (phone) {
+      if (!phone) {
+        this.$message.error("请输入手机号")
+        return false
+      }
+      if (!/^1[3456789]\d{9}$/.test(phone) && !/^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/.test(phone)) {
+        this.$message.error("请输入正确的手机号/邮箱")
+        return false
+      }
+      return true
+    },
+
+    // 验证码倒计时
+    phoneCountdownLogin () {
+      let count = 60
+      if (!this.phoneTimerLogin) {
+        this.phoneDisabledLogin = true
+        this.phoneTimerLogin = setInterval(() => {
+          if (count > 0) {
+            count--
+            this.phoneBtnTextLogin = `${count}秒后重试`
           } else {
-            this.$post(`${this.api.sendPhoneVerificationCode}?phoneOrEmail=${phone}&loginOrBind=1&platform=${Setting.platformId}`).then(({ message }) => {
-              util.successMsg(message)
-              this.phoneCountdown()
-            }).catch(res => {})
+            this.phoneDisabledLogin = false
+            clearInterval(this.phoneTimerLogin)
+            this.phoneTimerLogin = null
+            this.phoneBtnTextLogin = `发送验证码`
           }
-        },
-        // 解绑
-        unbind() {
-          const { password, platform, schoolId, type, workNumber } = this.form
-          this.$post(this.api.unbindAccounts, {
-            accountIds: this.accountIds,
-            code: this.phoneCode,
-            password,
-            phone: this.phone,
-            platform,
-            schoolId,
-            type,
-            workNumber,
-          }).then(({ data }) => {
-            this.token = data.token
-            this.setLogin()
-          }).catch(res => {})
-        },
-        // 绑定手机号
-        phoneSubmit() {
-          const { phone, phoneCode } = this
-          if (!this.verifyPhone(phone)) return false
-          if (!phoneCode) return util.warningMsg('请输入验证码')
-          const { workNumber, schoolId } = this.form
-          if (this.binding) {
-            this.$post(this.api.bindPhoneOrEmail, {
-              mark: 2,
-              phone,
-              types: 2,
-              code: phoneCode,
-              opener: this.phoneOpener,
-              platform: Setting.platformId,
-              account: workNumber,
-              schoolId
-            }).then(({ token }) => {
-              this.token = token
-              this.setLogin()
-            }).catch(res => {})
+        }, 1000)
+      }
+    },
+    // 发送验证码
+    sendPhoneCodeLogin () {
+      const phone = this.form.account
+      if (!this.verifyPhone(phone)) return false
+      this.$post(`${this.api.sendPhoneVerificationCode}?phoneOrEmail=${phone}&loginOrBind=0&platform=${Setting.platformId}`).then(({ message }) => {
+        util.successMsg(message)
+        this.phoneCountdownLogin()
+      }).catch(res => { })
+    },
+    // 继续绑定
+    bindPhone () {
+      this.infoVisible = false
+      this.binding = true
+      this.sendPhoneCode(1)
+    },
+    // 解除绑定
+    unbindPhone () {
+      this.infoVisible = false
+      this.binding = false
+      this.sendPhoneCode(0)
+    },
+    // 手机号失去焦点回调
+    phoneChange () {
+      this.$post(`${this.api.getOtherAccountByPhone}?phone=${this.phone}&platform=${Setting.platformId}`).then(({ userAccounts }) => {
+        const list = userAccounts
+        if (list) {
+          list.map(e => {
+            const { userName } = e
+            if (userName.length > 1) e.userName = userName[0] + '*' + userName.substring(2)
+          })
+          this.infos = list
+          this.accountIds = list.map(e => e.id)
+          this.infoVisible = true
+        } else {
+          this.binding = true
+        }
+      }).catch(res => { })
+    },
+
+    phoneCountdown () {
+      let count = 60
+      if (!this.phoneTimer) {
+        this.phoneDisabled = true
+        this.phoneTimer = setInterval(() => {
+          console.log('倒计时中')
+          if (count > 0) {
+            count--
+            this.phoneBtnText = `${count}秒后重试`
           } else {
-            this.unbind()
+            this.phoneDisabled = false
+            clearInterval(this.phoneTimer)
+            this.phoneTimer = null
+            this.phoneBtnText = `发送验证码`
           }
-        }
+        }, 1000)
+      }
     },
+    // 发送验证码
+    sendPhoneCode (bind) {
+      const { phone } = this
+      if (!this.verifyPhone(phone)) return false
+      // 不解绑发送验证码
+      if (bind) {
+        this.$post(this.api.sendPhoneOrEmailCode, {
+          platform: Setting.platformId,
+          phone,
+          types: 2
+        }).then(({ message }) => {
+          if (message.opener) {
+            this.phoneCountdown()
+            this.phoneOpener = message.opener
+          } else {
+            util.errorMsg(message)
+          }
+        }).catch(res => { })
+      } else {
+        this.$post(`${this.api.sendPhoneVerificationCode}?phoneOrEmail=${phone}&loginOrBind=1&platform=${Setting.platformId}`).then(({ message }) => {
+          util.successMsg(message)
+          this.phoneCountdown()
+        }).catch(res => { })
+      }
+    },
+    // 解绑
+    unbind () {
+      const { password, platform, schoolId, type, workNumber } = this.form
+      this.$post(this.api.unbindAccounts, {
+        accountIds: this.accountIds,
+        code: this.phoneCode,
+        password,
+        phone: this.phone,
+        platform,
+        schoolId,
+        type,
+        workNumber,
+      }).then(({ data }) => {
+        this.token = data.token
+        this.setLogin()
+      }).catch(res => { })
+    },
+    // 绑定手机号
+    phoneSubmit () {
+      const { phone, phoneCode } = this
+      if (!this.verifyPhone(phone)) return false
+      if (!phoneCode) return util.warningMsg('请输入验证码')
+      const { workNumber, schoolId } = this.form
+      if (this.binding) {
+        this.$post(this.api.bindPhoneOrEmail, {
+          mark: 2,
+          phone,
+          types: 2,
+          code: phoneCode,
+          opener: this.phoneOpener,
+          platform: Setting.platformId,
+          account: workNumber,
+          schoolId
+        }).then(({ token }) => {
+          this.token = token
+          this.setLogin()
+        }).catch(res => { })
+      } else {
+        this.unbind()
+      }
+    }
+  },
 };
 </script>
 
 <style scoped lang="scss">
 .wrap {
     min-height: 100%;
-    background-color: #F3F6FA;
+    background-color: #f3f6fa;
 }
 .ver-code {
-  position: relative;
-  .el-button {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-  }
+    position: relative;
+    .el-button {
+        position: absolute;
+        top: 10px;
+        right: 10px;
+    }
 }
-.login{
+.login {
     min-height: calc(100vh - 70px);
     padding-top: calc((100vh - 611px) / 2);
-    background: url(../../../assets/img/shapes/shape1.png) (0 123px)/auto no-repeat,
-                url(../../../assets/img/shapes/shape2.png) (35px 238px)/auto no-repeat,
-                url(../../../assets/img/shapes/shape3.png) (0 485px)/auto no-repeat,
-                url(../../../assets/img/shapes/shape4.png) (right 50%)/auto no-repeat,
-                url(../../../assets/img/shapes/shape5.png) (right 80%)/auto no-repeat,
-                url(../../../assets/img/shapes/shape6.png) (right bottom)/auto no-repeat;
-    .tab{
+    background: url(../../../assets/img/shapes/shape1.png) (0 123px) / auto no-repeat,
+        url(../../../assets/img/shapes/shape2.png) (35px 238px) / auto no-repeat,
+        url(../../../assets/img/shapes/shape3.png) (0 485px) / auto no-repeat,
+        url(../../../assets/img/shapes/shape4.png) (right 50%) / auto no-repeat,
+        url(../../../assets/img/shapes/shape5.png) (right 80%) / auto no-repeat,
+        url(../../../assets/img/shapes/shape6.png) (right bottom) / auto no-repeat;
+    .tab {
         display: flex;
         justify-content: space-between;
         align-items: center;
         margin-bottom: 24px;
-        border-bottom: 2px solid #E1E6F2;
-        li{
+        border-bottom: 2px solid #e1e6f2;
+        li {
             padding: 18px 0;
             margin-bottom: -1px;
             font-size: 16px;
             color: #555;
             cursor: pointer;
             border-bottom: 4px solid transparent;
-            &:last-child{
+            &:last-child {
                 margin-right: 0;
             }
-            &.active{
-                color: $main-color;;
+            &.active {
+                color: $main-color;
                 border-bottom-color: $main-color;
             }
         }
     }
     .items {
-      display: flex;
-      align-items: center;
+        display: flex;
+        align-items: center;
     }
-    .form{
+    .form {
         width: 436px;
         padding: 38px 38px 60px;
         margin: 0 auto 0;
         border-radius: 6px;
         background-color: #fff;
-        .title{
+        .title {
             margin-bottom: 25px;
             font-size: 26px;
-            color: #0B1D30;
+            color: #0b1d30;
             letter-spacing: 4px;
         }
     }
-    /deep/.el-form-item{
+    /deep/.el-form-item {
         margin-bottom: 20px;
     }
-    /deep/.el-input__inner{
+    /deep/.el-input__inner {
         position: relative;
         height: 52px;
         padding: 0 20px 0 34px;
         line-height: 50px;
-        background-color: #FBFBFB;
-        border: 1px solid #E1E6F2;
+        background-color: #fbfbfb;
+        border: 1px solid #e1e6f2;
         border-radius: 4px !important;
     }
     .default-check {
-      text-align: right;
+        text-align: right;
     }
     .el-select {
-      width: 100%;
+        width: 100%;
     }
     .label {
         z-index: 1;
@@ -559,33 +623,33 @@ export default {
         height: 18px;
         background: url(../../../assets/img/login/account.png) 0 0/100% 100% no-repeat;
     }
-    .school{
+    .school {
         background-image: url(../../../assets/img/login/school.png);
     }
-    .workNumber{
+    .workNumber {
         width: 17px;
         background-image: url(../../../assets/img/login/workNumber.png);
     }
-    .password{
+    .password {
         top: 18px;
         background-image: url(../../../assets/img/login/password.png);
     }
-    .code{
+    .code {
         top: 18px;
         background-image: url(../../../assets/img/login/code.png);
     }
-    .ver-img{
+    .ver-img {
         position: absolute;
         top: 1px;
         right: 1px;
     }
-    /deep/.el-form-item__error{
+    /deep/.el-form-item__error {
         top: 105%;
         left: auto;
         right: 0;
-        color: #FFA94E;
+        color: #ffa94e;
     }
-    .submit{
+    .submit {
         width: 100%;
         height: 48px;
         margin-top: 30px;
@@ -597,16 +661,16 @@ export default {
         border: 0;
     }
 }
-.copyright{
+.copyright {
     padding: 18px 0;
     font-size: 12px;
     text-align: center;
-    background-color: #F3F6FA;
-    a{
-        color:#B1B4B8;
+    background-color: #f3f6fa;
+    a {
+        color: #b1b4b8;
         font-size: 12px;
-        &:hover{
-            opacity: .8;
+        &:hover {
+            opacity: 0.8;
         }
     }
 }
@@ -617,82 +681,82 @@ export default {
     color: #666;
 }
 /deep/.user-dia {
-  .tips {
-    margin-bottom: 20px;
-    text-align: center;
-    color: #666;
-  }
-  .users {
-    li {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 0 15px;
-      margin-bottom: 10px;
-      line-height: 40px;
-      font-size: 14px;
-      background-color: #ebeef5;
-      cursor: pointer;
-      &.isEnable {
-        color: #c0c4cc;
-        background-color: #f5f7fa;
-        cursor: not-allowed;
-      }
-      &:last-child {
-        margin-bottom: 0;
-      }
-      &:hover {
-        background-color: #d3e0ff;
-      }
-      i {
-        font-size: 16px;
-      }
+    .tips {
+        margin-bottom: 20px;
+        text-align: center;
+        color: #666;
+    }
+    .users {
+        li {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 0 15px;
+            margin-bottom: 10px;
+            line-height: 40px;
+            font-size: 14px;
+            background-color: #ebeef5;
+            cursor: pointer;
+            &.isEnable {
+                color: #c0c4cc;
+                background-color: #f5f7fa;
+                cursor: not-allowed;
+            }
+            &:last-child {
+                margin-bottom: 0;
+            }
+            &:hover {
+                background-color: #d3e0ff;
+            }
+            i {
+                font-size: 16px;
+            }
+        }
     }
-  }
 }
 /deep/.info-dia {
-  .el-dialog__header {
-    border-bottom: 0;
-  }
-  .info-header {
-    position: absolute;
-    top: 20px;
-    display: flex;
-    align-items: center;
-    font-size: 16px;
-    color: #333;
-  }
-  .el-icon-warning {
-    margin-right: 10px;
-    color: #e6a23c;
-    font-size: 24px;
-  }
-  .info-wrap {
-    padding: 10px 33px;
-  }
-  .users {
-    max-height: 125px;
-    margin-top: 20px;
-    overflow: auto;
-    li {
-      margin: 5px;
-      font-size: 14px;
-      color: #333;
+    .el-dialog__header {
+        border-bottom: 0;
+    }
+    .info-header {
+        position: absolute;
+        top: 20px;
+        display: flex;
+        align-items: center;
+        font-size: 16px;
+        color: #333;
+    }
+    .el-icon-warning {
+        margin-right: 10px;
+        color: #e6a23c;
+        font-size: 24px;
+    }
+    .info-wrap {
+        padding: 10px 33px;
+    }
+    .users {
+        max-height: 125px;
+        margin-top: 20px;
+        overflow: auto;
+        li {
+            margin: 5px;
+            font-size: 14px;
+            color: #333;
+        }
+    }
+    .info-footer {
+        display: flex;
+        justify-content: space-between;
+        // align-items: center;
+        margin-top: 20px;
+    }
+    .el-button {
+        width: 142px;
+    }
+    .unbind {
+        white-space: normal;
+        line-height: 1.6;
     }
-  }
-  .info-footer {
-    display: flex;
-    justify-content: space-between;
-    // align-items: center;
-    margin-top: 20px;
-  }
-  .el-button {
-    width: 142px;
-  }
-  .unbind {
-    white-space: normal;
-    line-height: 1.6;
-  }
 }
 @media (max-height: 680px) {
     .wrap .login {
diff --git a/src/setting.js b/src/setting.js
index 3005ee2..4e3ce7c 100644
--- a/src/setting.js
+++ b/src/setting.js
@@ -12,7 +12,7 @@ const dev = process.env.NODE_ENV === 'development' // 本地
 let host = `${location.origin}/`
 if (dev) {
   host = 'http://121.37.12.51/'
-  host = 'http://192.168.31.51:9000/'
+  // host = 'http://192.168.31.51:9000/'
 }
 
 const Setting = {
