添加常用语功能

src/views/message/index.vue

@@ -376,6 +376,14 @@
 										</div>
 									</div>
 									<div v-if="isShowEmoj" class="message-btom-btn-l-emjs"></div>
+
+									<!-- 常用语 -->
+									<div v-if="isShowCommon"
+										class="message-btom-btn-l-emj flex align-center justify-center">
+										<ul class="message-btom-btn-l-emj-box sentence-panel">
+											<li class="message-text" v-for="item in changYongList" :key="item.id" @click="selConfirm(item.label)">{{ item.label }}</li>
+										</ul>
+									</div>
 								</div>
 								<el-button type="primary" @click="sendMessage(1)">发送</el-button>
 							</div>
@@ -518,6 +526,11 @@
 						src: '/images/postimg/photo.png',
 						srcS: '/images/postimg/photo_s.png',
 					},
+					{
+						name: '',
+						src: '/images/postimg/cyy.png',
+						srcS: '/images/postimg/cyy_s.png',
+					},
 					{
 						name: '发简历',
 						src: '/images/postimg/jl.png',
@@ -541,7 +554,9 @@
 				sysPgae: 1,
 				sysPages: 1,
 				sysLimit: 10,
-				jobList:[]
+				jobList:[],
+				isShowCommon:false, //是否显示常用语
+				changYongList:[]
 			}
 		},
 		computed: {
@@ -570,8 +585,37 @@
 			this.getMsgList()
 			this.getweiduMsg()
 			this.getChatList()
+			setTimeout(() => {
+				this.getChangYong();
+			}, 1000);
 		},
 		methods: {
+			getChangYong() {
+				let state = 0
+				if (this.userType == 1) {
+					state = 70
+				} else {
+					state = 80
+				}
+				this.$Request.get(`/app/message/selectMessageByType?page=1&limit=100&state=${state}`)
+					.then(res => {
+						if (res.code == 0) {
+							console.log(res.data.list)
+							this.changYongList = [{ label: '你好啊，可以聊一聊~', id: 0 }];
+							res.data.list.forEach(d => {
+								let data = {
+									label: d.content,
+									id: d.id
+								}
+								this.changYongList.push(data);
+							});
+						}
+					});
+			},
+			selConfirm(val){
+				this.content = val;
+				this.isShowCommon = false;
+			},
 			closePostPush(){
 				this.showDialog = false
 			},
@@ -809,6 +853,11 @@
 						src: '/images/postimg/photo.png',
 						srcS: '/images/postimg/photo_s.png',
 					},
+					{
+						name: '',
+						src: '/images/postimg/cyy.png',
+						srcS: '/images/postimg/cyy_s.png',
+					},
 					{
 						name: '发简历',
 						src: '/images/postimg/jl.png',
@@ -830,12 +879,12 @@
 				this.getPostPushInfo()
 				if (this.userType == 1) { //用户
 					this.byUserId = item.focusedUserId
-					this.czList[2].name = '发简历'
+					this.czList[3].name = '发简历'
 
 				} else { //招聘者
 					this.byUserId = item.userId
 					this.resumesId = item.resumesId
-					this.czList[2].name = '求简历'
+					this.czList[3].name = '求简历'
 
 					this.czList.push({
 						name: '约面试',
@@ -856,6 +905,7 @@
 			//关闭弹窗
 			closeDialog() {
 				this.isShowEmoj = false
+				this.isShowCommon = false
 			},
 			// 同意简历请求并发送简历
 			sendResumesSave(resumesAttachmentId) {
@@ -1159,20 +1209,23 @@
 					case 0: //显示表情
 						this.isShowEmoj = true
 						break;
-					case 2: //发简历
+					case 2: //显示常用语
+						this.isShowCommon = true
+						break;
+					case 3: //发简历
 						if (this.userType == 1) { //发简历
 							this.sendResumes()
 						} else { //求简历
 							this.giveSendResumes()
 						}
 						break;
-					case 3: //换电话
+					case 4: //换电话
 						this.currentPhone()
 						break;
-					case 4: //换微信
+					case 5: //换微信
 						this.currentWchat()
 						break;
-					case 5: //约面试
+					case 6: //约面试
 						this.dialogms = true
 						break;
 					default:
@@ -1759,4 +1812,37 @@
 
 		}
 	}
+	.sentence-panel{
+		margin: 0 !important;
+		padding: 0 !important;
+	}
+	.message-text{
+		height: 34px;
+		line-height: 34px;
+		border-radius: 4px;
+		z-index: 1;
+		overflow: hidden;
+		cursor: pointer;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		padding: 0 12px 0 24px;
+		font-size: 13px;
+		font-weight: 400;
+		color: #333;
+		border: none;
+		position: relative;
+	}
+	.message-text:hover{
+		background-color: #f8f8f8;
+	}
+	.message-text:before{
+		content: "";
+		position: absolute;
+		top: 14px;
+		left: 10px;
+		width: 6px;
+		height: 6px;
+		border-radius: 50%;
+		background: #d9d9d9;
+	}
 </style>

src/views/resume/addResume.vue

@@ -3,7 +3,7 @@
         <div class="info flex align-center justify-center">
             <div class="info-box">
                 <div class="info-boxs flex justify-between">
-                    <div class="info-box-l" style="width:calc(100% - 690px)">
+                    <div class="info-box-l" style="width:calc(100% - 640px)">
                         <div class="info-box-l-box">
                             <div class="info-box-l-title">
                                 个人中心
@@ -35,12 +35,12 @@
                                                     <!-- <div v-if="isVip==false">
 														升级VIP
 													</div> -->
-                                                    <div v-if="isVip" style="
+                                                    <!-- <div v-if="isVip" style="
                                                             background-color: #00dd9a;
                                                             color: #ffffff;
                                                         ">
                                                         会员用户
-                                                    </div>
+                                                    </div> -->
                                                 </div>
                                                 <div class="info-box-l-info-info-b flex align-center">
                                                     <!-- 工作经验·年龄·学历·性别 -->
@@ -348,7 +348,7 @@
                         </div>
                     </div>
                     <!----------------------------  右边简历预览 ---------------------------------->
-                    <div class="info-box-r flex justify-center flex-wrap">
+                    <div class="info-box-r flex justify-center flex-wrap" style="width: 350px;">
                         <div class="info-box-r-t">
                             <div>
                                 <el-card class="box-card" shadow="hover" style="