Merge branch 'feature/预约看房' into develop

src/main/java/com/controller/YuyuekanfangController.java

@@ -0,0 +1,200 @@
+package com.controller;
+
+import com.baomidou.mybatisplus.mapper.EntityWrapper;
+import com.baomidou.mybatisplus.mapper.Wrapper;
+import com.entity.YuyuekanfangEntity;
+import com.entity.view.YuyuekanfangView;
+import com.service.YuyuekanfangService;
+import com.utils.MPUtil;
+import com.utils.PageUtils;
+import com.utils.R;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.*;
+
+import javax.servlet.http.HttpServletRequest;
+import java.text.SimpleDateFormat;
+import java.util.Arrays;
+import java.util.Calendar;
+import java.util.Date;
+import java.util.Map;
+
+
+/**
+ * 预约看房
+ * 后端接口
+ * @author 
+ * @email
+ */
+@RestController
+@RequestMapping("/yuyuekanfang")
+public class YuyuekanfangController {
+    @Autowired
+    private YuyuekanfangService yuyuekanfangService;
+    
+
+
+    /**
+     * 后端列表
+     */
+    @RequestMapping("/page")
+    public R page(@RequestParam Map<String, Object> params,YuyuekanfangEntity yuyuekanfang, HttpServletRequest request){
+		String tableName = request.getSession().getAttribute("tableName").toString();
+		if(tableName.equals("yonghu")) {
+			yuyuekanfang.setYonghuming((String)request.getSession().getAttribute("username"));
+		}
+		if(tableName.equals("fangzhu")) {
+			yuyuekanfang.setFangzhuzhanghao((String)request.getSession().getAttribute("username"));
+		}
+        EntityWrapper<YuyuekanfangEntity> ew = new EntityWrapper<YuyuekanfangEntity>();
+		PageUtils page = yuyuekanfangService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, yuyuekanfang), params), params));
+
+        return R.ok().put("data", page);
+    }
+    
+    /**
+     * 前端列表
+     */
+    @RequestMapping("/list")
+    public R list(@RequestParam Map<String, Object> params,YuyuekanfangEntity yuyuekanfang, HttpServletRequest request){
+        EntityWrapper<YuyuekanfangEntity> ew = new EntityWrapper<YuyuekanfangEntity>();
+		PageUtils page = yuyuekanfangService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, yuyuekanfang), params), params));
+        return R.ok().put("data", page);
+    }
+
+	/**
+     * 列表
+     */
+    @RequestMapping("/lists")
+    public R list( YuyuekanfangEntity yuyuekanfang){
+       	EntityWrapper<YuyuekanfangEntity> ew = new EntityWrapper<YuyuekanfangEntity>();
+      	ew.allEq(MPUtil.allEQMapPre( yuyuekanfang, "yuyuekanfang")); 
+        return R.ok().put("data", yuyuekanfangService.selectListView(ew));
+    }
+
+	 /**
+     * 查询
+     */
+    @RequestMapping("/query")
+    public R query(YuyuekanfangEntity yuyuekanfang){
+        EntityWrapper< YuyuekanfangEntity> ew = new EntityWrapper< YuyuekanfangEntity>();
+ 		ew.allEq(MPUtil.allEQMapPre( yuyuekanfang, "yuyuekanfang")); 
+		YuyuekanfangView yuyuekanfangView =  yuyuekanfangService.selectView(ew);
+		return R.ok("查询预约看房成功").put("data", yuyuekanfangView);
+    }
+	
+    /**
+     * 后端详情
+     */
+    @RequestMapping("/info/{id}")
+    public R info(@PathVariable("id") Long id){
+        YuyuekanfangEntity yuyuekanfang = yuyuekanfangService.selectById(id);
+        return R.ok().put("data", yuyuekanfang);
+    }
+
+    /**
+     * 前端详情
+     */
+    @RequestMapping("/detail/{id}")
+    public R detail(@PathVariable("id") Long id){
+        YuyuekanfangEntity yuyuekanfang = yuyuekanfangService.selectById(id);
+        return R.ok().put("data", yuyuekanfang);
+    }
+    
+
+
+
+    /**
+     * 后端保存
+     */
+    @RequestMapping("/save")
+    public R save(@RequestBody YuyuekanfangEntity yuyuekanfang, HttpServletRequest request){
+    	yuyuekanfang.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
+    	//ValidatorUtils.validateEntity(yuyuekanfang);
+        yuyuekanfangService.insert(yuyuekanfang);
+        return R.ok();
+    }
+    
+    /**
+     * 前端保存
+     */
+    @RequestMapping("/add")
+    public R add(@RequestBody YuyuekanfangEntity yuyuekanfang, HttpServletRequest request){
+    	yuyuekanfang.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
+    	//ValidatorUtils.validateEntity(yuyuekanfang);
+        yuyuekanfangService.insert(yuyuekanfang);
+        return R.ok();
+    }
+
+    /**
+     * 修改
+     */
+    @RequestMapping("/update")
+    public R update(@RequestBody YuyuekanfangEntity yuyuekanfang, HttpServletRequest request){
+        //ValidatorUtils.validateEntity(yuyuekanfang);
+        yuyuekanfangService.updateById(yuyuekanfang);//全部更新
+        return R.ok();
+    }
+    
+
+    /**
+     * 删除
+     */
+    @RequestMapping("/delete")
+    public R delete(@RequestBody Long[] ids){
+        yuyuekanfangService.deleteBatchIds(Arrays.asList(ids));
+        return R.ok();
+    }
+    
+    /**
+     * 提醒接口
+     */
+	@RequestMapping("/remind/{columnName}/{type}")
+	public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, 
+						 @PathVariable("type") String type,@RequestParam Map<String, Object> map) {
+		map.put("column", columnName);
+		map.put("type", type);
+		
+		if(type.equals("2")) {
+			SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
+			Calendar c = Calendar.getInstance();
+			Date remindStartDate = null;
+			Date remindEndDate = null;
+			if(map.get("remindstart")!=null) {
+				Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
+				c.setTime(new Date()); 
+				c.add(Calendar.DAY_OF_MONTH,remindStart);
+				remindStartDate = c.getTime();
+				map.put("remindstart", sdf.format(remindStartDate));
+			}
+			if(map.get("remindend")!=null) {
+				Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
+				c.setTime(new Date());
+				c.add(Calendar.DAY_OF_MONTH,remindEnd);
+				remindEndDate = c.getTime();
+				map.put("remindend", sdf.format(remindEndDate));
+			}
+		}
+		
+		Wrapper<YuyuekanfangEntity> wrapper = new EntityWrapper<YuyuekanfangEntity>();
+		if(map.get("remindstart")!=null) {
+			wrapper.ge(columnName, map.get("remindstart"));
+		}
+		if(map.get("remindend")!=null) {
+			wrapper.le(columnName, map.get("remindend"));
+		}
+
+		String tableName = request.getSession().getAttribute("tableName").toString();
+		if(tableName.equals("yonghu")) {
+			wrapper.eq("yonghuming", (String)request.getSession().getAttribute("username"));
+		}
+		if(tableName.equals("fangzhu")) {
+			wrapper.eq("fangzhuzhanghao", (String)request.getSession().getAttribute("username"));
+		}
+
+		int count = yuyuekanfangService.selectCount(wrapper);
+		return R.ok().put("count", count);
+	}
+	
+
+
+}

src/main/java/com/dao/YuyuekanfangDao.java

@@ -0,0 +1,32 @@
+package com.dao;
+
+import com.baomidou.mybatisplus.mapper.BaseMapper;
+import com.baomidou.mybatisplus.mapper.Wrapper;
+import com.baomidou.mybatisplus.plugins.pagination.Pagination;
+import com.entity.YuyuekanfangEntity;
+import com.entity.view.YuyuekanfangView;
+import com.entity.vo.YuyuekanfangVO;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+
+/**
+ * 预约看房
+ * 
+ * @author 
+ * @email
+ */
+public interface YuyuekanfangDao extends BaseMapper<YuyuekanfangEntity> {
+	
+	List<YuyuekanfangVO> selectListVO(@Param("ew") Wrapper<YuyuekanfangEntity> wrapper);
+	
+	YuyuekanfangVO selectVO(@Param("ew") Wrapper<YuyuekanfangEntity> wrapper);
+	
+	List<YuyuekanfangView> selectListView(@Param("ew") Wrapper<YuyuekanfangEntity> wrapper);
+
+	List<YuyuekanfangView> selectListView(Pagination page,@Param("ew") Wrapper<YuyuekanfangEntity> wrapper);
+	
+	YuyuekanfangView selectView(@Param("ew") Wrapper<YuyuekanfangEntity> wrapper);
+	
+}

src/main/java/com/entity/YuyuekanfangEntity.java

@@ -0,0 +1,389 @@
+package com.entity;
+
+import com.baomidou.mybatisplus.annotations.TableId;
+import com.baomidou.mybatisplus.annotations.TableName;
+import com.fasterxml.jackson.annotation.JsonFormat;
+import org.apache.commons.beanutils.BeanUtils;
+import org.springframework.format.annotation.DateTimeFormat;
+
+import java.io.Serializable;
+import java.lang.reflect.InvocationTargetException;
+import java.util.Date;
+
+
+/**
+ * 预约看房
+ * 数据库通用操作实体类（普通增删改查）
+ * @author 
+ * @email
+ */
+@TableName("yuyuekanfang")
+public class YuyuekanfangEntity<T> implements Serializable {
+	private static final long serialVersionUID = 1L;
+
+
+	public YuyuekanfangEntity() {
+		
+	}
+	
+	public YuyuekanfangEntity(T t) {
+		try {
+			BeanUtils.copyProperties(this, t);
+		} catch (IllegalAccessException | InvocationTargetException e) {
+			// TODO Auto-generated catch block
+			e.printStackTrace();
+		}
+	}
+	
+	/**
+	 * 主键id
+	 */
+	@TableId
+	private Long id;
+	/**
+	 * 预约编号
+	 */
+					
+	private String yuyuebianhao;
+	
+	/**
+	 * 房屋名称
+	 */
+					
+	private String fangwumingcheng;
+	
+	/**
+	 * 房屋类型
+	 */
+					
+	private String fangwuleixing;
+	
+	/**
+	 * 房屋状态
+	 */
+					
+	private String fangwuzhuangtai;
+	
+	/**
+	 * 小区
+	 */
+					
+	private String xiaoqu;
+	
+	/**
+	 * 月租价格
+	 */
+					
+	private Integer yuezujiage;
+	
+	/**
+	 * 押金
+	 */
+					
+	private String yajin;
+	
+	/**
+	 * 租用月数
+	 */
+					
+	private Integer zuyongyueshu;
+	
+	/**
+	 * 租用金额
+	 */
+					
+	private String zuyongjine;
+	
+	/**
+	 * 预约时间
+	 */
+				
+	@JsonFormat(locale="zh", timezone="GMT+8", pattern="yyyy-MM-dd HH:mm:ss")
+	@DateTimeFormat 		
+	private Date yuyueshijian;
+	
+	/**
+	 * 用户名
+	 */
+					
+	private String yonghuming;
+	
+	/**
+	 * 姓名
+	 */
+					
+	private String xingming;
+	
+	/**
+	 * 身份证
+	 */
+					
+	private String shenfenzheng;
+	
+	/**
+	 * 联系电话
+	 */
+					
+	private String lianxidianhua;
+	
+	/**
+	 * 房主账号
+	 */
+					
+	private String fangzhuzhanghao;
+	
+	/**
+	 * 房主姓名
+	 */
+					
+	private String fangzhuxingming;
+	
+	/**
+	 * 是否审核
+	 */
+					
+	private String sfsh;
+	
+	/**
+	 * 审核回复
+	 */
+					
+	private String shhf;
+	
+	
+	@JsonFormat(locale="zh", timezone="GMT+8", pattern="yyyy-MM-dd HH:mm:ss")
+	@DateTimeFormat
+	private Date addtime;
+
+	public Date getAddtime() {
+		return addtime;
+	}
+	public void setAddtime(Date addtime) {
+		this.addtime = addtime;
+	}
+
+	public Long getId() {
+		return id;
+	}
+
+	public void setId(Long id) {
+		this.id = id;
+	}
+	/**
+	 * 设置：预约编号
+	 */
+	public void setYuyuebianhao(String yuyuebianhao) {
+		this.yuyuebianhao = yuyuebianhao;
+	}
+	/**
+	 * 获取：预约编号
+	 */
+	public String getYuyuebianhao() {
+		return yuyuebianhao;
+	}
+	/**
+	 * 设置：房屋名称
+	 */
+	public void setFangwumingcheng(String fangwumingcheng) {
+		this.fangwumingcheng = fangwumingcheng;
+	}
+	/**
+	 * 获取：房屋名称
+	 */
+	public String getFangwumingcheng() {
+		return fangwumingcheng;
+	}
+	/**
+	 * 设置：房屋类型
+	 */
+	public void setFangwuleixing(String fangwuleixing) {
+		this.fangwuleixing = fangwuleixing;
+	}
+	/**
+	 * 获取：房屋类型
+	 */
+	public String getFangwuleixing() {
+		return fangwuleixing;
+	}
+	/**
+	 * 设置：房屋状态
+	 */
+	public void setFangwuzhuangtai(String fangwuzhuangtai) {
+		this.fangwuzhuangtai = fangwuzhuangtai;
+	}
+	/**
+	 * 获取：房屋状态
+	 */
+	public String getFangwuzhuangtai() {
+		return fangwuzhuangtai;
+	}
+	/**
+	 * 设置：小区
+	 */
+	public void setXiaoqu(String xiaoqu) {
+		this.xiaoqu = xiaoqu;
+	}
+	/**
+	 * 获取：小区
+	 */
+	public String getXiaoqu() {
+		return xiaoqu;
+	}
+	/**
+	 * 设置：月租价格
+	 */
+	public void setYuezujiage(Integer yuezujiage) {
+		this.yuezujiage = yuezujiage;
+	}
+	/**
+	 * 获取：月租价格
+	 */
+	public Integer getYuezujiage() {
+		return yuezujiage;
+	}
+	/**
+	 * 设置：押金
+	 */
+	public void setYajin(String yajin) {
+		this.yajin = yajin;
+	}
+	/**
+	 * 获取：押金
+	 */
+	public String getYajin() {
+		return yajin;
+	}
+	/**
+	 * 设置：租用月数
+	 */
+	public void setZuyongyueshu(Integer zuyongyueshu) {
+		this.zuyongyueshu = zuyongyueshu;
+	}
+	/**
+	 * 获取：租用月数
+	 */
+	public Integer getZuyongyueshu() {
+		return zuyongyueshu;
+	}
+	/**
+	 * 设置：租用金额
+	 */
+	public void setZuyongjine(String zuyongjine) {
+		this.zuyongjine = zuyongjine;
+	}
+	/**
+	 * 获取：租用金额
+	 */
+	public String getZuyongjine() {
+		return zuyongjine;
+	}
+	/**
+	 * 设置：预约时间
+	 */
+	public void setYuyueshijian(Date yuyueshijian) {
+		this.yuyueshijian = yuyueshijian;
+	}
+	/**
+	 * 获取：预约时间
+	 */
+	public Date getYuyueshijian() {
+		return yuyueshijian;
+	}
+	/**
+	 * 设置：用户名
+	 */
+	public void setYonghuming(String yonghuming) {
+		this.yonghuming = yonghuming;
+	}
+	/**
+	 * 获取：用户名
+	 */
+	public String getYonghuming() {
+		return yonghuming;
+	}
+	/**
+	 * 设置：姓名
+	 */
+	public void setXingming(String xingming) {
+		this.xingming = xingming;
+	}
+	/**
+	 * 获取：姓名
+	 */
+	public String getXingming() {
+		return xingming;
+	}
+	/**
+	 * 设置：身份证
+	 */
+	public void setShenfenzheng(String shenfenzheng) {
+		this.shenfenzheng = shenfenzheng;
+	}
+	/**
+	 * 获取：身份证
+	 */
+	public String getShenfenzheng() {
+		return shenfenzheng;
+	}
+	/**
+	 * 设置：联系电话
+	 */
+	public void setLianxidianhua(String lianxidianhua) {
+		this.lianxidianhua = lianxidianhua;
+	}
+	/**
+	 * 获取：联系电话
+	 */
+	public String getLianxidianhua() {
+		return lianxidianhua;
+	}
+	/**
+	 * 设置：房主账号
+	 */
+	public void setFangzhuzhanghao(String fangzhuzhanghao) {
+		this.fangzhuzhanghao = fangzhuzhanghao;
+	}
+	/**
+	 * 获取：房主账号
+	 */
+	public String getFangzhuzhanghao() {
+		return fangzhuzhanghao;
+	}
+	/**
+	 * 设置：房主姓名
+	 */
+	public void setFangzhuxingming(String fangzhuxingming) {
+		this.fangzhuxingming = fangzhuxingming;
+	}
+	/**
+	 * 获取：房主姓名
+	 */
+	public String getFangzhuxingming() {
+		return fangzhuxingming;
+	}
+	/**
+	 * 设置：是否审核
+	 */
+	public void setSfsh(String sfsh) {
+		this.sfsh = sfsh;
+	}
+	/**
+	 * 获取：是否审核
+	 */
+	public String getSfsh() {
+		return sfsh;
+	}
+	/**
+	 * 设置：审核回复
+	 */
+	public void setShhf(String shhf) {
+		this.shhf = shhf;
+	}
+	/**
+	 * 获取：审核回复
+	 */
+	public String getShhf() {
+		return shhf;
+	}
+
+}

src/main/java/com/entity/model/WoyaodangfangzhuModel.java

@@ -1,8 +1,5 @@
 package com.entity.model;
 
-import com.entity.WoyaodangfangzhuEntity;
-
-import com.baomidou.mybatisplus.annotations.TableName;
 import java.util.Date;
 import org.springframework.format.annotation.DateTimeFormat;
 

src/main/java/com/entity/model/YuyuekanfangModel.java

@@ -0,0 +1,397 @@
+package com.entity.model;
+
+import com.fasterxml.jackson.annotation.JsonFormat;
+import org.springframework.format.annotation.DateTimeFormat;
+
+import java.io.Serializable;
+import java.util.Date;
+
+
+/**
+ * 预约看房
+ * 接收传参的实体类
+ * 取自ModelAndView 的model名称
+ * @author 
+ * @email
+ */
+public class YuyuekanfangModel implements Serializable {
+	private static final long serialVersionUID = 1L;
+
+	 			
+	/**
+	 * 房屋名称
+	 */
+	
+	private String fangwumingcheng;
+		
+	/**
+	 * 房屋类型
+	 */
+	
+	private String fangwuleixing;
+		
+	/**
+	 * 房屋状态
+	 */
+	
+	private String fangwuzhuangtai;
+		
+	/**
+	 * 小区
+	 */
+	
+	private String xiaoqu;
+		
+	/**
+	 * 月租价格
+	 */
+	
+	private Integer yuezujiage;
+		
+	/**
+	 * 押金
+	 */
+	
+	private String yajin;
+		
+	/**
+	 * 租用月数
+	 */
+	
+	private Integer zuyongyueshu;
+		
+	/**
+	 * 租用金额
+	 */
+	
+	private String zuyongjine;
+		
+	/**
+	 * 预约时间
+	 */
+		
+	@JsonFormat(locale="zh", timezone="GMT+8", pattern="yyyy-MM-dd HH:mm:ss")
+	@DateTimeFormat 
+	private Date yuyueshijian;
+		
+	/**
+	 * 用户名
+	 */
+	
+	private String yonghuming;
+		
+	/**
+	 * 姓名
+	 */
+	
+	private String xingming;
+		
+	/**
+	 * 身份证
+	 */
+	
+	private String shenfenzheng;
+		
+	/**
+	 * 联系电话
+	 */
+	
+	private String lianxidianhua;
+		
+	/**
+	 * 房主账号
+	 */
+	
+	private String fangzhuzhanghao;
+		
+	/**
+	 * 房主姓名
+	 */
+	
+	private String fangzhuxingming;
+		
+	/**
+	 * 是否审核
+	 */
+	
+	private String sfsh;
+		
+	/**
+	 * 审核回复
+	 */
+	
+	private String shhf;
+				
+	
+	/**
+	 * 设置：房屋名称
+	 */
+	 
+	public void setFangwumingcheng(String fangwumingcheng) {
+		this.fangwumingcheng = fangwumingcheng;
+	}
+	
+	/**
+	 * 获取：房屋名称
+	 */
+	public String getFangwumingcheng() {
+		return fangwumingcheng;
+	}
+				
+	
+	/**
+	 * 设置：房屋类型
+	 */
+	 
+	public void setFangwuleixing(String fangwuleixing) {
+		this.fangwuleixing = fangwuleixing;
+	}
+	
+	/**
+	 * 获取：房屋类型
+	 */
+	public String getFangwuleixing() {
+		return fangwuleixing;
+	}
+				
+	
+	/**
+	 * 设置：房屋状态
+	 */
+	 
+	public void setFangwuzhuangtai(String fangwuzhuangtai) {
+		this.fangwuzhuangtai = fangwuzhuangtai;
+	}
+	
+	/**
+	 * 获取：房屋状态
+	 */
+	public String getFangwuzhuangtai() {
+		return fangwuzhuangtai;
+	}
+				
+	
+	/**
+	 * 设置：小区
+	 */
+	 
+	public void setXiaoqu(String xiaoqu) {
+		this.xiaoqu = xiaoqu;
+	}
+	
+	/**
+	 * 获取：小区
+	 */
+	public String getXiaoqu() {
+		return xiaoqu;
+	}
+				
+	
+	/**
+	 * 设置：月租价格
+	 */
+	 
+	public void setYuezujiage(Integer yuezujiage) {
+		this.yuezujiage = yuezujiage;
+	}
+	
+	/**
+	 * 获取：月租价格
+	 */
+	public Integer getYuezujiage() {
+		return yuezujiage;
+	}
+				
+	
+	/**
+	 * 设置：押金
+	 */
+	 
+	public void setYajin(String yajin) {
+		this.yajin = yajin;
+	}
+	
+	/**
+	 * 获取：押金
+	 */
+	public String getYajin() {
+		return yajin;
+	}
+				
+	
+	/**
+	 * 设置：租用月数
+	 */
+	 
+	public void setZuyongyueshu(Integer zuyongyueshu) {
+		this.zuyongyueshu = zuyongyueshu;
+	}
+	
+	/**
+	 * 获取：租用月数
+	 */
+	public Integer getZuyongyueshu() {
+		return zuyongyueshu;
+	}
+				
+	
+	/**
+	 * 设置：租用金额
+	 */
+	 
+	public void setZuyongjine(String zuyongjine) {
+		this.zuyongjine = zuyongjine;
+	}
+	
+	/**
+	 * 获取：租用金额
+	 */
+	public String getZuyongjine() {
+		return zuyongjine;
+	}
+				
+	
+	/**
+	 * 设置：预约时间
+	 */
+	 
+	public void setYuyueshijian(Date yuyueshijian) {
+		this.yuyueshijian = yuyueshijian;
+	}
+	
+	/**
+	 * 获取：预约时间
+	 */
+	public Date getYuyueshijian() {
+		return yuyueshijian;
+	}
+				
+	
+	/**
+	 * 设置：用户名
+	 */
+	 
+	public void setYonghuming(String yonghuming) {
+		this.yonghuming = yonghuming;
+	}
+	
+	/**
+	 * 获取：用户名
+	 */
+	public String getYonghuming() {
+		return yonghuming;
+	}
+				
+	
+	/**
+	 * 设置：姓名
+	 */
+	 
+	public void setXingming(String xingming) {
+		this.xingming = xingming;
+	}
+	
+	/**
+	 * 获取：姓名
+	 */
+	public String getXingming() {
+		return xingming;
+	}
+				
+	
+	/**
+	 * 设置：身份证
+	 */
+	 
+	public void setShenfenzheng(String shenfenzheng) {
+		this.shenfenzheng = shenfenzheng;
+	}
+	
+	/**
+	 * 获取：身份证
+	 */
+	public String getShenfenzheng() {
+		return shenfenzheng;
+	}
+				
+	
+	/**
+	 * 设置：联系电话
+	 */
+	 
+	public void setLianxidianhua(String lianxidianhua) {
+		this.lianxidianhua = lianxidianhua;
+	}
+	
+	/**
+	 * 获取：联系电话
+	 */
+	public String getLianxidianhua() {
+		return lianxidianhua;
+	}
+				
+	
+	/**
+	 * 设置：房主账号
+	 */
+	 
+	public void setFangzhuzhanghao(String fangzhuzhanghao) {
+		this.fangzhuzhanghao = fangzhuzhanghao;
+	}
+	
+	/**
+	 * 获取：房主账号
+	 */
+	public String getFangzhuzhanghao() {
+		return fangzhuzhanghao;
+	}
+				
+	
+	/**
+	 * 设置：房主姓名
+	 */
+	 
+	public void setFangzhuxingming(String fangzhuxingming) {
+		this.fangzhuxingming = fangzhuxingming;
+	}
+	
+	/**
+	 * 获取：房主姓名
+	 */
+	public String getFangzhuxingming() {
+		return fangzhuxingming;
+	}
+				
+	
+	/**
+	 * 设置：是否审核
+	 */
+	 
+	public void setSfsh(String sfsh) {
+		this.sfsh = sfsh;
+	}
+	
+	/**
+	 * 获取：是否审核
+	 */
+	public String getSfsh() {
+		return sfsh;
+	}
+				
+	
+	/**
+	 * 设置：审核回复
+	 */
+	 
+	public void setShhf(String shhf) {
+		this.shhf = shhf;
+	}
+	
+	/**
+	 * 获取：审核回复
+	 */
+	public String getShhf() {
+		return shhf;
+	}
+			
+}

src/main/java/com/entity/view/YuyuekanfangView.java

@@ -0,0 +1,34 @@
+package com.entity.view;
+
+import com.baomidou.mybatisplus.annotations.TableName;
+import com.entity.YuyuekanfangEntity;
+import org.apache.commons.beanutils.BeanUtils;
+
+import java.io.Serializable;
+import java.lang.reflect.InvocationTargetException;
+
+
+/**
+ * 预约看房
+ * 后端返回视图实体辅助类   
+ * （通常后端关联的表或者自定义的字段需要返回使用）
+ * @author 
+ * @email
+ */
+@TableName("yuyuekanfang")
+public class YuyuekanfangView extends YuyuekanfangEntity implements Serializable {
+	private static final long serialVersionUID = 1L;
+
+	public YuyuekanfangView(){
+	}
+ 
+ 	public YuyuekanfangView(YuyuekanfangEntity yuyuekanfangEntity){
+ 	try {
+			BeanUtils.copyProperties(this, yuyuekanfangEntity);
+		} catch (IllegalAccessException | InvocationTargetException e) {
+			// TODO Auto-generated catch block
+			e.printStackTrace();
+		}
+ 		
+	}
+}

src/main/java/com/entity/vo/YuyuekanfangVO.java

@@ -0,0 +1,397 @@
+package com.entity.vo;
+
+import com.fasterxml.jackson.annotation.JsonFormat;
+import org.springframework.format.annotation.DateTimeFormat;
+
+import java.io.Serializable;
+import java.util.Date;
+
+
+/**
+ * 预约看房
+ * 手机端接口返回实体辅助类 
+ * （主要作用去除一些不必要的字段）
+ * @author 
+ * @email
+ */
+public class YuyuekanfangVO implements Serializable {
+	private static final long serialVersionUID = 1L;
+
+	 			
+	/**
+	 * 房屋名称
+	 */
+	
+	private String fangwumingcheng;
+		
+	/**
+	 * 房屋类型
+	 */
+	
+	private String fangwuleixing;
+		
+	/**
+	 * 房屋状态
+	 */
+	
+	private String fangwuzhuangtai;
+		
+	/**
+	 * 小区
+	 */
+	
+	private String xiaoqu;
+		
+	/**
+	 * 月租价格
+	 */
+	
+	private Integer yuezujiage;
+		
+	/**
+	 * 押金
+	 */
+	
+	private String yajin;
+		
+	/**
+	 * 租用月数
+	 */
+	
+	private Integer zuyongyueshu;
+		
+	/**
+	 * 租用金额
+	 */
+	
+	private String zuyongjine;
+		
+	/**
+	 * 预约时间
+	 */
+		
+	@JsonFormat(locale="zh", timezone="GMT+8", pattern="yyyy-MM-dd HH:mm:ss")
+	@DateTimeFormat 
+	private Date yuyueshijian;
+		
+	/**
+	 * 用户名
+	 */
+	
+	private String yonghuming;
+		
+	/**
+	 * 姓名
+	 */
+	
+	private String xingming;
+		
+	/**
+	 * 身份证
+	 */
+	
+	private String shenfenzheng;
+		
+	/**
+	 * 联系电话
+	 */
+	
+	private String lianxidianhua;
+		
+	/**
+	 * 房主账号
+	 */
+	
+	private String fangzhuzhanghao;
+		
+	/**
+	 * 房主姓名
+	 */
+	
+	private String fangzhuxingming;
+		
+	/**
+	 * 是否审核
+	 */
+	
+	private String sfsh;
+		
+	/**
+	 * 审核回复
+	 */
+	
+	private String shhf;
+				
+	
+	/**
+	 * 设置：房屋名称
+	 */
+	 
+	public void setFangwumingcheng(String fangwumingcheng) {
+		this.fangwumingcheng = fangwumingcheng;
+	}
+	
+	/**
+	 * 获取：房屋名称
+	 */
+	public String getFangwumingcheng() {
+		return fangwumingcheng;
+	}
+				
+	
+	/**
+	 * 设置：房屋类型
+	 */
+	 
+	public void setFangwuleixing(String fangwuleixing) {
+		this.fangwuleixing = fangwuleixing;
+	}
+	
+	/**
+	 * 获取：房屋类型
+	 */
+	public String getFangwuleixing() {
+		return fangwuleixing;
+	}
+				
+	
+	/**
+	 * 设置：房屋状态
+	 */
+	 
+	public void setFangwuzhuangtai(String fangwuzhuangtai) {
+		this.fangwuzhuangtai = fangwuzhuangtai;
+	}
+	
+	/**
+	 * 获取：房屋状态
+	 */
+	public String getFangwuzhuangtai() {
+		return fangwuzhuangtai;
+	}
+				
+	
+	/**
+	 * 设置：小区
+	 */
+	 
+	public void setXiaoqu(String xiaoqu) {
+		this.xiaoqu = xiaoqu;
+	}
+	
+	/**
+	 * 获取：小区
+	 */
+	public String getXiaoqu() {
+		return xiaoqu;
+	}
+				
+	
+	/**
+	 * 设置：月租价格
+	 */
+	 
+	public void setYuezujiage(Integer yuezujiage) {
+		this.yuezujiage = yuezujiage;
+	}
+	
+	/**
+	 * 获取：月租价格
+	 */
+	public Integer getYuezujiage() {
+		return yuezujiage;
+	}
+				
+	
+	/**
+	 * 设置：押金
+	 */
+	 
+	public void setYajin(String yajin) {
+		this.yajin = yajin;
+	}
+	
+	/**
+	 * 获取：押金
+	 */
+	public String getYajin() {
+		return yajin;
+	}
+				
+	
+	/**
+	 * 设置：租用月数
+	 */
+	 
+	public void setZuyongyueshu(Integer zuyongyueshu) {
+		this.zuyongyueshu = zuyongyueshu;
+	}
+	
+	/**
+	 * 获取：租用月数
+	 */
+	public Integer getZuyongyueshu() {
+		return zuyongyueshu;
+	}
+				
+	
+	/**
+	 * 设置：租用金额
+	 */
+	 
+	public void setZuyongjine(String zuyongjine) {
+		this.zuyongjine = zuyongjine;
+	}
+	
+	/**
+	 * 获取：租用金额
+	 */
+	public String getZuyongjine() {
+		return zuyongjine;
+	}
+				
+	
+	/**
+	 * 设置：预约时间
+	 */
+	 
+	public void setYuyueshijian(Date yuyueshijian) {
+		this.yuyueshijian = yuyueshijian;
+	}
+	
+	/**
+	 * 获取：预约时间
+	 */
+	public Date getYuyueshijian() {
+		return yuyueshijian;
+	}
+				
+	
+	/**
+	 * 设置：用户名
+	 */
+	 
+	public void setYonghuming(String yonghuming) {
+		this.yonghuming = yonghuming;
+	}
+	
+	/**
+	 * 获取：用户名
+	 */
+	public String getYonghuming() {
+		return yonghuming;
+	}
+				
+	
+	/**
+	 * 设置：姓名
+	 */
+	 
+	public void setXingming(String xingming) {
+		this.xingming = xingming;
+	}
+	
+	/**
+	 * 获取：姓名
+	 */
+	public String getXingming() {
+		return xingming;
+	}
+				
+	
+	/**
+	 * 设置：身份证
+	 */
+	 
+	public void setShenfenzheng(String shenfenzheng) {
+		this.shenfenzheng = shenfenzheng;
+	}
+	
+	/**
+	 * 获取：身份证
+	 */
+	public String getShenfenzheng() {
+		return shenfenzheng;
+	}
+				
+	
+	/**
+	 * 设置：联系电话
+	 */
+	 
+	public void setLianxidianhua(String lianxidianhua) {
+		this.lianxidianhua = lianxidianhua;
+	}
+	
+	/**
+	 * 获取：联系电话
+	 */
+	public String getLianxidianhua() {
+		return lianxidianhua;
+	}
+				
+	
+	/**
+	 * 设置：房主账号
+	 */
+	 
+	public void setFangzhuzhanghao(String fangzhuzhanghao) {
+		this.fangzhuzhanghao = fangzhuzhanghao;
+	}
+	
+	/**
+	 * 获取：房主账号
+	 */
+	public String getFangzhuzhanghao() {
+		return fangzhuzhanghao;
+	}
+				
+	
+	/**
+	 * 设置：房主姓名
+	 */
+	 
+	public void setFangzhuxingming(String fangzhuxingming) {
+		this.fangzhuxingming = fangzhuxingming;
+	}
+	
+	/**
+	 * 获取：房主姓名
+	 */
+	public String getFangzhuxingming() {
+		return fangzhuxingming;
+	}
+				
+	
+	/**
+	 * 设置：是否审核
+	 */
+	 
+	public void setSfsh(String sfsh) {
+		this.sfsh = sfsh;
+	}
+	
+	/**
+	 * 获取：是否审核
+	 */
+	public String getSfsh() {
+		return sfsh;
+	}
+				
+	
+	/**
+	 * 设置：审核回复
+	 */
+	 
+	public void setShhf(String shhf) {
+		this.shhf = shhf;
+	}
+	
+	/**
+	 * 获取：审核回复
+	 */
+	public String getShhf() {
+		return shhf;
+	}
+			
+}

src/main/java/com/service/YuyuekanfangService.java

@@ -0,0 +1,37 @@
+package com.service;
+
+import com.baomidou.mybatisplus.mapper.Wrapper;
+import com.baomidou.mybatisplus.service.IService;
+import com.entity.YuyuekanfangEntity;
+import com.entity.view.YuyuekanfangView;
+import com.entity.vo.YuyuekanfangVO;
+import com.utils.PageUtils;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+import java.util.Map;
+
+
+/**
+ * 预约看房
+ *
+ * @author 
+ * @email 
+ * @date 2021-03-04 18:46:21
+ */
+public interface YuyuekanfangService extends IService<YuyuekanfangEntity> {
+
+    PageUtils queryPage(Map<String, Object> params);
+    
+   	List<YuyuekanfangVO> selectListVO(Wrapper<YuyuekanfangEntity> wrapper);
+   	
+   	YuyuekanfangVO selectVO(@Param("ew") Wrapper<YuyuekanfangEntity> wrapper);
+   	
+   	List<YuyuekanfangView> selectListView(Wrapper<YuyuekanfangEntity> wrapper);
+   	
+   	YuyuekanfangView selectView(@Param("ew") Wrapper<YuyuekanfangEntity> wrapper);
+   	
+   	PageUtils queryPage(Map<String, Object> params,Wrapper<YuyuekanfangEntity> wrapper);
+   	
+}
+

src/main/java/com/service/impl/YuyuekanfangServiceImpl.java

@@ -0,0 +1,60 @@
+package com.service.impl;
+
+import com.baomidou.mybatisplus.mapper.EntityWrapper;
+import com.baomidou.mybatisplus.mapper.Wrapper;
+import com.baomidou.mybatisplus.plugins.Page;
+import com.baomidou.mybatisplus.service.impl.ServiceImpl;
+import com.dao.YuyuekanfangDao;
+import com.entity.YuyuekanfangEntity;
+import com.entity.view.YuyuekanfangView;
+import com.entity.vo.YuyuekanfangVO;
+import com.service.YuyuekanfangService;
+import com.utils.PageUtils;
+import com.utils.Query;
+import org.springframework.stereotype.Service;
+
+import java.util.List;
+import java.util.Map;
+
+@Service("yuyuekanfangService")
+public class YuyuekanfangServiceImpl extends ServiceImpl<YuyuekanfangDao, YuyuekanfangEntity> implements YuyuekanfangService {
+	
+	
+    @Override
+    public PageUtils queryPage(Map<String, Object> params) {
+        Page<YuyuekanfangEntity> page = this.selectPage(
+                new Query<YuyuekanfangEntity>(params).getPage(),
+                new EntityWrapper<YuyuekanfangEntity>()
+        );
+        return new PageUtils(page);
+    }
+    
+    @Override
+	public PageUtils queryPage(Map<String, Object> params, Wrapper<YuyuekanfangEntity> wrapper) {
+		  Page<YuyuekanfangView> page =new Query<YuyuekanfangView>(params).getPage();
+	        page.setRecords(baseMapper.selectListView(page,wrapper));
+	    	PageUtils pageUtil = new PageUtils(page);
+	    	return pageUtil;
+ 	}
+    
+    @Override
+	public List<YuyuekanfangVO> selectListVO(Wrapper<YuyuekanfangEntity> wrapper) {
+ 		return baseMapper.selectListVO(wrapper);
+	}
+	
+	@Override
+	public YuyuekanfangVO selectVO(Wrapper<YuyuekanfangEntity> wrapper) {
+ 		return baseMapper.selectVO(wrapper);
+	}
+	
+	@Override
+	public List<YuyuekanfangView> selectListView(Wrapper<YuyuekanfangEntity> wrapper) {
+		return baseMapper.selectListView(wrapper);
+	}
+
+	@Override
+	public YuyuekanfangView selectView(Wrapper<YuyuekanfangEntity> wrapper) {
+		return baseMapper.selectView(wrapper);
+	}
+
+}

src/main/resources/admin/admin/src/views/modules/yuyuekanfang/add-or-update.vue

@@ -0,0 +1,744 @@
+<template>
+  <div class="addEdit-block">
+    <el-form
+      class="detail-form-content"
+      ref="ruleForm"
+      :model="ruleForm"
+      :rules="rules"
+      label-width="80px"
+	  :style="{backgroundColor:addEditForm.addEditBoxColor}"
+    >
+      <el-row>
+                        <el-col :span="12">
+        <el-form-item class="input" v-if="type!='info'" label="预约编号" prop="yuyuebianhao">
+            <el-input v-model="ruleForm.yuyuebianhao" 
+                placeholder="预约编号" readonly></el-input>
+        </el-form-item>
+        <div v-else>
+          <el-form-item class="input" v-if="ruleForm.yuyuebianhao" label="预约编号" prop="yuyuebianhao">
+              <el-input v-model="ruleForm.yuyuebianhao" 
+                placeholder="预约编号" readonly></el-input>
+          </el-form-item>
+        </div>
+      </el-col>
+                                    <el-col :span="12">
+        <el-form-item class="input" v-if="type!='info'"  label="房屋名称" prop="fangwumingcheng">
+          <el-input v-model="ruleForm.fangwumingcheng" 
+              placeholder="房屋名称" clearable  :readonly="ro.fangwumingcheng"></el-input>
+        </el-form-item>
+        <div v-else>
+          <el-form-item class="input" label="房屋名称" prop="fangwumingcheng">
+              <el-input v-model="ruleForm.fangwumingcheng" 
+                placeholder="房屋名称" readonly></el-input>
+          </el-form-item>
+        </div>
+      </el-col>
+                                    <el-col :span="12">
+        <el-form-item class="input" v-if="type!='info'"  label="房屋类型" prop="fangwuleixing">
+          <el-input v-model="ruleForm.fangwuleixing" 
+              placeholder="房屋类型" clearable  :readonly="ro.fangwuleixing"></el-input>
+        </el-form-item>
+        <div v-else>
+          <el-form-item class="input" label="房屋类型" prop="fangwuleixing">
+              <el-input v-model="ruleForm.fangwuleixing" 
+                placeholder="房屋类型" readonly></el-input>
+          </el-form-item>
+        </div>
+      </el-col>
+                                    <el-col :span="12">
+        <el-form-item class="input" v-if="type!='info'"  label="房屋状态" prop="fangwuzhuangtai">
+          <el-input v-model="ruleForm.fangwuzhuangtai" 
+              placeholder="房屋状态" clearable  :readonly="ro.fangwuzhuangtai"></el-input>
+        </el-form-item>
+        <div v-else>
+          <el-form-item class="input" label="房屋状态" prop="fangwuzhuangtai">
+              <el-input v-model="ruleForm.fangwuzhuangtai" 
+                placeholder="房屋状态" readonly></el-input>
+          </el-form-item>
+        </div>
+      </el-col>
+                                    <el-col :span="12">
+        <el-form-item class="input" v-if="type!='info'"  label="小区" prop="xiaoqu">
+          <el-input v-model="ruleForm.xiaoqu" 
+              placeholder="小区" clearable  :readonly="ro.xiaoqu"></el-input>
+        </el-form-item>
+        <div v-else>
+          <el-form-item class="input" label="小区" prop="xiaoqu">
+              <el-input v-model="ruleForm.xiaoqu" 
+                placeholder="小区" readonly></el-input>
+          </el-form-item>
+        </div>
+      </el-col>
+                                    <el-col :span="12">
+        <el-form-item class="input" v-if="type!='info'"  label="月租价格" prop="yuezujiage">
+          <el-input v-model="ruleForm.yuezujiage" 
+              placeholder="月租价格" clearable  :readonly="ro.yuezujiage"></el-input>
+        </el-form-item>
+        <div v-else>
+          <el-form-item class="input" label="月租价格" prop="yuezujiage">
+              <el-input v-model="ruleForm.yuezujiage" 
+                placeholder="月租价格" readonly></el-input>
+          </el-form-item>
+        </div>
+      </el-col>
+                                    <el-col :span="12">
+        <el-form-item class="input" v-if="type!='info'"  label="押金" prop="yajin">
+          <el-input v-model="ruleForm.yajin" 
+              placeholder="押金" clearable  :readonly="ro.yajin"></el-input>
+        </el-form-item>
+        <div v-else>
+          <el-form-item class="input" label="押金" prop="yajin">
+              <el-input v-model="ruleForm.yajin" 
+                placeholder="押金" readonly></el-input>
+          </el-form-item>
+        </div>
+      </el-col>
+                                    <el-col :span="12">
+        <el-form-item class="input" v-if="type!='info'"  label="租用月数" prop="zuyongyueshu">
+          <el-input v-model="ruleForm.zuyongyueshu" 
+              placeholder="租用月数" clearable  :readonly="ro.zuyongyueshu"></el-input>
+        </el-form-item>
+        <div v-else>
+          <el-form-item class="input" label="租用月数" prop="zuyongyueshu">
+              <el-input v-model="ruleForm.zuyongyueshu" 
+                placeholder="租用月数" readonly></el-input>
+          </el-form-item>
+        </div>
+      </el-col>
+                                    <el-col :span="12">
+        <el-form-item class="input" v-if="type!='info'"  label="租用金额" prop="zuyongjine">
+            <el-input v-model="zuyongjine"
+                placeholder="租用金额" readonly></el-input>
+        </el-form-item>
+        <div v-else>
+          <el-form-item class="input" v-if="ruleForm.zuyongjine" label="租用金额" prop="zuyongjine">
+              <el-input v-model="ruleForm.zuyongjine" 
+                placeholder="租用金额" readonly></el-input>
+          </el-form-item>
+        </div>
+      </el-col>
+                                    <el-col :span="12">
+        <el-form-item class="date" v-if="type!='info'" label="预约时间" prop="yuyueshijian">
+            <el-date-picker
+                value-format="yyyy-MM-dd HH:mm:ss"
+                v-model="ruleForm.yuyueshijian" 
+                type="datetime"
+                placeholder="预约时间">
+            </el-date-picker>
+        </el-form-item>
+        <div v-else>
+          <el-form-item class="input" v-if="ruleForm.yuyueshijian" label="预约时间" prop="yuyueshijian">
+              <el-input v-model="ruleForm.yuyueshijian" 
+                placeholder="预约时间" readonly></el-input>
+          </el-form-item>
+        </div>
+      </el-col>
+                                    <el-col :span="12">
+        <el-form-item class="input" v-if="type!='info'"  label="用户名" prop="yonghuming">
+          <el-input v-model="ruleForm.yonghuming" 
+              placeholder="用户名" clearable  :readonly="ro.yonghuming"></el-input>
+        </el-form-item>
+        <div v-else>
+          <el-form-item class="input" label="用户名" prop="yonghuming">
+              <el-input v-model="ruleForm.yonghuming" 
+                placeholder="用户名" readonly></el-input>
+          </el-form-item>
+        </div>
+      </el-col>
+                                    <el-col :span="12">
+        <el-form-item class="input" v-if="type!='info'"  label="姓名" prop="xingming">
+          <el-input v-model="ruleForm.xingming" 
+              placeholder="姓名" clearable  :readonly="ro.xingming"></el-input>
+        </el-form-item>
+        <div v-else>
+          <el-form-item class="input" label="姓名" prop="xingming">
+              <el-input v-model="ruleForm.xingming" 
+                placeholder="姓名" readonly></el-input>
+          </el-form-item>
+        </div>
+      </el-col>
+                                    <el-col :span="12">
+        <el-form-item class="input" v-if="type!='info'"  label="身份证" prop="shenfenzheng">
+          <el-input v-model="ruleForm.shenfenzheng" 
+              placeholder="身份证" clearable  :readonly="ro.shenfenzheng"></el-input>
+        </el-form-item>
+        <div v-else>
+          <el-form-item class="input" label="身份证" prop="shenfenzheng">
+              <el-input v-model="ruleForm.shenfenzheng" 
+                placeholder="身份证" readonly></el-input>
+          </el-form-item>
+        </div>
+      </el-col>
+                                    <el-col :span="12">
+        <el-form-item class="input" v-if="type!='info'"  label="联系电话" prop="lianxidianhua">
+          <el-input v-model="ruleForm.lianxidianhua" 
+              placeholder="联系电话" clearable  :readonly="ro.lianxidianhua"></el-input>
+        </el-form-item>
+        <div v-else>
+          <el-form-item class="input" label="联系电话" prop="lianxidianhua">
+              <el-input v-model="ruleForm.lianxidianhua" 
+                placeholder="联系电话" readonly></el-input>
+          </el-form-item>
+        </div>
+      </el-col>
+                                    <el-col :span="12">
+        <el-form-item class="input" v-if="type!='info'"  label="房主账号" prop="fangzhuzhanghao">
+          <el-input v-model="ruleForm.fangzhuzhanghao" 
+              placeholder="房主账号" clearable  :readonly="ro.fangzhuzhanghao"></el-input>
+        </el-form-item>
+        <div v-else>
+          <el-form-item class="input" label="房主账号" prop="fangzhuzhanghao">
+              <el-input v-model="ruleForm.fangzhuzhanghao" 
+                placeholder="房主账号" readonly></el-input>
+          </el-form-item>
+        </div>
+      </el-col>
+                                    <el-col :span="12">
+        <el-form-item class="input" v-if="type!='info'"  label="房主姓名" prop="fangzhuxingming">
+          <el-input v-model="ruleForm.fangzhuxingming" 
+              placeholder="房主姓名" clearable  :readonly="ro.fangzhuxingming"></el-input>
+        </el-form-item>
+        <div v-else>
+          <el-form-item class="input" label="房主姓名" prop="fangzhuxingming">
+              <el-input v-model="ruleForm.fangzhuxingming" 
+                placeholder="房主姓名" readonly></el-input>
+          </el-form-item>
+        </div>
+      </el-col>
+                                                                                          </el-row>
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          <el-form-item class="btn">
+                <el-button v-if="type!='info'" type="primary" class="btn-success" @click="onSubmit">提交</el-button>
+        <el-button v-if="type!='info'" class="btn-close" @click="back()">取消</el-button>
+        <el-button v-if="type=='info'" class="btn-close" @click="back()">返回</el-button>
+      </el-form-item>
+    </el-form>
+    
+    
+  </div>
+</template>
+<script>
+// 数字，邮件，手机，url，身份证校验
+import { isNumber,isIntNumer,isEmail,isPhone, isMobile,isURL,checkIdCard } from "@/utils/validate";
+export default {
+  data() {
+    let self = this
+    var validateIdCard = (rule, value, callback) => {
+      if(!value){
+        callback();
+      } else if (!checkIdCard(value)) {
+        callback(new Error("请输入正确的身份证号码"));
+      } else {
+        callback();
+      }
+    };
+    var validateUrl = (rule, value, callback) => {
+      if(!value){
+        callback();
+      } else if (!isURL(value)) {
+        callback(new Error("请输入正确的URL地址"));
+      } else {
+        callback();
+      }
+    };
+    var validateMobile = (rule, value, callback) => {
+      if(!value){
+        callback();
+      } else if (!isMobile(value)) {
+        callback(new Error("请输入正确的手机号码"));
+      } else {
+        callback();
+      }
+    };
+    var validatePhone = (rule, value, callback) => {
+      if(!value){
+        callback();
+      } else if (!isPhone(value)) {
+        callback(new Error("请输入正确的电话号码"));
+      } else {
+        callback();
+      }
+    };
+    var validateEmail = (rule, value, callback) => {
+      if(!value){
+        callback();
+      } else if (!isEmail(value)) {
+        callback(new Error("请输入正确的邮箱地址"));
+      } else {
+        callback();
+      }
+    };
+    var validateNumber = (rule, value, callback) => {
+      if(!value){
+        callback();
+      } else if (!isNumber(value)) {
+        callback(new Error("请输入数字"));
+      } else {
+        callback();
+      }
+    };
+    var validateIntNumber = (rule, value, callback) => {
+      if(!value){
+        callback();
+      } else if (!isIntNumer(value)) {
+        callback(new Error("请输入整数"));
+      } else {
+        callback();
+      }
+    };
+    return {
+	  addEditForm: {"btnSaveFontColor":"#fff","selectFontSize":"14px","btnCancelBorderColor":"rgba(152, 129, 129, 1)","inputBorderRadius":"22px","inputFontSize":"14px","textareaBgColor":"#fff","btnSaveFontSize":"14px","textareaBorderRadius":"22px","uploadBgColor":"#fff","textareaBorderStyle":"solid","btnCancelWidth":"88px","textareaHeight":"120px","dateBgColor":"#fff","btnSaveBorderRadius":"22px","uploadLableFontSize":"14px","textareaBorderWidth":"1px","inputLableColor":"#606266","addEditBoxColor":"rgba(210, 194, 194, 0.29)","dateIconFontSize":"14px","btnSaveBgColor":"#409EFF","uploadIconFontColor":"#8c939d","textareaBorderColor":"rgba(152, 129, 129, 1)","btnCancelBgColor":"rgba(143, 222, 143, 1)","selectLableColor":"#606266","btnSaveBorderStyle":"solid","dateBorderWidth":"1px","dateLableFontSize":"14px","dateBorderRadius":"22px","btnCancelBorderStyle":"solid","selectLableFontSize":"14px","selectBorderStyle":"solid","selectIconFontColor":"#C0C4CC","btnCancelHeight":"44px","inputHeight":"40px","btnCancelFontColor":"#606266","dateBorderColor":"rgba(152, 129, 129, 1)","dateIconFontColor":"#C0C4CC","uploadBorderStyle":"solid","dateBorderStyle":"solid","dateLableColor":"#606266","dateFontSize":"14px","inputBorderWidth":"1px","uploadIconFontSize":"28px","selectHeight":"40px","inputFontColor":"#606266","uploadHeight":"148px","textareaLableColor":"#606266","textareaLableFontSize":"14px","btnCancelFontSize":"14px","inputBorderStyle":"solid","btnCancelBorderRadius":"22px","inputBgColor":"rgba(252, 250, 250, 1)","inputLableFontSize":"14px","uploadLableColor":"#606266","uploadBorderRadius":"22px","btnSaveHeight":"44px","selectBgColor":"#fff","btnSaveWidth":"88px","selectIconFontSize":"14px","dateHeight":"40px","selectBorderColor":"rgba(152, 129, 129, 1)","inputBorderColor":"rgba(152, 129, 129, 1)","uploadBorderColor":"rgba(152, 129, 129, 1)","textareaFontColor":"#606266","selectBorderWidth":"1px","dateFontColor":"#606266","btnCancelBorderWidth":"1px","uploadBorderWidth":"1px","textareaFontSize":"14px","selectBorderRadius":"22px","selectFontColor":"#606266","btnSaveBorderColor":"#409EFF","btnSaveBorderWidth":"1px"},
+      id: '',
+      type: '',
+      ro:{
+	yuyuebianhao : false,
+	fangwumingcheng : false,
+	fangwuleixing : false,
+	fangwuzhuangtai : false,
+	xiaoqu : false,
+	yuezujiage : false,
+	yajin : false,
+	zuyongyueshu : false,
+	zuyongjine : false,
+	yuyueshijian : false,
+	yonghuming : false,
+	xingming : false,
+	shenfenzheng : false,
+	lianxidianhua : false,
+	fangzhuzhanghao : false,
+	fangzhuxingming : false,
+	sfsh : false,
+	shhf : false,
+      },
+            ruleForm: {
+                        yuyuebianhao: this.getUUID(),
+                        	        fangwumingcheng: '',
+	                        	        fangwuleixing: '',
+	                        	        fangwuzhuangtai: '',
+	                        	        xiaoqu: '',
+	                        	        yuezujiage: '',
+	                        	        yajin: '',
+	                        	        zuyongyueshu: '',
+	                        	        zuyongjine: '',
+	                        	        yuyueshijian: '',
+	                        	        yonghuming: '',
+	                        	        xingming: '',
+	                        	        shenfenzheng: '',
+	                        	        lianxidianhua: '',
+	                        	        fangzhuzhanghao: '',
+	                        	        fangzhuxingming: '',
+	                        	                        	        shhf: '',
+	                      },
+                                                                                                                                                                                                                                                                        rules: {
+                  yuyuebianhao: [
+                            { required: true, message: '预约编号不能为空', trigger: 'blur' },
+                                    	                                                              ],
+                  fangwumingcheng: [
+                                    	                                                              ],
+                  fangwuleixing: [
+                                    	                                                              ],
+                  fangwuzhuangtai: [
+                                    	                                                              ],
+                  xiaoqu: [
+                                    	                                                              ],
+                  yuezujiage: [
+                                        { validator: validateIntNumber, trigger: 'blur' },
+                        	                                                              ],
+                  yajin: [
+                                    	                                                              ],
+                  zuyongyueshu: [
+                                        { validator: validateIntNumber, trigger: 'blur' },
+                        	                                                              ],
+                  zuyongjine: [
+                                    	                                                              ],
+                  yuyueshijian: [
+                            { required: true, message: '预约时间不能为空', trigger: 'blur' },
+                                    	                                                              ],
+                  yonghuming: [
+                                    	                                                              ],
+                  xingming: [
+                                    	                                                              ],
+                  shenfenzheng: [
+                                    	                                                              ],
+                  lianxidianhua: [
+                                    	                                                              ],
+                  fangzhuzhanghao: [
+                                    	                                                              ],
+                  fangzhuxingming: [
+                                    	                                                              ],
+                  sfsh: [
+                                    	                                                              ],
+                  shhf: [
+                                    	                                                              ],
+              }
+    };
+  },
+  props: ["parent"],
+  computed: {
+                                                                                                            zuyongjine:{
+                                                                                                                                                                                                                                                                                        get: function () {
+        return 1*this.ruleForm.yuezujiage*this.ruleForm.zuyongyueshu
+      }
+    },
+                                                                                                                          },
+  created() {
+	this.addEditStyleChange()
+	this.addEditUploadStyleChange()
+  },
+  methods: {
+        // 下载
+    download(file){
+      window.open(`${file}`)
+    },
+    // 初始化
+    init(id,type) {
+      if (id) {
+        this.id = id;
+        this.type = type;
+      }
+      if(this.type=='info'||this.type=='else'){
+        this.info(id);
+      }else if(this.type=='cross'){
+        var obj = this.$storage.getObj('crossObj');
+        for (var o in obj){
+          	            if(o=='yuyuebianhao'){
+            this.ruleForm.yuyuebianhao = obj[o];
+	    this.ro.yuyuebianhao = true;
+            continue;
+          }
+	            	            if(o=='fangwumingcheng'){
+            this.ruleForm.fangwumingcheng = obj[o];
+	    this.ro.fangwumingcheng = true;
+            continue;
+          }
+	            	            if(o=='fangwuleixing'){
+            this.ruleForm.fangwuleixing = obj[o];
+	    this.ro.fangwuleixing = true;
+            continue;
+          }
+	            	            if(o=='fangwuzhuangtai'){
+            this.ruleForm.fangwuzhuangtai = obj[o];
+	    this.ro.fangwuzhuangtai = true;
+            continue;
+          }
+	            	            if(o=='xiaoqu'){
+            this.ruleForm.xiaoqu = obj[o];
+	    this.ro.xiaoqu = true;
+            continue;
+          }
+	            	            if(o=='yuezujiage'){
+            this.ruleForm.yuezujiage = obj[o];
+	    this.ro.yuezujiage = true;
+            continue;
+          }
+	            	            if(o=='yajin'){
+            this.ruleForm.yajin = obj[o];
+	    this.ro.yajin = true;
+            continue;
+          }
+	            	            if(o=='zuyongyueshu'){
+            this.ruleForm.zuyongyueshu = obj[o];
+	    this.ro.zuyongyueshu = true;
+            continue;
+          }
+	            	            if(o=='zuyongjine'){
+            this.ruleForm.zuyongjine = obj[o];
+	    this.ro.zuyongjine = true;
+            continue;
+          }
+	            	            if(o=='yuyueshijian'){
+            this.ruleForm.yuyueshijian = obj[o];
+	    this.ro.yuyueshijian = true;
+            continue;
+          }
+	            	            if(o=='yonghuming'){
+            this.ruleForm.yonghuming = obj[o];
+	    this.ro.yonghuming = true;
+            continue;
+          }
+	            	            if(o=='xingming'){
+            this.ruleForm.xingming = obj[o];
+	    this.ro.xingming = true;
+            continue;
+          }
+	            	            if(o=='shenfenzheng'){
+            this.ruleForm.shenfenzheng = obj[o];
+	    this.ro.shenfenzheng = true;
+            continue;
+          }
+	            	            if(o=='lianxidianhua'){
+            this.ruleForm.lianxidianhua = obj[o];
+	    this.ro.lianxidianhua = true;
+            continue;
+          }
+	            	            if(o=='fangzhuzhanghao'){
+            this.ruleForm.fangzhuzhanghao = obj[o];
+	    this.ro.fangzhuzhanghao = true;
+            continue;
+          }
+	            	            if(o=='fangzhuxingming'){
+            this.ruleForm.fangzhuxingming = obj[o];
+	    this.ro.fangzhuxingming = true;
+            continue;
+          }
+	            	            	                    }
+                                                                                                                                                                                                                                                                                                              }
+            // 获取用户信息
+      this.$http({
+        url: `${this.$storage.get('sessionTable')}/session`,
+        method: "get"
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          var json = data.data;
+                                                                                                                                                                                                                                                  		if(json.yonghuming!=''&&json.yonghuming){
+              		this.ruleForm.yonghuming = json.yonghuming
+		}
+                                  		if(json.xingming!=''&&json.xingming){
+              		this.ruleForm.xingming = json.xingming
+		}
+                                  		if(json.shenfenzheng!=''&&json.shenfenzheng){
+              		this.ruleForm.shenfenzheng = json.shenfenzheng
+		}
+                                  		if(json.lianxidianhua!=''&&json.lianxidianhua){
+              		this.ruleForm.lianxidianhua = json.lianxidianhua
+		}
+                                                                                                                      } else {
+          this.$message.error(data.msg);
+        }
+      });
+                                                                                                                                                                                                                                                                                                                                                                  },
+                                                                                                                                                        // 多级联动参数
+                                                                                                                                                                                                info(id) {
+      this.$http({
+        url: `yuyuekanfang/info/${id}`,
+        method: "get"
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.ruleForm = data.data;
+        } else {
+          this.$message.error(data.msg);
+        }
+      });
+    },
+        // 提交
+    onSubmit() {
+                  // ${column.compare}
+                              // ${column.compare}
+                              // ${column.compare}
+                              // ${column.compare}
+                              // ${column.compare}
+                              // ${column.compare}
+                              // ${column.compare}
+                              // ${column.compare}
+                              // ${column.compare}
+              this.ruleForm.zuyongjine = this.zuyongjine
+                              // ${column.compare}
+                              // ${column.compare}
+                              // ${column.compare}
+                              // ${column.compare}
+                              // ${column.compare}
+                              // ${column.compare}
+                              // ${column.compare}
+                              // ${column.compare}
+                              // ${column.compare}
+                                                                                                                                                                                                                                                                                                                                                                        this.$refs["ruleForm"].validate(valid => {
+        if (valid) {
+          this.$http({
+            url: `yuyuekanfang/${!this.ruleForm.id ? "save" : "update"}`,
+            method: "post",
+            data: this.ruleForm
+          }).then(({ data }) => {
+            if (data && data.code === 0) {
+              this.$message({
+                message: "操作成功",
+                type: "success",
+                duration: 1500,
+                onClose: () => {
+                  this.parent.showFlag = true;
+                  this.parent.addOrUpdateFlag = false;
+                  this.parent.yuyuekanfangCrossAddOrUpdateFlag = false;
+                  this.parent.search();
+                  this.parent.contentStyleChange();
+                }
+              });
+            } else {
+              this.$message.error(data.msg);
+            }
+          });
+        }
+      });
+    },
+    // 获取uuid
+    getUUID () {
+      return new Date().getTime();
+    },
+    // 返回
+    back() {
+      this.parent.showFlag = true;
+      this.parent.addOrUpdateFlag = false;
+      this.parent.yuyuekanfangCrossAddOrUpdateFlag = false;
+      this.parent.contentStyleChange();
+    },
+                                                                                                                                                                                                                            	addEditStyleChange() {
+	  this.$nextTick(()=>{
+	    // input
+	    document.querySelectorAll('.addEdit-block .input .el-input__inner').forEach(el=>{
+	      el.style.height = this.addEditForm.inputHeight
+	      el.style.color = this.addEditForm.inputFontColor
+	      el.style.fontSize = this.addEditForm.inputFontSize
+	      el.style.borderWidth = this.addEditForm.inputBorderWidth
+	      el.style.borderStyle = this.addEditForm.inputBorderStyle
+	      el.style.borderColor = this.addEditForm.inputBorderColor
+	      el.style.borderRadius = this.addEditForm.inputBorderRadius
+	      el.style.backgroundColor = this.addEditForm.inputBgColor
+	    })
+	    document.querySelectorAll('.addEdit-block .input .el-form-item__label').forEach(el=>{
+	      el.style.lineHeight = this.addEditForm.inputHeight
+	      el.style.color = this.addEditForm.inputLableColor
+	      el.style.fontSize = this.addEditForm.inputLableFontSize
+	    })
+	    // select
+	    document.querySelectorAll('.addEdit-block .select .el-input__inner').forEach(el=>{
+	      el.style.height = this.addEditForm.selectHeight
+	      el.style.color = this.addEditForm.selectFontColor
+	      el.style.fontSize = this.addEditForm.selectFontSize
+	      el.style.borderWidth = this.addEditForm.selectBorderWidth
+	      el.style.borderStyle = this.addEditForm.selectBorderStyle
+	      el.style.borderColor = this.addEditForm.selectBorderColor
+	      el.style.borderRadius = this.addEditForm.selectBorderRadius
+	      el.style.backgroundColor = this.addEditForm.selectBgColor
+	    })
+	    document.querySelectorAll('.addEdit-block .select .el-form-item__label').forEach(el=>{
+	      el.style.lineHeight = this.addEditForm.selectHeight
+	      el.style.color = this.addEditForm.selectLableColor
+	      el.style.fontSize = this.addEditForm.selectLableFontSize
+	    })
+	    document.querySelectorAll('.addEdit-block .select .el-select__caret').forEach(el=>{
+	      el.style.color = this.addEditForm.selectIconFontColor
+	      el.style.fontSize = this.addEditForm.selectIconFontSize
+	    })
+	    // date
+	    document.querySelectorAll('.addEdit-block .date .el-input__inner').forEach(el=>{
+	      el.style.height = this.addEditForm.dateHeight
+	      el.style.color = this.addEditForm.dateFontColor
+	      el.style.fontSize = this.addEditForm.dateFontSize
+	      el.style.borderWidth = this.addEditForm.dateBorderWidth
+	      el.style.borderStyle = this.addEditForm.dateBorderStyle
+	      el.style.borderColor = this.addEditForm.dateBorderColor
+	      el.style.borderRadius = this.addEditForm.dateBorderRadius
+	      el.style.backgroundColor = this.addEditForm.dateBgColor
+	    })
+	    document.querySelectorAll('.addEdit-block .date .el-form-item__label').forEach(el=>{
+	      el.style.lineHeight = this.addEditForm.dateHeight
+	      el.style.color = this.addEditForm.dateLableColor
+	      el.style.fontSize = this.addEditForm.dateLableFontSize
+	    })
+	    document.querySelectorAll('.addEdit-block .date .el-input__icon').forEach(el=>{
+	      el.style.color = this.addEditForm.dateIconFontColor
+	      el.style.fontSize = this.addEditForm.dateIconFontSize
+	      el.style.lineHeight = this.addEditForm.dateHeight
+	    })
+	    // upload
+	    let iconLineHeight = parseInt(this.addEditForm.uploadHeight) - parseInt(this.addEditForm.uploadBorderWidth) * 2 + 'px'
+	    document.querySelectorAll('.addEdit-block .upload .el-upload--picture-card').forEach(el=>{
+	      el.style.width = this.addEditForm.uploadHeight
+	      el.style.height = this.addEditForm.uploadHeight
+	      el.style.borderWidth = this.addEditForm.uploadBorderWidth
+	      el.style.borderStyle = this.addEditForm.uploadBorderStyle
+	      el.style.borderColor = this.addEditForm.uploadBorderColor
+	      el.style.borderRadius = this.addEditForm.uploadBorderRadius
+	      el.style.backgroundColor = this.addEditForm.uploadBgColor
+	    })
+	    document.querySelectorAll('.addEdit-block .upload .el-form-item__label').forEach(el=>{
+	      el.style.lineHeight = this.addEditForm.uploadHeight
+	      el.style.color = this.addEditForm.uploadLableColor
+	      el.style.fontSize = this.addEditForm.uploadLableFontSize
+	    })
+	    document.querySelectorAll('.addEdit-block .upload .el-icon-plus').forEach(el=>{
+	      el.style.color = this.addEditForm.uploadIconFontColor
+	      el.style.fontSize = this.addEditForm.uploadIconFontSize
+	      el.style.lineHeight = iconLineHeight
+	      el.style.display = 'block'
+	    })
+	    // 多文本输入框
+	    document.querySelectorAll('.addEdit-block .textarea .el-textarea__inner').forEach(el=>{
+	      el.style.height = this.addEditForm.textareaHeight
+	      el.style.color = this.addEditForm.textareaFontColor
+	      el.style.fontSize = this.addEditForm.textareaFontSize
+	      el.style.borderWidth = this.addEditForm.textareaBorderWidth
+	      el.style.borderStyle = this.addEditForm.textareaBorderStyle
+	      el.style.borderColor = this.addEditForm.textareaBorderColor
+	      el.style.borderRadius = this.addEditForm.textareaBorderRadius
+	      el.style.backgroundColor = this.addEditForm.textareaBgColor
+	    })
+	    document.querySelectorAll('.addEdit-block .textarea .el-form-item__label').forEach(el=>{
+	      // el.style.lineHeight = this.addEditForm.textareaHeight
+	      el.style.color = this.addEditForm.textareaLableColor
+	      el.style.fontSize = this.addEditForm.textareaLableFontSize
+	    })
+	    // 保存
+	    document.querySelectorAll('.addEdit-block .btn .btn-success').forEach(el=>{
+	      el.style.width = this.addEditForm.btnSaveWidth
+	      el.style.height = this.addEditForm.btnSaveHeight
+	      el.style.color = this.addEditForm.btnSaveFontColor
+	      el.style.fontSize = this.addEditForm.btnSaveFontSize
+	      el.style.borderWidth = this.addEditForm.btnSaveBorderWidth
+	      el.style.borderStyle = this.addEditForm.btnSaveBorderStyle
+	      el.style.borderColor = this.addEditForm.btnSaveBorderColor
+	      el.style.borderRadius = this.addEditForm.btnSaveBorderRadius
+	      el.style.backgroundColor = this.addEditForm.btnSaveBgColor
+	    })
+	    // 返回
+	    document.querySelectorAll('.addEdit-block .btn .btn-close').forEach(el=>{
+	      el.style.width = this.addEditForm.btnCancelWidth
+	      el.style.height = this.addEditForm.btnCancelHeight
+	      el.style.color = this.addEditForm.btnCancelFontColor
+	      el.style.fontSize = this.addEditForm.btnCancelFontSize
+	      el.style.borderWidth = this.addEditForm.btnCancelBorderWidth
+	      el.style.borderStyle = this.addEditForm.btnCancelBorderStyle
+	      el.style.borderColor = this.addEditForm.btnCancelBorderColor
+	      el.style.borderRadius = this.addEditForm.btnCancelBorderRadius
+	      el.style.backgroundColor = this.addEditForm.btnCancelBgColor
+	    })
+	  })
+	},
+	addEditUploadStyleChange() {
+		this.$nextTick(()=>{
+		  document.querySelectorAll('.addEdit-block .upload .el-upload-list--picture-card .el-upload-list__item').forEach(el=>{
+			el.style.width = this.addEditForm.uploadHeight
+			el.style.height = this.addEditForm.uploadHeight
+			el.style.borderWidth = this.addEditForm.uploadBorderWidth
+			el.style.borderStyle = this.addEditForm.uploadBorderStyle
+			el.style.borderColor = this.addEditForm.uploadBorderColor
+			el.style.borderRadius = this.addEditForm.uploadBorderRadius
+			el.style.backgroundColor = this.addEditForm.uploadBgColor
+		  })
+	  })
+	},
+  }
+};
+</script>
+<style lang="scss">
+.editor{
+  height: 500px;
+  
+  & /deep/ .ql-container {
+	  height: 310px;
+  }
+}
+.amap-wrapper {
+  width: 100%;
+  height: 500px;
+}
+.search-box {
+  position: absolute;
+}
+.addEdit-block {
+	margin: -10px;
+}
+.detail-form-content {
+	padding: 12px;
+}
+.btn .el-button {
+  padding: 0;
+}
+</style>

src/main/resources/admin/admin/src/views/modules/yuyuekanfang/list.vue

@@ -0,0 +1,771 @@
+<template>
+  <div class="main-content">
+    <!-- 列表页 -->
+    <div v-if="showFlag">
+      <el-form :inline="true" :model="searchForm" class="form-content">
+        <el-row :gutter="20" class="slt" :style="{justifyContent:contents.searchBoxPosition=='1'?'flex-start':contents.searchBoxPosition=='2'?'center':'flex-end'}">
+                                                                          <el-form-item :label="contents.inputTitle == 1 ? '房屋名称' : ''">
+                  <el-input v-if="contents.inputIcon == 1 && contents.inputIconPosition == 1" prefix-icon="el-icon-search" v-model="searchForm.fangwumingcheng" placeholder="房屋名称" clearable></el-input>
+                  <el-input v-if="contents.inputIcon == 1 && contents.inputIconPosition == 2" suffix-icon="el-icon-search" v-model="searchForm.fangwumingcheng" placeholder="房屋名称" clearable></el-input>
+                  <el-input v-if="contents.inputIcon == 0" v-model="searchForm.fangwumingcheng" placeholder="房屋名称" clearable></el-input>
+                </el-form-item>
+                                                                                                                                                                                                                                                              <el-form-item :label="contents.inputTitle == 1 ? '用户名' : ''">
+                  <el-input v-if="contents.inputIcon == 1 && contents.inputIconPosition == 1" prefix-icon="el-icon-search" v-model="searchForm.yonghuming" placeholder="用户名" clearable></el-input>
+                  <el-input v-if="contents.inputIcon == 1 && contents.inputIconPosition == 2" suffix-icon="el-icon-search" v-model="searchForm.yonghuming" placeholder="用户名" clearable></el-input>
+                  <el-input v-if="contents.inputIcon == 0" v-model="searchForm.yonghuming" placeholder="用户名" clearable></el-input>
+                </el-form-item>
+                                                                              <el-form-item :label="contents.inputTitle == 1 ? '姓名' : ''">
+                  <el-input v-if="contents.inputIcon == 1 && contents.inputIconPosition == 1" prefix-icon="el-icon-search" v-model="searchForm.xingming" placeholder="姓名" clearable></el-input>
+                  <el-input v-if="contents.inputIcon == 1 && contents.inputIconPosition == 2" suffix-icon="el-icon-search" v-model="searchForm.xingming" placeholder="姓名" clearable></el-input>
+                  <el-input v-if="contents.inputIcon == 0" v-model="searchForm.xingming" placeholder="姓名" clearable></el-input>
+                </el-form-item>
+                                                                                                                                                <el-form-item :label="contents.inputTitle == 1 ? '房主姓名' : ''">
+                  <el-input v-if="contents.inputIcon == 1 && contents.inputIconPosition == 1" prefix-icon="el-icon-search" v-model="searchForm.fangzhuxingming" placeholder="房主姓名" clearable></el-input>
+                  <el-input v-if="contents.inputIcon == 1 && contents.inputIconPosition == 2" suffix-icon="el-icon-search" v-model="searchForm.fangzhuxingming" placeholder="房主姓名" clearable></el-input>
+                  <el-input v-if="contents.inputIcon == 0" v-model="searchForm.fangzhuxingming" placeholder="房主姓名" clearable></el-input>
+                </el-form-item>
+                                                                                          <el-form-item>
+            <el-button v-if="contents.searchBtnIcon == 1 && contents.searchBtnIconPosition == 1" icon="el-icon-search" type="success" @click="search()">{{ contents.searchBtnFont == 1?'查询':'' }}</el-button>
+            <el-button v-if="contents.searchBtnIcon == 1 && contents.searchBtnIconPosition == 2" type="success" @click="search()">{{ contents.searchBtnFont == 1?'查询':'' }}<i class="el-icon-search el-icon--right"/></el-button>
+            <el-button v-if="contents.searchBtnIcon == 0" type="success" @click="search()">{{ contents.searchBtnFont == 1?'查询':'' }}</el-button>
+          </el-form-item>
+        </el-row>
+        <el-row class="ad" :style="{justifyContent:contents.btnAdAllBoxPosition=='1'?'flex-start':contents.btnAdAllBoxPosition=='2'?'center':'flex-end'}">
+          <el-form-item>
+            <el-button
+              v-if="isAuth('yuyuekanfang','新增') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 1"
+              type="success"
+              icon="el-icon-plus"
+              @click="addOrUpdateHandler()"
+            >{{ contents.btnAdAllFont == 1?'新增':'' }}</el-button>
+            <el-button
+              v-if="isAuth('yuyuekanfang','新增') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 2"
+              type="success"
+              @click="addOrUpdateHandler()"
+            >{{ contents.btnAdAllFont == 1?'新增':'' }}<i class="el-icon-plus el-icon--right" /></el-button>
+            <el-button
+              v-if="isAuth('yuyuekanfang','新增') && contents.btnAdAllIcon == 0"
+              type="success"
+              @click="addOrUpdateHandler()"
+            >{{ contents.btnAdAllFont == 1?'新增':'' }}</el-button>
+            <el-button
+              v-if="isAuth('yuyuekanfang','删除') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 1 && contents.tableSelection"
+              :disabled="dataListSelections.length <= 0"
+              type="danger"
+              icon="el-icon-delete"
+              @click="deleteHandler()"
+            >{{ contents.btnAdAllFont == 1?'删除':'' }}</el-button>
+            <el-button
+              v-if="isAuth('yuyuekanfang','删除') && contents.btnAdAllIcon == 1 && contents.btnAdAllIconPosition == 2 && contents.tableSelection"
+              :disabled="dataListSelections.length <= 0"
+              type="danger"
+              @click="deleteHandler()"
+            >{{ contents.btnAdAllFont == 1?'删除':'' }}<i class="el-icon-delete el-icon--right" /></el-button>
+            <el-button
+              v-if="isAuth('yuyuekanfang','删除') && contents.btnAdAllIcon == 0 && contents.tableSelection"
+              :disabled="dataListSelections.length <= 0"
+              type="danger"
+              @click="deleteHandler()"
+            >{{ contents.btnAdAllFont == 1?'删除':'' }}</el-button>
+
+
+                      </el-form-item>
+        </el-row>
+      </el-form>
+      <div class="table-content">
+        <el-table class="tables" :size="contents.tableSize" :show-header="contents.tableShowHeader"
+            :header-row-style="headerRowStyle" :header-cell-style="headerCellStyle"
+            :border="contents.tableBorder"
+            :fit="contents.tableFit"
+            :stripe="contents.tableStripe"
+            :row-style="rowStyle"
+            :cell-style="cellStyle"
+            :style="{width: '100%',fontSize:contents.tableContentFontSize,color:contents.tableContentFontColor}"
+            v-if="isAuth('yuyuekanfang','查看')"
+            :data="dataList"
+            v-loading="dataListLoading"
+            @selection-change="selectionChangeHandler">
+            <el-table-column  v-if="contents.tableSelection"
+                type="selection"
+                header-align="center"
+                align="center"
+                width="50">
+            </el-table-column>
+            <el-table-column label="索引" v-if="contents.tableIndex" type="index" width="50" />
+            	                                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
+                    prop="yuyuebianhao"
+                    header-align="center"
+		    label="预约编号">
+		     <template slot-scope="scope">
+                       {{scope.row.yuyuebianhao}}
+                     </template>
+                </el-table-column>
+                	                	                                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
+                    prop="fangwumingcheng"
+                    header-align="center"
+		    label="房屋名称">
+		     <template slot-scope="scope">
+                       {{scope.row.fangwumingcheng}}
+                     </template>
+                </el-table-column>
+                	                	                                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
+                    prop="fangwuleixing"
+                    header-align="center"
+		    label="房屋类型">
+		     <template slot-scope="scope">
+                       {{scope.row.fangwuleixing}}
+                     </template>
+                </el-table-column>
+                	                	                                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
+                    prop="fangwuzhuangtai"
+                    header-align="center"
+		    label="房屋状态">
+		     <template slot-scope="scope">
+                       {{scope.row.fangwuzhuangtai}}
+                     </template>
+                </el-table-column>
+                	                	                                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
+                    prop="xiaoqu"
+                    header-align="center"
+		    label="小区">
+		     <template slot-scope="scope">
+                       {{scope.row.xiaoqu}}
+                     </template>
+                </el-table-column>
+                	                	                                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
+                    prop="yuezujiage"
+                    header-align="center"
+		    label="月租价格">
+		     <template slot-scope="scope">
+                       {{scope.row.yuezujiage}}
+                     </template>
+                </el-table-column>
+                	                	                                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
+                    prop="yajin"
+                    header-align="center"
+		    label="押金">
+		     <template slot-scope="scope">
+                       {{scope.row.yajin}}
+                     </template>
+                </el-table-column>
+                	                	                                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
+                    prop="zuyongyueshu"
+                    header-align="center"
+		    label="租用月数">
+		     <template slot-scope="scope">
+                       {{scope.row.zuyongyueshu}}
+                     </template>
+                </el-table-column>
+                	                	                                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
+                    prop="zuyongjine"
+                    header-align="center"
+		    label="租用金额">
+		     <template slot-scope="scope">
+                       {{scope.row.zuyongjine}}
+                     </template>
+                </el-table-column>
+                	                	                                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
+                    prop="yuyueshijian"
+                    header-align="center"
+		    label="预约时间">
+		     <template slot-scope="scope">
+                       {{scope.row.yuyueshijian}}
+                     </template>
+                </el-table-column>
+                	                	                                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
+                    prop="yonghuming"
+                    header-align="center"
+		    label="用户名">
+		     <template slot-scope="scope">
+                       {{scope.row.yonghuming}}
+                     </template>
+                </el-table-column>
+                	                	                                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
+                    prop="xingming"
+                    header-align="center"
+		    label="姓名">
+		     <template slot-scope="scope">
+                       {{scope.row.xingming}}
+                     </template>
+                </el-table-column>
+                	                	                                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
+                    prop="shenfenzheng"
+                    header-align="center"
+		    label="身份证">
+		     <template slot-scope="scope">
+                       {{scope.row.shenfenzheng}}
+                     </template>
+                </el-table-column>
+                	                	                                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
+                    prop="lianxidianhua"
+                    header-align="center"
+		    label="联系电话">
+		     <template slot-scope="scope">
+                       {{scope.row.lianxidianhua}}
+                     </template>
+                </el-table-column>
+                	                	                                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
+                    prop="fangzhuzhanghao"
+                    header-align="center"
+		    label="房主账号">
+		     <template slot-scope="scope">
+                       {{scope.row.fangzhuzhanghao}}
+                     </template>
+                </el-table-column>
+                	                	                                    <el-table-column  :sortable="contents.tableSortable" :align="contents.tableAlign"
+                    prop="fangzhuxingming"
+                    header-align="center"
+		    label="房主姓名">
+		     <template slot-scope="scope">
+                       {{scope.row.fangzhuxingming}}
+                     </template>
+                </el-table-column>
+                	                	                                    	                	                                    	                                          <el-table-column :sortable="contents.tableSortable" :align="contents.tableAlign"
+                  prop="shhf"
+                  header-align="center"
+                  label="审核回复">
+              </el-table-column>
+              <el-table-column :sortable="contents.tableSortable" :align="contents.tableAlign"
+                  prop="sfsh"
+                  header-align="center"
+                  label="审核状态">
+                  <template slot-scope="scope">
+                    <span style="margin-right:10px">{{scope.row.sfsh=='是'?'通过':'未通过'}}</span>
+                  </template>
+              </el-table-column>
+              <el-table-column :sortable="contents.tableSortable" :align="contents.tableAlign"
+                  v-if="isAuth('yuyuekanfang','审核')"
+                  prop="sfsh"
+                  header-align="center"
+                  label="审核">
+                  <template slot-scope="scope">
+                    <el-button  type="text" icon="el-icon-edit" size="small" @click="shDialog(scope.row)">审核</el-button>
+                  </template>
+              </el-table-column>
+                        <el-table-column width="300" :align="contents.tableAlign"
+                header-align="center"
+                label="操作">
+                <template slot-scope="scope">
+                                <el-button v-if="isAuth('yuyuekanfang','查看') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 1" type="success" icon="el-icon-tickets" size="mini" @click="addOrUpdateHandler(scope.row.id,'info')">{{ contents.tableBtnFont == 1?'详情':'' }}</el-button>
+                <el-button v-if="isAuth('yuyuekanfang','查看') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 2" type="success" size="mini" @click="addOrUpdateHandler(scope.row.id,'info')">{{ contents.tableBtnFont == 1?'详情':'' }}<i class="el-icon-tickets el-icon--right" /></el-button>
+                <el-button v-if="isAuth('yuyuekanfang','查看') && contents.tableBtnIcon == 0" type="success" size="mini" @click="addOrUpdateHandler(scope.row.id,'info')">{{ contents.tableBtnFont == 1?'详情':'' }}</el-button>
+                                                                <el-button v-if="isAuth('yuyuekanfang','合同') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 1" type="success" icon="el-icon-tickets" size="mini" @click="hetongxinxiCrossAddOrUpdateHandler(scope.row,'cross')">{{ contents.tableBtnFont == 1?'合同':'' }}</el-button>
+                <el-button v-if="isAuth('yuyuekanfang','合同') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 2" type="success" size="mini" @click="hetongxinxiCrossAddOrUpdateHandler(scope.row,'cross')">{{ contents.tableBtnFont == 1?'合同':'' }}<i class="el-icon-tickets el-icon--right" /></el-button>
+                <el-button v-if="isAuth('yuyuekanfang','合同') && contents.tableBtnIcon == 0" type="success" size="mini" @click="hetongxinxiCrossAddOrUpdateHandler(scope.row,'cross')">{{ contents.tableBtnFont == 1?'合同':'' }}</el-button>
+                                                                <el-button v-if="isAuth('yuyuekanfang','修改') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 1" type="primary" icon="el-icon-edit" size="mini" @click="addOrUpdateHandler(scope.row.id)">{{ contents.tableBtnFont == 1?'修改':'' }}</el-button>
+                <el-button v-if="isAuth('yuyuekanfang','修改') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 2" type="primary" size="mini" @click="addOrUpdateHandler(scope.row.id)">{{ contents.tableBtnFont == 1?'修改':'' }}<i class="el-icon-edit el-icon--right" /></el-button>
+                <el-button v-if="isAuth('yuyuekanfang','修改') && contents.tableBtnIcon == 0" type="primary" size="mini" @click="addOrUpdateHandler(scope.row.id)">{{ contents.tableBtnFont == 1?'修改':'' }}</el-button>
+
+
+
+
+                <el-button v-if="isAuth('yuyuekanfang','删除') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 1" type="danger" icon="el-icon-delete" size="mini" @click="deleteHandler(scope.row.id)">{{ contents.tableBtnFont == 1?'删除':'' }}</el-button>
+                <el-button v-if="isAuth('yuyuekanfang','删除') && contents.tableBtnIcon == 1 && contents.tableBtnIconPosition == 2" type="danger" size="mini" @click="deleteHandler(scope.row.id)">{{ contents.tableBtnFont == 1?'删除':'' }}<i class="el-icon-delete el-icon--right" /></el-button>
+                <el-button v-if="isAuth('yuyuekanfang','删除') && contents.tableBtnIcon == 0" type="danger" size="mini" @click="deleteHandler(scope.row.id)">{{ contents.tableBtnFont == 1?'删除':'' }}</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+                                                                                                                                                                                                                                                                                                                <el-pagination
+          clsss="pages"
+          :layout="layouts"
+          @size-change="sizeChangeHandle"
+          @current-change="currentChangeHandle"
+          :current-page="pageIndex"
+          :page-sizes="[10, 20, 50, 100]"
+          :page-size="Number(contents.pageEachNum)"
+          :total="totalPage"
+          :small="contents.pageStyle"
+          class="pagination-content"
+          :background="contents.pageBtnBG"
+          :style="{textAlign:contents.pagePosition==1?'left':contents.pagePosition==2?'center':'right'}"
+        ></el-pagination>
+      </div>
+    </div>
+    <!-- 添加/修改页面  将父组件的search方法传递给子组件-->
+    <add-or-update v-if="addOrUpdateFlag" :parent="this" ref="addOrUpdate"></add-or-update>
+
+            <hetongxinxi-cross-add-or-update v-if="hetongxinxiCrossAddOrUpdateFlag" :parent="this" ref="hetongxinxiCrossaddOrUpdate"></hetongxinxi-cross-add-or-update>
+        
+        <el-dialog
+      title="审核"
+      :visible.sync="sfshVisiable"
+      width="50%">
+      <el-form ref="form" :model="form" label-width="80px">
+        <el-form-item label="审核状态">
+          <el-select v-model="shForm.sfsh" placeholder="审核状态">
+            <el-option label="通过" value="是"></el-option>
+            <el-option label="不通过" value="否"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="内容">
+          <el-input type="textarea" :rows="8" v-model="shForm.shhf"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="shDialog">取 消</el-button>
+        <el-button type="primary" @click="shHandler">确 定</el-button>
+      </span>
+    </el-dialog>
+    
+      </div>
+</template>
+<script>
+import AddOrUpdate from "./add-or-update";
+import hetongxinxiCrossAddOrUpdate from "../hetongxinxi/add-or-update";
+export default {
+  data() {
+    return {
+                                                                                                                                                                                                                                                                                                                                                                                                searchForm: {
+        key: ""
+      },
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      dataListSelections: [],
+      showFlag: true,
+      sfshVisiable: false,
+      shForm: {},
+      chartVisiable: false,
+      addOrUpdateFlag:false,
+                  hetongxinxiCrossAddOrUpdateFlag: false,
+                  contents:{"searchBtnFontColor":"#333","pagePosition":"1","inputFontSize":"14px","inputBorderRadius":"22px","tableBtnDelFontColor":"#333","tableBtnIconPosition":"1","searchBtnHeight":"40px","inputIconColor":"rgba(66, 130, 129, 1)","searchBtnBorderRadius":"22px","tableStripe":false,"btnAdAllWarnFontColor":"#333","tableBtnDelBgColor":"rgba(244, 150, 150, 1)","searchBtnIcon":"1","tableSize":"medium","searchBtnBorderStyle":"solid","tableSelection":true,"searchBtnBorderWidth":"1px","tableContentFontSize":"14px","searchBtnBgColor":"rgba(153, 239, 237, 1)","inputTitleSize":"14px","btnAdAllBorderColor":"#DCDFE6","pageJumper":true,"btnAdAllIconPosition":"1","searchBoxPosition":"1","tableBtnDetailFontColor":"#333","tableBtnHeight":"40px","pagePager":true,"searchBtnBorderColor":"#DCDFE6","tableHeaderFontColor":"rgba(33, 34, 35, 1)","inputTitle":"1","tableBtnBorderRadius":"22px","btnAdAllFont":"1","btnAdAllDelFontColor":"rgba(21, 20, 20, 1)","tableBtnIcon":"1","btnAdAllHeight":"40px","btnAdAllWarnBgColor":"rgba(238, 236, 126, 1)","btnAdAllBorderWidth":"1px","tableStripeFontColor":"#606266","tableBtnBorderStyle":"solid","inputHeight":"40px","btnAdAllBorderRadius":"22px","btnAdAllDelBgColor":"rgba(234, 93, 93, 0.69)","pagePrevNext":true,"btnAdAllAddBgColor":"rgba(153, 239, 237, 1)","searchBtnFont":"1","tableIndex":true,"btnAdAllIcon":"1","tableSortable":true,"pageSizes":true,"tableFit":true,"pageBtnBG":true,"searchBtnFontSize":"14px","tableBtnEditBgColor":"rgba(240, 242, 124, 1)","inputBorderWidth":"1px","inputFontPosition":"1","inputFontColor":"#333","pageEachNum":10,"tableHeaderBgColor":"rgba(152, 129, 129, 1)","inputTitleColor":"#333","btnAdAllBoxPosition":"1","tableBtnDetailBgColor":"rgba(171, 239, 239, 1)","inputIcon":"0","searchBtnIconPosition":"1","btnAdAllFontSize":"14px","inputBorderStyle":"solid","inputBgColor":"rgba(197, 174, 174, 0.32)","pageStyle":false,"pageTotal":true,"btnAdAllAddFontColor":"#333","tableBtnFont":"1","tableContentFontColor":"rgba(22, 22, 23, 1)","inputBorderColor":"rgba(152, 129, 129, 1)","tableShowHeader":true,"tableBtnFontSize":"14px","tableBtnBorderColor":"rgba(196, 210, 244, 1)","inputIconPosition":"1","tableBorder":true,"btnAdAllBorderStyle":"solid","tableBtnBorderWidth":"1px","tableStripeBgColor":"rgba(213, 197, 197, 1)","tableBtnEditFontColor":"#333","tableAlign":"center"},
+      layouts: '',
+
+
+    };
+  },
+  created() {
+    this.init();
+    this.getDataList();
+    this.contentStyleChange()
+  },
+  mounted() {
+
+  },
+  filters: {
+    htmlfilter: function (val) {
+      return val.replace(/<[^>]*>/g).replace(/undefined/g,'');
+    }
+  },
+  components: {
+    AddOrUpdate,
+            hetongxinxiCrossAddOrUpdate,
+          },
+  methods: {
+    contentStyleChange() {
+      this.contentSearchStyleChange()
+      this.contentBtnAdAllStyleChange()
+      this.contentSearchBtnStyleChange()
+      this.contentTableBtnStyleChange()
+      this.contentPageStyleChange()
+    },
+    contentSearchStyleChange() {
+      this.$nextTick(()=>{
+        document.querySelectorAll('.form-content .slt .el-input__inner').forEach(el=>{
+          let textAlign = 'left'
+          if(this.contents.inputFontPosition == 2) textAlign = 'center'
+          if(this.contents.inputFontPosition == 3) textAlign = 'right'
+          el.style.textAlign = textAlign
+          el.style.height = this.contents.inputHeight
+          el.style.lineHeight = this.contents.inputHeight
+          el.style.color = this.contents.inputFontColor
+          el.style.fontSize = this.contents.inputFontSize
+          el.style.borderWidth = this.contents.inputBorderWidth
+          el.style.borderStyle = this.contents.inputBorderStyle
+          el.style.borderColor = this.contents.inputBorderColor
+          el.style.borderRadius = this.contents.inputBorderRadius
+          el.style.backgroundColor = this.contents.inputBgColor
+        })
+        if(this.contents.inputTitle) {
+          document.querySelectorAll('.form-content .slt .el-form-item__label').forEach(el=>{
+            el.style.color = this.contents.inputTitleColor
+            el.style.fontSize = this.contents.inputTitleSize
+            el.style.lineHeight = this.contents.inputHeight
+          })
+        }
+        setTimeout(()=>{
+          document.querySelectorAll('.form-content .slt .el-input__prefix').forEach(el=>{
+            el.style.color = this.contents.inputIconColor
+            el.style.lineHeight = this.contents.inputHeight
+          })
+          document.querySelectorAll('.form-content .slt .el-input__suffix').forEach(el=>{
+            el.style.color = this.contents.inputIconColor
+            el.style.lineHeight = this.contents.inputHeight
+          })
+          document.querySelectorAll('.form-content .slt .el-input__icon').forEach(el=>{
+            el.style.lineHeight = this.contents.inputHeight
+          })
+        },10)
+
+      })
+    },
+    // 搜索按钮
+    contentSearchBtnStyleChange() {
+      this.$nextTick(()=>{
+        document.querySelectorAll('.form-content .slt .el-button--success').forEach(el=>{
+          el.style.height = this.contents.searchBtnHeight
+          el.style.color = this.contents.searchBtnFontColor
+          el.style.fontSize = this.contents.searchBtnFontSize
+          el.style.borderWidth = this.contents.searchBtnBorderWidth
+          el.style.borderStyle = this.contents.searchBtnBorderStyle
+          el.style.borderColor = this.contents.searchBtnBorderColor
+          el.style.borderRadius = this.contents.searchBtnBorderRadius
+          el.style.backgroundColor = this.contents.searchBtnBgColor
+        })
+      })
+    },
+    // 新增、批量删除
+    contentBtnAdAllStyleChange() {
+      this.$nextTick(()=>{
+        document.querySelectorAll('.form-content .ad .el-button--success').forEach(el=>{
+          el.style.height = this.contents.btnAdAllHeight
+          el.style.color = this.contents.btnAdAllAddFontColor
+          el.style.fontSize = this.contents.btnAdAllFontSize
+          el.style.borderWidth = this.contents.btnAdAllBorderWidth
+          el.style.borderStyle = this.contents.btnAdAllBorderStyle
+          el.style.borderColor = this.contents.btnAdAllBorderColor
+          el.style.borderRadius = this.contents.btnAdAllBorderRadius
+          el.style.backgroundColor = this.contents.btnAdAllAddBgColor
+        })
+        document.querySelectorAll('.form-content .ad .el-button--danger').forEach(el=>{
+          el.style.height = this.contents.btnAdAllHeight
+          el.style.color = this.contents.btnAdAllDelFontColor
+          el.style.fontSize = this.contents.btnAdAllFontSize
+          el.style.borderWidth = this.contents.btnAdAllBorderWidth
+          el.style.borderStyle = this.contents.btnAdAllBorderStyle
+          el.style.borderColor = this.contents.btnAdAllBorderColor
+          el.style.borderRadius = this.contents.btnAdAllBorderRadius
+          el.style.backgroundColor = this.contents.btnAdAllDelBgColor
+        })
+        document.querySelectorAll('.form-content .ad .el-button--warning').forEach(el=>{
+          el.style.height = this.contents.btnAdAllHeight
+          el.style.color = this.contents.btnAdAllWarnFontColor
+          el.style.fontSize = this.contents.btnAdAllFontSize
+          el.style.borderWidth = this.contents.btnAdAllBorderWidth
+          el.style.borderStyle = this.contents.btnAdAllBorderStyle
+          el.style.borderColor = this.contents.btnAdAllBorderColor
+          el.style.borderRadius = this.contents.btnAdAllBorderRadius
+          el.style.backgroundColor = this.contents.btnAdAllWarnBgColor
+        })
+      })
+    },
+    // 表格
+    rowStyle({ row, rowIndex}) {
+      if (rowIndex % 2 == 1) {
+        if(this.contents.tableStripe) {
+          return {color:this.contents.tableStripeFontColor}
+        }
+      } else {
+        return ''
+      }
+    },
+    cellStyle({ row, rowIndex}){
+      if (rowIndex % 2 == 1) {
+        if(this.contents.tableStripe) {
+          return {backgroundColor:this.contents.tableStripeBgColor}
+        }
+      } else {
+        return ''
+      }
+    },
+    headerRowStyle({ row, rowIndex}){
+      return {color: this.contents.tableHeaderFontColor}
+    },
+    headerCellStyle({ row, rowIndex}){
+      return {backgroundColor: this.contents.tableHeaderBgColor}
+    },
+    // 表格按钮
+    contentTableBtnStyleChange(){
+      // this.$nextTick(()=>{
+      //   setTimeout(()=>{
+      //     document.querySelectorAll('.table-content .tables .el-table__body .el-button--success').forEach(el=>{
+      //       el.style.height = this.contents.tableBtnHeight
+      //       el.style.color = this.contents.tableBtnDetailFontColor
+      //       el.style.fontSize = this.contents.tableBtnFontSize
+      //       el.style.borderWidth = this.contents.tableBtnBorderWidth
+      //       el.style.borderStyle = this.contents.tableBtnBorderStyle
+      //       el.style.borderColor = this.contents.tableBtnBorderColor
+      //       el.style.borderRadius = this.contents.tableBtnBorderRadius
+      //       el.style.backgroundColor = this.contents.tableBtnDetailBgColor
+      //     })
+      //     document.querySelectorAll('.table-content .tables .el-table__body .el-button--primary').forEach(el=>{
+      //       el.style.height = this.contents.tableBtnHeight
+      //       el.style.color = this.contents.tableBtnEditFontColor
+      //       el.style.fontSize = this.contents.tableBtnFontSize
+      //       el.style.borderWidth = this.contents.tableBtnBorderWidth
+      //       el.style.borderStyle = this.contents.tableBtnBorderStyle
+      //       el.style.borderColor = this.contents.tableBtnBorderColor
+      //       el.style.borderRadius = this.contents.tableBtnBorderRadius
+      //       el.style.backgroundColor = this.contents.tableBtnEditBgColor
+      //     })
+      //     document.querySelectorAll('.table-content .tables .el-table__body .el-button--danger').forEach(el=>{
+      //       el.style.height = this.contents.tableBtnHeight
+      //       el.style.color = this.contents.tableBtnDelFontColor
+      //       el.style.fontSize = this.contents.tableBtnFontSize
+      //       el.style.borderWidth = this.contents.tableBtnBorderWidth
+      //       el.style.borderStyle = this.contents.tableBtnBorderStyle
+      //       el.style.borderColor = this.contents.tableBtnBorderColor
+      //       el.style.borderRadius = this.contents.tableBtnBorderRadius
+      //       el.style.backgroundColor = this.contents.tableBtnDelBgColor
+      //     })
+
+      //   }, 50)
+      // })
+    },
+    // 分页
+    contentPageStyleChange(){
+      let arr = []
+
+      if(this.contents.pageTotal) arr.push('total')
+      if(this.contents.pageSizes) arr.push('sizes')
+      if(this.contents.pagePrevNext){
+        arr.push('prev')
+        if(this.contents.pagePager) arr.push('pager')
+        arr.push('next')
+      }
+      if(this.contents.pageJumper) arr.push('jumper')
+      this.layouts = arr.join()
+      this.contents.pageEachNum = 10
+    },
+
+            hetongxinxiCrossAddOrUpdateHandler(row,type){
+      this.showFlag = false;
+      this.addOrUpdateFlag = false;
+      this.hetongxinxiCrossAddOrUpdateFlag = true;
+      this.$storage.set('crossObj',row);
+      this.$storage.set('crossTable','yuyuekanfang');
+      this.$nextTick(() => {
+        this.$refs.hetongxinxiCrossaddOrUpdate.init(row.id,type);
+      });
+    },
+                    init () {
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            },
+    search() {
+      this.pageIndex = 1;
+      this.getDataList();
+    },
+    // 获取数据列表
+    getDataList() {
+      this.dataListLoading = true;
+      let params = {
+        page: this.pageIndex,
+        limit: this.pageSize,
+        sort: 'id',
+      }
+                                                                if(this.searchForm.fangwumingcheng!='' && this.searchForm.fangwumingcheng!=undefined){
+            params['fangwumingcheng'] = '%' + this.searchForm.fangwumingcheng + '%'
+          }
+                                                                                                                                                                                                                                            if(this.searchForm.yonghuming!='' && this.searchForm.yonghuming!=undefined){
+            params['yonghuming'] = '%' + this.searchForm.yonghuming + '%'
+          }
+                                                            if(this.searchForm.xingming!='' && this.searchForm.xingming!=undefined){
+            params['xingming'] = '%' + this.searchForm.xingming + '%'
+          }
+                                                                                                                              if(this.searchForm.fangzhuxingming!='' && this.searchForm.fangzhuxingming!=undefined){
+            params['fangzhuxingming'] = '%' + this.searchForm.fangzhuxingming + '%'
+          }
+                                                                          this.$http({
+        url: "yuyuekanfang/page",
+        method: "get",
+        params: params
+      }).then(({ data }) => {
+        if (data && data.code === 0) {
+          this.dataList = data.data.list;
+          this.totalPage = data.data.total;
+        } else {
+          this.dataList = [];
+          this.totalPage = 0;
+        }
+        this.dataListLoading = false;
+      });
+    },
+    // 每页数
+    sizeChangeHandle(val) {
+      this.pageSize = val;
+      this.pageIndex = 1;
+      this.getDataList();
+    },
+    // 当前页
+    currentChangeHandle(val) {
+      this.pageIndex = val;
+      this.getDataList();
+    },
+    // 多选
+    selectionChangeHandler(val) {
+      this.dataListSelections = val;
+    },
+    // 添加/修改
+    addOrUpdateHandler(id,type) {
+      this.showFlag = false;
+      this.addOrUpdateFlag = true;
+      this.crossAddOrUpdateFlag = false;
+      if(type!='info'){
+        type = 'else';
+      }
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id,type);
+      });
+    },
+    // 查看评论
+        // 审核窗口
+    shDialog(row){
+      this.sfshVisiable = !this.sfshVisiable;
+      if(row){
+        this.shForm = {
+                    yuyuebianhao: row.yuyuebianhao,
+                    fangwumingcheng: row.fangwumingcheng,
+                    fangwuleixing: row.fangwuleixing,
+                    fangwuzhuangtai: row.fangwuzhuangtai,
+                    xiaoqu: row.xiaoqu,
+                    yuezujiage: row.yuezujiage,
+                    yajin: row.yajin,
+                    zuyongyueshu: row.zuyongyueshu,
+                    zuyongjine: row.zuyongjine,
+                    yuyueshijian: row.yuyueshijian,
+                    yonghuming: row.yonghuming,
+                    xingming: row.xingming,
+                    shenfenzheng: row.shenfenzheng,
+                    lianxidianhua: row.lianxidianhua,
+                    fangzhuzhanghao: row.fangzhuzhanghao,
+                    fangzhuxingming: row.fangzhuxingming,
+                    sfsh: row.sfsh,
+                    shhf: row.shhf,
+                    id: row.id
+        }
+      }
+    },
+    // 审核
+    shHandler(){
+      this.$confirm(`确定操作?`, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.$http({
+          url: "yuyuekanfang/update",
+          method: "post",
+          data: this.shForm
+        }).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message({
+              message: "操作成功",
+              type: "success",
+              duration: 1500,
+              onClose: () => {
+                this.getDataList();
+                this.shDialog()
+              }
+            });
+          } else {
+            this.$message.error(data.msg);
+          }
+        });
+      });
+    },
+        // 下载
+    download(file){
+      window.open(`${file}`)
+    },
+    // 删除
+    deleteHandler(id) {
+      var ids = id
+        ? [Number(id)]
+        : this.dataListSelections.map(item => {
+            return Number(item.id);
+          });
+      this.$confirm(`确定进行[${id ? "删除" : "批量删除"}]操作?`, "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        this.$http({
+          url: "yuyuekanfang/delete",
+          method: "post",
+          data: ids
+        }).then(({ data }) => {
+          if (data && data.code === 0) {
+            this.$message({
+              message: "操作成功",
+              type: "success",
+              duration: 1500,
+              onClose: () => {
+                this.search();
+              }
+            });
+          } else {
+            this.$message.error(data.msg);
+          }
+        });
+      });
+    },
+  }
+
+};
+</script>
+<style lang="scss" scoped>
+  .slt {
+    margin: 0 !important;
+    display: flex;
+  }
+
+  .ad {
+    margin: 0 !important;
+    display: flex;
+  }
+
+  .pages {
+    & /deep/ el-pagination__sizes{
+      & /deep/ el-input__inner {
+        height: 22px;
+        line-height: 22px;
+      }
+    }
+  }
+  
+
+  .el-button+.el-button {
+    margin:0;
+  } 
+
+  .tables {
+	& /deep/ .el-button--success {
+		height: 40px;
+		color: #333;
+		font-size: 14px;
+		border-width: 1px;
+		border-style: solid;
+		border-color: rgba(196, 210, 244, 1);
+		border-radius: 22px;
+		background-color: rgba(171, 239, 239, 1);
+	}
+	
+	& /deep/ .el-button--primary {
+		height: 40px;
+		color: #333;
+		font-size: 14px;
+		border-width: 1px;
+		border-style: solid;
+		border-color: rgba(196, 210, 244, 1);
+		border-radius: 22px;
+		background-color: rgba(240, 242, 124, 1);
+	}
+	
+	& /deep/ .el-button--danger {
+		height: 40px;
+		color: #333;
+		font-size: 14px;
+		border-width: 1px;
+		border-style: solid;
+		border-color: rgba(196, 210, 244, 1);
+		border-radius: 22px;
+		background-color: rgba(244, 150, 150, 1);
+	}
+
+    & /deep/ .el-button {
+      margin: 4px;
+    }
+  }
+
+</style>

src/main/resources/mapper/YuyuekanfangDao.xml

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+
+<mapper namespace="com.dao.YuyuekanfangDao">
+
+	<!-- 可根据自己的需求，是否要使用 -->
+    <resultMap type="com.entity.YuyuekanfangEntity" id="yuyuekanfangMap">
+        <result property="yuyuebianhao" column="yuyuebianhao"/>
+        <result property="fangwumingcheng" column="fangwumingcheng"/>
+        <result property="fangwuleixing" column="fangwuleixing"/>
+        <result property="fangwuzhuangtai" column="fangwuzhuangtai"/>
+        <result property="xiaoqu" column="xiaoqu"/>
+        <result property="yuezujiage" column="yuezujiage"/>
+        <result property="yajin" column="yajin"/>
+        <result property="zuyongyueshu" column="zuyongyueshu"/>
+        <result property="zuyongjine" column="zuyongjine"/>
+        <result property="yuyueshijian" column="yuyueshijian"/>
+        <result property="yonghuming" column="yonghuming"/>
+        <result property="xingming" column="xingming"/>
+        <result property="shenfenzheng" column="shenfenzheng"/>
+        <result property="lianxidianhua" column="lianxidianhua"/>
+        <result property="fangzhuzhanghao" column="fangzhuzhanghao"/>
+        <result property="fangzhuxingming" column="fangzhuxingming"/>
+        <result property="sfsh" column="sfsh"/>
+        <result property="shhf" column="shhf"/>
+    </resultMap>
+
+	<select id="selectListVO"
+		resultType="com.entity.vo.YuyuekanfangVO" >
+		SELECT * FROM yuyuekanfang  yuyuekanfang         
+        <where> 1=1 ${ew.sqlSegment}</where>
+	</select>
+	
+	<select id="selectVO"
+		resultType="com.entity.vo.YuyuekanfangVO" >
+		SELECT  yuyuekanfang.* FROM yuyuekanfang  yuyuekanfang 	
+ 		<where> 1=1 ${ew.sqlSegment}</where>
+	</select>
+
+    <select id="selectListView"
+		resultType="com.entity.view.YuyuekanfangView" >
+
+		SELECT  yuyuekanfang.* FROM yuyuekanfang  yuyuekanfang 	        
+        <where> 1=1 ${ew.sqlSegment}</where>
+	</select>
+	
+	<select id="selectView"
+		resultType="com.entity.view.YuyuekanfangView" >
+		SELECT * FROM yuyuekanfang  yuyuekanfang <where> 1=1 ${ew.sqlSegment}</where>
+	</select>
+	
+</mapper>