新增列表导航快速分组栏

@CONTROL/列表导航/CONTROL-BASE.vue.ftl

@@ -10,6 +10,14 @@
             </div>
         </#if>
            <div class="container-header">
+                <#if view.isEnableQuickGroup()>
+                <#if view.getPSSysCounterRef?? && view.getPSSysCounterRef()?? && view.getPSSysCounterRef().getPSAppCounter()??>
+                <#assign appCounter = view.getPSSysCounterRef().getPSAppCounter() />
+                </#if>
+                <div class="quick-group-container">
+                    <app-quick-group :items="quickGroupModel" <#if appCounter??>:counterService="${srfclassname('${appCounter.getCodeName()}')}counterservice"</#if> @valuechange="quickGroupValueChange"></app-quick-group>
+                </div>
+                </#if>
                 <#if ctrl.isEnableSearch()>
                 <div class='search-container'>
                     <i-input :search="true"
@@ -52,6 +60,13 @@
     </#if>
 </template>
 
+<#assign import_block>
+import CodeListService from "@service/app/codelist-service";
+<#if view.getPSSysCounterRef?? && view.getPSSysCounterRef()?? && view.getPSSysCounterRef().getPSAppCounter()??>
+<#assign appCounter = view.getPSSysCounterRef().getPSAppCounter() />
+import  ${srfclassname('${appCounter.getCodeName()}')}CounterService  from '@/counter/${srffilepath2(appCounter.getCodeName())}/${srffilepath2(appCounter.getCodeName())}-counter';
+</#if>
+</#assign>
 
 <#ibizinclude>
 ../@MACRO/CONTROL/CONTROL_HEADER-BASE.vue.ftl
@@ -101,6 +116,17 @@
      */
     public isSingleSelect:boolean = true;
 
+    <#if view.getPSSysCounterRef?? && view.getPSSysCounterRef?? && view.getPSSysCounterRef()?? && view.getPSSysCounterRef().getPSAppCounter()??>
+    <#assign appCounter = view.getPSSysCounterRef().getPSAppCounter() />
+    /**
+     * ${srfclassname('${appCounter.getCodeName()}')}CounterService计数器服务对象
+     *
+     * @type {${srfclassname('${appCounter.getCodeName()}')}CounterService}
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    public ${srfclassname('${appCounter.getCodeName()}')}counterservice: ${srfclassname('${appCounter.getCodeName()}')}CounterService = new ${srfclassname('${appCounter.getCodeName()}')}CounterService({ $store: this.$store });
+    </#if>
+
     /**
      * 呈现模式，可选值：horizontal或者vertical
      * 
@@ -194,6 +220,104 @@
      */
     public navigateParams:any = <#if xDataControl.getPSNavigateParams?? && xDataControl.getPSNavigateParams()??><@getNavigateParams xDataControl /><#else>null</#if>;     
 </#if>
+<#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 && $event.data){
+            this.quickGroupData = $event.data;
+            if(this.isEmitQuickGroupValue){
+                this.onSearch($event);
+            }
+        }
+        this.isEmitQuickGroupValue = true;
+    }
+</#if>
 
     /**
      * 显示处理提示
@@ -286,6 +410,9 @@
     * @memberof ${srfclassname('${ctrl.codeName}')}Base
     */
     public afterMounted(){ 
+        <#if view.isEnableQuickGroup()>
+        this.loadQuickGroupModel();
+        </#if>
         if(this.$store.getters.getViewSplit(this.viewUID)){
             this.split = this.$store.getters.getViewSplit(this.viewUID);
         }else{

@CONTROL/列表导航/CONTROL.less.ftl

@@ -23,8 +23,9 @@
                 }
                 .container-header{
                     display: flex;
-                    justify-content: space-between;
+                    justify-content: flex-start;
                     align-items: center;
+                    flex-wrap: wrap;
                     .search-container {
                         width: 30%;
                         height: 48px;
@@ -38,6 +39,9 @@
                         flex-wrap: wrap;
                         align-items: center;
                     }
+                    .quick-group-container {
+                        padding-right: 20px;
+                    }
                 }
                 .list-exp-bar-content {
                     <#--  计算高度  -->

@CONTROL/表格导航/CONTROL.less.ftl

@@ -96,7 +96,7 @@
                 }
                 .container-header{
                     display: flex;
-                    justify-content: space-between;
+                    justify-content: flex-start;
                     align-items: center;
                     .search-container {
                         width: 30%;
@@ -108,6 +108,9 @@
                     .toolbar-container{
                         padding: 4px;
                     }
+                    .quick-group-container {
+                        padding-right: 20px;
+                    }
                 }
                 .grid-exp-bar-content {
                     <#--  计算高度  -->