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

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

@@ -853,6 +853,7 @@ export const viewstate: any = {
             viewdatachange: false,
             refviews: [
                 'f4cda6703c800c075704c5af5e58f2fc',
+                '2985fa795f2812f76c5d56f2b8825b91',
             ],
         },
         {

app_Web/src/widgets/ibizorder-detail/order-details-list-list/order-details-list-list-base.vue

@@ -259,6 +259,20 @@ export default class OrderDetailsListBase extends Vue implements ControlInterfac
      */
     @Prop() public fetchAction!: string;
 
+    /**
+     * 打开新建数据视图
+     *
+     * @type {any}
+     * @memberof OrderDetailsListBase
+     */
+    @Prop() public newdata: any;
+    /**
+     * 打开编辑数据视图
+     *
+     * @type {any}
+     * @memberof OrderDetailsListBase
+     */
+    @Prop() public opendata: any;
 
     /**
      * this引用
@@ -487,7 +501,7 @@ export default class OrderDetailsListBase extends Vue implements ControlInterfac
      */
     public load(opt: any = {}): void {
         if(!this.fetchAction){
-            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZOrderDashboardView' + (this.$t('app.list.notConfig.fetchAction') as string) });
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZOrderDetailListView' + (this.$t('app.list.notConfig.fetchAction') as string) });
             return;
         }        
         const arg: any = {...opt};
@@ -600,7 +614,7 @@ export default class OrderDetailsListBase extends Vue implements ControlInterfac
      */
     public async remove(datas: any[]): Promise<any> {
         if(!this.removeAction){
-            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZOrderDashboardView' + (this.$t('app.list.notConfig.removeAction') as string) });
+            this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZOrderDetailListView' + (this.$t('app.list.notConfig.removeAction') as string) });
             return;
         }
         if (datas.length === 0) {
@@ -695,7 +709,7 @@ export default class OrderDetailsListBase extends Vue implements ControlInterfac
             try {
                 if(Object.is(item.rowDataState, 'create')){
                     if(!this.createAction){
-                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZOrderDashboardView' + (this.$t('app.list.notConfig.createAction') as string) });
+                        this.$Notice.error({ title: (this.$t('app.commonWords.wrong') as string), desc: 'IBIZOrderDetailListView' + (this.$t('app.list.notConfig.createAction') as string) });
                     }else{
                       Object.assign(item,{viewparams:this.viewparams});
                       let response = await this.service.add(this.createAction, JSON.parse(JSON.stringify(this.context)),item, this.showBusyIndicator);
@@ -703,7 +717,7 @@ export default class OrderDetailsListBase extends Vue implements ControlInterfac
                     }
                 }else if(Object.is(item.rowDataState, 'update')){
                     if(!this.updateAction){
-                        this.$Notice.error({ title: (this.$t('app.commonWords.warning') as string), desc: 'IBIZOrderDashboardView' + (this.$t('app.list.notConfig.updateAction') as string) });
+                        this.$Notice.error({ title: (this.$t('app.commonWords.warning') as string), desc: 'IBIZOrderDetailListView' + (this.$t('app.list.notConfig.updateAction') as string) });
                     }else{
                         Object.assign(item,{viewparams:this.viewparams});
                         if(item.ibizorderdetail){

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

@@ -10,7 +10,7 @@ export default class OrderDetailsListModel {
 	 * 获取数据项集合
 	 *
 	 * @returns {any[]}
-	 * @memberof OrderDetailsListDashboard_sysportlet2_listMode
+	 * @memberof OrderDetailsListListMode
 	 */
 	public getDataItems(): any[] {
 		return [
@@ -52,6 +52,7 @@ export default class OrderDetailsListModel {
 				prop: 'ibizorderdetailid',
 				dataType: 'FONTKEY',
 			},
+
       {
         name:'size',
         prop:'size'

app_Web/src/widgets/ibizorder-detail/portal-components-list-view-portlet/portal-components-list-view-portlet-base.vue

+<template>
+    <div class='portlet portal-components-list-view ' :style="{'height': isAdaptiveSize ? 'calc(100% - 16px)' : getHeight,}">
+        <p class='portlet-title'>
+            <span>
+            
+            订单明细列表视图
+            </span>
+        </p>
+        <el-divider class="divider"></el-divider>
+        <div class="portlet-with-title">
+        <ibizorder-detail-list-view :portletState="viewState" :viewdata="JSON.stringify(context)" :viewDefaultUsage="false" ></ibizorder-detail-list-view>
+        </div>
+    </div>
+</template>
+<script lang='tsx'>
+import { Vue, Component, Prop, Provide, Emit, Watch, Model,Inject } from 'vue-property-decorator';
+import { CreateElement } from 'vue';
+import { Subject, Subscription } from 'rxjs';
+import { ControlInterface } from '@/interface/control';
+import { UIActionTool,Util, ViewTool } from '@/utils';
+import NavDataService from '@/service/app/navdata-service';
+import IBIZOrderDetailService from '@/service/ibizorder-detail/ibizorder-detail-service';
+import PortalComponentsListViewService from './portal-components-list-view-portlet-service';
+
+import IBIZOrderDetailUIService from '@/uiservice/ibizorder-detail/ibizorder-detail-ui-service';
+import UIService from '@/uiservice/ui-service';
+import { Environment } from '@/environments/environment';
+
+
+@Component({
+    components: {
+      
+    }
+})
+export default class IBIZOrderDetailPortalComponentsListViewBase extends Vue implements ControlInterface {
+
+    /**
+     * 名称
+     *
+     * @type {string}
+     * @memberof PortalComponentsListViewBase
+     */
+    @Prop() public name?: string;
+
+    /**
+     * 视图通讯对象
+     *
+     * @type {Subject<ViewState>}
+     * @memberof PortalComponentsListViewBase
+     */
+    @Prop() public viewState!: Subject<ViewState>;
+
+    /**
+     * 应用上下文
+     *
+     * @type {*}
+     * @memberof PortalComponentsListViewBase
+     */
+    @Prop() public context!: any;
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof PortalComponentsListViewBase
+     */
+    @Prop() public viewparams!: any;
+
+    /**
+     * 视图状态事件
+     *
+     * @public
+     * @type {(Subscription | undefined)}
+     * @memberof PortalComponentsListViewBase
+     */
+    public viewStateEvent: Subscription | undefined;
+
+    /**
+     * 获取部件类型
+     *
+     * @returns {string}
+     * @memberof PortalComponentsListViewBase
+     */
+    public getControlType(): string {
+        return 'PORTLET'
+    }
+
+
+
+    /**
+     * 计数器服务对象集合
+     *
+     * @type {Array<*>}
+     * @memberof PortalComponentsListViewBase
+     */    
+    public counterServiceArray:Array<any> = [];
+
+    /**
+     * 建构部件服务对象
+     *
+     * @type {PortalComponentsListViewService}
+     * @memberof PortalComponentsListViewBase
+     */
+    public service: PortalComponentsListViewService = new PortalComponentsListViewService({ $store: this.$store });
+
+    /**
+     * 实体服务对象
+     *
+     * @type {IBIZOrderDetailService}
+     * @memberof PortalComponentsListViewBase
+     */
+    public appEntityService: IBIZOrderDetailService = new IBIZOrderDetailService({ $store: this.$store });
+
+    /**
+     * 界面UI服务对象
+     *
+     * @type {IBIZOrderDetailUIService}
+     * @memberof PortalComponentsListViewBase
+     */  
+    public appUIService:IBIZOrderDetailUIService = new IBIZOrderDetailUIService(this.$store);
+    
+
+
+    /**
+     * 关闭视图
+     *
+     * @param {any} args
+     * @memberof PortalComponentsListViewBase
+     */
+    public closeView(args: any): void {
+        let _this: any = this;
+        _this.$emit('closeview', [args]);
+    }
+
+    /**
+     *  计数器刷新
+     *
+     * @memberof PortalComponentsListViewBase
+     */
+    public counterRefresh(){
+        const _this:any =this;
+        if(_this.counterServiceArray && _this.counterServiceArray.length >0){
+            _this.counterServiceArray.forEach((item:any) =>{
+                if(item.refreshData && item.refreshData instanceof Function){
+                    item.refreshData();
+                }
+            })
+        }
+    }
+
+
+
+    /**
+     * 长度
+     *
+     * @type {number}
+     * @memberof PortalComponentsListViewBase
+     */
+    @Prop() public height?: number;
+
+    /**
+     * 宽度
+     *
+     * @type {number}
+     * @memberof PortalComponentsListViewBase
+     */
+    @Prop() public width?: number;
+
+    /**
+     * 门户部件类型
+     *
+     * @type {number}
+     * @memberof PortalComponentsListViewBase
+     */
+    public portletType: string = 'view';
+
+    /**
+     * 视图默认使用
+     *
+     * @type {string}
+     * @memberof PortalComponentsListViewBase
+     */
+    @Inject({from:'navModel',default: 'tab'})
+    public navModel!:string;
+
+
+    /**
+     * 界面行为模型数据
+     *
+     * @memberof PortalComponentsListViewBase
+     */
+    public uiactionModel: any = {
+    }
+
+
+    /**
+     * 是否自适应大小
+     *
+     * @returns {boolean}
+     * @memberof PortalComponentsListViewBase
+     */
+    @Prop({default: false})public isAdaptiveSize!: boolean;
+
+    /**
+     * 获取多项数据
+     *
+     * @returns {any[]}
+     * @memberof PortalComponentsListViewBase
+     */
+    public getDatas(): any[] {
+        return [];
+    }
+
+    /**
+     * 获取单项树
+     *
+     * @returns {*}
+     * @memberof PortalComponentsListViewBase
+     */
+    public getData(): any {
+        return {};
+    }
+
+    /**
+     * 获取高度
+     *
+     * @returns {any[]}
+     * @memberof PortalComponentsListViewBase
+     */
+    get getHeight(){
+        if(!this.$util.isEmpty(this.height) && !this.$util.isNumberNaN(this.height)){
+            if(this.height == 0){
+                return 'auto';
+            }else{
+                return this.height+'px';
+            }
+        }else{
+            return '400px';
+        }
+    }
+
+    /**
+     * 刷新
+     *
+     * @memberof PortalComponentsListViewBase
+     */
+    public refresh(args?: any) {
+      this.viewState.next({ tag: 'IBIZOrderDetailListView', action: 'refresh', data: args });
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof PortalComponentsListViewBase
+     */
+    public created() {
+        this.afterCreated();
+    }
+
+    /**
+     * 执行created后的逻辑
+     *
+     *  @memberof PortalComponentsListViewBase
+     */    
+    public afterCreated(){
+        if (this.viewState) {
+            this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
+                if(Object.is(tag, "all-portlet") && Object.is(action,'loadmodel')){
+                   this.calcUIActionAuthState(data);
+                }
+                if (!Object.is(tag, this.name)) {
+                    return;
+                }
+                const refs: any = this.$refs;
+                Object.keys(refs).forEach((_name: string) => {
+                    this.viewState.next({ tag: _name, action: action, data: data });
+                });
+            });
+        }
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof PortalComponentsListViewBase
+     */
+    public destroyed() {
+        this.afterDestroy();
+    }
+
+    /**
+     * 执行destroyed后的逻辑
+     *
+     * @memberof PortalComponentsListViewBase
+     */
+    public afterDestroy() {
+        if (this.viewStateEvent) {
+            this.viewStateEvent.unsubscribe();
+        }
+    }
+
+
+    /**
+     * 计算界面行为权限
+     *
+     * @memberof PortalComponentsListViewBase
+     */
+    public calcUIActionAuthState(data:any = {}) {
+        //  如果是操作栏，不计算权限
+        if(this.portletType && Object.is('actionbar', this.portletType)) {
+            return;
+        }
+        let _this: any = this;
+        let uiservice: any = _this.appUIService ? _this.appUIService : new UIService(_this.$store);
+        if(_this.uiactionModel){
+            ViewTool.calcActionItemAuthState(data,_this.uiactionModel,uiservice);
+        }
+    }
+
+}
+</script>
+
+<style lang='less'>
+@import './portal-components-list-view-portlet.less';
+</style>
+

app_Web/src/widgets/ibizorder-detail/portal-components-list-view-portlet/portal-components-list-view-portlet-model.ts

+/**
+ * PortalComponentsListView 部件模型
+ *
+ * @export
+ * @class PortalComponentsListViewModel
+ */
+export default class PortalComponentsListViewModel {
+
+  /**
+    * 获取数据项集合
+    *
+    * @returns {any[]}
+    * @memberof PortalComponentsListViewModel
+    */
+  public getDataItems(): any[] {
+    return [
+      {
+        name: 'ibizorderdetailname',
+      },
+      {
+        name: 'updatedate',
+      },
+      {
+        name: 'createdate',
+      },
+      {
+        name: 'createman',
+      },
+      {
+        name: 'ibizorderdetaila',
+      },
+      {
+        name: 'amount',
+      },
+      {
+        name: 'quantity',
+      },
+      {
+        name: 'ibizorderdetail',
+        prop: 'ibizorderdetailid',
+      },
+      {
+        name: 'updateman',
+      },
+      {
+        name: 'unitprice',
+      },
+      {
+        name: 'orderuid',
+      },
+      {
+        name: 'unit',
+      },
+      {
+        name: 'ibizordername',
+      },
+      {
+        name: 'ibizuniproductname',
+      },
+      {
+        name: 'ibizorderid',
+      },
+      {
+        name: 'ibizuniproductid',
+      },
+    ]
+  }
+
+
+}

app_Web/src/widgets/ibizorder-detail/portal-components-list-view-portlet/portal-components-list-view-portlet-service.ts

+import { Http } from '@/utils';
+import ControlService from '@/widgets/control-service';
+
+/**
+ * PortalComponentsListView 部件服务对象
+ *
+ * @export
+ * @class PortalComponentsListViewService
+ */
+export default class PortalComponentsListViewService extends ControlService {
+}

app_Web/src/widgets/ibizorder-detail/portal-components-list-view-portlet/portal-components-list-view-portlet.less

+// this is less
+.portlet{
+  height: 100%;
+  width: 100%;
+  > .portlet-title{
+    padding: 14px 16px;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    height: 52px;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    justify-content: space-between;
+    width:100%;
+    line-height: 22px;
+    font-size: 16px;
+    font-weight: 500;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: #304265;
+    font-weight: 600;
+    i{
+      margin-right: 5px;
+    }
+    >.portlet-action{
+      margin-left: 12px;
+      font-size: 14px;
+      >a{
+        padding: 6px;
+      }
+    }
+  }
+    > .divider {
+      margin: 0px 0px 11px 0px;
+    }
+  > .portlet-with-title{
+    width:100%;
+    height:calc(100% - 52px);
+    overflow:auto;
+    padding:0px 12px;
+  }
+  > .portlet-without-title{
+    width:100%;
+    height:100%;
+    overflow:auto;
+    padding:0px 12px;
+  }
+  .app-charts{
+    height: 100%!important;
+  }
+  .toolbar-container {
+    button{
+      margin: 6px 0px 4px 16px;
+    }
+    .ivu-badge{
+      .ivu-badge-count{
+        top: 0;
+      }
+    }
+  }
+}

app_Web/src/widgets/ibizorder-detail/portal-components-list-view-portlet/portal-components-list-view-portlet.vue

+
+<script lang='tsx'>
+import { Component } from 'vue-property-decorator';
+import IBIZOrderDetailPortalComponentsListViewBase from './portal-components-list-view-portlet-base.vue';
+
+ 
+@Component({
+    components: {
+         
+    }
+})
+export default class IBIZOrderDetailPortalComponentsListView extends IBIZOrderDetailPortalComponentsListViewBase {
+
+}
+</script>

app_Web/src/widgets/ibizorder/usr-dashboard/usr-dashboard.vue

@@ -2,7 +2,7 @@
 import { Component } from 'vue-property-decorator';
 import UsrBase from './usr-dashboard-base.vue';
 import view_dashboard_sysportlet5 from '@widgets/ibizorder/portal-components-web-portlet/portal-components-web-portlet.vue';
-import view_dashboard_sysportlet2 from '@widgets/ibizorder-detail/portal-components-list3-portlet/portal-components-list3-portlet.vue';
+import view_dashboard_sysportlet2 from '@widgets/ibizorder-detail/portal-components-list-view-portlet/portal-components-list-view-portlet.vue';
 import view_dashboard_sysportlet3 from '@widgets/ibizorder/portal-components-operation-portlet/portal-components-operation-portlet.vue';
 import view_dashboard_sysportlet1 from '@widgets/ibizorder-detail/portal-components-histogram-portlet/portal-components-histogram-portlet.vue';