Mosher 发布系统代码 [后台服务，演示应用]

app_Web/src/locale/lanres/entities/ibizbook/ibizbook_en_US.ts

@@ -313,17 +313,17 @@ export default {
 		uiactions: {
 		},
 	},
-	interfunckanban_kanban: {
+	haspanelkanban_kanban: {
 		nodata:"",
 		uiactions: {
-        new: "New",
-        edit: "Edit",
-        remove: "Remove",
 		},
 	},
-	haspanelkanban_kanban: {
+	interfunckanban_kanban: {
 		nodata:"",
 		uiactions: {
+        new: "New",
+        edit: "Edit",
+        remove: "Remove",
 		},
 	},
 	default_searchform: {
@@ -474,6 +474,56 @@ export default {
 	},
 	groupbycodelistlistviewtoolbar_toolbar: {
 	},
+	haspanelkanbanviewtoolbar_toolbar: {
+		tbitem3: {
+			caption: "New",
+			tip: "New",
+		},
+		deuiaction2: {
+			caption: "Save",
+			tip: "Save",
+		},
+		tbitem4: {
+			caption: "Edit",
+			tip: "Edit {0}",
+		},
+		tbitem6: {
+			caption: "Copy",
+			tip: "Copy {0}",
+		},
+		deuiaction3: {
+			caption: "Filter",
+			tip: "Filter",
+		},
+		tbitem7: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem8: {
+			caption: "Remove",
+			tip: "Remove {0}",
+		},
+		tbitem9: {
+			caption: "-",
+			tip: "",
+		},
+		deuiaction1: {
+			caption: "导入",
+			tip: "导入",
+		},
+		tbitem10: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem16: {
+			caption: "其它",
+			tip: "其它",
+		},
+		tbitem21: {
+			caption: "Export Data Model",
+			tip: "导出数据模型",
+		},
+	},
 	usr2dataviewtoolbar_toolbar: {
 	},
 	newdefaultvaluegridviewtoolbar_toolbar: {
@@ -892,56 +942,6 @@ export default {
 	},
 	haspanellistviewtoolbar_toolbar: {
 	},
-	haspanelkanbanviewtoolbar_toolbar: {
-		tbitem3: {
-			caption: "New",
-			tip: "New",
-		},
-		deuiaction2: {
-			caption: "Save",
-			tip: "Save",
-		},
-		tbitem4: {
-			caption: "Edit",
-			tip: "Edit {0}",
-		},
-		tbitem6: {
-			caption: "Copy",
-			tip: "Copy {0}",
-		},
-		deuiaction3: {
-			caption: "Filter",
-			tip: "Filter",
-		},
-		tbitem7: {
-			caption: "-",
-			tip: "",
-		},
-		tbitem8: {
-			caption: "Remove",
-			tip: "Remove {0}",
-		},
-		tbitem9: {
-			caption: "-",
-			tip: "",
-		},
-		deuiaction1: {
-			caption: "导入",
-			tip: "导入",
-		},
-		tbitem10: {
-			caption: "-",
-			tip: "",
-		},
-		tbitem16: {
-			caption: "其它",
-			tip: "其它",
-		},
-		tbitem21: {
-			caption: "Export Data Model",
-			tip: "导出数据模型",
-		},
-	},
 	ibizbooktimeline_calendar: {
 		nodata:"",
 		uiactions: {

app_Web/src/locale/lanres/entities/ibizbook/ibizbook_zh_CN.ts

@@ -312,17 +312,17 @@ export default {
 		uiactions: {
 		},
 	},
-	interfunckanban_kanban: {
+	haspanelkanban_kanban: {
 		nodata:"",
 		uiactions: {
-			new: "新建",
-			edit: "编辑",
-			remove: "删除",
 		},
 	},
-	haspanelkanban_kanban: {
+	interfunckanban_kanban: {
 		nodata:"",
 		uiactions: {
+			new: "新建",
+			edit: "编辑",
+			remove: "删除",
 		},
 	},
 	default_searchform: {
@@ -473,6 +473,56 @@ export default {
 	},
 	groupbycodelistlistviewtoolbar_toolbar: {
 	},
+	haspanelkanbanviewtoolbar_toolbar: {
+		tbitem3: {
+			caption: "新建",
+			tip: "新建",
+		},
+		deuiaction2: {
+			caption: "保存",
+			tip: "保存",
+		},
+		tbitem4: {
+			caption: "编辑",
+			tip: "编辑",
+		},
+		tbitem6: {
+			caption: "拷贝",
+			tip: "拷贝",
+		},
+		deuiaction3: {
+			caption: "过滤",
+			tip: "过滤",
+		},
+		tbitem7: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem8: {
+			caption: "删除",
+			tip: "删除",
+		},
+		tbitem9: {
+			caption: "-",
+			tip: "",
+		},
+		deuiaction1: {
+			caption: "导入",
+			tip: "导入",
+		},
+		tbitem10: {
+			caption: "-",
+			tip: "",
+		},
+		tbitem16: {
+			caption: "其它",
+			tip: "其它",
+		},
+		tbitem21: {
+			caption: "导出数据模型",
+			tip: "导出数据模型",
+		},
+	},
 	usr2dataviewtoolbar_toolbar: {
 	},
 	newdefaultvaluegridviewtoolbar_toolbar: {
@@ -891,56 +941,6 @@ export default {
 	},
 	haspanellistviewtoolbar_toolbar: {
 	},
-	haspanelkanbanviewtoolbar_toolbar: {
-		tbitem3: {
-			caption: "新建",
-			tip: "新建",
-		},
-		deuiaction2: {
-			caption: "保存",
-			tip: "保存",
-		},
-		tbitem4: {
-			caption: "编辑",
-			tip: "编辑",
-		},
-		tbitem6: {
-			caption: "拷贝",
-			tip: "拷贝",
-		},
-		deuiaction3: {
-			caption: "过滤",
-			tip: "过滤",
-		},
-		tbitem7: {
-			caption: "-",
-			tip: "",
-		},
-		tbitem8: {
-			caption: "删除",
-			tip: "删除",
-		},
-		tbitem9: {
-			caption: "-",
-			tip: "",
-		},
-		deuiaction1: {
-			caption: "导入",
-			tip: "导入",
-		},
-		tbitem10: {
-			caption: "-",
-			tip: "",
-		},
-		tbitem16: {
-			caption: "其它",
-			tip: "其它",
-		},
-		tbitem21: {
-			caption: "导出数据模型",
-			tip: "导出数据模型",
-		},
-	},
 	ibizbooktimeline_calendar: {
 		nodata:"",
 		uiactions: {

app_Web/src/mock/app/main-menu-appmenu/main-menu-appmenu.ts

@@ -1249,7 +1249,7 @@ mock.onGet('v7/main-menuappmenu').reply((config: any) => {
 	iconcls: '',
 	icon: '',
 	textcls: '',
-	appfunctag: '',
+	appfunctag: 'AppFunc27',
 	resourcetag: '',
 },
 	],

app_Web/src/pages/sample/ibizbookhas-panel-kan-ban-view/ibizbookhas-panel-kan-ban-view.less

+.ibizbookhas-panel-kan-ban-view{
+    position: relative;
+}
+        .toolbar-container {
+            button {
+                margin: 6px 0px 4px 4px;
+                .caption {
+                    margin-left: 4px;
+                }
+            }
+            .seperator {
+                color: #dcdee2;
+                margin: 0 0px 0 4px;
+            }
+        }
+        
+        // this is less
+
+.deepskyblueToolBar {color:white !important;background-color:#108cee !important;}
+
+.ibizbookhas-panel-kan-ban-view{
+    display: block;
+}
\ No newline at end of file

app_Web/src/pages/sample/ibizbookhas-panel-kan-ban-view/ibizbookhas-panel-kan-ban-view.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import IBIZBOOKHasPanelKanBanViewBase from './ibizbookhas-panel-kan-ban-view-base.vue';
+
+import view_kanban from '@widgets/ibizbook/has-panel-kan-ban-kanban/has-panel-kan-ban-kanban.vue';
+import view_searchform from '@widgets/ibizbook/default-searchform/default-searchform.vue';
+@Component({
+    components: {
+        view_kanban, 
+        view_searchform, 
+    },
+    beforeRouteEnter: (to: any, from: any, next: any) => {
+        next((vm: any) => {
+            if(!Object.is(vm.navModel,"route")){
+                vm.initNavDataWithTab(vm.viewCacheData);
+            }
+            vm.$store.commit('addCurPageViewtag', { fullPath: to.fullPath, viewtag: vm.viewtag });
+        });
+    },
+})
+export default class IBIZBOOKHasPanelKanBanView extends IBIZBOOKHasPanelKanBanViewBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/pages/sample/index/page-register.ts

@@ -127,6 +127,7 @@ export const PageComponents = {
         Vue.component('ibizbookedit-view', () => import('@pages/sample/ibizbookedit-view/ibizbookedit-view.vue'));
         Vue.component('ibizsample0001-sf5-edit-view', () => import('@pages/sample/ibizsample0001-sf5-edit-view/ibizsample0001-sf5-edit-view.vue'));
         Vue.component('ibizbookgroup-by-codelist-list-view', () => import('@pages/sample/ibizbookgroup-by-codelist-list-view/ibizbookgroup-by-codelist-list-view.vue'));
+        Vue.component('ibizbookhas-panel-kan-ban-view', () => import('@pages/sample/ibizbookhas-panel-kan-ban-view/ibizbookhas-panel-kan-ban-view.vue'));
         Vue.component('ibizorder-radar-chart-view', () => import('@pages/sample/ibizorder-radar-chart-view/ibizorder-radar-chart-view.vue'));
         Vue.component('ibizbookupdate-default-grid-view', () => import('@pages/sample/ibizbookupdate-default-grid-view/ibizbookupdate-default-grid-view.vue'));
         Vue.component('ibizsample0003-stab-exp-view', () => import('@pages/sample/ibizsample0003-stab-exp-view/ibizsample0003-stab-exp-view.vue'));

app_Web/src/pages/sample/index/router.ts

@@ -1873,6 +1873,20 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizbookgroup-by-codelist-list-view/ibizbookgroup-by-codelist-list-view.vue'),
                 },
+                {
+                    path: 'ibizbooks/:ibizbook?/haspanelkanbanview/:haspanelkanbanview?',
+                    meta: {
+                        caption: 'entities.ibizbook.views.haspanelkanbanview.caption',
+                        info:'',
+                        parameters: [
+                            { pathName: 'index', parameterName: 'index' },
+                            { pathName: 'ibizbooks', parameterName: 'ibizbook' },
+                            { pathName: 'haspanelkanbanview', parameterName: 'haspanelkanbanview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sample/ibizbookhas-panel-kan-ban-view/ibizbookhas-panel-kan-ban-view.vue'),
+                },
                 {
                     path: 'ibizorders/:ibizorder?/radarchartview/:radarchartview?',
                     meta: {
@@ -3017,6 +3031,19 @@ const router = new Router({
         },
         component: () => import('@pages/sample/ibizsample0003-spickup-tree-view/ibizsample0003-spickup-tree-view.vue'),
     },
+    {
+        path: '/ibizbooks/:ibizbook?/haspanelkanbanview/:haspanelkanbanview?',
+        meta: {
+            caption: 'entities.ibizbook.views.haspanelkanbanview.caption',
+            info:'',
+            parameters: [
+                { pathName: 'ibizbooks', parameterName: 'ibizbook' },
+                { pathName: 'haspanelkanbanview', parameterName: 'haspanelkanbanview' },
+            ],
+            requireAuth: true,
+        },
+        component: () => import('@pages/sample/ibizbookhas-panel-kan-ban-view/ibizbookhas-panel-kan-ban-view.vue'),
+    },
     {
         path: '/ibizsample0003s/:ibizsample0003?/editview/:editview?',
         meta: {

app_Web/src/store/modules/view-action/state.ts

@@ -214,6 +214,7 @@ export const viewstate: any = {
                 '09663b7a4e3dce70524d1b64e02b5e2d',
                 'edca8ee67304eb78c02bbfb9e4cb11bb',
                 'e2a1c9cb077cd2c74f2f2b914fb1db84',
+                'a6cb9804bfd40d2542ae2c44e0cc3331',
                 'd3321077dfab8bc6b92c649e5b69daf3',
                 '491c2bc6eab0ad313d4b6f06f6a396f5',
                 'e53fed4d0b4dd614057f426b02115b41',
@@ -855,6 +856,16 @@ export const viewstate: any = {
             refviews: [
             ],
         },
+        {
+            viewtag: 'a6cb9804bfd40d2542ae2c44e0cc3331',
+            viewmodule: 'Sample',
+            viewname: 'IBIZBOOKHasPanelKanBanView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+                'b3429ecc4d89a02bc5f5279f1bd7f620',
+            ],
+        },
         {
             viewtag: 'a7f212bb3011d82e8f7798905c97eb34',
             viewmodule: 'Sample',

app_Web/src/widgets/app/main-menu-appmenu/main-menu-appmenu-base.vue

@@ -578,6 +578,9 @@ export default class MainMenuBase extends Vue implements ControlInterface {
                 case 'Auto155': 
                     this.clickAuto155(item);
                     return;
+                case 'AppFunc27': 
+                    this.clickAppFunc27(item);
+                    return;
                 case 'Auto114': 
                     this.clickAuto114(item);
                     return;
@@ -1230,6 +1233,29 @@ export default class MainMenuBase extends Vue implements ControlInterface {
         })
     }
     
+    /**
+     * 图书看板视图（嵌入视图面板）
+     *
+     * @param {*} [item={}]
+     * @memberof MainMenu
+     */
+    public clickAppFunc27(item: any = {}) {
+        const viewparam: any = {};
+        Object.assign(viewparam, {});
+        const deResParameters: any[] = [];
+        const parameters: any[] = [
+            { pathName: 'ibizbooks', parameterName: 'ibizbook' },
+            { pathName: 'haspanelkanbanview', parameterName: 'haspanelkanbanview' },
+        ];
+        const path: string = this.$viewTool.buildUpRoutePath(this.$route, {}, deResParameters, parameters, [], viewparam);
+        if(Object.is(this.$route.fullPath,path)){
+            return;
+        }
+        this.$nextTick(function(){
+            this.$router.push(path);
+        })
+    }
+    
     /**
      * 表单项更新
      *

app_Web/src/widgets/app/main-menu-appmenu/main-menu-appmenu-model.ts

@@ -1320,7 +1320,7 @@ export default class MainMenuModel {
 	iconcls: '',
 	icon: '',
 	textcls: '',
-	appfunctag: '',
+	appfunctag: 'AppFunc27',
 	resourcetag: '',
 	authtag:'Web-MainMenu-menuitem105',
 },

app_Web/src/widgets/ibizbook/has-panel-kan-ban-kanban/has-panel-kan-ban-kanban-model.ts

+/**
+ * HasPanelKanBan 部件模型
+ *
+ * @export
+ * @class HasPanelKanBanModel
+ */
+export default class HasPanelKanBanModel {
+
+	/**
+	 * 获取数据项集合
+	 *
+	 * @returns {any[]}
+	 * @memberof HasPanelKanBanKanbanMode
+	 */
+	public getDataItems(): any[] {
+		return [
+			{
+				name: 'subtext',
+				prop: 'subtext',
+				dataType: 'TEXT',
+			},
+			{
+				name: 'author',
+				prop: 'author',
+				dataType: 'TEXT',
+			},
+			{
+				name: 'price',
+				prop: 'price',
+				dataType: 'FLOAT',
+			},
+			{
+				name: 'booknumber',
+				prop: 'booknumber',
+				dataType: 'INT',
+			},
+			{
+				name: 'ibizbookid',
+				prop: 'ibizbookid',
+				dataType: 'GUID',
+			},
+			{
+				name: 'srfkey',
+				prop: 'ibizbookid',
+				dataType: 'GUID',
+			},
+			{
+				name: 'srfmajortext',
+				prop: 'ibizbookname',
+				dataType: 'TEXT',
+			},
+
+			{
+				name: 'ibizbook',
+				prop: 'ibizbookid',
+				dataType: 'FONTKEY',
+			},
+
+      {
+        name: 'n_ibizbookname_like',
+        prop: 'n_ibizbookname_like',
+        dataType: 'QUERYPARAM'
+      },
+      {
+        name: 'n_price_gtandeq',
+        prop: 'n_price_gtandeq',
+        dataType: 'QUERYPARAM'
+      },
+
+
+      {
+        name:'size',
+        prop:'size'
+      },
+      {
+        name:'query',
+        prop:'query'
+      },
+      {
+        name:'sort',
+        prop:'sort'
+      },
+      {
+        name:'page',
+        prop:'page'
+      },
+      {
+        name:'srfparentdata',
+        prop:'srfparentdata'
+      },
+      // 前端新增修改标识，新增为"0",修改为"1"或未设值
+      {
+        name: 'srffrontuf',
+        prop: 'srffrontuf',
+        dataType: 'TEXT',
+      },
+		]
+	}
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizbook/has-panel-kan-ban-kanban/has-panel-kan-ban-kanban-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import IBIZBOOKService from '@/service/ibizbook/ibizbook-service';
+import HasPanelKanBanModel from './has-panel-kan-ban-kanban-model';
+
+
+/**
+ * HasPanelKanBan 部件服务对象
+ *
+ * @export
+ * @class HasPanelKanBanService
+ */
+export default class HasPanelKanBanService extends ControlService {
+
+    /**
+     * 图书服务对象
+     *
+     * @type {IBIZBOOKService}
+     * @memberof HasPanelKanBanService
+     */
+    public appEntityService: IBIZBOOKService = new IBIZBOOKService({ $store: this.getStore() });
+
+    /**
+     * 设置从数据模式
+     *
+     * @type {boolean}
+     * @memberof HasPanelKanBanService
+     */
+    public setTempMode(){
+        this.isTempMode = false;
+    }
+
+    /**
+     * Creates an instance of HasPanelKanBanService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof HasPanelKanBanService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+        this.model = new HasPanelKanBanModel();
+    }
+
+
+
+
+    /**
+     * 查询数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof HasPanelKanBanService
+     */
+    @Errorlog
+    public search(action: string,context: any = {}, data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
+        return new Promise((resolve: any, reject: any) => {
+            const _appEntityService: any = this.appEntityService;
+            let result: Promise<any>;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            }else{
+                result =_appEntityService.FetchDefault(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });      
+        });
+    }
+
+    /**
+     * 删除数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof HasPanelKanBanService
+     */
+    @Errorlog
+    public delete(action: string,context: any = {}, data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
+        return new Promise((resolve: any, reject: any) => {
+            const _appEntityService: any = this.appEntityService;
+            let result: Promise<any>;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            }else{
+                result =_appEntityService.remove(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });      
+        });
+    }
+
+    /**
+     * 更新数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof HasPanelKanBanService
+     */
+    @Errorlog
+    public update(action: string,context: any = {}, data: any = {}, isloading?: boolean): Promise<any> {
+        const {data:Data,context:Context} = this.handleRequestData(action,context,data,true);
+        return new Promise((resolve: any, reject: any) => {
+            const _appEntityService: any = this.appEntityService;
+            let result: Promise<any>;
+            if (_appEntityService[action] && _appEntityService[action] instanceof Function) {
+                result = _appEntityService[action](Context,Data, isloading);
+            }else{
+                result =_appEntityService.update(Context,Data, isloading);
+            }
+            result.then((response) => {
+                this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });      
+        });
+    }
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizbook/has-panel-kan-ban-kanban/has-panel-kan-ban-kanban.less

+.app-data-view-group {
+  height: 100%;
+  display: flex;
+  overflow: auto;
+  .dataview-group-folading-kanban{
+    border: 1px solid #ddd;
+    text-align: center;
+    border-left: 0;
+    height: 100%;
+    width: 40px;
+    background-color: #d8d8d8;
+    color: #a5a5a5;
+    .dataview-group-icon{
+      padding: 6px 0;
+    }
+    .dataview-group-folding{
+      height: calc(100% - 39px);
+      writing-mode: tb;
+      width: 31px;
+      font-size: 17px;
+    }
+  }
+  .dataview-group-content {
+    border: 1px solid #ddd;
+    border-left: 0;
+    flex-shrink: 0;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    .dataview-group-header {
+      height: 36px;
+      line-height: 36px;
+      border-bottom: 1px solid #ddd;
+      padding: 0 8px;
+      .group-action {
+        .group-action-item:nth-child(1) + .group-action-item {
+          margin-top: 5px;
+        }
+      }
+    }
+    .dataview-group-items {
+      flex-grow: 1;
+      overflow: auto;
+      .dataview-group-item {
+        margin: 8px 8px 0 8px;
+        border: 1px solid #ddd;
+        padding: 8px;
+        overflow: hidden;
+      }
+      .dataview-group-item.is-select {
+        border-color: #108cee;
+      }
+    }
+  }
+  .dataview-group-content:nth-child(1) {
+    border-left: 1px solid #ddd;
+  }
+  .quick-action {
+    flex-shrink: 0;
+    margin-left: 5px;
+    .quick-action-item {
+      width: 37px;
+      height: 37px;
+      text-align: center;
+      line-height: 37px;
+      border: 1px solid #ddd;
+      border-top-width: 0;
+    }
+    .quick-action-item:nth-child(1) {
+      border-top-width: 1px;
+    }
+  }
+  .app-data-empty{
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+// this is less

app_Web/src/widgets/ibizbook/has-panel-kan-ban-kanban/has-panel-kan-ban-kanban.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import HasPanelKanBanBase from './has-panel-kan-ban-kanban-base.vue';
+
+import layout_itemlayoutpanel from '@widgets/ibizbook/has-panel-kan-ban-panel/has-panel-kan-ban-panel.vue';
+ 
+@Component({
+    components: {
+        layout_itemlayoutpanel,
+         
+    }
+})
+export default class HasPanelKanBan extends HasPanelKanBanBase {
+
+}
+</script>
\ No newline at end of file

app_Web/src/widgets/ibizbook/has-panel-kan-ban-panel/has-panel-kan-ban-panel-model.ts

+/**
+ * HasPanelKanBan 部件模型
+ *
+ * @export
+ * @class HasPanelKanBanModel
+ */
+export default class HasPanelKanBanModel {
+
+  /**
+    * 获取数据项集合
+    *
+    * @returns {any[]}
+    * @memberof HasPanelKanBanModel
+    */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'srfmajortext',
+        prop: 'srfmajortext'
+      },
+      {
+        name: 'author',
+        prop: 'author'
+      },
+      {
+        name: 'srfsubtext',
+        prop: 'subtext'
+      }
+    ]
+  }
+}
\ No newline at end of file

app_Web/src/widgets/ibizbook/has-panel-kan-ban-panel/has-panel-kan-ban-panel-service.ts

+import { Http } from '@/utils';
+import ControlService from '@/widgets/control-service';
+
+/**
+ * HasPanelKanBan 部件服务对象
+ *
+ * @export
+ * @class HasPanelKanBanService
+ */
+export default class HasPanelKanBanService extends ControlService {
+}
\ No newline at end of file

app_Web/src/widgets/ibizbook/has-panel-kan-ban-panel/has-panel-kan-ban-panel.less

+// this is less
+.app-layoutpanel {
+    height: 100%;
+    .app-layoutpanel-container {
+        padding: 6px;
+    }
+    .app-layoutpanel-tabpanel{
+        >.el-tabs {
+            >.el-.el-tabs__header{
+                margin: 0 0 10px;
+            }
+            .app-layoutpanel-tabpage{
+                padding: 6px;
+            }
+        }
+    }
+    .app-layoutpanel-button,.app-layoutpanel-conctrl,.app-layoutpanel-ctrlpos,.app-layoutpanel-field,.app-layoutpanel-rowitem,.app-layoutpanel-usercontrol{
+        padding: 6px;
+    }
+    .item-field{
+        padding: 0 4px;
+        display: flex;
+        >.item-field-label{
+            padding: 0 8px;
+        }
+    }
+}
\ No newline at end of file

app_Web/src/widgets/ibizbook/has-panel-kan-ban-panel/has-panel-kan-ban-panel.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import HasPanelKanBanBase from './has-panel-kan-ban-panel-base.vue';
+
+ 
+@Component({
+    components: {
+         
+    }
+})
+export default class HasPanelKanBan extends HasPanelKanBanBase {
+
+}
+</script>
\ No newline at end of file