合并

VUECODE/smart-property-manage/src/api/grogshop.js

     url: '/hotelRoomRoomStatus',
     method: 'post',
     data: {
-      roomStatusIds: data.roomStatusIds,
+      id: data.roomStatusIds,
       roomStatus: data.roomStatus
     }
   })

VUECODE/smart-property-manage/src/views/grogshop/configindex.vue

 <template>
   <div class="root">
     <el-form ref="ruleForm" :model="listData" :rules="rules" label-width="150px" class="add-ruleForm">
+     
       <el-form-item class="filter-item" label="酒店开关">
-        <el-switch
+        <span  style="font-size:9%;color:#C0C0C0">关闭后业主在APP端将看不到酒店相关的页面</span>
+        <el-switch style="padding-left:25%"
           v-model="listData.hotelSettingValue"
           active-color="#13ce66"
           inactive-color="#ff4949">
         </el-switch>
-        <span>关闭后业主在APP端将看不到酒店相关的页面</span>
       </el-form-item>
       <el-form-item label="酒店首页图" prop="appIndexImg">
+        <span  style="font-size:9%;color:#C0C0C0"> APP端首页显示酒店栏的背景图，如果有文案需求可以用PS在图上添加文字等信息</span>
         <el-upload
           class="avatar-uploader"
           name="uploadFiles"
           </el-amap>
         </div>
       </el-form-item>
-      <el-form-item label="房间介绍">
+      <el-form-item label="房间介绍" prop="hotelIntroduction">
           <!-- <el-input v-model="addForm.bannerContent" placeholder="内容详情"/> -->
           <div id="father">
             <wangeditor :content="listData.hotelIntroduction" @wangeditorEvent="wangeditorValue"/>
         hotelName: [
           { required: true, message: '酒店名称', trigger: 'blur' }
         ],
+        hotelIntroduction: [
+          { required: true, message: '房间介绍不能为空', trigger: 'change' }
+        ],
       }
     }
   },
         }
       })
     },
+
     resetForm(formName) { // 重置
       // 重置为未注册
       this.isRegistered = true
         spinner: 'el-icon-loading',
         background: 'rgba(0, 0, 0, 0.7)'
       })
+      console.log('this.listData.hotelIntroduction',this.listData.hotelIntroduction)
+      if(this.listData.hotelIntroduction === '<p><br></p>'){
+         this.$message.error('房间介绍不能为空')
+         loading.close()
+         return
+      }
       this.$store.dispatch('UpdateHotel', this.listData).then((res) => {
         if (res.code === '0') {
           this.$message({

VUECODE/smart-property-manage/src/views/grogshop/grogshopRoom.vue

   <div>
     <el-form :inline="true" :model="listQuery" class="form-listQuery">
       <el-form-item class="filter-item"  label="房型编号">
-        <el-input v-model="listQuery.roomNo"  placeholder="房型编号"/>
+        <el-input v-model="listQuery.id"  placeholder="房型编号"/>
       </el-form-item>
       <el-form-item class="filter-item"  label="房型名称">
         <el-input v-model="listQuery.roomName" placeholder="房型名称"/>
          <el-option label="已下架" value="2"/>
         </el-select>
       </el-form-item>
-      <el-form-item class="filter-item"  label="预订日期从">
+      <!-- <el-form-item class="filter-item"  label="预订日期从">
             <el-date-picker
               v-model="listQuery.beginTime"
               type="date"
               type="date"
               placeholder="年-月-日">
               </el-date-picker>
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item>
         <el-button type="info" class="filter-item" @click="handleFilter">清空</el-button>
         <el-button type="primary" @click="search">查询</el-button>
       <el-table-column
         type="selection"
         width="55"/>
-      <el-table-column prop="roomNo" label="编号" align="center"/>
+      <el-table-column prop="id" label="编号" align="center"/>
       <el-table-column prop="roomName" label="房屋名称" align="center">
          <template slot-scope="scope" >
-        <a :title="scope.row.roomName" @click="clickTitle(scope.row.id)" style="color: #009FCC">
-           {{ scope.row.roomName}}
-        </a>
+          <a v-if="scope.row.roomStatus==='1'">
+            <span :title="scope.row.roomName" @click="clickTitle(scope.row.id)" style="color: #009FCC">
+            {{ scope.row.roomName}}
+            </span>
+          </a>
+          <a v-if="scope.row.roomStatus==='2'">
+            <span :title="scope.row.roomName" @click="clickTitle(scope.row.id)" style="color:#BDBDBD">
+            {{ scope.row.roomName}}
+            </span>
+          </a>
       </template>
       </el-table-column>
       <el-table-column prop="sort" label="权重" align="center"/>
       <el-table-column prop="price" label="房型价格" align="center"/>
-      <el-table-column prop="roomStatus" label="上架状态" align="center"><template slot-scope="scope">{{ scope.row.roomStatus=='1'?'已上架':'已下架' }}</template></el-table-column>
+      <el-table-column prop="roomStatus" label="上架状态" align="center">
+        <template slot-scope="scope">   
+          <span v-if="scope.row.roomStatus==='1'">已上架</span>
+          <span v-if="scope.row.roomStatus==='2'" style="color:#BDBDBD">已下架</span>
+        </template></el-table-column>
       <el-table-column prop="editUser" label="编辑人" align="center"/>
       <el-table-column prop="createDate" label="时间" align="center"><template slot-scope="scope">{{ formatDate(scope.row.updateDate) }}</template></el-table-column>
 
         @size-change="handleSizeChange"
         @current-change="handleCurrentChange"/>
   </div>
-
 </div>
 
 </template>
     clickTitle(ids){
     this.$router.push({ name: 'grogshop-grogshopRoomEdit', query: { id: ids}})
     },
-    enditRoom(){
-         const ids = this.deleteIds
+    enditRoom(statusId){
+       const ids = this.deleteIds
+      if (ids.length < 1) {
+        this.$message.error('请选择一行数据进行修改!')
+        return
+      }
+        
          this.listQuery.roomStatusIds = ids
+         this.listQuery.roomStatus = statusId
          this.$store.dispatch('HotelRoomRoomStatus', this.listQuery).then((res) => {
          this.$message({
           message: '成功',

VUECODE/smart-property-manage/src/views/grogshop/grogshopRoomAdd.vue

 <template>
   <div id="root">
-    <el-form ref="ruleForm" :model="ruleForm"  label-width="100px" class="demo-ruleForm">
-      <el-form-item label="房型名称" >
+    <el-form ref="ruleForm" :model="ruleForm"  :rules="rules" label-width="100px" class="demo-ruleForm">
+      <el-form-item label="房型名称" prop="roomName">
         <el-input v-model="ruleForm.roomName" placeholder="房型名称"/>
       </el-form-item>
-       <el-form-item label="房型号" >
+       <!-- <el-form-item label="房型号" prop="roomNo">
         <el-input v-model="ruleForm.roomNo" placeholder="房型号"/>
-      </el-form-item>
+      </el-form-item> -->
      <el-form-item class="filter-item" label="房型描述" prop="remark" >
         <el-input v-model.trim="ruleForm.remark" placeholder="房型描述"/>
       </el-form-item>
-      <el-form-item label="房型价格">
+      <el-form-item label="房型价格" prop="price">
         <el-input v-model="ruleForm.price" placeholder="房型价格" onkeyup="this.value=this.value.replace(/\D/g,'')"/>
       </el-form-item>
-      <el-form-item class="filter-item"  label="上架状态">
+      <el-form-item class="filter-item"  label="上架状态" prop="roomStatus">
         <el-select v-model="ruleForm.roomStatus" placeholder="上架">
          <el-option label="上架" value="1"/>
          <el-option label="下架" value="2"/>
        roomStatus: '',
              sort: '1',
            roomNo: ''
+      },
+      rules: {
+        roomName: [
+          { required: true, message: '请输入房型名称', trigger: 'blur' }
+        ],
+        roomNo: [
+          { required: true, message: '请输入房型号', trigger: 'change' }
+        ],
+        remark: [
+          { required: true, message: '请输入房型描述', trigger: 'blur' }
+        ],
+        price: [
+          { required: true, message: '请输入房型描述', trigger: 'blur' }
+        ],
+        roomStatus: [
+          { required: true, message: '请选择状态', trigger: 'blur' }
+        ],         
       }
-      // rules: {
-      //   userName: [
-      //     { required: true, message: '请输入姓名', trigger: 'blur' }
-      //   ],
-      //   price: [
-      //     { required: true, message: '请输入价格', trigger: 'blur' }
-      //   ],
-      //   menuArray: [
-      //     { required: true, message: '请选择角色', trigger: 'blur' }
-      //   ],       
-      // }
     }
   },
   mounted() {

VUECODE/smart-property-manage/src/views/grogshop/grogshopRoomEdit.vue

       <el-form-item label="房型名称" >
         <el-input v-model="ruleForm.roomName" placeholder="房型名称"/>
       </el-form-item>
-       <el-form-item label="房型号" >
+      <!-- <el-form-item label="房型号" >
         <el-input v-model="ruleForm.roomNo" placeholder="房型号"/>
-      </el-form-item>
+      </el-form-item> -->
      <el-form-item class="filter-item" label="房型描述" prop="remark" >
         <el-input v-model.trim="ruleForm.remark" placeholder="房型描述"/>
       </el-form-item>