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
xiejiahao
4 years ago
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> |
|||
<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> |
|||
|
|||
<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 { |
|||
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> |
|||
|
|||
|
|||
<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