页面按钮样式

resources/views/inventory/statement/changeInventory.blade.php

@@ -123,7 +123,7 @@
             <td>@{{ oracleActTransactingLog.占用数量 }}</td>
         </tr>
     </table>
-    <form method="post" action="{{url('inventory/statement/changeInventory/export')}}" id="checkDataForm">
+    <form method="post" hidden action="{{url('inventory/statement/changeInventory/export')}}" id="checkDataForm">
         @csrf
         <input name="checkData" :value="checkData | json">
         <input name="export" :value="filterData.export">
@@ -137,10 +137,10 @@
         <input name="descr_c" :value="filterData.descr_c">
         <input name="ALTERNATE_SKU1" :value="filterData.ALTERNATE_SKU1">
     </form>
-    <div>
-        <button type="button" @click="pageUp()">上一页</button>
-        <button type="button" @click="pageDown()">下一页</button>
-        <input name="page" placeholder="去往指定页">
+    <div >
+        <button type="button" @click="pageUp()" :readonly="page>1?false:true" class="btn btn-sm " :class="page>1?'btn-outline-info':''">上一页</button>
+        <button type="button" @click="pageDown()" class="btn btn-sm btn-outline-info ml-5">下一页</button>
+        <input  @keyup.enter="pageSkip($event)" class="form-control-sm ml-3 tooltipTarget" :placeholder="'当前页数：'+page" title="去往指定页">
     </div>
 </div>
 @endsection
@@ -214,6 +214,15 @@
                     this.page=this.page+1;
                     window.location.href="{{url('inventory/statement/changeInventory?page=')}}"+this.page;
                 },
+                pageSkip(e){
+                    this.page=e.target.value;
+                  if (Number(this.page)<=0){
+                      tempTip.setDuration(2000);
+                      tempTip.show('页数不存在！ ');
+                      return
+                  }
+                  window.location.href="{{url('inventory/statement/changeInventory?page=')}}"+this.page;
+                },
                 //提交表单
                 submit:function(){
                     let form = $("#form");