Prechádzať zdrojové kódy

优化 仓位列表页样式

chenrui 4 rokov pred
rodič
commit
1af091cf86

+ 11 - 6
src/views/basicData/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 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 id="storingLocationList-add" type="primary" class="button-error" @click="handleEdit()">新增</a-button>
+      </div>
       <!-- 列表 -->
       <s-table
         class="sTable"