样式修改

public/index.html

@@ -242,7 +242,7 @@
     }
      
      .ant-modal-body {
-       margin-left: 5%;
+       margin-left: 2%;
        max-height: calc(80vh - 70px);
        overflow-y: auto;
        &::-webkit-scrollbar {

src/views/system/modules/AddCertificateManagement.vue

@@ -43,8 +43,8 @@
         <a-form-item label="提前通知时间/月"  >
           <a-input placeholder="请输入" v-model="formState.noticeMonth"/>
         </a-form-item>
-        <a-form-item label="备注"  >
-          <a-input placeholder="请输入" v-model="formState.remarks"/>
+         <a-form-item label="备注信息" :labelCol="labelCol" :wrapperCol="wrapperCol" class="nresume">
+          <a-input type="textarea" placeholder="请输入" v-model="formState.remarks"/>
         </a-form-item>
       </a-form>
     </a-spin>
@@ -130,16 +130,28 @@ export default {
     display: flex;
     width: 100%;
     flex-wrap: wrap;
-    justify-content: center;
+    justify-content: start;
 }
 
 /deep/ .ant-form-item{
     display: flex;
-    width: 45%;
-    justify-content: center;
+    width: 32%;
+    justify-content: start;
 }
 /deep/ .ant-form-item-label{
-  width: 20%;
+  width: 37%;
+}
+.nresume{
+  width: 100% !important;
+}
+/deep/ .nresume .ant-form-item-label{
+  width: 12% !important;
+}
+/deep/ .nresume .ant-form-item-control-wrapper{
+  width: 82% !important;
+}
+/deep/ .nresume .ant-input{
+  height: 100px !important;
 }
 
 </style>

src/views/system/modules/AddMaterialRegistration.vue

@@ -1,7 +1,7 @@
 <template>
   <a-modal
     :title="(defult == 'add')?'新增':'编辑'"
-    width="55%"
+    width="85%"
     :closable="true"
     @cancel="close"
     @ok="handleSubmit"
@@ -47,14 +47,15 @@
         <a-form-item label="供货方"  >
           <a-input placeholder="请输入供货方" v-model="formState.supply"/>
         </a-form-item>
-        <a-form-item label="备注"  >
-          <a-input placeholder="请输入备注" v-model="formState.remarks"/>
-        </a-form-item>
         <a-form-item label="来源"  >
           <a-input placeholder="请输入来源" v-model="formState.source"/>
         </a-form-item>
+         <a-form-item label="备注信息" :labelCol="labelCol" :wrapperCol="wrapperCol" class="nresume">
+          <a-input type="textarea" placeholder="请输入" v-model="formState.remarks"/>
+        </a-form-item>
       </a-form>
     </a-spin>
+    <a-divider style="height: 1px; background-color: balck" />
     <a-card :bordered="false" >
           <div class="purchase-order-table"  >
             <div >
@@ -399,16 +400,16 @@ export default {
     display: flex !important;
     width: 100%;
     flex-wrap: wrap;
-    justify-content: center;
+    justify-content: start;
 }
 
 /deep/ .ant-form-item{
     display: flex;
     width: 24%;
-    justify-content: center;
+    justify-content: start;
 }
 /deep/ .ant-form-item-label{
-  width: 35%;
+  width: 21%;
 }
 .table-title {
   margin: 0;
@@ -423,7 +424,7 @@ export default {
   text-align: center;
 }
 .purchase-order-table{
-  margin-bottom: 10px;
+  margin-bottom: 20px;
 }
 
 /deep/ .ant-card-body{
@@ -437,6 +438,22 @@ export default {
 }
 /deep/ .ant-divider-horizontal{
   margin: 13px 0;
+  margin-bottom: 30px;
+}
+/deep/ .ant-form-item-control-wrapper{
+  width: 80%;
+}
+.nresume{
+  width: 100% !important;
+}
+/deep/ .nresume .ant-form-item-label{
+  width: 5% !important;
+}
+/deep/ .nresume .ant-form-item-control-wrapper{
+  width: 91% !important;
+}
+/deep/ .nresume .ant-input{
+  height: 100px !important;
 }