From 38995cc66ab96505cebf910032c8a683562ceb17 Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Wed, 3 Nov 2021 10:57:33 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/pages/login copy.vue | 155 ++++++++++++++++
 src/views/pages/login.vue      | 321 +++++++++++++++++++++++----------
 2 files changed, 384 insertions(+), 92 deletions(-)
 create mode 100644 src/views/pages/login copy.vue

diff --git a/src/views/pages/login copy.vue b/src/views/pages/login copy.vue
new file mode 100644
index 00000000..4f074934
--- /dev/null
+++ b/src/views/pages/login copy.vue	
@@ -0,0 +1,155 @@
+<template>
+  <div class="aui-wrapper aui-page__login">
+    <div class="aui-content__wrapper">
+      <main class="aui-content">
+        <div class="login-header">
+          <h2 class="login-brand">{{ $t('brand.lg') }}</h2>
+        </div>
+        <div class="login-body">
+          <h3 class="login-title">{{ $t('login.title') }}</h3>
+          <el-form :model="dataForm"
+                   :rules="dataRule"
+                   ref="dataForm"
+                   @keyup.enter.native="dataFormSubmitHandle()"
+                   status-icon>
+            <!-- <el-form-item>
+              <el-select v-model="$i18n.locale"
+                         class="w-percent-100">
+                <el-option v-for="(val, key) in i18nMessages"
+                           :key="key"
+                           :label="val._lang"
+                           :value="key"></el-option>
+              </el-select>
+            </el-form-item> -->
+            <el-form-item prop="phone">
+              <el-input v-model="dataForm.phone"
+                        placeholder="手机号">
+                <span slot="prefix"
+                      class="el-input__icon">
+                  <svg class="icon-svg"
+                       aria-hidden="true">
+                    <use xlink:href="#icon-user"></use>
+                  </svg>
+                </span>
+              </el-input>
+            </el-form-item>
+            <el-form-item prop="password">
+              <el-input v-model="dataForm.password"
+                        type="password"
+                        :placeholder="$t('login.password')">
+                <span slot="prefix"
+                      class="el-input__icon">
+                  <svg class="icon-svg"
+                       aria-hidden="true">
+                    <use xlink:href="#icon-lock"></use>
+                  </svg>
+                </span>
+              </el-input>
+            </el-form-item>
+            <el-form-item prop="captcha">
+              <el-row :gutter="20">
+                <el-col :span="14">
+                  <el-input v-model="dataForm.captcha"
+                            :placeholder="$t('login.captcha')">
+                    <span slot="prefix"
+                          class="el-input__icon">
+                      <svg class="icon-svg"
+                           aria-hidden="true">
+                        <use xlink:href="#icon-safetycertificate"></use>
+                      </svg>
+                    </span>
+                  </el-input>
+                </el-col>
+                <el-col :span="10"
+                        class="login-captcha">
+                  <img :src="captchaPath"
+                       @click="getCaptcha()">
+                </el-col>
+              </el-row>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary"
+                         @click="dataFormSubmitHandle()"
+                         class="w-percent-100">{{ $t('login.title') }}</el-button>
+            </el-form-item>
+          </el-form>
+        </div>
+        <div class="login-footer">
+          <p>
+            <a href="https://demo.cloud.renren.io/renren-cloud"
+               target="_blank">{{ $t('login.demo') }}</a>
+          </p>
+          <!-- 2020 © renren.io -->
+          <p><a href="https://www.renren.io/"
+               target="_blank">{{ $t('login.copyright') }}</a></p>
+        </div>
+      </main>
+    </div>
+  </div>
+</template>
+
+<script>
+import Cookies from 'js-cookie'
+import debounce from 'lodash/debounce'
+import { messages } from '@/i18n'
+import { getUUID } from '@/utils'
+export default {
+  data () {
+    return {
+      i18nMessages: messages,
+      captchaPath: '',
+      dataForm: {
+        app: 'oper',
+        client: 'web',
+        username: '',
+        phone: '',
+        password: '',
+        uuid: '',
+        captcha: ''
+      }
+    }
+  },
+  computed: {
+    dataRule () {
+      return {
+        phone: [
+          { required: true, message: '手机号不能为空', trigger: 'blur' }
+        ],
+        password: [
+          { required: true, message: '密码不能为空', trigger: 'blur' }
+        ],
+        captcha: [
+          { required: true, message: '验证码不能为空', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  created () {
+    this.getCaptcha()
+  },
+  methods: {
+    // 获取验证码
+    getCaptcha () {
+      this.dataForm.uuid = getUUID()
+      this.captchaPath = `${window.SITE_CONFIG['apiURL']}/auth/login/captcha?uuid=${this.dataForm.uuid}`
+    },
+    // 表单提交
+    dataFormSubmitHandle: debounce(function () {
+      this.$refs['dataForm'].validate((valid, messageObj) => {
+        if (!valid) {
+          app.util.validateRule(messageObj)
+        }
+        this.$http.post('/auth/login/operweb/loginbypassword', this.dataForm).then(({ data: res }) => {
+          if (res.code !== 0) {
+            this.getCaptcha()
+            return this.$message.error(res.msg)
+          }
+          localStorage.setItem('userType', 'oper')
+          Cookies.set('token', res.data.token)
+          this.$router.replace({ name: 'home' }).catch(() => { })
+        }).catch(() => { })
+      })
+    }, 1000, { 'leading': true, 'trailing': false })
+  }
+}
+</script>
diff --git a/src/views/pages/login.vue b/src/views/pages/login.vue
index 4f074934..d93c8a43 100644
--- a/src/views/pages/login.vue
+++ b/src/views/pages/login.vue
@@ -1,120 +1,132 @@
 <template>
-  <div class="aui-wrapper aui-page__login">
-    <div class="aui-content__wrapper">
-      <main class="aui-content">
-        <div class="login-header">
-          <h2 class="login-brand">{{ $t('brand.lg') }}</h2>
-        </div>
-        <div class="login-body">
-          <h3 class="login-title">{{ $t('login.title') }}</h3>
-          <el-form :model="dataForm"
-                   :rules="dataRule"
-                   ref="dataForm"
-                   @keyup.enter.native="dataFormSubmitHandle()"
-                   status-icon>
-            <!-- <el-form-item>
-              <el-select v-model="$i18n.locale"
-                         class="w-percent-100">
-                <el-option v-for="(val, key) in i18nMessages"
-                           :key="key"
-                           :label="val._lang"
-                           :value="key"></el-option>
-              </el-select>
-            </el-form-item> -->
-            <el-form-item prop="phone">
-              <el-input v-model="dataForm.phone"
-                        placeholder="手机号">
-                <span slot="prefix"
-                      class="el-input__icon">
-                  <svg class="icon-svg"
-                       aria-hidden="true">
-                    <use xlink:href="#icon-user"></use>
-                  </svg>
-                </span>
-              </el-input>
-            </el-form-item>
-            <el-form-item prop="password">
-              <el-input v-model="dataForm.password"
-                        type="password"
-                        :placeholder="$t('login.password')">
-                <span slot="prefix"
-                      class="el-input__icon">
-                  <svg class="icon-svg"
-                       aria-hidden="true">
-                    <use xlink:href="#icon-lock"></use>
-                  </svg>
-                </span>
-              </el-input>
-            </el-form-item>
-            <el-form-item prop="captcha">
-              <el-row :gutter="20">
-                <el-col :span="14">
-                  <el-input v-model="dataForm.captcha"
-                            :placeholder="$t('login.captcha')">
-                    <span slot="prefix"
-                          class="el-input__icon">
-                      <svg class="icon-svg"
-                           aria-hidden="true">
-                        <use xlink:href="#icon-safetycertificate"></use>
-                      </svg>
-                    </span>
-                  </el-input>
-                </el-col>
-                <el-col :span="10"
-                        class="login-captcha">
+  <div class="g-app">
+    <div class="g-bd"
+         v-if="isShowLogin || true">
+      <div class="m-fm">
+        <div class="wrap">
+          <h2 class="title">{{ $t('brand.work') }}</h2>
+          <div class="fm">
+            <el-form :model="dataForm"
+                     :rules="dataRule"
+                     ref="dataForm"
+                     @keyup.enter.native="dataFormSubmitHandle()"
+                     status-icon>
+              <div class="fm-item">
+                <div class="ico">
+                  <img src="@/assets/img/login/zhanghao.png"
+                       alt="" />
+                </div>
+                <div class="input">
+                  <input type="text"
+                         v-model="dataForm.phone"
+                         placeholder="账号" />
+                </div>
+              </div>
+              <div class="fm-item">
+                <div class="ico">
+                  <img src="@/assets/img/login/mima.png"
+                       alt="" />
+                </div>
+                <div class="input">
+                  <input type="password"
+                         v-model="dataForm.password"
+                         :placeholder="$t('login.password')" />
+                </div>
+              </div>
+              <div class="fm-captcha">
+                <div class="fm-item">
+                  <div class="input">
+                    <input type="text"
+                           v-model="dataForm.captcha"
+                           placeholder="验证码" />
+                  </div>
+                </div>
+                <div class="captcha">
                   <img :src="captchaPath"
-                       @click="getCaptcha()">
-                </el-col>
-              </el-row>
-            </el-form-item>
-            <el-form-item>
-              <el-button type="primary"
-                         @click="dataFormSubmitHandle()"
-                         class="w-percent-100">{{ $t('login.title') }}</el-button>
-            </el-form-item>
-          </el-form>
+                       @click="getCaptcha()" />
+                </div>
+              </div>
+
+              <div class="fm-btn"
+                   @click="dataFormSubmitHandle()">
+                {{ $t('login.title') }}
+              </div>
+              <div class="hint">请使用小程序端的账号密码登录</div>
+            </el-form>
+          </div>
         </div>
+      </div>
+
+      <div class="m-footer">
         <div class="login-footer">
           <p>
-            <a href="https://demo.cloud.renren.io/renren-cloud"
-               target="_blank">{{ $t('login.demo') }}</a>
+            <a href=""
+               target="_blank">{{ $t('login.copyright') }}</a>
           </p>
-          <!-- 2020 © renren.io -->
-          <p><a href="https://www.renren.io/"
-               target="_blank">{{ $t('login.copyright') }}</a></p>
         </div>
-      </main>
+      </div>
     </div>
+
+    <c-dialog :showFooter="false"
+              :title="'选择客户'"
+              :isNest="false"
+              :visible="diaVisible"
+              :dialogHeight="0.8"
+              :width="30"
+              :top="'120px'"
+              @cancel="diaCancel">
+      <!-- <div class="div_total"> -->
+      <div v-for="(item, index) in tableData"
+           :key="index"
+           class="div_row">
+        <span @click="selectCustomer(item)"
+              class="span_name">{{
+          item.customerName
+        }}</span>
+      </div>
+    </c-dialog>
   </div>
 </template>
-
 <script>
 import Cookies from 'js-cookie'
+import CDialog from '@c/CDialog'
 import debounce from 'lodash/debounce'
 import { messages } from '@/i18n'
 import { getUUID } from '@/utils'
+import { Loading } from 'element-ui' // 引入Loading服务
+import JSEncrypt from 'jsencrypt' //引入加密
+
+let loading // 加载动画
 export default {
   data () {
     return {
+      pubKey: null, // 获取到公钥
+      isShowLogin: true,
       i18nMessages: messages,
       captchaPath: '',
       dataForm: {
-        app: 'oper',
+        customerId: '',
+        app: 'gov',
         client: 'web',
         username: '',
         phone: '',
         password: '',
         uuid: '',
         captcha: ''
-      }
+      },
+      // 客户列表相关
+      diaVisible: false,
+      tableLoading: false,
+      tableData: []
     }
   },
+  components: {
+    CDialog
+  },
   computed: {
     dataRule () {
       return {
-        phone: [
-          { required: true, message: '手机号不能为空', trigger: 'blur' }
-        ],
+        phone: [{ required: true, message: '手机号不能为空', trigger: 'blur' }],
         password: [
           { required: true, message: '密码不能为空', trigger: 'blur' }
         ],
@@ -125,31 +137,156 @@ export default {
     }
   },
   created () {
-    this.getCaptcha()
+    //平阴联动平台 登陆
+    if (this.$route.query.platformToken) {
+      this.isShowLogin = false
+      this.getAutoLogin(this.$route.query.platformToken)
+    } else {
+      this.getCaptcha()
+      //获取公钥
+      this.getPubKey()
+    }
+  },
+  mounted () {
+    localStorage.removeItem('showHeader')
   },
+
   methods: {
+    // 获取公钥
+    getPubKey () {
+      this.$http
+        .post('/auth/govweb/getKey')
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            return this.$message.error(res.msg)
+          }
+
+          this.pubKey = res.data // 获取到公钥;
+        })
+        .catch(() => { })
+    },
     // 获取验证码
     getCaptcha () {
       this.dataForm.uuid = getUUID()
       this.captchaPath = `${window.SITE_CONFIG['apiURL']}/auth/login/captcha?uuid=${this.dataForm.uuid}`
     },
     // 表单提交
-    dataFormSubmitHandle: debounce(function () {
+    dataFormSubmitHandle () {
       this.$refs['dataForm'].validate((valid, messageObj) => {
         if (!valid) {
           app.util.validateRule(messageObj)
         }
-        this.$http.post('/auth/login/operweb/loginbypassword', this.dataForm).then(({ data: res }) => {
+        this.startLoading()
+        // const url = 'https://nei.netease.com/api/apimock-v2/e3b1d0eb88e905f6c7ee559b2d6bb7ad/epmetuser/customerstaff/customerlist'
+        const url = '/epmetuser/customerstaff/customerlist'
+        const params = {
+          phone: this.dataForm.phone
+        }
+        window.app.ajax.post(
+          url,
+          params,
+          (data, rspMsg) => {
+            if (data.length === 0) {
+              //没有客户，提示无法登录
+              this.$message.error('账号不存在')
+              this.endLoading()
+            } else if (data.length === 1) {
+              this.selectCustomer(data[0])
+            } else {
+              this.endLoading()
+              this.diaVisible = true
+              this.$nextTick(() => {
+                this.tableData = data
+              })
+            }
+          },
+          (rspMsg, data) => {
+            this.endLoading()
+            this.$message.error(rspMsg)
+          }
+        )
+      })
+    },
+    // 平阴联动 自动登录接口
+    getAutoLogin (platformToken) {
+      this.dataForm.thirdToken = platformToken
+      this.dataForm.platform = 'pyld'
+      this.$http
+        .post(`/auth/sso/oper/third/login`, this.dataForm)
+        .then(({ data: res }) => {
+          if (res.code !== 0) {
+            if (res.code == 8302) {
+              return this.$message.error(res.msg)
+            }
+            return this.$message.error(res.msg)
+          }
+          localStorage.setItem('customerId', res.data.customerId)
+          localStorage.setItem('userType', 'work')
+          localStorage.setItem('showHeader', '0')
+          Cookies.set('token', res.data.token)
+          this.$router.replace({ name: 'home' })
+        })
+        .catch(() => { })
+      // epmet-ext9.elinkservice.cn/platform-admin
+    },
+    //选择客户
+    selectCustomer (row) {
+      localStorage.setItem('customerId', row.customerId)
+      localStorage.setItem('customerName', row.customerName)
+      this.startLoading()
+      // const url = 'https://nei.netease.com/api/apimock-v2/e3b1d0eb88e905f6c7ee559b2d6bb7ad/auth/govweb/login'
+      const url = '/auth/govweb/login'
+      this.dataForm.customerId = row.customerId
+      let param = {}
+      Object.assign(param, this.dataForm)
+      param.password = this.encryptedData(this.pubKey, this.dataForm.password)
+      this.$http
+        .post(url, param)
+        .then(({ data: res }) => {
           if (res.code !== 0) {
             this.getCaptcha()
             return this.$message.error(res.msg)
           }
-          localStorage.setItem('userType', 'oper')
+          this.diaVisible = false
+
+          localStorage.setItem('userType', 'work')
+
           Cookies.set('token', res.data.token)
-          this.$router.replace({ name: 'home' }).catch(() => { })
-        }).catch(() => { })
+          this.$router.replace({ name: 'indexWork' }).catch(() => { })
+        })
+        .catch(() => { })
+      this.endLoading()
+    },
+    // 取消
+    diaCancel () {
+      this.diaVisible = false
+    },
+    // 开启加载动画
+    startLoading () {
+      loading = Loading.service({
+        lock: true, // 是否锁定
+        text: '正在加载……', // 加载中需要显示的文字
+        background: 'rgba(0,0,0,.7)' // 背景颜色
       })
-    }, 1000, { 'leading': true, 'trailing': false })
+    },
+    // 结束加载动画
+    endLoading () {
+      // clearTimeout(timer);
+      if (loading) {
+        loading.close()
+      }
+    },
+    // 加密
+    encryptedData (key, data) {
+      // 新建JSEncrypt对象
+      let encryptor = new JSEncrypt()
+      // 设置公钥
+      encryptor.setPublicKey(key)
+      // 加密数据
+      return encryptor.encrypt(data)
+    }
   }
 }
 </script>
+
+<style lang="scss" src="@/assets/scss/pages/loginWork.scss"></style>