多项数据控件分组情况下更改为折叠面板展示

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

@@ -92,7 +92,11 @@
                     </div>
                     <#if  ctrl.isEnableGroup?? && ctrl.isEnableGroup()?? && ctrl.isEnableGroup()>
                       <div class="item-grouped" v-for="obj in group_data" :key="obj.index">
-                        <div class="text" v-if="obj.items && obj.items.length > 0">{{obj.text}}（<label v-if="obj.items && obj.items.length > 0">{{obj.items.length}}</label>）</div>
+                      <van-collapse v-model="activeName" @change="changeCollapse">
+                        <van-collapse-item v-if="obj.items && obj.items.length > 0" :name="obj.text">
+                          <template #title>
+                            <div>{{obj.text}}（<label v-if="obj.items && obj.items.length > 0">{{obj.items.length}}</label>）</div>
+                          </template>
                       <ion-item-sliding  :ref="item.srfkey" v-for="item in obj.items" @click="item_click(item)" :key="item.srfkey" class="app-mob-mdctrl-item" :disabled="item.sliding_disabled">
 <#--  BENGIN：输出界面行为组  -->
 <@outPutActionGroup ctrl />
@@ -116,6 +120,8 @@
                         </ion-item>                      
     </#if>
                       </ion-item-sliding>
+                        </van-collapse-item>
+                      </van-collapse>
                       </div>
 
                     <#else>

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

@@ -209,6 +209,30 @@
       }
     }
 
+    /**
+     * vant折叠面板数据
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public activeName:Array<any> = [];
+
+    /**
+     * 只需第一次赋值面板
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public valve:number = 0;
+
+    /**
+     * 折叠面板改变时
+     *
+     * @memberof ${srfclassname('${ctrl.codeName}')}
+     */
+    public changeCollapse($event:any){
+      console.log($event);
+      this.activeName = $event;
+    }
+
     /**
     * 存放数据选择数组(单选)
     *
@@ -618,6 +642,11 @@
           this.group_data.splice(i,1);
         }
       })
+      // vant 折叠面板
+      if (this.valve == 0) {
+        this.activeName[0] = this.group_data[0].text;
+        this.valve++;
+      }
     }
 </#if>