dai
3 years ago
23 changed files with 868 additions and 4 deletions
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 137 KiB |
|
After Width: | Height: | Size: 66 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 203 KiB |
|
After Width: | Height: | Size: 203 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
@ -0,0 +1,115 @@ |
|||
@import "~@/assets/scss/c/config.scss"; |
|||
@import "~@/assets/scss/c/function.scss"; |
|||
|
|||
.g-bd { |
|||
&::before, |
|||
&::after { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
left: 0; |
|||
z-index: -1; |
|||
content: ""; |
|||
} |
|||
&::before { |
|||
background-image: url(~@/assets/img/index/bg.png); |
|||
background-size: cover; |
|||
} |
|||
&::after { |
|||
// background-color: rgba(38, 50, 56, 0.1); |
|||
} |
|||
} |
|||
.m-list { |
|||
position: fixed; |
|||
top: 50%; |
|||
left: 0; |
|||
right: 0; |
|||
margin: auto; |
|||
transform: translateY(-50%); |
|||
|
|||
.list { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
width: 100%; |
|||
|
|||
.item { |
|||
width: 612px; |
|||
max-width: 612px; |
|||
text-align: center; |
|||
cursor: pointer; |
|||
|
|||
&.z-on { |
|||
.name { |
|||
color: #ffffff; |
|||
background-color: transparent; |
|||
border-color: #ffffff; |
|||
&::before { |
|||
background-color: #ffffff; |
|||
} |
|||
} |
|||
} |
|||
.logo { |
|||
width: 100%; |
|||
} |
|||
.name { |
|||
position: relative; |
|||
width: auto; |
|||
display: inline-block; |
|||
text-align: center; |
|||
margin: 8px auto; |
|||
padding-left: 48px; |
|||
padding-right: 20px; |
|||
height: 42px; |
|||
line-height: 40px; |
|||
background: #ffffff; |
|||
border: 1px solid #b9b9b9; |
|||
border-radius: 21px; |
|||
font-size: 22px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #002fec; |
|||
|
|||
&::before { |
|||
content: ""; |
|||
position: absolute; |
|||
display: block; |
|||
top: 0; |
|||
bottom: 0; |
|||
left: 20px; |
|||
margin: auto; |
|||
width: 14px; |
|||
height: 14px; |
|||
background: #0065f6; |
|||
border-radius: 50%; |
|||
} |
|||
} |
|||
|
|||
.tip { |
|||
display: block; |
|||
margin: 0 auto; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.m-footer { |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
right: 0; |
|||
padding: 20px; |
|||
color: rgba(255, 255, 255, 0.6); |
|||
text-align: center; |
|||
p { |
|||
margin: 10px 0; |
|||
} |
|||
a { |
|||
padding: 0 5px; |
|||
color: rgba(255, 255, 255, 0.6); |
|||
&:focus, |
|||
&:hover { |
|||
color: #fff; |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,210 @@ |
|||
@import "~@/assets/scss/c/config.scss"; |
|||
@import "~@/assets/scss/c/function.scss"; |
|||
|
|||
.g-bd { |
|||
&::before, |
|||
&::after { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
left: 0; |
|||
z-index: -1; |
|||
content: ""; |
|||
} |
|||
&::before { |
|||
background-image: url(~@/assets/img/yantai/login/bg.png); |
|||
background-size: cover; |
|||
} |
|||
&::after { |
|||
// background-color: rgba(38, 50, 56, 0.1); |
|||
} |
|||
} |
|||
|
|||
.m-snow-box { |
|||
position: absolute; |
|||
top: 20vh; |
|||
width: 35vw; |
|||
height: 50vh; |
|||
left: 13vw; |
|||
border-radius: 40%; |
|||
// overflow: hidden; |
|||
} |
|||
|
|||
.m-fm { |
|||
position: absolute; |
|||
top: 0; |
|||
bottom: 0; |
|||
right: 13%; |
|||
margin: auto; |
|||
width: 484px; |
|||
height: 429px; |
|||
background: rgba(#fff, 1); |
|||
box-shadow: 0px 0px 20px 8px rgba(213, 225, 238, 0.7); |
|||
border-radius: 12px 12px 12px 12px; |
|||
|
|||
&:hover { |
|||
opacity: 1; |
|||
background: rgba(#fff, 1); |
|||
} |
|||
|
|||
.wrap { |
|||
padding-top: 5px; |
|||
|
|||
.title { |
|||
margin: 0 auto; |
|||
width: 400px; |
|||
line-height: 80px; |
|||
border-bottom: 1px solid #d4d4d4; |
|||
font-size: 34px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #000000; |
|||
text-align: center; |
|||
} |
|||
.fm { |
|||
padding: 15px 30px; |
|||
|
|||
.fm-item { |
|||
box-sizing: border-box; |
|||
margin: 0 auto; |
|||
margin-top: 16px; |
|||
width: 400px; |
|||
height: 46px; |
|||
line-height: 46px; |
|||
border: 1px solid #c6c6c6; |
|||
border-radius: 4px; |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
.input { |
|||
width: 85%; |
|||
|
|||
input { |
|||
display: block; |
|||
padding-left: 15px; |
|||
line-height: 44px; |
|||
height: 44px; |
|||
width: 100%; |
|||
border: none; |
|||
} |
|||
} |
|||
|
|||
.ico { |
|||
position: relative; |
|||
width: 35px; |
|||
height: 46px; |
|||
|
|||
img { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
margin: auto; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.fm-captcha { |
|||
box-sizing: border-box; |
|||
margin: 0 auto; |
|||
margin-top: 16px; |
|||
width: 400px; |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
.fm-item { |
|||
margin: 0; |
|||
width: 200px; |
|||
} |
|||
|
|||
.captcha { |
|||
position: relative; |
|||
margin-left: auto; |
|||
width: 180px; |
|||
height: 46px; |
|||
|
|||
img { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
background-color: #eee; |
|||
border: none; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.fm-btn { |
|||
box-sizing: border-box; |
|||
margin: 0 auto; |
|||
margin-top: 40px; |
|||
width: 400px; |
|||
height: 56px; |
|||
line-height: 56px; |
|||
background: linear-gradient(90deg, #1a5afd, #26c4ff); |
|||
border-radius: 4px; |
|||
font-size: 23px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #ffffff; |
|||
text-align: center; |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
.hint { |
|||
display: none; |
|||
padding-left: 40px; |
|||
color: rgb(255, 80, 80); |
|||
} |
|||
} |
|||
} |
|||
|
|||
.m-footer { |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
right: 0; |
|||
padding: 20px; |
|||
color: rgba(255, 255, 255, 0.6); |
|||
text-align: center; |
|||
p { |
|||
margin: 10px 0; |
|||
} |
|||
a { |
|||
padding: 0 5px; |
|||
color: rgba(255, 255, 255, 0.6); |
|||
&:focus, |
|||
&:hover { |
|||
color: #fff; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.m-pop { |
|||
height: auto; |
|||
|
|||
.div_row { |
|||
height: 50px; |
|||
text-align: center; |
|||
line-height: 50px; |
|||
|
|||
&:hover { |
|||
color: rgb(2, 119, 173); |
|||
font-weight: bold; |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
.i_icon { |
|||
width: 15px; |
|||
height: 15px; |
|||
margin-right: 10px; |
|||
float: left; |
|||
} |
|||
.span_name { |
|||
font-size: 18px; |
|||
cursor: pointer; |
|||
/* color: rgb(37, 156, 235); */ |
|||
} |
|||
} |
|||
} |
|||
@ -0,0 +1,88 @@ |
|||
<template> |
|||
<div class="g-app"> |
|||
<div class="g-bd" v-if="true"> |
|||
<div class="m-list"> |
|||
<div class="list"> |
|||
<div class="item" @click="handleClickItem(1)"> |
|||
<img class="logo" src="@/assets/img/index/logo-1.png" alt="" /> |
|||
<!-- 党建引领基层治理互联管理平台 --> |
|||
<div class="name">数字社区管理平台</div> |
|||
<img src="@/assets/img/index/zhuangshi.png" class="tip" /> |
|||
</div> |
|||
|
|||
<div class="item z-on" @click="handleClickItem(2)"> |
|||
<img class="logo" src="@/assets/img/index/logo-2.png" alt="" /> |
|||
<!-- 数据分析可视化平台 --> |
|||
<div class="name">数字社区可视化平台</div> |
|||
<img src="@/assets/img/index/zhuangshi.png" class="tip" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="m-footer"> |
|||
<div class="login-footer"> |
|||
<p> |
|||
<a href="http://www.elinkchina.com.cn/" target="_blank">{{ $t('login.copyright') }}</a> |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
import Cookies from 'js-cookie' |
|||
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 |
|||
} |
|||
}, |
|||
components: {}, |
|||
computed: {}, |
|||
created() {}, |
|||
mounted() {}, |
|||
|
|||
methods: { |
|||
handleClickItem(k) { |
|||
if (k == 1) { |
|||
this.$router.replace({ name: 'main' }) |
|||
} else if (k == 2) { |
|||
this.$router.replace({ name: 'main-shuju' }) |
|||
} |
|||
}, |
|||
|
|||
// 平阴联动 自动登录接口 |
|||
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') |
|||
localStorage.setItem('token', res.data.token) |
|||
this.$router.replace({ name: 'home' }) |
|||
}) |
|||
.catch(() => {}) |
|||
// epmet-ext9.elinkservice.cn/platform-admin |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" src="@/assets/scss/pages/indexWork.scss" scoped></style> |
|||
@ -0,0 +1,435 @@ |
|||
<template> |
|||
<div class="g-app"> |
|||
<div class="g-bd" v-if="isShowLogin || true"> |
|||
<div class="m-snow-box" id="snow_box"></div> |
|||
|
|||
<div class="m-fm animate__animated animate__backInLeft"> |
|||
<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()" /> |
|||
</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="" target="_blank">{{ $t("login.copyright") }}</a> |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<c-dialog |
|||
:showFooter="false" |
|||
:title="'选择客户'" |
|||
:isNest="false" |
|||
:visible="diaVisible" |
|||
:dialogHeight="0.8" |
|||
:width="30" |
|||
:top="'120px'" |
|||
@cancel="diaCancel" |
|||
> |
|||
<div class="m-pop"> |
|||
<div v-for="(item, index) in tableData" :key="index" class="div_row"> |
|||
<span @click="selectCustomer(item)" class="span_name">{{ |
|||
item.customerName |
|||
}}</span> |
|||
</div> |
|||
</div> |
|||
</c-dialog> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import CDialog from "@c/CDialog"; |
|||
import particles_js from "particles.js/particles.js"; |
|||
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: { |
|||
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" }], |
|||
password: [ |
|||
{ required: true, message: "密码不能为空", trigger: "blur" }, |
|||
], |
|||
captcha: [ |
|||
{ required: true, message: "验证码不能为空", trigger: "blur" }, |
|||
], |
|||
}; |
|||
}, |
|||
}, |
|||
created() { |
|||
//平阴联动平台 登陆 |
|||
if (this.$route.query.platformToken) { |
|||
this.isShowLogin = false; |
|||
this.getAutoLogin(this.$route.query.platformToken); |
|||
} else { |
|||
this.getCaptcha(); |
|||
//获取公钥 |
|||
this.getPubKey(); |
|||
} |
|||
}, |
|||
mounted() { |
|||
localStorage.removeItem("showHeader"); |
|||
|
|||
particlesJS( |
|||
"snow_box", |
|||
{ |
|||
particles: { |
|||
number: { |
|||
value: 380, |
|||
density: { |
|||
enable: true, |
|||
value_area: 800, |
|||
}, |
|||
}, |
|||
color: { |
|||
value: "#ffffff", |
|||
}, |
|||
shape: { |
|||
type: "circle", |
|||
stroke: { |
|||
width: 0, |
|||
color: "#000000", |
|||
}, |
|||
polygon: { |
|||
nb_sides: 5, |
|||
}, |
|||
image: { |
|||
src: "img/github.svg", |
|||
width: 100, |
|||
height: 100, |
|||
}, |
|||
}, |
|||
opacity: { |
|||
value: 0.5, |
|||
random: false, |
|||
anim: { |
|||
enable: false, |
|||
speed: 1, |
|||
opacity_min: 0.1, |
|||
sync: false, |
|||
}, |
|||
}, |
|||
size: { |
|||
value: 3, |
|||
random: true, |
|||
anim: { |
|||
enable: false, |
|||
speed: 40, |
|||
size_min: 0.1, |
|||
sync: false, |
|||
}, |
|||
}, |
|||
line_linked: { |
|||
enable: true, |
|||
distance: 150, |
|||
color: "#ffffff", |
|||
opacity: 0, |
|||
width: 1, |
|||
}, |
|||
move: { |
|||
enable: true, |
|||
speed: 6, |
|||
direction: "none", |
|||
random: false, |
|||
straight: false, |
|||
out_mode: "out", |
|||
bounce: false, |
|||
attract: { |
|||
enable: false, |
|||
rotateX: 600, |
|||
rotateY: 1200, |
|||
}, |
|||
}, |
|||
}, |
|||
interactivity: { |
|||
detect_on: "canvas", |
|||
events: { |
|||
onhover: { |
|||
enable: true, |
|||
mode: "grab", |
|||
}, |
|||
onclick: { |
|||
enable: true, |
|||
mode: "push", |
|||
}, |
|||
resize: true, |
|||
}, |
|||
modes: { |
|||
grab: { |
|||
distance: 140, |
|||
line_linked: { |
|||
opacity: 1, |
|||
}, |
|||
}, |
|||
bubble: { |
|||
distance: 400, |
|||
size: 40, |
|||
duration: 2, |
|||
opacity: 8, |
|||
speed: 3, |
|||
}, |
|||
repulse: { |
|||
distance: 200, |
|||
duration: 0.4, |
|||
}, |
|||
push: { |
|||
particles_nb: 4, |
|||
}, |
|||
remove: { |
|||
particles_nb: 2, |
|||
}, |
|||
}, |
|||
}, |
|||
retina_detect: true, |
|||
}, |
|||
function () { |
|||
console.log("callback - particles.js config loaded"); |
|||
} |
|||
); |
|||
}, |
|||
|
|||
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() { |
|||
this.$refs["dataForm"].validate((valid, messageObj) => { |
|||
if (!valid) { |
|||
app.util.validateRule(messageObj); |
|||
} |
|||
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, |
|||
}; |
|||
// this.$http |
|||
// .post(url, params).then(({ data })=> { |
|||
// console.log('res--comll', data) |
|||
// if (data.data.length === 0) { |
|||
// //没有客户，提示无法登录 |
|||
// this.$message.error('账号不存在') |
|||
// this.endLoading() |
|||
// } else if (data.data.length === 1) { |
|||
// this.selectCustomer(data.data[0]) |
|||
// } else { |
|||
// this.endLoading() |
|||
// this.diaVisible = true |
|||
// this.$nextTick(() => { |
|||
// this.tableData = data.data |
|||
// }) |
|||
// } |
|||
// }).catch((err) => { |
|||
// this.endLoading() |
|||
// this.$message.error(err) |
|||
// }) |
|||
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"); |
|||
localStorage.setItem("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 }) => { |
|||
this.endLoading(); |
|||
if (res.code !== 0) { |
|||
this.getCaptcha(); |
|||
return this.$message.error(res.msg); |
|||
} |
|||
this.diaVisible = false; |
|||
|
|||
localStorage.setItem("userType", "work"); |
|||
|
|||
localStorage.setItem("token", res.data.token); |
|||
this.$router.replace({ name: "index" }); |
|||
}) |
|||
.catch(() => { |
|||
this.endLoading(); |
|||
}); |
|||
}, |
|||
// 取消 |
|||
diaCancel() { |
|||
this.diaVisible = false; |
|||
}, |
|||
// 开启加载动画 |
|||
startLoading() { |
|||
loading = Loading.service({ |
|||
lock: true, // 是否锁定 |
|||
text: "正在加载……", // 加载中需要显示的文字 |
|||
background: "rgba(0,0,0,.7)", // 背景颜色 |
|||
}); |
|||
}, |
|||
// 结束加载动画 |
|||
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/yantai-login.scss" scoped></style> |
|||
Loading…
Reference in new issue