update order/DialogJustForm

src/views/modules/pms/order/components/DialogJustForm.vue

@@ -1,7 +1,6 @@
 <template>
   <el-dialog
     class="dialog-just-form"
-    style="padding: 32px"
     :fullscreen="fullscreen"
     :visible="visible"
     @close="handleClose"
@@ -197,6 +196,7 @@ export default {
     this.configs.form.field.forEach((field) => {
       field.rows.forEach((row) => {
         row.forEach((col) => {
+          if (!col.prop) return;
           if ("injectTo" in col && Array.isArray(col.injectTo)) {
             // console.log("watching options ..... ", col);
             col.injectTo.map((item) => {
@@ -468,11 +468,34 @@ export default {
 </script>
 
 <style scoped>
+.dialog-just-form >>> .el-dialog {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border-radius: 12px;
+}
+
+.dialog-just-form >>> .el-dialog__header {
+  padding: 0 20px 0;
+  /* background: linear-gradient(to bottom, #eee, #ccc, #eee); */
+  background: #eeec;
+  border-bottom: 1px solid #dddc;
+}
+
 .dialog-just-form >>> .el-dialog__body {
   /* padding-top: 16px !important;
   padding-bottom: 16px !important; */
-  padding-top: 0 !important;
+  /* transform: scale(0.95); */
+  padding-top: 24px !important;
   padding-bottom: 0 !important;
+  flex: 1;
+  overflow-y: auto;
+}
+
+.dialog-just-form >>> .el-dialog__footer {
+  border-top: 1px solid #dddc;
+  background-color: #eeec;
+  padding: 10px 20px;
 }
 
 .el-select,
@@ -481,11 +504,6 @@ export default {
   width: 100% !important;
 }
 
-.dialog-just-form >>> .el-dialog__header {
-  padding: 10px 20px 10px;
-  /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), white); */
-}
-
 .h0 {
   height: 0;
   width: 0;