调整了部分界面及样式

This commit is contained in:
zxx 2022-11-30 22:21:23 +08:00
parent 3bde5e1473
commit 6691ce8f71
16 changed files with 222 additions and 135 deletions

View File

@ -53,4 +53,22 @@ export default {
}, },
}; };
</script> </script>
<style>
/* .mk-toolbar {
width:200px;
position: absolute;
right: 20px;
top: 50px;
z-index: 1;
} */
.mk-toolbar .ant-btn{
position: relative;
top:6px;
}
.iconlink svg{
width:25px;
height: 25px;
}
</style>

View File

@ -82,12 +82,13 @@ export default {
title: '左侧', title: '左侧',
span: 20, span: 20,
children: [ children: [
{ field: 'name', title: '名称', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入名称' } } }, { field: 'name', title: '名称', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入名称' } } },
{ field: 'nick_name', title: '昵称', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入昵称' } } }, { field: 'nick_name', title: '昵称', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入昵称' } } },
{ span: 10, slots: { default: 'date' } } { span: 8, slots: { default: 'date' } },
{ align: 'right', span: 4, itemRender: { name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } },
{ props: { type: 'reset', content: '重置' } }] } }
] ]
}, }
{ align: 'right', span: 4, itemRender: { name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } }, { props: { type: 'reset', content: '重置' } }] } }
], ],
@ -129,7 +130,7 @@ export default {
columns: [ columns: [
{ type: 'checkbox', width: 50 }, { type: 'checkbox', width: 50 },
{ type: 'seq', width: 50 }, { type: 'seq', width: 50 },
{ title: '操作', slots: { default: 'op' },width:100 }, { title: '操作', slots: { default: 'op' },width:120 },
{ field: 'name', sortable: true, title: '名称' }, { field: 'name', sortable: true, title: '名称' },
{ field: 'nick_name', sortable: true, title: '昵称', showHeaderOverflow: true }, { field: 'nick_name', sortable: true, title: '昵称', showHeaderOverflow: true },
{ field: 'email', sortable: true, title: 'email', showHeaderOverflow: true }, { field: 'email', sortable: true, title: 'email', showHeaderOverflow: true },
@ -289,10 +290,10 @@ export default {
}; };
</script> </script>
<style> <style scoped lang="less">
.page-body { .page-body {
padding: 10px 10px; padding: 10px 10px;
background: white; background: @base-bg-color;
} }
.gridPanel{ .gridPanel{
height: calc(100vh - 430px); height: calc(100vh - 430px);

View File

@ -23,6 +23,6 @@ export default {
} }
</script> </script>
<style> <style scoped lang="less">
</style> </style>

View File

@ -177,6 +177,10 @@ export default {
}; };
</script> </script>
<style> <style scoped lang="less">
.page-body {
padding: 10px ;
background: @base-bg-color;
}
</style> </style>

View File

@ -87,13 +87,13 @@ export default {
title: '左侧', title: '左侧',
span: 20, span: 20,
children: [ children: [
{ field: 'title', title: '代理商名称', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入名称' } } }, { field: 'title', title: '代理商名称', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入代理商名称' } } },
{ field: 'short_name', title: '代理商简写', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入昵称' } } }, { field: 'short_name', title: '代理商简称', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入代理商简称' } } },
{ span: 8, slots: { default: 'date' } },
{ span: 10, slots: { default: 'date' } } { align: 'right', span: 4, itemRender: { name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } },
{ props: { type: 'reset', content: '重置' } }] } }
] ]
}, }
{ align: 'right', span: 4, itemRender: { name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } }, { props: { type: 'reset', content: '重置' } }] } }
], ],
@ -135,11 +135,10 @@ export default {
columns: [ columns: [
{ type: 'checkbox', width: 50 }, { type: 'checkbox', width: 50 },
{ type: 'seq', width: 50 }, { type: 'seq', width: 50 },
{ title: '操作', slots: { default: 'op' },width:100 },
{ field: 'title', sortable: true, title: '代理商名称' }, { field: 'title', sortable: true, title: '代理商名称' },
{ field: 'short_name', sortable: true, title: '代理商简', showHeaderOverflow: true }, { field: 'short_name', sortable: true, title: '代理商简', showHeaderOverflow: true },
{ field: 'company_type', sortable: true, title: '代理商类型', showHeaderOverflow: true }, { field: 'company_type', sortable: true, title: '代理商类型', showHeaderOverflow: true },
{ field: 'desc', sortable: true, title: '描述', showHeaderOverflow: true } { title: '操作', slots: { default: 'op' },width:120 }
] ]
} }
}; };
@ -293,12 +292,20 @@ export default {
}; };
</script> </script>
<style> <style scoped lang="less">
.page-body { .page-body {
padding: 10px 10px; padding: 30px ;
background: white; background: @base-bg-color;
} }
.gridPanel{ .gridPanel{
height: calc(100vh - 400px); height: calc(100vh - 400px);
} }
</style> </style>
<style>
.oplinks svg {
width: 22px;
height:22px;
margin: 0 5px 0 0;
}
</style>

View File

@ -72,7 +72,7 @@ export default {
// //
var pageData = { var pageData = {
companyTypeData: ['普通', '星级', '特星级'], companyTypeData: ['日用陶瓷厂', '卫浴工厂', '公司企业', '贸易公司', '其他'],
config_list: [], config_list: [],
currentBeid : 0, currentBeid : 0,
@ -100,7 +100,7 @@ export default {
"desc": "", "desc": "",
"domain": "", "domain": "",
"devdomain": "", "devdomain": "",
"company_type": "", "company_type": "日用陶瓷厂",
"address": "", "address": "",
"longitude": "", "longitude": "",
"latitude": "", "latitude": "",
@ -111,6 +111,10 @@ export default {
"status": 1, "status": 1,
"short_title": "", "short_title": "",
"token": "", "token": "",
"name": "",
"mobile": "",
"password": "",
"email": "",
"admin_count": 0, "admin_count": 0,
"staff_count": 0, "staff_count": 0,
"store_count": 0 "store_count": 0
@ -123,8 +127,20 @@ export default {
title: [ title: [
{ required: true, message: '请输入标题' } { required: true, message: '请输入标题' }
], ],
desc: [ beid: [
{ required: true, message: '请输入描述' } { required: true, message: '请选择归属项目' }
],
company_type: [
{ required: true, message: '请选择公司类型' }
],
name: [
{ required: true, message: '请输入管理员名称' }
],
mobile: [
{ required: true, message: '请输入管理员手机号码' }
],
password: [
{ required: true, message: '请输入管理员密码' }
], ],
}, },
@ -132,16 +148,21 @@ export default {
{ {
title: '左侧', title: '左侧',
children: [ children: [
{ field: 'title', title: '公司名', span: 6, itemRender: { name: '$input', props: { placeholder: '请输入公司名' } } }, { field: 'title', title: '公司名', span: 12, itemRender: { name: '$input', props: { placeholder: '请输入公司名' } } },
{ title: '归属项目', span: 6, slots: { default: 'beid' } }, { field: 'short_title', title: '公司简称', span: 8, itemRender: { name: '$input', props: { placeholder: '请输入公司简称' } } },
{ title: '公司类型', span: 6, slots: { default: 'company_type' } }, { field: 'desc', title: '描述', span: 16, itemRender: { name: '$textarea', props: { placeholder: '请输入描述' } } },
{ field: 'logo', title: 'logo', span: 6, itemRender: { name: '$input', props: { placeholder: '请输入LOGO' } } }, { field: 'logo', title: 'Logo', span: 16, itemRender: { name: '$input', props: { placeholder: '请输入LOGO' } } },
{ field: 'domain', title: 'domain', span: 6, itemRender: { name: '$input' } }, { field: 'domain', title: '域名', span: 10, itemRender: { name: '$input' } },
{ field: 'devdomain', title: 'devdomain', span: 6, itemRender: { name: '$input' } }, { field: 'devdomain', title: '测试域名', span: 10, itemRender: { name: '$input' } },
{ field: 'desc', title: '描述', span: 6, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } }, { field: 'beid',title: '归属项目', span: 6, slots: { default: 'beid' } },
{ field: 'appid', title: 'appid', span: 6, itemRender: { name: '$input' } }, { field: 'company_type',title: '公司类型', span: 6, slots: { default: 'company_type' } },
{ field: 'appsecret', title: 'appsecret', span: 6, itemRender: { name: '$input' } }, { field: 'appid', title: 'AppID', span: 20, itemRender: { name: '$input' } },
{ field: 'token', title: 'token', span: 6, itemRender: { name: '$input' } } { field: 'appsecret', title: 'AppSecret', span: 20, itemRender: { name: '$input' } },
{ field: 'token', title: '企业Token', span: 20, itemRender: { name: '$textarea' , props: { placeholder: '不用填写' }} },
{ field: 'mobile', title: '管理员手机', span: 10, itemRender: { name: '$input', props: { placeholder: '请输入管理员手机号' } } },
{ field: 'password', title: '管理员密码', span: 10, itemRender: { name: '$input' , props: { placeholder: '请输入管理员密码' }} },
{ field: 'name', title: '管理员名称', span: 10, itemRender: { name: '$input', props: { placeholder: '请输入管理员名称' } } },
{ field: 'email', title: '管理员邮箱', span: 10, itemRender: { name: '$input' , props: { placeholder: '请输入管理员邮箱' }} }
] ]
} }
] ]
@ -399,14 +420,14 @@ export default {
}; };
</script> </script>
<style> <style scoped lang="less">
.page-body { .page-body {
background: white; padding: 30px ;
padding: 10px; background: @base-bg-color;
} }
.formtabs .ant-tabs-tabpane { .formtabs .ant-tabs-tabpane {
background: white; /* background: white; */
padding: 12px; padding: 12px;
} }

View File

@ -89,12 +89,13 @@ export default {
title: '左侧', title: '左侧',
span: 20, span: 20,
children: [ children: [
{ field: 'title', title: '标题', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入标题' } } }, { field: 'title', title: '标题', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入标题' } } },
{ field: 'desc', title: '描述', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } }, { field: 'desc', title: '描述', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } },
{ span: 10, slots: { default: 'date' } } { span: 8, slots: { default: 'date' } },
{ align: 'right', span: 4, itemRender: { name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } },
{ props: { type: 'reset', content: '重置' } }] } }
] ]
}, }
{ align: 'right', span: 4, itemRender: { name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } }, { props: { type: 'reset', content: '重置' } }] } }
], ],
@ -136,13 +137,13 @@ export default {
columns: [ columns: [
{ type: 'checkbox', width: 50 }, { type: 'checkbox', width: 50 },
{ type: 'seq', width: 50 }, { type: 'seq', width: 50 },
{ title: '操作', slots: { default: 'op' },width:100 }, { field: 'logo', width: 120, sortable: true, title: '公司Logo', showHeaderOverflow: true },
{ field: 'title', sortable: true, title: '标题' }, { field: 'title', sortable: true, title: '公司名称' ,width:250},
{ field: 'desc', sortable: true, title: '描述', showHeaderOverflow: true }, { field: 'auth_stop_date', sortable: true, title: '授权截止日期', showHeaderOverflow: true },
{ field: 'logo', sortable: true, title: 'logo', showHeaderOverflow: true }, { field: 'token', sortable: true, title: 'token', showHeaderOverflow: true },
{ field: 'domain', sortable: true, title: 'domain', showHeaderOverflow: true }, { field: 'is_private_cloud' ,width:110, sortable: true, title: '私有云', showHeaderOverflow: true },
{ field: 'devdomain', sortable: true, title: 'devdomain', showHeaderOverflow: true }, { field: 'admin_count' ,width:110, sortable: true, title: '用户数', showHeaderOverflow: true },
{ field: 'token', sortable: true, title: 'token', showHeaderOverflow: true } { title: '操作', slots: { default: 'op' },width:120 }
] ]
} }
}; };
@ -287,12 +288,23 @@ export default {
}; };
</script> </script>
<style> <style scoped lang="less">
.page-body { .page-body {
padding: 10px 10px; padding: 30px ;
background: white; background: @base-bg-color;
} }
.gridPanel{ .gridPanel{
height: calc(100vh - 400px); height: calc(100vh - 400px);
} }
</style>
</style>
<style>
.oplinks svg {
width: 22px;
height:22px;
margin: 0 5px 0 0;
}
</style>

View File

@ -114,14 +114,14 @@ export default {
{ {
title: '左侧', title: '左侧',
children: [ children: [
{ field: 'title', title: '项目名', span: 6, itemRender: { name: '$input', props: { placeholder: '请输入项目名' } } }, { field: 'title', title: '项目名', span: 16, itemRender: { name: '$input', props: { placeholder: '请输入项目名' } } },
{ field: 'logo', title: 'logo', span: 6, itemRender: { name: '$input', props: { placeholder: '请输入LOGO' } } }, { field: 'desc', title: '项目描述', span: 16, itemRender: { name: '$textarea', props: { placeholder: '请输入描述' } } },
{ field: 'domain', title: 'domain', span: 6, itemRender: { name: '$input' } }, { field: 'logo', title: 'Logo', span: 20, itemRender: { name: '$input', props: { placeholder: '请输入LOGO' } } },
{ field: 'devdomain', title: 'devdomain', span: 6, itemRender: { name: '$input' } }, { field: 'domain', title: '网址域名', span: 10, itemRender: { name: '$input' } },
{ field: 'desc', title: '描述', span: 6, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } }, { field: 'devdomain', title: '开发域名', span: 10, itemRender: { name: '$input' } },
{ field: 'appid', title: 'appid', span: 6, itemRender: { name: '$input' } }, { field: 'appid', title: 'AppID', span: 20, itemRender: { name: '$textarea' } },
{ field: 'appsecret', title: 'appsecret', span: 6, itemRender: { name: '$input' } }, { field: 'appsecret', title: 'AppSecret', span: 20, itemRender: { name: '$textarea' } },
{ field: 'token', title: 'token', span: 6, itemRender: { name: '$input' } } { field: 'token', title: '项目Token', span: 20, itemRender: { name: '$textarea' } }
] ]
} }
] ]
@ -356,13 +356,14 @@ export default {
}; };
</script> </script>
<style> <style scoped lang="less">
.page-body { .page-body {
background: white; padding: 30px ;
background: @base-bg-color;
} }
.formtabs .ant-tabs-tabpane { .formtabs .ant-tabs-tabpane {
background: white; /* background: white; */
padding: 12px; padding: 12px;
} }

View File

@ -89,12 +89,13 @@ export default {
title: '左侧', title: '左侧',
span: 20, span: 20,
children: [ children: [
{ field: 'title', title: '标题', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入标题' } } }, { field: 'title', title: '标题', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入标题' } } },
{ field: 'desc', title: '描述', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } }, { field: 'desc', title: '描述', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } },
{ span: 10, slots: { default: 'date' } } { span: 8, slots: { default: 'date' } },
{ align: 'right', span: 4, itemRender: { name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } },
{ props: { type: 'reset', content: '重置' } }] } }
] ]
}, }
{ align: 'right', span: 4, itemRender: { name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } }, { props: { type: 'reset', content: '重置' } }] } }
], ],
@ -136,13 +137,12 @@ export default {
columns: [ columns: [
{ type: 'checkbox', width: 50 }, { type: 'checkbox', width: 50 },
{ type: 'seq', width: 50 }, { type: 'seq', width: 50 },
{ title: '操作', slots: { default: 'op' },width:100 },
{ field: 'title', sortable: true, title: '标题' }, { field: 'title', sortable: true, title: '标题' },
{ field: 'logo', sortable: true, title: 'Logo', showHeaderOverflow: true },
{ field: 'domain', sortable: true, title: '网址域名', showHeaderOverflow: true },
{ field: 'token', sortable: true, title: 'token', showHeaderOverflow: true },
{ field: 'desc', sortable: true, title: '描述', showHeaderOverflow: true }, { field: 'desc', sortable: true, title: '描述', showHeaderOverflow: true },
{ field: 'logo', sortable: true, title: 'logo', showHeaderOverflow: true }, { title: '操作', slots: { default: 'op' },width:120 }
{ field: 'domain', sortable: true, title: 'domain', showHeaderOverflow: true },
{ field: 'devdomain', sortable: true, title: 'devdomain', showHeaderOverflow: true },
{ field: 'token', sortable: true, title: 'token', showHeaderOverflow: true }
] ]
} }
}; };
@ -287,12 +287,21 @@ export default {
}; };
</script> </script>
<style> <style scoped lang="less">
.page-body { .page-body {
padding: 10px 10px; padding: 30px ;
background: white; background: @base-bg-color;
} }
.gridPanel{ .gridPanel{
height: calc(100vh - 400px); height: calc(100vh - 400px);
} }
</style> </style>
<style>
.oplinks svg {
width: 22px;
height:22px;
margin: 0 5px 0 0;
}
</style>

View File

@ -149,6 +149,6 @@ export default {
}; };
</script> </script>
<style> <style scoped lang="less">
</style> </style>

View File

@ -81,12 +81,13 @@ export default {
title: '左侧', title: '左侧',
span: 20, span: 20,
children: [ children: [
{ field: 'title', title: '权限名', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入权限名' } } }, { field: 'title', title: '权限名', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入权限名' } } },
{ field: 'permission_code', title: '编号', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入编号' } } }, { field: 'permission_code', title: '编号', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入编号' } } },
{ span: 10, slots: { default: 'date' } } { span: 8, slots: { default: 'date' } },
{ align: 'right', span: 4, itemRender: { name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } },
{ props: { type: 'reset', content: '重置' } }] } }
] ]
}, }
{ align: 'right', span: 4, itemRender: { name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } }, { props: { type: 'reset', content: '重置' } }] } }
], ],
@ -273,9 +274,9 @@ export default {
}; };
</script> </script>
<style> <style scoped lang="less">
.page-body { .page-body {
padding: 10px 10px; padding: 30px ;
background: white; background: @base-bg-color;
} }
</style> </style>

View File

@ -128,11 +128,11 @@ export default {
{ {
title: '左侧', title: '左侧',
children: [ children: [
{ field: 'name', title: '服务名', span: 8, itemRender: { name: '$input', props: { placeholder: '请输入服务名' } } }, { field: 'name', title: '服务名', span: 16, itemRender: { name: '$input', props: { placeholder: '请输入服务名' } } },
{ field: 'title', title: '服务标题', span: 8, itemRender: { name: '$input', props: { placeholder: '请输入服务标题' } } }, { field: 'title', title: '服务标题', span: 16, itemRender: { name: '$input', props: { placeholder: '请输入服务标题' } } },
{ field: 'port', title: '端口', span: 8, itemRender: { name: '$input', props: { placeholder: '请输入端口' } } }, { field: 'desc', title: '描述', span: 16, itemRender: { name: '$textarea', props: { placeholder: '请输入描述' } } },
{ field: 'desc', title: '描述', span: 16, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } }, { field: 'port', title: '端口', span: 10, itemRender: { name: '$input', props: { placeholder: '请输入端口' } } },
{ field: 'version', title: '版本号', span: 8, itemRender: { name: '$input', props: { placeholder: '请输入版本号' } } } { field: 'version', title: '版本号', span: 6, itemRender: { name: '$input', props: { placeholder: '请输入版本号' } } }
] ]
} }
] ]
@ -185,11 +185,10 @@ export default {
highlight: true highlight: true
}, },
columns: [ columns: [
{ field: 'router', treeNode: true, sortable: true, title: '路由' }, { field: 'router', treeNode: true, sortable: true, title: '路由Name' },
{ field: 'name', sortable: true, title: '路由标题', showHeaderOverflow: true }, { field: 'name', sortable: true, title: '名称', showHeaderOverflow: true },
{ field: 'path', sortable: true, title: '路径', showHeaderOverflow: true }, { field: 'path', sortable: true, title: '路径', showHeaderOverflow: true },
{ field: 'parent_router.name', sortable: true, title: '上级路由', showHeaderOverflow: true }, { title: '操作', slots: { default: 'op' } ,width: 200}
{ title: '操作', slots: { default: 'op' } }
] ]
}, },
@ -508,17 +507,22 @@ export default {
}; };
</script> </script>
<style> <style scoped lang="less">
.page-body{ .page-body{
background: white; background: @base-bg-color;
padding: 30px ;
}
.formtabs {
padding: 10px 30px;
.ant-tabs-tabpane {
background: @base-bg-color;
padding: 20px 30px;
} }
.formtabs .ant-tabs-tabpane {
background: white;
padding: 12px;
} }
.gridPanel{ .gridPanel{
height: calc(100vh - 580px); height: calc(150vh - 580px);
} }
</style> </style>

View File

@ -94,12 +94,13 @@ export default {
title: '左侧', title: '左侧',
span: 20, span: 20,
children: [ children: [
{ field: 'name', title: '名称', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入名称' } } }, { field: 'name', title: '名称', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入名称' } } },
{ field: 'title', title: '标题', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入标题' } } }, { field: 'title', title: '标题', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入标题' } } },
{ span: 10, slots: { default: 'date' } } { span: 8, slots: { default: 'date' } },
{ align: 'left', span: 4, itemRender: { name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } },
{ props: { type: 'reset', content: '重置' } }] } }
] ]
}, }
{ align: 'right', span: 4, itemRender: { name: '$buttons', children: [{ props: { type: 'submit', content: '搜索', status: 'primary' } }, { props: { type: 'reset', content: '重置' } }] } }
], ],
@ -141,20 +142,20 @@ export default {
columns: [ columns: [
{ type: 'checkbox', width: 50 }, { type: 'checkbox', width: 50 },
{ type: 'seq', width: 50 }, { type: 'seq', width: 50 },
{ title: '操作', slots: { default: 'op' },width:100 }, { field: 'name', sortable: true, title: '服务名称' ,width:180},
{ field: 'name', sortable: true, title: '名称' ,width:180}, { field: 'title', sortable: true, title: '服务中文名', showHeaderOverflow: true ,width:220},
{ field: 'title', sortable: true, title: '标题', showHeaderOverflow: true ,width:180}, { field: 'desc',sortable: true, title: '描述', showHeaderOverflow: true ,width:400},
{ field: 'desc', sortable: true, title: '描述', showHeaderOverflow: true ,width:180},
{ field: 'port', sortable: true, title: '端口', showHeaderOverflow: true ,width:100 }, { field: 'port', sortable: true, title: '端口', showHeaderOverflow: true ,width:100 },
{ field: 'version', sortable: true, title: '版本', showHeaderOverflow: true ,width:100 }, { field: 'version', sortable: true, title: '版本', showHeaderOverflow: true ,width:100 },
{ field: 'status', sortable: true, title: '是否启用', slots: { default: 'status' } ,width:100 } { field: 'status', sortable: true, title: '是否启用', slots: { default: 'status' } ,width:100 },
{ title: '操作', slots: { default: 'op' },width:120 }
] ]
} }
}; };
for(let i = 0;i<20;i++){ // for(let i = 0;i<20;i++){
pageData.gridOptions.columns.push({title:'列'+i,width: 100}); // pageData.gridOptions.columns.push({title:''+i,width: 100});
} // }
pageData.gridOptions = Object.assign({}, this.$mk.config.defaults.gridOptions, pageData.gridOptions); pageData.gridOptions = Object.assign({}, this.$mk.config.defaults.gridOptions, pageData.gridOptions);
@ -272,7 +273,7 @@ export default {
this.$emit("callback", { data: { ids: ids } }); this.$emit("callback", { data: { ids: ids } });
}, },
//
pageDelete(row) { pageDelete(row) {
@ -287,7 +288,7 @@ export default {
this.$mk.error("请选择行"); this.$mk.error("请选择行");
return; return;
} }
//
this.$mk.confirm('您确定要删除吗?').then(type => { this.$mk.confirm('您确定要删除吗?').then(type => {
if (type == 'confirm') { if (type == 'confirm') {
this.$mk.post({ this.$mk.post({
@ -318,12 +319,20 @@ export default {
}; };
</script> </script>
<style> <style scoped lang="less">
.page-body { .page-body {
padding: 10px 10px; padding: 30px ;
background: white; background: @base-bg-color;
} }
.gridPanel{ .gridPanel{
height: calc(100vh - 400px); height: calc(100vh - 400px);
} }
</style>
</style>
<style>
.oplinks svg {
width: 22px;
height:22px;
margin: 0 5px 0 0;
}
</style>

View File

@ -184,7 +184,7 @@ export default {
}; };
</script> </script>
<style> <style scoped lang="less">
.router-edit-page .vxe-pulldown { .router-edit-page .vxe-pulldown {
width: 100%; width: 100%;
} }

View File

@ -88,13 +88,13 @@ export default {
rules: { rules: {
router: [ router: [
{ required: true, message: '请输入路由' } { required: true, message: '请输入路由Name' }
], ],
name: [ name: [
{ required: true, message: '请输入路由标题' } { required: true, message: '请输入路由名称' }
], ],
path: [ path: [
{ required: true, message: '请输入路由路径' } { required: true, message: '请输入路径' }
], ],
}, },
@ -102,9 +102,9 @@ export default {
{ {
title: '左侧', title: '左侧',
children: [ children: [
{ field: 'router', title: '路由', span: 24, itemRender: { name: '$input', props: { placeholder: '请输入路由名' } } }, { field: 'router', title: '路由Name', span: 24, itemRender: { name: '$input', props: { placeholder: '请输入路由名' } } },
{ title: '级路由', span: 24, slots: { default: 'parent_router' } }, { title: '级路由', span: 24, slots: { default: 'parent_router' } },
{ field: 'name', title: '路由标题', span: 24, itemRender: { name: '$input', props: { placeholder: '请输入路由标题' } } }, { field: 'name', title: '名称', span: 24, itemRender: { name: '$input', props: { placeholder: '请输入路由标题' } } },
{ field: 'path', title: '路径', span: 24, itemRender: { name: '$input', props: { placeholder: '请输入路径' } } } { field: 'path', title: '路径', span: 24, itemRender: { name: '$input', props: { placeholder: '请输入路径' } } }
] ]
} }
@ -279,7 +279,7 @@ export default {
}; };
</script> </script>
<style> <style scoped lang="less">
.router-edit-page .vxe-pulldown { .router-edit-page .vxe-pulldown {
width: 100%; width: 100%;
} }

View File

@ -15,7 +15,7 @@ const AdminUserRouterMap = {
icon: 'idcard', icon: 'idcard',
component: view.page, component: view.page,
meta: { meta: {
//invisible:true, // 不在菜单中显示 invisible:true, // 不在菜单中显示
}, },
authority: { authority: {
permission:['AdminUser-All'], permission:['AdminUser-All'],