zpc --- 快速分组

@CONTROL/视图布局面板/@MACRO/GRID.vue.ftl

@@ -12,7 +12,7 @@ ${P.getCtrlCode('grid', 'CONTROL.html').code}
 <div style='margin-bottom: 6px;'>
     <#if view.isEnableQuickGroup()>
     <div class="quick-group-container">
-        quick-group-container
+        <app-quick-group :items="quickGroupModel" counterName="quickcounter" @valuechange="qucikGroupValueChange"></app-quick-group>
     </div>
     </#if>
     <#if view.getQuickPSDESearchForm()??>

@VIEW/@MACRO/GRID_VIEW-BASE.vue.ftl

@@ -147,6 +147,8 @@ if(this.formDruipart){
 
 <#if view.isEnableQuickGroup()>
 
+    public qucikGroupData:any;
+
     /**
      * 快速分组模型
      *
@@ -163,9 +165,32 @@ if(this.formDruipart){
         <#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 = [...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}----代码表不存在`);
+            });
+        }
         </#if>
     }
+
+    /**
+     * 快速分组值变化
+     *
+     * @memberof ${srfclassname('${view.name}')}Base
+     */
+    public qucikGroupValueChange($event:any){
+        this.qucikGroupData = $event;
+        this.onSearch($event);
+    }
 </#if>
 <#ibizinclude>
 ./VIEW_BOTTOM-BASE.vue.ftl

APP/public/assets/json/data-dictionary.json.ftl

@@ -18,13 +18,14 @@ TARGET=PSSYSAPP
                 <#if codeitem.getPSSysImage()??>
                 <#assign sysimage = codeitem.getPSSysImage()/>
                 <#if sysimage.getImagePath() ==  "">
-                "iconclass":"${sysimage.getCssClass()}",
+                "iconcls":"${sysimage.getCssClass()}",
                 <#else>
-                "iconpath":"${sysimage.getImagePath()}",
+                "icon":"${sysimage.getImagePath()}",
                 </#if>
                 </#if>
-                <#if codeitem.getData()??>
-                "data":"${codeitem.getData()}",
+                "data":<#if codeitem.getData()??>${codeitem.getData()}<#else>""</#if>,
+                <#if codeitem.getCodeName()??>
+                "codename":"${codeitem.getCodeName()}",
                 </#if>
                 <#if codeitem.getColor?? && codeitem.getColor()??>
                 "color": "${codeitem.getColor()?j_string}",

APP/src/mock/codelist/codelist.ts.ftl

@@ -27,13 +27,14 @@ mock.onGet('./assets/json/data-dictionary.json').reply((config: any) => {
                 <#if codeitem.getPSSysImage()??>
                 <#assign sysimage = codeitem.getPSSysImage()/>
                 <#if sysimage.getImagePath() ==  "">
-                "iconclass":"${sysimage.getCssClass()}",
+                "iconcls":"${sysimage.getCssClass()}",
                 <#else>
-                "iconpath":"${sysimage.getImagePath()}",
+                "icon":"${sysimage.getImagePath()}",
                 </#if>
                 </#if>
-                <#if codeitem.getData()??>
-                "data":"${codeitem.getData()}",
+                "data":<#if codeitem.getData()??>${codeitem.getData()}<#else>""</#if>,
+                <#if codeitem.getCodeName()??>
+                "codename":"${codeitem.getCodeName()}",
                 </#if>
                 <#if codeitem.getColor?? && codeitem.getColor()??>
                 "color": "${codeitem.getColor()?j_string}",