数据视图部件UI调整

@CONTROL/移动端数据视图控件/CONTROL-BASE.template.ftl

 <template>
-    <div class = "card-view ">
+  <div class = "card-view ">
     <div v-if="dataViewMode==='DATAVIEWEXPVIEW'">
-      123
+      <ion-card :class="[size == '12'? 'ios hydrated ibz-card-12':' ios hydrated ibz-card-6']" v-for="(item,index) in items" :key="index" @click="SwitchView(index)">
+        <ion-card-header class="ibz-header">
+          <ion-card-title class="ibz-title">{{item.srfkey}}</ion-card-title>
+        </ion-card-header>
+        <ion-card-content class="ibz-content">{{item.mobileentity3name}}</ion-card-content>
+      </ion-card>
     </div>
     <ion-row v-else>
       <ion-col size="12" v-show="showCheack">
@@ -13,24 +18,24 @@
       <ion-col :size="size" v-for="(item,index) in items" :key="index" >
         <ion-checkbox :checked="item.checked" v-show="showCheack" class="ionic-checkbox"  @click.stop="checkboxSelect(item)"></ion-checkbox>
         <ion-card :class="[size == '12'? 'ios hydrated ibz-card-12':' ios hydrated ibz-card-6']">
-            <div :class="{'line':size == '12'}">
-                <img class="cardimg" :style="{width :size == '6' ?'':'30%'}" src="assets/images/card.jpg" />
-                <div :style="{width :size == '6' ?'':'70%'}">
-                <ion-card-header class="ibz-header">
-                    <ion-card-title class="ibz-title">{{item.<#if appde.getMajorPSAppDEField()??>${appde.getMajorPSAppDEField().getCodeName()?lower_case}<#else>srfmajortext</#if>}}</ion-card-title>
-                </ion-card-header>
-                <#if ctrl.getPSDEDataViewItems?? && ctrl.getPSDEDataViewItems()??>
-                <#list ctrl.getPSDEDataViewItems() as cardItem>
-                    <ion-card-content class="ibz-content">
-                    {{item.<#if cardItem.getName?? && cardItem.getName()??>${cardItem.getName()?lower_case}</#if>}}
-                    </ion-card-content>
-                </#list>
-                </#if>
-                </div>
+          <div :class="{'line':size == '12'}">
+            <img class="cardimg" :style="{width :size == '6' ?'':'30%'}" src="assets/images/card.jpg" />
+            <div :style="{width :size == '6' ?'':'70%'}">
+              <ion-card-header class="ibz-header">
+                <ion-card-title class="ibz-title">{{item.<#if appde.getMajorPSAppDEField()??>${appde.getMajorPSAppDEField().getCodeName()?lower_case}<#else>srfmajortext</#if>}}</ion-card-title>
+              </ion-card-header>
+              <#if ctrl.getPSDEDataViewItems?? && ctrl.getPSDEDataViewItems()??>
+              <#list ctrl.getPSDEDataViewItems() as cardItem>
+              <ion-card-content class="ibz-content">
+              {{item.<#if cardItem.getName?? && cardItem.getName()??>${cardItem.getName()?lower_case}</#if>}}
+              </ion-card-content>
+              </#list>
+              </#if>
             </div>
-            <ion-icon v-show="!showCheack" :style="{color :size == '6' ?'#fff':'#333'}"  @click="remove([item])"   class="card-delete" name="close-outline"></ion-icon>
+          </div>
+          <ion-icon v-show="!showCheack" :style="{color :size == '6' ?'#fff':'#333'}"  @click="remove([item])"   class="card-delete" name="close-outline"></ion-icon>
         </ion-card>
       </ion-col>
     </ion-row>
-    </div>
+  </div>
 </template>
\ No newline at end of file