增加数据视图操作栏UI

@CONTROL/数据视图/CONTROL-BASE.vue.ftl

@@ -46,12 +46,22 @@
   <#elseif ctrl.itemRender??>
                         ${ctrl.itemRender.code}
   <#else>
-                        <img v-if="item.srficonpath" :src="item.srficonpath" class="single-card-img" />
-                        <img v-else src="/assets/img/noimage.png" class="single-card-img" />
-                        <div class="single-card-default">
-                            <Tooltip :content="item.srfmajortext">
-                              {{item.srfmajortext}}
-                            </Tooltip>
+                        <div class="data-view-item">
+                            <img v-if="item.srficonpath" :src="item.srficonpath" class="single-card-img" />
+                            <img v-else src="/assets/img/noimage.png" class="single-card-img" />
+                            <div class="single-card-default">
+                                <Tooltip :content="item.srfmajortext">
+                                {{item.srfmajortext}}
+                                </Tooltip>
+                            </div>
+                        </div>
+                        <div class="data-view-item-action">
+                            <template v-for="(action,index) in Object.keys(ActionModel)">
+                                <button type="info" :key="index" @click="uiAction(item, action, $event)">
+                                    <i :class="ActionModel[action].icon" style="margin-right:2px;"></i>
+                                    <span>{{ActionModel[action].caption}}</span>
+                                </button>
+                            </template>
                         </div>
     </#if>
                     </el-card>
@@ -75,12 +85,22 @@
                                 <#elseif ctrl.itemRender??>
                                     ${ctrl.itemRender.code}
                                 <#else>
-                                    <img v-if="item.srficonpath" :src="item.srficonpath" class="single-card-img" />
-                                    <img v-else src="/assets/img/noimage.png" class="single-card-img" />
-                                    <div class="single-card-default">
-                                        <Tooltip :content="item.srfmajortext">
-                                        {{item.srfmajortext}}
-                                        </Tooltip>
+                                    <div class="data-view-item">
+                                        <img v-if="item.srficonpath" :src="item.srficonpath" class="single-card-img" />
+                                        <img v-else src="/assets/img/noimage.png" class="single-card-img" />
+                                        <div class="single-card-default">
+                                            <Tooltip :content="item.srfmajortext">
+                                            {{item.srfmajortext}}
+                                            </Tooltip>
+                                        </div>
+                                    </div>
+                                    <div class="data-view-item-action">
+                                        <template v-for="(action,index) in Object.keys(ActionModel)">
+                                            <button type="info" :key="index" @click="uiAction(item, action, $event)">
+                                                <i :class="ActionModel[action].icon" style="margin-right:2px;"></i>
+                                                <span>{{ActionModel[action].caption}}</span>
+                                            </button>
+                                        </template>
                                     </div>
                                 </#if>
                                 </el-card>
@@ -914,7 +934,7 @@ import CodeListService from "@/codelist/codelist-service";
         </#list>
         </#if>
     }
-    
+
 <#ibizinclude>
 ../@MACRO/CONTROL/CONTROL_BOTTOM-BASE.vue.ftl
 </#ibizinclude>

@CONTROL/数据视图/CONTROL.less.ftl

@@ -98,23 +98,35 @@
             width: 100%;
             cursor: pointer;
             border: 2px solid transparent;
-            .single-card-default {
-                .ivu-tooltip{
-                    .ivu-tooltip-rel{
-                        width: 150px;
-                        white-space: nowrap;
-                        text-overflow: ellipsis;
-                        overflow: hidden;
-                        text-align: left;
-                        padding-left: 5px;
-                        font-size: 18px;
-                        font-weight: 800;
-                    }
-                }
+            .data-view-item{
+              .single-card-default {
+                  .ivu-tooltip{
+                      .ivu-tooltip-rel{
+                          width: 150px;
+                          white-space: nowrap;
+                          text-overflow: ellipsis;
+                          overflow: hidden;
+                          text-align: left;
+                          padding-left: 5px;
+                          font-size: 18px;
+                          font-weight: 800;
+                      }
+                  }
+              }
+              .single-card-img {
+                  width: 150px;
+                  height: calc(100% - 32px);
+              }
             }
-            .single-card-img {
-                width: 150px;
-                height: calc(100% - 32px);
+            .data-view-item-action{
+              button{
+                margin: 0 3px;
+                cursor: pointer;
+                padding:3px;
+              }
+              button:hover{
+                color: #409eff;
+              }
             }
         }
         .isselected{