新增华为审核投诉功能 修改群聊低于三人按钮置灰逻辑 修改移出群自己在列表最上方并且不在列表出现问题
Some checks are pending
Check / lint (push) Waiting to run
Check / typecheck (push) Waiting to run
Check / build (build, 18.x, ubuntu-latest) (push) Waiting to run
Check / build (build, 18.x, windows-latest) (push) Waiting to run
Check / build (build:app, 18.x, ubuntu-latest) (push) Waiting to run
Check / build (build:app, 18.x, windows-latest) (push) Waiting to run
Check / build (build:mp-weixin, 18.x, ubuntu-latest) (push) Waiting to run
Check / build (build:mp-weixin, 18.x, windows-latest) (push) Waiting to run
Some checks are pending
Check / lint (push) Waiting to run
Check / typecheck (push) Waiting to run
Check / build (build, 18.x, ubuntu-latest) (push) Waiting to run
Check / build (build, 18.x, windows-latest) (push) Waiting to run
Check / build (build:app, 18.x, ubuntu-latest) (push) Waiting to run
Check / build (build:app, 18.x, windows-latest) (push) Waiting to run
Check / build (build:mp-weixin, 18.x, ubuntu-latest) (push) Waiting to run
Check / build (build:mp-weixin, 18.x, windows-latest) (push) Waiting to run
This commit is contained in:
parent
2953d50e4b
commit
a5d9009910
2
auto-imports.d.ts
vendored
2
auto-imports.d.ts
vendored
@ -70,6 +70,6 @@ declare global {
|
||||
// for type re-export
|
||||
declare global {
|
||||
// @ts-ignore
|
||||
export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
|
||||
export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
|
||||
import('vue')
|
||||
}
|
||||
|
||||
14274
pnpm-lock.yaml
14274
pnpm-lock.yaml
File diff suppressed because it is too large
Load Diff
@ -5,8 +5,7 @@
|
||||
"^tm-(.*)": "@/tmui/components/tm-$1/tm-$1.vue"
|
||||
}
|
||||
},
|
||||
"pages": [
|
||||
{
|
||||
"pages": [{
|
||||
"path": "pages/index/index",
|
||||
"type": "page",
|
||||
"style": {
|
||||
@ -186,6 +185,14 @@
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/complaintReport/index",
|
||||
"type": "page",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"enablePullDownRefresh": false
|
||||
}
|
||||
}
|
||||
],
|
||||
"globalStyle": {
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -3,20 +3,358 @@
|
||||
<div class="root">
|
||||
<ZPaging ref="zPaging" :show-scrollbar="false">
|
||||
<template #top>
|
||||
<customNavbar class="tmNavBar"></customNavbar>
|
||||
<customNavbar class="tmNavBar" :title="$t('complaint.title')"></customNavbar>
|
||||
</template>
|
||||
|
||||
<!-- 投诉主体内容 -->
|
||||
<view class="complaint-container">
|
||||
<!-- 投诉类型选择 -->
|
||||
<view class="form-item">
|
||||
<text class="form-label">{{ $t('complaint.selectType') }}</text>
|
||||
<picker mode="selector" :range="complaintTypes" range-key="label" @change="handleTypeChange">
|
||||
<view class="picker">
|
||||
{{ selectedType.label || $t('complaint.selectPlaceholder') }}
|
||||
<uni-icons type="arrowright" size="16" color="#999"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
</view>
|
||||
|
||||
<!-- 图片证据上传 -->
|
||||
<view class="form-item">
|
||||
<text class="form-label">{{ $t('complaint.imageEvidence') }}</text>
|
||||
<view class="upload-area">
|
||||
<view v-for="(img, index) in imageList" :key="index" class="image-wrapper">
|
||||
<image :src="img" mode="aspectFill" class="uploaded-image" @click="previewImage(index)" />
|
||||
<uni-icons type="close" size="18" color="#fff" class="delete-icon"
|
||||
@click="removeImage(index)"></uni-icons>
|
||||
</view>
|
||||
<view v-if="imageList.length < 9" class="upload-btn" @click="chooseImage">
|
||||
<uni-icons type="plusempty" size="28" color="#999"></uni-icons>
|
||||
<text class="upload-text">{{ $t('complaint.addImage') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 投诉内容 -->
|
||||
<view class="form-item">
|
||||
<text class="form-label">{{ $t('complaint.complaintContent') }}</text>
|
||||
<textarea v-model="complaintContent" :placeholder="$t('complaint.contentPlaceholder')"
|
||||
class="content-textarea"></textarea>
|
||||
</view>
|
||||
|
||||
<!-- 投诉须知 -->
|
||||
<view class="notice-box">
|
||||
<view class="notice-header" @click="toggleNotice">
|
||||
<text class="notice-title">{{ $t('complaint.noticeTitle') }}</text>
|
||||
<text class="toggle-btn">
|
||||
{{ isNoticeExpanded ? $t('complaint.collapse') : $t('complaint.expand') }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
<!-- 折叠状态只显示前两项 -->
|
||||
<view class="notice-content" v-if="!isNoticeExpanded">
|
||||
<view class="notice-item">
|
||||
<text>{{ $t('complaint.noticeone') }}</text>
|
||||
</view>
|
||||
<view class="notice-item">
|
||||
<text>{{ $t('complaint.noticetwo') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 展开状态显示全部 -->
|
||||
<view class="notice-content" v-else>
|
||||
<view class="notice-item">
|
||||
<text>{{ $t('complaint.noticeone') }}</text>
|
||||
</view>
|
||||
<view class="notice-item">
|
||||
<text>{{ $t('complaint.noticetwo') }}</text>
|
||||
</view>
|
||||
<view class="notice-item">
|
||||
<text>{{ $t('complaint.noticethree') }}</text>
|
||||
</view>
|
||||
<view class="notice-item">
|
||||
<text>{{ $t('complaint.noticefour') }}</text>
|
||||
</view>
|
||||
<view class="notice-item">
|
||||
<text>{{ $t('complaint.noticefive') }}</text>
|
||||
</view>
|
||||
<view class="notice-item">
|
||||
<text>{{ $t('complaint.noticenoticeContent') }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<button class="submit-btn" :disabled="!selectedType.value" @click="handleSubmit">
|
||||
{{ $t('complaint.submit') }}
|
||||
</button>
|
||||
</view>
|
||||
</ZPaging>
|
||||
|
||||
<!-- 固定在底部的提交按钮 -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
|
||||
|
||||
<script setup>
|
||||
import {
|
||||
ref
|
||||
} from 'vue';
|
||||
import {
|
||||
onLoad
|
||||
} from '@dcloudio/uni-app';
|
||||
import {
|
||||
useI18n
|
||||
} from 'vue-i18n';
|
||||
|
||||
const {
|
||||
t
|
||||
} = useI18n();
|
||||
|
||||
|
||||
// 投诉类型选项
|
||||
const complaintTypes = computed(() => [{
|
||||
label: t('complaint.typeOptions.porn'),
|
||||
value: 'porn'
|
||||
},
|
||||
{
|
||||
label: t('complaint.typeOptions.illegal'),
|
||||
value: 'illegal'
|
||||
},
|
||||
{
|
||||
label: t('complaint.typeOptions.gambling'),
|
||||
value: 'gambling'
|
||||
},
|
||||
{
|
||||
label: t('complaint.typeOptions.violence'),
|
||||
value: 'violence'
|
||||
},
|
||||
{
|
||||
label: t('complaint.typeOptions.selfHarm'),
|
||||
value: 'selfHarm'
|
||||
},
|
||||
{
|
||||
label: t('complaint.typeOptions.other'),
|
||||
value: 'other'
|
||||
}
|
||||
]);
|
||||
|
||||
// 表单数据
|
||||
const selectedType = ref({});
|
||||
const imageList = ref([]);
|
||||
const complaintContent = ref('');
|
||||
const isNoticeExpanded = ref(false);
|
||||
|
||||
// 切换投诉须知展开状态
|
||||
const toggleNotice = () => {
|
||||
isNoticeExpanded.value = !isNoticeExpanded.value;
|
||||
};
|
||||
|
||||
// 选择投诉类型
|
||||
const handleTypeChange = (e) => {
|
||||
selectedType.value = complaintTypes.value[e.detail.value];
|
||||
};
|
||||
|
||||
// 选择图片
|
||||
const chooseImage = () => {
|
||||
uni.chooseImage({
|
||||
count: 9 - imageList.value.length,
|
||||
sizeType: ['compressed'],
|
||||
sourceType: ['album', 'camera'],
|
||||
success: (res) => {
|
||||
imageList.value = [...imageList.value, ...res.tempFilePaths];
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// 删除图片
|
||||
const removeImage = (index) => {
|
||||
imageList.value.splice(index, 1);
|
||||
};
|
||||
|
||||
// 预览图片
|
||||
const previewImage = (index) => {
|
||||
uni.previewImage({
|
||||
current: index,
|
||||
urls: imageList.value
|
||||
});
|
||||
};
|
||||
|
||||
// 提交投诉
|
||||
const handleSubmit = () => {
|
||||
const formData = {
|
||||
type: selectedType.value,
|
||||
images: imageList.value,
|
||||
content: complaintContent.value
|
||||
};
|
||||
uni.showLoading({
|
||||
title: t('complaint.toast.submitting') // 使用国际化文本
|
||||
});
|
||||
setTimeout(() => {
|
||||
uni.hideLoading();
|
||||
uni.showToast({
|
||||
title: t('complaint.toast.success'),
|
||||
icon: 'success'
|
||||
});
|
||||
selectedType.value = {};
|
||||
imageList.value = [];
|
||||
complaintContent.value = '';
|
||||
// 返回上一页
|
||||
setTimeout(() => {
|
||||
uni.navigateBack();
|
||||
}, 1500);
|
||||
}, 2000);
|
||||
};
|
||||
|
||||
onLoad(() => {
|
||||
// 页面加载时初始化
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.outer-layer {
|
||||
flex: 1;
|
||||
background-image: url('@/static/image/mine/1111.png');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
::v-deep .uni-picker-action-confirm {
|
||||
color: #452aa1 !important;
|
||||
}
|
||||
|
||||
.outer-layer {
|
||||
flex: 1;
|
||||
background-image: url('@/static/image/mine/1111.png');
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.complaint-container {
|
||||
padding: 20rpx 30rpx;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
margin: 20rpx;
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.form-item {
|
||||
margin-bottom: 40rpx;
|
||||
}
|
||||
|
||||
.form-label {
|
||||
display: block;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
font-weight: 500;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.picker {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 24rpx;
|
||||
background-color: #f7f7f7;
|
||||
border-radius: 12rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.upload-area {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 20rpx;
|
||||
}
|
||||
|
||||
.upload-btn {
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #f7f7f7;
|
||||
border-radius: 12rpx;
|
||||
border: 1rpx dashed #ddd;
|
||||
}
|
||||
|
||||
.upload-text {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.image-wrapper {
|
||||
width: 160rpx;
|
||||
height: 160rpx;
|
||||
position: relative;
|
||||
border-radius: 12rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.uploaded-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.delete-icon {
|
||||
position: absolute;
|
||||
top: 8rpx;
|
||||
right: 8rpx;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
border-radius: 50%;
|
||||
padding: 4rpx;
|
||||
}
|
||||
|
||||
.content-textarea {
|
||||
width: 100%;
|
||||
height: 200rpx;
|
||||
padding: 20rpx;
|
||||
background-color: #f7f7f7;
|
||||
border-radius: 12rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.notice-box {
|
||||
padding: 20rpx;
|
||||
background-color: #f0f7ff;
|
||||
border-radius: 12rpx;
|
||||
margin: 40rpx 0;
|
||||
}
|
||||
|
||||
.notice-title {
|
||||
font-size: 28rpx;
|
||||
color: #452aa1;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.notice-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 20rpx 0;
|
||||
}
|
||||
|
||||
.toggle-btn {
|
||||
color: #452aa1;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.notice-content {
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
line-height: 1.6;
|
||||
padding-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
margin-top: 40rpx;
|
||||
background-color: #452aa1;
|
||||
color: white;
|
||||
border-radius: 8rpx;
|
||||
height: 90rpx;
|
||||
line-height: 90rpx;
|
||||
font-size: 32rpx;
|
||||
|
||||
&[disabled] {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -8,12 +8,8 @@
|
||||
<div class="group-avatar flex items-center justify-center">
|
||||
<div class="avatar-placeholder" v-if="groupActiveIndex === -1"></div>
|
||||
<div v-else>
|
||||
<avatarModule
|
||||
:mode="2"
|
||||
:avatar="avatarImg"
|
||||
:groupType="groupType"
|
||||
:customStyle="{ width: '192rpx', height: '192rpx' }"
|
||||
></avatarModule>
|
||||
<avatarModule :mode="2" :avatar="avatarImg" :groupType="groupType"
|
||||
:customStyle="{ width: '192rpx', height: '192rpx' }"></avatarModule>
|
||||
</div>
|
||||
</div>
|
||||
<div class="input-group flex items-center justify-between">
|
||||
@ -21,25 +17,12 @@
|
||||
群名称
|
||||
</div>
|
||||
<div class="input-box">
|
||||
<tm-input
|
||||
v-model="groupName"
|
||||
:followTheme="false"
|
||||
fontColor="#747474"
|
||||
placeholderStyle="color: #B4B4B4"
|
||||
focusColor="#FFF"
|
||||
:fontSize="28"
|
||||
:maxlength="20"
|
||||
:height="40"
|
||||
:transprent="true"
|
||||
placeholder="请输入群名称（1~20个字）"
|
||||
:padding="[0, 0]"
|
||||
align="right"
|
||||
></tm-input>
|
||||
<tm-input v-model="groupName" :followTheme="false" fontColor="#747474" placeholderStyle="color: #B4B4B4"
|
||||
focusColor="#FFF" :fontSize="28" :maxlength="20" :height="40" :transprent="true"
|
||||
placeholder="请输入群名称（1~20个字）" :padding="[0, 0]" align="right"></tm-input>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="input-group w-full flex flex-col mt-[20rpx] leading-[40rpx]"
|
||||
>
|
||||
<div class="input-group w-full flex flex-col mt-[20rpx] leading-[40rpx]">
|
||||
<div class="flex items-center justify-between">
|
||||
<div class="input-item">
|
||||
群类型
|
||||
@ -52,117 +35,69 @@
|
||||
<span v-else-if="groupActiveIndex === 2">项目群</span>
|
||||
</div>
|
||||
<div class="ml-[32rpx]">
|
||||
<tm-icon
|
||||
:font-size="22"
|
||||
color="#747474"
|
||||
name="tmicon-angle-right"
|
||||
></tm-icon>
|
||||
<tm-icon :font-size="22" color="#747474" name="tmicon-angle-right"></tm-icon>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-if="depCheckedKeys.length && groupActiveIndex === 1"
|
||||
class="mt-[32rpx]"
|
||||
>
|
||||
<div
|
||||
v-for="(item, index) in depCheckedKeys"
|
||||
class="text-[#747474] text-[28rpx] leading-[40rpx] font-bold"
|
||||
<div v-if="depCheckedKeys.length && groupActiveIndex === 1" class="mt-[32rpx]">
|
||||
<div v-for="(item, index) in depCheckedKeys" class="text-[#747474] text-[28rpx] leading-[40rpx] font-bold"
|
||||
:class="[
|
||||
index !== 0 ? 'mt-[10rpx]' : '',
|
||||
depsNoExpanded_1 && index > 4 ? 'hidden' : '',
|
||||
]"
|
||||
>
|
||||
]">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
<div
|
||||
class="text-[#46299D] text-[28rpx] mt-[20rpx] font-bold flex justify-center"
|
||||
>
|
||||
<div
|
||||
v-if="depCheckedKeys.length > 5"
|
||||
@click="depsNoExpanded_1 = !depsNoExpanded_1"
|
||||
class="w-[100rpx]"
|
||||
>
|
||||
<div class="text-[#46299D] text-[28rpx] mt-[20rpx] font-bold flex justify-center">
|
||||
<div v-if="depCheckedKeys.length > 5" @click="depsNoExpanded_1 = !depsNoExpanded_1" class="w-[100rpx]">
|
||||
{{ depsNoExpanded_1 ? '展开' : '收起' }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-if="groupActiveIndex === 0 || groupActiveIndex === 2"
|
||||
class="input-group w-full flex flex-col mt-[20rpx] leading-[40rpx]"
|
||||
>
|
||||
<div v-if="groupActiveIndex === 0 || groupActiveIndex === 2"
|
||||
class="input-group w-full flex flex-col mt-[20rpx] leading-[40rpx]">
|
||||
<div class="flex items-center justify-between">
|
||||
<div class="input-item">
|
||||
群成员
|
||||
</div>
|
||||
<div @click="chooseMembers" class="left-box">
|
||||
<div class="ml-[32rpx] flex items-center">
|
||||
<div
|
||||
class="text-[#B4B4B4] text-[28rpx] font-bold mr-[32rpx]"
|
||||
>
|
||||
<div class="text-[#B4B4B4] text-[28rpx] font-bold mr-[32rpx]">
|
||||
全部({{ allChooseMembers?.length || 0 }})
|
||||
</div>
|
||||
<tm-icon
|
||||
:font-size="22"
|
||||
color="#747474"
|
||||
name="tmicon-angle-right"
|
||||
></tm-icon>
|
||||
<tm-icon :font-size="22" color="#747474" name="tmicon-angle-right"></tm-icon>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<groupMemberList
|
||||
:groupType="3"
|
||||
:is_manager="true"
|
||||
:memberList="allChooseMembers"
|
||||
:memberListsLimit="15"
|
||||
:hideAddRemoveBtns="true"
|
||||
></groupMemberList>
|
||||
<groupMemberList :groupType="3" :is_manager="true" :memberList="allChooseMembers" :memberListsLimit="15"
|
||||
:hideAddRemoveBtns="true"></groupMemberList>
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-if="groupActiveIndex === 1"
|
||||
class="input-group w-full flex flex-col mt-[20rpx] leading-[40rpx]"
|
||||
>
|
||||
<div v-if="groupActiveIndex === 1" class="input-group w-full flex flex-col mt-[20rpx] leading-[40rpx]">
|
||||
<div class="flex items-center justify-between">
|
||||
<div class="input-item">
|
||||
群管理员
|
||||
</div>
|
||||
<div @click="chooseGroupAdmin" class="left-box">
|
||||
<div class="ml-[32rpx] flex items-center">
|
||||
<div
|
||||
v-if="!groupAdmins.length"
|
||||
class="text-[#B4B4B4] text-[28rpx] font-bold mr-[32rpx]"
|
||||
>
|
||||
<div v-if="!groupAdmins.length" class="text-[#B4B4B4] text-[28rpx] font-bold mr-[32rpx]">
|
||||
请选择群管理员
|
||||
</div>
|
||||
<tm-icon
|
||||
:font-size="22"
|
||||
color="#747474"
|
||||
name="tmicon-angle-right"
|
||||
></tm-icon>
|
||||
<tm-icon :font-size="22" color="#747474" name="tmicon-angle-right"></tm-icon>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="groupAdmins.length" class="mt-[32rpx]">
|
||||
<div
|
||||
v-for="(item, index) in groupAdmins"
|
||||
class="text-[#747474] text-[28rpx] leading-[40rpx] font-bold"
|
||||
<div v-for="(item, index) in groupAdmins" class="text-[#747474] text-[28rpx] leading-[40rpx] font-bold"
|
||||
:class="[
|
||||
index !== 0 ? 'mt-[10rpx]' : '',
|
||||
depsNoExpanded_2 && index > 4 ? 'hidden' : '',
|
||||
]"
|
||||
>
|
||||
]">
|
||||
{{ item.name }}
|
||||
</div>
|
||||
<div
|
||||
class="text-[#46299D] text-[28rpx] mt-[20rpx] font-bold flex justify-center"
|
||||
>
|
||||
<div
|
||||
v-if="groupAdmins.length > 5"
|
||||
@click="depsNoExpanded_2 = !depsNoExpanded_2"
|
||||
class="w-[100rpx]"
|
||||
>
|
||||
<div class="text-[#46299D] text-[28rpx] mt-[20rpx] font-bold flex justify-center">
|
||||
<div v-if="groupAdmins.length > 5" @click="depsNoExpanded_2 = !depsNoExpanded_2" class="w-[100rpx]">
|
||||
{{ depsNoExpanded_2 ? '展开' : '收起' }}
|
||||
</div>
|
||||
</div>
|
||||
@ -170,247 +105,274 @@
|
||||
</div>
|
||||
</div>
|
||||
<template #bottom>
|
||||
<customBtn
|
||||
:isBottom="true"
|
||||
:btnText="$t('pageTitle.create.group')"
|
||||
@click="handleConfirm"
|
||||
:disabled="confirmBtnStatus"
|
||||
></customBtn>
|
||||
<customBtn :isBottom="true" :btnText="$t('pageTitle.create.group')" @click="handleConfirm"
|
||||
:disabled="confirmBtnStatus"></customBtn>
|
||||
</template>
|
||||
</zPaging>
|
||||
</div>
|
||||
</template>
|
||||
<script setup>
|
||||
import zPaging from '@/uni_modules/z-paging/components/z-paging/z-paging.vue'
|
||||
import customBtn from '@/components/custom-btn/custom-btn.vue'
|
||||
import groupMemberList from '../chatSettings/components/groupMembersList.vue'
|
||||
import avatarModule from '@/components/avatar-module/index.vue'
|
||||
import zPaging from '@/uni_modules/z-paging/components/z-paging/z-paging.vue'
|
||||
import customBtn from '@/components/custom-btn/custom-btn.vue'
|
||||
import groupMemberList from '../chatSettings/components/groupMembersList.vue'
|
||||
import avatarModule from '@/components/avatar-module/index.vue'
|
||||
|
||||
import { ref, watch, computed, onMounted } from 'vue'
|
||||
import { onShow, onLoad, onUnload } from '@dcloudio/uni-app'
|
||||
import { useChatList } from '@/store/chatList/index.js'
|
||||
import { useAuth } from '@/store/auth'
|
||||
import { useTalkStore, useUserStore, useGroupStore } from '@/store'
|
||||
import addCircle from '@/static/image/chatList/addCircle.png'
|
||||
import cahtPopover from '@/static/image/chatList/cahtPopover.png'
|
||||
import { ServeCreateGroup } from '@/api/group/index'
|
||||
import { useGroupTypeStore } from '@/store/groupType'
|
||||
import { handleSetWebviewStyle } from '@/utils/common'
|
||||
import {
|
||||
ref,
|
||||
watch,
|
||||
computed,
|
||||
onMounted
|
||||
} from 'vue'
|
||||
import {
|
||||
onShow,
|
||||
onLoad,
|
||||
onUnload
|
||||
} from '@dcloudio/uni-app'
|
||||
import {
|
||||
useChatList
|
||||
} from '@/store/chatList/index.js'
|
||||
import {
|
||||
useAuth
|
||||
} from '@/store/auth'
|
||||
import {
|
||||
useTalkStore,
|
||||
useUserStore,
|
||||
useGroupStore
|
||||
} from '@/store'
|
||||
import addCircle from '@/static/image/chatList/addCircle.png'
|
||||
import cahtPopover from '@/static/image/chatList/cahtPopover.png'
|
||||
import {
|
||||
ServeCreateGroup
|
||||
} from '@/api/group/index'
|
||||
import {
|
||||
useGroupTypeStore
|
||||
} from '@/store/groupType'
|
||||
import {
|
||||
handleSetWebviewStyle
|
||||
} from '@/utils/common'
|
||||
|
||||
const {
|
||||
groupName,
|
||||
groupActiveIndex,
|
||||
depCheckedKeys,
|
||||
groupAdmins,
|
||||
createDepGroup,
|
||||
resetGroupInfo,
|
||||
allChooseMembers,
|
||||
} = useGroupTypeStore()
|
||||
const talkStore = useTalkStore()
|
||||
const userStore = useUserStore()
|
||||
const groupStore = useGroupStore()
|
||||
const { userInfo } = useAuth()
|
||||
const {
|
||||
groupName,
|
||||
groupActiveIndex,
|
||||
depCheckedKeys,
|
||||
groupAdmins,
|
||||
createDepGroup,
|
||||
resetGroupInfo,
|
||||
allChooseMembers,
|
||||
} = useGroupTypeStore()
|
||||
const talkStore = useTalkStore()
|
||||
const userStore = useUserStore()
|
||||
const groupStore = useGroupStore()
|
||||
const {
|
||||
userInfo
|
||||
} = useAuth()
|
||||
|
||||
const groupChatType = ref('')
|
||||
const depsNoExpanded_1 = ref(true)
|
||||
const depsNoExpanded_2 = ref(true)
|
||||
const groupChatType = ref('')
|
||||
const depsNoExpanded_1 = ref(true)
|
||||
const depsNoExpanded_2 = ref(true)
|
||||
|
||||
|
||||
onLoad(()=> {
|
||||
groupStore.$reset()
|
||||
})
|
||||
onUnload(()=> {
|
||||
resetGroupInfo();
|
||||
})
|
||||
onMounted(() => {
|
||||
handleSetWebviewStyle()
|
||||
})
|
||||
|
||||
//群类型
|
||||
const groupType = computed(() => {
|
||||
let group_type = ''
|
||||
switch (groupActiveIndex.value) {
|
||||
case 0:
|
||||
group_type = 1
|
||||
break
|
||||
case 1:
|
||||
group_type = 2
|
||||
break
|
||||
case 2:
|
||||
group_type = 3
|
||||
break
|
||||
default:
|
||||
group_type = ''
|
||||
}
|
||||
return group_type
|
||||
})
|
||||
|
||||
//点击跳转到选择群类型页面
|
||||
const chooseGroupType = () => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/chooseGroupType/index',
|
||||
onLoad(() => {
|
||||
groupStore.$reset()
|
||||
})
|
||||
}
|
||||
|
||||
const chooseGroupAdmin = () => {
|
||||
uni.navigateTo({
|
||||
url:
|
||||
'/pages/chatSettings/groupManage/selectMembers?manageType=admin&isCreateDepGroup=1',
|
||||
onUnload(() => {
|
||||
resetGroupInfo();
|
||||
})
|
||||
}
|
||||
|
||||
const chooseMembers = () => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/chooseByDeps/index?chooseMode=2',
|
||||
onMounted(() => {
|
||||
handleSetWebviewStyle()
|
||||
})
|
||||
}
|
||||
|
||||
//点击发起群聊
|
||||
const handleConfirm = async () => {
|
||||
// console.log(allChooseMembers.value)
|
||||
let erp_ids = ''
|
||||
if (allChooseMembers?.value?.length > 0) {
|
||||
allChooseMembers?.value?.forEach((ele) => {
|
||||
if (!erp_ids) {
|
||||
erp_ids = String(ele.ID)
|
||||
} else {
|
||||
erp_ids += ',' + ele.ID
|
||||
}
|
||||
//群类型
|
||||
const groupType = computed(() => {
|
||||
let group_type = ''
|
||||
switch (groupActiveIndex.value) {
|
||||
case 0:
|
||||
group_type = 1
|
||||
break
|
||||
case 1:
|
||||
group_type = 2
|
||||
break
|
||||
case 2:
|
||||
group_type = 3
|
||||
break
|
||||
default:
|
||||
group_type = ''
|
||||
}
|
||||
return group_type
|
||||
})
|
||||
|
||||
//点击跳转到选择群类型页面
|
||||
const chooseGroupType = () => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/chooseGroupType/index',
|
||||
})
|
||||
}
|
||||
if (groupActiveIndex.value === 0) {
|
||||
//普通群
|
||||
let params = {
|
||||
avatar: '',
|
||||
name: groupName.value,
|
||||
erp_ids: erp_ids,
|
||||
type: 1,
|
||||
profile: '',
|
||||
}
|
||||
console.log(params)
|
||||
const res = await ServeCreateGroup(params)
|
||||
if (res.code === 200) {
|
||||
resetGroupInfo()
|
||||
uni.navigateBack()
|
||||
}
|
||||
} else if (groupActiveIndex.value === 1) {
|
||||
//部门群
|
||||
const res = await createDepGroup()
|
||||
if (res.code === 200) {
|
||||
resetGroupInfo()
|
||||
uni.navigateBack()
|
||||
}
|
||||
} else if (groupActiveIndex.value === 2) {
|
||||
//项目群
|
||||
let params = {
|
||||
avatar: '',
|
||||
name: groupName.value,
|
||||
erp_ids: erp_ids,
|
||||
type: 3,
|
||||
profile: '',
|
||||
}
|
||||
console.log(params)
|
||||
const res = await ServeCreateGroup(params)
|
||||
if (res.code === 200) {
|
||||
resetGroupInfo()
|
||||
uni.navigateBack()
|
||||
}
|
||||
} else {
|
||||
}
|
||||
}
|
||||
//发起群聊按钮可点击状态
|
||||
const confirmBtnStatus = computed(() => {
|
||||
let disabledT = false
|
||||
if (
|
||||
groupName.value === '' ||
|
||||
(groupActiveIndex.value && groupActiveIndex.value === -1) ||
|
||||
(!groupActiveIndex.value && groupActiveIndex.value !== 0)
|
||||
) {
|
||||
return true
|
||||
}
|
||||
// 选择的人员里面包含发起人，需要去重
|
||||
let temp = []
|
||||
allChooseMembers?.value?.forEach((ele) => {
|
||||
if (ele.ID !== userInfo.value.ID) {
|
||||
temp.push(ele)
|
||||
}
|
||||
})
|
||||
switch (groupActiveIndex.value) {
|
||||
case 0:
|
||||
if(temp?.length < 2) {
|
||||
disabledT = true
|
||||
}
|
||||
break
|
||||
case 1:
|
||||
if (!depCheckedKeys.value.length) {
|
||||
disabledT = true
|
||||
}
|
||||
if (!groupAdmins.value.length) {
|
||||
disabledT = true
|
||||
}
|
||||
break
|
||||
case 2:
|
||||
if(temp?.length < 2) {
|
||||
disabledT = true
|
||||
}
|
||||
break
|
||||
default:
|
||||
break
|
||||
}
|
||||
return disabledT
|
||||
})
|
||||
|
||||
onShow(() => {
|
||||
depsNoExpanded_1.value = true;
|
||||
depsNoExpanded_2.value = true;
|
||||
})
|
||||
const chooseGroupAdmin = () => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/chatSettings/groupManage/selectMembers?manageType=admin&isCreateDepGroup=1',
|
||||
})
|
||||
}
|
||||
|
||||
const chooseMembers = () => {
|
||||
uni.navigateTo({
|
||||
url: '/pages/chooseByDeps/index?chooseMode=2',
|
||||
})
|
||||
}
|
||||
|
||||
//点击发起群聊
|
||||
const handleConfirm = async () => {
|
||||
// console.log(allChooseMembers.value)
|
||||
let erp_ids = ''
|
||||
if (allChooseMembers?.value?.length > 0) {
|
||||
allChooseMembers?.value?.forEach((ele) => {
|
||||
if (!erp_ids) {
|
||||
erp_ids = String(ele.ID)
|
||||
} else {
|
||||
erp_ids += ',' + ele.ID
|
||||
}
|
||||
})
|
||||
}
|
||||
if (groupActiveIndex.value === 0) {
|
||||
//普通群
|
||||
let params = {
|
||||
avatar: '',
|
||||
name: groupName.value,
|
||||
erp_ids: erp_ids,
|
||||
type: 1,
|
||||
profile: '',
|
||||
}
|
||||
console.log(params)
|
||||
const res = await ServeCreateGroup(params)
|
||||
if (res.code === 200) {
|
||||
resetGroupInfo()
|
||||
uni.navigateBack()
|
||||
}
|
||||
} else if (groupActiveIndex.value === 1) {
|
||||
//部门群
|
||||
const res = await createDepGroup()
|
||||
if (res.code === 200) {
|
||||
resetGroupInfo()
|
||||
uni.navigateBack()
|
||||
}
|
||||
} else if (groupActiveIndex.value === 2) {
|
||||
//项目群
|
||||
let params = {
|
||||
avatar: '',
|
||||
name: groupName.value,
|
||||
erp_ids: erp_ids,
|
||||
type: 3,
|
||||
profile: '',
|
||||
}
|
||||
console.log(params)
|
||||
const res = await ServeCreateGroup(params)
|
||||
if (res.code === 200) {
|
||||
resetGroupInfo()
|
||||
uni.navigateBack()
|
||||
}
|
||||
} else {}
|
||||
}
|
||||
//发起群聊按钮可点击状态
|
||||
const confirmBtnStatus = computed(() => {
|
||||
// 基础检查：群名称为空或未选择群类型
|
||||
if (
|
||||
groupName.value === '' ||
|
||||
(groupActiveIndex.value && groupActiveIndex.value === -1) ||
|
||||
(!groupActiveIndex.value && groupActiveIndex.value !== 0)
|
||||
) {
|
||||
return true;
|
||||
}
|
||||
|
||||
// 检查是否包含自己
|
||||
const includesSelf = allChooseMembers.value?.some(member => member.ID === userInfo.value.ID);
|
||||
const memberCount = allChooseMembers.value?.length || 0;
|
||||
|
||||
// 新逻辑：人数检查
|
||||
if (includesSelf && memberCount < 3) {
|
||||
return true; // 包含自己但总人数<3 → 禁用
|
||||
}
|
||||
if (!includesSelf && memberCount < 2) {
|
||||
return true; // 不包含自己且人数<2 → 禁用
|
||||
}
|
||||
|
||||
// 原有群类型特定检查
|
||||
let disabledT = false;
|
||||
switch (groupActiveIndex.value) {
|
||||
case 0: // 第一种群类型
|
||||
// 人数检查已在上方处理，这里不需要重复
|
||||
break;
|
||||
case 1: // 第二种群类型
|
||||
if (!depCheckedKeys.value.length || !groupAdmins.value.length) {
|
||||
disabledT = true;
|
||||
}
|
||||
break;
|
||||
case 2: // 第三种群类型
|
||||
// 人数检查已在上方处理，这里不需要重复
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
|
||||
return disabledT;
|
||||
});
|
||||
|
||||
onShow(() => {
|
||||
depsNoExpanded_1.value = true;
|
||||
depsNoExpanded_2.value = true;
|
||||
})
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
::v-deep .zp-paging-container-content {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
}
|
||||
::v-deep .zp-paging-container-content {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.create-group-chat {
|
||||
background-image: url('@/static/image/clockIn/z3280@3x.png');
|
||||
background-size: cover;
|
||||
background-position: center bottom;
|
||||
width: 100%;
|
||||
padding: 0 32rpx 20rpx;
|
||||
.group-avatar {
|
||||
padding: 60rpx 0;
|
||||
.avatar-placeholder {
|
||||
width: 192rpx;
|
||||
height: 192rpx;
|
||||
background-color: #e0e0e0;
|
||||
border-radius: 50%;
|
||||
.create-group-chat {
|
||||
background-image: url('@/static/image/clockIn/z3280@3x.png');
|
||||
background-size: cover;
|
||||
background-position: center bottom;
|
||||
width: 100%;
|
||||
padding: 0 32rpx 20rpx;
|
||||
|
||||
.group-avatar {
|
||||
padding: 60rpx 0;
|
||||
|
||||
.avatar-placeholder {
|
||||
width: 192rpx;
|
||||
height: 192rpx;
|
||||
background-color: #e0e0e0;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.divider {
|
||||
height: 1rpx;
|
||||
background-color: #7c7c7c;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
background-color: #fff;
|
||||
padding: 38rpx 40rpx 32rpx 32rpx;
|
||||
}
|
||||
.input-item {
|
||||
line-height: 40rpx;
|
||||
font-size: 28rpx;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
.input-box {
|
||||
margin-left: 84rpx;
|
||||
line-height: 40rpx;
|
||||
width: 404rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.left-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.divider {
|
||||
height: 1rpx;
|
||||
background-color: #7c7c7c;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
background-color: #fff;
|
||||
padding: 38rpx 40rpx 32rpx 32rpx;
|
||||
}
|
||||
|
||||
.input-item {
|
||||
line-height: 40rpx;
|
||||
font-size: 28rpx;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.input-box {
|
||||
margin-left: 84rpx;
|
||||
line-height: 40rpx;
|
||||
width: 404rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.left-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -71,5 +71,37 @@
|
||||
"message.customerService.text":"Please call customer service",
|
||||
"message.action.text":"perform logout operation",
|
||||
"index.mine.upload":"Click To Upload",
|
||||
"index.mine.reUpload":"Re-upload"
|
||||
"index.mine.reUpload":"Re-upload",
|
||||
"complaint": {
|
||||
"title": "Complaint Report",
|
||||
"selectType": "Select Complaint Type",
|
||||
"selectPlaceholder": "Please select complaint type",
|
||||
"imageEvidence": "Image Evidence (Max 9)",
|
||||
"addImage": "Add Image",
|
||||
"complaintContent": "Complaint Content (Optional)",
|
||||
"contentPlaceholder": "Please describe in detail...",
|
||||
"noticeTitle": "Notice",
|
||||
"noticeone": "1. Please select the correct complaint category.",
|
||||
"noticetwo":"2. Provide valid evidence such as images, chat records, etc.",
|
||||
"noticethree": "3. Describe the violation details to help us review faster.",
|
||||
"noticefour": "4. Do not submit duplicate complaints for the same issue.",
|
||||
"noticefive":"5. Do not abuse the complaint system.",
|
||||
"noticenoticeContent":"Thank you for helping us build a safe community. We will process your complaint as soon as possible. We hope your complaint is made in good faith with accurate information. We will take reasonable measures to protect your privacy and will not disclose your information to third parties without your consent, except as required by law. Abuse of the complaint system may result in restrictions.",
|
||||
"submit": "Submit",
|
||||
"expand": "Expand",
|
||||
"collapse": "Collapse",
|
||||
"typeOptions": {
|
||||
"porn": "Underage Exploitation",
|
||||
"illegal": "Fraud",
|
||||
"gambling": "Illegal Activities",
|
||||
"violence": "Harassment",
|
||||
"selfHarm": "Harmful Content",
|
||||
"other": "Other"
|
||||
},
|
||||
"toast": {
|
||||
"selectType": "Please select complaint type",
|
||||
"submitting": "Submitting...",
|
||||
"success": "Complaint submitted successfully"
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -156,5 +156,37 @@
|
||||
"popup.title.phone": "电话",
|
||||
"pageTitle.view.deps": "查看部门",
|
||||
"group.dismiss.confirm": "确定解散本群",
|
||||
"chat.settings.report": "投诉"
|
||||
"chat.settings.report": "投诉",
|
||||
"complaint": {
|
||||
"title": "投诉举报",
|
||||
"selectType": "选择投诉内容",
|
||||
"selectPlaceholder": "请选择投诉类型",
|
||||
"imageEvidence": "图片证据(最多9张)",
|
||||
"addImage": "添加图片",
|
||||
"complaintContent": "投诉内容(选填)",
|
||||
"contentPlaceholder": "请详细描述投诉内容...",
|
||||
"noticeTitle": "投诉须知",
|
||||
"noticeone":"1、请选择正确的投诉类目。",
|
||||
"noticetwo":"2、提供有效的违规证据如:图片、聊天信息等",
|
||||
"noticethree":"3、详细描述违规问题详情，有助于我们的审核人员快速研判处置。",
|
||||
"noticefour": "4、请勿针对同一问题重复投诉，以免造成资源浪费。",
|
||||
"noticefive":"5、请勿滥用投诉，以免造成资源浪费",
|
||||
"noticenoticeContent":"感谢您与我们共建安全社区环境，我们会尽快对您的投诉进行处理。同时我们希望您的投诉行为基于善意，提供准确有效的违规信息帮助我们更好的进行判断并且处理。同时我们会采取必要合理的措施保护投诉人的个人隐私信息，除法律法规规定的情形之外，在未获得用户许可的情况下，不会向第三方公开投诉人信息。如果存在滥用、重复无效投诉，我们可能会对投诉账号采取包括但不限于限制投诉频次、禁止投诉等限制",
|
||||
"submit": "提交投诉",
|
||||
"expand": "展开",
|
||||
"collapse": "收起",
|
||||
"typeOptions": {
|
||||
"porn": "侵犯未成年",
|
||||
"illegal": "欺诈骗钱",
|
||||
"gambling": "违法违规",
|
||||
"violence": "骚扰",
|
||||
"selfHarm": "不良价值导向",
|
||||
"other": "其他"
|
||||
},
|
||||
"toast": {
|
||||
"selectType": "请选择投诉类型",
|
||||
"submitting": "提交中...",
|
||||
"success": "投诉提交成功"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user