第七天

src/views/product/info/index.vue

@@ -110,8 +110,8 @@
           <dict-tag :options="dict.type.sys_yes_no" :value="scope.row.status"/>
         </template>
       </el-table-column>
-      <el-table-column label="规格" align="center" prop="ruleId" />
-      <el-table-column label="品牌" align="center" prop="brandId" />
+      <el-table-column label="规格" align="center" prop="ruleName" />
+      <el-table-column label="品牌" align="center" prop="brandName" />
       <el-table-column label="备注" align="center" prop="remark" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
@@ -154,12 +154,14 @@
       </el-steps>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <div v-show="stepNumber === 0">
+<!--          商品的名称和状态-->
           <el-row>
             <el-col :span="12">
               <el-form-item label="商品名称" prop="name">
                 <el-input v-model="form.name" placeholder="请输入商品名称" />
               </el-form-item>
             </el-col>
+
             <el-col :span="12">
               <el-form-item label="商品状态" prop="status">
                 <el-radio-group v-model="form.status">
@@ -171,7 +173,9 @@
                 </el-radio-group>
               </el-form-item>
             </el-col>
+
           </el-row>
+
           <el-row>
             <el-col :span="12">
               <el-form-item label="品牌" prop="brandId">
@@ -202,6 +206,7 @@
               </el-form-item>
             </el-col>
           </el-row>
+
           <el-row>
             <el-form-item label="商品图片" prop="image">
               <image-upload v-model="form.image"/>
@@ -212,6 +217,7 @@
               <image-upload v-model="form.carouselImages"/>
             </el-form-item>
           </el-row>
+
         </div>
         <div v-show="stepNumber === 1">
           <el-form-item label="品类" prop="type">
@@ -486,6 +492,7 @@ export default {
   watch: {
     categoryOptionValue: {
       handler(value){
+        console.log(value)
         if (value !== null && value !== undefined && value.length > 0){
           this.form.mianType = value[0];
           this.form.parentType = value[1];
@@ -723,6 +730,11 @@ export default {
       const id = row.id || this.ids
       getInfo(id).then(response => {
         this.form = response.data;
+        this.categoryOptionValue=[
+          this.form.mianType,
+          this.form.parent,
+          this.form.type
+        ]
         this.open = true;
         this.title = "修改商品信息";
       });