1

src/components/Restaurant/demesticRestaurantInfoManage.vue

@@ -1078,8 +1078,8 @@
               </el-option>
             </el-select>
           </el-form-item>
-          <el-form-item label="美食分类">
-            <el-select
+          <el-form-item label="美食分类" prop="FoodType">
+            <!-- <el-select
               v-model="addMsg.FoodType"
               class="multiple_input w300"
               :placeholder="$t('pub.pleaseSel')"
@@ -1093,8 +1093,22 @@
                 :value="item.ID"
               >
               </el-option>
-            </el-select>
               
+            </el-select> -->
+            <el-cascader
+                 style="width:300px"
+                 v-model="addMsg.FoodType"
+                 :show-all-levels='false'
+                 :options="FoodTypeList"
+                 :props="{ 
+                   checkStrictly: true,
+                   label:'Name',
+                   value:'ID',
+                   children:'ChildrenList',
+                   emitPath:false
+                  }"
+                 clearable>
+                </el-cascader>
           </el-form-item>
           <el-form-item :label="$t('Operation.Op_price')">
             <el-select
@@ -1258,14 +1272,14 @@
                 class="w300"
               ></el-input>
             </el-form-item>
-            <el-form-item :label="$t('restaurant.res_WhetherToConfirm')">
+            <!-- <el-form-item :label="$t('restaurant.res_WhetherToConfirm')">
               <el-switch
                 v-model="addMsg.Sure"
                 active-value="1"
                 inactive-value="0"
               ></el-switch>
-            </el-form-item>
-            <el-form-item>
+            </el-form-item> -->
+            <!-- <el-form-item>
               <el-switch
                 v-model="isBook"
                 active-color="#13ce66"
@@ -1273,7 +1287,7 @@
                 :active-text="$t('hotel.hotel_Supplier')"
                 :inactive-text="$t('ground.ziding')"
               ></el-switch>
-            </el-form-item>
+            </el-form-item> -->
             <el-form-item>
               <el-switch
                 v-model="isRecommend"
@@ -1643,6 +1657,13 @@ export default {
             trigger: "change",
           },
         ],
+        FoodType: [
+          {
+            required: true,
+            message: '请选择分类',
+            trigger: "change",
+          },
+        ],
       },
       FoodTypeList: [],
       weekEnumList: [], //周一到周日枚举
@@ -2119,15 +2140,30 @@ export default {
     getFoodTypeList(id) {
       this.apipost(
         "foodtype_post_GetDropDownFoodType",
-        { ParentID: id },
+        { ParentID: id,ClassType:0 },
         (res) => {
           if (res.data.resultCode == 1) {
-            this.FoodTypeList = res.data.data;
+            let newData= this.getTreeData(res.data.data,'ChildrenList')
+            this.FoodTypeList = newData;
           }
         },
         (err) => {}
       );
     },
+     //递归景区类型列表级联菜单
+      getTreeData(data,childrenField){
+                // 循环遍历json数据
+                for(var i=0;i<data.length;i++){
+                    if(data[i][childrenField]===undefined||data[i][childrenField].length===0){
+                        // children若为空数组，则将children设为undefined
+                        data[i][childrenField]=undefined;
+                    }else {
+                        // children若不为空数组，则继续 递归调用 本方法
+                        this.getTreeData(data[i][childrenField],childrenField);
+                    }
+                }
+                return data;
+      },
     //添加推荐菜品
     addFood() {
       let obj = {

src/components/Restaurant/domesticRestaurantList.vue

@@ -372,7 +372,7 @@
     <el-table :data="tableData" tooltip-effect="dark" style="width: 100%;min-height:450px;" v-loading="loading" >
       <el-table-column prop="Name" label="餐厅名称">
         <template slot-scope="scope">
-          <div style="display:flex;align-items:center;">
+          <div style="display:flex;align-items:center;justify-content:center">
             <div>
               <img v-if="!scope.row.PicPath" src="../../assets/img/bg_c3@3x.png" style="width:60px;height:45px;">
               <img v-else :src="scope.row.PicPath" style="width:60px;height:45px;" />
@@ -387,12 +387,12 @@
         </template>
       </el-table-column>
       <el-table-column prop="OpenPlatformList" label="是否上架">
-        <template slot-scope="scope">
+        <template slot-scope="scope" style="display:flex;align-items:center;justify-content:center">
           <div v-if="scope.row.IsShelves===0">上架</div>
           <div v-if="scope.row.IsShelves===1">下架</div>
         </template>
       </el-table-column>
-      <el-table-column label="地址">
+      <el-table-column label="地址" >
         <template slot-scope="scope">
           {{scope.row.ProvinceName}}
           <template v-if="scope.row.CityName&&scope.row.CityName!=''">

src/components/scenicSpot/domesticScenicSpotInfoManage.vue

@@ -721,6 +721,23 @@
           <el-form-item :label="$t('scen.sc_resName')" prop="Name">
             <el-input type="text" v-model="addMsg.Name" maxlength="100" class="w300"></el-input>
           </el-form-item>
+          <el-form-item label="景区分类" prop="FoodType">
+               <el-cascader
+                style="width:300px"
+                 @change="handleChange"
+                 v-model="addMsg.FoodType"
+                 :show-all-levels='false'
+                 :options="scenicList"
+                 :props="{ 
+                   checkStrictly: true,
+                   label:'Name',
+                   value:'ID',
+                   children:'ChildrenList',
+                   emitPath:false
+                  }"
+                 clearable>
+                </el-cascader>
+          </el-form-item>
           <el-form-item label="是否上架" prop="IsShelves">
               <el-radio v-model="addMsg.IsShelves" :label="0">上架</el-radio>
               <el-radio v-model="addMsg.IsShelves" :label="1">下架</el-radio>
@@ -1189,6 +1206,7 @@
           TrafficInfo: "",
           IsFree: 0,
           Feature: "",
+          FoodType:"",
           About: "",
           BookingInfo: "",
           Sure: "",
@@ -1234,7 +1252,6 @@
           FoodType:0,
           IsShelves:1,
 
-          
         },
         rules: {
           //表单必填验证
@@ -1302,11 +1319,11 @@
       tencentMap
     },
     methods: {
-      //  handleChange(value) {
-      //   console.log(value);
-      //   this.addMsg.FoodType=value.slice(-1).join()
-      //   console.log(this.addMsg.FoodType);
-      // },
+       handleChange(value) {
+        console.log(value);
+    
+        console.log(this.addMsg.FoodType);
+      },
        //得到地图信息
       mapEvent(e) {
         this.addMsg.Lat = e.lat;