|
|
|
@ -169,6 +169,19 @@ |
|
|
|
<div class="info-label">用户语言</div> |
|
|
|
<div class="info-value">{{ getLanguageText(userInfo.language) }}</div> |
|
|
|
</div> |
|
|
|
<div class="info-item"> |
|
|
|
<div class="info-label">手机号</div> |
|
|
|
<div class="info-value"> |
|
|
|
<el-input |
|
|
|
v-model="userPhone" |
|
|
|
placeholder="请输入手机号" |
|
|
|
maxlength="20" |
|
|
|
size="small" |
|
|
|
@blur="saveUserPhone" |
|
|
|
style="width: 100%;" |
|
|
|
></el-input> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="info-item"> |
|
|
|
<div class="info-label">标签</div> |
|
|
|
<div class="info-value"> |
|
|
|
@ -211,6 +224,22 @@ |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="info-item"> |
|
|
|
<div class="info-label">备注</div> |
|
|
|
<div class="info-value"> |
|
|
|
<el-input |
|
|
|
v-model="userRemark" |
|
|
|
type="textarea" |
|
|
|
:rows="2" |
|
|
|
placeholder="请输入用户备注" |
|
|
|
maxlength="200" |
|
|
|
show-word-limit |
|
|
|
size="small" |
|
|
|
@blur="saveUserRemark" |
|
|
|
style="width: 100%;" |
|
|
|
></el-input> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-aside> |
|
|
|
@ -334,6 +363,8 @@ export default { |
|
|
|
showQuickReplyBox: false, // 快捷回复弹窗 |
|
|
|
quickReplyList: [], // 快捷回复列表 |
|
|
|
quickLoading: false, // 加载状态 |
|
|
|
userRemark: "", //用户备注 |
|
|
|
userPhone: "", //用户联系方式 |
|
|
|
lockMessage: false, |
|
|
|
showMinIdx: 0, |
|
|
|
reqQueue: [], |
|
|
|
@ -358,6 +389,46 @@ export default { |
|
|
|
}; |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
saveUserRemark() { |
|
|
|
const remark = this.userRemark || ""; |
|
|
|
|
|
|
|
if (remark === (this.userInfo.remark || "")) { |
|
|
|
return; |
|
|
|
} |
|
|
|
this.$http |
|
|
|
.post("/user/remark/save", { |
|
|
|
userId: this.userInfo.id, |
|
|
|
remark: remark, |
|
|
|
}) |
|
|
|
.then(() => { |
|
|
|
this.userInfo.remark = remark; |
|
|
|
this.$message.success("备注保存成功"); |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
this.$message.error("备注保存失败"); |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
saveUserPhone() { |
|
|
|
const phone = this.userPhone || ""; |
|
|
|
if (phone === (this.userInfo.phone || "")) { |
|
|
|
return; |
|
|
|
} |
|
|
|
this.$http |
|
|
|
.post("/user/phone/save", { |
|
|
|
userId: this.userInfo.id, |
|
|
|
phone: phone, |
|
|
|
}) |
|
|
|
.then(() => { |
|
|
|
this.userInfo.phone = phone; |
|
|
|
this.$message.success("手机号保存成功"); |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
this.$message.error("手机号保存失败"); |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
getLanguageText(lang) { |
|
|
|
if (!lang) return '未知'; |
|
|
|
const langMap = { |
|
|
|
@ -872,7 +943,8 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
this.userInfo = userInfo; |
|
|
|
|
|
|
|
this.userRemark = userInfo.remark || ""; |
|
|
|
this.userPhone = userInfo.phone || ""; |
|
|
|
this.updateFriendInfo(); |
|
|
|
await this.loadLabelOptions(friendId); |
|
|
|
this.selectedLabels = []; |
|
|
|
|