From 353ea4b17aa1102311523b2b3b1079e62fb49ae0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8B=9F=E5=B7=9D=E4=B8=9C?= <wyemail666@163.com>
Date: Sun, 20 Apr 2025 14:02:02 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=BC=82=E5=B8=B8=E4=B8=8A=E6=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/api.js                             |  6 ++++
 pages/order/report-order-exception.vue | 43 ++++++++++++++------------
 static/css/form.scss                   |  7 +++--
 3 files changed, 34 insertions(+), 22 deletions(-)

diff --git a/api/api.js b/api/api.js
index 4c746f9..ec6e0c7 100644
--- a/api/api.js
+++ b/api/api.js
@@ -85,6 +85,12 @@ class Api {
         let url = `${config.host}/worker/order_dispatch/completeService`;
         return fetch.request('postFrom', url, data, true)
     }
+
+    // 异常原因列表
+    static findExceptionTypeList() {
+        let url = `${config.host}/worker/abnormal/index`;
+        return fetch.request('GET', url, {}, true)
+    }
 }
 
 export default Api
diff --git a/pages/order/report-order-exception.vue b/pages/order/report-order-exception.vue
index b158570..f1407b0 100644
--- a/pages/order/report-order-exception.vue
+++ b/pages/order/report-order-exception.vue
@@ -1,11 +1,14 @@
 <template>
   <view class="ctr" v-if="data !== null">
     <view class="form-group">
-      <view class="item input flex-sb line-after" @click="selectFinalPaymentMethod()">
-        <view class="title flex-l">异常原因</view>
-        <view v-if="submitData.final_payment_method === null" class="select-ctr flex-r">请异常原因</view>
-        <view v-else class="select-ctr flex-r select">{{submitData.final_payment_method === 1 ? '线下尾款' : '线上尾款'}}</view>
-      </view>
+      <picker @change="bindPickerChange" range-key="title" :range="typeList">
+        <view class="item input flex-sb line-after">
+          <view class="title flex-l">异常原因</view>
+          <view v-if="submitData.abnormal_id === 0" class="select-ctr flex-r">请选择异常原因</view>
+          <view v-else class="select-ctr flex-r select">{{typeList[typeListIndex].title}}</view>
+        </view>
+      </picker>
+
       <view class="textarea">
         <view class="title flex-l">异常说明</view>
         <view class="value">
@@ -29,7 +32,13 @@ import {ref, reactive} from 'vue'
 import {onLoad} from '@dcloudio/uni-app'
 import api from "../../api/api";
 import {throttle} from "../../utils/throttle";
-import enums from "../../utils/enums";
+
+const bindPickerChange = (e) => {
+  typeListIndex.value = e.detail.value;
+  submitData.abnormal_id = typeList.value[e.detail.value].id
+}
+
+const typeListIndex = ref(0)
 
 //提交
 const submit = throttle(() => {
@@ -73,33 +82,27 @@ onLoad((params) => {
 })
 
 const data = ref(null)
+const typeList = ref(null)
 const init = () => {
   api.orderInfo({order_dispatch_id: id.value}).then(res => {
     data.value = res
   }).catch(() => {})
+
+  api.findExceptionTypeList().then(res => {
+    typeList.value = res
+    console.log(typeList.value)
+  }).catch(() => {})
 }
 
 //提交数据
 const submitData = reactive({
-  abnormal_id: null,
+  abnormal_id: 0,
   detail: '',
 })
 
-const selectFinalPaymentMethod = () => {
-  uni.showActionSheet({
-    itemList: ['线下尾款', '线上尾款'],
-    success: function (res) {
-      submitData.final_payment_method = res.tapIndex + 1
-    },
-    fail: function (res) {
-      console.log(res.errMsg);
-    }
-  });
-}
-
 //验证提交数据
 const validate = () => {
-  if (submitData.abnormal_id === null) {
+  if (submitData.abnormal_id === 0) {
     helpers.showToast('请选择异常原因')
     return false
   }
diff --git a/static/css/form.scss b/static/css/form.scss
index b8247a6..77fb39f 100644
--- a/static/css/form.scss
+++ b/static/css/form.scss
@@ -116,7 +116,7 @@
   }
   .input {
     width: 100%;
-    height: 100rpx;
+    min-height: 100rpx;
     position: relative;
     .title {
       width: 200rpx;
@@ -139,7 +139,10 @@
       font-size: 30rpx;
       color: var(--descriptionColor);
       width: 100%;
-      height: 100%;
+      min-height: 100rpx;
+      line-height: 48rpx;
+      padding: 16rpx 0;
+      box-sizing: border-box;
     }
     .select {
       color: var(--titleColor);