Procházet zdrojové kódy

fix(admin): 修复创建入库单页表单内容显示不全无法滚动问题

iwt před 1 dnem
rodič
revize
12230f8d2a
1 změnil soubory, kde provedl 34 přidání a 2 odebrání
  1. 34 2
      cfc-web/src/views/admin/InventoryInboundCreate.vue

+ 34 - 2
cfc-web/src/views/admin/InventoryInboundCreate.vue

@@ -5,7 +5,7 @@
         <span class="admin-page-title">创建入库单</span>
         <el-button @click="$router.push('/inventory')">返回</el-button>
       </div>
-
+      <div class="inbound-create-form-wrap">
       <el-form label-width="100px">
         <el-form-item label="入库日期">
           <el-date-picker v-model="form.inboundDate" type="date" placeholder="选择日期" value-format="yyyy-MM-dd" style="width:200px;" />
@@ -47,6 +47,7 @@
           <el-button type="success" @click="handleSubmit" :loading="submitting">提交入库单</el-button>
         </el-form-item>
       </el-form>
+      </div>
     </el-card>
   </div>
 </template>
@@ -133,5 +134,36 @@ export default {
 </script>
 
 <style scoped>
-.inbound-create { padding: 20px; }
+.inbound-create {
+  padding: 20px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+}
+.inbound-create > .el-card {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  width: 100%;
+}
+.inbound-create > .el-card /deep/ .el-card__body {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  overflow: hidden;
+  padding: 24px;
+  width: 100%;
+  box-sizing: border-box;
+}
+.inbound-create-form-wrap {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  padding-right: 8px;
+  margin-right: -8px;
+}
 </style>