Browse Source
Merge branch 'master' of http://www.qingqinkj.com/gitlab/qqkj/mmcloud/xm/xm-ui-web
Merge branch 'master' of http://www.qingqinkj.com/gitlab/qqkj/mmcloud/xm/xm-ui-web
# Conflicts: # package.json # src/views/login/index2.vuemaster
42 changed files with 2726 additions and 3059 deletions
-
4config/index.js
-
3package.json
-
39src/api/login.js
-
30src/api/mdp/sys/branch.js
-
44src/api/mdp/sys/userLoginRecord.js
-
4src/router/index.js
-
13src/router/routes_my_work.js
-
6src/views/layout/components/Navbar.vue
-
78src/views/login/components/login.vue
-
33src/views/login/components/register.vue
-
539src/views/login/index.vue
-
61src/views/login/index2.vue
-
378src/views/login/register.vue
-
182src/views/mdp/sys/branch/BranchEdit.vue
-
182src/views/myWork/set/BranchEdit.vue
-
163src/views/myWork/set/ChangeEmailStepOne.vue
-
109src/views/myWork/set/ChangeEmailStepTwo.vue
-
265src/views/myWork/set/index.vue
-
397src/views/myWork/userLoginRecord/index.vue
-
1434src/views/xm/XmOverview.vue
-
1163src/views/xm/XmOverview2.vue
-
6src/views/xm/core/components/XmProjectSelect.vue
-
148src/views/xm/core/xmGroup/XmGroupMng.vue
-
21src/views/xm/core/xmGroupUser/XmGroupUserMng.vue
-
2src/views/xm/core/xmMenu/XmMenuAdd.vue
-
52src/views/xm/core/xmMenu/XmMenuEdit.vue
-
6src/views/xm/core/xmMenu/XmMenuMngBatch.vue
-
12src/views/xm/core/xmMenu/XmMenuWithPlan.vue
-
2src/views/xm/core/xmProduct/XmProductInfo.vue
-
22src/views/xm/core/xmProduct/XmProductMng.vue
-
6src/views/xm/core/xmProduct/XmProductTplMng.vue
-
4src/views/xm/core/xmProject/XmProjectInfo.vue
-
34src/views/xm/core/xmProject/XmProjectMng.vue
-
7src/views/xm/core/xmQuestion/XmQuestionAdd.vue
-
2src/views/xm/core/xmQuestion/XmQuestionEdit.vue
-
16src/views/xm/core/xmRecord/XmRecord.vue
-
9src/views/xm/core/xmRecord/XmRecordMng.vue
-
12src/views/xm/core/xmTask/XmTaskEdit.vue
-
4src/views/xm/core/xmTask/XmTaskMng.vue
-
2src/views/xm/core/xmTaskExecuser/XmTaskExecuserForTask.vue
-
10src/views/xm/core/xmTaskExecuser/XmTaskExecuserMng.vue
-
281src/views/xm/core/xmTaskExecuser/XmTaskExecuserSelect.vue
@ -0,0 +1,44 @@ |
|||||
|
import axios from '@/utils/request' |
||||
|
|
||||
|
import { getDicts,initSimpleDicts,initComplexDicts } from '@/api/mdp/meta/item';//字典表
|
||||
|
import config from '@/common/config' |
||||
|
|
||||
|
let base = config.getSysBasePath(); |
||||
|
|
||||
|
/**-------------------------与后端通讯接口------------------请写在下面-------------------------------------------- */ |
||||
|
/** |
||||
|
* 用户登录信息登记 |
||||
|
*1 默认只开放普通查询,所有查询,只要上传 分页参数 {pageNum:当前页码从1开始,pageSize:每页记录数,total:总记录【数如果是0后台会自动计算总记录数非0不会自动计算】},后台都会自动按分页查询 其它 api用到再打开,没用到的api请注释掉, |
||||
|
*2 查询、新增、修改的参数格式 params={id:'主键 主键',userid:'用户编号',shopId:'商户编号',locationId:'门店编号',loginShopid:'登录的商户编号',loginLocationid:'登录的门店编号',branchId:'机构编号',loginType:'1-微信扫门店二维码,2-点击小程序登录,3-账户密码登录,4-手机号码登录',loginTime:'登录时间',loginBranchId:'登录机构号',username:'登录用户名',authId:'授权码',mdpAppid:'mdp平台appid',lockNo:'批处理编号',lockStatus:'批处理状态0-待处理1-处理中2处理完毕',lockTime:'批处理时间',phoneno:'登录手机号',loginIp:'登录ip',userType:'mem-会员端用户,adm-管理端用户',loginDeviceId:'登录设备编号',loginDeviceSn:'设备特征码',userAgent:'请求特征码',reqNo:'请求特征码-方便前端补充回填部分信息',deviceType:'设备类型COMPUTER/MOBILE/TABLET/GAME_CONSOLE/DMR/WEARABLE/UNKNOWN',os:'操作系统Windows/ios/Android',osVersion:'操作系统版本如Android',osName:'操作系统名称如Android',renderingEngine:'浏览器渲染引擎如WEBKIT',deviceManufacturer:'设备生产厂商',browerGroup:'浏览器组',borderName:'浏览器名称',borderVersion:'浏览器版本',longitude:'经度',latitude:'纬度',regionId:'区域编号精确到4级镇、街道',regionName:'定位街道名称',formatAddress:'定位格式化地址名称',districtId:'定位区县编号',memType:'用户类型',loginStatus:'1-登录成功,0-登录失败',loginMsg:'登录成功或者失败的说明',authType:'授权码',grantType:'授权码'} |
||||
|
**/ |
||||
|
|
||||
|
//普通查询 条件之间and关系
|
||||
|
export const listUserLoginRecord = params => { return axios.get(`${base}/mdp/sys/userLoginRecord/list`, { params: params }); }; |
||||
|
|
||||
|
//删除一条用户登录信息登记 params={id:'主键 主键'}
|
||||
|
export const delUserLoginRecord = params => { return axios.post(`${base}/mdp/sys/userLoginRecord/del`,params); }; |
||||
|
|
||||
|
//批量删除用户登录信息登记 params=[{id:'主键 主键'}]
|
||||
|
export const batchDelUserLoginRecord = params => { return axios.post(`${base}/mdp/sys/userLoginRecord/batchDel`, params); }; |
||||
|
|
||||
|
//修改一条用户登录信息登记记录
|
||||
|
export const editUserLoginRecord = params => { return axios.post(`${base}/mdp/sys/userLoginRecord/edit`, params); }; |
||||
|
|
||||
|
//新增一条用户登录信息登记
|
||||
|
export const addUserLoginRecord = params => { return axios.post(`${base}/mdp/sys/userLoginRecord/add`, params); }; |
||||
|
|
||||
|
//批量修改某些字段
|
||||
|
export const editSomeFieldsUserLoginRecord = params => { return axios.post(`${base}/mdp/sys/userLoginRecord/editSomeFields`, params); }; |
||||
|
|
||||
|
|
||||
|
|
||||
|
/**-------------------------前端mng|add|edit界面公共函数---------------请写在下面----------------------------------------------- */ |
||||
|
//初始化页面上的字典
|
||||
|
export const initDicts = (that) => { |
||||
|
var itemCodes=[];//在此添加要加载的字典 如['sex','grade','lvl']
|
||||
|
if(itemCodes.length>0){ |
||||
|
initSimpleDicts('all',itemCodes).then(res=>{ |
||||
|
Object.assign(that.dicts,res.data.data) |
||||
|
}); |
||||
|
} |
||||
|
}; |
||||
@ -1,509 +1,62 @@ |
|||||
<template> |
<template> |
||||
<div class="login-container"> |
|
||||
<el-form class="login-form" autoComplete="on" :model="loginForm" :rules="loginRules" ref="loginForm"> |
|
||||
<div class="title-container"> |
|
||||
<div class="logo"> |
|
||||
<img src="../../assets/image/logo1.png" alt="" /> |
|
||||
<div class="logo-text"> |
|
||||
<div class="main-title">{{$t('login.title')}}</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<lang-select class="set-language"></lang-select> |
|
||||
</div> |
|
||||
<el-form-item prop="authType"> |
|
||||
<el-radio-group v-model="loginForm.authType"> |
|
||||
<el-radio label="password_display_userid">账户密码</el-radio> |
|
||||
<el-radio label="sms">短信验证码快速登录</el-radio> |
|
||||
</el-radio-group> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="userloginid" v-show="loginForm.authType=='password_display_userid'"> |
|
||||
<el-input title="登陆账号" name="userloginid" type="text" v-model="loginForm.userloginid" autoComplete="on" placeholder="用户编号" > |
|
||||
<template slot="prepend">账号</template> |
|
||||
</el-input> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item prop="password" v-show="loginForm.authType=='password_display_userid'"> |
|
||||
<el-input name="password" :type="passwordType" @keyup.enter.native="handleLogin" v-model="loginForm.password" autoComplete="on" placeholder="password"> |
|
||||
<template slot="prepend">密码</template> |
|
||||
<span slot="append" class="show-pwd" @click="showPwd"> |
|
||||
<svg-icon icon-class="eye" /> |
|
||||
</span> |
|
||||
</el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="phoneno" v-show="loginForm.authType=='sms'"> |
|
||||
<el-input name="phoneno" type="text" v-model="loginForm.phoneno" autoComplete="on" placeholder="手机号码"> |
|
||||
<template slot="prepend">手机号码 </template> |
|
||||
<el-button slot="append" @click.prevent="sendPhonenoSmsCode" v-loading="load.sendSmsCode">发送验证码</el-button> |
|
||||
</el-input> |
|
||||
|
|
||||
<span v-if="users!=null && users.length>0"> 该手机号有{{users.length}}个账户,请选择需要登录的账户<font color="blue"></font> |
|
||||
<br> |
|
||||
<el-tag v-if="selectUser && selectUser.userid">已选择:{{selectUser.username}}</el-tag> <el-button type="text" @click="phonenoUsersVisible=true">选择账户</el-button> |
|
||||
</span> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="smsCode" v-show="loginForm.authType=='sms'"> |
|
||||
<el-input name="smsCode" type="text" v-model="loginForm.smsCode" autoComplete="on" placeholder="短信验证码"> |
|
||||
<template slot="prepend">短信验证码</template> |
|
||||
<template slot="append">六位验证码</template> |
|
||||
</el-input> |
|
||||
</el-form-item> |
|
||||
<el-button type="primary" style="width:100%;margin-bottom:30px;" :loading="loading" @click.native.prevent="handleLogin">{{$t('login.logIn')}}</el-button> |
|
||||
<el-row> |
|
||||
<el-button type="success" plain round @click="showRegisterDialog=true">新用户注册</el-button> |
|
||||
<el-button type="warning" plain round @click="showResetPasswordDialog=true">忘记密码</el-button> |
|
||||
<el-button type="primary" plain round @click="showTpLoginDialog=true">{{$t('login.thirdparty')}}</el-button> |
|
||||
</el-row> |
|
||||
</el-form> |
|
||||
<el-dialog |
|
||||
title="请选择一个部门进行登陆" |
|
||||
:visible.sync="deptSelectVisible" |
|
||||
width="screenWidth<500?'90%':'500px" append-to-body> |
|
||||
<el-row class="app-container"> |
|
||||
<el-col :span=20 v-for="(d,index) in myDepts" :key="index"> |
|
||||
<el-col :span=20><el-radio v-model="userDeptid" :label="d.deptid">{{d.deptName}}({{d.branchName}}) </el-radio> </el-col> |
|
||||
</el-col> |
|
||||
</el-row > |
|
||||
<el-row class="app-container" style="text-align:right;"> |
|
||||
<el-col :span=20 > |
|
||||
<el-button @click="deptSelectVisible = false">取 消</el-button> |
|
||||
<el-button type="primary" @click="deptChecked">确 定</el-button> |
|
||||
</el-col> |
|
||||
</el-row > |
|
||||
</el-dialog> |
|
||||
|
|
||||
<!-- 第三方登陆窗口 --> |
|
||||
<el-dialog :title="$t('login.thirdparty')" :visible.sync="showTpLoginDialog" append-to-body> |
|
||||
{{$t('login.thirdpartyTips')}} |
|
||||
<br/> |
|
||||
<br/> |
|
||||
<br/> |
|
||||
<social-sign /> |
|
||||
</el-dialog> |
|
||||
<!-- 注册窗口 --> |
|
||||
<el-dialog title="新用户注册" :visible.sync="showRegisterDialog" append-to-body> |
|
||||
<register /> |
|
||||
</el-dialog> |
|
||||
<!-- 重置密码窗口 --> |
|
||||
<el-dialog title="重置密码" :visible.sync="showResetPasswordDialog" append-to-body> |
|
||||
<reset-password /> |
|
||||
</el-dialog> |
|
||||
<!--新增 Branch 管理端机构表(机构下面若干部门)界面--> |
|
||||
<el-dialog title="新增机构" :visible.sync="addBranchFormVisible" width="50%" :close-on-click-modal="false" append-to-body> |
|
||||
<branch-add :visible="addBranchFormVisible" @cancel="addBranchFormVisible=false" @submit="afterAddBranchSubmit"></branch-add> |
|
||||
</el-dialog> |
|
||||
|
|
||||
<el-dialog |
|
||||
title="查看已有账户" |
|
||||
:visible.sync="phonenoUsersVisible" |
|
||||
width="600" append-to-body> |
|
||||
<el-table :data="users"> |
|
||||
<el-table-column prop="userid" label="编号"> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="displayUserid" label="登录账号"> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="username" label="姓名"> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="branchName" label="企业"> |
|
||||
</el-table-column> |
|
||||
<el-table-column label="操作"> |
|
||||
<template slot-scope="scope"> |
|
||||
<el-button type="primary" @click="onUserSelect(scope.row)">选中</el-button> |
|
||||
</template> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
</el-dialog> |
|
||||
</div> |
|
||||
|
<div class="login_container"> |
||||
|
<div class="login_content"> |
||||
|
<div class="left"> |
||||
|
</div> |
||||
|
<div class="right"> |
||||
|
<div class="logo"> |
||||
|
<img src="@/assets/image/logo1.png"> |
||||
|
<span>唛盟</span> |
||||
|
</div> |
||||
|
<div class="login_box"> |
||||
|
<div class="login_box_content"> |
||||
|
<div class="top"> |
||||
|
<h2>平台{{status == 'register' ? '注册' : '登录' }}</h2> |
||||
|
<span v-if="status == 'login'" >没有账号?<a style="color:#409EFF;" @click="status = 'register' ">点此注册</a> </span> |
||||
|
<span v-else>已有账号?<a style="color:#409EFF;" @click="status = 'login' ">点此登录</a> </span> |
||||
|
</div> |
||||
|
<login-form v-if="status == 'login'"></login-form> |
||||
|
<register-form v-else></register-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
|
||||
import { sendSmsCode } from '@/api/sms/sms'; |
|
||||
import LangSelect from '@/components/LangSelect'; |
|
||||
import SocialSign from './socialsignin'; |
|
||||
import Register from './register'; |
|
||||
import ResetPassword from './resetPassword'; |
|
||||
import { queryByUserloginid } from '@/api/login'; |
|
||||
|
|
||||
import BranchAdd from './BranchAdd'; |
|
||||
import { mapGetters } from 'vuex'; |
|
||||
import md5 from 'js-md5'; |
|
||||
|
<script> |
||||
|
import loginForm from './components/login'; |
||||
|
import registerForm from './components/register'; |
||||
|
|
||||
export default { |
export default { |
||||
components: { LangSelect, SocialSign, BranchAdd, Register,ResetPassword}, |
|
||||
name: 'login', |
|
||||
data() { |
|
||||
const validateDisplayUserid = (rule, value, callback) => { |
|
||||
if (this.loginForm.authType=='password_display_userid') { |
|
||||
if(value.length<=6){ |
|
||||
callback(new Error('请输入6位以上用户账号')) |
|
||||
}else{ |
|
||||
callback() |
|
||||
} |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
const validatePassword = (rule, value, callback) => { |
|
||||
if (this.loginForm.authType=='password_display_userid') { |
|
||||
if(value.length<6){ |
|
||||
callback(new Error('密码最少为六位')) |
|
||||
}else{ |
|
||||
callback() |
|
||||
} |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
const validatePhoneno = (rule, value, callback) => { |
|
||||
if (this.loginForm.authType=='sms') { |
|
||||
if(value.length !=11 ){ |
|
||||
callback(new Error('手机号码必须为11位号码')) |
|
||||
}else{ |
|
||||
callback() |
|
||||
} |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
const validateSmsCode = (rule, value, callback) => { |
|
||||
if (this.loginForm.authType=='sms') { |
|
||||
if(value.length !=6 ){ |
|
||||
callback(new Error('请输入6位短信验证码')) |
|
||||
}else{ |
|
||||
callback() |
|
||||
} |
|
||||
} else { |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
return { |
|
||||
loginForm: { |
|
||||
userloginid: '', |
|
||||
password: '', |
|
||||
authType:'password_display_userid',//password/sms/password_display_userid 分别为账户密码、短信验证码快捷登录 |
|
||||
phoneno:'',//手机号码 |
|
||||
smsCode:'',//短信验证码 |
|
||||
}, |
|
||||
loginRules: { |
|
||||
userloginid: [{ required: true, trigger: 'blur', validator: validateDisplayUserid }], |
|
||||
password: [{ required: true, trigger: 'blur', validator: validatePassword }], |
|
||||
phoneno: [{ required: true, trigger: 'blur', validator: validatePhoneno }], |
|
||||
smsCode: [{ required: true, trigger: 'blur', validator: validateSmsCode }], |
|
||||
}, |
|
||||
passwordType: 'password', |
|
||||
|
|
||||
loading: false, |
|
||||
load:{sendSmsCode:false,}, |
|
||||
showResetPasswordDialog:false,//显示忘记密码重置密码窗口 |
|
||||
showTpLoginDialog: false, //显示第三方登陆对话框 |
|
||||
showRegisterDialog: false,//显示注册窗口 |
|
||||
deptSelectVisible:false,//显示选择部门对话框 |
|
||||
userDeptid:'',//选中的部门编号 |
|
||||
addBranchFormVisible:false, //显示添加机构对话框 |
|
||||
users:[], |
|
||||
phonenoUsersVisible:false, |
|
||||
selectUser:null, |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
showPwd() { |
|
||||
if (this.passwordType === 'password') { |
|
||||
this.passwordType = '' |
|
||||
} else { |
|
||||
this.passwordType = 'password' |
|
||||
} |
|
||||
}, |
|
||||
sendPhonenoSmsCode(){ |
|
||||
this.load.sendSmsCode=true; |
|
||||
this.$refs.loginForm.validateField("phoneno",(err)=>{ |
|
||||
if(err){ |
|
||||
this.$message.error(err); |
|
||||
this.load.sendSmsCode=false; |
|
||||
return; |
|
||||
}else{ |
|
||||
var params={ |
|
||||
phoneno:this.loginForm.phoneno, |
|
||||
scene:"login" |
|
||||
} |
|
||||
|
|
||||
sendSmsCode(params).then(res=>{ |
|
||||
this.load.sendSmsCode=false; |
|
||||
if(res.data.tips.isOk){ |
|
||||
this.$message.success(res.data.tips.msg); |
|
||||
this.queryByUserloginid(); |
|
||||
}else{ |
|
||||
this.$message.error(res.data.tips.msg); |
|
||||
} |
|
||||
}).catch(()=>this.load.sendSmsCode=false) |
|
||||
|
name: 'login', |
||||
|
components: {loginForm, registerForm}, |
||||
|
data() { |
||||
|
return { |
||||
|
status: "login", |
||||
} |
} |
||||
}); |
|
||||
|
|
||||
}, |
}, |
||||
handleLogin() { |
|
||||
|
|
||||
this.$refs.loginForm.validate(valid => { |
|
||||
if (valid) { |
|
||||
this.loading = true |
|
||||
let params={ |
|
||||
userloginid:this.loginForm.userloginid, |
|
||||
password:md5(this.loginForm.password), |
|
||||
deptid:this.userDeptid, |
|
||||
authType:this.loginForm.authType, |
|
||||
phoneno:this.loginForm.phoneno, |
|
||||
smsCode:this.loginForm.smsCode |
|
||||
} |
|
||||
var loginParams={ } |
|
||||
if(params.authType=='password_display_userid'){ |
|
||||
loginParams.userloginid=params.userloginid |
|
||||
loginParams.password=params.password |
|
||||
loginParams.grantType="password" |
|
||||
loginParams.authType='password_display_userid' |
|
||||
loginParams.deptid=params.deptid |
|
||||
}else if(params.authType=='sms'){ |
|
||||
loginParams.userloginid=params.phoneno |
|
||||
loginParams.password=params.smsCode |
|
||||
loginParams.grantType="password" |
|
||||
loginParams.authType="sms" |
|
||||
loginParams.deptid=params.deptid |
|
||||
} |
|
||||
if(this.selectUser){ |
|
||||
loginParams.userid=this.selectUser.userid |
|
||||
} |
|
||||
this.$store.dispatch("LoginByUserloginid",loginParams).then(res => { |
|
||||
this.loading = false |
|
||||
if(res.data.tips.isOk==true){ |
|
||||
console.log(this.$store); |
|
||||
this.loading = true; |
|
||||
this.$store.dispatch('GetUserInfo').then((res2)=>{ |
|
||||
//this.userDeptid=res2.data.userInfo.deptid |
|
||||
this.loading = false |
|
||||
if(res2.data.tips.isOk==true){ |
|
||||
if(this.$store.state.user.myDepts.length>1 ){ |
|
||||
//this.$message.info("亲,您在多个部门中任职,我分不清您要登陆哪个部门,请选择一个部门登陆吧"); |
|
||||
if( !this.userDeptid ){ |
|
||||
this.userDeptid=res2.data.userInfo.deptid |
|
||||
this.deptSelectVisible=true; |
|
||||
}else{ |
|
||||
this.rolesChecked(); |
|
||||
} |
|
||||
//this.$router.push({ path: 'mdp/sys/branch/BranchAdd' }) |
|
||||
}else if(this.$store.state.user.myDepts.length==1){ |
|
||||
//进行角色身份验证 |
|
||||
this.userDeptid=res2.data.userInfo.deptid |
|
||||
this.rolesChecked(); |
|
||||
}else{ |
|
||||
this.rolesChecked(); |
|
||||
|
|
||||
} |
|
||||
}else{ |
|
||||
this.$message.error(res2.data.tips.msg); |
|
||||
} |
|
||||
|
|
||||
}).catch(err=>{ |
|
||||
console.log(err); |
|
||||
this.loading = false |
|
||||
}); |
|
||||
}else{ |
|
||||
this.$message.error(res.data.tips.msg); |
|
||||
} |
|
||||
}).catch((e) => { |
|
||||
console.log(e); |
|
||||
this.loading = false |
|
||||
}) |
|
||||
} else { |
|
||||
console.log('error submit!!') |
|
||||
return false |
|
||||
} |
|
||||
}) |
|
||||
|
methods: { |
||||
}, |
}, |
||||
deptChecked() { |
|
||||
if( !this.userDeptid){ |
|
||||
this.$message.error("请选择登陆的部门") |
|
||||
return |
|
||||
} |
|
||||
|
|
||||
let depts=this.myDepts.filter(d=>d.deptid==this.userDeptid) |
|
||||
if(this.$store.state.user.userInfo.deptid!=this.userDeptid){ |
|
||||
this.handleLogin(); |
|
||||
return; |
|
||||
}else{ |
|
||||
this.rolesChecked(); |
|
||||
} |
|
||||
|
|
||||
|
|
||||
|
created() { |
||||
}, |
}, |
||||
//角色身份验证 |
|
||||
rolesChecked(){ |
|
||||
if(this.userInfo.isSuperAdmin){ |
|
||||
this.$router.push({ path: '/' }); |
|
||||
this.$message.info("欢迎登陆,超级管理员"); |
|
||||
}else if(this.userInfo.isPlatformAdmin){ |
|
||||
this.$router.push({ path: '/' }); |
|
||||
this.$message.info("欢迎登陆,平台管理员"); |
|
||||
}else{ |
|
||||
this.$router.push({ path: '/' }); |
|
||||
this.$message.info("欢迎登陆"); |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
afterAddBranchSubmit(branch){ |
|
||||
this.addBranchFormVisible=false; |
|
||||
this.handleLogin(); |
|
||||
}, |
|
||||
afterQRScan() { |
|
||||
// const hash = window.location.hash.slice(1) |
|
||||
// const hashObj = getQueryObject(hash) |
|
||||
// const originUrl = window.location.origin |
|
||||
// history.replaceState({}, '', originUrl) |
|
||||
// const codeMap = { |
|
||||
// wechat: 'code', |
|
||||
// tencent: 'code' |
|
||||
// } |
|
||||
// const codeName = hashObj[codeMap[this.auth_type]] |
|
||||
// if (!codeName) { |
|
||||
// alert('第三方登录失败') |
|
||||
// } else { |
|
||||
// this.$store.dispatch('LoginByThirdparty', codeName).then(() => { |
|
||||
// this.$router.push({ path: '/' }) |
|
||||
// }) |
|
||||
// } |
|
||||
}, |
|
||||
queryByUserloginid(){ |
|
||||
var params={userloginid:this.loginForm.userloginid} |
|
||||
if(this.loginForm.authType=='sms'){ |
|
||||
params.idType="phoneno" |
|
||||
}else{ |
|
||||
params.idType='all' |
|
||||
} |
|
||||
queryByUserloginid(params).then(res=>{ |
|
||||
var tips = res.data.tips; |
|
||||
if(tips.isOk){ |
|
||||
this.users=res.data.data |
|
||||
} |
|
||||
}) |
|
||||
|
destroyed() { |
||||
}, |
}, |
||||
onUserSelect(user){ |
|
||||
this.selectUser=user |
|
||||
this.phonenoUsersVisible=false; |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
// window.addEventListener('hashchange', this.afterQRScan) |
|
||||
}, |
|
||||
destroyed() { |
|
||||
// window.removeEventListener('hashchange', this.afterQRScan) |
|
||||
}, |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'myBranchs','myDepts','userInfo','roles' |
|
||||
]), |
|
||||
|
|
||||
screenWidth:function(){ |
|
||||
return screen.width; |
|
||||
}, |
|
||||
} |
|
||||
|
|
||||
} |
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
</script> |
</script> |
||||
|
|
||||
|
|
||||
<style rel="stylesheet/scss" lang="scss" scoped> |
|
||||
$bg:#2d3a4b; |
|
||||
$dark_gray:#889aa4; |
|
||||
$light_gray:#ef1010; |
|
||||
|
<style lang="scss" scoped> |
||||
|
@import './index.scss'; |
||||
|
</style> |
||||
|
|
||||
|
|
||||
|
|
||||
.login-container { |
|
||||
position:absolute; |
|
||||
height: 100%; |
|
||||
width: 100%; |
|
||||
background-color: $bg; |
|
||||
background-size: 100%; |
|
||||
background:url(../../assets/image/yxin_login_backgroup_pc.png) center center; |
|
||||
.login-form { |
|
||||
position: absolute; |
|
||||
left: 0; |
|
||||
right: 0; |
|
||||
max-width: 520px; |
|
||||
padding: 35px 35px 15px 35px; |
|
||||
margin: 180px auto; |
|
||||
border-radius: 20px; |
|
||||
background-color:#f5f7faee; |
|
||||
} |
|
||||
.tips { |
|
||||
font-size: 14px; |
|
||||
color: #fff; |
|
||||
margin-bottom: 10px; |
|
||||
span { |
|
||||
&:first-of-type { |
|
||||
margin-right: 16px; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.svg-container { |
|
||||
padding: 6px 5px 6px 15px; |
|
||||
color: $dark_gray; |
|
||||
vertical-align: middle; |
|
||||
width: 30px; |
|
||||
display: inline-block; |
|
||||
&_login { |
|
||||
font-size: 20px; |
|
||||
} |
|
||||
} |
|
||||
.title-container { |
|
||||
position: relative; |
|
||||
.title { |
|
||||
font-size: 26px; |
|
||||
font-weight: 400; |
|
||||
color: $light_gray; |
|
||||
margin: 0px auto 40px auto; |
|
||||
text-align: center; |
|
||||
font-weight: bold; |
|
||||
} |
|
||||
.set-language { |
|
||||
color: rgb(95, 41, 221); |
|
||||
position: absolute; |
|
||||
top: 5px; |
|
||||
right: 0px; |
|
||||
} |
|
||||
} |
|
||||
.show-pwd { |
|
||||
position: absolute; |
|
||||
right: 10px; |
|
||||
top: 7px; |
|
||||
font-size: 16px; |
|
||||
color: $dark_gray; |
|
||||
cursor: pointer; |
|
||||
user-select: none; |
|
||||
} |
|
||||
.thirdparty-button { |
|
||||
position: absolute; |
|
||||
right: 35px; |
|
||||
bottom: 28px; |
|
||||
} |
|
||||
.register-button { |
|
||||
position: absolute; |
|
||||
bottom: 28px; |
|
||||
} |
|
||||
} |
|
||||
.logo { |
|
||||
height: 100px; |
|
||||
width: 100%; |
|
||||
// padding: 0 20px; |
|
||||
display: flex; |
|
||||
align-items: left; |
|
||||
justify-content: center; |
|
||||
img { |
|
||||
height: 100%; |
|
||||
} |
|
||||
.logo-text { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: center; |
|
||||
color: $light_gray; |
|
||||
.main-title { |
|
||||
font-size: 35px; |
|
||||
font-weight: 400; |
|
||||
color: $light_gray; |
|
||||
text-align: center; |
|
||||
font-weight: bold; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,61 +0,0 @@ |
|||||
<template> |
|
||||
<div class="login_container"> |
|
||||
<div class="login_content"> |
|
||||
<div class="left"> |
|
||||
</div> |
|
||||
<div class="right"> |
|
||||
<div class="logo"> |
|
||||
<img src="@/assets/image/logo1.png"> |
|
||||
<span>唛盟</span> |
|
||||
</div> |
|
||||
<div class="login_box"> |
|
||||
<div class="login_box_content"> |
|
||||
<div class="top"> |
|
||||
<h2>平台{{status == 'register' ? '注册' : '登录' }}</h2> |
|
||||
<span v-if="status == 'login'" >没有账号?<a style="color:#409EFF;" @click="status = 'register' ">点此注册</a> </span> |
|
||||
<span v-else>已有账号?<a style="color:#409EFF;" @click="status = 'login' ">点此登录</a> </span> |
|
||||
</div> |
|
||||
<login-form v-if="status == 'login'"></login-form> |
|
||||
<register-form v-else></register-form> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import loginForm from './components/login'; |
|
||||
import registerForm from './components/register'; |
|
||||
|
|
||||
export default { |
|
||||
name: 'login', |
|
||||
components: {loginForm, registerForm}, |
|
||||
data() { |
|
||||
return { |
|
||||
status: "login", |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
methods: { |
|
||||
}, |
|
||||
|
|
||||
created() { |
|
||||
}, |
|
||||
destroyed() { |
|
||||
}, |
|
||||
|
|
||||
} |
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
@import './index.scss'; |
|
||||
</style> |
|
||||
|
|
||||
|
|
||||
|
|
||||
@ -1,378 +0,0 @@ |
|||||
<template> |
|
||||
<div> |
|
||||
<el-form autoComplete="on" label-width="120px" :model="loginForm" :rules="loginRules" ref="loginForm"> |
|
||||
<div> |
|
||||
<div class="logo"> |
|
||||
<img src="../../assets/image/logo1.png" alt="" /> |
|
||||
<div class="logo-text"> |
|
||||
<div class="systemName">{{$t('login.title')}}</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
</div> |
|
||||
<el-form-item prop="phoneno" label="手机号码"> |
|
||||
<el-input name="phoneno" type="text" v-model="loginForm.phoneno" autoComplete="on" placeholder="手机号码"> |
|
||||
<span slot="append"> <el-button @click.prevent="sendPhonenoSmsCode" v-loading="load.sendSmsCode">发送验证码</el-button> </span> |
|
||||
</el-input> |
|
||||
<span v-if="phonenoUsers!=null && phonenoUsers.length>0"> 该手机号已注册有{{phonenoUsers.length}}个账户<font color="blue"></font> |
|
||||
<el-button type="text" @click="phonenoUsersVisible=true">查看明细</el-button> |
|
||||
</span> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="smsCode" label="短信验证码"> |
|
||||
<el-input name="smsCode" type="text" v-model="loginForm.smsCode" autoComplete="on" placeholder="短信验证码"> |
|
||||
<template slot="append">六位验证码</template> |
|
||||
</el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="username" label="用户名称"> |
|
||||
<el-input name="username" type="text" v-model="loginForm.username" autoComplete="on" placeholder="用户名称" > |
|
||||
</el-input> |
|
||||
</el-form-item> |
|
||||
<el-form-item prop="displayUserid" label="账号"> |
|
||||
<el-input name="displayUserid" type="text" v-model="loginForm.displayUserid" autoComplete="on" placeholder="用户编号" > |
|
||||
<el-button slot="append" @click.prevent="checkDisplayUserid">检测是否已注册</el-button> |
|
||||
</el-input> |
|
||||
</el-form-item> |
|
||||
|
|
||||
<el-form-item prop="password" label="密码"> |
|
||||
<el-input name="password" :type="passwordType" @keyup.enter.native="handleLogin" v-model="loginForm.password" autoComplete="on" placeholder="password"> |
|
||||
<span slot="append" class="show-pwd" @click="showPwd"> |
|
||||
<svg-icon icon-class="eye" /> |
|
||||
</span> |
|
||||
</el-input> |
|
||||
</el-form-item> |
|
||||
<el-button type="primary" style="width:100%;margin-bottom:30px;" :loading="loading" @click.native.prevent="handleRegister">注册</el-button> |
|
||||
</el-form> |
|
||||
<el-dialog |
|
||||
title="请选择一个部门进行登陆" |
|
||||
:visible.sync="deptSelectVisible" |
|
||||
width="screenWidth<500?'90%':'500px" append-to-body> |
|
||||
<el-row class="app-container"> |
|
||||
<el-col :span=20 v-for="(d,index) in myDepts" :key="index"> |
|
||||
<el-col :span=20><el-radio v-model="userDeptid" :label="d.deptid">{{d.deptName}}({{d.branchName}}) </el-radio> </el-col> |
|
||||
</el-col> |
|
||||
</el-row > |
|
||||
<el-row class="app-container" style="text-align:right;"> |
|
||||
<el-col :span=20 > |
|
||||
<el-button @click="deptSelectVisible = false">取 消</el-button> |
|
||||
<el-button type="primary" @click="deptChecked">确 定</el-button> |
|
||||
</el-col> |
|
||||
</el-row > |
|
||||
</el-dialog> |
|
||||
<el-dialog |
|
||||
title="查看已有账户" |
|
||||
:visible.sync="phonenoUsersVisible" |
|
||||
width="600" append-to-body> |
|
||||
<el-table :data="phonenoUsers"> |
|
||||
<el-table-column prop="userid" label="编号"> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="displayUserid" label="登录账号"> |
|
||||
</el-table-column> |
|
||||
<el-table-column prop="username" label="姓名"> |
|
||||
</el-table-column> |
|
||||
|
|
||||
<el-table-column prop="branchName" label="企业"> |
|
||||
</el-table-column> |
|
||||
</el-table> |
|
||||
</el-dialog> |
|
||||
<!-- 第三方登陆窗口 --> |
|
||||
<el-dialog :title="$t('login.thirdparty')" :visible.sync="showTpLoginDialog" append-to-body> |
|
||||
{{$t('login.thirdpartyTips')}} |
|
||||
<br/> |
|
||||
<br/> |
|
||||
<br/> |
|
||||
<social-sign /> |
|
||||
</el-dialog> |
|
||||
|
|
||||
<!--新增 Branch 管理端机构表(机构下面若干部门)界面--> |
|
||||
<el-dialog title="新增机构" :visible.sync="addBranchFormVisible" width="50%" :close-on-click-modal="false" append-to-body> |
|
||||
<branch-add :visible="addBranchFormVisible" @cancel="addBranchFormVisible=false" @submit="afterAddBranchSubmit"></branch-add> |
|
||||
</el-dialog> |
|
||||
</div> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { sendSmsCode } from '@/api/sms/sms'; |
|
||||
import { checkPhoneno,checkDisplayUserid,doRegister,queryByUserloginid } from '@/api/login'; |
|
||||
|
|
||||
import LangSelect from '@/components/LangSelect'; |
|
||||
import SocialSign from './socialsignin'; |
|
||||
import BranchAdd from './BranchAdd'; |
|
||||
import { mapGetters } from 'vuex'; |
|
||||
import md5 from 'js-md5'; |
|
||||
|
|
||||
export default { |
|
||||
components: { LangSelect, SocialSign, BranchAdd }, |
|
||||
name: 'login', |
|
||||
data() { |
|
||||
const validateDisplayUserid = (rule, value, callback) => { |
|
||||
if( !value || value.length<=6){ |
|
||||
callback(new Error('请输入6位以上用户账号')) |
|
||||
}else{ |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
const validatePassword = (rule, value, callback) => { |
|
||||
if( !value || value.length<6){ |
|
||||
callback(new Error('密码最少为六位')) |
|
||||
}else{ |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
const validatePhoneno = (rule, value, callback) => { |
|
||||
if( !value || value.length !=11 ){ |
|
||||
callback(new Error('手机号码必须为11位号码')) |
|
||||
}else{ |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
const validateSmsCode = (rule, value, callback) => { |
|
||||
if( !value || value.length !=6 ){ |
|
||||
callback(new Error('请输入6位短信验证码')) |
|
||||
}else{ |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
const validateUsername = (rule, value, callback) => { |
|
||||
if( !value || value.length <2 ){ |
|
||||
callback(new Error('请输入用户名称')) |
|
||||
}else{ |
|
||||
callback() |
|
||||
} |
|
||||
} |
|
||||
return { |
|
||||
loginForm: { |
|
||||
username:'', |
|
||||
displayUserid: '', |
|
||||
password: '', |
|
||||
authType:'password_display_userid',//password/sms/password_display_userid 分别为账户密码、短信验证码快捷登录 |
|
||||
phoneno:'',//手机号码 |
|
||||
smsCode:'',//短信验证码 |
|
||||
}, |
|
||||
loginRules: { |
|
||||
|
|
||||
username: [{ required: true, trigger: 'blur', validator: validateUsername }], |
|
||||
displayUserid: [{ required: true, trigger: 'blur', validator: validateDisplayUserid }], |
|
||||
password: [{ required: true, trigger: 'blur', validator: validatePassword }], |
|
||||
phoneno: [{ required: true, trigger: 'blur', validator: validatePhoneno }], |
|
||||
smsCode: [{ required: true, trigger: 'blur', validator: validateSmsCode }], |
|
||||
}, |
|
||||
passwordType: 'password', |
|
||||
|
|
||||
loading: false, |
|
||||
load:{sendSmsCode:false,}, |
|
||||
showTpLoginDialog: false, //显示第三方登陆对话框 |
|
||||
deptSelectVisible:false,//显示选择部门对话框 |
|
||||
userDeptid:'',//选中的部门编号 |
|
||||
addBranchFormVisible:false, //显示添加机构对话框 |
|
||||
phonenoUsers:[],//与手机号关联的账户 |
|
||||
phonenoUsersVisible:false, |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
showPwd() { |
|
||||
if (this.passwordType === 'password') { |
|
||||
this.passwordType = '' |
|
||||
} else { |
|
||||
this.passwordType = 'password' |
|
||||
} |
|
||||
}, |
|
||||
sendPhonenoSmsCode(){ |
|
||||
this.load.sendSmsCode=true; |
|
||||
if(!this.loginForm.phoneno){ |
|
||||
this.$message.error("手机号码不能为空"); |
|
||||
this.load.sendSmsCode=false; |
|
||||
return; |
|
||||
} |
|
||||
if(this.loginForm.phoneno.length !=11 ){ |
|
||||
this.$message.error("手机号码必须为11位"); |
|
||||
this.load.sendSmsCode=false; |
|
||||
return; |
|
||||
} |
|
||||
var params={ |
|
||||
phoneno:this.loginForm.phoneno, |
|
||||
scene:"register" |
|
||||
} |
|
||||
queryByUserloginid({userloginid:this.loginForm.phoneno,idType:"phoneno"}).then(res0=>{ |
|
||||
this.load.sendSmsCode=false; |
|
||||
if(res0.data.tips.isOk){ |
|
||||
this.phonenoUsers=res0.data.data; |
|
||||
sendSmsCode(params).then(res=>{ |
|
||||
if(res.data.tips.isOk){ |
|
||||
this.$message.success(res.data.tips.msg); |
|
||||
}else{ |
|
||||
this.$message.error(res.data.tips.msg); |
|
||||
} |
|
||||
}) |
|
||||
} |
|
||||
}).catch(err=> this.load.sendSmsCode=false) |
|
||||
/** |
|
||||
checkPhoneno(this.loginForm.phoneno).then(res0=>{ |
|
||||
if(res0.data.tips.isOk){ |
|
||||
sendSmsCode(params).then(res=>{ |
|
||||
if(res.data.tips.isOk){ |
|
||||
this.$message.success(res.data.tips.msg); |
|
||||
}else{ |
|
||||
this.$message.error(res.data.tips.msg); |
|
||||
} |
|
||||
}) |
|
||||
}else{ |
|
||||
this.$message.error("手机号码已存在,不允许注册,请直接登录"); |
|
||||
} |
|
||||
}) |
|
||||
*/ |
|
||||
|
|
||||
}, |
|
||||
checkPhonenoUsers(){ |
|
||||
queryByUserloginid({userloginid:this.loginForm.phoneno,idType:"phoneno",atype:'1'}).then(res0=>{ |
|
||||
if(res0.data.tips.isOk){ |
|
||||
this.phonenoUsers=res0.data.data; |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
checkDisplayUserid(){ |
|
||||
if(!this.loginForm.displayUserid){ |
|
||||
this.$message.error("账号不能为空"); |
|
||||
return; |
|
||||
} |
|
||||
checkDisplayUserid(this.loginForm.displayUserid).then(res0=>{ |
|
||||
if(res0.data.tips.isOk){ |
|
||||
this.$message.success("该账户可以注册"); |
|
||||
}else{ |
|
||||
this.$message.error("该账户已存在,不允许再注册!"); |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
handleRegister() { |
|
||||
this.loading = true |
|
||||
this.$refs.loginForm.validate(valid => { |
|
||||
if (valid) { |
|
||||
let params={ |
|
||||
displayUserid:this.loginForm.displayUserid, |
|
||||
password:md5(this.loginForm.password), |
|
||||
deptid:this.userDeptid, |
|
||||
phoneno:this.loginForm.phoneno, |
|
||||
smsCode:this.loginForm.smsCode, |
|
||||
username:this.loginForm.username, |
|
||||
} |
|
||||
doRegister(params).then(res=>{ |
|
||||
this.loading = false |
|
||||
if(res.data.tips.isOk){ |
|
||||
this.$message.success(res.data.tips.msg); |
|
||||
}else{ |
|
||||
this.$message.error(res.data.tips.msg); |
|
||||
} |
|
||||
}) |
|
||||
} else { |
|
||||
this.loading = false |
|
||||
return false |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
deptChecked() { |
|
||||
if( !this.userDeptid){ |
|
||||
this.$message.error("请选择登陆的部门") |
|
||||
return |
|
||||
} |
|
||||
|
|
||||
let depts=this.myDepts.filter(d=>d.deptid==this.userDeptid) |
|
||||
if(this.$store.state.user.userInfo.deptid!=this.userDeptid){ |
|
||||
this.handleLogin(); |
|
||||
return; |
|
||||
}else{ |
|
||||
this.rolesChecked(); |
|
||||
} |
|
||||
|
|
||||
}, |
|
||||
//角色身份验证 |
|
||||
rolesChecked(){ |
|
||||
if(this.userInfo.isSuperAdmin){ |
|
||||
this.$router.push({ path: '/' }); |
|
||||
this.$message.info("欢迎登陆,超级管理员"); |
|
||||
}else if(this.userInfo.isPlatformAdmin){ |
|
||||
this.$router.push({ path: '/' }); |
|
||||
this.$message.info("欢迎登陆,平台管理员"); |
|
||||
}else{ |
|
||||
this.$router.push({ path: '/' }); |
|
||||
this.$message.info("欢迎登陆"); |
|
||||
} |
|
||||
}, |
|
||||
|
|
||||
afterAddBranchSubmit(branch){ |
|
||||
this.addBranchFormVisible=false; |
|
||||
this.loading=true |
|
||||
this.$store.dispatch('GetUserInfo').then((res)=>{ |
|
||||
this.userDeptid=res.data.userInfo.deptid |
|
||||
this.loading = false; |
|
||||
//角色身份验证 |
|
||||
this.rolesChecked(); |
|
||||
}); |
|
||||
}, |
|
||||
afterQRScan() { |
|
||||
// const hash = window.location.hash.slice(1) |
|
||||
// const hashObj = getQueryObject(hash) |
|
||||
// const originUrl = window.location.origin |
|
||||
// history.replaceState({}, '', originUrl) |
|
||||
// const codeMap = { |
|
||||
// wechat: 'code', |
|
||||
// tencent: 'code' |
|
||||
// } |
|
||||
// const codeName = hashObj[codeMap[this.auth_type]] |
|
||||
// if (!codeName) { |
|
||||
// alert('第三方登录失败') |
|
||||
// } else { |
|
||||
// this.$store.dispatch('LoginByThirdparty', codeName).then(() => { |
|
||||
// this.$router.push({ path: '/' }) |
|
||||
// }) |
|
||||
// } |
|
||||
} |
|
||||
}, |
|
||||
created() { |
|
||||
// window.addEventListener('hashchange', this.afterQRScan) |
|
||||
}, |
|
||||
destroyed() { |
|
||||
// window.removeEventListener('hashchange', this.afterQRScan) |
|
||||
}, |
|
||||
computed: { |
|
||||
...mapGetters([ |
|
||||
'myBranchs','myDepts','userInfo','roles' |
|
||||
]), |
|
||||
|
|
||||
screenWidth:function(){ |
|
||||
return screen.width; |
|
||||
}, |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
|
|
||||
<style rel="stylesheet/scss" lang="scss" scoped> |
|
||||
$bg:#2d3a4b; |
|
||||
$dark_gray:#889aa4; |
|
||||
$light_gray:#ef1010; |
|
||||
|
|
||||
.logo { |
|
||||
height: 100px; |
|
||||
width: 100%; |
|
||||
// padding: 0 20px; |
|
||||
display: flex; |
|
||||
align-items: left; |
|
||||
justify-content: center; |
|
||||
img { |
|
||||
height: 100%; |
|
||||
} |
|
||||
.logo-text { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: center; |
|
||||
color: $light_gray; |
|
||||
.systemName { |
|
||||
font-size: 35px; |
|
||||
font-weight: 400; |
|
||||
color: $light_gray; |
|
||||
text-align: center; |
|
||||
font-weight: bold; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -0,0 +1,182 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row ref="table"> |
||||
|
<!--编辑界面 Branch 管理端机构表(机构下面若干部门)--> |
||||
|
<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editFormRef"> |
||||
|
<el-form-item label="机构编号" prop="id" v-if="opType==='add'"> |
||||
|
<el-input v-model="editForm.id" placeholder="机构编号,如果不填写将后台自动生成" :maxlength="50" :disabled="branch.id"></el-input> |
||||
|
<br><font color="red">机构号将作为该机构的管理员登录账号</font> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="机构名称" prop="branchName"> |
||||
|
<el-input v-model="editForm.branchName" placeholder="机构名称" :maxlength="50"> |
||||
|
<template slot="prepend" v-if="opType==='edit'"> |
||||
|
{{editForm.id}} |
||||
|
</template> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="是否可用" prop="enabled" v-if="opType==='edit'"> |
||||
|
<el-select v-model="editForm.enabled"> |
||||
|
<el-option v-for="(item,index) in dicts['enabled']" :value="item.id" :label="item.name" :key="index"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="行业分类" prop="industryCategory"> |
||||
|
<el-select v-model="editForm.industryCategory"> |
||||
|
<el-option v-for="(item,index) in dicts['industryCategory']" :value="item.id" :label="item.name" :key="index"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="创建日期" prop="cdate" v-if="opType==='edit'"> |
||||
|
<el-date-picker type="date" placeholder="选择日期" v-model="editForm.cdate" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd"></el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系人姓名" prop="lusername"> |
||||
|
<el-input v-model="editForm.lusername" placeholder="联系人姓名" :maxlength="255"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系电话" prop="lphoneNo"> |
||||
|
<el-input v-model="editForm.lphoneNo" placeholder="联系电话" :maxlength="50"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系邮箱" prop="emaill"> |
||||
|
<el-input v-model="editForm.emaill" placeholder="联系邮箱" :maxlength="50"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="管理员" prop="admUserid"> |
||||
|
|
||||
|
账号: <font style="font-size:10px;">{{editForm.admUserid}}</font> 名称: <font style="font-size:10px;">{{editForm.admUsername}} </font> 登录密码:<font style="font-size:10px;">{{opType==='add'?'888888':'*****'}}</font> |
||||
|
<br><font color="blue">管理员账户具有最高权限,仅作为内部管理权限使用,账户编号与机构号相同,不可修改</font> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="公司地址" prop="address" v-if="opType==='edit'"> |
||||
|
<el-input v-model="editForm.address" placeholder="公司地址" :maxlength="255"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-row> |
||||
|
<el-button @click.native="handleCancel">取消</el-button> |
||||
|
<el-button v-loading="load.edit" type="primary" @click.native="saveSubmit" :disabled="load.edit==true">提交</el-button> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import config from "@/common/config"; //全局公共库import |
||||
|
import { initDicts, addBranch,editBranch } from '@/api/mdp/sys/branch'; |
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
export default { |
||||
|
name:'branchEdit', |
||||
|
components: { |
||||
|
|
||||
|
}, |
||||
|
computed: { |
||||
|
...mapGetters([ 'userInfo' ]), |
||||
|
|
||||
|
}, |
||||
|
props:['branch','visible','opType'], |
||||
|
|
||||
|
watch: { |
||||
|
'branch':function( branch ) { |
||||
|
if(branch){ |
||||
|
this.editForm = {...branch}; |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
'editForm.id':function( val ) { |
||||
|
this.editForm.admUserid =val; |
||||
|
}, |
||||
|
'editForm.branchName':function( val ) { |
||||
|
this.editForm.admUsername =val+'管理员'; |
||||
|
}, |
||||
|
'visible':function(visible) { |
||||
|
if(visible==true){ |
||||
|
this.initData() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
currOpType:'add',//add/edit |
||||
|
load:{ list: false, edit: false, del: false, add: false },//查询中... |
||||
|
dicts:{ |
||||
|
industryCategory:[], |
||||
|
enabled:[], |
||||
|
},//下拉选择框的所有静态数据 params={categoryId:'all',itemCodes:['sex']} 返回结果 {sex: [{id:'1',name:'男'},{id:'2',name:'女'}]} |
||||
|
editFormRules: { |
||||
|
branchName: [ |
||||
|
{ required: true, message: '机构名称不能为空', trigger: 'blur' } |
||||
|
] |
||||
|
}, |
||||
|
editForm: { |
||||
|
id:'',branchName:'',enabled:'',industryCategory:'',cuserid:'',cdate:'',cusername:'',lphoneNo:'',emaill:'',bizProcInstId:'',bizFlowState:'',pbranchId:'',admUserid:'',admUsername:'',lusername:'',luserid:'',address:'' |
||||
|
}, |
||||
|
maxTableHeight:300, |
||||
|
}//end return |
||||
|
},//end data |
||||
|
methods: { |
||||
|
|
||||
|
...util, |
||||
|
|
||||
|
// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听 |
||||
|
handleCancel:function(){ |
||||
|
this.$refs['editFormRef'].resetFields(); |
||||
|
this.$emit('cancel'); |
||||
|
}, |
||||
|
//新增、编辑提交Branch 管理端机构表(机构下面若干部门)父组件监听@submit="afterEditSubmit" |
||||
|
saveSubmit: function () { |
||||
|
this.$refs.editFormRef.validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.$confirm('确认提交吗?', '提示', {}).then(() => { |
||||
|
this.load.edit=true |
||||
|
let params = Object.assign({}, this.editForm); |
||||
|
var func=addBranch |
||||
|
if(this.currOpType=='edit'){ |
||||
|
func=editBranch |
||||
|
} |
||||
|
func(params).then((res) => { |
||||
|
this.load.edit=false |
||||
|
var tips=res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.editForm=res.data.data |
||||
|
this.initData() |
||||
|
this.currOpType="edit"; |
||||
|
this.$emit('submit');// @submit="afterAddSubmit" |
||||
|
} |
||||
|
this.$notify({ position:'bottom-left',showClose:true, message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
}).catch( err =>this.load.edit=false); |
||||
|
}); |
||||
|
}else{ |
||||
|
this.$notify({ showClose:true, message: "表单验证不通过,请修改表单数据再提交", type: 'error' }); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
initData: function(){ |
||||
|
this.currOpType=this.opType |
||||
|
if(this.branch){ |
||||
|
this.editForm = Object.assign({},this.branch); |
||||
|
} |
||||
|
|
||||
|
if(this.opType=='edit'){ |
||||
|
|
||||
|
}else{ |
||||
|
this.editForm.cuserid=this.userInfo.userid |
||||
|
this.editForm.cusername=this.userInfo.username |
||||
|
this.editForm.luserid=this.userInfo.userid |
||||
|
this.editForm.lusername=this.userInfo.username |
||||
|
this.editForm.lphoneNo=this.userInfo.phoneno |
||||
|
this.editForm.email=this.userInfo.email |
||||
|
this.editForm.enabled="0" |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
},//end method |
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
initDicts(this); |
||||
|
this.initData() |
||||
|
this.maxTableHeight = util.calcTableMaxHeight(this.$refs.table.$el) |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,182 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row ref="table"> |
||||
|
<!--编辑界面 Branch 管理端机构表(机构下面若干部门)--> |
||||
|
<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editFormRef"> |
||||
|
<el-form-item label="机构编号" prop="id" v-if="opType==='add'"> |
||||
|
<el-input v-model="editForm.id" placeholder="机构编号,如果不填写将后台自动生成" :maxlength="50" :disabled="branch.id"></el-input> |
||||
|
<br><font color="red">机构号将作为该机构的管理员登录账号</font> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="机构名称" prop="branchName"> |
||||
|
<el-input v-model="editForm.branchName" placeholder="机构名称" :maxlength="50"> |
||||
|
<template slot="prepend" v-if="opType==='edit'"> |
||||
|
{{editForm.id}} |
||||
|
</template> |
||||
|
</el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="是否可用" prop="enabled" v-if="opType==='edit'"> |
||||
|
<el-select v-model="editForm.enabled"> |
||||
|
<el-option v-for="(item,index) in dicts['enabled']" :value="item.id" :label="item.name" :key="index"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="行业分类" prop="industryCategory"> |
||||
|
<el-select v-model="editForm.industryCategory"> |
||||
|
<el-option v-for="(item,index) in dicts['industryCategory']" :value="item.id" :label="item.name" :key="index"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="创建日期" prop="cdate" v-if="opType==='edit'"> |
||||
|
<el-date-picker type="date" placeholder="选择日期" v-model="editForm.cdate" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd"></el-date-picker> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系人姓名" prop="lusername"> |
||||
|
<el-input v-model="editForm.lusername" placeholder="联系人姓名" :maxlength="255"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系电话" prop="lphoneNo"> |
||||
|
<el-input v-model="editForm.lphoneNo" placeholder="联系电话" :maxlength="50"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="联系邮箱" prop="emaill"> |
||||
|
<el-input v-model="editForm.emaill" placeholder="联系邮箱" :maxlength="50"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="管理员" prop="admUserid"> |
||||
|
|
||||
|
账号: <font style="font-size:10px;">{{editForm.admUserid}}</font> 名称: <font style="font-size:10px;">{{editForm.admUsername}} </font> 登录密码:<font style="font-size:10px;">{{opType==='add'?'888888':'*****'}}</font> |
||||
|
<br><font color="blue">管理员账户具有最高权限,仅作为内部管理权限使用,账户编号与机构号相同,不可修改</font> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="公司地址" prop="address" v-if="opType==='edit'"> |
||||
|
<el-input v-model="editForm.address" placeholder="公司地址" :maxlength="255"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-row> |
||||
|
<el-button @click.native="handleCancel">取消</el-button> |
||||
|
<el-button v-loading="load.edit" type="primary" @click.native="saveSubmit" :disabled="load.edit==true">提交</el-button> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import config from "@/common/config"; //全局公共库import |
||||
|
import { initDicts, addBranch,editBranch } from '@/api/mdp/sys/branch'; |
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
export default { |
||||
|
name:'branchEdit', |
||||
|
components: { |
||||
|
|
||||
|
}, |
||||
|
computed: { |
||||
|
...mapGetters([ 'userInfo' ]), |
||||
|
|
||||
|
}, |
||||
|
props:['branch','visible','opType'], |
||||
|
|
||||
|
watch: { |
||||
|
'branch':function( branch ) { |
||||
|
if(branch){ |
||||
|
this.editForm = {...branch}; |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
'editForm.id':function( val ) { |
||||
|
this.editForm.admUserid =val; |
||||
|
}, |
||||
|
'editForm.branchName':function( val ) { |
||||
|
this.editForm.admUsername =val+'管理员'; |
||||
|
}, |
||||
|
'visible':function(visible) { |
||||
|
if(visible==true){ |
||||
|
this.initData() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
currOpType:'add',//add/edit |
||||
|
load:{ list: false, edit: false, del: false, add: false },//查询中... |
||||
|
dicts:{ |
||||
|
industryCategory:[], |
||||
|
enabled:[], |
||||
|
},//下拉选择框的所有静态数据 params={categoryId:'all',itemCodes:['sex']} 返回结果 {sex: [{id:'1',name:'男'},{id:'2',name:'女'}]} |
||||
|
editFormRules: { |
||||
|
branchName: [ |
||||
|
{ required: true, message: '机构名称不能为空', trigger: 'blur' } |
||||
|
] |
||||
|
}, |
||||
|
editForm: { |
||||
|
id:'',branchName:'',enabled:'',industryCategory:'',cuserid:'',cdate:'',cusername:'',lphoneNo:'',emaill:'',bizProcInstId:'',bizFlowState:'',pbranchId:'',admUserid:'',admUsername:'',lusername:'',luserid:'',address:'' |
||||
|
}, |
||||
|
maxTableHeight:300, |
||||
|
}//end return |
||||
|
},//end data |
||||
|
methods: { |
||||
|
|
||||
|
...util, |
||||
|
|
||||
|
// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听 |
||||
|
handleCancel:function(){ |
||||
|
this.$refs['editFormRef'].resetFields(); |
||||
|
this.$emit('cancel'); |
||||
|
}, |
||||
|
//新增、编辑提交Branch 管理端机构表(机构下面若干部门)父组件监听@submit="afterEditSubmit" |
||||
|
saveSubmit: function () { |
||||
|
this.$refs.editFormRef.validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.$confirm('确认提交吗?', '提示', {}).then(() => { |
||||
|
this.load.edit=true |
||||
|
let params = Object.assign({}, this.editForm); |
||||
|
var func=addBranch |
||||
|
if(this.currOpType=='edit'){ |
||||
|
func=editBranch |
||||
|
} |
||||
|
func(params).then((res) => { |
||||
|
this.load.edit=false |
||||
|
var tips=res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.editForm=res.data.data |
||||
|
this.initData() |
||||
|
this.currOpType="edit"; |
||||
|
this.$emit('submit');// @submit="afterAddSubmit" |
||||
|
} |
||||
|
this.$notify({ position:'bottom-left',showClose:true, message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
}).catch( err =>this.load.edit=false); |
||||
|
}); |
||||
|
}else{ |
||||
|
this.$notify({ showClose:true, message: "表单验证不通过,请修改表单数据再提交", type: 'error' }); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
initData: function(){ |
||||
|
this.currOpType=this.opType |
||||
|
if(this.branch){ |
||||
|
this.editForm = Object.assign({},this.branch); |
||||
|
} |
||||
|
|
||||
|
if(this.opType=='edit'){ |
||||
|
|
||||
|
}else{ |
||||
|
this.editForm.cuserid=this.userInfo.userid |
||||
|
this.editForm.cusername=this.userInfo.username |
||||
|
this.editForm.luserid=this.userInfo.userid |
||||
|
this.editForm.lusername=this.userInfo.username |
||||
|
this.editForm.lphoneNo=this.userInfo.phoneno |
||||
|
this.editForm.email=this.userInfo.email |
||||
|
this.editForm.enabled="0" |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
},//end method |
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
initDicts(this); |
||||
|
this.initData() |
||||
|
this.maxTableHeight = util.calcTableMaxHeight(this.$refs.table.$el) |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,163 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row class="padding" style="width:700px;"> |
||||
|
<el-form :model="editForm" label-width="120px" ref="editForm"> |
||||
|
<el-form-item label="更换步骤"> |
||||
|
<el-steps :active="2" finish-status="success"> |
||||
|
<el-step title="1 验证原邮箱"></el-step> |
||||
|
<el-step title="2 验证新邮箱"></el-step> |
||||
|
<el-step title="3 更换成功"></el-step> |
||||
|
</el-steps> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="新邮箱" prop="email" :rules="[{required:true,message:'新邮箱不能为空'}]"> |
||||
|
<el-input style="width:400px;" v-model="editForm.email" auto-complete="off"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="text" @click.native="doLogin" :loading="editLoading">登录</el-button> <el-button type="primary" @click.native="doChangeEmail" :loading="editLoading">提交</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import config from '@/common/config';//全局公共库 |
||||
|
import { sendEmail,validEmailCode } from '@/api/login'; |
||||
|
import { mapGetters } from 'vuex' |
||||
|
export default { |
||||
|
|
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo' |
||||
|
]) |
||||
|
}, |
||||
|
props:['user'], |
||||
|
watch: { |
||||
|
'user':function(data) { |
||||
|
this.editForm=data; |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
data() { |
||||
|
|
||||
|
var validatePhoneno = (rule, value, callback) => { |
||||
|
if (!value) { |
||||
|
callback(); |
||||
|
} else { |
||||
|
if (value) { |
||||
|
if(value.length<11 || value.length>11){ |
||||
|
callback(new Error('手机号码必须11位')); |
||||
|
} |
||||
|
if(!(/^1[3456789]\d{9}$/.test(value))){ |
||||
|
callback(new Error('手机号码格式不正确')); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
callback(); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
var validateEmail = (rule, value, callback) => { |
||||
|
if (value=='') { |
||||
|
callback(); |
||||
|
} else { |
||||
|
if (value !== '') { |
||||
|
var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/; |
||||
|
if(!reg.test(value)){ |
||||
|
callback(new Error('邮箱格式不正确')); |
||||
|
} |
||||
|
} |
||||
|
callback(); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
var validateIdCardNo = (rule, value, callback) => { |
||||
|
if (value === ''|| value==null) { |
||||
|
//callback(nPhonenoew Error('请输入密码')); |
||||
|
callback(); |
||||
|
}else { |
||||
|
if (value !== '' && value.length>15) { |
||||
|
var reg = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/; |
||||
|
if(!reg.test(value)){ |
||||
|
callback(new Error('身份证号码格式不正确')); |
||||
|
}else{ |
||||
|
callback(); |
||||
|
} |
||||
|
}else if(value !== '' && value.length<15){ |
||||
|
callback(new Error('请输入15位或者18位长度身份证号码')); |
||||
|
}else{ |
||||
|
callback(); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}; |
||||
|
return { |
||||
|
validateEmail:validateEmail, |
||||
|
options:{},//下拉选择框的所有静态数据 |
||||
|
editLoading: false, |
||||
|
editFormRules: { |
||||
|
email: [ |
||||
|
{ validator:validateEmail, trigger: 'blur' } |
||||
|
] |
||||
|
}, |
||||
|
editForm:{ |
||||
|
email:'' |
||||
|
}, |
||||
|
valiCode:'',//验证码 |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听 |
||||
|
handleCancel:function(){ |
||||
|
this.$emit('cancel'); |
||||
|
}, |
||||
|
doChangeEmail(){ |
||||
|
this.$refs.editForm.validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.changeEmail(); |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
changeEmail(){ |
||||
|
if(this.editForm.email){ |
||||
|
var curlDomain=window.location.protocol+"//"+window.location.host+"/"+process.env.CONTEXT+"/"+process.env.VERSION; |
||||
|
sendEmail({codeScene:'3',codeEmail:this.editForm.email,userType:'staff',callbackUri:curlDomain+'/#/changeEmailStepTwo'}).then(res=>{ |
||||
|
var tips = res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.$message({ message: "邮件已发送,请到收件箱收取邮件,并点击其链接进行验证新邮箱。", type: 'success' }); |
||||
|
}else{ |
||||
|
this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
validEmailCode(){ |
||||
|
validEmailCode({valiCode:this.valiCode,userType:'staff'}).then(res=>{ |
||||
|
var tips = res.data.tips; |
||||
|
this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
}) |
||||
|
}, |
||||
|
doLogin(){ |
||||
|
this.$router.push({path: '/login' }) |
||||
|
} |
||||
|
}, |
||||
|
components: { |
||||
|
}, |
||||
|
mounted() { |
||||
|
var valiCode=this.$route.query.valiCode; |
||||
|
//var valiCode=util.getQueryStringByName('valiCode'); |
||||
|
if(valiCode){ |
||||
|
this.valiCode=valiCode; |
||||
|
this.validEmailCode(); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,109 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<el-row class="padding" style="width:700px;"> |
||||
|
<el-form :model="editForm" label-width="120px" ref="editForm"> |
||||
|
<el-form-item label="更换常用邮箱"> |
||||
|
<el-steps :active="3" finish-status="success"> |
||||
|
<el-step title="1 验证原邮箱"></el-step> |
||||
|
<el-step title="2 验证新邮箱"></el-step> |
||||
|
<el-step title="3 更换成功"></el-step> |
||||
|
</el-steps> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="primary" @click.native="doLogin" :loading="editLoading">登录</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import config from '@/common/config';//全局公共库 |
||||
|
import { validEmailCode } from '@/api/login'; |
||||
|
import { mapGetters } from 'vuex' |
||||
|
export default { |
||||
|
|
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo' |
||||
|
]) |
||||
|
}, |
||||
|
props:['user'], |
||||
|
watch: { |
||||
|
'user':function(data) { |
||||
|
this.editForm=data; |
||||
|
}, |
||||
|
|
||||
|
}, |
||||
|
data() { |
||||
|
|
||||
|
var validateEmail = (rule, value, callback) => { |
||||
|
if (value=='') { |
||||
|
callback(); |
||||
|
} else { |
||||
|
if (value !== '') { |
||||
|
var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/; |
||||
|
if(!reg.test(value)){ |
||||
|
callback(new Error('邮箱格式不正确')); |
||||
|
} |
||||
|
} |
||||
|
callback(); |
||||
|
} |
||||
|
}; |
||||
|
|
||||
|
return { |
||||
|
validateEmail:validateEmail, |
||||
|
options:{},//下拉选择框的所有静态数据 |
||||
|
editLoading: false, |
||||
|
editFormRules: { |
||||
|
email: [ |
||||
|
{ validator:validateEmail, trigger: 'blur' } |
||||
|
] |
||||
|
}, |
||||
|
editForm:{ |
||||
|
email:'' |
||||
|
}, |
||||
|
valiCode:'',//验证码 |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
// 取消按钮点击 父组件监听@cancel="editFormVisible=false" 监听 |
||||
|
handleCancel:function(){ |
||||
|
this.$emit('cancel'); |
||||
|
}, |
||||
|
doChangeEmail(){ |
||||
|
this.$refs.editForm.validate((valid) => { |
||||
|
if (valid) { |
||||
|
this.changeEmail(); |
||||
|
} |
||||
|
}) |
||||
|
|
||||
|
}, |
||||
|
validEmailCode(){ |
||||
|
validEmailCode({valiCode:this.valiCode,userType:'staff'}).then(res=>{ |
||||
|
var tips = res.data.tips; |
||||
|
this.$message({ message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
}) |
||||
|
}, |
||||
|
doLogin(){ |
||||
|
this.$router.push({path: '/login' }); |
||||
|
} |
||||
|
}, |
||||
|
components: { |
||||
|
}, |
||||
|
mounted() { |
||||
|
var valiCode=this.$route.query.valiCode; |
||||
|
//var valiCode=util.getQueryStringByName('valiCode'); |
||||
|
if(valiCode){ |
||||
|
this.valiCode=valiCode; |
||||
|
this.validEmailCode(); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,397 @@ |
|||||
|
<template> |
||||
|
<section class="page-container border padding"> |
||||
|
<el-row> |
||||
|
<el-input v-model="filters.key" style="width: 20%;" placeholder="模糊查询"></el-input> |
||||
|
<el-button v-loading="load.list" :disabled="load.list==true" @click="searchUserLoginRecords" icon="el-icon-search">查询</el-button> |
||||
|
</el-row> |
||||
|
<el-row class="padding-top"> |
||||
|
<!--列表 UserLoginRecord 用户登录信息登记--> |
||||
|
<el-table ref="userLoginRecordTable" :data="userLoginRecords" :height="maxTableHeight" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;"> |
||||
|
<el-table-column type="selection" width="55" show-overflow-tooltip fixed="left"></el-table-column> |
||||
|
<el-table-column sortable type="index" width="55" show-overflow-tooltip fixed="left"></el-table-column> |
||||
|
<el-table-column prop="userid" label="用户编号" min-width="80" show-overflow-tooltip fixed="left"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.userid}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="loginType" label="登录方式" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.loginType}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="loginTime" label="登录时间" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.loginTime}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="loginBranchId" label="登录机构号" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.loginBranchId}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="username" label="登录用户名" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.username}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="phoneno" label="登录手机号" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.phoneno}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="loginIp" label="登录ip" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.loginIp}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="userAgent" label="请求特征码" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.userAgent}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<!-- |
||||
|
<el-table-column prop="deviceType" label="设备类型" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.deviceType}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="os" label="操作系统" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.os}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="osVersion" label="操作系统版本如Android" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.osVersion}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="osName" label="系统名称" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.osName}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="deviceManufacturer" label="设备生产厂商" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.deviceManufacturer}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="browerGroup" label="浏览器组" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.browerGroup}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="borderName" label="浏览器名称" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.borderName}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="borderVersion" label="浏览器版本" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.borderVersion}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="longitude" label="经度" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.longitude}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="latitude" label="纬度" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.latitude}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
--> |
||||
|
<el-table-column prop="loginStatus" label="登录状态" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-tag v-if="scope.row.loginStatus=='0'" type="danger"> |
||||
|
失败 |
||||
|
</el-tag> |
||||
|
<el-tag v-else type="success"> |
||||
|
成功 |
||||
|
</el-tag> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="loginMsg" label="登录说明" min-width="80" show-overflow-tooltip> |
||||
|
<template slot-scope="scope"> |
||||
|
<span > |
||||
|
{{scope.row.loginMsg}} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize" :total="pageInfo.total" style="float:right;"></el-pagination> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import config from '@/common/config';//全局公共库 |
||||
|
import { initDicts,listUserLoginRecord, delUserLoginRecord, batchDelUserLoginRecord,editSomeFieldsUserLoginRecord } from '@/api/mdp/sys/userLoginRecord'; |
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
export default { |
||||
|
name:'userLoginRecordMng', |
||||
|
components: { |
||||
|
}, |
||||
|
props:['visible'], |
||||
|
computed: { |
||||
|
...mapGetters(['userInfo']), |
||||
|
|
||||
|
}, |
||||
|
watch:{ |
||||
|
visible(val){ |
||||
|
if(val==true){ |
||||
|
this.initData(); |
||||
|
this.searchUserLoginRecords() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
filters: { |
||||
|
key: '' |
||||
|
}, |
||||
|
userLoginRecords: [],//查询结果 |
||||
|
pageInfo:{//分页数据 |
||||
|
total:0,//服务器端收到0时,会自动计算总记录数,如果上传>0的不自动计算。 |
||||
|
pageSize:10,//每页数据 |
||||
|
count:false,//是否需要重新计算总记录数 |
||||
|
pageNum:1,//当前页码、从1开始计算 |
||||
|
orderFields:['login_time'],//排序列 如 ['sex','student_id'],必须为数据库字段 |
||||
|
orderDirs:['desc']//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc'] |
||||
|
}, |
||||
|
load:{ list: false, edit: false, del: false, add: false },//查询中... |
||||
|
sels: [],//列表选中数据 |
||||
|
dicts:{ |
||||
|
//sex: [{id:'1',name:'男'},{id:'2',name:'女'}] |
||||
|
},//下拉选择框的所有静态数据 params={categoryId:'all',itemCodes:['sex']} 返回结果 {sex: [{id:'1',name:'男'},{id:'2',name:'女'}]} |
||||
|
addFormVisible: false,//新增userLoginRecord界面是否显示 |
||||
|
addForm: { |
||||
|
userid:'',shopId:'',locationId:'',loginShopid:'',loginLocationid:'',branchId:'',loginType:'',loginTime:'',loginBranchId:'',username:'',authId:'',mdpAppid:'',lockNo:'',lockStatus:'',lockTime:'',phoneno:'',loginIp:'',userType:'',loginDeviceId:'',loginDeviceSn:'',userAgent:'',reqNo:'',deviceType:'',os:'',osVersion:'',osName:'',renderingEngine:'',deviceManufacturer:'',browerGroup:'',borderName:'',borderVersion:'',id:'',longitude:'',latitude:'',regionId:'',regionName:'',formatAddress:'',districtId:'',memType:'',loginStatus:'',loginMsg:'',authType:'',grantType:'' |
||||
|
}, |
||||
|
|
||||
|
editFormVisible: false,//编辑界面是否显示 |
||||
|
editForm: { |
||||
|
userid:'',shopId:'',locationId:'',loginShopid:'',loginLocationid:'',branchId:'',loginType:'',loginTime:'',loginBranchId:'',username:'',authId:'',mdpAppid:'',lockNo:'',lockStatus:'',lockTime:'',phoneno:'',loginIp:'',userType:'',loginDeviceId:'',loginDeviceSn:'',userAgent:'',reqNo:'',deviceType:'',os:'',osVersion:'',osName:'',renderingEngine:'',deviceManufacturer:'',browerGroup:'',borderName:'',borderVersion:'',id:'',longitude:'',latitude:'',regionId:'',regionName:'',formatAddress:'',districtId:'',memType:'',loginStatus:'',loginMsg:'',authType:'',grantType:'' |
||||
|
}, |
||||
|
maxTableHeight:300, |
||||
|
} |
||||
|
},//end data |
||||
|
methods: { |
||||
|
|
||||
|
...util, |
||||
|
|
||||
|
handleSizeChange(pageSize) { |
||||
|
this.pageInfo.pageSize=pageSize; |
||||
|
this.getUserLoginRecords(); |
||||
|
}, |
||||
|
handleCurrentChange(pageNum) { |
||||
|
this.pageInfo.pageNum = pageNum; |
||||
|
this.getUserLoginRecords(); |
||||
|
}, |
||||
|
// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名 |
||||
|
sortChange( obj ){ |
||||
|
if(obj.order==null){ |
||||
|
this.pageInfo.orderFields=[]; |
||||
|
this.pageInfo.orderDirs=[]; |
||||
|
}else{ |
||||
|
var dir='asc'; |
||||
|
if(obj.order=='ascending'){ |
||||
|
dir='asc' |
||||
|
}else{ |
||||
|
dir='desc'; |
||||
|
} |
||||
|
|
||||
|
this.pageInfo.orderFields=[util.toLine(obj.prop)]; |
||||
|
this.pageInfo.orderDirs=[dir]; |
||||
|
} |
||||
|
this.getUserLoginRecords(); |
||||
|
}, |
||||
|
searchUserLoginRecords(){ |
||||
|
this.pageInfo.count=true; |
||||
|
this.getUserLoginRecords(); |
||||
|
}, |
||||
|
//获取列表 UserLoginRecord 用户登录信息登记 |
||||
|
getUserLoginRecords() { |
||||
|
let params = { |
||||
|
pageSize: this.pageInfo.pageSize, |
||||
|
pageNum: this.pageInfo.pageNum, |
||||
|
total: this.pageInfo.total, |
||||
|
count:this.pageInfo.count |
||||
|
}; |
||||
|
if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){ |
||||
|
let orderBys=[]; |
||||
|
for(var i=0;i<this.pageInfo.orderFields.length;i++){ |
||||
|
orderBys.push(this.pageInfo.orderFields[i]+" "+this.pageInfo.orderDirs[i]) |
||||
|
} |
||||
|
params.orderBy= orderBys.join(",") |
||||
|
} |
||||
|
if(this.filters.key){ |
||||
|
params.key=this.filters.key |
||||
|
} |
||||
|
params.userid=this.userInfo.userid; |
||||
|
|
||||
|
this.load.list = true; |
||||
|
listUserLoginRecord(params).then((res) => { |
||||
|
var tips=res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.pageInfo.total = res.data.total; |
||||
|
this.pageInfo.count=false; |
||||
|
this.userLoginRecords = res.data.data; |
||||
|
}else{ |
||||
|
this.$notify({ position:'bottom-left',showClose:true, message: tips.msg, type: 'error' }); |
||||
|
} |
||||
|
this.load.list = false; |
||||
|
}).catch( err => this.load.list = false ); |
||||
|
}, |
||||
|
|
||||
|
//显示编辑界面 UserLoginRecord 用户登录信息登记 |
||||
|
showEdit: function ( row,index ) { |
||||
|
this.editFormVisible = true; |
||||
|
this.editForm = Object.assign({}, row); |
||||
|
}, |
||||
|
//显示新增界面 UserLoginRecord 用户登录信息登记 |
||||
|
showAdd: function () { |
||||
|
this.addFormVisible = true; |
||||
|
//this.addForm=Object.assign({}, this.editForm); |
||||
|
}, |
||||
|
afterAddSubmit(){ |
||||
|
this.addFormVisible=false; |
||||
|
this.pageInfo.count=true; |
||||
|
this.getUserLoginRecords(); |
||||
|
}, |
||||
|
afterEditSubmit(){ |
||||
|
this.editFormVisible=false; |
||||
|
}, |
||||
|
//选择行userLoginRecord |
||||
|
selsChange: function (sels) { |
||||
|
this.sels = sels; |
||||
|
}, |
||||
|
//删除userLoginRecord |
||||
|
handleDel: function (row,index) { |
||||
|
this.$confirm('确认删除该记录吗?', '提示', { |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
this.load.del=true; |
||||
|
let params = { id:row.id }; |
||||
|
delUserLoginRecord(params).then((res) => { |
||||
|
this.load.del=false; |
||||
|
var tips=res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.searchUserLoginRecords(); |
||||
|
} |
||||
|
this.$notify({ position:'bottom-left', showClose:true, message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
}).catch( err => this.load.del=false ); |
||||
|
}); |
||||
|
}, |
||||
|
//批量删除userLoginRecord |
||||
|
batchDel: function () { |
||||
|
if(this.sels.length<=0){ |
||||
|
return; |
||||
|
} |
||||
|
var params=this.sels.map(i=>{ |
||||
|
return { id:i.id} |
||||
|
}) |
||||
|
this.$confirm('确认删除选中记录吗?', '提示', { |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
this.load.del=true; |
||||
|
batchDelUserLoginRecord(params).then((res) => { |
||||
|
this.load.del=false; |
||||
|
var tips=res.data.tips; |
||||
|
if( tips.isOk ){ |
||||
|
this.searchUserLoginRecords(); |
||||
|
} |
||||
|
this.$notify({ position:'bottom-left',showClose:true, message: tips.msg, type: tips.isOk?'success':'error'}); |
||||
|
}).catch( err => this.load.del=false ); |
||||
|
}); |
||||
|
}, |
||||
|
editSomeFields(row,fieldName,$event){ |
||||
|
let params={}; |
||||
|
if(this.sels.length>0){ |
||||
|
if(!this.sels.some(k=> k.id==row.id)){ |
||||
|
this.$notify({position:'bottom-left',showClose:true,message:'请编辑选中的行',type:'warning'}) |
||||
|
Object.assign(this.editForm,this.editFormBak) |
||||
|
return; |
||||
|
} |
||||
|
params['ids']=this.sels.map(i=>i.id) |
||||
|
}else{ |
||||
|
params['ids']=[row].map(i=>i.id) |
||||
|
} |
||||
|
params[fieldName]=$event |
||||
|
var func = editSomeFieldsUserLoginRecord |
||||
|
func(params).then(res=>{ |
||||
|
let tips = res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
if(this.sels.length>0){ |
||||
|
this.searchUserLoginRecords(); |
||||
|
} |
||||
|
this.editFormBak=[...this.editForm] |
||||
|
}else{ |
||||
|
Object.assign(this.editForm,this.editFormBak) |
||||
|
this.$notify({position:'bottom-left',showClose:true,message:tips.msg,type:tips.isOk?'success':'error'}) |
||||
|
} |
||||
|
}).catch((e)=>Object.assign(this.editForm,this.editFormBak)) |
||||
|
}, |
||||
|
rowClick: function(row, event, column){ |
||||
|
this.editForm=row |
||||
|
this.editFormBak={...row}; |
||||
|
this.$emit('row-click',row, event, column);// @row-click="rowClick" |
||||
|
}, |
||||
|
initData: function(){ |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
},//end methods |
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
initDicts(this); |
||||
|
this.initData() |
||||
|
this.searchUserLoginRecords(); |
||||
|
this.maxTableHeight = util.calcTableMaxHeight(this.$refs.userLoginRecordTable.$el) |
||||
|
|
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
1434
src/views/xm/XmOverview.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
1163
src/views/xm/XmOverview2.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -0,0 +1,281 @@ |
|||||
|
<template> |
||||
|
<section class="padding"> |
||||
|
<el-row> |
||||
|
<el-input v-model="filters.key" style="width: 20%;" placeholder="任务名称、用户姓名模糊查询" clearable></el-input> |
||||
|
<el-input v-model="filters.taskId" style="width:150px;" placeholder="任务编号查询" clearable></el-input> |
||||
|
<span v-if="!selProject || !selProject.id"> |
||||
|
<el-input v-model="filters.projectId" style="width: 150px;" placeholder="项目编号" clearable></el-input> |
||||
|
<el-input v-model="filters.branchId" style="width: 150px;" placeholder="项目公司编号" clearable></el-input> |
||||
|
</span> |
||||
|
<el-input v-model="filters.execUserBranchId" style="width: 150px;" placeholder="用户公司编号" clearable></el-input> |
||||
|
<el-select v-model="filters.status" placeholder="候选状态" clearable> |
||||
|
<el-option v-for="(item,index) in dicts.projectTaskExecuserStatus" :value="item.id" :label="item.name" :key="index"></el-option> |
||||
|
</el-select> |
||||
|
<el-select v-model="filters.taskState" placeholder="任务状态" clearable> |
||||
|
<el-option v-for="(item,index) in dicts.taskState" :value="item.id" :label="item.name" :key="index"></el-option> |
||||
|
</el-select> |
||||
|
<el-button type="primary" v-loading="load.list" :disabled="load.list==true" v-on:click="searchXmTaskExecusers">查询</el-button> |
||||
|
<span style="float:right;"> |
||||
|
<el-button type="primary" @click="select">确认选择</el-button> |
||||
|
</span> |
||||
|
<!-- <el-button type="danger" v-loading="load.del" @click="batchDel" :disabled="this.sels.length===0 || load.del==true">批量删除</el-button> --> |
||||
|
</el-row> |
||||
|
<el-row class="page-main "> |
||||
|
<!--列表 XmTaskExecuser xm_task_execuser--> |
||||
|
<el-table ref="table" :height="tableHeight" :data="xmTaskExecusers" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;"> |
||||
|
|
||||
|
<el-table-column label="" type="selection" width="60" fixed="left"> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="序号" type="index" width="60" fixed="left"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="username" label="用户姓名" width="150" sortable show-overflow-tooltip fixed="left"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{scope.row.username}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="execUserBranchId" label="用户归属公司" width="150" sortable show-overflow-tooltip fixed="left"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="status" label="候选状态" width="100" sortable fixed="left"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-link type="primary" v-if="scope.row.status=='0'">候选中</el-link> |
||||
|
<el-link type="success" v-else-if="scope.row.status=='1'">执行中 </el-link> |
||||
|
<el-link type="info" v-else-if="scope.row.status=='7'">已放弃 </el-link> |
||||
|
<el-link type="danger" v-else-if="scope.row.status=='8'">黑名单 </el-link> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="taskName" label="任务名称" width="150" sortable show-overflow-tooltip fixed="left"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="taskName" label="任务状态" width="100" sortable show-overflow-tooltip > |
||||
|
<template slot-scope="scope"> |
||||
|
<el-tag v-for="(item,index) in formatDictsWithClass(dicts,'taskState',scope.row.taskState)" :key="index" :type="item.className">{{item.name}}</el-tag> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="projectId" label="项目编号" width="100" sortable show-overflow-tooltip> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="startTime" label="加入时间" width="150" sortable> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="endTime" label="离开时间" width="150" sortable> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="skillRemark" label="技能" min-width="150" sortable show-overflow-tooltip> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="remarks" label="备注" min-width="150" sortable show-overflow-tooltip> |
||||
|
</el-table-column> |
||||
|
<el-table-column label="报价信息" min-width="150"> |
||||
|
|
||||
|
<el-table-column prop="createTime" label="报价时间" width="150" sortable> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="quoteWorkload" label="报价工作量" width="100" sortable> |
||||
|
<template slot-scope="scope"> |
||||
|
{{scope.row.quoteWorkload?scope.row.quoteWorkload:'-'}}h |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="quotePrice" label="报价金额" width="100" sortable> |
||||
|
|
||||
|
<template slot-scope="scope"> |
||||
|
¥{{scope.row.quotePrice?scope.row.quotePrice:'-'}}元 |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-pagination layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize" :total="pageInfo.total" style="float:right;"></el-pagination> |
||||
|
|
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import config from "@/common/config"; //全局公共库 |
||||
|
|
||||
|
//import Sticky from '@/components/Sticky' // 粘性header组件 |
||||
|
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
||||
|
import { listXmTaskExecuserWithTask,editXmTaskExecuser,leaveTask,beExecutor,settleExec, delXmTaskExecuser, batchDelXmTaskExecuser,quotePrice,becomeCandidate,toTest,testSuccess,testFail } from '@/api/xm/core/xmTaskExecuser'; |
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
export default { |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo','roles' |
||||
|
]), |
||||
|
xmTask:function(){ |
||||
|
var xmTask={...this.editForm} |
||||
|
xmTask.id=this.editForm.taskId; |
||||
|
return xmTask; |
||||
|
} |
||||
|
}, |
||||
|
props: ["visible",'selProject'], |
||||
|
watch: { |
||||
|
'visible': function(val) { |
||||
|
if(val == true){ |
||||
|
this.searchXmTaskExecusers(); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
filters: { |
||||
|
key: '', |
||||
|
execUserBranchId:'', |
||||
|
taskId:'', |
||||
|
projectId:'', |
||||
|
status:'', |
||||
|
taskState:'', |
||||
|
branchId:'', |
||||
|
}, |
||||
|
xmTaskExecusers: [],//查询结果 |
||||
|
pageInfo:{//分页数据 |
||||
|
total:0,//服务器端收到0时,会自动计算总记录数,如果上传>0的不自动计算。 |
||||
|
pageSize:10,//每页数据 |
||||
|
count:false,//是否需要重新计算总记录数 |
||||
|
pageNum:1,//当前页码、从1开始计算 |
||||
|
orderFields:['res.create_time'],//排序列 如 ['sex','student_id'],必须为数据库字段 |
||||
|
orderDirs:['desc']//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc'] |
||||
|
}, |
||||
|
load:{ list: false, edit: false, del: false, add: false },//查询中... |
||||
|
sels: [],//列表选中数据 |
||||
|
dicts:{ |
||||
|
projectTaskExecuserStatus:[], |
||||
|
projectTaskSettleStatus:[], |
||||
|
},//下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} |
||||
|
|
||||
|
addFormVisible: false,//新增xmTaskExecuser界面是否显示 |
||||
|
//新增xmTaskExecuser界面初始化数据 |
||||
|
addForm: { |
||||
|
createTime:'',id:'',taskId:'',userid:'',startTime:'',endTime:'',status:'',remarks:'',settleAmount:'',settleWorkload:'',settleStatus:'',settleTime:'',createUserid:'',createUsername:'',username:'',matchScore:'',quoteWeekday:'',quoteAmount:'',quoteTime:'',bizProcInstId:'',bizFlowState:'',projectId:'',phaseId:'',skillRemark:'',quoteWorkload:'',quoteStartTime:'',quoteEndTime:'',branchId:'',projectPhaseName:'',taskName:'' |
||||
|
}, |
||||
|
|
||||
|
editFormVisible: false,//编辑界面是否显示 |
||||
|
//编辑xmTaskExecuser界面初始化数据 |
||||
|
editForm: { |
||||
|
createTime:'',id:'',taskId:'',userid:'',startTime:'',endTime:'',status:'',remarks:'',settleAmount:'',settleWorkload:'',settleStatus:'',settleTime:'',createUserid:'',createUsername:'',username:'',matchScore:'',quoteWeekday:'',quoteAmount:'',quoteTime:'',bizProcInstId:'',bizFlowState:'',projectId:'',phaseId:'',skillRemark:'',quoteWorkload:'',quoteStartTime:'',quoteEndTime:'',branchId:'',projectPhaseName:'',taskName:'' |
||||
|
}, |
||||
|
/**begin 自定义属性请在下面加 请加备注**/ |
||||
|
pickerOptions: util.getPickerOptions('datarange'), |
||||
|
tableHeight:300, |
||||
|
|
||||
|
/**end 自定义属性请在上面加 请加备注**/ |
||||
|
} |
||||
|
},//end data |
||||
|
methods: { |
||||
|
...util, |
||||
|
handleSizeChange(pageSize) { |
||||
|
this.pageInfo.pageSize=pageSize; |
||||
|
this.getXmTaskExecusers(); |
||||
|
}, |
||||
|
handleCurrentChange(pageNum) { |
||||
|
this.pageInfo.pageNum = pageNum; |
||||
|
this.getXmTaskExecusers(); |
||||
|
}, |
||||
|
// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名 |
||||
|
sortChange( obj ){ |
||||
|
var dir='asc'; |
||||
|
if(obj.order=='ascending'){ |
||||
|
dir='asc' |
||||
|
}else{ |
||||
|
dir='desc'; |
||||
|
} |
||||
|
if(obj.prop=='xxx'){ |
||||
|
this.pageInfo.orderFields=['xxx']; |
||||
|
this.pageInfo.orderDirs=[dir]; |
||||
|
} |
||||
|
this.getXmTaskExecusers(); |
||||
|
}, |
||||
|
searchXmTaskExecusers(){ |
||||
|
this.pageInfo.count=true; |
||||
|
this.getXmTaskExecusers(); |
||||
|
}, |
||||
|
//获取列表 XmTaskExecuser xm_task_execuser |
||||
|
getXmTaskExecusers() { |
||||
|
let params = { |
||||
|
pageSize: this.pageInfo.pageSize, |
||||
|
pageNum: this.pageInfo.pageNum, |
||||
|
total: this.pageInfo.total, |
||||
|
count:this.pageInfo.count |
||||
|
}; |
||||
|
if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){ |
||||
|
let orderBys=[]; |
||||
|
for(var i=0;i<this.pageInfo.orderFields.length;i++){ |
||||
|
orderBys.push(this.pageInfo.orderFields[i]+" "+this.pageInfo.orderDirs[i]) |
||||
|
} |
||||
|
params.orderBy= orderBys.join(",") |
||||
|
} |
||||
|
if(this.filters.key!==""){ |
||||
|
params.key=this.filters.key |
||||
|
} |
||||
|
this.load.list = true; |
||||
|
if(this.filters.taskId){ |
||||
|
params.taskId=this.filters.taskId |
||||
|
} |
||||
|
if(this.filters.projectId){ |
||||
|
params.projectId=this.filters.projectId |
||||
|
} |
||||
|
if(this.selProject && this.selProject.id){ |
||||
|
params.projectId=this.selProject.id |
||||
|
} |
||||
|
if(this.filters.execUserBranchId){ |
||||
|
params.execUserBranchId=this.filters.execUserBranchId |
||||
|
} |
||||
|
|
||||
|
if(this.filters.taskState){ |
||||
|
params.taskState=this.filters.taskState |
||||
|
} |
||||
|
if(this.filters.status){ |
||||
|
params.status=this.filters.status |
||||
|
} |
||||
|
listXmTaskExecuserWithTask(params).then((res) => { |
||||
|
var tips=res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.pageInfo.total = res.data.total; |
||||
|
this.pageInfo.count=false; |
||||
|
this.xmTaskExecusers = res.data.data; |
||||
|
this.$emit("loadExecUserList",this.xmTaskExecusers); |
||||
|
}else{ |
||||
|
this.$notify({position:'bottom-left',showClose:true,message: tips.msg, type: 'error' }); |
||||
|
} |
||||
|
this.load.list = false; |
||||
|
}).catch( err => this.load.list = false ); |
||||
|
}, |
||||
|
|
||||
|
//选择行xmTaskExecuser |
||||
|
selsChange: function (sels) { |
||||
|
this.sels = sels; |
||||
|
}, |
||||
|
rowClick: function(row, event, column){ |
||||
|
this.editForm=row; |
||||
|
this.$emit('row-click',row, event, column);// @row-click="rowClick" |
||||
|
}, |
||||
|
/**end 自定义函数请在上面加**/ |
||||
|
select: function(){ |
||||
|
this.$emit('select',this.sels);// @row-click="rowClick" |
||||
|
}, |
||||
|
},//end methods |
||||
|
components: { |
||||
|
//在下面添加其它组件 |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
this.tableHeight = util.calcTableMaxHeight(this.$refs.table.$el); |
||||
|
this.getXmTaskExecusers(); |
||||
|
}); |
||||
|
|
||||
|
initSimpleDicts('all',['projectTaskExecuserStatus','projectTaskSettleStatus','taskState']).then(res=>{ |
||||
|
this.dicts=res.data.data; |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.exec-navbar{ |
||||
|
background: #fafbfc; |
||||
|
padding: 0 20px; |
||||
|
height: 50px; |
||||
|
overflow: auto hidden; |
||||
|
line-height: 50px; |
||||
|
} |
||||
|
.badge { |
||||
|
margin-top: 7px; |
||||
|
padding-bottom: 10px; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue