From 2b0a4398cb985565d5f387ce617dedfde4fb9a05 Mon Sep 17 00:00:00 2001
From: chenjianan <chenjianan@meswork.com>
Date: Mon, 25 Mar 2019 11:05:57 +0800
Subject: [PATCH] style

---
 .../Inventory/InventoryManagement/index.vue   | 52 +++++++++----------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/src/views/Inventory/InventoryManagement/index.vue b/src/views/Inventory/InventoryManagement/index.vue
index 1f6d153a..85a0cd31 100644
--- a/src/views/Inventory/InventoryManagement/index.vue
+++ b/src/views/Inventory/InventoryManagement/index.vue
@@ -1,16 +1,10 @@
 <template>
   <div class="app-container">
     <el-card>
-      <el-button size="small" type="primary" icon="el-icon-circle-plus-outline" style="margin: 0 0 0 10px" @click="ADD()">增加</el-button>
-    </el-card>
-    <el-card>
-      <el-table
-        :data="tableData"
-        border
-        size="mini"
-        style="width: 100%;max-height: 400px"
-        height="400"
-        @row-click="getWarehouse">
+      <div slot="header" class="clearfix">
+        <el-button size="small" type="primary" icon="el-icon-circle-plus-outline" style="margin: 0 0 0 10px" @click="ADD()">新建仓库</el-button>
+      </div>
+      <el-table :data="tableData" border size="mini" style="width: 100%;max-height: 300px" height="300" @row-click="getWarehouse">
         <el-table-column label="仓库编号" align="center" width="200">
           <template slot-scope="scope">
             {{ scope.row.仓库编号 }}
@@ -21,27 +15,27 @@
             {{ scope.row.仓库名称 }}
           </template>
         </el-table-column>
-        <el-table-column label="仓库描述" align="center" width="110">
+        <el-table-column label="仓库描述" min-width="180" align="center">
           <template slot-scope="scope">
             {{ scope.row.仓库描述 }}
           </template>
         </el-table-column>
-        <el-table-column label="地址" align="center">
+        <el-table-column label="地址" min-width="180" align="center">
           <template slot-scope="scope">
             {{ scope.row.地址 }}
           </template>
         </el-table-column>
-        <el-table-column label="联系人" align="center">
+        <el-table-column label="联系人" width="100" align="center">
           <template slot-scope="scope">
             {{ scope.row.联系人 }}
           </template>
         </el-table-column>
-        <el-table-column label="备注" width="180" align="center">
+        <el-table-column label="备注" min-width="180" align="center">
           <template slot-scope="scope">
             {{ scope.row.备注 }}
           </template>
         </el-table-column>
-        <el-table-column label="操作" min-width="200" align="center" fixed="right">
+        <el-table-column label="操作" width="300" align="center" fixed="right">
           <template slot-scope="scope">
             <el-button
               size="mini"
@@ -59,13 +53,7 @@
       </el-table>
     </el-card>
     <el-card>
-      <el-table
-        v-loading="listLoading"
-        :data="tableData2"
-        border
-        size="mini"
-        style="width: 100%;max-height: 400px"
-        height="400">
+      <el-table v-loading="listLoading" :data="tableData2" border size="mini" style="width: 100%;max-height: 300px" height="300">
         <el-table-column label="货位名称" align="center" width="200">
           <template slot-scope="scope">
             {{ scope.row.货位名称 }}
@@ -592,8 +580,20 @@ export default {
 </script>
 
 <style scoped>
-.code{
-  width:120px!important;
-  height: auto!important;
-}
+  .code{
+    width:120px!important;
+    height: auto!important;
+  }
+  .el-card{
+    margin-bottom: 15px;
+  }
+  .el-select{
+    width:200px
+  }
+  .el-input{
+    width:200px
+  }
+  span{
+    margin: 10px 0 10px 10px;
+  }
 </style>