<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>role_edit</title>
|
<script src="../data/data.js"></script>
|
<script src="../../../js/vue/vue.js"></script>
|
<script src="../../../js/vue/element-ui/lib/index.js"></script>
|
<script src="../js/myelement.js"></script>
|
<script src="../js/vue/page.js"></script>
|
|
<link href="../../../js/vue/element-ui/lib/theme-chalk/index.css" rel="stylesheet">
|
<link href="//at.alicdn.com/t/font_2374495_13ltsxm2eor.css" rel="stylesheet">
|
</head>
|
<body>
|
<div id="app" class="formstyle">
|
<div v-if="formType == 'role'">
|
<el-form ref="form" :model="role" label-width="100px" >
|
<el-form-item label="角色名称">
|
<el-input v-model="role.name"></el-input>
|
</el-form-item>
|
<!-- <el-form-item label="角色英文名称">
|
<el-input v-model="role.enname"></el-input>
|
</el-form-item> -->
|
<el-form-item label="是否商业角色">
|
<el-switch v-model="role.default_customer"></el-switch>
|
</el-form-item>
|
<el-form-item label="是否通用角色">
|
<el-switch v-model="role.default_common"></el-switch>
|
</el-form-item>
|
<el-form-item label="是否激活">
|
<el-switch v-model="role.active" active-value='T' inactive-value='F'></el-switch>
|
</el-form-item>
|
</el-form>
|
</div>
|
<div v-if="formType == 'user'">
|
<el-form ref="form" :model="user" label-width="100px">
|
<el-form-item label="用户名">
|
<el-input v-model="user.name"></el-input>
|
</el-form-item>
|
<el-form-item label="密码">
|
<el-input v-model="user.password"></el-input>
|
</el-form-item>
|
<el-form-item label="标记">
|
<el-input v-model="user.remark"></el-input>
|
</el-form-item>
|
<el-form-item label="所属角色">
|
<el-checkbox-group
|
v-model="checkedRoles"
|
>
|
<el-checkbox v-for="role_ in rolenames" :label="role_" :key="role_">{{role_}}</el-checkbox>
|
</el-checkbox-group>
|
</el-form-item>
|
<el-form-item label="是否激活">
|
<el-switch v-model="user.active" active-value='T' inactive-value='F'></el-switch>
|
</el-form-item>
|
</el-form>
|
</div>
|
</div>
|
</body>
|
<style>
|
.formstyle {
|
margin-top: 2%;
|
margin-left: 8%;
|
}
|
.el-form-item {
|
margin-bottom: 10px;
|
}
|
</style>
|
|
<script>
|
var childVue = new Vue({
|
el: "#app",
|
data: {
|
role: {},
|
user: {},
|
formType: '',
|
id: '',
|
checkedRoles: [],
|
rolenames: [],
|
},
|
created() {
|
this.formType = parent.pVue.selectRole.type;
|
this.id = parent.pVue.selectRole.id;
|
//this.getAllRoles();
|
this.getData();
|
},
|
methods: {
|
getAllRoles() {
|
let me = this;
|
let param_ = {
|
dataname: "sysRole",
|
isClientMode: false,
|
filter: "1=1",
|
}
|
Server.call("root/data/getEntitySet", param_, function(result) {
|
console.log(result);
|
if (result && result.data.entityset) {
|
let data_ = result.data.entityset;
|
for(i = 0; i < data_.length; i++) {
|
me.rolenames.push(data_[i].name);
|
}
|
console.log(me.rolenames)
|
//用户拥有角色回显
|
let param_2 = {
|
dataname: "user_employee_role",
|
isClientMode: false,
|
filter: "userid='" + me.id + "'",
|
}
|
Server.call("root/data/getEntitySet", param_2, function(result) {
|
console.log(result);
|
if (result && result.data.entityset) {
|
let data_ = result.data.entityset;
|
for(i = 0; i < data_.length; i++) {
|
me.checkedRoles.push(data_[i].rolename);
|
}
|
console.log(me.checkedRoles)
|
}
|
});
|
}
|
});
|
},
|
getData() {
|
console.log(this.id)
|
let me = this;
|
let param_ = {
|
dataname: 'sysRole',
|
isClientMode: false,
|
filter: "id='" + me.id + "'",
|
}
|
|
Server.call("root/data/getEntitySet", param_, function(result) {
|
console.log(result);
|
if (result && result.data.entityset) {
|
let data_ = result.data.entityset;
|
if(me.formType == 'role')
|
me.role = data_[0];
|
else
|
me.user = data_[0];
|
}
|
});
|
|
},
|
/* handleCheckedRolesChange(val) {
|
this.checkedRoles = val;
|
console.log(this.checkedRoles)
|
}, */
|
}
|
});
|
</script>
|
</html>
|
