调整

package.json

@@ -68,7 +68,7 @@
     "unplugin-icons": "0.18.5",
     "unplugin-vue-components": "0.26.0",
     "unplugin-vue-setup-extend-plus": "1.0.1",
-    "vite": "^6.3.5",
+    "vite": "^5.2.10",
     "vite-plugin-compression": "0.5.1",
     "vite-plugin-image-optimizer": "^1.1.8",
     "vite-plugin-svg-icons": "2.0.1",

src/assets/styles/index.scss

@@ -305,6 +305,15 @@ aside {
   }
 }
 
+.common-form {
+  width: 980px;
+  .common-form-row {
+    width: 100%;
+    display: flex;
+    align-items: center;
+  }
+}
+
 .dot-red {
   width: 6px;
   height: 6px;

src/views/commodityManage/CommodityManageForm.vue

@@ -5,26 +5,30 @@
         <h3 class="common-dialog-title">新增商品</h3>
       </div>
       <div class="common-dialog-box">
-        <el-form ref="form" :model="formData" :rules="rules" label-width="auto">
-          <el-row :gutter="20" class="mb8">
-            <el-col :span="20">
-              <el-form-item label="商品名称：" prop="name">
-                <el-input v-model="formData.name" placeholder="请输入商品名称" type="textarea" autosize />
-              </el-form-item>
-            </el-col>
-          </el-row>
-          <el-row :gutter="20" class="mb8">
-            <el-col :span="10">
-              <el-form-item label="定价：" prop="fixedPrice">
-                <el-input v-model="formData.fixedPrice" placeholder="请输入定价" type="number" />
-              </el-form-item>
-            </el-col>
-            <el-col :span="10">
-              <el-form-item label="售价：" prop="price">
-                <el-input v-model="formData.price" placeholder="请输入售价" type="number" />
-              </el-form-item>
-            </el-col>
-          </el-row>
+        <el-form ref="form" :model="formData" :rules="rules" label-width="auto" class="common-form">
+          <el-form-item label="商品名称：" prop="name">
+            <el-input v-model="formData.name" placeholder="请输入商品名称" type="textarea" autosize />
+          </el-form-item>
+          <div class="form-row"></div>
+          <el-form-item label="定价：" prop="fixedPrice">
+            <el-input v-model="formData.fixedPrice" placeholder="请输入定价" type="number" />
+          </el-form-item>
+          <el-form-item label="售价：" prop="price">
+            <el-input v-model="formData.price" placeholder="请输入售价" type="number" />
+          </el-form-item>
+<!--          <el-row :gutter="20" class="mb8">-->
+<!--            <el-col :span="20">-->
+<!--              -->
+<!--            </el-col>-->
+<!--          </el-row>-->
+<!--          <el-row :gutter="20" class="mb8">-->
+<!--            <el-col :span="10">-->
+<!--              -->
+<!--            </el-col>-->
+<!--            <el-col :span="10">-->
+<!--              -->
+<!--            </el-col>-->
+<!--          </el-row>-->
         </el-form>
         <div class="common-dialog-footer">
           <el-button @click="handleCancel">取消</el-button>