物料管理-编辑弹窗布局

src/views/oa/modules/MaterialInModal.vue

@@ -12,7 +12,7 @@
       <a-form :form="form">
         <a-row>
 
-          <a-col :span="12">
+          <a-col :span="8">
             <a-form-item label="入库人" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <j-popup
                 v-decorator="['operator', validatorRules.operator]"
@@ -24,12 +24,12 @@
                 @callback="popupCallback"/>
             </a-form-item>
           </a-col>
-          <a-col :span="12">
+          <a-col :span="8">
             <a-form-item label="入库部门" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <a-input v-decorator="[ 'operatorDept', validatorRules.operatorDept]" placeholder="请输入入库部门" disabled></a-input>
             </a-form-item>
           </a-col>
-          <a-col :span="12">
+          <a-col :span="8">
             <a-form-item label="入库日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
               <j-date placeholder="请选择入库日期" v-decorator="[ 'operateDate', validatorRules.operateDate]" :trigger-change="true" style="width: 100%"/>
             </a-form-item>
@@ -93,7 +93,7 @@
           span: 16
         },
         labelCol2: {
-          span: 3
+          span: 2
         },
         wrapperCol2: {
           span: 20
@@ -234,5 +234,8 @@
   }
 </script>
 
-<style scoped>
+<style scoped lang="less">
+/deep/.ant-col-20{
+  width: 91.333333% !important;
+}
 </style>