From aef23dda13959079921df3864d0638d24a71a067 Mon Sep 17 00:00:00 2001
From: weifs <605403358@qq.com>
Date: Fri, 26 Apr 2024 09:59:18 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E4=B8=BE=E6=8A=A5?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E9=94=99=E4=B9=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manage/components/DialogComplaint.vue     | 40 ++++++++++---------
 .../components/dialog-complaint-info.scss     |  5 +++
 2 files changed, 26 insertions(+), 19 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/DialogComplaint.vue b/resources/assets/js/pages/manage/components/DialogComplaint.vue
index 02083cc57..d4f930235 100644
--- a/resources/assets/js/pages/manage/components/DialogComplaint.vue
+++ b/resources/assets/js/pages/manage/components/DialogComplaint.vue
@@ -1,25 +1,27 @@
 <template>
     <div class="dialog-complaint-info">
         <div class="group-complaint-title">{{ $L('匿名举报') }}</div>
-        <div class="group-complaint-title underline required">{{ $L('请输入举报类型：') }}</div>
-        <div class="group-complaint-list">
-            <List>
-                <ListItem v-for="(item, index) in typeList" :key="index" :class="{ 'active': typeId == item.id }">
-                    <div class="text" @click="onSelectType(item)">{{ $L(item.label) }}</div>
-                    <RadioGroup v-model="typeId">
-                        <Radio :label="item.id" :model-value="typeId">&nbsp;</Radio>
-                    </RadioGroup>
-                </ListItem>
-            </List>
-        </div>
-        <!--  -->
-        <div class="group-complaint-title required">{{ $L('请输入举报原因：') }}</div>
-        <div class="group-complaint-reason">
-            <Input v-model="reason" type="textarea" maxlength="500" :autosize="{ minRows: 4, maxRows: 8 }"
-                :placeholder="$L('请输入填写详细的举报原因，以使我们更好的帮助你解决问题')" />
-        </div>
-        <div class="group-complaint-img">
-            <ImgUpload v-model="imgs" :num="5" :width="512" :height="512" :whcut="1"></ImgUpload>
+        <div class="group-complaint-warp">
+            <div class="group-complaint-title underline required">{{ $L('请输入举报类型：') }}</div>
+            <div class="group-complaint-list">
+                <List>
+                    <ListItem v-for="(item, index) in typeList" :key="index" :class="{ 'active': typeId == item.id }">
+                        <div class="text" @click="onSelectType(item)">{{ $L(item.label) }}</div>
+                        <RadioGroup v-model="typeId">
+                            <Radio :label="item.id" :model-value="typeId">&nbsp;</Radio>
+                        </RadioGroup>
+                    </ListItem>
+                </List>
+            </div>
+            <!--  -->
+            <div class="group-complaint-title required">{{ $L('请输入举报原因：') }}</div>
+            <div class="group-complaint-reason">
+                <Input v-model="reason" type="textarea" maxlength="500" :autosize="{ minRows: 4, maxRows: 8 }"
+                    :placeholder="$L('请输入填写详细的举报原因，以使我们更好的帮助你解决问题')" />
+            </div>
+            <div class="group-complaint-img">
+                <ImgUpload v-model="imgs" :num="5" :width="512" :height="512" :whcut="1"></ImgUpload>
+            </div>
         </div>
         <!--  -->
         <div class="group-info-button">
diff --git a/resources/assets/sass/pages/components/dialog-complaint-info.scss b/resources/assets/sass/pages/components/dialog-complaint-info.scss
index 938ebde2d..c83a52332 100644
--- a/resources/assets/sass/pages/components/dialog-complaint-info.scss
+++ b/resources/assets/sass/pages/components/dialog-complaint-info.scss
@@ -21,6 +21,11 @@
         }
     }
 
+    .group-complaint-warp {
+        height: calc(100% - 107px);
+        overflow: auto;
+    }
+
     .group-complaint-list {
         margin: 0 24px 0;
         .ivu-list-item {