修改少价管理样式

src/components/systemManagement/LessPriceManagement.vue

@@ -10,6 +10,9 @@
     border-left: 1px solid #d1d1d1;
     border-right: 1px solid #d1d1d1;
     font-size: 14px;
+    /* width:100%; */
+    min-width: 5752px;
+    padding-bottom: 5px;
   }
 
   .LP_table tr {
@@ -21,8 +24,8 @@
     border-right: 1px solid #d1d1d1;
     position: relative;
     background-color: #E6E6E6;
+    width:250px;
   }
-
   th[class=first]:before {
     content: "";
     position: absolute;
@@ -66,10 +69,16 @@
 
 <template>
   <div>
+    <div class="query-box">
+      <ul>
+        <li>
+            <input type='button' class="normalBtn" @click="AddItem()" value="新增"></input>
+        </li>
+      </ul>
+    </div>
     <div class="LM_mainDiv">
       <!--保存-->
-
-      <table border="0" cellspacing="0" cellpadding="0" class="LP_table">
+      <table border="0" cellspacing="0" cellpadding="0" class="LP_table" v-loading="this.loading">
         <tr>
           <th class="first">
             <span class="Lp_role">角色</span>
@@ -102,13 +111,6 @@
             <input type='button' class="normalBtn" @click="RemoveItem(item,index)" value="删除"></input>
           </td>
         </tr>
-        <tfoot>
-          <tr>
-            <td :colspan="1+BranchList.length">
-              <input type='button' class="normalBtn" @click="AddItem()" value="新增"></input>
-            </td>
-          </tr>
-        </tfoot>
       </table>
     </div>
   </div>
@@ -125,7 +127,8 @@
         },
         PageData: [],
         //角色列表
-        RoleList: []
+        RoleList: [],
+        loading:false
       };
     },
     methods: {
@@ -166,9 +169,11 @@
       },
       //获取列表
       GetList() {
+        this.loading = true;
         this.apipost(
           "lessprice_get_GetPageList", this.qMsg,
           res => {
+            this.loading = false;
             if (res.data.resultCode == 1) {
               this.BranchList = res.data.data.branchList;
               this.PageData = res.data.data.DataList.pageData;