|
@@ -1,6 +1,8 @@
|
|
|
<template>
|
|
|
<div class="flex radius-base overflow-hidden message-list-modal">
|
|
|
- <slot></slot>
|
|
|
+ <template v-if="!!replyUserId">
|
|
|
+ <slot></slot>
|
|
|
+ </template>
|
|
|
<div v-show="showCheckUser" class="flex direction-column p-base fill-lighter tree-box">
|
|
|
<el-input v-model="filterText" placeholder="输入评卷员账号或名称筛选" clearable></el-input>
|
|
|
<div class="flex-1 m-t-base scroll-y-auto">
|
|
@@ -15,7 +17,7 @@
|
|
|
></el-tree>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="message-info-container" :class="{ big: !showCheckUser }">
|
|
|
+ <div class="message-info-container" :class="{ big: !showCheckUser && !replyUserId }">
|
|
|
<div class="flex direction-column message-info">
|
|
|
<div class="flex items-center p-base message-info-header">
|
|
|
<div class="flex flex-1 items-center overflow-hidden send-user">
|
|
@@ -25,7 +27,9 @@
|
|
|
<span class="split-names">{{ viewCheckedUser }}</span>
|
|
|
<span v-if="checkedUsers.length > 3">共计{{ checkedUsers.length }}个人员</span>
|
|
|
</p>
|
|
|
- <el-button class="m-l-base" size="small" type="primary" @click="toggleCheckUser"> 选择收件人 </el-button>
|
|
|
+ <el-button v-if="!replyUserId" class="m-l-base" size="small" type="primary" @click="toggleCheckUser">
|
|
|
+ 选择收件人
|
|
|
+ </el-button>
|
|
|
</span>
|
|
|
</div>
|
|
|
<div class="grid pointer m-l-auto close-icon" @click="$emit('close')">
|
|
@@ -273,7 +277,7 @@ const toggleHistory = () => {
|
|
|
<style scoped lang="scss">
|
|
|
.message-list-modal {
|
|
|
background-color: transparent;
|
|
|
- width: 950px;
|
|
|
+ width: 750px;
|
|
|
.tree-box {
|
|
|
width: 260px;
|
|
|
height: 446px;
|
|
@@ -316,9 +320,9 @@ const toggleHistory = () => {
|
|
|
.message-info-container {
|
|
|
// width: 600px;
|
|
|
// flex: 1;
|
|
|
- width: calc(100% - 520px);
|
|
|
+ width: calc(100% - 260px);
|
|
|
&.big {
|
|
|
- width: 690px;
|
|
|
+ width: 750px;
|
|
|
}
|
|
|
.message-info {
|
|
|
height: 446px;
|