gxwebsoft/aishangjia-uniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复bug

Browse Source
This commit is contained in:
weicw
2023-09-22 16:25:23 +08:00
parent 030c4a9c69
commit 4cec8b47d8
3 changed files with 68 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
sub_pages/house/add.vue
View File

@@ -1,7 +1,7 @@
<template>
<view class="container">
<u--form :model="form" ref="uForm" :rules="rules" labelPosition="top" :labelStyle="{paddingLeft: '10rpx'}"
label-width="200rpx" >
label-width="200rpx">
<!-- 表单组件 -->
<view class="his-head">
@@ -17,8 +17,9 @@
</u-form-item>
<u-form-item prop="area">
<u-cell title="城市" @click="onArea" :isLink="true">
<u-input :disabled="true" disabledColor="#FFFFFF" slot="value" class="input" v-model="form.city" inputAlign="right" maxlength="30"
:border="false" placeholder="请选择所在城市" />
<u-input :disabled="true" disabledColor="#FFFFFF" slot="value" class="input"
v-model="form.city" inputAlign="right" maxlength="30" :border="false"
placeholder="请选择所在城市" />
</u-cell>
</u-form-item>
<!-- <u-form-item prop="address">
@@ -31,17 +32,18 @@
<view class="his-head">
<text class="title">详细地址</text>
</view>
<view class="form-wrapper" @click="openMap">
<view class="form-wrapper" @click="openMap">
<view class="textarea">
<u--textarea v-model="form.address" placeholder="请输入详细地址"
maxlength="200" :disabled="true" disabledColor="#FFFFFF"></u--textarea>
<u--textarea v-model="form.address" placeholder="请输入详细地址" maxlength="200"
:disabled="true" disabledColor="#FFFFFF"></u--textarea>
</view>
</view>
</u-form-item>
<u-form-item prop="houseType">
<u-cell title="户型" :isLink="true" @click="showHouseType = true">
<u-input slot="value" class="input" v-model="form.houseType" inputAlign="right"
maxlength="30" :border="false" placeholder="请选择房子户型" :disabled="true" disabledColor="#FFFFFF" />
maxlength="30" :border="false" placeholder="请选择房子户型" :disabled="true"
disabledColor="#FFFFFF" />
</u-cell>
</u-form-item>
<u-form-item prop="extent">
@@ -53,25 +55,26 @@
<u-form-item prop="leaseMethod">
<u-cell title="租赁方式" :isLink="true" @click="showLeaseMethod = true">
<u-input slot="value" class="input" v-model="form.leaseMethod" inputAlign="right"
maxlength="30" :border="false" placeholder="请选择租赁方式" :disabled="true" disabledColor="#FFFFFF"/>
maxlength="30" :border="false" placeholder="请选择租赁方式" :disabled="true"
disabledColor="#FFFFFF" />
</u-cell>
</u-form-item>
<u-form-item prop="rent">
<u-cell title="租金(元/m²)" :isLink="false">
<u-input type="digit" slot="value" class="input" v-model="form.rent" inputAlign="right" maxlength="30"
:border="false" placeholder="请输入租金" />
<u-input type="digit" slot="value" class="input" v-model="form.rent" inputAlign="right"
maxlength="30" :border="false" placeholder="请输入租金" />
</u-cell>
</u-form-item>
<u-form-item prop="monthlyRent">
<u-cell title="月租金(每月)" :isLink="false">
<u-input type="digit" slot="value" class="input" :value="monthlyRent" inputAlign="right" disabled-color="#FFFFFF"
maxlength="30" :border="false" placeholder="请输入月租金" disabled />
<u-input type="digit" slot="value" class="input" :value="monthlyRent" inputAlign="right"
disabled-color="#FFFFFF" maxlength="30" :border="false" placeholder="请输入月租金" disabled />
</u-cell>
</u-form-item>
<u-form-item prop="propertyFees">
<u-cell title="物业费" :isLink="false">
<u-input type="digit" slot="value" class="input" v-model="form.propertyFees" inputAlign="right"
maxlength="30" :border="false" placeholder="请输入物业费" />
<u-input type="digit" slot="value" class="input" v-model="form.propertyFees"
inputAlign="right" maxlength="30" :border="false" placeholder="请输入物业费" />
</u-cell>
</u-form-item>
<u-form-item prop="tenancy">
@@ -82,8 +85,8 @@
</u-form-item>
<u-form-item prop="commission">
<u-cell title="佣金" :isLink="false">
<u-input type="digit" slot="value" class="input" v-model="form.commission" inputAlign="right" maxlength="30"
:border="false" placeholder="请输入佣金" />
<u-input type="digit" slot="value" class="input" v-model="form.commission"
inputAlign="right" maxlength="30" :border="false" placeholder="请输入佣金" />
</u-cell>
</u-form-item>
<u-form-item prop="premium">
@@ -95,7 +98,7 @@
<u-form-item prop="floor">
<u-cell title="楼层" :isLink="true" @click="showFloor = true">
<u-input slot="value" class="input" v-model="form.floor" inputAlign="right" maxlength="30"
:border="false" placeholder="请选择楼层" :disabled="true" disabledColor="#FFFFFF"/>
:border="false" placeholder="请选择楼层" :disabled="true" disabledColor="#FFFFFF" />
</u-cell>
</u-form-item>
<u-form-item prop="roomNumber">
@@ -119,7 +122,7 @@
<u-form-item prop="toward">
<u-cell title="朝向" :isLink="true" @click="showToward = true">
<u-input slot="value" class="input" v-model="form.toward" inputAlign="right" maxlength="30"
:border="false" placeholder="请选择房源朝向" :disabled="true" disabledColor="#FFFFFF"/>
:border="false" placeholder="请选择房源朝向" :disabled="true" disabledColor="#FFFFFF" />
</u-cell>
</u-form-item>
</u-cell-group>
@@ -152,7 +155,7 @@
</view>
</view>
</u-form-item>
<u-form-item prop="images">
<view class="his-head">
<text class="title">房源照片</text>
@@ -198,7 +201,7 @@
@close="closeBirthday" @confirm="confirmBirthday" :minDate="0" :maxDate="1112102400000"
@cancel="closeBirthday" :closeOnClickOverlay="true">
</u-datetime-picker>
<u-picker :show="showHouseType" :columns="dict.houseType" @confirm="confirmHouseType"
@cancel="closeHouseType" :closeOnClickOverlay="true" @close="closeHouseType">
</u-picker>
@@ -211,8 +214,8 @@
<u-picker :show="showToward" :columns="dict.toward" @confirm="confirmToward" @cancel="closeToward"
:closeOnClickOverlay="true" @close="closeToward">
</u-picker>
<u-picker :show="showPremium" :columns="[['是','否']]" @confirm="confirmPremium" @cancel="showPremium = false"
:closeOnClickOverlay="true" @close="showPremium = false">
<u-picker :show="showPremium" :columns="[['是','否']]" @confirm="confirmPremium"
@cancel="showPremium = false" :closeOnClickOverlay="true" @close="showPremium = false">
</u-picker>
@@ -242,7 +245,11 @@
dateFormat
} from '@/utils/util.js'
import * as UserApi from '@/api/user'
import { updateHouseInfo,getHouseInfo,addHouseInfo } from '@/api/house-info.js'
import {
updateHouseInfo,
getHouseInfo,
addHouseInfo
} from '@/api/house-info.js'
import * as UploadApi from '@/api/upload'
import * as DictApi from '@/api/dict.js'
@@ -258,7 +265,7 @@
export default {
data() {
return {
selectId : 0,
selectId: 0,
tabs,
tabIndex: 10,
dict: null,
@@ -319,12 +326,15 @@
},
computed: {
monthlyRent() {
const {extent, rent} = this.form
if(extent && rent) {
return (extent * rent).toFixed(2)
}else {
return 0
}
const {
extent,
rent
} = this.form
let monthlyRent = 0
if (extent && rent) {
monthlyRent = (extent * rent).toFixed(2)
}
return monthlyRent;
}
},
@@ -332,7 +342,7 @@
* 生命周期函数--监听页面加载
*/
onLoad(options) {
if(options.id > 0){
if (options.id > 0) {
uni.setNavigationBarTitle({
title: '编辑房源'
})
@@ -359,18 +369,18 @@
DictApi.listDictionary().then(res => {
this.dict = res.data;
})
},
getHouse(id){
getHouse(id) {
const app = this
console.log('id: ',id);
console.log('id: ', id);
getHouseInfo(id).then(res => {
console.log('res: ',res);
console.log('res: ', res);
app.form = res.data
app.houseLabel = JSON.parse(app.form.houseLabel) || []
app.fileList1 = JSON.parse(app.form.files) || []
})
},
onChangeTab(e) {
@@ -457,7 +467,7 @@
}
});
},
// 上传图片
uploadFile() {
const app = this
@@ -491,18 +501,19 @@
app.disabled = true
app.form.houseLabel = JSON.stringify(app.houseLabel)
app.form.files = JSON.stringify(app.fileList1)
app.form.videoUrl = app.fileList2[0]?app.fileList2[0].url: null
app.form.videoUrl = app.fileList2[0] ? app.fileList2[0].url : null
app.form.monthlyRent = app.monthlyRent
const saveOrUpdate = app.selectId > 0 ? updateHouseInfo : addHouseInfo;
saveOrUpdate(app.form).then(result => {
app.$toast('保存成功')
setTimeout(() => {
uni.navigateBack()
},1000)
}, 1000)
}).catch(err => {
uni.$u.toast(err)
})
}).catch(errors => {
console.log('errors: ',errors);
console.log('errors: ', errors);
uni.$u.toast('校验失败')
})
@@ -605,7 +616,7 @@
this.form.city = data[1].label
this.form.region = data[2].label
this.form.area = `${data[0].label} ${data[1].label} ${data[2].label}`
console.log("this.form.area: ",this.form.area);
console.log("this.form.area: ", this.form.area);
},
changeHandler(e) {
console.log("e: ", e);
@@ -695,7 +706,7 @@
this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
status: 'success',
message: '',
url: event.name == 2 ?result.path: result.url,
url: event.name == 2 ? result.path : result.url,
thumb: result.thumbUrl
}))
fileListLen++
@@ -759,6 +770,7 @@
background-color: #0d0119;
opacity: .3;
}
.page-title {
width: 94%;
margin: 0 auto;
@@ -905,7 +917,7 @@
}
}
/deep/ .u-form-item__body {
padding: 0 !important;
}