修改物料界面

Web/src/views/basics-date/matter/index.vue

@@ -100,8 +100,10 @@
       </el-table>
         </el-card>
       </div>
-      <div class="tab-right" style="width: 75%">
+      <div class="tab" >
       <el-card class="full-table" shadow="hover" style="margin-top: 5px">
+        <div class="tab" style="overflow: hidden;margin-top:29px">
+          <div>
         <el-table
                   :data="tableData"
                   style="width: 100%"
@@ -130,18 +132,21 @@
             </template>
           </el-table-column>
         </el-table>
+          </div>
+          <div style="line-height: 35px">
         <el-pagination
-                  v-model:currentPage="tableParams.page"
-                  v-model:page-size="tableParams.pageSize"
-                  :total="tableParams.total"
-                  :page-sizes="[10, 20, 50, 100, 200, 500]"
-                  small=""
-                  background=""
-                  @size-change="handleSizeChange"
-                  @current-change="handleCurrentChange"
-                  layout="total, sizes, prev, pager, next, jumper"
-      />
-
+            v-model:currentPage="queryParams.page"
+            v-model:page-size="queryParams.pageSize"
+            :total="queryParams.total"
+            :page-sizes="[10, 20, 50, 100, 200, 500]"
+            small=""
+            background=""
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+            layout="total, sizes, prev, pager, next, jumper"
+        />
+        </div>
+        </div>
         <editDialog
           ref="editDialogRef"
           :title="editMaterialsTitle"
@@ -154,6 +159,7 @@
         />
       </el-card>
       </div>
+
       </div>
     </div>
   </template>
@@ -218,7 +224,7 @@
       loading.value = true;
       var res = await pageMaterials(Object.assign(queryParams.value, tableParams.value));
       tableData.value = res.data.result?.items ?? [];
-      tableParams.value.total = res.data.result?.total;
+      queryParams.value.total = res.data.result?.total;
       loading.value = false;
     };
   
@@ -287,13 +293,13 @@
   
     // 改变页面容量
     const handleSizeChange = (val: number) => {
-      tableParams.value.pageSize = val;
+      queryParams.value.pageSize = val;
       handleQuery();
     };
   
     // 改变页码序号
     const handleCurrentChange = (val: number) => {
-      tableParams.value.page = val;
+      queryParams.value.page = val;
       handleQuery();
     };
   
@@ -302,11 +308,6 @@
   </script>
   <style scoped>
 
-  :deep(.el-ipnut),
-  :deep(.el-select),
-  :deep(.el-input-number) {
-      width: 100%;
-  }
   </style>
 <style lang="scss" scoped>
   .main-table {
@@ -334,12 +335,12 @@
     }
 
     .tab {
-      width: 80%;
+      width: 100%;
       flex: 1;
       overflow: scroll;
       display: flex;
       flex-direction: column;
-
+      overflow: hidden;
       div:nth-child(1) {
         flex: 1;
         overflow: scroll;