图表视图添加快速分组代码表和快速搜索栏

@CONTROL/视图布局面板/实体图表视图 （部件视图）/VIEW.vue.ftl

@@ -16,8 +16,19 @@
         <div class='content-container'>
 <#assign MDContent>
 <#comment><!--开始：快速搜索或工具栏存在--></#comment>
-<#if (view.isEnableQuickSearch() || view.hasPSControl('toolbar'))>
+<#if (view.isEnableQuickSearch() || view.hasPSControl('toolbar') || view.isEnableQuickGroup() || view.getQuickPSDESearchForm()??)>
 <row style="margin-bottom:6px;">
+    <#if view.isEnableQuickGroup()>
+    <div class="quick-group-container">
+        <app-quick-group :items="quickGroupModel" <#if appCounter??>:counterService="${appCounter.getCodeName()?lower_case}counterservice"</#if> @valuechange="quickGroupValueChange"></app-quick-group>
+    </div>
+    </#if>
+    <#if view.getQuickPSDESearchForm()??>
+    <div class="quick-search-container">
+    <#assign quickSearchForm = view.getQuickPSDESearchForm() />
+    ${P.getCtrlCode(quickSearchForm, 'CONTROL.html').code}
+    </div>
+    </#if>
     <#if view.isEnableQuickSearch()>
     <i-input<#if view.hasPSControl('searchform')><#if view.isExpandSearchForm??> v-show="!isExpandSearchForm"</#if></#if> v-model="query" search enter-button @on-search="onSearch($event)" class='pull-left' placeholder="<@getQuickSearchPlaceholder view />" style='max-width: 400px;margin-top:6px;' />
     </#if>

@CONTROL/视图布局面板/实体图表视图/VIEW.vue.ftl

@@ -17,8 +17,19 @@
         <div class='content-container'>
 <#assign MDContent>
 <#comment><!--开始：快速搜索或工具栏存在--></#comment>
-<#if (view.isEnableQuickSearch() || view.hasPSControl('toolbar'))>
+<#if (view.isEnableQuickSearch() || view.hasPSControl('toolbar') || view.isEnableQuickGroup() || view.getQuickPSDESearchForm()??)>
 <row style="margin-bottom:6px;">
+    <#if view.isEnableQuickGroup()>
+    <div class="quick-group-container">
+        <app-quick-group :items="quickGroupModel" <#if appCounter??>:counterService="${appCounter.getCodeName()?lower_case}counterservice"</#if> @valuechange="quickGroupValueChange"></app-quick-group>
+    </div>
+    </#if>
+    <#if view.getQuickPSDESearchForm()??>
+    <div class="quick-search-container">
+    <#assign quickSearchForm = view.getQuickPSDESearchForm() />
+    ${P.getCtrlCode(quickSearchForm, 'CONTROL.html').code}
+    </div>
+    </#if>
     <#if view.isEnableQuickSearch()>
     <i-input<#if view.hasPSControl('searchform')><#if view.isExpandSearchForm??> v-show="!isExpandSearchForm"</#if></#if> v-model="query" search enter-button @on-search="onSearch($event)" class='pull-left' placeholder="<@getQuickSearchPlaceholder view />" style='max-width: 400px;margin-top:6px;' />
     </#if>

@VIEW/实体图表视图 （部件视图）/VIEW-BASE.vue.ftl

@@ -8,6 +8,11 @@
             });
         }
 </#assign>
+
+<#assign mounted_block>
+<#if view.isEnableQuickGroup()>_this.loadQuickGroupModel();</#if>
+</#assign>
+
 <#ibizinclude>
 ../@MACRO/LAYOUTPANEL_VIEW.template.ftl
 </#ibizinclude>
@@ -52,6 +57,125 @@
      */
     public isExpandSearchForm: boolean = ${view.isExpandSearchForm()?c};
 
+<#if view.isEnableQuickGroup()>
+
+    /**
+     * 代码表服务对象
+     *
+     * @type {CodeListService}
+     * @memberof ${srfclassname('${view.name}')}Base
+     */  
+    public codeListService:CodeListService = new CodeListService({ $store: this.$store });
+
+    /**
+     * 快速分组数据对象
+     *
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    public quickGroupData:any;
+
+    /**
+     * 快速分组是否有抛值
+     *
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    public isEmitQuickGroupValue:boolean = false;
+
+    /**
+     * 快速分组模型
+     *
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    public quickGroupModel:Array<any> = [];
+
+    /**
+     * 加载快速分组模型
+     *
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    public loadQuickGroupModel(){
+        <#if view.getQuickGroupPSCodeList()??>
+        <#assign codelist=view.getQuickGroupPSCodeList() />
+        let quickGroupCodeList:any = {tag:'${codelist.codeName}',codelistType:'${codelist.getCodeListType()}'};
+        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 {
+                <#noparse>console.log(`----${quickGroupCodeList.tag}----代码表不存在`);</#noparse>
+            }
+        }else if(quickGroupCodeList.tag && Object.is(quickGroupCodeList.codelistType,"DYNAMIC")){
+            this.codeListService.getItems(quickGroupCodeList.tag,{},{}).then((res:any) => {
+                this.quickGroupModel = res;
+            }).catch((error:any) => {
+                <#noparse>console.log(`----${quickGroupCodeList.tag}----代码表不存在`);</#noparse>
+            });
+        }
+        </#if>
+    }
+
+    /**
+     * 处理快速分组模型动态数据部分(%xxx%)
+     *
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    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 ${srfclassname('${view.name}')}Base
+     */
+    public quickGroupValueChange($event:any){
+        if($event){
+            this.quickGroupData = $event.data;
+            if(this.isEmitQuickGroupValue){
+                this.onSearch($event);
+            }
+        }
+        this.isEmitQuickGroupValue = true;
+    }
+</#if>
+<#if view.getQuickPSDESearchForm()??>
+
+    /**
+     * 快速搜索栏数据对象
+     *
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    public quickFormData:any;
+
+    /**
+     * 快速搜索栏值变化
+     *
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    public quickFormValueChange($event:any){
+        this.quickFormData = $event;
+        this.onSearch($event);
+    }
+</#if>
+
     /**
      * 快速搜索
      *

@VIEW/实体图表视图/VIEW-BASE.vue.ftl

@@ -2,6 +2,10 @@
 ../@MACRO/LAYOUTPANEL_VIEW.template.ftl
 </#ibizinclude>
 
+<#assign mounted_block>
+<#if view.isEnableQuickGroup()>_this.loadQuickGroupModel();</#if>
+</#assign>
+
 <#ibizinclude>
 ../@MACRO/VIEW_HEADER-BASE.vue.ftl
 </#ibizinclude>
@@ -26,6 +30,125 @@
      */
     public isExpandSearchForm: boolean = ${view.isExpandSearchForm()?c};
 
+<#if view.isEnableQuickGroup()>
+
+    /**
+     * 代码表服务对象
+     *
+     * @type {CodeListService}
+     * @memberof ${srfclassname('${view.name}')}Base
+     */  
+    public codeListService:CodeListService = new CodeListService({ $store: this.$store });
+
+    /**
+     * 快速分组数据对象
+     *
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    public quickGroupData:any;
+
+    /**
+     * 快速分组是否有抛值
+     *
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    public isEmitQuickGroupValue:boolean = false;
+
+    /**
+     * 快速分组模型
+     *
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    public quickGroupModel:Array<any> = [];
+
+    /**
+     * 加载快速分组模型
+     *
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    public loadQuickGroupModel(){
+        <#if view.getQuickGroupPSCodeList()??>
+        <#assign codelist=view.getQuickGroupPSCodeList() />
+        let quickGroupCodeList:any = {tag:'${codelist.codeName}',codelistType:'${codelist.getCodeListType()}'};
+        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 {
+                <#noparse>console.log(`----${quickGroupCodeList.tag}----代码表不存在`);</#noparse>
+            }
+        }else if(quickGroupCodeList.tag && Object.is(quickGroupCodeList.codelistType,"DYNAMIC")){
+            this.codeListService.getItems(quickGroupCodeList.tag,{},{}).then((res:any) => {
+                this.quickGroupModel = res;
+            }).catch((error:any) => {
+                <#noparse>console.log(`----${quickGroupCodeList.tag}----代码表不存在`);</#noparse>
+            });
+        }
+        </#if>
+    }
+
+    /**
+     * 处理快速分组模型动态数据部分(%xxx%)
+     *
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    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 ${srfclassname('${view.name}')}Base
+     */
+    public quickGroupValueChange($event:any){
+        if($event){
+            this.quickGroupData = $event.data;
+            if(this.isEmitQuickGroupValue){
+                this.onSearch($event);
+            }
+        }
+        this.isEmitQuickGroupValue = true;
+    }
+</#if>
+<#if view.getQuickPSDESearchForm()??>
+
+    /**
+     * 快速搜索栏数据对象
+     *
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    public quickFormData:any;
+
+    /**
+     * 快速搜索栏值变化
+     *
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    public quickFormValueChange($event:any){
+        this.quickFormData = $event;
+        this.onSearch($event);
+    }
+</#if>
+
     /**
      * 快速搜索
      *