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

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

@@ -252,6 +252,7 @@ export default {
                 menuitem125: "数据看板",
                 menuitem126: "实体数据看板",
                 menuitem136: "订单明细柱状图",
+                menuitem137: "订单明细列表",
                 menuitem127: "导航视图",
                 menuitem128: "表格导航",
                 menuitem129: "选项操作",

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

@@ -252,6 +252,7 @@ export default {
                 menuitem125: "数据看板",
                 menuitem126: "实体数据看板",
                 menuitem136: "订单明细柱状图",
+                menuitem137: "订单明细列表",
                 menuitem127: "导航视图",
                 menuitem128: "表格导航",
                 menuitem129: "选项操作",

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

@@ -1641,6 +1641,24 @@ mock.onGet('v7/main-menuappmenu').reply((config: any) => {
 	textcls: '',
 	appfunctag: 'AppFunc52',
 	resourcetag: '',
+},
+		{
+	id: '5F927177-D7B2-4084-9C7C-7D699322367D',
+	name: 'menuitem137',
+	text: '订单明细列表',
+	type: 'MENUITEM',
+	counterid: '',
+	tooltip: '订单明细列表',
+	expanded: false,
+	separator: false,
+	hidden: false,
+	hidesidebar: false,
+	opendefault: false,
+	iconcls: '',
+	icon: '',
+	textcls: '',
+	appfunctag: 'AppFunc53',
+	resourcetag: '',
 },
 	],
 },

app_Web/src/pages/sample/ibizorder-detail-list-view/ibizorder-detail-list-view.less

+.ibizorder-detail-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/ibizorder-detail-list-view/ibizorder-detail-list-view.vue

+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import IBIZOrderDetailListViewBase from './ibizorder-detail-list-view-base.vue';
+
+import view_list from '@widgets/ibizorder-detail/order-details-list-list/order-details-list-list.vue';
+import view_searchform from '@widgets/ibizorder-detail/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 IBIZOrderDetailListView extends IBIZOrderDetailListViewBase {
+
+}
+</script>
\ No newline at end of file

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

@@ -146,6 +146,7 @@ export const PageComponents = {
         Vue.component('ibizsample0002-mpickup-view', () => import('@pages/sample/ibizsample0002-mpickup-view/ibizsample0002-mpickup-view.vue'));
         Vue.component('ibizorder-sf7-edit-view', () => import('@pages/sample/ibizorder-sf7-edit-view/ibizorder-sf7-edit-view.vue'));
         Vue.component('ibizbookedit-view', () => import('@pages/sample/ibizbookedit-view/ibizbookedit-view.vue'));
+        Vue.component('ibizorder-detail-list-view', () => import('@pages/sample/ibizorder-detail-list-view/ibizorder-detail-list-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'));

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

@@ -2184,6 +2184,20 @@ const router = new Router({
                     },
                     component: () => import('@pages/sample/ibizbookedit-view/ibizbookedit-view.vue'),
                 },
+                {
+                    path: 'ibizorderdetails/:ibizorderdetail?/listview/:listview?',
+                    meta: {
+                        caption: 'entities.ibizorderdetail.views.listview.caption',
+                        info:'',
+                        parameters: [
+                            { pathName: 'index', parameterName: 'index' },
+                            { pathName: 'ibizorderdetails', parameterName: 'ibizorderdetail' },
+                            { pathName: 'listview', parameterName: 'listview' },
+                        ],
+                        requireAuth: true,
+                    },
+                    component: () => import('@pages/sample/ibizorder-detail-list-view/ibizorder-detail-list-view.vue'),
+                },
                 {
                     path: 'ibizsample0002s/:ibizsample0002?/ibizsample0001s/:ibizsample0001?/sf5editview/:sf5editview?',
                     meta: {
@@ -2739,6 +2753,19 @@ const router = new Router({
         },
         component: () => import('@pages/sample/ibizuniproduct-index-pickup-data-view/ibizuniproduct-index-pickup-data-view.vue'),
     },
+    {
+        path: '/ibizorderdetails/:ibizorderdetail?/listview/:listview?',
+        meta: {
+            caption: 'entities.ibizorderdetail.views.listview.caption',
+            info:'',
+            parameters: [
+                { pathName: 'ibizorderdetails', parameterName: 'ibizorderdetail' },
+                { pathName: 'listview', parameterName: 'listview' },
+            ],
+            requireAuth: true,
+        },
+        component: () => import('@pages/sample/ibizorder-detail-list-view/ibizorder-detail-list-view.vue'),
+    },
     {
         path: '/ibizorders/:ibizorder?/f19editview/:f19editview?',
         meta: {

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

@@ -266,6 +266,7 @@ export const viewstate: any = {
                 '84904c93ceea3ab6551555ee20c41e27',
                 '6b3607e849c8517fd7ae1cab583f7393',
                 '41d3da0d37fb0135ace813f1ba06bd39',
+                '2985fa795f2812f76c5d56f2b8825b91',
                 'b1256beac1e95915b675893c61559b59',
                 'b8ae19200ec9d4e8e588bc31e3f9bcb4',
                 '09663b7a4e3dce70524d1b64e02b5e2d',
@@ -336,6 +337,15 @@ export const viewstate: any = {
             refviews: [
             ],
         },
+        {
+            viewtag: '2985fa795f2812f76c5d56f2b8825b91',
+            viewmodule: 'Sample',
+            viewname: 'IBIZOrderDetailListView',
+            viewaction: '',
+            viewdatachange: false,
+            refviews: [
+            ],
+        },
         {
             viewtag: '29b0f2b1cba64fab0a4c1d9e40a62778',
             viewmodule: 'Sample',

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

@@ -692,6 +692,9 @@ export default class MainMenuBase extends Vue implements ControlInterface {
                 case 'AppFunc18': 
                     this.clickAppFunc18(item);
                     return;
+                case 'AppFunc53': 
+                    this.clickAppFunc53(item);
+                    return;
                 case 'Auto320': 
                     this.clickAuto320(item);
                     return;
@@ -2173,6 +2176,29 @@ export default class MainMenuBase extends Vue implements ControlInterface {
         })
     }
     
+    /**
+     * 功能名称
+     *
+     * @param {*} [item={}]
+     * @memberof MainMenu
+     */
+    public clickAppFunc53(item: any = {}) {
+        const viewparam: any = {};
+        Object.assign(viewparam, {});
+        const deResParameters: any[] = [];
+        const parameters: any[] = [
+            { pathName: 'ibizorderdetails', parameterName: 'ibizorderdetail' },
+            { pathName: 'listview', parameterName: 'listview' },
+        ];
+        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

@@ -1734,6 +1734,25 @@ export default class MainMenuModel {
 	appfunctag: 'AppFunc52',
 	resourcetag: '',
 	authtag:'Web-MainMenu-menuitem136',
+},
+		{
+	id: '5F927177-D7B2-4084-9C7C-7D699322367D',
+	name: 'menuitem137',
+	text: '订单明细列表',
+	type: 'MENUITEM',
+	counterid: '',
+	tooltip: '订单明细列表',
+	expanded: false,
+	separator: false,
+	hidden: false,
+	hidesidebar: false,
+	opendefault: false,
+	iconcls: '',
+	icon: '',
+	textcls: '',
+	appfunctag: 'AppFunc53',
+	resourcetag: '',
+	authtag:'Web-MainMenu-menuitem137',
 },
 	],
 },

app_Web/src/widgets/ibizorder-detail/order-details-list-list/order-details-list-list-model.ts

+/**
+ * OrderDetailsList 部件模型
+ *
+ * @export
+ * @class OrderDetailsListModel
+ */
+export default class OrderDetailsListModel {
+
+	/**
+	 * 获取数据项集合
+	 *
+	 * @returns {any[]}
+	 * @memberof OrderDetailsListListMode
+	 */
+	public getDataItems(): any[] {
+		return [
+			{
+				name: 'srfmajortext',
+				prop: 'ibizorderdetailname',
+				dataType: 'TEXT',
+			},
+			{
+				name: 'srfdescription',
+				prop: 'ibizuniproductname',
+				dataType: 'PICKUPTEXT',
+			},
+			{
+				name: 'srfdate',
+				prop: 'updatedate',
+				dataType: 'DATETIME',
+			},
+			{
+				name: 'srficon',
+			},
+			{
+				name: 'srfkey',
+				prop: 'ibizorderdetailid',
+				dataType: 'GUID',
+			},
+			{
+				name: 'ibizorderid',
+				prop: 'ibizorderid',
+				dataType: 'PICKUP',
+			},
+			{
+				name: 'ibizuniproductid',
+				prop: 'ibizuniproductid',
+				dataType: 'PICKUP',
+			},
+			{
+				name: 'ibizorderdetail',
+				prop: 'ibizorderdetailid',
+				dataType: 'FONTKEY',
+			},
+
+      {
+        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/ibizorder-detail/order-details-list-list/order-details-list-list-service.ts

+import { Http,Util,Errorlog } from '@/utils';
+import ControlService from '@/widgets/control-service';
+import IBIZOrderDetailService from '@/service/ibizorder-detail/ibizorder-detail-service';
+import OrderDetailsListModel from './order-details-list-list-model';
+
+
+/**
+ * OrderDetailsList 部件服务对象
+ *
+ * @export
+ * @class OrderDetailsListService
+ */
+export default class OrderDetailsListService extends ControlService {
+
+    /**
+     * 订单明细服务对象
+     *
+     * @type {IBIZOrderDetailService}
+     * @memberof OrderDetailsListService
+     */
+    public appEntityService: IBIZOrderDetailService = new IBIZOrderDetailService({ $store: this.getStore() });
+
+    /**
+     * 设置从数据模式
+     *
+     * @type {boolean}
+     * @memberof OrderDetailsListService
+     */
+    public setTempMode(){
+        this.isTempMode = false;
+    }
+
+    /**
+     * Creates an instance of OrderDetailsListService.
+     * 
+     * @param {*} [opts={}]
+     * @memberof OrderDetailsListService
+     */
+    constructor(opts: any = {}) {
+        super(opts);
+        this.model = new OrderDetailsListModel();
+    }
+
+    /**
+     * 查询数据
+     *
+     * @param {string} action
+     * @param {*} [context={}]
+     * @param {*} [data={}]
+     * @param {boolean} [isloading]
+     * @returns {Promise<any>}
+     * @memberof OrderDetailsListService
+     */
+    @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 OrderDetailsListService
+     */
+    @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 OrderDetailsListService
+     */
+    @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 OrderDetailsListService
+     */
+    @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/ibizorder-detail/order-details-list-list/order-details-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/ibizorder-detail/order-details-list-list/order-details-list-list.vue

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