|
@@ -9,8 +9,8 @@
|
|
|
<!-- 评分区域 -->
|
|
<!-- 评分区域 -->
|
|
|
<view class="rate">
|
|
<view class="rate">
|
|
|
<view class="rate_key">民宿评分</view>
|
|
<view class="rate_key">民宿评分</view>
|
|
|
- <uni-rate v-model="rateValue" size="18" @change="onChange" />
|
|
|
|
|
- <view class="rate_value">非常好</view>
|
|
|
|
|
|
|
+ <uni-rate v-model="rateValue" size="18" @change="onChange($event, 1)" />
|
|
|
|
|
+ <view class="rate_value">{{ msg }}</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
<!-- 评价上传图片视频区域 -->
|
|
<!-- 评价上传图片视频区域 -->
|
|
@@ -49,26 +49,26 @@
|
|
|
<!-- 民宿位置评价 -->
|
|
<!-- 民宿位置评价 -->
|
|
|
<view class="foot_box">
|
|
<view class="foot_box">
|
|
|
<view class="box_key">民宿位置</view>
|
|
<view class="box_key">民宿位置</view>
|
|
|
- <uni-rate v-model="rateLocation" size="18" @change="onChange" />
|
|
|
|
|
- <view class="box_value">非常好</view>
|
|
|
|
|
|
|
+ <uni-rate v-model="rateLocation" size="18" @change="onChange($event, 2)" />
|
|
|
|
|
+ <view class="box_value">{{ msgLocation }}</view>
|
|
|
</view>
|
|
</view>
|
|
|
<!-- 民宿设施评价 -->
|
|
<!-- 民宿设施评价 -->
|
|
|
<view class="foot_box">
|
|
<view class="foot_box">
|
|
|
<view class="box_key">民宿设施</view>
|
|
<view class="box_key">民宿设施</view>
|
|
|
- <uni-rate v-model="rateLocation" size="18" @change="onChange" />
|
|
|
|
|
- <view class="box_value">非常好</view>
|
|
|
|
|
|
|
+ <uni-rate v-model="rateFacility" size="18" @change="onChange($event, 3)" />
|
|
|
|
|
+ <view class="box_value">{{ msgFacility }}</view>
|
|
|
</view>
|
|
</view>
|
|
|
<!-- 民宿服务评价 -->
|
|
<!-- 民宿服务评价 -->
|
|
|
<view class="foot_box">
|
|
<view class="foot_box">
|
|
|
<view class="box_key">民宿服务</view>
|
|
<view class="box_key">民宿服务</view>
|
|
|
- <uni-rate v-model="rateLocation" size="18" @change="onChange" />
|
|
|
|
|
- <view class="box_value">非常好</view>
|
|
|
|
|
|
|
+ <uni-rate v-model="rateServe" size="18" @change="onChange($event, 4)" />
|
|
|
|
|
+ <view class="box_value">{{ msgServe }}</view>
|
|
|
</view>
|
|
</view>
|
|
|
<!-- 民宿卫生评价 -->
|
|
<!-- 民宿卫生评价 -->
|
|
|
<view class="foot_box">
|
|
<view class="foot_box">
|
|
|
<view class="box_key">民宿卫生</view>
|
|
<view class="box_key">民宿卫生</view>
|
|
|
- <uni-rate v-model="rateLocation" size="18" @change="onChange" />
|
|
|
|
|
- <view class="box_value">非常好</view>
|
|
|
|
|
|
|
+ <uni-rate v-model="rateHygiene" size="18" @change="onChange($event, 5)" />
|
|
|
|
|
+ <view class="box_value">{{ msgHygiene }}</view>
|
|
|
</view>
|
|
</view>
|
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
@@ -94,6 +94,7 @@
|
|
|
<script>
|
|
<script>
|
|
|
// 图片压缩方法
|
|
// 图片压缩方法
|
|
|
import getLessLimitSizeImage from '@/util/imageCompress.js'
|
|
import getLessLimitSizeImage from '@/util/imageCompress.js'
|
|
|
|
|
+var dayjs = require('dayjs')
|
|
|
export default {
|
|
export default {
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
@@ -102,29 +103,32 @@ export default {
|
|
|
// 胶囊按钮栏高度
|
|
// 胶囊按钮栏高度
|
|
|
customBarH: 0,
|
|
customBarH: 0,
|
|
|
// 民宿评分
|
|
// 民宿评分
|
|
|
- rateValue: 2,
|
|
|
|
|
|
|
+ rateValue: 0,
|
|
|
|
|
+ msg: '',
|
|
|
// 评价绑定数据
|
|
// 评价绑定数据
|
|
|
textareaValue: '',
|
|
textareaValue: '',
|
|
|
// 评价文字长度
|
|
// 评价文字长度
|
|
|
textareaValuelength: 0,
|
|
textareaValuelength: 0,
|
|
|
- // 显示的图片数据
|
|
|
|
|
- imgList: [],
|
|
|
|
|
// 上传的图片数据
|
|
// 上传的图片数据
|
|
|
subImgList: [],
|
|
subImgList: [],
|
|
|
- // 图片上传框的样式
|
|
|
|
|
- imageStyles: {
|
|
|
|
|
- width: '60px',
|
|
|
|
|
- height: 60,
|
|
|
|
|
- border: {
|
|
|
|
|
- // 如果为 Boolean 值,可以控制边框显示与否
|
|
|
|
|
- color: '#eee', // 边框颜色
|
|
|
|
|
- width: '1px', // 边框宽度
|
|
|
|
|
- style: 'solid', // 边框样式
|
|
|
|
|
- radius: '50%' // 边框圆角,支持百分比
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
// 民宿位置评分
|
|
// 民宿位置评分
|
|
|
- rateLocation: 3
|
|
|
|
|
|
|
+ rateLocation: 0,
|
|
|
|
|
+ msgLocation: '',
|
|
|
|
|
+ // 民宿设施评分
|
|
|
|
|
+ rateFacility: 0,
|
|
|
|
|
+ msgFacility: '',
|
|
|
|
|
+ // 民宿服务评分
|
|
|
|
|
+ rateServe: 0,
|
|
|
|
|
+ msgServe: '',
|
|
|
|
|
+ // 民宿卫生评分
|
|
|
|
|
+ rateHygiene: 0,
|
|
|
|
|
+ msgHygiene: '',
|
|
|
|
|
+ // 订单id
|
|
|
|
|
+ bookingId: '',
|
|
|
|
|
+ // 民宿id
|
|
|
|
|
+ hotelId: '',
|
|
|
|
|
+ // 房间id
|
|
|
|
|
+ houseId: ''
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
created() {
|
|
created() {
|
|
@@ -139,6 +143,12 @@ export default {
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
|
|
+ onLoad(options) {
|
|
|
|
|
+ // console.log(options)
|
|
|
|
|
+ this.bookingId = options.bookingId
|
|
|
|
|
+ this.hotelId = options.hotelId
|
|
|
|
|
+ this.houseId = options.houseId
|
|
|
|
|
+ },
|
|
|
methods: {
|
|
methods: {
|
|
|
// 点击页面标题返回箭头回调
|
|
// 点击页面标题返回箭头回调
|
|
|
handleBack() {
|
|
handleBack() {
|
|
@@ -158,10 +168,67 @@ export default {
|
|
|
},
|
|
},
|
|
|
// 点击提交按钮回调
|
|
// 点击提交按钮回调
|
|
|
handleSub() {
|
|
handleSub() {
|
|
|
- uni.navigateTo({
|
|
|
|
|
- url: `/pages/evaluateStatus/evaluateStatus?status=2`
|
|
|
|
|
|
|
+ if (!this.rateValue || !this.rateLocation || !this.rateFacility || !this.rateHygiene || !this.rateServe) {
|
|
|
|
|
+ uni.showToast({
|
|
|
|
|
+ title: '请评分后再提交',
|
|
|
|
|
+ icon: 'none',
|
|
|
|
|
+ mask: true
|
|
|
|
|
+ })
|
|
|
|
|
+ return
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ let userInfo = uni.getStorageSync('userInfo')
|
|
|
|
|
+ let time = dayjs(new Date()).format('YYYY-MM-DD HH:mm:ss')
|
|
|
|
|
+
|
|
|
|
|
+ uni.request({
|
|
|
|
|
+ url: 'http://192.168.161.224:8088/mhotel/abcaorderRate.action',
|
|
|
|
|
+ method: 'post',
|
|
|
|
|
+ data: {
|
|
|
|
|
+ bookingId: this.bookingId,
|
|
|
|
|
+ hotelId: this.hotelId,
|
|
|
|
|
+ houseId: this.houseId,
|
|
|
|
|
+ content: this.textareaValue,
|
|
|
|
|
+ commentStatus: 1,
|
|
|
|
|
+ score: this.rateValue,
|
|
|
|
|
+ scoreWs: this.rateHygiene,
|
|
|
|
|
+ scoreFw: this.rateServe,
|
|
|
|
|
+ scoreSs: this.rateFacility,
|
|
|
|
|
+ scoreWz: this.rateLocation,
|
|
|
|
|
+ createId: userInfo.id,
|
|
|
|
|
+ createUsername: userInfo.user_name,
|
|
|
|
|
+ createDate: time,
|
|
|
|
|
+ modifyDate: time,
|
|
|
|
|
+ pictureList: this.subImgList
|
|
|
|
|
+ },
|
|
|
|
|
+ success: (res) => {
|
|
|
|
|
+ // console.log(res.data)
|
|
|
|
|
+ if (res.data.code === 200) {
|
|
|
|
|
+ uni.showToast({
|
|
|
|
|
+ title: '评价成功',
|
|
|
|
|
+ icon: 'success',
|
|
|
|
|
+ mask: true
|
|
|
|
|
+ })
|
|
|
|
|
+ setTimeout(() => {
|
|
|
|
|
+ uni.navigateTo({
|
|
|
|
|
+ url: `/pages/evaluateStatus/evaluateStatus?status=1`
|
|
|
|
|
+ })
|
|
|
|
|
+ }, 1500)
|
|
|
|
|
+ } else {
|
|
|
|
|
+ uni.showToast({
|
|
|
|
|
+ title: res.data.message,
|
|
|
|
|
+ icon: 'none',
|
|
|
|
|
+ mask: true
|
|
|
|
|
+ })
|
|
|
|
|
+ setTimeout(() => {
|
|
|
|
|
+ uni.navigateTo({
|
|
|
|
|
+ url: `/pages/evaluateStatus/evaluateStatus?status=2`
|
|
|
|
|
+ })
|
|
|
|
|
+ }, 1500)
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
|
|
+ // 上传图片回调
|
|
|
handleUpLoad() {
|
|
handleUpLoad() {
|
|
|
uni.chooseMedia({
|
|
uni.chooseMedia({
|
|
|
count: 9,
|
|
count: 9,
|
|
@@ -211,62 +278,77 @@ export default {
|
|
|
})
|
|
})
|
|
|
},
|
|
},
|
|
|
// 评分改变回调
|
|
// 评分改变回调
|
|
|
- onChange(e) {
|
|
|
|
|
- console.log(e.value)
|
|
|
|
|
|
|
+ onChange(e, index) {
|
|
|
|
|
+ // console.log(e)
|
|
|
|
|
+ if (index === 1) {
|
|
|
|
|
+ if (e.value === 1) {
|
|
|
|
|
+ this.msg = '非常差'
|
|
|
|
|
+ } else if (e.value === 2) {
|
|
|
|
|
+ this.msg = '差'
|
|
|
|
|
+ } else if (e.value === 3) {
|
|
|
|
|
+ this.msg = '一般'
|
|
|
|
|
+ } else if (e.value === 4) {
|
|
|
|
|
+ this.msg = '好'
|
|
|
|
|
+ } else if (e.value === 5) {
|
|
|
|
|
+ this.msg = '非常好'
|
|
|
|
|
+ }
|
|
|
|
|
+ } else if (index === 2) {
|
|
|
|
|
+ if (e.value === 1) {
|
|
|
|
|
+ this.msgLocation = '非常差'
|
|
|
|
|
+ } else if (e.value === 2) {
|
|
|
|
|
+ this.msgLocation = '差'
|
|
|
|
|
+ } else if (e.value === 3) {
|
|
|
|
|
+ this.msgLocation = '一般'
|
|
|
|
|
+ } else if (e.value === 4) {
|
|
|
|
|
+ this.msgLocation = '好'
|
|
|
|
|
+ } else if (e.value === 5) {
|
|
|
|
|
+ this.msgLocation = '非常好'
|
|
|
|
|
+ }
|
|
|
|
|
+ } else if (index === 3) {
|
|
|
|
|
+ if (e.value === 1) {
|
|
|
|
|
+ this.msgFacility = '非常差'
|
|
|
|
|
+ } else if (e.value === 2) {
|
|
|
|
|
+ this.msgFacility = '差'
|
|
|
|
|
+ } else if (e.value === 3) {
|
|
|
|
|
+ this.msgFacility = '一般'
|
|
|
|
|
+ } else if (e.value === 4) {
|
|
|
|
|
+ this.msgFacility = '好'
|
|
|
|
|
+ } else if (e.value === 5) {
|
|
|
|
|
+ this.msgFacility = '非常好'
|
|
|
|
|
+ }
|
|
|
|
|
+ } else if (index === 4) {
|
|
|
|
|
+ if (e.value === 1) {
|
|
|
|
|
+ this.msgServe = '非常差'
|
|
|
|
|
+ } else if (e.value === 2) {
|
|
|
|
|
+ this.msgServe = '差'
|
|
|
|
|
+ } else if (e.value === 3) {
|
|
|
|
|
+ this.msgServe = '一般'
|
|
|
|
|
+ } else if (e.value === 4) {
|
|
|
|
|
+ this.msgServe = '好'
|
|
|
|
|
+ } else if (e.value === 5) {
|
|
|
|
|
+ this.msgServe = '非常好'
|
|
|
|
|
+ }
|
|
|
|
|
+ } else if (index === 5) {
|
|
|
|
|
+ if (e.value === 1) {
|
|
|
|
|
+ this.msgHygiene = '非常差'
|
|
|
|
|
+ } else if (e.value === 2) {
|
|
|
|
|
+ this.msgHygiene = '差'
|
|
|
|
|
+ } else if (e.value === 3) {
|
|
|
|
|
+ this.msgHygiene = '一般'
|
|
|
|
|
+ } else if (e.value === 4) {
|
|
|
|
|
+ this.msgHygiene = '好'
|
|
|
|
|
+ } else if (e.value === 5) {
|
|
|
|
|
+ this.msgHygiene = '非常好'
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
},
|
|
},
|
|
|
// 评价输入框输入回调
|
|
// 评价输入框输入回调
|
|
|
handleInput(e) {
|
|
handleInput(e) {
|
|
|
this.textareaValuelength = e.detail.cursor
|
|
this.textareaValuelength = e.detail.cursor
|
|
|
},
|
|
},
|
|
|
- // 选择图片回调
|
|
|
|
|
- select(e) {
|
|
|
|
|
- // console.log(e)
|
|
|
|
|
- e.tempFiles.forEach((item) => {
|
|
|
|
|
- //这里的id和页面中写的html代码的canvas的id要一致
|
|
|
|
|
- let canvasId = 'zipCanvas'
|
|
|
|
|
- //原图的路径
|
|
|
|
|
- let imagePath = item.path
|
|
|
|
|
- //大小限制1024kb
|
|
|
|
|
- let limitSize = 1024
|
|
|
|
|
- //初始绘画区域是画布自身的宽度也就是屏幕宽度
|
|
|
|
|
- let drawWidth = uni.getSystemInfoSync().windowWidth
|
|
|
|
|
-
|
|
|
|
|
- getLessLimitSizeImage(canvasId, imagePath, limitSize, drawWidth, (resPath) => {
|
|
|
|
|
- uni.showLoading({
|
|
|
|
|
- title: '上传中'
|
|
|
|
|
- })
|
|
|
|
|
- uni.uploadFile({
|
|
|
|
|
- url: `https://chtech.ncjti.edu.cn/hotelReservation/mhotel/mhotel/uploadhimage.action`,
|
|
|
|
|
- filePath: resPath,
|
|
|
|
|
- name: 'myFile',
|
|
|
|
|
- success: (uploadFileRes) => {
|
|
|
|
|
- console.log(JSON.parse(uploadFileRes.data))
|
|
|
|
|
- let temRes = JSON.parse(uploadFileRes.data)
|
|
|
|
|
- if (temRes.code === 200) {
|
|
|
|
|
- this.subImgList.push(temRes.data.url)
|
|
|
|
|
- this.imgList.push({
|
|
|
|
|
- url: item.path,
|
|
|
|
|
- name: ''
|
|
|
|
|
- })
|
|
|
|
|
- uni.hideLoading()
|
|
|
|
|
- }
|
|
|
|
|
- },
|
|
|
|
|
- fail: () => {
|
|
|
|
|
- uni.showToast({
|
|
|
|
|
- title: '上传失败',
|
|
|
|
|
- icon: 'error'
|
|
|
|
|
- })
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
- })
|
|
|
|
|
- })
|
|
|
|
|
- },
|
|
|
|
|
// 删除图片回调
|
|
// 删除图片回调
|
|
|
handleDelete(index) {
|
|
handleDelete(index) {
|
|
|
- // console.log(e);
|
|
|
|
|
- // const num = this.imgList.findIndex((v) => v.url === e.tempFilePath)
|
|
|
|
|
this.subImgList.splice(index, 1)
|
|
this.subImgList.splice(index, 1)
|
|
|
- // this.imgList.splice(num, 1)
|
|
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -441,4 +523,4 @@ export default {
|
|
|
background-color: #096562;
|
|
background-color: #096562;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-</style>
|
|
|
|
|
|
|
+</style>
|