修改组件
This commit is contained in:
parent
a986369529
commit
c53cb5bbd1
|
|
@ -15,7 +15,8 @@
|
||||||
</a-col>
|
</a-col>
|
||||||
<a-col :flex="$mk.config.ui.toolbarFlex">
|
<a-col :flex="$mk.config.ui.toolbarFlex">
|
||||||
<!-- 工具条 -->
|
<!-- 工具条 -->
|
||||||
<mk-toolbar :isShowAdd="options.disabledAdd !== true" @toolbarClick="toolbarClick"></mk-toolbar>
|
<mk-toolbar :buttons="options.toolbarButtons" :isShowAdd="options.disabledAdd !== true"
|
||||||
|
@toolbarClick="toolbarClick"></mk-toolbar>
|
||||||
</a-col>
|
</a-col>
|
||||||
</a-row>
|
</a-row>
|
||||||
|
|
||||||
|
|
@ -441,6 +442,7 @@ export default {
|
||||||
this.openSettingPage();
|
this.openSettingPage();
|
||||||
|
|
||||||
}
|
}
|
||||||
|
this.$emit("toolbarClick", e)
|
||||||
},
|
},
|
||||||
openSettingPage() {
|
openSettingPage() {
|
||||||
this.$mk.dialog.open({
|
this.$mk.dialog.open({
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<basic-page-list :desc="desc" :options="pageOptions">
|
<basic-page-list :desc="desc" :options="pageOptions" @toolbarClick="toolbarClick">
|
||||||
<template v-slot:column1="{ row }">
|
<template v-slot:column1="{ row }">
|
||||||
<img v-if="row && row.avatar" :src="row.avatar" style="width: 100px;" />
|
<img v-if="row && row.avatar" :src="row.avatar" style="width: 100px;" />
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -43,7 +43,9 @@ export default {
|
||||||
},
|
},
|
||||||
// 动作
|
// 动作
|
||||||
methods: {
|
methods: {
|
||||||
|
toolbarClick(e) {
|
||||||
|
console.log(e)
|
||||||
|
},
|
||||||
optionsInit() {
|
optionsInit() {
|
||||||
// 页面数据
|
// 页面数据
|
||||||
var pageData = { // 页面数据变量
|
var pageData = { // 页面数据变量
|
||||||
|
|
@ -51,6 +53,9 @@ export default {
|
||||||
keyName: 'id', // 主键字段名
|
keyName: 'id', // 主键字段名
|
||||||
listFieldName: 'MesStaff',
|
listFieldName: 'MesStaff',
|
||||||
|
|
||||||
|
toolbarButtons: [
|
||||||
|
{ name: 'aa', label: 'aa' }
|
||||||
|
],
|
||||||
addPageUrl: "/MesStaff/MesStaffAdd",
|
addPageUrl: "/MesStaff/MesStaffAdd",
|
||||||
editPageUrl: "/MesStaff/MesStaffUpdate/",
|
editPageUrl: "/MesStaff/MesStaffUpdate/",
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -59,113 +59,113 @@ const view = {
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
components: {
|
// components: {
|
||||||
name: '小组件',
|
// name: '小组件',
|
||||||
icon: 'appstore-o',
|
// icon: 'appstore-o',
|
||||||
component: view.page
|
// component: view.page
|
||||||
},
|
// },
|
||||||
taskCard: {
|
// taskCard: {
|
||||||
name: '任务卡片',
|
// name: '任务卡片',
|
||||||
component: () => import('@/pages/base/components/TaskCard')
|
// component: () => import('@/pages/base/components/TaskCard')
|
||||||
},
|
// },
|
||||||
palette: {
|
// palette: {
|
||||||
name: '颜色复选框',
|
// name: '颜色复选框',
|
||||||
component: () => import('@/pages/base/components/Palette')
|
// component: () => import('@/pages/base/components/Palette')
|
||||||
},
|
// },
|
||||||
analysis: {
|
// analysis: {
|
||||||
name: '分析页',
|
// name: '分析页',
|
||||||
component: () => import('@/pages/dashboard/analysis')
|
// component: () => import('@/pages/dashboard/analysis')
|
||||||
},
|
// },
|
||||||
form: {
|
// form: {
|
||||||
name: '表单页',
|
// name: '表单页',
|
||||||
icon: 'form',
|
// icon: 'form',
|
||||||
component: view.page
|
// component: view.page
|
||||||
},
|
// },
|
||||||
basicForm: {
|
// basicForm: {
|
||||||
path: 'basic',
|
// path: 'basic',
|
||||||
name: '基础表单',
|
// name: '基础表单',
|
||||||
component: () => import('@/pages/base/form/basic')
|
// component: () => import('@/pages/base/form/basic')
|
||||||
},
|
// },
|
||||||
stepForm: {
|
// stepForm: {
|
||||||
path: 'step',
|
// path: 'step',
|
||||||
name: '分步表单',
|
// name: '分步表单',
|
||||||
component: () => import('@/pages/base/form/step')
|
// component: () => import('@/pages/base/form/step')
|
||||||
},
|
// },
|
||||||
advanceForm: {
|
// advanceForm: {
|
||||||
path: 'advance',
|
// path: 'advance',
|
||||||
name: '高级表单',
|
// name: '高级表单',
|
||||||
component: () => import('@/pages/base/form/advance')
|
// component: () => import('@/pages/base/form/advance')
|
||||||
},
|
// },
|
||||||
list: {
|
// list: {
|
||||||
name: '列表页',
|
// name: '列表页',
|
||||||
icon: 'table',
|
// icon: 'table',
|
||||||
component: view.page
|
// component: view.page
|
||||||
},
|
// },
|
||||||
queryList: {
|
// queryList: {
|
||||||
path: 'query',
|
// path: 'query',
|
||||||
name: '查询表格',
|
// name: '查询表格',
|
||||||
component: () => import('@/pages/base/list/QueryList')
|
// component: () => import('@/pages/base/list/QueryList')
|
||||||
},
|
// },
|
||||||
primaryList: {
|
// primaryList: {
|
||||||
path: 'primary',
|
// path: 'primary',
|
||||||
name: '标准列表',
|
// name: '标准列表',
|
||||||
component: () => import('@/pages/base/list/StandardList')
|
// component: () => import('@/pages/base/list/StandardList')
|
||||||
},
|
// },
|
||||||
cardList: {
|
// cardList: {
|
||||||
path: 'card',
|
// path: 'card',
|
||||||
name: '卡片列表',
|
// name: '卡片列表',
|
||||||
component: () => import('@/pages/base/list/CardList')
|
// component: () => import('@/pages/base/list/CardList')
|
||||||
},
|
// },
|
||||||
searchList: {
|
// searchList: {
|
||||||
path: 'search',
|
// path: 'search',
|
||||||
name: '搜索列表',
|
// name: '搜索列表',
|
||||||
component: () => import('@/pages/base/list/search/SearchLayout')
|
// component: () => import('@/pages/base/list/search/SearchLayout')
|
||||||
},
|
// },
|
||||||
article: {
|
// article: {
|
||||||
name: '文章',
|
// name: '文章',
|
||||||
component: () => import('@/pages/base/list/search/ArticleList')
|
// component: () => import('@/pages/base/list/search/ArticleList')
|
||||||
},
|
// },
|
||||||
application: {
|
// application: {
|
||||||
name: '应用',
|
// name: '应用',
|
||||||
component: () => import('@/pages/base/list/search/ApplicationList')
|
// component: () => import('@/pages/base/list/search/ApplicationList')
|
||||||
},
|
// },
|
||||||
project: {
|
// project: {
|
||||||
name: '项目',
|
// name: '项目',
|
||||||
component: () => import('@/pages/base/list/search/ProjectList')
|
// component: () => import('@/pages/base/list/search/ProjectList')
|
||||||
},
|
// },
|
||||||
details: {
|
// details: {
|
||||||
name: '详情页',
|
// name: '详情页',
|
||||||
icon: 'profile',
|
// icon: 'profile',
|
||||||
component: view.blank
|
// component: view.blank
|
||||||
},
|
// },
|
||||||
basicDetails: {
|
// basicDetails: {
|
||||||
path: 'basic',
|
// path: 'basic',
|
||||||
name: '基础详情页',
|
// name: '基础详情页',
|
||||||
component: () => import('@/pages/base/detail/BasicDetail')
|
// component: () => import('@/pages/base/detail/BasicDetail')
|
||||||
},
|
// },
|
||||||
advanceDetails: {
|
// advanceDetails: {
|
||||||
path: 'advance',
|
// path: 'advance',
|
||||||
name: '高级详情页',
|
// name: '高级详情页',
|
||||||
component: () => import('@/pages/base/detail/AdvancedDetail')
|
// component: () => import('@/pages/base/detail/AdvancedDetail')
|
||||||
},
|
// },
|
||||||
result: {
|
// result: {
|
||||||
name: '结果页',
|
// name: '结果页',
|
||||||
icon: 'check-circle-o',
|
// icon: 'check-circle-o',
|
||||||
component: view.page
|
// component: view.page
|
||||||
},
|
// },
|
||||||
success: {
|
// success: {
|
||||||
name: '成功',
|
// name: '成功',
|
||||||
component: () => import('@/pages/base/result/Success')
|
// component: () => import('@/pages/base/result/Success')
|
||||||
},
|
// },
|
||||||
error: {
|
// error: {
|
||||||
name: '失败',
|
// name: '失败',
|
||||||
component: () => import('@/pages/base/result/Error')
|
// component: () => import('@/pages/base/result/Error')
|
||||||
},
|
// },
|
||||||
exception: {
|
// exception: {
|
||||||
name: '异常页',
|
// name: '异常页',
|
||||||
icon: 'warning',
|
// icon: 'warning',
|
||||||
component: view.blank
|
// component: view.blank
|
||||||
},
|
// },
|
||||||
|
|
||||||
//================================================================================================================================
|
//================================================================================================================================
|
||||||
// 以上为自动生成的路由,以下为手动添加的路由
|
// 以上为自动生成的路由,以下为手动添加的路由
|
||||||
|
|
|
||||||
|
|
@ -229,7 +229,6 @@ function loadRoutes(routesConfig) { // 加载路由
|
||||||
formatRoutes(finalRoutes)
|
formatRoutes(finalRoutes)
|
||||||
|
|
||||||
router.options = { ...router.options, routes: finalRoutes } // 路由配置
|
router.options = { ...router.options, routes: finalRoutes } // 路由配置
|
||||||
|
|
||||||
router.matcher = new Router({ ...router.options, routes: [] }).matcher // 重置路由
|
router.matcher = new Router({ ...router.options, routes: [] }).matcher // 重置路由
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue