public-opinion/pagesA/feedback/feedback.vue

74 lines
2.3 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<view class="pad-x50">
<view class="disac pad-zy20 pad-sx30">
<view class="cricle-box"></view>
<view class="fon36 mar-z20">处理反馈</view>
</view>
<view class="pad-zy20 fon30" style="background-color: #f5f5f5;">
<view class="col9 pad-sx30">2021年7月19日 2130</view>
<view class="disjb bbot pad-x30">
<view class="">调查情况</view>
<view class="col9 tright" style="max-width: 50%;">情况属实马上安排人员 处理请耐心等待</view>
</view>
<view class="disjb bbot pad-sx30">
<view class="">处理结果</view>
<view class="col9 tright" style="max-width: 50%;">情况属实马上安排人员 处理请耐心等待</view>
</view>
</view>
<view class="disac pad-zy20 pad-sx30">
<view class="cricle-box"></view>
<view class="fon36 mar-z20">历史反馈</view>
</view>
<view class="pad-zy20 fon30" style="background-color: #f5f5f5;">
<view class="col9 pad-sx30">2021年7月19日 2130</view>
<view class="disjb pad-x30">
<view class="">反馈意见不满意</view>
<view class="col9 tright" style="max-width: 50%;">等了好久了还没有上门 处理</view>
</view>
</view>
<view class="disac pad-zy20 pad-sx30">
<view class="cricle-box"></view>
<view class="fon36 mar-z20">反馈提交</view>
</view>
<view class="disjcac pad-zy20">
<view @tap="chooseType" class="disjbac radius30 width100 pad-sx20 pad-zy30" style="border: 2rpx solid #d9d9d9;">
<view class="col9 fon30">{{typeText}}</view>
<i class="icon icon-zsj colb fon24"></i>
</view>
</view>
<view class="disjcac pad-zy20 mar-s30">
<view class="disjbac radius30 width100 pad-sx20 pad-zy30" style="border: 2rpx solid #d9d9d9;box-sizing: border-box;">
<textarea class="col9 fon30" style="height: 272rpx;" placeholder="请输入反馈信息"></textarea>
</view>
</view>
<view class="disjcac mar-s70">
<view class="disjcac enter-btn" style="margin: 0;" @tap="submitEv"></view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
typeList:['满意','不满意'],
typeText:'满意'
}
},
methods: {
// 选择类型
chooseType(){
uni.showActionSheet({
itemList:this.typeList,
success: (res) => {
this.typeText = this.typeList[res.tapIndex];
}
})
}
}
}
</script>
<style>
</style>