调整实体列表视图默认显示UI

@CONTROL/列表/CONTROL-BASE.vue.ftl

@@ -19,8 +19,26 @@
   <#elseif ctrl.itemRender??>
                 ${ctrl.itemRender.code}
   <#else>
-                <div class="app-list-item-content">{{item.srfmajortext}}</div>
-                <div calss="app-list-item-action">
+                <div class="app-list-item-content">
+                    <div class="item-icon">
+                        <template v-if="item.icon">
+                            <img :src="item.icon" />
+                        </template>
+                        <template v-else-if="item.iconcls">
+                            <i :class="item.iconcls"/>
+                        </template>
+                    </div>
+                    <template>
+                        <div class="item-content-text">
+                            <span class="item-text">{{item.srfmajortext}}</span>
+                            <span v-if="item.subtext" class="item-subtext">{{ item.subtext }}</span>
+                        </div>
+                    </template>
+                </div>
+                <div class="app-list-item-date">
+                    <span class="date">{{ item.createdate }}</span>
+                </div>
+                <div class="app-list-item-action">
                     <template v-for="(action,index) in Object.keys(ActionModel)">
                         <a :key="index" style="display: inline-block;margin: 0 12px;" @click="uiAction(item, action, $event)">
                             <i :class="ActionModel[action].icon" style="margin-right:2px;"></i>

@CONTROL/列表/CONTROL.less.ftl

@@ -12,20 +12,41 @@
     }
     .app-list-item {
         line-height: 34px;
-        border-radius:5px;
-        padding: 6px;
-        margin: 6px;
-        box-shadow: 0px 0px 2px 1px rgb(209, 208, 208);
-        background: #f7f7fa;
+        padding: 12px 6px;
         min-height: 24px;
         display: flex;
         justify-content: space-between;
         align-items: center;
+        border-bottom: 1px solid #f0f0f0;
+        .app-list-item-content {
+            display: flex;
+            align-items: center;
+            .item-icon {
+                width: 40px;
+                height: 40px;
+            }
+            .item-content-text {
+                display: flex;
+                flex-direction: column;
+                .item-text {
+                    font-size: 18px;
+                    font-weight: bold;
+                }
+                .item-subtext {
+                    color: #8c8c8c;
+                }
+            }
+        }
+        .app-list-item-date {
+            position: relative;
+            left: 28%;
+            color: #8c8c8c;
+        }
     }
     .app-list-item.isSelect {
         background: #ecf5ff;
-        border-left: 5px solid #2d8cf0;
-        box-shadow: 0px 0px 3px 1px #82bff7;
+        border-radius: 2px;
+        border-color: rgb(197, 197, 197);
     }
     .app-list-item:hover {
         background: #ecf5ff;