设备建档列表样式调整

src/views/component/device/index.vue

@@ -96,8 +96,8 @@
                         slot="expandSlot"
                         slot-scope="{row}"
                     >
-                        <el-row :gutter="20" style="height:145px;" type="flex" align="middle">
-                            <el-col :span="4" :push="2">
+                        <el-row :gutter="20" style="height:145px;padding:0 20px 0 0" type="flex" align="middle">
+                            <el-col :span="5" :push="2">
                                 <el-row>
                                     <el-col :span="3">
                                         <el-image
@@ -117,7 +117,7 @@
                                     </el-col>
                                 </el-row>
                             </el-col>
-                            <el-col :span="4" :push="2">
+                            <el-col :span="5" :push="2">
                                 <el-row>
                                     <el-col :span="3">
                                         <el-image
@@ -163,7 +163,7 @@
                                     </el-col>
                                 </el-row>
                             </el-col>
-                            <el-col :span="4" :push="2">
+                            <el-col :span="5" :push="2">
                                 <el-row>
                                     <el-col :span="3">
                                         <el-image
@@ -183,7 +183,7 @@
                                     </el-col>
                                 </el-row>
                             </el-col>
-                            <el-col :span="4" :push="2">
+                            <el-col :span="5" :push="2">
                                 <el-row>
                                     <el-col :span="3">
                                         <el-image
@@ -203,18 +203,18 @@
                                     </el-col>
                                 </el-row>
                             </el-col>
-                            <el-col :span="4" :push="4">
+                            <el-col :span="4" :push="1">
                                 <el-row>
                                     <el-col :span="24">
                                         <el-image
                                             class="device-image"
                                             :src="ImageUrl(row)"
-                                            fit="contain"
+                                            fit="fill"
                                             :preview-src-list="ImageAllUrl(row)"
                                             :title="`[${row.sheBeiMingCheng}]设备首图，点击查看更多`"
                                         >
                                             <div slot="error" class="image-slot">
-                                                <el-empty class="device-image" description="暂无图片" :image-size="100" />
+                                                <el-empty class="device-image" description="暂无图片" :image-size="70" />
                                             </div>
                                         </el-image>
                                     </el-col>
@@ -1513,15 +1513,14 @@ export default {
 
 <style lang="scss" scoped>
     .icon-image{
-        width: 40px;
-        height: 40px;
+        width: 36px;
     }
     .device-image{
-        width: 180px;
-        height: 145px;
+        width: 152px;
+        height: 110px;
     }
     .title{
-        font-size: 14px;
+        font-size: 12px;
         font-weight: 900;
         color: #333;
         margin: 0 0 14px 20px;
@@ -1539,7 +1538,7 @@ export default {
                 min-width:60px
             }
             margin: 6px 0;
-            color: #606266;
+            color: #999;
         }
 
     }