对接 投诉详情 投诉列表 选择处理人员 api

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

@@ -3,12 +3,22 @@
     <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 class="value ellipsis">
+          <text>{{ checkoutinfo.userName ? checkoutinfo.userName : '请选择' }}</text>
+        </view>
       </view>
       <view class="items">
         <view class="label">处理描述</view>
         <view class="areabox">
-          <textarea value="" placeholder="请输入" placeholder-style="font-size:28rpx;" />
+          <textarea
+            style="width: 100%; height: 100%; overflow: hidden"
+            :value="form.handleContent"
+            :maxlength="-1"
+            auto-height
+            placeholder="请输入"
+            @blur="handleBlur"
+            placeholder-style="font-size:28rpx;"
+          />
         </view>
       </view>
       <view class="action_btn" @tap="handleSelecthouse">
@@ -18,26 +28,50 @@
   </view>
 </template>
 
-<script setup>
+<script setup lang="ts" key="handle">
 import { ref } from 'vue'
+import { onLoad, onUnload } from '@dcloudio/uni-app'
+import { putComplainProcess } from '@/api/complain'
+
 const checkoutinfo = ref({
-  username: '',
-  userid: ''
+  userName: '',
+  userId: ''
 })
+const form = ref({
+  complaintId: '',
+  handleContent: ''
+})
+onLoad(options => {
+  if (options && options.handleId && options.handleId.trim()) {
+    form.value.complaintId = options.handleId
+  }
+})
+
+// 选择处理人员
 function handleClick() {
   uni.navigateTo({
     url: '/pageSubPack/complaint/handleUser',
     events: {
-      backData: data => {
-        checkoutinfo.value.username = data.username
-        checkoutinfo.value.userid = data.userid
+      backData: (data: { userName: string; userId: string }) => {
+        checkoutinfo.value.userName = decodeURIComponent(data.userName)
+        checkoutinfo.value.userId = data.userId
       }
     }
   })
 }
 
+function handleBlur(e) {
+  form.value.handleContent = e.detail.value
+}
+
+// 处理投诉 提交
 function handleSelecthouse() {
-  uni.navigateBack()
+  putComplainProcess({
+    id: form.value.complaintId,
+    handleContent: form.value.handleContent
+  }).then(() => {
+    uni.navigateBack()
+  })
 }
 </script>
 
@@ -48,6 +82,7 @@ function handleSelecthouse() {
 
   .items {
     margin-bottom: 30rpx;
+    overflow: hidden;
     &.checkout {
       height: 100rpx;
       line-height: 100rpx;
@@ -55,6 +90,7 @@ function handleSelecthouse() {
     }
     .label {
       width: 128rpx;
+      min-width: 128rpx;
       height: 40rpx;
       font-weight: 550;
       font-size: 32rpx;
@@ -76,6 +112,9 @@ function handleSelecthouse() {
       border: 2rpx solid #e7e7e7;
       padding: 10rpx;
       box-sizing: border-box;
+      min-height: 162rpx;
+      max-height: 450rpx;
+      overflow: auto;
     }
   }
   .action_btn {