update

src/views/basic/components/location.vue

@@ -1,14 +1,15 @@
 <template>
   <div class="mod-config">
-    <el-form :inline="true">
+    <el-form style="display: flex; align-items: center; justify-content: right;" :inline="true">
       <el-form-item>
-        <el-button type="success" @click="$router.push({ name: 'basic-cache' })">返回缓存区</el-button>
-        <el-button type="primary" @click="addOrUpdateHandle()">新增</el-button>
+        <el-button size="small" type="success" @click="$router.push({ name: 'basic-cache' })">返回缓存区</el-button>
+        <el-button size="small" type="primary" @click="addOrUpdateHandle()">新增</el-button>
       </el-form-item>
     </el-form>
     <el-table
       :data="dataList"
-      border
+      :stripe="true"
+      :header-cell-style="{background:'#eef1f6',color:'#606266',height: '56px'}"
       v-loading="dataListLoading"
       style="width: 100%;">
       <el-table-column
@@ -26,20 +27,14 @@
       </el-table-column> -->
       <el-table-column
         prop="locationName"
-        header-align="center"
-        align="center"
         label="库位名称">
       </el-table-column>
       <el-table-column
         prop="code"
-        header-align="center"
-        align="center"
         label="编码">
       </el-table-column>
       <el-table-column
         prop="locationNameAlias"
-        header-align="center"
-        align="center"
         label="别名">
       </el-table-column>
       <!-- <el-table-column
@@ -50,8 +45,6 @@
       </el-table-column> -->
       <el-table-column
         prop="status"
-        header-align="center"
-        align="center"
         label="状态">
         <template slot-scope="scope">
           <span>{{scope.row.status === 0?'空闲':scope.row.status === 1?'使用中':'不可使用'}}</span>