update

src/assets/sass/common.scss

@@ -28,8 +28,24 @@
         height: calc(100% - 110px) !important;
     }
 
+    .el-table__header-wrapper{
+      background: #5A6C98;
+    }
+    .el-table th.is-leaf{
+      background: #5A6C98;
+      color:#fff;
+  
+    }
+    .el-table td, .el-table th.is-leaf{
+      text-align: center;
+    }
+    .el-table--border th{
+      border:1px solid #EBEEF5;
+    }
+}
+
     // 分页样式
-    .conterFool_bottom{
+    .page_bottom{
       width:97%;
       margin: auto;
       height:50px;
@@ -121,18 +137,3 @@
           }
       }
   }
\ No newline at end of file
-    .el-table__header-wrapper{
-      background: #5A6C98;
-    }
-    .el-table th.is-leaf{
-      background: #5A6C98;
-      color:#fff;
-  
-    }
-    .el-table td, .el-table th.is-leaf{
-      text-align: center;
-    }
-    .el-table--border th{
-      border:1px solid #EBEEF5;
-    }
-}
\ No newline at end of file

src/views/education/MaterialWarehousingMoudle.vue

@@ -77,7 +77,7 @@
             </el-table-column>
           </el-table>
 
-          <div class="conterFool_bottom" >
+          <div class="page_bottom" >
             <div class="bottom_text">
               <span>共{{totalCount}}条记录 当前第{{pageIndex}}页 共{{totalPage}}页 每页{{pageSize}}条记录</span>
             </div>
@@ -85,10 +85,10 @@
             <div class="bottom_btns">
               <div class="bottom_firest" @click="first">首页</div>
               <div ref="last" :class="num <= 1 ? 'bottom_disabled' : 'bottom_next'" @click="last" >上一页</div>
-              <div ref="next" :class="num === totalPage ? 'bottom_disabled' : 'bottom_next'" @click="next" >下一页</div>
+              <div ref="next" :class="num === totalPage || num <= 0 ? 'bottom_disabled' : 'bottom_next'" @click="next" >下一页</div>
               <div class="bottom_end" @click="end" > 末页</div>
               <span>第</span>
-              <input v-model="num" class="text" type="text"/>
+              <input v-model="num" class="text" @input="handleBlur" type="text"/>
               <span>页</span>
               <div @click="jump" class="bottom_jump">跳转</div>
             </div>
@@ -179,6 +179,13 @@ export default {
           console.log('上一页')
         }
     },
+    handleBlur () {
+      if (this.num > this.totalPage) {
+        this.num = this.totalPage
+      } else if(Number(this.num <= 0)) {
+        this.num = 1
+      }
+    },
     delData () {
       if (this.checkList.length === 0) {
         this.deleteShow = true

src/views/education/component/StoreDialog.vue

@@ -7,8 +7,8 @@
 
         <div class="popCenten_box">
             <div class="popCenten">
-                <div class="centen_row" style="margin-top: 10px" >
-                    <span class="centen_row_text" style="margin-left: 30px" >线体编号:</span>
+                <div class="centen_row" >
+                    <span class="centen_row_text">线体编号:</span>
                     <div class="centen_row_select">
                       <el-select v-model="value" placeholder="请选择">
                         <el-option
@@ -21,7 +21,7 @@
                     </div>
                 </div>
                 <div class="centen_row" style="margin-top:10px">
-                    <span class="centen_row_text" style="margin-left: 30px" >物料编号:</span>
+                    <span class="centen_row_text" >物料编号:</span>
                     <div class="centen_row_select">
                         <el-select v-model="value1" placeholder="请选择">
                             <el-option
@@ -35,7 +35,7 @@
                 </div>
          
                 <div class="centen_row" style="margin-top:10px">
-                    <span class="centen_row_text" style="margin-left: 30px" >入库数量:</span>
+                    <span class="centen_row_text" >入库数量:</span>
                     <div class="centen_row_select">
                       <el-input @change="numFun()" v-model="count" placeholder="请输入入库数量"></el-input>
                     </div>
@@ -161,7 +161,7 @@ export default {
             position: relative;
             line-height: 60px;
             text-align: center;
-            width:820px;
+            width: 100%;
             height:60px;
             background:rgba(37,92,193,1);
             font-size:18px;
@@ -181,20 +181,20 @@ export default {
             cursor: pointer;
         }
         .popCenten_box{
-            height:480px;
             width:100%;
+            height:480px;
             background: #EEEEEE;
+            box-sizing: border-box;
+            padding: 30px 30px 20px 30px;
             .popCenten{
-                width:737px;
-                height:380px;
+                width: 100%;
+                height: 86%;
                 background: #fff;
-                margin-top:30px;
-                margin-left:30px;
                 padding-top:42px;
                 .centen_row{
-                    width: 60%;
-                    margin: auto;
+                    width: 55%;
                     height: 40px;
+                    margin: 0 auto;
                     line-height: 40px;
                 }
                 .centen_row_text{
@@ -211,7 +211,9 @@ export default {
             width:100%;
             height: 40px;
             overflow: hidden;
-            margin:20px 0 0 280px;
+            display: flex;
+            justify-content: center;
+            margin-top: 20px;
             .cancle{
                 width: 160px;
                 height: 40px;