Compare commits
No commits in common. "894bb9bf28606dd5f32a160229cf9304bbb3197b" and "11ef845e9c184cc1b1fd79bf000f44b3908663ec" have entirely different histories.
894bb9bf28
...
11ef845e9c
@ -29,11 +29,8 @@
|
|||||||
:placeholder="$t('edit.groupName.placeholder')"
|
:placeholder="$t('edit.groupName.placeholder')"
|
||||||
placeholder-style="color:#B4B4B4;font-size:28rpx;font-weight:500;line-height:40rpx;"
|
placeholder-style="color:#B4B4B4;font-size:28rpx;font-weight:500;line-height:40rpx;"
|
||||||
v-model="state.groupName"
|
v-model="state.groupName"
|
||||||
@input="handleGroupNameInput"
|
|
||||||
maxlength="20"
|
|
||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
v-if="state.groupName"
|
|
||||||
class="groupName-input-clearBtn"
|
class="groupName-input-clearBtn"
|
||||||
src="/src/static/image/chatSettings/clear-btn.png"
|
src="/src/static/image/chatSettings/clear-btn.png"
|
||||||
@click="clearGroupNameInput"
|
@click="clearGroupNameInput"
|
||||||
@ -85,12 +82,7 @@ onLoad((options) => {
|
|||||||
const clearGroupNameInput = () => {
|
const clearGroupNameInput = () => {
|
||||||
state.groupName = ''
|
state.groupName = ''
|
||||||
}
|
}
|
||||||
const handleGroupNameInput = (e) => {
|
|
||||||
if (state.groupName.length > 20) {
|
|
||||||
// 截取前20个字符
|
|
||||||
state.groupName = state.groupName.slice(0, 20)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
//点击确认修改
|
//点击确认修改
|
||||||
const confirmEdit = () => {
|
const confirmEdit = () => {
|
||||||
console.log(state.groupName)
|
console.log(state.groupName)
|
||||||
@ -154,7 +146,7 @@ const confirmEdit = () => {
|
|||||||
height: 110rpx;
|
height: 110rpx;
|
||||||
box-shadow: 0 6px 12px 2px rgba(188, 188, 188, 0.08);
|
box-shadow: 0 6px 12px 2px rgba(188, 188, 188, 0.08);
|
||||||
padding: 0 74rpx 0 32rpx;
|
padding: 0 74rpx 0 32rpx;
|
||||||
color: #747474;
|
color: #B747474;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
|
@ -152,7 +152,6 @@
|
|||||||
class="clear-chat-record-btn-each"
|
class="clear-chat-record-btn-each"
|
||||||
v-if="
|
v-if="
|
||||||
groupParams?.groupInfo?.is_manager && dialogueParams.type === 2
|
groupParams?.groupInfo?.is_manager && dialogueParams.type === 2
|
||||||
&& (groupParams?.groupInfo?.group_type === 1 || groupParams?.groupInfo?.group_type === 3)
|
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<span class="text-[32rpx] font-regular">
|
<span class="text-[32rpx] font-regular">
|
||||||
@ -164,7 +163,6 @@
|
|||||||
class="clear-chat-record-btn-each"
|
class="clear-chat-record-btn-each"
|
||||||
v-if="
|
v-if="
|
||||||
groupParams?.groupInfo?.is_manager && dialogueParams.type === 2
|
groupParams?.groupInfo?.is_manager && dialogueParams.type === 2
|
||||||
&& (groupParams?.groupInfo?.group_type === 1 || groupParams?.groupInfo?.group_type === 3)
|
|
||||||
"
|
"
|
||||||
>
|
>
|
||||||
<span class="text-[32rpx] font-regular">
|
<span class="text-[32rpx] font-regular">
|
||||||
|
@ -30,16 +30,7 @@
|
|||||||
class="text-[#171717] text-[32rpx] font-medium leading-[44rpx]"
|
class="text-[#171717] text-[32rpx] font-medium leading-[44rpx]"
|
||||||
>
|
>
|
||||||
<span>{{ props.data.name }}</span>
|
<span>{{ props.data.name }}</span>
|
||||||
<span v-if="props.data.talk_type === 2">({{ props.data.group_member_num }})</span>
|
<span>({{ props.data.group_member_num }})</span>
|
||||||
<span v-if="props.data.group_type === 2" class="depTag tag">
|
|
||||||
部门
|
|
||||||
</span>
|
|
||||||
<span v-if="props.data.group_type === 3" class="projectTag tag">
|
|
||||||
项目
|
|
||||||
</span>
|
|
||||||
<span v-if="props.data.group_type === 4" class="companyTag tag">
|
|
||||||
公司
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -127,31 +118,16 @@ const cellClick = () => {
|
|||||||
opacity: 40%;
|
opacity: 40%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag{
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
text-align: center;
|
|
||||||
// margin-left: 10rpx;
|
|
||||||
margin-top: 4rpx;
|
|
||||||
vertical-align: top;
|
|
||||||
height: 38rpx;
|
|
||||||
line-height: 38rpx;
|
|
||||||
padding: 0 10rpx;
|
|
||||||
font-size: 24rpx;
|
|
||||||
border-radius: 6rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.companyTag {
|
.companyTag {
|
||||||
border: 1px solid #7a58de;
|
width: 76rpx;
|
||||||
color: #7a58de;
|
height: 38rpx;
|
||||||
}
|
border: 1px solid #7a58de;
|
||||||
.depTag {
|
font-size: 24rpx;
|
||||||
border: 1px solid #377ec6;
|
text-align: center;
|
||||||
color: #377ec6;
|
border-radius: 6rpx;
|
||||||
}
|
color: #7a58de;
|
||||||
.projectTag {
|
font-weight: bold;
|
||||||
border: 1px solid #c1681c;
|
margin-left: 12rpx;
|
||||||
color: #c1681c;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.textEllipsis {
|
.textEllipsis {
|
||||||
|
@ -58,7 +58,6 @@
|
|||||||
okColor="#FFFFFF"
|
okColor="#FFFFFF"
|
||||||
@ok="handleOk"
|
@ok="handleOk"
|
||||||
@cancel="handleCancel"
|
@cancel="handleCancel"
|
||||||
:okText="'发送'"
|
|
||||||
>
|
>
|
||||||
<template v-slot:title>
|
<template v-slot:title>
|
||||||
<div
|
<div
|
||||||
@ -87,7 +86,7 @@
|
|||||||
<div
|
<div
|
||||||
class="mt-[8rpx] text-[#666666] text-[24rpx] w-[94rpx] truncate"
|
class="mt-[8rpx] text-[#666666] text-[24rpx] w-[94rpx] truncate"
|
||||||
>
|
>
|
||||||
<span>{{ item.name }}</span>
|
{{ item.name }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="w-full flex items-center justify-start">
|
<div v-else class="w-full flex items-center justify-start">
|
||||||
@ -99,16 +98,6 @@
|
|||||||
></avatarModule>
|
></avatarModule>
|
||||||
<div class="ml-[16rpx] text-[#161616] text-[32rpx] font-bold">
|
<div class="ml-[16rpx] text-[#161616] text-[32rpx] font-bold">
|
||||||
{{ selectItemsModal[0].name }}
|
{{ selectItemsModal[0].name }}
|
||||||
<span v-if="selectItemsModal[0].talk_type === 2">({{ selectItemsModal[0].group_member_num }})</span>
|
|
||||||
<span v-if="selectItemsModal[0].group_type === 2" class="depTag tag">
|
|
||||||
部门
|
|
||||||
</span>
|
|
||||||
<span v-if="selectItemsModal[0].group_type === 3" class="projectTag tag">
|
|
||||||
项目
|
|
||||||
</span>
|
|
||||||
<span v-if="selectItemsModal[0].group_type === 4" class="companyTag tag">
|
|
||||||
公司
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -252,32 +241,7 @@ onUnmounted(() => {
|
|||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
.tag{
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
text-align: center;
|
|
||||||
// margin-left: 10rpx;
|
|
||||||
margin-top: 4rpx;
|
|
||||||
vertical-align: top;
|
|
||||||
height: 38rpx;
|
|
||||||
line-height: 38rpx;
|
|
||||||
padding: 0 10rpx;
|
|
||||||
font-size: 24rpx;
|
|
||||||
border-radius: 6rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.companyTag {
|
|
||||||
border: 1px solid #7a58de;
|
|
||||||
color: #7a58de;
|
|
||||||
}
|
|
||||||
.depTag {
|
|
||||||
border: 1px solid #377ec6;
|
|
||||||
color: #377ec6;
|
|
||||||
}
|
|
||||||
.projectTag {
|
|
||||||
border: 1px solid #c1681c;
|
|
||||||
color: #c1681c;
|
|
||||||
}
|
|
||||||
.btnBox {
|
.btnBox {
|
||||||
::v-deep .custom-btn-class {
|
::v-deep .custom-btn-class {
|
||||||
padding: 6rpx 24rpx !important;
|
padding: 6rpx 24rpx !important;
|
||||||
|
@ -35,7 +35,7 @@
|
|||||||
<div class="text-[#000000] text-[32rpx]
|
<div class="text-[#000000] text-[32rpx]
|
||||||
font-bold opacity-90 name_text">
|
font-bold opacity-90 name_text">
|
||||||
{{ formatNameText(props.data.name) }}
|
{{ formatNameText(props.data.name) }}
|
||||||
<span v-if="props.data.talk_type === 2">({{props.data.group_member_num}})</span>
|
<span v-if="props.data.group_member_num > 0">({{props.data.group_member_num}})</span>
|
||||||
<span v-if="props.data.group_type === 2" class="depTag tag">
|
<span v-if="props.data.group_type === 2" class="depTag tag">
|
||||||
部门
|
部门
|
||||||
</span>
|
</span>
|
||||||
|
Loading…
Reference in New Issue
Block a user