Commit b97ce40a authored by qzhxx's avatar qzhxx
parents 115beacb 17090d1d
<template>
<el-dialog
custom-class="party-dialog"
title="新建账号"
:visible.sync="dialogVisible"
width="720px"
:before-close="handleClose"
>
<div class="dialog-content">
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="80px"
label-position="top"
class="party-form"
>
<div class="form-row">
<el-form-item label="系统用户名" prop="userName">
<el-input v-model="form.userName" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="所在机构" prop="orgId">
<el-select v-model="form.orgId" filterable placeholder="请选择">
<el-option
v-for="item in organList"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
</div>
<el-form-item label="账号有效期" prop="permanent">
<el-radio-group v-model="form.permanent">
<el-radio :label="true">永久有效</el-radio>
<el-radio :label="false">设置有效期</el-radio>
</el-radio-group>
<div v-if="!form.permanent">
<el-date-picker
class="mt16"
v-model="form.date"
type="daterange"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</div>
</el-form-item>
<el-form-item label="账号类型" prop="roleList">
<el-checkbox-group v-model="form.roleList" :min="1">
<el-checkbox
v-for="(item,index) in rolesList"
:key="index"
:label="item.id"
>
{{ item.name }}
</el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer btn-group">
<el-button @click="handleClose()">取 消</el-button>
<el-button type="primary" @click="handleSubmit()">确 定</el-button>
</div>
</el-dialog>
</template>
<script>
import { getOrgListWithOutPage } from "@/config/organ";
import { getRoles } from "@/config/roles";
export default {
data() {
return {
dialogVisible: false,
organList: [],
rolesList: [],
form: {
userName: "",
orgId: "",
permanent: true,
date: "",
roleList: [],
type: 1 //1.用户账号 2.平台单位单位管理员账号 3.机顶盒账号 4.运维账号
},
rules: {
userName: [
{ required: true, message: "请选择系统用户名", trigger: "change" },
],
orgId: [
{ required: true, message: "请输入所在机构", trigger: "change" },
],
permanent: [
{ required: true, message: "请选择账号有效期", trigger: "change" },
],
roleList: [
{ type: 'array',required: true, message: "请选择账号类型", trigger: "change" },
]
},
};
},
mounted() {
this.getOrgList();
this.getRolesList();
},
methods: {
// 获取机构列表
getOrgList() {
getOrgListWithOutPage().then((res) => {
this.organList = res;
});
},
// 获取角色列表
getRolesList() {
getRoles().then((res) => {
this.rolesList = res;
});
},
// 弹窗关闭
handleClose() {
this.$confirm("确认关闭?")
.then((_) => {
this.handleReset()
})
.catch((_) => {});
},
handleReset(){
this.dialogVisible = false
this.$refs.form.resetFields()
this.form = {
userName: "",
orgId: "",
permanent: true,
date: "",
roleList: [],
type:1
}
},
// 提交
handleSubmit() {
// 校验用户输入值
this.$refs.form.validate((valid) => {
if (valid) {
let user = {};
if(!this.form.permanent && !this.form.date){
this.$message.error('请选择有效期')
return false
}
if(!this.form.permanent){
user.effectiveDate = this.form.date[0];
user.exiredDate = this.form.date[1];
}
user.userName = this.form.userName;
user.orgId = this.form.orgId;
user.roleList = this.form.roleList;
user.permanent = this.form.permanent;
user.type = this.form.type
this.$https(
{
method: "post",
url: "tUser/add",
authType: this.backToken,
},
user
)
.then((res) => {
if(res.status == 200 ){
if (res.data.resultCode == 200 ) {
this.$message({
type: "success",
message: res.data.message,
});
this.handleReset()
this.$emit('success',true)
} else {
this.$message.error(res.data.message);
}
} else {
this.$message.error(res.data);
}
})
.catch((err) => {
console.log(res);
});
} else {
console.log("error submit!!");
return false;
}
});
},
},
};
</script>
<style lang="less" scoped>
.form-row {
display: flex;
justify-content: space-between;
}
</style>
\ No newline at end of file
<template>
<el-dialog
custom-class="party-dialog"
title="编辑账号"
:visible.sync="dialogVisible"
width="720px"
:before-close="handleClose"
>
<div class="dialog-content">
<el-form
ref="form"
:model="form"
:rules="rules"
label-width="80px"
label-position="top"
class="party-form"
>
<div class="form-row">
<el-form-item label="系统用户名" prop="userName">
<el-input v-model="form.userName" placeholder="请填写"></el-input>
</el-form-item>
<el-form-item label="所在机构" prop="orgId">
<el-select v-model="form.orgId" filterable placeholder="请选择">
<el-option
v-for="item in organList"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option>
</el-select>
</el-form-item>
</div>
<el-form-item label="账号有效期" prop="permanent">
<el-radio-group v-model="form.permanent">
<el-radio :label="true">永久有效</el-radio>
<el-radio :label="false">设置有效期</el-radio>
</el-radio-group>
<div v-if="!form.permanent">
<el-date-picker
class="mt16"
v-model="form.date"
type="daterange"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</div>
</el-form-item>
<el-form-item label="账号类型" prop="roleList">
<el-checkbox-group v-model="form.roleList" :min="1">
<el-checkbox
v-for="(item,index) in rolesList"
:key="index"
:label="item.id"
>
{{ item.name }}
</el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer btn-group">
<el-button @click="handleClose()">取 消</el-button>
<el-button type="primary" @click="handleSubmit()">确 定</el-button>
</div>
</el-dialog>
</template>
<script>
import { getOrgListWithOutPage } from "@/config/organ";
import { getRoles } from "@/config/roles";
export default {
data() {
return {
dialogVisible: false,
organList: [],
rolesList: [],
id:'',
form: {
id:'',
userName: "",
orgId: "",
permanent: true,
date: "",
roleList: [],
type: 1 //1.用户账号 2.平台单位单位管理员账号 3.机顶盒账号 4.运维账号
},
rules: {
userName: [
{ required: true, message: "请选择系统用户名", trigger: "change" },
],
orgId: [
{ required: true, message: "请输入所在机构", trigger: "change" },
],
permanent: [
{ required: true, message: "请选择账号有效期", trigger: "change" },
],
roleList: [
{ type: 'array',required: true, message: "请选择账号类型", trigger: "change" },
]
},
};
},
mounted() {
this.getOrgList();
this.getRolesList();
},
methods: {
// 获取机构列表
getOrgList() {
getOrgListWithOutPage().then((res) => {
this.organList = res;
});
},
// 获取角色列表
getRolesList() {
getRoles().then((res) => {
this.rolesList = res;
});
},
// 根据id获取获取详情内容
getDetailById(){
let _this = this
this.$https(
{
method: "get",
url: "tUser/getById",
authType: this.backToken,
},
{id:_this.id}
)
.then((res) => {
if(res.status == 200 ){
if (res.data.resultCode == 200 ) {
let resData = res.data.data
for(let key in _this.form){
this.form[key] = resData[key]
}
if(!this.form.permanent){
this.form.date = [
resData.effectiveDate,
exiredDate
]
}
} else {
_this.$message.error(res.data.message);
}
} else {
_this.$message.error(res.data);
}
})
.catch((err) => {
console.log(err);
});
},
// 弹窗关闭
handleClose() {
this.$confirm("确认关闭?")
.then((_) => {
this.handleReset()
})
.catch((_) => {});
},
handleReset(){
this.dialogVisible = false
this.$refs.form.resetFields()
this.form = {
userName: "",
orgId: "",
permanent: true,
date: "",
roleList: [],
type:1
}
},
// 提交
handleSubmit() {
// 校验用户输入值
let _this = this
_this.$refs.form.validate((valid) => {
if (valid) {
let user = {};
if(!_this.form.permanent && !_this.form.date){
_this.$message.error('请选择有效期')
return false
}
if(!_this.form.permanent){
user.effectiveDate = _this.form.date[0];
user.exiredDate = _this.form.date[1];
}
user.userName = _this.form.userName;
user.orgId = _this.form.orgId;
user.roleList = _this.form.roleList
user.permanent = _this.form.permanent;
user.id = _this.id
user.type = this.form.type
this.$https(
{
method: "put",
url: "tUser/update",
authType: _this.backToken,
},
user
)
.then((res) => {
if(res.status == 200 ){
if (res.data.resultCode == 200 ) {
this.$message({
type: "success",
message: res.data.message,
});
_this.dialogVisible = false
this.$emit('success',true)
} else {
this.$message.error(res.data.message);
this.$emit('success',false)
}
} else {
this.$message.error(res.data);
this.$emit('success',false)
}
})
.catch((err) => {
console.log(res);
});
} else {
console.log("error submit!!");
return false;
}
});
},
},
};
</script>
<style lang="less" scoped>
.form-row {
display: flex;
justify-content: space-between;
}
</style>
\ No newline at end of file
import addDialog from './add'
import editDialog from './edit'
export {
addDialog,
editDialog
}
\ No newline at end of file
......@@ -5,7 +5,7 @@
<el-form :inline="true" :model="form">
<el-form-item>
<el-input
v-model="form.user"
v-model="form.userName"
placeholder="请输入平台用户名"
suffix-icon="el-icon-search"
></el-input>
......@@ -19,87 +19,231 @@
</el-form>
<div class="page-tip">
<span class="page-tip-title">页面说明:</span>
<span class="page-tips">可根据用户名称搜索对用户信息进行筛选。可以新增账号,“*”为必填项。可以对账号信息进行修改及重置密码</span>
<span class="page-tips"
>可根据用户名称搜索对用户信息进行筛选。可以新增账号,“*”为必填项。可以对账号信息进行修改及重置密码</span
>
</div>
</div>
<div class="table-content">
<div class="btn-group">
<el-button type="primary">新建账户</el-button>
<el-button type="primary" @click="handleAdd()">新建账户</el-button>
</div>
<!-- <party-table :feildList="feildList" :list="list"></party-table> -->
<account-table
:feildList="feildList"
:list="list"
@action="handleAction"
/>
<party-pagination/>
<party-pagination :page="page" @changePage="handleChangeCurrent" />
</div>
<user-dialog/>
<add-dialog ref="addDialog" @success="getFirstPageList()" />
<edit-dialog ref="editDialog" @success="getFirstPageList()" />
<msg-dialog ref="msgDilaog" :msgInfo="msgInfo" />
</div>
</template>
<script>
import { partyPagination } from '@/components/index'
import accountTable from './components/accountTable'
import userDialog from './userDialog/index'
import { partyPagination } from "@/components/index";
import accountTable from "./components/accountTable";
import { addDialog, editDialog } from "./userDialog/index";
import msgDialog from "./msgDialog.vue";
export default {
data(){
return{
form:{
user:''
},
addForm:{
},
feildList:[
{prop:'username',label:'平台用户名'},
{prop:'org',label:'所在机构'},
{prop:'endTime',label:'到期时间'},
{prop:'type',label:'账号类型'},
{prop:'status',label:'账号状态'},
{prop:'',label:'操作',isEdit:true, width:280},
data() {
return {
form: {
userName: "",
type: 1, //1.用户账号 2.平台单位单位管理员账号 3.机顶盒账号 4.运维账号
},
feildList: [
{ prop: "userName", label: "平台用户名" },
{ prop: "orgName", label: "所在机构" },
{ prop: "exiredDate", label: "到期时间" },
{ prop: "type", label: "账号类型" },
{ prop: "statusName", label: "账号状态" },
{ prop: "", label: "操作", isEdit: true, width: 280 },
],
list: [
{ username: '丁晓晓', org:'北京市政府',type:'系统管理员',endTime:'永久有效', status:'活跃'},
{ username: '丁晓晓', org:'北京市政府',type:'系统管理员',endTime:'永久有效', status:'活跃'},
{ username: '丁晓晓', org:'北京市政府',type:'系统管理员',endTime:'永久有效', status:'活跃'},
{ username: '丁晓晓', org:'北京市政府',type:'系统管理员',endTime:'永久有效', status:'活跃'},
{ username: '丁晓晓', org:'北京市政府',type:'系统管理员',endTime:'永久有效', status:'活跃'},
{ username: '丁晓晓', org:'北京市政府',type:'系统管理员',endTime:'永久有效', status:'活跃'},
{ username: '丁晓晓', org:'北京市政府',type:'系统管理员',endTime:'永久有效', status:'活跃'},
{ username: '丁晓晓', org:'北京市政府',type:'系统管理员',endTime:'永久有效', status:'活跃'},
{ username: '丁晓晓', org:'北京市政府',type:'系统管理员',endTime:'永久有效', status:'活跃'},
{ username: '丁晓晓', org:'北京市政府',type:'系统管理员',endTime:'永久有效', status:'活跃'},
{ username: '丁晓晓', org:'北京市政府',type:'系统管理员',endTime:'永久有效', status:'活跃'},
{ username: '丁晓晓', org:'北京市政府',type:'系统管理员',endTime:'永久有效', status:'活跃'},
]
list: [],
page: {
_index: 1,
_size: 10,
total: 0,
},
activeRow: {},
msgInfo: {},
};
},
components: {
partyPagination,
accountTable,
addDialog,
editDialog,
msgDialog,
},
mounted() {
this.getFirstPageList();
},
methods: {
getFirstPageList() {
this.page._index = 1;
this.getPageList();
},
handleSubmit() {
this.getPageList();
},
handleReset() {
this.form.userName = "";
this.getFirstPageList();
},
getPageList() {
let requestParams = {};
requestParams._index = this.page._index;
requestParams._size = this.page._size;
requestParams.type = this.form.type;
if (this.form.userName) {
requestParams.userName = this.form.userName;
}
this.$https(
{
method: "get",
url: "tUser/getPageList",
authType: this.backToken,
},
requestParams
)
.then((res) => {
if (res.status != 200) {
this.getResWithOutData();
} else {
if (res.data.resultCode == 200) {
this.list = res.data.data.records;
this.page._size = res.data.data.size;
this.page.total = res.data.data.total;
} else {
this.getResWithOutData();
}
}
})
.catch((err) => {
console.log(err);
});
},
components:{ partyPagination, accountTable, userDialog},
mounted(){
// 新增账号
handleAdd() {
this.$refs.addDialog.dialogVisible = true;
},
methods:{
handleSubmit(){
// 编辑
handleEdit() {
this.$refs.editDialog.id = this.activeRow.id
this.$refs.editDialog.getDetailById()
this.$refs.editDialog.dialogVisible = true;
},
handleReset(){
this.form.user = ''
// 重置密码
handleResetPwd() {
let _this = this;
this.$https({
method: "put",
url: `tUser/resetPassword?userId=${this.activeRow.id}`,
authType: this.backToken,
})
.then((res) => {
if (res.status != 200) {
_this.$message.error(res.data.message);
} else {
if (res.data.resultCode == 200) {
_this.msgInfo = {
type: "success",
des: `用户${this.activeRow.userName}密码已重置!`,
};
_this.$refs.msgDilaog.dialogVisible = true;
} else {
_this.$message.error(res.data.message);
}
}
})
.catch((err) => {
console.log(err);
});
},
// 弹窗关闭
handleClose(){
this.$confirm('确认关闭?')
.then(_ => {
done();
// 禁用
handleDisable() {
let _this = this;
this.$https({
method: "put",
url: `tUser/disable?userId=${this.activeRow.id}`,
authType: this.backToken,
})
.catch(_ => {});
.then((res) => {
if (res.status != 200) {
_this.$message.error(res.data.message);
} else {
if (res.data.resultCode == 200) {
_this.msgInfo = {
type: "wait",
des: `${this.activeRow.userName}账号禁用申请已提交,待审核…`,
};
_this.$refs.msgDilaog.dialogVisible = true;
_this.getPageList();
} else {
_this.$message.error(res.data.message);
}
}
})
.catch((err) => {
console.log(err);
});
},
handleAction(params){
console.log(params.type)
// 激活
handleActive() {
let _this = this;
this.$https({
method: "put",
url: `tUser/disable?userId=${this.activeRow.id}`,
authType: this.backToken,
})
.then((res) => {
if (res.status != 200) {
_this.$message.error(res.data.message);
} else {
if (res.data.resultCode == 200) {
_this.msgInfo = {
type: "success",
des: `用户${this.activeRow.userName}账号激活成功!`,
};
_this.$refs.msgDilaog.dialogVisible = true;
_this.getPageList();
} else {
this.$message.error(res.data.message);
}
}
}
})
.catch((err) => {
console.log(err);
});
},
handleAction(params) {
this.activeRow = params.row;
switch (params.type) {
case "enable":
this.handleActive();
break;
case "disable":
this.handleDisable();
break;
case "reset":
this.handleResetPwd();
break;
case "edit":
this.handleEdit();
break;
default:
break;
}
},
// 翻页
handleChangeCurrent() {
this.page._index = val;
this.getPageList();
},
},
};
</script>
<style lang="less" scoped>
</style>
\ No newline at end of file
......@@ -112,6 +112,7 @@ export default {
// 获得数据接口
getTableData() {
let vm = this;
vm.tableData = []
let param = {
_index:this.page.currentPage,
_size:this.page.pageSize,
......@@ -177,7 +178,7 @@ export default {
},
// 点击节点事件
handleNodeClick(data) {
this.selectAreaId = data.areaId
this.selectAreaId = data.id
this.getTableData()
},
// 分页
......
......@@ -5,7 +5,7 @@
<el-form :inline="true" :model="form">
<el-form-item>
<el-input
v-model="form.user"
v-model="form.userName"
placeholder="请输入运维者账号"
suffix-icon="el-icon-search"
></el-input>
......@@ -15,6 +15,7 @@
v-model="form.date"
type="daterange"
range-separator="至"
value-format="yyyy-MM-dd"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
......@@ -32,8 +33,16 @@
</div>
</div>
<div class="table-content hasTabs">
<party-table :feildList="feildList" :list="list"></party-table>
<party-pagination/>
<party-table
class="noAdd"
:currentPage="page._index"
:feildList="feildList"
:list="list">
</party-table>
<party-pagination
:page="page"
@changePage="handleChangeCurrent"
/>
</div>
</div>
</template>
......@@ -43,73 +52,87 @@ export default {
data(){
return{
form:{
user:'',
date:''
userName:'',
date:'',
startDate:'',
endDate:''
},
addForm:{
},
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
feildList:[
{prop:'date',label:'日期'},
{prop:'name',label:'姓名'},
{prop:'address',label:'地址'},
{prop:'userName',label:'运维账号'},
{prop:'area',label:'运维区域'},
{prop:'operationType',label:'操作内容'},
{prop:'createTime',label:'操作时间'}
],
list: [
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
]
list: [],
page:{
_index:1,
_size:10,
total:0
}
}
},
components:{ partyTable, partyPagination},
mounted(){
this.getLog()
},
methods:{
handleSubmit(){
this.getLog()
},
handleReset(){
this.form.user = ''
for(let key in this.form){
this.form[key] = ""
}
this.getLog()
},
getLog(){
let requestParams = {}
requestParams._index = this.page._index
requestParams._size = this.page._size
if(this.form.userName){
requestParams.userName = this.form.userName
}
if(this.form.date){
requestParams.startDate = this.form.date[0]
requestParams.endDate = this.form.date[1]
}
this.$https({
method:'get',
url: 'sysLog/OperationLog',
authType: this.backToken,
},requestParams).then(res=>{
if(res.status != 200){
this.getResWithOutData()
}else{
if(res.data.resultCode == 200){
this.list = res.data.data.records
this.page._size = res.data.data.size
this.page.total = res.data.data.total
}else{
this.getResWithOutData()
}
}
}).catch(err=>{
console.log(err)
})
},
// 页面返回值为空
getResWithOutData(){
this.list = []
this.page = {
_index:1,
_size:10,
total:0
}
},
// 翻页
handleChangeCurrent(val){
this.page._index = val
this.getLog()
}
},
watch:{
}
}
</script>
......
<template>
<!-- 平台操作日志 -->
<div class="platform-log-wrapper height100">
<div class="search-container">
<el-form :inline="true" :model="form">
<el-form-item>
<el-input
v-model="form.user"
v-model="form.nameOrCode"
placeholder="请输入操作者"
suffix-icon="el-icon-search"
></el-input>
</el-form-item>
<el-form-item>
<el-date-picker
v-model="form.value"
v-model="form.date"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
......@@ -19,12 +20,14 @@
</el-date-picker>
</el-form-item>
<el-form-item>
<el-select v-model="form.user" placeholder="请选择">
<el-select
v-model="form.operationType"
placeholder="请选择操作类型">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
v-for="(item,index) in operationTypeList"
:key="index"
:label="item"
:value="item">
</el-option>
</el-select>
</el-form-item>
......@@ -41,84 +44,123 @@
</div>
</div>
<div class="table-content hasTabs">
<party-table class="noAdd" :feildList="feildList" :list="list"></party-table>
<party-pagination/>
<party-table
class="noAdd"
:currentPage="page._index"
:feildList="feildList"
:list="list">
</party-table>
<party-pagination
:page="page"
@changePage="handleChangeCurrent"
/>
</div>
</div>
</template>
<script>
import { partyPagination,partyTable } from '@/components/index'
import { getLogType } from '@/config/logOperationType.js'
export default {
data(){
return{
form:{
user:'',
value:''
nameOrCode:'',
date:'',
operationType:'',
startDate:'',
endDate:''
},
addForm:{
},
options: [{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
logType:1, //1.平台操作日志 2.用户操作日志
operationTypeList:[],
feildList:[
{prop:'date',label:'日期'},
{prop:'name',label:'姓名'},
{prop:'address',label:'地址'},
{prop:'operationTime',label:'操作时间'},
{prop:'operator',label:'操作者'},
{prop:'operationType',label:'操作类型'},
{prop:'operationObject',label:'操作对象'},
{prop:'operationContent',label:'操作内容'},
],
list: [
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
]
list: [],
page:{
_index:1,
_size:10,
total:0
}
}
},
components:{ partyTable, partyPagination},
mounted(){
// 获取日志操作类型
this.getOperationType()
// 获取机顶盒运维类表
this.getLog()
},
methods:{
getOperationType(){
getLogType().then(res=>{
this.operationTypeList = res
})
},
handleSubmit(){
this.getLog()
},
handleReset(){
this.form.user = ''
for(let key in this.form){
this.form[key] = ""
}
this.getLog()
},
getLog(){
let requestParams = {}
requestParams._index = this.page._index
requestParams._size = this.page._size
requestParams.type = this.logType
if(this.form.nameOrCode){
requestParams.nameOrCode = this.form.nameOrCode
}
if(this.form.operationType){
requestParams.operationType = this.form.operationType
}
if(this.form.date){
requestParams.startDate = this.form.date[0]
requestParams.endDate = this.form.date[1]
}
this.$https({
method:'get',
url: 'sysLog/querySysLogList',
authType: this.backToken,
},requestParams).then(res=>{
if(res.status != 200){
this.getResWithOutData()
}else{
if(res.data.resultCode == 200){
this.list = res.data.data.records
this.page._size = res.data.data.size
this.page.total = res.data.data.total
}else{
this.getResWithOutData()
}
}
}).catch(err=>{
console.log(err)
})
},
// 页面返回值为空
getResWithOutData(){
this.list = []
this.page = {
_index:1,
_size:10,
total:0
}
},
// 翻页
handleChangeCurrent(val){
this.page._index = val
this.getLog()
}
},
watch:{
}
}
</script>
......
<template>
<!-- 机顶盒运维日志 -->
<div class="set-top-log-wrapper height100">
<div class="search-container">
<el-form :inline="true" :model="form">
<el-form-item>
<el-select v-model="form.user" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
v-model="form.organId"
v-for="item in organList"
:key="item.id"
:label="item.orgName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-date-picker
v-model="form.value"
v-model="form.date"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
......@@ -35,69 +37,117 @@
</div>
</div>
<div class="table-content hasTabs">
<party-table :feildList="feildList" :list="list"></party-table>
<party-pagination/>
<party-table
class="noAdd"
:currentPage="page._index"
:feildList="feildList"
:list="list">
</party-table>
<party-pagination
:page="page"
@changePage="handleChangeCurrent"
/>
</div>
</div>
</template>
<script>
import { partyPagination,partyTable } from '@/components/index'
import { getOrgListWithOutPage } from "@/config/organ.js"
export default {
data(){
return{
form:{
user:'',
value:''
organId:'',
date:'',
startDate:'',
endDate:''
},
addForm:{
},
options:[],
organList:[],
feildList:[
{prop:'date',label:'日期'},
{prop:'name',label:'姓名'},
{prop:'address',label:'地址'},
{prop:'macAddr',label:'机顶盒Mac地址'},
{prop:'orgName',label:'所属单位'},
{prop:'learnName',label:'学习内容'},
{prop:'startTime',label:'开始时间'},
{prop:'endTime',label:'结束时间'}
],
list: [
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
]
list: [],
page:{
_index:1,
_size:10,
total:0
}
}
},
components:{ partyTable, partyPagination},
mounted(){
// 获取所属范围列表
this.getOrgList()
// 获取机顶盒运维类表
this.getLog()
},
methods:{
getOrgList(){
getOrgListWithOutPage().then(res=>{
this.organList = res
})
},
handleSubmit(){
this.getLog()
},
handleReset(){
this.form.user = ''
for(let key in this.form){
this.form[key] = ""
}
this.getLog()
},
getLog(){
let requestParams = {}
requestParams._index = this.page._index
requestParams._size = this.page._size
if(this.form.organId){
requestParams.organId = this.form.organId
}
if(this.form.date){
requestParams.startDate = this.form.date[0]
requestParams.endDate = this.form.date[1]
}
this.$https({
method:'get',
url: 'sysLog/runLogList',
authType: this.backToken,
},requestParams).then(res=>{
if(res.status != 200){
this.getResWithOutData()
}else{
if(res.data.resultCode == 200){
this.list = res.data.data.records
this.page._size = res.data.data.size
this.page.total = res.data.data.total
}else{
this.getResWithOutData()
}
}
}).catch(err=>{
console.log(err)
})
},
// 页面返回值为空
getResWithOutData(){
this.list = []
this.page = {
_index:1,
_size:10,
total:0
}
},
// 翻页
handleChangeCurrent(val){
this.page._index = val
this.getLog()
}
},
watch:{
}
}
</script>
......
<template>
<div class="use-log-wrapper height100">
<!-- 用户操作日志 -->
<div class="platform-log-wrapper height100">
<div class="search-container">
<el-form :inline="true" :model="form">
<el-form-item>
<el-input
v-model="form.user"
v-model="form.nameOrCode"
placeholder="请输入操作者"
suffix-icon="el-icon-search"
></el-input>
</el-form-item>
<el-form-item>
<el-date-picker
v-model="form.value"
v-model="form.date"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
......@@ -19,12 +20,14 @@
</el-date-picker>
</el-form-item>
<el-form-item>
<el-select v-model="form.user" placeholder="请选择">
<el-select
v-model="form.operationType"
placeholder="请选择操作类型">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
v-for="(item,index) in operationTypeList"
:key="index"
:label="item"
:value="item">
</el-option>
</el-select>
</el-form-item>
......@@ -41,69 +44,123 @@
</div>
</div>
<div class="table-content hasTabs">
<party-table :feildList="feildList" :list="list"></party-table>
<party-pagination/>
<party-table
class="noAdd"
:currentPage="page._index"
:feildList="feildList"
:list="list">
</party-table>
<party-pagination
:page="page"
@changePage="handleChangeCurrent"
/>
</div>
</div>
</template>
<script>
import { partyPagination,partyTable } from '@/components/index'
import { getLogType } from '@/config/logOperationType.js'
export default {
data(){
return{
form:{
user:'',
value:''
nameOrCode:'',
date:'',
operationType:'',
startDate:'',
endDate:''
},
addForm:{
},
options:[],
logType:2, //1.平台操作日志 2.用户操作日志
operationTypeList:[],
feildList:[
{prop:'date',label:'日期'},
{prop:'name',label:'姓名'},
{prop:'address',label:'地址'},
{prop:'operationTime',label:'操作时间'},
{prop:'operator',label:'操作者'},
{prop:'operationType',label:'操作类型'},
{prop:'operationObject',label:'操作对象'},
{prop:'operationContent',label:'操作内容'},
],
list: [
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
{ date: '2016-05-02',name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'},
]
list: [],
page:{
_index:1,
_size:10,
total:0
}
}
},
components:{ partyTable, partyPagination},
mounted(){
// 获取日志操作类型
this.getOperationType()
// 获取机顶盒运维类表
this.getLog()
},
methods:{
getOperationType(){
getLogType().then(res=>{
this.operationTypeList = res
})
},
handleSubmit(){
this.getLog()
},
handleReset(){
this.form.user = ''
for(let key in this.form){
this.form[key] = ""
}
this.getLog()
},
getLog(){
let requestParams = {}
requestParams._index = this.page._index
requestParams._size = this.page._size
requestParams.type = this.logType
if(this.form.nameOrCode){
requestParams.nameOrCode = this.form.nameOrCode
}
if(this.form.operationType){
requestParams.operationType = this.form.operationType
}
if(this.form.date){
requestParams.startDate = this.form.date[0]
requestParams.endDate = this.form.date[1]
}
this.$https({
method:'get',
url: 'sysLog/querySysLogList',
authType: this.backToken,
},requestParams).then(res=>{
if(res.status != 200){
this.getResWithOutData()
}else{
if(res.data.resultCode == 200){
this.list = res.data.data.records
this.page._size = res.data.data.size
this.page.total = res.data.data.total
}else{
this.getResWithOutData()
}
}
}).catch(err=>{
console.log(err)
})
},
// 页面返回值为空
getResWithOutData(){
this.list = []
this.page = {
_index:1,
_size:10,
total:0
}
},
// 翻页
handleChangeCurrent(val){
this.page._index = val
this.getLog()
}
},
watch:{
}
}
</script>
......
......@@ -75,7 +75,7 @@ export default {
areaOptions: [],
cascaderProps: {
label: "name",
value: "id",
value: "code",
checkStrictly: true
},
levelOption: [],
......
......@@ -30,6 +30,16 @@ export let accoutsRoute = [
title:'单位管理员账号管理',
}
},
// 单位用户单位管理员账号
{
path: '/dbUnitAdmin',
name: '单位用户单位管理员账号',
component: () => import('@/page/accounts/dbUnitAdmin'),
meta:{
showBreadcrumb:true,
title:'单位用户单位管理员账号',
}
},
// 机顶盒运维账号管理
{
path: '/stbAccount',
......
......@@ -3,6 +3,11 @@
box-shadow: 0 4px 8px 0 rgba(221,221,221,0.40);
border-radius: 8px;
padding: 20px 20px 0 20px;
&.noHeader{
.el-dialog__header{
display: none;
}
}
.el-dialog__header{
padding: 0;
border-bottom: 1px solid @party-border-color;
......
.f14{font-size:14px}.f16{font-size:14px}.f18{font-size:18px}.f24{font-size:24px}.f0{font-size:0px}.inline-block{display:inline-block}.height100{height:100%}@media screen and (max-width:1600px){.search-container .el-input{width:180px}.search-container .btn-group .el-button{width:80px}.page-tips{width:365px}}@media (min-width:1601px) and (max-width:1800px){.search-container .el-input{width:220px}.search-container .btn-group .el-button{width:96px}.page-tips{width:460px}}@media (min-width:1801px){.search-container .el-input{width:280px}.search-container .btn-group .el-button{width:128px}.page-tips{width:480px}}.search-container{background:#FFFFFF;box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);border-radius:8px;margin-bottom:20px;padding:20px 24px;height:80px;display:flex;justify-content:space-between}.search-container .el-form{margin-bottom:0}.search-container .el-form .el-input .el-input__inner{border-radius:22px;background-color:#F8F8F8;border-color:#EEEEEE}.search-container .el-form .el-range-editor.el-input__inner{width:280px;border-radius:22px;background-color:#F8F8F8}.search-container .el-form .el-range-editor.el-input__inner .el-range-separator{width:20px;padding:0 2px}.search-container .el-form .el-input__icon{width:40px;font-size:20px;color:#AC9374}.search-container .el-form .btn-group{padding-left:15px}.search-container .el-form .btn-group .el-button{height:40px}.search-container .page-tip{display:flex;font-size:14px;color:#333333}.search-container .page-tip .page-tip-title{font-weight:bold;padding-right:10px}.table-content{height:calc(100% - 100px);background:#FFFFFF;box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);border-radius:8px;padding:20px 40px 0 40px}.table-content .btn-group{text-align:right;margin-bottom:12px}.table-content .btn-group .el-button{min-width:128px}.btn-group .el-button{height:36px;padding:0;border-radius:28px}.btn-group .el-button span{font-size:16px}.btn-group .el-button--primary{background-color:#AC9374;border-color:#AC9374;color:#FFFFFF}.btn-group .el-button--default{background:rgba(172,147,116,0.1);border:1px solid #AC9374;color:#AC9374}.party-form .el-input{width:280px}.party-form .el-input .el-input__inner{border-radius:22px;background-color:#F8F8F8;border:1px solid #EEEEEE}.party-form .el-textarea .el-textarea__inner{background-color:#F8F8F8;border-radius:8px}.party-form .el-range-editor.el-input__inner{width:280px;border-radius:22px}.party-form .mt16{margin-top:16px}.party-form .el-radio-group .el-radio__inner{width:24px;height:24px;border-color:#EEEEEE}.party-form .el-radio-group .el-radio__label{font-size:16px}.party-form .el-radio-group .el-radio.is-checked .el-radio__input.is-checked .el-radio__inner{background-color:transparent;border-color:#EEEEEE}.party-form .el-radio-group .el-radio.is-checked .el-radio__input.is-checked .el-radio__inner:after{width:10px;height:10px;background-color:#AC9374}.party-form .el-radio-group .el-radio.is-checked .el-radio__label{color:#333333}.party-form .el-checkbox-group .el-checkbox{margin-right:25px}.party-form .el-checkbox-group .el-checkbox .el-checkbox__inner{width:22px;height:22px}.party-form .el-checkbox-group .el-checkbox .el-checkbox__inner:hover{border-color:#EEEEEE}.party-form .el-checkbox-group .el-checkbox .el-checkbox__label{color:#333333}.party-form .el-checkbox-group .el-checkbox+.el-checkbox{margin-left:0}.party-form .el-checkbox-group .el-checkbox.is-checked .el-checkbox__inner{border-color:#EEEEEE;background-color:#F5F5F5}.party-form .el-checkbox-group .el-checkbox.is-checked .el-checkbox__inner:after{border:2px solid #AC9374;border-left:0;border-top:0;height:11px;left:7px;width:5px}.party-form .el-checkbox-group .el-checkbox.is-checked .el-checkbox__label{color:#333333}.page-form-box{background:#FFFFFF;box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);border-radius:8px;height:100%}.page-form-box .page-form-box-header{height:64px;line-height:64px;border-bottom:1px solid #EEEEEE;font-size:20px;color:#333333;text-align:center;font-weight:bold}.page-form-box .page-form-box-content{height:calc(100% - 148px);padding:20px}.page-form-box .page-form-box-footer{height:84px;line-height:84px;text-align:center;border-top:1px solid #EEEEEE}.page-form-box .page-form-box-footer .el-button{width:160px;height:40px}.overview-detail .ecahrts-panel-box{height:calc(50% + 20px)}.overview-detail .rank-panel-box{height:calc(50% - 40px);margin-top:20px}.overview-detail .ecahrts-panel-box,.overview-detail .rank-panel-box{background:#FFFFFF;box-shadow:0 4px 8px 0 rgba(221,221,221,0.4);border-radius:8px}.overview-detail .panel-box-header{height:64px;line-height:64px;border-bottom:1px solid #EEEEEE;padding:0 24px}.overview-detail .panel-box-header .title{font-weight:bold;font-size:20px}.overview-detail .panel-box-header .tip{float:right;color:#333333}.overview-detail .panel-box-header .tip .tip-title{font-weight:bold;padding-right:10px}.overview-detail .panel-box-header .el-range-editor.el-input__inner{width:280px;border-radius:22px;background-color:#F8F8F8;margin-left:40px;padding-left:15px}.overview-detail .panel-box-header .el-range-editor.el-input__inner .el-range-input{background-color:#F8F8F8}.overview-detail .panel-box-header .el-range-editor.el-input__inner .el-range-separator{width:20px;padding:0 2px}.overview-detail .panel-box-header .el-range-editor.el-input__inner .el-icon-date{color:#AC9374;font-size:18px}.overview-detail .panel-box-content{height:calc(100% - 64px);overflow:hidden}.overview-detail .rank-box{width:50%}.overview-detail .rank-box.left{padding-right:10px}.overview-detail .rank-box.right{padding-left:10px}.party-icon-20{display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-size:cover}.party-icon-24{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-size:cover}.icon-add{background-image:url("~@/assets/icons/add.png")}.icon-import{background-image:url("~@/assets/icons/import.png")}.icon-detail{background-image:url("~@/assets/icons/detail.png")}.icon-edit{background-image:url("~@/assets/icons/edit.png")}.icon-reset{background-image:url("~@/assets/icons/reset.png")}.icon-enable{background-image:url("~@/assets/icons/enable.png")}.icon-disable{background-image:url("~@/assets/icons/disable.png")}.icon-del{background-image:url("~@/assets/icons/del.png")}.icon-org{display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-size:cover;background-image:url("~@/assets/icons/org.png");margin-right:8px}.org-tree .el-tree-node__expand-icon{position:absolute;right:10px;top:14px;color:#000000;font-size:16px}.org-tree .el-tree-node__expand-icon.is-leaf{color:transparent}.org-tree .el-tree-node{background-color:#FFFFFF}.org-tree .el-tree-node__content{height:auto;position:relative;background-color:transparent !important}.org-tree .el-tree-node__content:hover{background-color:transparent}.org-tree div[class*="tree-node-level"]{width:100%;color:#333333;border-radius:5px}.org-tree .tree-node-level1 span,.org-tree .tree-node-level2 span{font-size:16px}.org-tree .tree-node-level3 span{font-size:14px}.org-tree .tree-node-level1{height:56px;line-height:56px;border-bottom:1px solid #EEEEEE}.org-tree .tree-node-level2,.org-tree .tree-node-level3{height:40px;line-height:40px;margin:5px 0;border-radius:20px;padding-left:10px}.org-tree .tree-node-level2:hover{background-color:#FDFBF8}.org-tree .tree-node-level3:hover{background-color:#EEEEEE}/*# sourceMappingURL=./global.css.map */
\ No newline at end of file
{"version":3,"sources":["global.less"],"names":[],"mappings":"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"}
\ No newline at end of file
......@@ -93,6 +93,9 @@
width: 20px;
padding: 0 2px;
}
.el-range-input{
background-color: @party-bg-gray;
}
}
.el-input__icon{
width: 40px;
......@@ -152,6 +155,15 @@
}
// 系统form 表单样式
.party-form{
.el-input__icon{
width: 40px;
font-size: 20px;
color: @party-btn-color;
}
.el-range-separator{
width: 20px;
padding: 0 2px;
}
.el-input{
width: 280px;
.el-input__inner{
......@@ -407,6 +419,9 @@
.icon-import{
background-image: url("~@/assets/icons/import.png");
}
.icon-detail{
background-image: url("~@/assets/icons/detail.png");
}
.icon-edit{
background-image: url("~@/assets/icons/edit.png");
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment