فهرست منبع

优化 仓位列表页样式

chenrui 4 سال پیش
والد
کامیت
0c5e061a07
1فایلهای تغییر یافته به همراه12 افزوده شده و 7 حذف شده
  1. 12 7
      src/views/inventoryManagement/warehouse/storingLocation/list.vue

+ 12 - 7
src/views/inventoryManagement/warehouse/storingLocation/list.vue

@@ -1,12 +1,13 @@
 <template>
   <div class="storingLocationList-wrap">
-    <a-card size="small" :bordered="false" class="storingLocationList-cont">
-      <!-- 操作按钮 -->
-      <div class="table-operator" style="display: flex;justify-content: space-between;border:0">
+    <a-page-header :ghost="false" :backIcon="false" class="storingLocationList-back">
+      <!-- 自定义的二级文字标题 -->
+      <template slot="subTitle">
         <a id="storingLocationList-back-btn" href="javascript:;" @click="handleBack"><a-icon type="left" /> 返回列表</a>
-        <strong style="display: block;">所属仓库:{{ $route.query.name }}</strong>
-        <a-button v-if="$hasPermissions('B_inventory_warehouse_storingLocation_add')" id="storingLocationList-add" type="primary" class="button-error" @click="handleEdit()">新增</a-button>
-      </div>
+        <strong style="color: rgba(0, 0, 0, 0.65);margin-left: 50px;">所属仓库:{{ $route.query.name }}</strong>
+      </template>
+    </a-page-header>
+    <a-card size="small" :bordered="false" class="storingLocationList-cont">
       <!-- 搜索条件 -->
       <div class="table-page-search-wrapper">
         <a-form layout="inline" @keyup.enter.native="$refs.table.refresh(true)">
@@ -23,6 +24,10 @@
           </a-row>
         </a-form>
       </div>
+      <!-- 操作按钮 -->
+      <div class="table-operator" style="border: 0;padding: 0 0 15px;">
+        <a-button v-if="$hasPermissions('B_inventory_warehouse_storingLocation_add')" id="storingLocationList-add" type="primary" class="button-error" @click="handleEdit()">新增</a-button>
+      </div>
       <!-- 列表 -->
       <s-table
         class="sTable"
@@ -158,7 +163,7 @@ export default {
 <style lang="less">
   .storingLocationList-wrap{
     .storingLocationList-back{
-      margin-bottom: 15px;
+      margin-bottom: 10px;
     }
   }
 </style>