github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-14 12:42:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: 修复举报样式错乱

Browse Source
This commit is contained in:
weifs 2024-04-26 09:59:18 +08:00
parent 693fa46688
commit aef23dda13
2 changed files with 26 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
resources/assets/js/pages/manage/components/DialogComplaint.vue
View File

@ -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">

5
resources/assets/sass/pages/components/dialog-complaint-info.scss vendored
View File

@ -21,6 +21,11 @@
}
}
.group-complaint-warp {
height: calc(100% - 107px);
overflow: auto;
}
.group-complaint-list {
margin: 0 24px 0;
.ivu-list-item {