多数据部件分组属性逻辑

@CONTROL/移动端多项数据控件/CONTROL-BASE.vue.ftl

@@ -403,6 +403,33 @@
     */
     public sort: any = { <#if ctrl.isNoSort?? && ctrl.isNoSort()??><#if ctrl.getMinorSortPSAppDEField?? && ctrl.getMinorSortPSAppDEField()??><#assign sortableField = ctrl.getMinorSortPSAppDEField() /><#if sortableField.getName?? && sortableField.getName()??>sort:'${sortableField.getName()?lower_case},<#if ctrl.getMinorSortDir?? && ctrl.getMinorSortDir()??>${ctrl.getMinorSortDir()?lower_case}</#if>'</#if></#if></#if>};
     
+    <#if ctrl.getGroupPSDEField?? && ctrl.getGroupPSDEField()??>
+    /**
+    * 分组属性类别数组
+    *
+    * @param {object} 
+    * @memberof ${srfclassname('${ctrl.codeName}')}
+    */
+    public anchorList:Array<any> = [];
+
+    /**
+    * 监控items变化
+    *
+    * @memberof AppQuickGroup
+    */
+    @Watch("items", { immediate: true })
+    public itemsWatch(newVal:any,oldVal:any): void {
+        if (newVal) {
+            newVal.forEach((item:any) => {
+                this.anchorList.push(item.${ctrl.getGroupPSDEField()?lower_case})
+            });
+            this.anchorList = this.anchorList.filter((anchor:any,index:any) => {
+                return this.anchorList.indexOf(anchor,0) === index;
+            });
+        }
+    }
+    </#if>
+    
     /**
     * 底部改变状态
     * 
@@ -598,6 +625,18 @@
         if (type == 'top') {
             this.items = [];
             this.items = response.data.records;
+            <#if ctrl.getGroupPSDEField?? && ctrl.getGroupPSDEField()??>
+            this.items.sort((prev:any,next:any) => {
+                <#if ctrl.getGroupPSDEField()?is_number>
+                let x = prev.${ctrl.getGroupPSDEField()?lower_case};
+                let y = next.${ctrl.getGroupPSDEField()?lower_case};
+                <#else>
+                let x = prev.${ctrl.getGroupPSDEField()?lower_case}.toLowerCase();
+                let y = next.${ctrl.getGroupPSDEField()?lower_case}.toLowerCase();
+                </#if>
+                return x-y;
+            })
+            </#if>
         } else if (type == 'bottom') {
             for (let i = 0; i < response.data.records.length; i++) {
                 this.items.push(response.data.records[i]);
@@ -605,6 +644,18 @@
         } else {
             this.items = [];
             this.items = response.data.records;
+            <#if ctrl.getGroupPSDEField?? && ctrl.getGroupPSDEField()??>
+            this.items.sort((prev:any,next:any) => {
+                <#if ctrl.getGroupPSDEField()?is_number>
+                let x = prev.${ctrl.getGroupPSDEField()};
+                let y = next.${ctrl.getGroupPSDEField()};
+                <#else>
+                let x = prev.${ctrl.getGroupPSDEField()?lower_case}.toLowerCase();
+                let y = next.${ctrl.getGroupPSDEField()?lower_case}.toLowerCase();
+                </#if>
+                return x-y;
+            })
+            </#if>
         }
         this.items.forEach((item:any)=>{
             Object.assign(item,this.getActionState(item));