bladex前端ui项目,基于avue-cli2.0开发
包含基础工作流,不包含表单设计器
https://git.javablade.com/blade/Saber
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
260 lines
4.7 KiB
260 lines
4.7 KiB
|
|
function randomColor () { |
|
return '#' + Math.random().toString(16).substr(2, 6).toUpperCase(); |
|
} |
|
const top = [{ |
|
label: "首页", |
|
path: "/wel/index", |
|
icon: 'el-icon-document', |
|
meta: { |
|
i18n: 'dashboard', |
|
}, |
|
parentId: 0 |
|
}, |
|
{ |
|
label: "测试", |
|
icon: 'el-icon-document', |
|
path: "/test", |
|
meta: { |
|
i18n: 'test', |
|
}, |
|
parentId: 1 |
|
}, |
|
{ |
|
label: "更多", |
|
icon: 'el-icon-document', |
|
path: "/wel/more", |
|
meta: { |
|
menu: false, |
|
i18n: 'more', |
|
}, |
|
parentId: 2 |
|
}] |
|
const first = [{ |
|
label: "缓冲", |
|
path: '/cache', |
|
component: 'views/util/cache', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
meta: { |
|
i18n: 'cache', |
|
keepAlive: true |
|
}, |
|
children: [] |
|
}, { |
|
label: "参数", |
|
path: '/params', |
|
component: 'views/util/params', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
meta: { |
|
i18n: 'params', |
|
}, |
|
}, { |
|
label: "详情页", |
|
path: '/detail', |
|
component: 'views/util/detail', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
meta: { |
|
i18n: 'detail', |
|
}, |
|
}, { |
|
label: "标签", |
|
path: '/tags', |
|
component: 'views/util/tags', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
meta: { |
|
i18n: 'tags', |
|
}, |
|
children: [] |
|
}, { |
|
label: "存储", |
|
path: '/store', |
|
component: 'views/util/store', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
meta: { |
|
i18n: 'store', |
|
}, |
|
children: [] |
|
}, { |
|
label: "日志监控", |
|
path: '/logs', |
|
component: 'views/util/logs', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
meta: { |
|
i18n: 'logs', |
|
}, |
|
children: [] |
|
}, { |
|
label: "返回顶部", |
|
path: '/top', |
|
component: 'views/util/top', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
meta: { |
|
i18n: 'top', |
|
}, |
|
children: [] |
|
}, { |
|
label: "图钉", |
|
path: '/affix', |
|
component: 'views/util/affix', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
meta: { |
|
i18n: 'affix', |
|
}, |
|
children: [] |
|
}, { |
|
label: '多级菜单', |
|
path: '/deep', |
|
iconBgColor: randomColor(), |
|
children: [{ |
|
label: '多级菜单1-1', |
|
path: 'deep', |
|
iconBgColor: randomColor(), |
|
children: [{ |
|
label: '多级菜单2-1', |
|
path: 'deep', |
|
iconBgColor: randomColor(), |
|
component: 'views/util/deep', |
|
}] |
|
}] |
|
}, { |
|
label: "外部页面", |
|
path: '/out', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
meta: { |
|
i18n: 'out', |
|
}, |
|
children: [{ |
|
label: "官方网站(内嵌页面)", |
|
path: 'website', |
|
href: 'https://avuejs.com', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
meta: { |
|
i18n: 'website', |
|
} |
|
}, { |
|
label: "全局函数(外链页面)", |
|
path: 'api', |
|
href: 'https://avuejs.com/docs/api?test1=1&test2=2', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
meta: { |
|
target: '_blank', |
|
i18n: 'api', |
|
} |
|
}] |
|
}, { |
|
label: "组合API方式", |
|
path: '/setup', |
|
component: 'views/util/setup', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
children: [] |
|
}, { |
|
label: "通用模板", |
|
path: '/crud', |
|
component: 'views/util/crud', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
meta: { |
|
i18n: 'crud', |
|
}, |
|
children: [] |
|
}, { |
|
label: "表格", |
|
path: '/table', |
|
component: 'views/util/table', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
meta: { |
|
i18n: 'table', |
|
}, |
|
children: [] |
|
}, { |
|
label: "表单", |
|
path: '/form', |
|
component: 'views/util/form', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
meta: { |
|
i18n: 'form' |
|
}, |
|
children: [] |
|
}, { |
|
label: "异常页", |
|
path: '/error', |
|
meta: { |
|
i18n: 'error', |
|
}, |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
children: [{ |
|
label: "error403", |
|
path: 'error', |
|
component: 'components/error-page/403', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
children: [] |
|
}, { |
|
label: "error404", |
|
path: '404', |
|
component: 'components/error-page/404', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
children: [] |
|
}, { |
|
label: "error500", |
|
path: '500', |
|
component: 'components/error-page/500', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
children: [] |
|
}] |
|
}, { |
|
label: "关于", |
|
path: '/about', |
|
component: 'views/util/about', |
|
icon: 'icon-caidan', |
|
iconBgColor: randomColor(), |
|
meta: { |
|
i18n: 'about', |
|
}, |
|
children: [] |
|
}] |
|
const second = [{ |
|
label: "测试页面", |
|
path: '/test', |
|
component: 'views/util/test', |
|
icon: 'icon-caidan', |
|
meta: { |
|
i18n: 'test', |
|
}, |
|
children: [] |
|
}] |
|
let menu = [first, second]; |
|
export default [{ |
|
url: "/user/getMenu", |
|
method: "get", |
|
response: ({ query }) => { |
|
return { |
|
data: menu[query.type || 0] || [] |
|
} |
|
} |
|
}, { |
|
url: "/user/getTopMenu", |
|
method: "get", |
|
response: () => { |
|
return { |
|
data: top |
|
} |
|
} |
|
}] |