95 lines
2.1 KiB
Vue
95 lines
2.1 KiB
Vue
<template>
|
|
<view class="page_padding">
|
|
<view class="handlebox flex-1">
|
|
<view class="items checkout flex items-center" @tap="handleClick">
|
|
<view class="label">处理人员</view>
|
|
<view class="value"> {{ checkoutinfo.username ? checkoutinfo.username : '请选择' }} </view>
|
|
</view>
|
|
<view class="items">
|
|
<view class="label">处理描述</view>
|
|
<view class="areabox">
|
|
<textarea value="" placeholder="请输入" placeholder-style="font-size:28rpx;" />
|
|
</view>
|
|
</view>
|
|
<view class="action_btn" @tap="handleSelecthouse">
|
|
<text>确 认</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from 'vue'
|
|
const checkoutinfo = ref({
|
|
username: '',
|
|
userid: ''
|
|
})
|
|
function handleClick() {
|
|
uni.navigateTo({
|
|
url: '/pageSubPack/complaint/handleUser',
|
|
events: {
|
|
backData: data => {
|
|
checkoutinfo.value.username = data.username
|
|
checkoutinfo.value.userid = data.userid
|
|
}
|
|
}
|
|
})
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.handlebox {
|
|
padding: 30rpx 40rpx;
|
|
position: relative;
|
|
|
|
.items {
|
|
margin-bottom: 30rpx;
|
|
&.checkout {
|
|
height: 100rpx;
|
|
line-height: 100rpx;
|
|
border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
.label {
|
|
width: 128rpx;
|
|
height: 40rpx;
|
|
font-weight: 550;
|
|
font-size: 32rpx;
|
|
color: #333333;
|
|
line-height: 40rpx;
|
|
margin-right: 86rpx;
|
|
}
|
|
.value {
|
|
height: 36rpx;
|
|
font-weight: 400;
|
|
font-size: 28rpx;
|
|
color: #666666;
|
|
line-height: 36rpx;
|
|
text-align: left;
|
|
}
|
|
.areabox {
|
|
margin-top: 20rpx;
|
|
border-radius: 8rpx;
|
|
border: 2rpx solid #e7e7e7;
|
|
padding: 10rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
.action_btn {
|
|
width: 670rpx;
|
|
height: 80rpx;
|
|
font-weight: 400;
|
|
font-size: 28rpx;
|
|
color: #ffffff;
|
|
line-height: 80rpx;
|
|
text-align: center;
|
|
background: #4d5dfa;
|
|
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
|
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
}
|
|
</style>
|