update

src/views/basic/cache.vue

@@ -1,17 +1,24 @@
 <template>
   <div class="mod-config">
-    <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+    <el-form :inline="true" style="display: flex; align-items: center; justify-content: right;" :model="dataForm" @keyup.enter.native="getDataList()">
       <el-form-item>
-        <el-input v-model="dataForm.paramKey" placeholder="名称或编码" clearable></el-input>
+        <el-input size="small" v-model="dataForm.paramKey" placeholder="名称或编码" clearable></el-input>
       </el-form-item>
       <el-form-item>
-        <el-button @click="getDataList()">查询</el-button>
-        <el-button type="primary" @click="addOrUpdateHandle()">新增</el-button>
+        <el-button size="small" @click="getDataList()">
+          <icon-svg class="iconClass" name="sousuo"></icon-svg>
+          查询
+        </el-button>
+        <el-button size="small" type="primary" @click="addOrUpdateHandle()">
+          <icon-svg class="iconClass" name="新建"></icon-svg>
+          新增
+        </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
@@ -29,32 +36,22 @@
       </el-table-column> -->
       <el-table-column
         prop="warehouseName"
-        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="englishName"
-        header-align="center"
-        align="center"
         label="英文名">
       </el-table-column>
       <el-table-column
         prop="number"
-        header-align="center"
-        align="center"
         label="库位数量">
       </el-table-column>
       <el-table-column
         prop="status"
-        header-align="center"
-        align="center"
         label="状态">
       </el-table-column>
       <el-table-column
@@ -74,8 +71,16 @@
         width="150"
         label="操作">
         <template slot-scope="scope">
-          <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
-          <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
+          <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">
+            <el-tooltip class="item" effect="dark" content="修改" placement="top">
+              <icon-svg class="iconClass" name="编辑"></icon-svg>
+            </el-tooltip>
+          </el-button>
+          <el-button type="text" style="color:red" size="small" @click="deleteHandle(scope.row.id)">
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
+              <icon-svg class="iconClass" name="删除"></icon-svg>
+            </el-tooltip>
+          </el-button>
         </template>
       </el-table-column>
     </el-table>