商品编辑页样式修改及添加单品促销价格

src/views/pms/product/components/ProductAttrDetail.vue

@@ -1,6 +1,6 @@
 <template>
   <div style="margin-top: 50px">
-    <el-form :model="value" ref="productAttrForm" label-width="120px" style="width: 720px" size="small">
+    <el-form :model="value" ref="productAttrForm" label-width="120px" class="form-inner-container" size="small">
       <el-form-item label="属性类型：">
         <el-select v-model="value.productAttributeCategoryId"
                    placeholder="请选择属性类型"
@@ -49,13 +49,21 @@
           </el-table-column>
           <el-table-column
             label="销售价格"
-            width="80"
+            width="100"
             align="center">
             <template slot-scope="scope">
               <el-input v-model="scope.row.price"></el-input>
             </template>
           </el-table-column>
           <el-table-column
+            label="促销价格"
+            width="100"
+            align="center">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.promotionPrice"></el-input>
+            </template>
+          </el-table-column>
+          <el-table-column
             label="商品库存"
             width="80"
             align="center">
@@ -73,6 +81,7 @@
           </el-table-column>
           <el-table-column
             label="SKU编号"
+            width="160"
             align="center">
             <template slot-scope="scope">
               <el-input v-model="scope.row.skuCode"></el-input>

src/views/pms/product/components/ProductDetail.vue

@@ -178,6 +178,9 @@
 </script>
 <style>
   .form-container {
+    width: 960px;
+  }
+  .form-inner-container {
     width: 800px;
   }
 </style>

src/views/pms/product/components/ProductInfoDetail.vue

@@ -1,6 +1,6 @@
 <template>
   <div style="margin-top: 50px">
-    <el-form :model="value" :rules="rules" ref="productInfoForm" label-width="120px" style="width: 600px" size="small">
+    <el-form :model="value" :rules="rules" ref="productInfoForm" label-width="120px" class="form-inner-container" size="small">
       <el-form-item label="商品分类：" prop="productCategoryId">
         <el-cascader
           v-model="selectProductCateValue"

src/views/pms/product/components/ProductRelationDetail.vue

@@ -3,7 +3,7 @@
     <el-form :model="value"
              ref="productRelationForm"
              label-width="120px"
-             style="width: 680px"
+             class="form-inner-container"
              size="small">
       <el-form-item label="关联专题：">
         <el-transfer

src/views/pms/product/components/ProductSaleDetail.vue

@@ -1,6 +1,6 @@
 <template>
   <div style="margin-top: 50px">
-    <el-form :model="value" ref="productSaleForm" label-width="120px" style="width: 600px" size="small">
+    <el-form :model="value" ref="productSaleForm" label-width="120px" class="form-inner-container" size="small">
       <el-form-item label="赠送积分：">
         <el-input v-model="value.giftPoint"></el-input>
       </el-form-item>