增加数据视图操作栏UI

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

@@ -46,6 +46,7 @@
   <#elseif ctrl.itemRender??>
                         ${ctrl.itemRender.code}
   <#else>
+                        <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">
@@ -53,6 +54,15 @@
                                 {{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>
                 </i-col>
@@ -75,6 +85,7 @@
                                 <#elseif ctrl.itemRender??>
                                     ${ctrl.itemRender.code}
                                 <#else>
+                                    <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">
@@ -82,6 +93,15 @@
                                             {{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>
                             </i-col>

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

@@ -98,6 +98,7 @@
             width: 100%;
             cursor: pointer;
             border: 2px solid transparent;
+            .data-view-item{
               .single-card-default {
                   .ivu-tooltip{
                       .ivu-tooltip-rel{
@@ -117,6 +118,17 @@
                   height: calc(100% - 32px);
               }
             }
+            .data-view-item-action{
+              button{
+                margin: 0 3px;
+                cursor: pointer;
+                padding:3px;
+              }
+              button:hover{
+                color: #409eff;
+              }
+            }
+        }
         .isselected{
             border: 2px solid #82bff7;
             box-shadow: 5px 5px 12px 0 #82bff7;