<template>
	<view class="page">
		<view class="pageMain">
			<view class="padding-tb-20 padding-lr-30">
				<view class="radius-10 border-dd padding-20" style="height: 300rpx;">
					<textarea class="width-100p height-10p text-30 line-45" placeholder="请输入"
						placeholder-class="text-aa" maxlength="200" v-model="content"></textarea>
				</view>
			</view>
		</view>

		<view class="bottomBox">
			<view class="bg-2f9 line-height-100 radius-50 text-center text-fe text-32 text-bold" @click="tapSub">
				提交
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				oid: '',
				content: '',
			}
		},

		onLoad(options) {
			this.oid = options.oid;
		},
		methods: {
			tapSub() {
				if (this.content == '') {
					this.cn.alert('请输入要回复的内容');
					return;
				}
				this.rq.getData('fire/api/Expert/expertReplyReview',{
					order_id : this.oid,
					reply : this.content
				}).then(res=>{
					if(res.code == 0){
						this.cn.alert('提交成功').then(() => {
							uni.navigateBack({
								delta: 1
							})
						})
					}
				})
			}
		}
	}
</script>

<style scoped>
	.pageMain {
		width: 100vw;
		min-height: 100vh;
		background: #fff;
		padding-bottom: calc(150rpx + env(safe-area-inset-bottom));
		box-sizing: border-box;
	}

	.bottomBox {
		width: 100vw;
		background: #fff;
		position: fixed;
		left: 0;
		bottom: 0;
		padding: 10rpx 30rpx calc(10rpx + env(safe-area-inset-bottom));
		box-sizing: border-box;
	}
</style>
