|
@@ -71,28 +71,77 @@
|
|
|
</span>
|
|
</span>
|
|
|
</div>
|
|
</div>
|
|
|
<div v-if="item.messageType == 1" class="content-l-box-item-con-cons">
|
|
<div v-if="item.messageType == 1" class="content-l-box-item-con-cons">
|
|
|
- {{item.content}}
|
|
|
|
|
|
|
+ {{ item.content }}
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div v-else-if="item.messageType == 10" class="content-l-box-item-con-cons">
|
|
|
|
|
+ 简历已发送
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+
|
|
|
<div v-else-if="item.messageType == 18" class="content-l-box-item-con-cons">
|
|
<div v-else-if="item.messageType == 18" class="content-l-box-item-con-cons">
|
|
|
位置
|
|
位置
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+
|
|
|
<div v-else-if="item.messageType == 9" class="content-l-box-item-con-cons">
|
|
<div v-else-if="item.messageType == 9" class="content-l-box-item-con-cons">
|
|
|
简历请求
|
|
简历请求
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+
|
|
|
<div v-else-if="item.messageType == 6" class="content-l-box-item-con-cons">
|
|
<div v-else-if="item.messageType == 6" class="content-l-box-item-con-cons">
|
|
|
微信请求
|
|
微信请求
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+
|
|
|
<div v-else-if="item.messageType == 5" class="content-l-box-item-con-cons">
|
|
<div v-else-if="item.messageType == 5" class="content-l-box-item-con-cons">
|
|
|
手机号请求
|
|
手机号请求
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+
|
|
|
|
|
+ <div v-else-if="item.messageType == 2" class="content-l-box-item-con-cons">
|
|
|
|
|
+ [图片]
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div v-else-if="item.messageType == 3" class="content-l-box-item-con-cons">
|
|
|
|
|
+ [语音]
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div v-else-if="item.messageType == 7" class="content-l-box-item-con-cons">
|
|
|
|
|
+ [交换手机]
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div v-else-if="item.messageType == 8" class="content-l-box-item-con-cons">
|
|
|
|
|
+ [交换微信]
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div v-else-if="item.messageType == 12" class="content-l-box-item-con-cons">
|
|
|
|
|
+ {{ item.content }}已拒绝
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div v-else-if="item.messageType == 4" class="content-l-box-item-con-cons">
|
|
|
|
|
+ <img v-if="item.content && item.messageType === 4" :src="emjSrc + item.content"
|
|
|
|
|
+ style="height: 20px; width: 20px;" alt="icon" />
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div v-else-if="item.messageType == 20" class="content-l-box-item-con-cons">
|
|
|
|
|
+ [视频通话]
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div v-else-if="item.messageType == 21" class="content-l-box-item-con-cons">
|
|
|
|
|
+ [语音通话]
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
<div v-else-if="item.messageType == 99" class="content-l-box-item-con-cons">
|
|
<div v-else-if="item.messageType == 99" class="content-l-box-item-con-cons">
|
|
|
[面试邀约]
|
|
[面试邀约]
|
|
|
</div>
|
|
</div>
|
|
|
- <div v-else-if="item.messageType == 96 || item.messageType == 97" class="content-l-box-item-con-cons">
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <div v-else-if="item.messageType == 98" class="content-l-box-item-con-cons">
|
|
|
|
|
+ [{{ item.content }}]
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div v-else-if="item.messageType == 96 || item.messageType == 97"
|
|
|
|
|
+ class="content-l-box-item-con-cons">
|
|
|
[{{ item.content }}]
|
|
[{{ item.content }}]
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+
|
|
|
<div v-else class="content-l-box-item-con-cons">
|
|
<div v-else class="content-l-box-item-con-cons">
|
|
|
- [图片]
|
|
|
|
|
|
|
+ [其他消息类型]
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -214,7 +263,7 @@
|
|
|
<div class="message-boxs message-box-l flex flex-wrap" v-if="item.userId != userId">
|
|
<div class="message-boxs message-box-l flex flex-wrap" v-if="item.userId != userId">
|
|
|
<img class="message-boxs-avatar" :src="item.avatar?item.avatar:'/default.jpg'" @click="goToPageDetail"
|
|
<img class="message-boxs-avatar" :src="item.avatar?item.avatar:'/default.jpg'" @click="goToPageDetail"
|
|
|
alt="" />
|
|
alt="" />
|
|
|
- <div class="message-box-l-con" v-if="item.messageType==1 || item.messageType==10">
|
|
|
|
|
|
|
+ <div class="message-box-l-con" v-if="item.messageType==1">
|
|
|
{{item.content}}
|
|
{{item.content}}
|
|
|
</div>
|
|
</div>
|
|
|
<div class="message-box-l-con flex align-center" v-if="item.messageType==20">
|
|
<div class="message-box-l-con flex align-center" v-if="item.messageType==20">
|
|
@@ -318,6 +367,15 @@
|
|
|
v-if="item.content && item.messageType === 9 && item.content!=='简历请求'">
|
|
v-if="item.content && item.messageType === 9 && item.content!=='简历请求'">
|
|
|
{{item.content}}
|
|
{{item.content}}
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <!-- 预览简历 -->
|
|
|
|
|
+ <div class="message-box-l-con inv-style" v-if="item.content && item.messageType === 10">
|
|
|
|
|
+ <template v-if="userType == 1">{{ item.content }}</template>
|
|
|
|
|
+ <template v-else>
|
|
|
|
|
+ <view class="flex align-center" @click="previewResume(item.content)">
|
|
|
|
|
+ 点击预览附件简历
|
|
|
|
|
+ </view>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </div>
|
|
|
<!-- 面试邀约消息 -->
|
|
<!-- 面试邀约消息 -->
|
|
|
<div class="message-box-l-con inv-style" v-if="item.content && item.messageType === 99">您收到了{{ item.content }}</div>
|
|
<div class="message-box-l-con inv-style" v-if="item.content && item.messageType === 99">您收到了{{ item.content }}</div>
|
|
|
<!-- 面试拒绝或同意 -->
|
|
<!-- 面试拒绝或同意 -->
|
|
@@ -330,7 +388,7 @@
|
|
|
<!-- 我发的消息 -->
|
|
<!-- 我发的消息 -->
|
|
|
<div class="message-boxs message-box-r flex flex-wrap" v-else>
|
|
<div class="message-boxs message-box-r flex flex-wrap" v-else>
|
|
|
<!-- 文字消息 -->
|
|
<!-- 文字消息 -->
|
|
|
- <div class="message-box-r-con" v-if="item.messageType==1 || item.messageType==10">
|
|
|
|
|
|
|
+ <div class="message-box-r-con" v-if="item.messageType==1">
|
|
|
{{item.content}}
|
|
{{item.content}}
|
|
|
</div>
|
|
</div>
|
|
|
<div class="message-box-r-con flex align-center" v-if="item.messageType==20">
|
|
<div class="message-box-r-con flex align-center" v-if="item.messageType==20">
|
|
@@ -399,6 +457,13 @@
|
|
|
<div class="message-box-r-con" v-if="item.messageType==12">
|
|
<div class="message-box-r-con" v-if="item.messageType==12">
|
|
|
{{item.content}}已拒绝
|
|
{{item.content}}已拒绝
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <!-- 简历预览 -->
|
|
|
|
|
+ <div class="message-box-r-con invitation" v-if="item.content && item.messageType === 10">
|
|
|
|
|
+ <template v-if="userType == 1">
|
|
|
|
|
+ <view class="flex align-center" @click="previewResume(item.content)">点击预览附件简历</view>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template v-else>{{ item.content }}</template>
|
|
|
|
|
+ </div>
|
|
|
<!-- 面试邀约消息 -->
|
|
<!-- 面试邀约消息 -->
|
|
|
<div class="message-box-r-con invitation" v-if="item.content && item.messageType === 99">您发送了{{ item.content }}</div>
|
|
<div class="message-box-r-con invitation" v-if="item.content && item.messageType === 99">您发送了{{ item.content }}</div>
|
|
|
<!-- 面试拒绝或同意 -->
|
|
<!-- 面试拒绝或同意 -->
|
|
@@ -411,8 +476,6 @@
|
|
|
style="width: 100%;color: #999999;font-size: 12px;padding-right: 50px;margin-top: 4px;text-align: right;">
|
|
style="width: 100%;color: #999999;font-size: 12px;padding-right: 50px;margin-top: 4px;text-align: right;">
|
|
|
{{getDateDiff(item.createTime)}}
|
|
{{getDateDiff(item.createTime)}}
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -527,6 +590,17 @@
|
|
|
</span>
|
|
</span>
|
|
|
</template>
|
|
</template>
|
|
|
</el-dialog>
|
|
</el-dialog>
|
|
|
|
|
+ <!-- 简历预览弹窗 -->
|
|
|
|
|
+ <el-dialog v-model="showResumeDialog" title="简历预览" width="80%" top="5vh" :close-on-click-modal="false">
|
|
|
|
|
+ <!-- 文件预览 -->
|
|
|
|
|
+ <div class="preview-box">
|
|
|
|
|
+ <iframe :src="previewUrl" style="width:100%;height:80vh;border:none;"></iframe>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <template #footer>
|
|
|
|
|
+ <el-button @click="showResumeDialog = false">关闭</el-button>
|
|
|
|
|
+ <el-button type="primary" @click="downloadResume">下载简历</el-button>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </el-dialog>
|
|
|
<!-- 附件列表 -->
|
|
<!-- 附件列表 -->
|
|
|
<AttachmentSelectDialog @closePostPush="closePostPush" @select="selectItem" v-if="showDialog" :showDialog="showDialog" />
|
|
<AttachmentSelectDialog @closePostPush="closePostPush" @select="selectItem" v-if="showDialog" :showDialog="showDialog" />
|
|
|
</div>
|
|
</div>
|
|
@@ -551,6 +625,9 @@
|
|
|
components: { AttachmentSelectDialog },
|
|
components: { AttachmentSelectDialog },
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
|
|
|
+ showResumeDialog:false,
|
|
|
|
|
+ previewUrl:'',
|
|
|
|
|
+ currentFileUrl:'',
|
|
|
isJobDescExpanded: false,
|
|
isJobDescExpanded: false,
|
|
|
showDialog: false,
|
|
showDialog: false,
|
|
|
miamshi: {
|
|
miamshi: {
|
|
@@ -675,6 +752,26 @@
|
|
|
}, 1000);
|
|
}, 1000);
|
|
|
},
|
|
},
|
|
|
methods: {
|
|
methods: {
|
|
|
|
|
+ previewResume(attachmentAddress){
|
|
|
|
|
+ const isFileLink = /^https?:\/\/.+\.(pdf|doc|docx|xls|xlsx)$/i.test(attachmentAddress);
|
|
|
|
|
+ if (!isFileLink) {
|
|
|
|
|
+ ElMessage({
|
|
|
|
|
+ message: '该简历无法预览',
|
|
|
|
|
+ type: 'warning',
|
|
|
|
|
+ duration: 1500,
|
|
|
|
|
+ offset: this.screenHeight / 2
|
|
|
|
|
+ })
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+ window.open(attachmentAddress, '_blank');
|
|
|
|
|
+ // this.showResumeDialog = true;
|
|
|
|
|
+ this.currentFileUrl = attachmentAddress;
|
|
|
|
|
+ },
|
|
|
|
|
+ // 下载简历
|
|
|
|
|
+ downloadResume() {
|
|
|
|
|
+ if (!this.currentFileUrl) return;
|
|
|
|
|
+ window.open(this.currentFileUrl, '_blank');
|
|
|
|
|
+ },
|
|
|
goToPageDetail(){
|
|
goToPageDetail(){
|
|
|
if (this.userType == 1) {
|
|
if (this.userType == 1) {
|
|
|
this.handleClick(this.postPushInfo.postPushId)
|
|
this.handleClick(this.postPushInfo.postPushId)
|
|
@@ -1898,6 +1995,7 @@
|
|
|
border-radius: 13px 13px 13px 0;
|
|
border-radius: 13px 13px 13px 0;
|
|
|
background-color: #F8F8F8;
|
|
background-color: #F8F8F8;
|
|
|
color: #333333;
|
|
color: #333333;
|
|
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.message-box-l-phone {
|
|
.message-box-l-phone {
|
|
@@ -1926,6 +2024,7 @@
|
|
|
border-radius: 13px 13px 0 13px;
|
|
border-radius: 13px 13px 0 13px;
|
|
|
background: #00DD9A;
|
|
background: #00DD9A;
|
|
|
color: #FFFFFF;
|
|
color: #FFFFFF;
|
|
|
|
|
+ cursor: pointer;
|
|
|
}
|
|
}
|
|
|
.invitation{
|
|
.invitation{
|
|
|
background: linear-gradient(rgb(217, 254, 237), rgb(255, 255, 255));
|
|
background: linear-gradient(rgb(217, 254, 237), rgb(255, 255, 255));
|