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

app_Web/src/locale/lang/en-US.ts

@@ -336,6 +336,7 @@ export default {
                 menuitem68: "继承实体",
                 menuitem70: "表格主状态",
                 menuitem71: "多表单",
+                menuitem148: "列表主状态",
                 menuitem92: "其他",
                 menuitem93: "示例实体02示例数据补充",
                 menuitem100: "订单示例数据补充",

app_Web/src/locale/lang/zh-CN.ts

@@ -336,6 +336,7 @@ export default {
                 menuitem68: "继承实体",
                 menuitem70: "表格主状态",
                 menuitem71: "多表单",
+                menuitem148: "列表主状态",
                 menuitem92: "其他",
                 menuitem93: "示例实体02示例数据补充",
                 menuitem100: "订单示例数据补充",

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

@@ -617,6 +617,8 @@ export default {
 	majorstatelist_list: {
 		nodata:"",
 		uiactions: {
+        ibizbook_edit: "编辑",
+        ibizbook_delete: "删除",
 		},
 	},
 	groupbycodelistlist_list: {

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

@@ -616,6 +616,8 @@ export default {
 	majorstatelist_list: {
 		nodata:"",
 		uiactions: {
+			ibizbook_edit: "编辑",
+			ibizbook_delete: "删除",
 		},
 	},
 	groupbycodelistlist_list: {

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

@@ -3063,6 +3063,24 @@ mock.onGet('v7/main-menuappmenu').reply((config: any) => {
 	textcls: '',
 	appfunctag: 'Auto116',
 	resourcetag: '',
+},
+		{
+	id: '49662DB0-CAB1-4131-A322-EF4EAA92F332',
+	name: 'menuitem148',
+	text: '列表主状态',
+	type: 'MENUITEM',
+	counterid: '',
+	tooltip: '列表主状态',
+	expanded: false,
+	separator: false,
+	hidden: false,
+	hidesidebar: false,
+	opendefault: false,
+	iconcls: '',
+	icon: '',
+	textcls: '',
+	appfunctag: 'AppFunc80',
+	resourcetag: '',
 },
 	],
 },

app_Web/src/pages/sample/ibizbookusr3-list-view/ibizbookusr3-list-view.less

+.ibizbookusr3-list-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
+
+

app_Web/src/pages/sample/ibizbookusr3-list-view/ibizbookusr3-list-view.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import IBIZBOOKUsr3ListViewBase from './ibizbookusr3-list-view-base.vue';
+
+import view_list from '@widgets/ibizbook/major-state-list-list/major-state-list-list.vue';
+import view_searchform from '@widgets/ibizbook/default-searchform/default-searchform.vue';
+@Component({
+    components: {
+        view_list, 
+        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 IBIZBOOKUsr3ListView extends IBIZBOOKUsr3ListViewBase {
+
+}
+</script>
\ No newline at end of file

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

@@ -192,6 +192,7 @@ export const PageComponents = {
         Vue.component('ibizorder-radar-chart-view', () => import('@pages/sample/ibizorder-radar-chart-view/ibizorder-radar-chart-view.vue'));
         Vue.component('ibizorder-usr3-edit-view', () => import('@pages/sample/ibizorder-usr3-edit-view/ibizorder-usr3-edit-view.vue'));
         Vue.component('ibizbookupdate-default-grid-view', () => import('@pages/sample/ibizbookupdate-default-grid-view/ibizbookupdate-default-grid-view.vue'));
+        Vue.component('ibizbookusr3-list-view', () => import('@pages/sample/ibizbookusr3-list-view/ibizbookusr3-list-view.vue'));
         Vue.component('ibizuniproduct-grid-view9', () => import('@pages/sample/ibizuniproduct-grid-view9/ibizuniproduct-grid-view9.vue'));
         Vue.component('ibizsample0018-grid-view', () => import('@pages/sample/ibizsample0018-grid-view/ibizsample0018-grid-view.vue'));
         Vue.component('ibizsample0014-grid-view', () => import('@pages/sample/ibizsample0014-grid-view/ibizsample0014-grid-view.vue'));

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

@@ -3007,6 +3007,20 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizbookupdate-default-grid-view/ibizbookupdate-default-grid-view.vue'),
                 },
+                {
+                    path: 'ibizbooks/:ibizbook?/usr3listview/:usr3listview?',
+                    meta: {
+                        caption: 'entities.ibizbook.views.usr3listview.caption',
+                        info:'',
+                        parameters: [
+                            { pathName: 'index', parameterName: 'index' },
+                            { pathName: 'ibizbooks', parameterName: 'ibizbook' },
+                            { pathName: 'usr3listview', parameterName: 'usr3listview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sample/ibizbookusr3-list-view/ibizbookusr3-list-view.vue'),
+                },
                 {
                     path: 'ibizuniproducts/:ibizuniproduct?/gridview9/:gridview9?',
                     meta: {
@@ -3314,6 +3328,19 @@ const router = new Router({
         },
         component: () => import('@pages/sample/ibizorder-tree-grid-ex-view/ibizorder-tree-grid-ex-view.vue'),
     },
+    {
+        path: '/ibizbooks/:ibizbook?/usr3listview/:usr3listview?',
+        meta: {
+            caption: 'entities.ibizbook.views.usr3listview.caption',
+            info:'',
+            parameters: [
+                { pathName: 'ibizbooks', parameterName: 'ibizbook' },
+                { pathName: 'usr3listview', parameterName: 'usr3listview' },
+            ],
+            requireAuth: true,
+        },
+        component: () => import('@pages/sample/ibizbookusr3-list-view/ibizbookusr3-list-view.vue'),
+    },
     {
         path: '/ibizsample0003s/:ibizsample0003?/sf4editview/:sf4editview?',
         meta: {

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

@@ -183,6 +183,17 @@ export const viewstate: any = {
             refviews: [
             ],
         },
+        {
+            viewtag: '19c3e99f599211667d8e93f98edf70f8',
+            viewmodule: 'Sample',
+            viewname: 'IBIZBOOKUsr3ListView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+                'b3429ecc4d89a02bc5f5279f1bd7f620',
+                '0d9d3edf2d060a859fa7f2e206556730',
+            ],
+        },
         {
             viewtag: '19d36909f837de28880553dc9a190922',
             viewmodule: 'Sample',
@@ -312,6 +323,7 @@ export const viewstate: any = {
                 'e53fed4d0b4dd614057f426b02115b41',
                 '00a0716a2029a7fe79fe03b6f74c7c90',
                 '302c48740ebb26191bba93f1795af44e',
+                '19c3e99f599211667d8e93f98edf70f8',
                 '2b42718d8fb3b4c9a01651222304445a',
                 'e57dd501c75c6933363fa245edcadbbd',
                 '14eddc6d2c858a72c796b017959cc4ef',

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

@@ -794,6 +794,9 @@ export default class MainMenuBase extends Vue implements ControlInterface {
                 case 'AppFunc54': 
                     this.clickAppFunc54(item);
                     return;
+                case 'AppFunc80': 
+                    this.clickAppFunc80(item);
+                    return;
                 case 'AppFunc47': 
                     this.clickAppFunc47(item);
                     return;
@@ -3026,6 +3029,29 @@ export default class MainMenuBase extends Vue implements ControlInterface {
         })
     }
     
+    /**
+     * 列表主状态
+     *
+     * @param {*} [item={}]
+     * @memberof MainMenu
+     */
+    public clickAppFunc80(item: any = {}) {
+        const viewparam: any = {};
+        Object.assign(viewparam, {});
+        const deResParameters: any[] = [];
+        const parameters: any[] = [
+            { pathName: 'ibizbooks', parameterName: 'ibizbook' },
+            { pathName: 'usr3listview', parameterName: 'usr3listview' },
+        ];
+        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

@@ -3233,6 +3233,25 @@ export default class MainMenuModel {
 	appfunctag: 'Auto116',
 	resourcetag: '',
 	authtag:'Web-MainMenu-menuitem71',
+},
+		{
+	id: '49662DB0-CAB1-4131-A322-EF4EAA92F332',
+	name: 'menuitem148',
+	text: '列表主状态',
+	type: 'MENUITEM',
+	counterid: '',
+	tooltip: '列表主状态',
+	expanded: false,
+	separator: false,
+	hidden: false,
+	hidesidebar: false,
+	opendefault: false,
+	iconcls: '',
+	icon: '',
+	textcls: '',
+	appfunctag: 'AppFunc80',
+	resourcetag: '',
+	authtag:'Web-MainMenu-menuitem148',
 },
 	],
 },

app_Web/src/widgets/ibizbook/major-state-list-list/major-state-list-list-model.ts

+/**
+ * MajorStateList 部件模型
+ *
+ * @export
+ * @class MajorStateListModel
+ */
+export default class MajorStateListModel {
+
+	/**
+	 * 获取数据项集合
+	 *
+	 * @returns {any[]}
+	 * @memberof MajorStateListListMode
+	 */
+	public getDataItems(): any[] {
+		return [
+			{
+				name: 'srfdescription',
+				prop: 'type',
+				dataType: 'TEXT',
+			},
+			{
+				name: 'srfmajortext',
+				prop: 'ibizbookname',
+				dataType: 'TEXT',
+			},
+			{
+				name: 'srfkey',
+				prop: 'ibizbookid',
+				dataType: 'GUID',
+			},
+			{
+				name: 'srfmstag',
+			},
+			{
+				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'
+      },
+      // 前端新增修改标识，新增为"0",修改为"1"或未设值
+      {
+        name: 'srffrontuf',
+        prop: 'srffrontuf',
+        dataType: 'TEXT',
+      },
+		]
+	}
+
+}
\ No newline at end of file

app_Web/src/widgets/ibizbook/major-state-list-list/major-state-list-list-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import IBIZBOOKService from '@/service/ibizbook/ibizbook-service';
+import MajorStateListModel from './major-state-list-list-model';
+
+
+/**
+ * MajorStateList 部件服务对象
+ *
+ * @export
+ * @class MajorStateListService
+ */
+export default class MajorStateListService extends ControlService {
+
+    /**
+     * 图书服务对象
+     *
+     * @type {IBIZBOOKService}
+     * @memberof MajorStateListService
+     */
+    public appEntityService: IBIZBOOKService = new IBIZBOOKService({ $store: this.getStore() });
+
+    /**
+     * 设置从数据模式
+     *
+     * @type {boolean}
+     * @memberof MajorStateListService
+     */
+    public setTempMode(){
+        this.isTempMode = false;
+    }
+
+    /**
+     * Creates an instance of MajorStateListService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof MajorStateListService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+        this.model = new MajorStateListModel();
+    }
+
+    /**
+     * 查询数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof MajorStateListService
+     */
+    @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(async (response) => {
+                await this.handleResponse(action, response);
+                resolve(response);
+            }).catch(response => {
+                reject(response);
+            });      
+        });
+    }
+
+    /**
+     * 删除数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof MajorStateListService
+     */
+    @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 MajorStateListService
+     */
+    @Errorlog
+    public add(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.Create(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 MajorStateListService
+     */
+    @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/major-state-list-list/major-state-list-list.less

+// this is less
+
+.app-list {
+    height:100%;
+    flex-grow: 1;
+    overflow-y: auto;
+    .el-collapse-item__header.is-active{
+        color: #409eff;
+        background-color: #ecf5ff;
+    }
+    .el-collapse{
+        .el-collapse-item{
+            .el-collapse-item__wrap{
+                .el-collapse-item__content{
+                    padding: 10px 0 10px 0;
+                }
+            }
+        }
+    }
+    .app-list-item {
+        line-height: 34px;
+        padding: 12px 6px;
+        min-height: 24px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        border-bottom: 1px solid #f0f0f0;
+        .app-list-item-content {
+            width: 70%;
+            display: flex;
+            align-items: center;
+            .item-icon {
+                width: 40px;
+                height: 40px;
+                margin-right: 14px;
+                img {
+                    width: 40px;
+                    height: 40px;
+                    border-radius: 50%;
+                }
+            }
+            .item-content-text {
+                display: flex;
+                flex-direction: column;
+                .item-text {
+                    font-size: 18px;
+                    font-weight: bold;
+                }
+                .item-subtext {
+                    color: #8c8c8c;
+                }
+            }
+        }
+        .app-list-item-date {
+            position: relative;
+            color: #8c8c8c;
+        }
+    }
+    .app-list-item.isSelect {
+        background: #ecf5ff;
+        border-radius: 2px;
+        border-color: rgb(197, 197, 197);
+    }
+    .app-list-item:hover {
+        background: #ecf5ff;
+    }
+    .loadmore {
+        text-align: center;
+        padding: 10px;
+        text-decoration: underline;
+        color: #82bff7;
+        cursor: default;
+    }
+}
+.app-list-empty {
+    height:100%;
+    color: #909399;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}

app_Web/src/widgets/ibizbook/major-state-list-list/major-state-list-list.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import MajorStateListBase from './major-state-list-list-base.vue';
+
+ 
+@Component({
+    components: {
+         
+    }
+})
+export default class MajorStateList extends MajorStateListBase {
+
+}
+</script>
\ No newline at end of file