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

app_Web/src/locale/lanres/entities/ibizorder/ibizorder_en_US.ts

@@ -1604,6 +1604,20 @@ export default {
 			tip: "Print",
 		},
 	},
+	calendarexpviewcalendarexpbar_toolbar_toolbar: {
+		deuiaction1: {
+			caption: "刷新",
+			tip: "刷新",
+		},
+		deuiaction2: {
+			caption: "New",
+			tip: "New",
+		},
+		deuiaction3: {
+			caption: "Edit",
+			tip: "Edit {0}",
+		},
+	},
 	sf20gridviewtoolbar_toolbar: {
 		tbitem3: {
 			caption: "New",

app_Web/src/locale/lanres/entities/ibizorder/ibizorder_zh_CN.ts

@@ -1603,6 +1603,20 @@ export default {
 			tip: "打印",
 		},
 	},
+	calendarexpviewcalendarexpbar_toolbar_toolbar: {
+		deuiaction1: {
+			caption: "刷新",
+			tip: "刷新",
+		},
+		deuiaction2: {
+			caption: "新建",
+			tip: "新建",
+		},
+		deuiaction3: {
+			caption: "编辑",
+			tip: "编辑",
+		},
+	},
 	sf20gridviewtoolbar_toolbar: {
 		tbitem3: {
 			caption: "新建",

app_Web/src/widgets/ibizorder/calendar-exp-viewcalendarexpbar-calendarexpbar/calendar-exp-viewcalendarexpbar-calendarexpbar-base.vue

@@ -5,6 +5,36 @@
                 <div><icon type='ios-home-outline'/>{{ $t('app.calendarExpBar.title') }}</div>
             </div>
            <div class="container-header">
+                <div class='search-container'>
+                    <i-input :search="true"
+                        @on-change="($event) => { this.searchText = $event.target.value; }"
+                        :placeholder="placeholder"
+                        @on-search="onSearch">
+                    </i-input>
+                </div>
+                <div class='toolbar-container'>
+    <tooltip :transfer="true" :max-width="600">
+            <i-button v-show="calendarexpviewcalendarexpbar_toolbarModels.deuiaction1.visabled" :disabled="calendarexpviewcalendarexpbar_toolbarModels.deuiaction1.disabled" class='' v-loading:i-button @click="calendarexpbar_toolbar_click({ tag: 'deuiaction1' }, $event)">
+                <i class='fa fa-refresh'></i>
+                <span class='caption'>{{$t('entities.ibizorder.calendarexpviewcalendarexpbar_toolbar_toolbar.deuiaction1.caption')}}</span>
+            </i-button>
+        <div slot='content'>{{$t('entities.ibizorder.calendarexpviewcalendarexpbar_toolbar_toolbar.deuiaction1.tip')}}</div>
+    </tooltip>
+    <tooltip :transfer="true" :max-width="600">
+            <i-button v-show="calendarexpviewcalendarexpbar_toolbarModels.deuiaction2.visabled" :disabled="calendarexpviewcalendarexpbar_toolbarModels.deuiaction2.disabled" class='' v-loading:i-button @click="calendarexpbar_toolbar_click({ tag: 'deuiaction2' }, $event)">
+                <i class='fa fa-file-text-o'></i>
+                <span class='caption'>{{$t('entities.ibizorder.calendarexpviewcalendarexpbar_toolbar_toolbar.deuiaction2.caption')}}</span>
+            </i-button>
+        <div slot='content'>{{$t('entities.ibizorder.calendarexpviewcalendarexpbar_toolbar_toolbar.deuiaction2.tip')}}</div>
+    </tooltip>
+    <tooltip :transfer="true" :max-width="600">
+            <i-button v-show="calendarexpviewcalendarexpbar_toolbarModels.deuiaction3.visabled" :disabled="calendarexpviewcalendarexpbar_toolbarModels.deuiaction3.disabled" class='' v-loading:i-button @click="calendarexpbar_toolbar_click({ tag: 'deuiaction3' }, $event)">
+                <i class='fa fa-edit'></i>
+                <span class='caption'>{{$t('entities.ibizorder.calendarexpviewcalendarexpbar_toolbar_toolbar.deuiaction3.caption')}}</span>
+            </i-button>
+        <div slot='content'>{{$t('entities.ibizorder.calendarexpviewcalendarexpbar_toolbar_toolbar.deuiaction3.tip')}}</div>
+    </tooltip>
+</div>
            </div>
             <div class='calendar-exp-bar-content'>
                 <view_calendarexpbar_calendar 
@@ -134,6 +164,25 @@ export default class CalendarExpViewcalendarexpbarBase extends Vue implements Co
      */
     public appEntityService: IBIZOrderService = new IBIZOrderService({ $store: this.$store });
 
+    /**
+     * calendarexpbar_toolbar 部件 click 事件
+     *
+     * @param {*} [args={}]
+     * @param {*} $event
+     * @memberof CalendarExpViewcalendarexpbarBase
+     */
+    public calendarexpbar_toolbar_click($event: any, $event2?: any) {
+        if (Object.is($event.tag, 'deuiaction1')) {
+            this.calendarexpbar_toolbar_deuiaction1_click(null, 'calendarexpbar_toolbar', $event2);
+        }
+        if (Object.is($event.tag, 'deuiaction2')) {
+            this.calendarexpbar_toolbar_deuiaction2_click(null, 'calendarexpbar_toolbar', $event2);
+        }
+        if (Object.is($event.tag, 'deuiaction3')) {
+            this.calendarexpbar_toolbar_deuiaction3_click(null, 'calendarexpbar_toolbar', $event2);
+        }
+    }
+
     /**
      * calendarexpbar_calendar 部件 selectionchange 事件
      *
@@ -157,6 +206,155 @@ export default class CalendarExpViewcalendarexpbarBase extends Vue implements Co
     }
     
 
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public calendarexpbar_toolbar_deuiaction1_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.calendarexpbar_calendar;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Refresh(datas, contextJO,paramJO,  $event, xData,this,"IBIZOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public calendarexpbar_toolbar_deuiaction2_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.calendarexpbar_calendar;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.New(datas, contextJO,paramJO,  $event, xData,this,"IBIZOrder");
+    }
+
+    /**
+     * 逻辑事件
+     *
+     * @param {*} [params={}]
+     * @param {*} [tag]
+     * @param {*} [$event]
+     * @memberof 
+     */
+    public calendarexpbar_toolbar_deuiaction3_click(params: any = {}, tag?: any, $event?: any) {
+        // 参数
+        // 取数
+        let datas: any[] = [];
+        let xData: any = null;
+        // _this 指向容器对象
+        const _this: any = this;
+        let paramJO:any = {};
+        let contextJO:any = {};
+        xData = this.$refs.calendarexpbar_calendar;
+        if (xData.getDatas && xData.getDatas instanceof Function) {
+            datas = [...xData.getDatas()];
+        }
+        if(params){
+          datas = [params];
+        }
+        // 界面行为
+        this.Edit(datas, contextJO,paramJO,  $event, xData,this,"IBIZOrder");
+    }
+
+    /**
+     * 刷新
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public Refresh(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        const _this: any = this;
+        if (xData && xData.refresh && xData.refresh instanceof Function) {
+            xData.refresh(args);
+        } else if (_this.refresh && _this.refresh instanceof Function) {
+            _this.refresh(args);
+        }
+    }
+    /**
+     * 新建
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public New(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+         const _this: any = this;
+        if (_this.newdata && _this.newdata instanceof Function) {
+            const data: any = {};
+            _this.newdata([{ ...data }],[{ ...data }], params, $event, xData);
+        } else {
+            _this.$Notice.error({ title: '错误', desc: 'newdata 视图处理逻辑不存在，请添加!' });
+        }
+    }
+    /**
+     * 编辑
+     *
+     * @param {any[]} args 当前数据
+     * @param {any} contextJO 行为附加上下文
+     * @param {*} [params] 附加参数
+     * @param {*} [$event] 事件源
+     * @param {*} [xData]  执行行为所需当前部件
+     * @param {*} [actionContext]  执行行为上下文
+     * @memberof IBIZOrderCalendarExpViewBase
+     */
+    public Edit(args: any[],contextJO?:any, params?: any, $event?: any, xData?: any,actionContext?:any,srfParentDeName?:string) {
+        if (args.length === 0) {
+            return;
+        }
+        const _this: any = this;
+        if (_this.opendata && _this.opendata instanceof Function) {
+            const data: any = { };
+            if (args.length > 0) {
+                Object.assign(data, { ibizorder: args[0].ibizorder })
+            }
+            _this.opendata([{ ...data }], params, $event, xData);
+        } else {
+            _this.$Notice.error({ title: '错误', desc: 'opendata 视图处理逻辑不存在，请添加!' });
+        }
+    }
 
     /**
      * 转化数据
@@ -337,6 +535,22 @@ export default class CalendarExpViewcalendarexpbarBase extends Vue implements Co
     @Prop({ default: true }) public showBusyIndicator!: boolean;
 
 
+        /**
+     * 工具栏模型
+     *
+     * @type {*}
+     * @memberof IBIZOrderCalendarExpView
+     */
+    public calendarexpviewcalendarexpbar_toolbarModels: any = {
+        deuiaction1: { name: 'deuiaction1', actiontarget: 'NONE', caption: '刷新', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'Refresh', target: '' } },
+
+        deuiaction2: { name: 'deuiaction2', actiontarget: 'NONE', caption: '新建', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'New', target: '' } },
+
+        deuiaction3: { name: 'deuiaction3', actiontarget: 'NONE', caption: '编辑', disabled: false, type: 'DEUIACTION', visabled: true,noprivdisplaymode:2,dataaccaction: '', uiaction: { tag: 'Edit', target: 'SINGLEKEY' } },
+
+    };
+
+
     /**
      * 获取多项数据
      *

app_Web/src/widgets/ibizorder/calendar-exp-viewcalendarexpbar-calendarexpbar/calendar-exp-viewcalendarexpbar-calendarexpbar.less

@@ -40,7 +40,7 @@
                     }
                 }
                 .calendar-exp-bar-content {
-                                        height: calc(100% - 40px);
+                                        height: calc(100% - 88px);
                     overflow: auto;
                     padding: 16px 0;
                     margin-bottom: 10px;
@@ -95,7 +95,7 @@
                     }
                 }
                 .calendar-exp-bar-content {
-                    height: calc(100% - 40px);
+                    height: calc(100% - 88px);
                     overflow: auto;
                     margin-bottom: 10px;
                 }

app_Web/src/widgets/ibizorder/list-exp-viewlistexpbar-listexpbar/list-exp-viewlistexpbar-listexpbar-base.vue

@@ -5,6 +5,9 @@
                 {{$t('app.listExpBar.title')}}
             </div>
            <div class="container-header">
+                <div class="quick-group-container">
+                    <app-quick-group :items="quickGroupModel"  @valuechange="quickGroupValueChange"></app-quick-group>
+                </div>
                 <div class='search-container'>
                     <i-input :search="true"
                         @on-change="($event) => { this.searchText = $event.target.value; }"
@@ -536,6 +539,111 @@ export default class ListExpViewlistexpbarBase extends Vue implements ControlInt
      * @memberof ListExpViewlistexpbarBase
      */
     public navigateParams:any = null;     
+    /**
+     * 代码表服务对象
+     *
+     * @type {CodeListService}
+     * @memberof IBIZOrderListExpViewBase
+     */  
+    public codeListService:CodeListService = new CodeListService({ $store: this.$store });
+    
+    /**
+     * 快速分组数据对象
+     *
+     * @memberof IBIZOrderListExpViewBase
+     */
+    public quickGroupData:any;
+
+    /**
+     * 快速分组是否有抛值
+     *
+     * @memberof IBIZOrderListExpViewBase
+     */
+    public isEmitQuickGroupValue:boolean = false;
+
+    /**
+     * 快速分组模型
+     *
+     * @memberof IBIZOrderListExpViewBase
+     */
+    public quickGroupModel:Array<any> = [];
+
+    /**
+     * 加载快速分组模型
+     *
+     * @memberof IBIZOrderListExpViewBase
+     */
+    public loadQuickGroupModel(){
+        let quickGroupCodeList:any = {tag:'ORDERSTATE',codelistType:'STATIC'};
+        if(quickGroupCodeList.tag && Object.is(quickGroupCodeList.codelistType,"STATIC")){
+            const codelist = this.$store.getters.getCodeList(quickGroupCodeList.tag);
+            if (codelist) {
+                this.quickGroupModel = [...this.handleDynamicData(JSON.parse(JSON.stringify(codelist.items)))];
+            } else {
+                console.log(`----${quickGroupCodeList.tag}----代码表不存在`);
+            }
+        }else if(quickGroupCodeList.tag && Object.is(quickGroupCodeList.codelistType,"DYNAMIC")){
+            this.codeListService.getItems(quickGroupCodeList.tag,{},{}).then((res:any) => {
+                this.quickGroupModel = res;
+            }).catch((error:any) => {
+                console.log(`----${quickGroupCodeList.tag}----代码表不存在`);
+            });
+        }
+    }
+
+    /**
+     * 处理快速分组模型动态数据部分(%xxx%)
+     *
+     * @memberof IBIZOrderListExpViewBase
+     */
+    public handleDynamicData(inputArray:Array<any>){
+        if(inputArray.length >0){
+            inputArray.forEach((item:any) =>{
+               if(item.data && Object.keys(item.data).length >0){
+                   Object.keys(item.data).forEach((name:any) =>{
+                        let value: any = item.data[name];
+                        if (value && typeof(value)=='string' && value.startsWith('%') && value.endsWith('%')) {
+                            const key = (value.substring(1, value.length - 1)).toLowerCase();
+                            if (this.context[key]) {
+                                value = this.context[key];
+                            } else if(this.viewparams[key]){
+                                value = this.viewparams[key];
+                            }
+                        }
+                        item.data[name] = value;
+                   })
+               }
+            })
+        }
+        return inputArray;
+    }
+
+    /**
+     * 快速分组值变化
+     *
+     * @memberof IBIZOrderListExpViewBase
+     */
+    public quickGroupValueChange($event:any){
+        if($event && $event.data){
+            if(this.quickGroupData) {
+                for(let key in this.quickGroupData) {
+                    delete this.viewparams[key];
+                }
+            }
+            this.quickGroupData = $event.data;
+            Object.assign(this.viewparams, $event.data);
+        }else{
+            if(this.quickGroupData) {
+                for(let key in this.quickGroupData) {
+                    delete this.viewparams[key];
+                }
+            }
+        }
+        if(this.isEmitQuickGroupValue){
+            this.onSearch($event);
+        }
+        this.isEmitQuickGroupValue = true;
+    }
 
     /**
      * 显示处理提示
@@ -616,6 +724,7 @@ export default class ListExpViewlistexpbarBase extends Vue implements ControlInt
     * @memberof ListExpViewlistexpbarBase
     */
     public afterCreated(){
+        this.loadQuickGroupModel();
         if (this.viewState) {
             this.viewStateEvent = this.viewState.subscribe(({ tag, action, data }) => {
                 if (!Object.is(tag, this.name)) {