|
|
@@ -1,4 +1,10 @@
|
|
|
<style lang="scss">
|
|
|
+ .account_active{
|
|
|
+ color:green;
|
|
|
+ }
|
|
|
+ .account_nactive{
|
|
|
+ color:red;
|
|
|
+ }
|
|
|
section>p{
|
|
|
color:#666666;
|
|
|
font-size:14px;
|
|
|
@@ -26,17 +32,17 @@
|
|
|
<el-input clearable placeholder="请输入信息标题" v-model="form.name"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="">
|
|
|
- <el-select v-model="form.num" placeholder="请选择期刊">
|
|
|
+ <el-select v-model="form.journal_id" placeholder="请选择期刊" clearable>
|
|
|
<el-option
|
|
|
- v-for="item in alloptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">
|
|
|
+ v-for="item in journalsList"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-button type="primary">搜索</el-button>
|
|
|
+ <el-button type="primary" @click="search">搜索</el-button>
|
|
|
</el-form-item>
|
|
|
<el-form-item style="float:right" >
|
|
|
<el-button @click="addPerson" type="primary">新增管理员</el-button>
|
|
|
@@ -50,11 +56,11 @@
|
|
|
default-expand-all row-key="id"
|
|
|
style="width: 100%">
|
|
|
<el-table-column
|
|
|
- prop="account"
|
|
|
+ prop="name"
|
|
|
label="账号">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="name"
|
|
|
+ prop="realname"
|
|
|
label="姓名">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
@@ -62,27 +68,31 @@
|
|
|
label="手机号">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop=""
|
|
|
+ prop="journal_name"
|
|
|
label="所属期刊">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop=""
|
|
|
+ prop="role_name"
|
|
|
label="创建角色">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
prop=""
|
|
|
label="状态">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span class="account_active" v-if="scope.row.is_active">激活</span>
|
|
|
+ <span class="account_nactive" v-else>禁用</span>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop=""
|
|
|
+ prop="cname"
|
|
|
label="创建人">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop=""
|
|
|
+ prop="ctime"
|
|
|
label="创建时间">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop=""
|
|
|
+ prop="last_login_time"
|
|
|
label="最后一次登录">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
@@ -91,7 +101,7 @@
|
|
|
<template slot-scope="scope">
|
|
|
<!-- <el-button type="text" @click="dialogVisible=true,edit=1">查看</el-button> -->
|
|
|
<el-button class="edit" type="text" @click="editPerson(scope.row)">编辑</el-button>
|
|
|
- <el-button class="del" @click="del" type="text">删除</el-button>
|
|
|
+ <el-button class="del" @click="del(scope.row.id)" type="text">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -102,47 +112,50 @@
|
|
|
:title="dialogTitle" :close-on-click-modal='false'
|
|
|
:visible.sync="dialogVisible">
|
|
|
<el-form size="small" class="preview" :inline='false' label-width="80px" :model="form1" ref="form1" :rules="rules">
|
|
|
- <el-form-item label="所属期刊" prop='num'>
|
|
|
- <el-select v-model="form1.num" placeholder="请选择期刊">
|
|
|
+ <el-form-item label="所属期刊" prop='journal_id'>
|
|
|
+ <el-select v-model="form1.journal_id" placeholder="请选择期刊">
|
|
|
<el-option
|
|
|
- v-for="item in alloptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">
|
|
|
+ v-for="item in journalsList"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="角色" prop='role'>
|
|
|
- <el-select v-model="form1.role" placeholder="请选择角色">
|
|
|
+ <el-form-item label="角色" prop='role_id'>
|
|
|
+ <el-select v-model="form1.role_id" placeholder="请选择角色">
|
|
|
<el-option
|
|
|
- v-for="item in alloptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">
|
|
|
+ v-for="item in rolesList"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id">
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="账号" prop='account'>
|
|
|
- <el-input placeholder="请输入账号" v-model='form1.account'></el-input>
|
|
|
+ <el-form-item label="账号" prop='name'>
|
|
|
+ <el-input placeholder="请输入账号" v-model='form1.name'></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="姓名" prop='realname'>
|
|
|
+ <el-input placeholder="请输入账号" v-model='form1.realname'></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="密码" prop='password'>
|
|
|
- <el-input placeholder="请输入密码" v-model="form1.password" class="input-with-select"></el-input>
|
|
|
+ <el-input placeholder="请输入密码" type="password" v-model="form1.password" class="input-with-select"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="确认密码" prop='rePassword'>
|
|
|
- <el-input placeholder="请再次输入密码" v-model="form1.rePassword" class="input-with-select"></el-input>
|
|
|
+ <el-input placeholder="请再次输入密码" type="password" v-model="form1.rePassword" class="input-with-select"></el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="手机号" prop='phone'>
|
|
|
<el-input placeholder="请输入手机号" v-model="form1.phone" class="input-with-select"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="账户状态" prop='state'>
|
|
|
- <el-radio-group v-model="form1.state">
|
|
|
- <el-radio :label="0">启用</el-radio>
|
|
|
- <el-radio :label="1">禁用</el-radio>
|
|
|
+ <el-form-item label="账户状态" prop='is_active'>
|
|
|
+ <el-radio-group v-model="form1.is_active">
|
|
|
+ <el-radio :label="1">启用</el-radio>
|
|
|
+ <el-radio :label="0">禁用</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
- <el-button size="medium" type="primary" @click="dialogVisible = false">确 定</el-button>
|
|
|
+ <el-button size="medium" type="primary" @click="save">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
</section>
|
|
|
@@ -156,45 +169,38 @@ export default {
|
|
|
data(){
|
|
|
return{
|
|
|
edit:0,
|
|
|
- form:{name:'',page:1,page_size:50},
|
|
|
- alloptions:[
|
|
|
- {value:1,label:'第一期'},
|
|
|
- {value:2,label:'第2期'},
|
|
|
- ],
|
|
|
+ form:{name:'',page:1,page_size:20},
|
|
|
+ journalsList:[],
|
|
|
+ rolesList:[],
|
|
|
total:100,
|
|
|
- list:[{name:'2333',phone:'15895414566'}],
|
|
|
+ list:[],
|
|
|
dialogTitle:'',
|
|
|
- form1:{
|
|
|
- num:'',
|
|
|
- role:'',
|
|
|
- account:'',
|
|
|
- password:'',
|
|
|
- rePassword:'',
|
|
|
- phone:''
|
|
|
- },
|
|
|
+ form1:{is_active:1},
|
|
|
loading:false,
|
|
|
input:'',
|
|
|
dialogVisible:false,
|
|
|
defaultProps:{},
|
|
|
- rules: {
|
|
|
- num: [
|
|
|
- { required: true, message: '请输入活动名称', trigger: 'blur' },
|
|
|
- { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
|
|
|
+ rules: {
|
|
|
+ journal_id: [
|
|
|
+ { required: true, message: '请选择期刊', trigger: 'change' }
|
|
|
],
|
|
|
- role: [
|
|
|
- { required: true, message: '请选择活动区域', trigger: 'change' }
|
|
|
+ role_id: [
|
|
|
+ { required: true, message: '请选择角色', trigger: 'change' }
|
|
|
],
|
|
|
- account: [
|
|
|
- { type: 'date', required: true, message: '请选择日期', trigger: 'change' }
|
|
|
+ name: [
|
|
|
+ { required: true, message: '请输入账号', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ realname: [
|
|
|
+ { required: true, message: '请输入姓名', trigger: 'blur' }
|
|
|
],
|
|
|
password: [
|
|
|
- { type: 'date', required: true, message: '请选择时间', trigger: 'change' }
|
|
|
+ { required: true, message: '请输入密码', trigger: 'blur' }
|
|
|
],
|
|
|
rePassword: [
|
|
|
- { type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' }
|
|
|
+ { required: true, message: '请再次输入密码', trigger: 'blur' }
|
|
|
],
|
|
|
phone: [
|
|
|
- { required: true, message: '请选择活动资源', trigger: 'change' }
|
|
|
+ { required: true, message: '请输入手机号', trigger: 'blur' }
|
|
|
]
|
|
|
}
|
|
|
}
|
|
|
@@ -203,12 +209,13 @@ export default {
|
|
|
addPerson(){
|
|
|
this.dialogTitle = "新增管理员";
|
|
|
this.dialogVisible = true;
|
|
|
- this.form1 = {};
|
|
|
+ this.form1 = {is_active:1};
|
|
|
},
|
|
|
editPerson(row){
|
|
|
this.dialogTitle = "编辑管理员";
|
|
|
this.dialogVisible = true;
|
|
|
this.form1 = row ;
|
|
|
+ this.form1.rePassword = this.form1.password
|
|
|
},
|
|
|
gopage(size){
|
|
|
if(size){
|
|
|
@@ -251,50 +258,80 @@ export default {
|
|
|
document.body.removeChild(elink);
|
|
|
})
|
|
|
},
|
|
|
- prview(id){
|
|
|
- this.form1.enterprise_id=id;
|
|
|
- this.getJl();
|
|
|
- this.dialogFormVisible1=true
|
|
|
- },
|
|
|
- getJl(){
|
|
|
- var parm=this.form1;
|
|
|
- this.$api.getMonitjobList(parm).then(res=>{
|
|
|
- this.data=res.data.data.list
|
|
|
- this.total1=res.data.data.total
|
|
|
-
|
|
|
- })
|
|
|
- },
|
|
|
detail(id){
|
|
|
this.$router.push({ path: '/company/detail', query: { id: id,page:this.form.page,page_size:this.form.page_size } });
|
|
|
},
|
|
|
getData(){
|
|
|
var parm=this.form;
|
|
|
this.loading=true
|
|
|
- this.$api.getEnterpriseList(parm).then(res=>{
|
|
|
+ this.$api.getUserList(parm).then(res=>{
|
|
|
this.list=res.data.data.list;
|
|
|
- // list.forEach(item => {
|
|
|
- // if(item.children.length>0){
|
|
|
- // item.hasChildren=true
|
|
|
- // }else{
|
|
|
- // item.hasChildren=false
|
|
|
- // }
|
|
|
- // });
|
|
|
this.total=res.data.data.total
|
|
|
this.loading=false
|
|
|
- this.area=this.store.area;
|
|
|
- this.category=this.store.categorys;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getJournals(){
|
|
|
+ this.$api.getUserJournals().then(res=>{
|
|
|
+ this.journalsList = res.data.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getRoles(){
|
|
|
+ this.$api.getUserRoles().then(res=>{
|
|
|
+ this.rolesList = res.data.data
|
|
|
+ })
|
|
|
+ },
|
|
|
+ search(){
|
|
|
+ this.form.page = 1
|
|
|
+ this.getData()
|
|
|
+ },
|
|
|
+ save(){
|
|
|
+ this.$refs["form1"].validate((valid)=>{
|
|
|
+ console.log(valid)
|
|
|
+ if(valid){
|
|
|
+ if(this.form1.id){
|
|
|
+ this.$api.editUser(this.form1).then(res=>{
|
|
|
+ if(res.data.code==0){
|
|
|
+ this.$message({
|
|
|
+ message:"成功",
|
|
|
+ type:"success"
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ }else{
|
|
|
+ this.$message.error(res.data.message);
|
|
|
+ }
|
|
|
+ this.dialogVisible = false
|
|
|
+ })
|
|
|
+ }else{
|
|
|
+ this.$api.addUser(this.form1).then(res=>{
|
|
|
+ if(res.data.code==0){
|
|
|
+ this.$message({
|
|
|
+ message:"成功!",
|
|
|
+ type:"success"
|
|
|
+ })
|
|
|
+ this.getData()
|
|
|
+ }else{
|
|
|
+ this.$message.error(res.data.message);
|
|
|
+ }
|
|
|
+ this.dialogVisible = false
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
})
|
|
|
},
|
|
|
del(id){
|
|
|
this.$confirm('确定删除吗', '提示', {
|
|
|
type: 'warning'
|
|
|
}).then(() => {
|
|
|
- this.$api.deleteEnterprise({id:id}).then((res)=>{
|
|
|
+ this.$api.delUser({id:id}).then((res)=>{
|
|
|
+ if(res.data.code==0){
|
|
|
this.$message({
|
|
|
message: '删除成功',
|
|
|
type: 'success'
|
|
|
})
|
|
|
this.getData()
|
|
|
+ }else{
|
|
|
+ this.$message.error(res.data.message);
|
|
|
+ }
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
@@ -312,7 +349,9 @@ export default {
|
|
|
},
|
|
|
},
|
|
|
created(){
|
|
|
-
|
|
|
+ this.getJournals()
|
|
|
+ this.getRoles()
|
|
|
+ this.getData()
|
|
|
}
|
|
|
}
|
|
|
</script>
|