样式调整

src/views/modules/materialManagement/wareHouse/WareHouseAddForm.vue

@@ -4,7 +4,7 @@
       :title="title"
       :close-on-click-modal="false"
       v-dialogDrag
-      width="1200px"
+      width="1500px"
       @close="close"
       @keyup.enter.native="doSubmit"
       :visible.sync="visible">
@@ -119,7 +119,7 @@
 <!--                <el-input v-model="scope.row.procurementType" @focus="typePullForm(scope.$rowIndex)"></el-input>-->
               </template>
             </vxe-table-column>
-            <vxe-table-column field="tradeName" title="商品名称" :edit-render="{}" :rules="[{required: true, message:'请填写商品名称', trigger:'blur'}]">
+            <vxe-table-column field="tradeName" width="250" title="商品名称" :edit-render="{}" :rules="[{required: true, message:'请填写商品名称', trigger:'blur'}]">
               <template v-slot:edit="scope">
                 <el-input :disabled='true' v-model="scope.row.tradeName"></el-input>
               </template>
@@ -154,7 +154,7 @@
                 <el-input :disabled='true' v-model="scope.row.remarks" ></el-input>
               </template>
             </vxe-table-column>
-            <vxe-table-column title="操作" width="130">
+            <vxe-table-column title="操作" width="180">
               <template v-slot="scope">
                 <el-button size="mini" type="primary" :disabled="false" @click="seeFileInfo(scope.$rowIndex)">查看文件详情</el-button>
                 <!--              <el-button size="mini" v-if="formReadOnly" :disabled="false" type="primary" @click="seeFileInfo(scope.$rowIndex)">查看文件详情</el-button>-->
@@ -198,9 +198,9 @@
                 <el-input v-model="scope.row.wareHouseType" @focus="typePullForm(scope.$rowIndex)"></el-input>
               </template>
             </vxe-table-column>
-            <vxe-table-column field="tradeName" title="商品名称" :edit-render="{}" :rules="[{required: true, message:'请填写商品名称', trigger:'blur'}]">
+            <vxe-table-column field="tradeName" width="250" title="商品名称" :edit-render="{}" :rules="[{required: true, message:'请填写商品名称', trigger:'blur'}]">
               <template v-slot:edit="scope">
-                <el-input v-model="scope.row.tradeName"></el-input>
+                <el-input maxlength="64" v-model="scope.row.tradeName"></el-input>
               </template>
             </vxe-table-column>
             <vxe-table-column field="tradePrice" title="商品单价(元)" :edit-render="{}" :rules="[{required: true, message:'请输入商品单价', trigger:'blur'}]">
@@ -220,12 +220,12 @@
             </vxe-table-column>
             <vxe-table-column field="company" title="单位" :edit-render="{}" :rules="[{required: true, message:'请填写单位', trigger:'blur'}]">
               <template v-slot:edit="scope">
-                <el-input v-model="scope.row.company"></el-input>
+                <el-input maxlength="64" v-model="scope.row.company"></el-input>
               </template>
             </vxe-table-column>
             <vxe-table-column field="remarks" title="备注" :edit-render="{}">
               <template v-slot:edit="scope">
-                <el-input v-model="scope.row.remarks" ></el-input>
+                <el-input maxlength="255" v-model="scope.row.remarks" ></el-input>
               </template>
             </vxe-table-column>
             <vxe-table-column title="操作" width="180">