You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
367 lines
9.3 KiB
367 lines
9.3 KiB
import WxValidate from '../../utils/WxValidate';
|
|
var netUtil = require("../../utils/requestUtil.js"); //require引入
|
|
const chooseLocation = requirePlugin('chooseLocation');
|
|
const app = getApp();
|
|
Page({
|
|
|
|
/**
|
|
* 页面的初始数据
|
|
*/
|
|
data: {
|
|
data: [],
|
|
areaName: '',
|
|
longitude: '',
|
|
latitude: '',
|
|
address: '',
|
|
id: '',
|
|
StatusBar: app.globalData.StatusBar,
|
|
CustomBar: app.globalData.CustomBar,
|
|
startTime: '2020-01-01',
|
|
endTime: '2021-01-01',
|
|
index: null,
|
|
multiIndex: [0, 0, 0],
|
|
time: '12:01',
|
|
region: ['安徽省', '合肥市', '蜀山区'],
|
|
status: ['未出租', '出租中'],
|
|
floornum_array: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33],
|
|
floor_num: 0,
|
|
apartment_array: ['一室一厅一卫', '两室一厅一卫', '三室一厅一卫', '三室两厅一卫', '三室两厅两卫', '四室一厅一卫', '四室两厅一卫', '四室两厅两卫', '五室一厅一卫', '五室两厅一卫', '五室两厅两卫'],
|
|
apartment: '三室一厅一卫',
|
|
imgList: [],
|
|
photo: '',
|
|
modalName: null,
|
|
textareaAValue: '',
|
|
textareaBValue: '',
|
|
housingAllocation: []
|
|
},
|
|
|
|
onShow: function() {
|
|
const location = chooseLocation.getLocation(); // 如果点击确认选点按钮，则返回选点结果对象，否则返回null
|
|
console.log(location);
|
|
if (location != null) {
|
|
this.setData({
|
|
areaName: location.name,
|
|
latitude: location.latitude,
|
|
longitude: location.longitude,
|
|
address: location.address
|
|
})
|
|
}
|
|
},
|
|
|
|
onReady: function() {
|
|
const _this = this;
|
|
wx.getLocation({
|
|
type: 'wgs84',
|
|
success(res) {
|
|
console.log(res)
|
|
_this.setData({
|
|
latitude: res.latitude,
|
|
longitude: res.longitude
|
|
})
|
|
|
|
}
|
|
})
|
|
},
|
|
|
|
/**
|
|
* 获取指定位置
|
|
*/
|
|
getLocation: function() {
|
|
const key = 'RRXBZ-DW33W-SPER5-R6WUB-GGYRZ-GWBIL'; //使用在腾讯位置服务申请的key
|
|
const referer = '租户掌柜-微信小程序'; //调用插件的app的名称
|
|
const location = JSON.stringify({
|
|
latitude: this.data.latitude,
|
|
longitude: this.data.longitude
|
|
});
|
|
const category = '生活服务,娱乐休闲';
|
|
|
|
wx.navigateTo({
|
|
url: 'plugin://chooseLocation/index?key=' + key + '&referer=' + referer + '&location=' + location + '&category' + category
|
|
});
|
|
},
|
|
|
|
/**
|
|
* 生命周期函数--监听页面加载
|
|
*/
|
|
onLoad: function(options) {
|
|
var global_config = wx.getStorageSync('global_config');
|
|
//读取后端房源配置信息
|
|
this.setData({
|
|
housingAllocation: global_config.housingAllocation
|
|
})
|
|
var id = options.id;
|
|
//判断是否含有id
|
|
if (id) {
|
|
this.setData({
|
|
id: id
|
|
})
|
|
this.getDetail(id);
|
|
}
|
|
//验证
|
|
this.initValidate()
|
|
},
|
|
|
|
/**
|
|
* 用户点击右上角分享
|
|
*/
|
|
onShareAppMessage: function() {
|
|
|
|
},
|
|
|
|
formSubmit: function(e) {
|
|
const params = e.detail.value
|
|
// 传入表单数据，调用验证方法
|
|
if (!this.WxValidate.checkForm(params)) {
|
|
const error = this.WxValidate.errorList[0]
|
|
this.showModal(error)
|
|
return false
|
|
}
|
|
//执行入库
|
|
this.insertData(params);
|
|
},
|
|
|
|
//获取数据详情
|
|
getDetail: function(id) {
|
|
var self = this;
|
|
var url = app.globalData.requestUrl + 'index/house/view/' + id;
|
|
netUtil.sendGet(url)
|
|
.then((res) => {
|
|
var result = res.data.data
|
|
//判断已选中的房源配置项
|
|
if (result.house.housing_allocation) {
|
|
for (let i in self.data.housingAllocation) {
|
|
if (result.house.housing_allocation.indexOf(i) >= 0) {
|
|
self.data.housingAllocation[i].checked = true
|
|
}
|
|
}
|
|
}
|
|
//判断地址选择
|
|
var region = [
|
|
result.house.province,
|
|
result.house.city,
|
|
result.house.area,
|
|
]
|
|
self.setData({
|
|
housingAllocation: self.data.housingAllocation,
|
|
region: region,
|
|
imgList: result.house.imgList,
|
|
photo: result.house.photo,
|
|
startTime: result.house.start_time,
|
|
endTime: result.house.end_time,
|
|
floor_num: result.house.floor_num - 1,
|
|
apartment: result.house.apartment
|
|
})
|
|
this.setData({
|
|
data: result
|
|
})
|
|
})
|
|
},
|
|
//插入用户数据
|
|
insertData: function(data) {
|
|
var self = this;
|
|
var method_url = self.data.id > 0 ? 'index/house/edit' : 'index/house/add';
|
|
var url = app.globalData.requestUrl + method_url;
|
|
netUtil.sendPost(url, data)
|
|
.then((res) => {
|
|
if (res.statusCode == 200 && res.data.code == 200) {
|
|
wx.showToast({
|
|
title: '提交成功',
|
|
icon: 'success',
|
|
duration: 2000,
|
|
success: function() {
|
|
var global_config = wx.getStorageSync('global_config');
|
|
self.setData({
|
|
id: '',
|
|
data: [],
|
|
startTime: '2020-01-01',
|
|
endTime: '2021-01-01',
|
|
imgList: [],
|
|
photo: '',
|
|
longitude: '',
|
|
latitude: '',
|
|
address: '',
|
|
housingAllocation: global_config.housingAllocation
|
|
})
|
|
}
|
|
})
|
|
} else {
|
|
wx.showToast({
|
|
title: res.data.msg,
|
|
icon: 'none',
|
|
duration: 3000
|
|
})
|
|
}
|
|
})
|
|
},
|
|
|
|
showModal: function(e) {
|
|
console.log(e);
|
|
wx.showToast({
|
|
title: e.msg,
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
},
|
|
//选择楼层
|
|
bindfloorNum(e) {
|
|
this.setData({
|
|
floor_num: e.detail.value
|
|
})
|
|
},
|
|
//选择户型
|
|
bindapartment(e) {
|
|
this.setData({
|
|
apartment: this.data.apartment_array[e.detail.value]
|
|
})
|
|
},
|
|
//开始日期
|
|
startTimeChange(e) {
|
|
this.setData({
|
|
startTime: e.detail.value
|
|
})
|
|
},
|
|
//结束日期
|
|
endTimeChange(e) {
|
|
this.setData({
|
|
endTime: e.detail.value
|
|
})
|
|
},
|
|
//地域选择
|
|
RegionChange: function(e) {
|
|
this.setData({
|
|
region: e.detail.value
|
|
})
|
|
},
|
|
//图片选择
|
|
ChooseImage() {
|
|
var self = this;
|
|
var url = app.globalData.requestUrl + 'index/upload/plupload';
|
|
wx.chooseImage({
|
|
count: 10, //默认9
|
|
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
|
|
sourceType: ['album', 'camera'], //从相册选择
|
|
success: (res) => {
|
|
//上传到服务器
|
|
wx.showToast({
|
|
title: '正在上传...',
|
|
icon: 'loading',
|
|
mask: true,
|
|
duration: 30000
|
|
})
|
|
let tempFilePaths = res.tempFilePaths;
|
|
for (var i in tempFilePaths) {
|
|
wx.uploadFile({
|
|
url: url,
|
|
filePath: tempFilePaths[i],
|
|
name: 'file',
|
|
success: function(res) {
|
|
//赋值操作
|
|
var data = JSON.parse(res.data);
|
|
self.setData({
|
|
imgList: self.data.imgList.length != 0 ? self.data.imgList.concat([data.url]) : [data.url]
|
|
})
|
|
//赋值图片隐藏域
|
|
self.setData({
|
|
photo: self.data.imgList.join(',')
|
|
})
|
|
|
|
},
|
|
fail: function(res) {
|
|
wx.showModal({
|
|
title: '错误提示',
|
|
content: '上传图片失败',
|
|
showCancel: false,
|
|
success: function(res) {}
|
|
})
|
|
}
|
|
})
|
|
}
|
|
wx.hideToast();
|
|
}
|
|
});
|
|
|
|
},
|
|
ViewImage(e) {
|
|
wx.previewImage({
|
|
urls: this.data.imgList,
|
|
current: e.currentTarget.dataset.url
|
|
});
|
|
},
|
|
DelImg(e) {
|
|
wx.showModal({
|
|
title: '图片删除',
|
|
content: '确定要删除这张图片吗？',
|
|
cancelText: '再看看',
|
|
confirmText: '确认',
|
|
success: res => {
|
|
if (res.confirm) {
|
|
this.data.imgList.splice(e.currentTarget.dataset.index, 1);
|
|
this.setData({
|
|
imgList: this.data.imgList,
|
|
photo: this.data.imgList.join(',')
|
|
})
|
|
}
|
|
}
|
|
})
|
|
},
|
|
initValidate() {
|
|
// 验证字段的规则
|
|
const rules = {
|
|
name: {
|
|
required: true,
|
|
},
|
|
door_number: {
|
|
required: true,
|
|
},
|
|
rent: {
|
|
required: true,
|
|
},
|
|
apartment: {
|
|
required: true,
|
|
},
|
|
measure: {
|
|
required: true,
|
|
},
|
|
water_money: {
|
|
required: true,
|
|
},
|
|
gas_money: {
|
|
required: true,
|
|
},
|
|
floor_num: {
|
|
required: true,
|
|
},
|
|
}
|
|
|
|
// 验证字段的提示信息，若不传则调用默认的信息
|
|
const messages = {
|
|
name: {
|
|
required: "请先获取小区位置名称",
|
|
},
|
|
door_number: {
|
|
required: "请输入房屋门牌号",
|
|
},
|
|
rent: {
|
|
required: "请输入租金",
|
|
},
|
|
apartment: {
|
|
required: "请输入房屋户型",
|
|
},
|
|
measure: {
|
|
required: "请输入房屋面积",
|
|
},
|
|
water_money: {
|
|
required: "请输入水费",
|
|
},
|
|
gas_money: {
|
|
required: "请输入燃气费",
|
|
},
|
|
floor_num: {
|
|
required: "请输入小区楼层",
|
|
},
|
|
}
|
|
|
|
// 创建实例对象
|
|
this.WxValidate = new WxValidate(rules, messages)
|
|
},
|
|
})
|