投诉详情

wuye-manager-uniapp/pageSubPack/complaint/handle.vue

@@ -0,0 +1,94 @@
+<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>