修改样式问题

src/components/DialogComponents/Form.vue

@@ -20,12 +20,12 @@
       >
         <el-row>
           <template v-for="(item, index) in formDataSet">
-            <el-col
+            <!-- <el-col
               v-if="!item.hidden"
               :span="item.spanCount ? item.spanCount : countLine"
               :key="item.prop"
               :class="item.class"
-            >
+            > -->
             <el-form-item
               :key="index"
               :label="item.label ? `${item.label}:` : ''"
@@ -82,10 +82,7 @@
               </el-input>
 
               <!-- 数字输入框 -->
-                <div
-                  v-if="item.type === 'number'"
-                  style="display: inline-table"
-                >
+              <div v-if="item.type === 'number'" style="display: inline-table">
                 <el-input-number
                   :min="item.min"
                   :max="item.max"
@@ -146,10 +143,9 @@
                   :disabled="opt.disabled"
                 >
                   <span style="float: left">{{ opt.label }}</span>
-                    <span
-                      style="float: right; color: #8492a6; font-size: 10px"
-                      >{{ opt.description }}</span
-                    >
+                  <span style="float: right; color: #8492a6; font-size: 10px">{{
+                    opt.description
+                  }}</span>
                 </el-option>
               </el-select>
 
@@ -267,7 +263,7 @@
                 form[item.prop]
               }}</span>
             </el-form-item>
-            </el-col>
+            <!-- </el-col> -->
           </template>
         </el-row>
       </el-form>
@@ -571,4 +567,8 @@ export default {
 .el-autocomplete {
   width: 100%;
 }
+.el-row {
+  display: flex;
+  flex-wrap: wrap;
+}
 </style>