调整了部分界面及样式
This commit is contained in:
parent
3bde5e1473
commit
6691ce8f71
|
|
@ -54,3 +54,21 @@ export default {
|
|||
};
|
||||
</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>
|
||||
|
|
@ -82,12 +82,13 @@ export default {
|
|||
title: '左侧',
|
||||
span: 20,
|
||||
children: [
|
||||
{ field: 'name', title: '名称', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入名称' } } },
|
||||
{ field: 'nick_name', title: '昵称', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入昵称' } } },
|
||||
{ span: 10, slots: { default: 'date' } }
|
||||
{ field: 'name', title: '名称', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入名称' } } },
|
||||
{ field: 'nick_name', title: '昵称', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入昵称' } } },
|
||||
{ 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: [
|
||||
{ type: 'checkbox', width: 50 },
|
||||
{ type: 'seq', width: 50 },
|
||||
{ title: '操作', slots: { default: 'op' },width:100 },
|
||||
{ title: '操作', slots: { default: 'op' },width:120 },
|
||||
{ field: 'name', sortable: true, title: '名称' },
|
||||
{ field: 'nick_name', sortable: true, title: '昵称', showHeaderOverflow: true },
|
||||
{ field: 'email', sortable: true, title: 'email', showHeaderOverflow: true },
|
||||
|
|
@ -289,10 +290,10 @@ export default {
|
|||
};
|
||||
|
||||
</script>
|
||||
<style>
|
||||
<style scoped lang="less">
|
||||
.page-body {
|
||||
padding: 10px 10px;
|
||||
background: white;
|
||||
background: @base-bg-color;
|
||||
}
|
||||
.gridPanel{
|
||||
height: calc(100vh - 430px);
|
||||
|
|
|
|||
|
|
@ -23,6 +23,6 @@ export default {
|
|||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style scoped lang="less">
|
||||
|
||||
</style>
|
||||
|
|
@ -177,6 +177,10 @@ export default {
|
|||
};
|
||||
|
||||
</script>
|
||||
<style>
|
||||
<style scoped lang="less">
|
||||
|
||||
.page-body {
|
||||
padding: 10px ;
|
||||
background: @base-bg-color;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -87,13 +87,13 @@ export default {
|
|||
title: '左侧',
|
||||
span: 20,
|
||||
children: [
|
||||
{ field: 'title', title: '代理商名称', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入名称' } } },
|
||||
{ field: 'short_name', title: '代理商简写', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入昵称' } } },
|
||||
|
||||
{ span: 10, slots: { default: 'date' } }
|
||||
{ field: 'title', title: '代理商名称', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入代理商名称' } } },
|
||||
{ field: 'short_name', title: '代理商简称', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入代理商简称' } } },
|
||||
{ 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: '重置' } }] } }
|
||||
}
|
||||
],
|
||||
|
||||
|
||||
|
|
@ -135,11 +135,10 @@ export default {
|
|||
columns: [
|
||||
{ type: 'checkbox', width: 50 },
|
||||
{ type: 'seq', width: 50 },
|
||||
{ title: '操作', slots: { default: 'op' },width:100 },
|
||||
{ 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: 'desc', sortable: true, title: '描述', showHeaderOverflow: true }
|
||||
{ title: '操作', slots: { default: 'op' },width:120 }
|
||||
]
|
||||
}
|
||||
};
|
||||
|
|
@ -293,12 +292,20 @@ export default {
|
|||
};
|
||||
|
||||
</script>
|
||||
<style>
|
||||
<style scoped lang="less">
|
||||
.page-body {
|
||||
padding: 10px 10px;
|
||||
background: white;
|
||||
padding: 30px ;
|
||||
background: @base-bg-color;
|
||||
}
|
||||
.gridPanel{
|
||||
height: calc(100vh - 400px);
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
.oplinks svg {
|
||||
width: 22px;
|
||||
height:22px;
|
||||
margin: 0 5px 0 0;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -72,7 +72,7 @@ export default {
|
|||
// 页面数据变量
|
||||
var pageData = {
|
||||
|
||||
companyTypeData: ['普通', '星级', '特星级'],
|
||||
companyTypeData: ['日用陶瓷厂', '卫浴工厂', '公司企业', '贸易公司', '其他'],
|
||||
config_list: [],
|
||||
currentBeid : 0,
|
||||
|
||||
|
|
@ -100,7 +100,7 @@ export default {
|
|||
"desc": "",
|
||||
"domain": "",
|
||||
"devdomain": "",
|
||||
"company_type": "",
|
||||
"company_type": "日用陶瓷厂",
|
||||
"address": "",
|
||||
"longitude": "",
|
||||
"latitude": "",
|
||||
|
|
@ -111,6 +111,10 @@ export default {
|
|||
"status": 1,
|
||||
"short_title": "",
|
||||
"token": "",
|
||||
"name": "",
|
||||
"mobile": "",
|
||||
"password": "",
|
||||
"email": "",
|
||||
"admin_count": 0,
|
||||
"staff_count": 0,
|
||||
"store_count": 0
|
||||
|
|
@ -123,8 +127,20 @@ export default {
|
|||
title: [
|
||||
{ required: true, message: '请输入标题' }
|
||||
],
|
||||
desc: [
|
||||
{ required: true, message: '请输入描述' }
|
||||
beid: [
|
||||
{ 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: '左侧',
|
||||
children: [
|
||||
{ field: 'title', title: '公司名', span: 6, itemRender: { name: '$input', props: { placeholder: '请输入公司名' } } },
|
||||
{ title: '归属项目', span: 6, slots: { default: 'beid' } },
|
||||
{ title: '公司类型', span: 6, slots: { default: 'company_type' } },
|
||||
{ field: 'logo', title: 'logo', span: 6, itemRender: { name: '$input', props: { placeholder: '请输入LOGO' } } },
|
||||
{ field: 'domain', title: 'domain', span: 6, itemRender: { name: '$input' } },
|
||||
{ field: 'devdomain', title: 'devdomain', span: 6, itemRender: { name: '$input' } },
|
||||
{ field: 'desc', title: '描述', span: 6, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } },
|
||||
{ field: 'appid', title: 'appid', span: 6, itemRender: { name: '$input' } },
|
||||
{ field: 'appsecret', title: 'appsecret', span: 6, itemRender: { name: '$input' } },
|
||||
{ field: 'token', title: 'token', span: 6, itemRender: { name: '$input' } }
|
||||
{ field: 'title', title: '公司名', span: 12, itemRender: { name: '$input', props: { placeholder: '请输入公司名' } } },
|
||||
{ field: 'short_title', title: '公司简称', span: 8, itemRender: { name: '$input', props: { placeholder: '请输入公司简称' } } },
|
||||
{ field: 'desc', title: '描述', span: 16, itemRender: { name: '$textarea', props: { placeholder: '请输入描述' } } },
|
||||
{ field: 'logo', title: 'Logo', span: 16, itemRender: { name: '$input', props: { placeholder: '请输入LOGO' } } },
|
||||
{ field: 'domain', title: '域名', span: 10, itemRender: { name: '$input' } },
|
||||
{ field: 'devdomain', title: '测试域名', span: 10, itemRender: { name: '$input' } },
|
||||
{ field: 'beid',title: '归属项目', span: 6, slots: { default: 'beid' } },
|
||||
{ field: 'company_type',title: '公司类型', span: 6, slots: { default: 'company_type' } },
|
||||
{ field: 'appid', title: 'AppID', span: 20, 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>
|
||||
<style>
|
||||
<style scoped lang="less">
|
||||
.page-body {
|
||||
background: white;
|
||||
padding: 10px;
|
||||
padding: 30px ;
|
||||
background: @base-bg-color;
|
||||
}
|
||||
|
||||
.formtabs .ant-tabs-tabpane {
|
||||
background: white;
|
||||
/* background: white; */
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -89,12 +89,13 @@ export default {
|
|||
title: '左侧',
|
||||
span: 20,
|
||||
children: [
|
||||
{ field: 'title', title: '标题', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入标题' } } },
|
||||
{ field: 'desc', title: '描述', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } },
|
||||
{ span: 10, slots: { default: 'date' } }
|
||||
{ field: 'title', title: '标题', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入标题' } } },
|
||||
{ field: 'desc', title: '描述', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } },
|
||||
{ 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: [
|
||||
{ type: 'checkbox', width: 50 },
|
||||
{ type: 'seq', width: 50 },
|
||||
{ title: '操作', slots: { default: 'op' },width:100 },
|
||||
{ field: 'title', sortable: true, title: '标题' },
|
||||
{ field: 'desc', sortable: true, title: '描述', showHeaderOverflow: true },
|
||||
{ field: 'logo', sortable: true, title: 'logo', showHeaderOverflow: true },
|
||||
{ field: 'domain', sortable: true, title: 'domain', showHeaderOverflow: true },
|
||||
{ field: 'devdomain', sortable: true, title: 'devdomain', showHeaderOverflow: true },
|
||||
{ field: 'token', sortable: true, title: 'token', showHeaderOverflow: true }
|
||||
{ field: 'logo', width: 120, sortable: true, title: '公司Logo', showHeaderOverflow: true },
|
||||
{ field: 'title', sortable: true, title: '公司名称' ,width:250},
|
||||
{ field: 'auth_stop_date', sortable: true, title: '授权截止日期', showHeaderOverflow: true },
|
||||
{ field: 'token', sortable: true, title: 'token', showHeaderOverflow: true },
|
||||
{ field: 'is_private_cloud' ,width:110, sortable: true, title: '私有云', showHeaderOverflow: true },
|
||||
{ field: 'admin_count' ,width:110, sortable: true, title: '用户数', showHeaderOverflow: true },
|
||||
{ title: '操作', slots: { default: 'op' },width:120 }
|
||||
]
|
||||
}
|
||||
};
|
||||
|
|
@ -287,12 +288,23 @@ export default {
|
|||
};
|
||||
|
||||
</script>
|
||||
<style>
|
||||
<style scoped lang="less">
|
||||
|
||||
.page-body {
|
||||
padding: 10px 10px;
|
||||
background: white;
|
||||
padding: 30px ;
|
||||
background: @base-bg-color;
|
||||
}
|
||||
.gridPanel{
|
||||
height: calc(100vh - 400px);
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
<style>
|
||||
.oplinks svg {
|
||||
width: 22px;
|
||||
height:22px;
|
||||
margin: 0 5px 0 0;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -114,14 +114,14 @@ export default {
|
|||
{
|
||||
title: '左侧',
|
||||
children: [
|
||||
{ field: 'title', title: '项目名', span: 6, itemRender: { name: '$input', props: { placeholder: '请输入项目名' } } },
|
||||
{ field: 'logo', title: 'logo', span: 6, itemRender: { name: '$input', props: { placeholder: '请输入LOGO' } } },
|
||||
{ field: 'domain', title: 'domain', span: 6, itemRender: { name: '$input' } },
|
||||
{ field: 'devdomain', title: 'devdomain', span: 6, itemRender: { name: '$input' } },
|
||||
{ field: 'desc', title: '描述', span: 6, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } },
|
||||
{ field: 'appid', title: 'appid', span: 6, itemRender: { name: '$input' } },
|
||||
{ field: 'appsecret', title: 'appsecret', span: 6, itemRender: { name: '$input' } },
|
||||
{ field: 'token', title: 'token', span: 6, itemRender: { name: '$input' } }
|
||||
{ field: 'title', title: '项目名称', span: 16, itemRender: { name: '$input', props: { placeholder: '请输入项目名' } } },
|
||||
{ field: 'desc', title: '项目描述', span: 16, itemRender: { name: '$textarea', props: { placeholder: '请输入描述' } } },
|
||||
{ field: 'logo', title: 'Logo', span: 20, itemRender: { name: '$input', props: { placeholder: '请输入LOGO' } } },
|
||||
{ field: 'domain', title: '网址域名', span: 10, itemRender: { name: '$input' } },
|
||||
{ field: 'devdomain', title: '开发域名', span: 10, itemRender: { name: '$input' } },
|
||||
{ field: 'appid', title: 'AppID', span: 20, itemRender: { name: '$textarea' } },
|
||||
{ field: 'appsecret', title: 'AppSecret', span: 20, itemRender: { name: '$textarea' } },
|
||||
{ field: 'token', title: '项目Token', span: 20, itemRender: { name: '$textarea' } }
|
||||
]
|
||||
}
|
||||
]
|
||||
|
|
@ -356,13 +356,14 @@ export default {
|
|||
};
|
||||
|
||||
</script>
|
||||
<style>
|
||||
<style scoped lang="less">
|
||||
.page-body {
|
||||
background: white;
|
||||
padding: 30px ;
|
||||
background: @base-bg-color;
|
||||
}
|
||||
|
||||
.formtabs .ant-tabs-tabpane {
|
||||
background: white;
|
||||
/* background: white; */
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -89,12 +89,13 @@ export default {
|
|||
title: '左侧',
|
||||
span: 20,
|
||||
children: [
|
||||
{ field: 'title', title: '标题', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入标题' } } },
|
||||
{ field: 'desc', title: '描述', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } },
|
||||
{ span: 10, slots: { default: 'date' } }
|
||||
{ field: 'title', title: '标题', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入标题' } } },
|
||||
{ field: 'desc', title: '描述', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } },
|
||||
{ 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: [
|
||||
{ type: 'checkbox', width: 50 },
|
||||
{ type: 'seq', width: 50 },
|
||||
{ title: '操作', slots: { default: 'op' },width:100 },
|
||||
{ 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: 'logo', sortable: true, title: 'logo', showHeaderOverflow: true },
|
||||
{ field: 'domain', sortable: true, title: 'domain', showHeaderOverflow: true },
|
||||
{ field: 'devdomain', sortable: true, title: 'devdomain', showHeaderOverflow: true },
|
||||
{ field: 'token', sortable: true, title: 'token', showHeaderOverflow: true }
|
||||
{ title: '操作', slots: { default: 'op' },width:120 }
|
||||
]
|
||||
}
|
||||
};
|
||||
|
|
@ -287,12 +287,21 @@ export default {
|
|||
};
|
||||
|
||||
</script>
|
||||
<style>
|
||||
<style scoped lang="less">
|
||||
.page-body {
|
||||
padding: 10px 10px;
|
||||
background: white;
|
||||
padding: 30px ;
|
||||
background: @base-bg-color;
|
||||
}
|
||||
.gridPanel{
|
||||
height: calc(100vh - 400px);
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
.oplinks svg {
|
||||
width: 22px;
|
||||
height:22px;
|
||||
margin: 0 5px 0 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
|
|||
|
|
@ -149,6 +149,6 @@ export default {
|
|||
};
|
||||
|
||||
</script>
|
||||
<style>
|
||||
<style scoped lang="less">
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -81,12 +81,13 @@ export default {
|
|||
title: '左侧',
|
||||
span: 20,
|
||||
children: [
|
||||
{ field: 'title', title: '权限名', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入权限名' } } },
|
||||
{ field: 'permission_code', title: '编号', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入编号' } } },
|
||||
{ span: 10, slots: { default: 'date' } }
|
||||
{ field: 'title', title: '权限名', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入权限名' } } },
|
||||
{ field: 'permission_code', title: '编号', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入编号' } } },
|
||||
{ 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>
|
||||
<style>
|
||||
<style scoped lang="less">
|
||||
.page-body {
|
||||
padding: 10px 10px;
|
||||
background: white;
|
||||
padding: 30px ;
|
||||
background: @base-bg-color;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -128,11 +128,11 @@ export default {
|
|||
{
|
||||
title: '左侧',
|
||||
children: [
|
||||
{ field: 'name', title: '服务名', span: 8, itemRender: { name: '$input', props: { placeholder: '请输入服务名' } } },
|
||||
{ field: 'title', title: '服务标题', span: 8, itemRender: { name: '$input', props: { placeholder: '请输入服务标题' } } },
|
||||
{ field: 'port', title: '端口', span: 8, itemRender: { name: '$input', props: { placeholder: '请输入端口' } } },
|
||||
{ field: 'desc', title: '描述', span: 16, itemRender: { name: '$input', props: { placeholder: '请输入描述' } } },
|
||||
{ field: 'version', title: '版本号', span: 8, itemRender: { name: '$input', props: { placeholder: '请输入版本号' } } }
|
||||
{ field: 'name', title: '服务名', span: 16, itemRender: { name: '$input', props: { placeholder: '请输入服务名' } } },
|
||||
{ field: 'title', title: '服务标题', span: 16, itemRender: { name: '$input', props: { placeholder: '请输入服务标题' } } },
|
||||
{ field: 'desc', title: '描述', span: 16, itemRender: { name: '$textarea', props: { placeholder: '请输入描述' } } },
|
||||
{ field: 'port', title: '端口', span: 10, itemRender: { name: '$input', props: { placeholder: '请输入端口' } } },
|
||||
{ field: 'version', title: '版本号', span: 6, itemRender: { name: '$input', props: { placeholder: '请输入版本号' } } }
|
||||
]
|
||||
}
|
||||
]
|
||||
|
|
@ -185,11 +185,10 @@ export default {
|
|||
highlight: true
|
||||
},
|
||||
columns: [
|
||||
{ field: 'router', treeNode: true, sortable: true, title: '路由名' },
|
||||
{ field: 'name', sortable: true, title: '路由标题', showHeaderOverflow: true },
|
||||
{ field: 'router', treeNode: true, sortable: true, title: '路由Name' },
|
||||
{ field: 'name', 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' } }
|
||||
{ title: '操作', slots: { default: 'op' } ,width: 200}
|
||||
]
|
||||
},
|
||||
|
||||
|
|
@ -508,17 +507,22 @@ export default {
|
|||
};
|
||||
|
||||
</script>
|
||||
<style>
|
||||
<style scoped lang="less">
|
||||
.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{
|
||||
height: calc(100vh - 580px);
|
||||
height: calc(150vh - 580px);
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -94,12 +94,13 @@ export default {
|
|||
title: '左侧',
|
||||
span: 20,
|
||||
children: [
|
||||
{ field: 'name', title: '名称', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入名称' } } },
|
||||
{ field: 'title', title: '标题', span: 7, itemRender: { name: '$input', props: { placeholder: '请输入标题' } } },
|
||||
{ span: 10, slots: { default: 'date' } }
|
||||
{ field: 'name', title: '名称', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入名称' } } },
|
||||
{ field: 'title', title: '标题', span: 5, itemRender: { name: '$input', props: { placeholder: '请输入标题' } } },
|
||||
{ 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: [
|
||||
{ type: 'checkbox', width: 50 },
|
||||
{ type: 'seq', width: 50 },
|
||||
{ title: '操作', slots: { default: 'op' },width:100 },
|
||||
{ field: 'name', sortable: true, title: '名称' ,width:180},
|
||||
{ field: 'title', sortable: true, title: '标题', showHeaderOverflow: true ,width:180},
|
||||
{ field: 'desc', sortable: true, title: '描述', showHeaderOverflow: true ,width:180},
|
||||
{ field: 'name', sortable: true, title: '服务名称' ,width:180},
|
||||
{ field: 'title', sortable: true, title: '服务中文名', showHeaderOverflow: true ,width:220},
|
||||
{ field: 'desc',sortable: true, title: '描述', showHeaderOverflow: true ,width:400},
|
||||
{ field: 'port', 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++){
|
||||
pageData.gridOptions.columns.push({title:'列'+i,width: 100});
|
||||
}
|
||||
// for(let i = 0;i<20;i++){
|
||||
// pageData.gridOptions.columns.push({title:'列'+i,width: 100});
|
||||
// }
|
||||
|
||||
pageData.gridOptions = Object.assign({}, this.$mk.config.defaults.gridOptions, pageData.gridOptions);
|
||||
|
||||
|
|
@ -272,7 +273,7 @@ export default {
|
|||
this.$emit("callback", { data: { ids: ids } });
|
||||
|
||||
},
|
||||
|
||||
// 删除
|
||||
pageDelete(row) {
|
||||
|
||||
|
||||
|
|
@ -287,7 +288,7 @@ export default {
|
|||
this.$mk.error("请选择行");
|
||||
return;
|
||||
}
|
||||
|
||||
// 确认删除
|
||||
this.$mk.confirm('您确定要删除吗?').then(type => {
|
||||
if (type == 'confirm') {
|
||||
this.$mk.post({
|
||||
|
|
@ -318,12 +319,20 @@ export default {
|
|||
};
|
||||
|
||||
</script>
|
||||
<style>
|
||||
<style scoped lang="less">
|
||||
.page-body {
|
||||
padding: 10px 10px;
|
||||
background: white;
|
||||
padding: 30px ;
|
||||
background: @base-bg-color;
|
||||
}
|
||||
.gridPanel{
|
||||
height: calc(100vh - 400px);
|
||||
}
|
||||
|
||||
</style>
|
||||
<style>
|
||||
.oplinks svg {
|
||||
width: 22px;
|
||||
height:22px;
|
||||
margin: 0 5px 0 0;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -184,7 +184,7 @@ export default {
|
|||
};
|
||||
|
||||
</script>
|
||||
<style>
|
||||
<style scoped lang="less">
|
||||
.router-edit-page .vxe-pulldown {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -88,13 +88,13 @@ export default {
|
|||
|
||||
rules: {
|
||||
router: [
|
||||
{ required: true, message: '请输入路由名' }
|
||||
{ required: true, message: '请输入路由Name' }
|
||||
],
|
||||
name: [
|
||||
{ required: true, message: '请输入路由标题' }
|
||||
{ required: true, message: '请输入路由名称' }
|
||||
],
|
||||
path: [
|
||||
{ required: true, message: '请输入路由路径' }
|
||||
{ required: true, message: '请输入路径' }
|
||||
],
|
||||
},
|
||||
|
||||
|
|
@ -102,9 +102,9 @@ export default {
|
|||
{
|
||||
title: '左侧',
|
||||
children: [
|
||||
{ field: 'router', title: '路由名', span: 24, itemRender: { name: '$input', props: { placeholder: '请输入路由名' } } },
|
||||
{ title: '上级路由', span: 24, slots: { default: 'parent_router' } },
|
||||
{ field: 'name', 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' } },
|
||||
{ field: 'name', 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>
|
||||
<style>
|
||||
<style scoped lang="less">
|
||||
.router-edit-page .vxe-pulldown {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ const AdminUserRouterMap = {
|
|||
icon: 'idcard',
|
||||
component: view.page,
|
||||
meta: {
|
||||
//invisible:true, // 不在菜单中显示
|
||||
invisible:true, // 不在菜单中显示
|
||||
},
|
||||
authority: {
|
||||
permission:['AdminUser-All'],
|
||||
|
|
|
|||
Loading…
Reference in New Issue