登录页添加滑动验证

This commit is contained in:
骆乐 2022-09-19 14:47:57 +08:00
parent 7e7ae63e56
commit 8e728528de
9 changed files with 64 additions and 11 deletions

21
package-lock.json generated
View File

@ -37,6 +37,7 @@
"vue-count-to": "^1.0.13",
"vue-cropper": "^0.5.5",
"vue-matomo": "^4.1.0",
"vue-monoplasty-slide-verify": "^1.3.1",
"vue-photo-preview": "^1.1.3",
"vue-router": "^3.2.0",
"vue-seamless-scroll": "^1.1.23",
@ -16928,6 +16929,18 @@
"npm": ">= 3.0.0"
}
},
"node_modules/vue-monoplasty-slide-verify": {
"version": "1.3.1",
"resolved": "https://registry.npmmirror.com/vue-monoplasty-slide-verify/-/vue-monoplasty-slide-verify-1.3.1.tgz",
"integrity": "sha512-oMP9RdBo/2M2D8CcEE1IJCXKWOGPUyFNKFgMwj8+BMEA5Je4wF3jUbCnQe/hNNmV1cUBdeTNp0w/TdlP1A96SQ==",
"dependencies": {
"vue": "^2.5.11"
},
"engines": {
"node": ">= 6.0.0",
"npm": ">= 3.0.0"
}
},
"node_modules/vue-photo-preview": {
"version": "1.1.3",
"resolved": "https://registry.npmmirror.com/vue-photo-preview/-/vue-photo-preview-1.1.3.tgz",
@ -33678,6 +33691,14 @@
"resolved": "https://registry.npmmirror.com/vue-matomo/-/vue-matomo-4.1.0.tgz",
"integrity": "sha512-y+tdmhY835Ip3EAGfIAgA33+aBYrvRT7fNnBnA7bSM459XpoWXgqJKdbopVpEUrxCPIq8IkuF7g4KqSLc0Fa3w=="
},
"vue-monoplasty-slide-verify": {
"version": "1.3.1",
"resolved": "https://registry.npmmirror.com/vue-monoplasty-slide-verify/-/vue-monoplasty-slide-verify-1.3.1.tgz",
"integrity": "sha512-oMP9RdBo/2M2D8CcEE1IJCXKWOGPUyFNKFgMwj8+BMEA5Je4wF3jUbCnQe/hNNmV1cUBdeTNp0w/TdlP1A96SQ==",
"requires": {
"vue": "^2.5.11"
}
},
"vue-photo-preview": {
"version": "1.1.3",
"resolved": "https://registry.npmmirror.com/vue-photo-preview/-/vue-photo-preview-1.1.3.tgz",

View File

@ -37,6 +37,7 @@
"vue-count-to": "^1.0.13",
"vue-cropper": "^0.5.5",
"vue-matomo": "^4.1.0",
"vue-monoplasty-slide-verify": "^1.3.1",
"vue-photo-preview": "^1.1.3",
"vue-router": "^3.2.0",
"vue-seamless-scroll": "^1.1.23",

View File

@ -18,7 +18,7 @@ var PROJECT = {
}
var PROJECT_TYPE = PROJECT.online_zjsj
var PROJECT_TYPE = PROJECT.local_test
var headerShow = true; // 是否显示头部
var tabsShow = true; // 是否显示tabs

View File

@ -41,8 +41,8 @@ if (process.env.NODE_ENV == 'development') {
// tag: 本地
// axios.defaults.baseURL = 'http://192.168.34.174:6023/' // 老大本地
// axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
// axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地
axios.defaults.baseURL ='http://124.71.67.160:8088/' //中建四局线上
axios.defaults.baseURL = 'http://192.168.34.216:6023/' // 邱平毅本地
// axios.defaults.baseURL ='http://124.71.67.160:8088/' //中建四局线上
// axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
// axios.defaults.baseURL = 'http://192.168.34.216:18070/' // 邱平毅本地
// axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地

View File

@ -23,6 +23,8 @@ import { resetForm } from '@/util'
import { autoLogin } from '@/assets/js/api/autoLogin-xingXuan'
import { decode, encode } from 'js-base64'
import { loginApi, companyLoginApi, projectLoginApi } from '@/assets/js/api/loginSign'
import SlideVerify from 'vue-monoplasty-slide-verify'; //滑动验证
Vue.use(SlideVerify);
// 全局组件挂载
Vue.component('Pagination', Pagination)

View File

@ -45,8 +45,8 @@ export default new Vuex.Store({
// UPLOADURL:'http://10.0.1.43:6023/upload/image',//测试
// FILEURL:'http://10.0.1.43:6023/image/',//测试
BASEURL: baseUrl ? baseUrl : window.location.protocol + '//' + window.location.host + '/', //
UPLOADURL: window.location.protocol + '//' + window.location.host + '/upload/image', //
FILEURL: window.location.protocol + '//' + window.location.host + '/image/', //测试 // tag: 本地测试接口
// UPLOADURL: window.location.protocol + '//' + window.location.host + '/upload/image', //
// FILEURL: window.location.protocol + '//' + window.location.host + '/image/', //测试 // tag: 本地测试接口
/* 2022-05-16 */
// tag: 部署河南项目时,需要打开这两行代码
// UPLOADURL: 'http://124.71.178.44:100/upload/image',
@ -56,8 +56,8 @@ export default new Vuex.Store({
// UPLOADURL: 'http://182.90.224.237:7000/upload/image',
// FILEURL: 'http://182.90.224.237:7000/image/',
// 邱平毅的
// UPLOADURL: 'http://192.168.34.216:6023/upload/image',
// FILEURL: 'http://192.168.34.216:6023/image/',
UPLOADURL: 'http://192.168.34.216:6023/upload/image',
FILEURL: 'http://192.168.34.216:6023/image/',
// UPLOADURL:'http://'+"61.190.32.219:9050"+'/upload/image',//正式
// FILEURL:'http://'+"61.190.32.219:9050"+'/image/',//正式

View File

@ -2,6 +2,17 @@
<!-- 登录 -->
<div>
<div class="login" v-if="projectType == 'common'">
<!-- 滑动验证 -->
<!-- <slide-verify :l="42"
:r="10"
:w="310"
:h="155"
slider-text="向右滑动"
@success="onSuccess"
@fail="onFail"
@refresh="onRefresh"
></slide-verify> -->
<!-- <div>{{msg}}</div> -->
<div class="title flex">
<div class="title_l flex2">
<img
@ -151,7 +162,7 @@
</el-form>
</div>
<div style="margin-top: 40px">
<el-button type="primary" class="logo_btn" @click="loginFn"
<el-button type="primary" class="logo_btn" :disabled="pass" @click="loginFn"
>{{ $t("message.login.login") }}
</el-button>
</div>
@ -231,7 +242,9 @@ export default {
components: { getcode, LoginInfo },
data() {
return {
msg: '',
show: false,
pass:true,
input: "",
radio: "",
projectType: "",
@ -336,7 +349,16 @@ export default {
}
},
methods: {
//
onSuccess(){
this.msg = 'login success'
this.pass = false
},
onFail(){
this.msg = ''
},
onRefresh(){
this.msg = ''
},
getData() {
getOneComputerAuthApi().then((res) => {
if (res.result) {

View File

@ -187,7 +187,7 @@ export default {
data.startDate = this.time2[0];
data.endDate = this.time2[1];
getWorkerGrowthApi(data).then((res) => {
console.log('---趋势--',res)
// console.log('-----',res)
if (res.reult != null) {
this.xdata2 = result.map((item) => {
return item.date;

View File

@ -11032,6 +11032,13 @@
"resolved" "https://registry.npmmirror.com/vue-matomo/-/vue-matomo-4.1.0.tgz"
"version" "4.1.0"
"vue-monoplasty-slide-verify@^1.3.1":
"integrity" "sha512-oMP9RdBo/2M2D8CcEE1IJCXKWOGPUyFNKFgMwj8+BMEA5Je4wF3jUbCnQe/hNNmV1cUBdeTNp0w/TdlP1A96SQ=="
"resolved" "https://registry.npmmirror.com/vue-monoplasty-slide-verify/-/vue-monoplasty-slide-verify-1.3.1.tgz"
"version" "1.3.1"
dependencies:
"vue" "^2.5.11"
"vue-photo-preview@^1.1.3":
"integrity" "sha512-L9JTQh62rYqLHNCdpy7zQdqVisks9dvkmUpM8+7kIKG7l+KkbRLzKWK7lCjCKc6OQT42o6/ngK6B13niXunS9Q=="
"resolved" "https://registry.npmmirror.com/vue-photo-preview/-/vue-photo-preview-1.1.3.tgz"
@ -11099,7 +11106,7 @@
"resolved" "https://registry.npmmirror.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz"
"version" "1.9.1"
"vue@^2.0.0", "vue@^2.4.4", "vue@^2.5.17", "vue@^2.6.10", "vue@^2.6.11", "vue@>=2.2":
"vue@^2.0.0", "vue@^2.4.4", "vue@^2.5.11", "vue@^2.5.17", "vue@^2.6.10", "vue@^2.6.11", "vue@>=2.2":
"integrity" "sha512-VfPwgcGABbGAue9+sfrD4PuwFar7gPb1yl1UK1MwXoQPAw0BKSqWfoYCT/ThFrdEVWoI51dBuyCoiNU9bZDZxQ=="
"version" "2.6.11"