调整数据视图卡片样式

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

@@ -37,12 +37,13 @@
                         ${ctrl.itemRender.code}
   <#else>
                         <div class="data-view-item">
-                            <img v-if="item.srficonpath" :src="item.srficonpath" class="single-card-img" />
+                            <img v-if="item.srficon" :src="item.srficon" 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>
+                                <span v-if="item.srfdescription" class="description">{{ item.srfdescription }}</span>
                             </div>
                         </div>
                         <div class="data-view-item-action">
@@ -76,12 +77,13 @@
                                     ${ctrl.itemRender.code}
                                 <#else>
                                     <div class="data-view-item">
-                                        <img v-if="item.srficonpath" :src="item.srficonpath" class="single-card-img" />
+                                        <img v-if="item.srficon" :src="item.srficon" 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>
+                                            <span class="description">{{ item.srfdescription }}</span>
                                         </div>
                                     </div>
                                     <div class="data-view-item-action">

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

@@ -90,9 +90,9 @@
           }
         }
         .el-card{
-          background-color: #f6f6f6;
+          background-color: #fff;
           color: #666666;
-          box-shadow: 0 2px 12px 0 #909399;
+          box-shadow: 0 2px 12px 0 #b1b3b8;
         }
         .single-card-data{
             height: 100%;
@@ -100,7 +100,11 @@
             cursor: pointer;
             border: 2px solid transparent;
             .data-view-item{
+              display: flex;
+              margin-bottom: 36px;
               .single-card-default {
+                display: flex;
+                flex-direction: column;
                   .ivu-tooltip{
                       .ivu-tooltip-rel{
                           width: 150px;
@@ -115,11 +119,15 @@
                   }
               }
               .single-card-img {
-                  width: 150px;
-                  height: calc(100% - 32px);
+                width: 50px;
+                height: 50px;
+                border-radius: 50%;
+                margin-right: 20px;
               }
             }
             .data-view-item-action{
+              display: flex;
+              justify-content: space-around;
               button{
                 margin: 0 3px;
                 cursor: pointer;