多表单

@CONTROL/多编辑视图面板/CONTROL-BASE.vue.ftl

@@ -4,8 +4,9 @@
 ${ctrl.render.code}
 <#else>
 <div class="app-medit-view-panel">
-    <div v-for="(item,index) in items" :key="index" class="app-medit-view-panel-card">
+    <div v-for="item in items" :key="item.id" class="app-medit-view-panel-card">
         <ion-card>
+          <div class="meditviewpanel_delete_icon_container" ><ion-icon @click="deleteItem(item)" class="meditviewpanel_delete_icon" name="close-circle-outline"></ion-icon></div>
           <ion-card-content>
             <${srffilepath2(ctrl.getEmbeddedPSAppView().getCodeName())} 
               class="viewcontainer2"
@@ -382,9 +383,10 @@ ${ctrl.render.code}
      * 删除方法
      *
      * @type {string}
-     * @memberof ${srfclassname('${ctrl.name}')}
+     * @memberof ${srfclassname('${ctrl.codeName}')}
      */
-    public deleteItem(item: any, index: number) {
+    public deleteItem(item:any) {
+        let index = this.items.findIndex((i)=>{return Object.is(item.id,i.id)});
         this.items.splice(index,1);
     }
 

@CONTROL/多编辑视图面板/CONTROL.less.ftl

@@ -3,11 +3,16 @@
 </#ibizinclude>
 .app-mob-meditviewpanel{
     width: 100%;
-    .meditviewpanel_delete_icon{
-        position: absolute;
-        right: 10px;
-        top: 10px;
-        font-size: 18px;
+    .meditviewpanel_delete_icon_container{
+        position: relative;
+        height: 10px;
+        .meditviewpanel_delete_icon{
+            font-size: 20px;
+            position: absolute;
+            top: 5px;
+            right: 5px;
+            z-index: 1;
+        }
     }
     .meditviewpanel_add_btn {
         text-align: right;