修改必选项

vue-admin-template-master/src/views/goods/index.vue

@@ -215,12 +215,20 @@
         <el-form-item prop="recommendation" label="推荐语">
           <el-row :span="24">
             <el-col :span="10">
-              <el-input
+              <!-- <el-input
                 type="textarea"
                 :rows="2"
                 v-model="dynamicValidateForm.recommendation"
                 placeholder="有颜有料,樱你而美"
-              ></el-input>
+              ></el-input> -->
+              <el-select v-model="dynamicValidateForm.recommendation">
+                <el-option
+                  v-for="(item, index) in recommendationList"
+                  :key="index"
+                  :label="item.name"
+                  :value="item.value"
+                ></el-option>
+              </el-select>
             </el-col>
             <el-col :span="10" :offset="1">
               <span> 推荐语,同一类别的咖啡共用一个推荐语</span>
@@ -241,7 +249,7 @@
           </el-row>
         </el-form-item>
 
-        <el-form-item prop="property" label="属性">
+        <el-form-item label="属性">
           <el-row :span="24">
             <el-col :span="10">
               <el-input
@@ -283,12 +291,59 @@
 <script>
 import { getGoodsList } from "@/api/order";
 import { createSku } from "@/api/shop";
+const recommendationList = [
+  {
+    name: "新品推荐",
+    value: "有颜有料,樱你而美"
+  },
+  {
+    name: "活力早餐",
+    value: "超低脂高饱腹感,马上预约"
+  },
+  {
+    name: "限时折扣",
+    value: "限定版口感,马上品鉴"
+  },
+  {
+    name: "Nowwa特调",
+    value: "限定版口感,马上品鉴!"
+  },
+  {
+    name: "经典家族",
+    value: "四大产区精品咖啡豆"
+  },
+  {
+    name: "风味鉴赏",
+    value: "咖啡里的缤纷艺术"
+  },
+  {
+    name: "奶茶果茶",
+    value: "一起喝茶吧！"
+  },
+  {
+    name: "多杯组合",
+    value: "一起分享，加倍快乐"
+  },
+  {
+    name: "烘培零食",
+    value: "早餐/下午茶好搭档(必须和饮品一起下单 )"
+  },
+  {
+    name: "面包配咖啡",
+    value: "早餐/下午茶好搭档"
+  },
+  {
+    name: "Nowwa礼品",
+    value: "送给你的美好心意"
+  }
+];
 export default {
   data() {
     return {
       tableData: [],
       listLoading: true,
       dialogVisible: false,
+      recommendationList,
       // form
       inputVisible: false,
       inputValue: "",
@@ -313,9 +368,8 @@ export default {
         priceorigin: [{ required: true, message: " ", trigger: "blur" }],
         image: [{ required: true, message: " ", trigger: "blur" }],
         category: [{ required: true, message: " ", trigger: "blur" }],
-        recommendation: [{ required: true, message: " ", trigger: "blur" }],
-        description: [{ required: true, message: " ", trigger: "blur" }],
-        property: [{ required: true, message: " ", trigger: "blur" }]
+        recommendation: [{ required: true, message: " ", trigger: "change" }],
+        description: [{ required: true, message: " ", trigger: "blur" }]
       }
     };
   },