bug修改，视频提前提醒部分
This commit is contained in:
tdg930622
parent
0a03c5f96f
commit
f0f4d79585
@ -33,10 +33,19 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
socketSucc(frame) {
|
socketSucc(frame) {
|
||||||
console.log(frame, '---初始化成功app')
|
console.log(frame, '---初始化成功app')
|
||||||
|
// '/user/'+userId+'/queue/video'
|
||||||
|
let userInfo = JSON.parse(sessionStorage.getItem('userInfo'))
|
||||||
|
let url = `/user/${userInfo.phone}/queue/video`
|
||||||
|
// console.log(url, '---订阅地址')
|
||||||
|
this.$stompSocket.subscription(url, this.receivePush)
|
||||||
},
|
},
|
||||||
socketErr(frame) {
|
socketErr(frame) {
|
||||||
console.log(frame, '---初始化失败app')
|
console.log(frame, '---初始化失败app')
|
||||||
},
|
},
|
||||||
|
receivePush(message) {
|
||||||
|
console.log(message, '---接收订阅消息')
|
||||||
|
// this.$store.commit('setVideoReminder', JSON.stringify(message))
|
||||||
|
},
|
||||||
scriptWithDataSetExists(dataId) {
|
scriptWithDataSetExists(dataId) {
|
||||||
const scriptElement = document.querySelector(`script[data-telephone="${dataId}"]`);
|
const scriptElement = document.querySelector(`script[data-telephone="${dataId}"]`);
|
||||||
return scriptElement !== null;
|
return scriptElement !== null;
|
||||||
|
|||||||
@ -1,447 +1,484 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div class="layout-header-wrap flex-row">
|
<div class="layout-header-wrap flex-row">
|
||||||
<div class="layou-header-left-box flex-row align-items-center" style="width: 300px;">
|
<div class="layou-header-left-box flex-row align-items-center" style="width: 300px;">
|
||||||
<div class="flex-row">
|
<div class="flex-row">
|
||||||
<img src="../../../assets/image/header-logo1.png" height="30" alt="">
|
<img src="../../../assets/image/header-logo1.png" height="30" alt="">
|
||||||
<span class="f20 color-fff ml-8">金桥云调</span>
|
<span class="f20 color-fff ml-8">金桥云调</span>
|
||||||
</div>
|
|
||||||
<el-divider direction="vertical"></el-divider>
|
|
||||||
<span class="f20 color-fff ">互联网人民调解</span>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="layou-header-left-box flex-row align-items-center">
|
|
||||||
<SideMenu />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mr-8 flex-row cursor-pointer layou-header-right-box" @mouseover="showInfo=true" style="">
|
|
||||||
<!-- <el-badge :value="1" :max="99" class="item">
|
|
||||||
<el-avatar size="medium" icon="el-icon-user-solid"></el-avatar>
|
|
||||||
</el-badge> -->
|
|
||||||
<el-avatar size="medium" :src="userInfo.headUrl?userInfo.headUrl:defaultHeadUrl"></el-avatar>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<el-divider direction="vertical"></el-divider>
|
||||||
<div v-show="showInfo">
|
<span class="f20 color-fff ">互联网人民调解</span>
|
||||||
<el-collapse-transition>
|
|
||||||
<div class="show-info-wrap border-radius-8" @mouseleave="showInfo=false">
|
</div>
|
||||||
<div class="flex-row align-items-center show-info-header">
|
<div class="layou-header-left-box flex-row align-items-center">
|
||||||
<el-avatar :size="56" :src="userInfo.headUrl?userInfo.headUrl:defaultHeadUrl"></el-avatar>
|
<SideMenu/>
|
||||||
<div class="ml-8 f14">
|
</div>
|
||||||
<div class="f18 color-text-primary pb-8">{{userInfo.realName || userInfo.showName ||'-'}}</div>
|
|
||||||
<div class="f14 color-text-regular">{{userInfo.phone||'-'}}</div>
|
<div class="mr-8 flex-row cursor-pointer layou-header-right-box" @mouseover="showInfo=true" style="">
|
||||||
</div>
|
<!-- <el-badge :value="1" :max="99" class="item">
|
||||||
</div>
|
<el-avatar size="medium" icon="el-icon-user-solid"></el-avatar>
|
||||||
<div class="flex-row justify-content-between align-items-center border-t-solid-lighter-1 p-16 cursor-pointer" @click="handleChangePassword">
|
</el-badge> -->
|
||||||
<div class="f16 color-text-regular">密码管理</div>
|
<el-avatar size="medium" :src="userInfo.headUrl?userInfo.headUrl:defaultHeadUrl"></el-avatar>
|
||||||
<div class="f16 color-text-secondary">修改密码<i class="el-icon-arrow-right"></i></div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="flex-row justify-content-between align-items-center border-t-solid-lighter-1 p-16 cursor-pointer" @click="handleChangePersonal">
|
|
||||||
<div class="f16 color-text-regular">个人信息</div>
|
|
||||||
<div class="f16 color-text-secondary">查看信息<i class="el-icon-arrow-right"></i></div>
|
|
||||||
</div>
|
|
||||||
<div class="border-t-solid-lighter-1 p-16 f16 color-1960F4 text-center cursor-pointer" @click="handleLoginOut()">退出登录</div>
|
|
||||||
</div>
|
|
||||||
</el-collapse-transition>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- 修改密码弹框 -->
|
|
||||||
<el-dialog
|
|
||||||
title="修改密码"
|
|
||||||
:visible="changePasswordVisible"
|
|
||||||
width="30%"
|
|
||||||
:before-close="handleClose"
|
|
||||||
>
|
|
||||||
<div class="p-16">
|
|
||||||
<el-form ref="ruleForm"
|
|
||||||
:model="passwordInfo"
|
|
||||||
:rules="rulesClient"
|
|
||||||
label-width="80px"
|
|
||||||
class="demo-ruleForm">
|
|
||||||
<el-row type="flex" align="middle">
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item label="旧密码" prop="oldPwd">
|
|
||||||
<el-input
|
|
||||||
v-model.trim="passwordInfo.oldPwd"
|
|
||||||
placeholder="请输入旧密码"
|
|
||||||
clearable
|
|
||||||
maxlength="18"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row type="flex" align="middle">
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item label="新密码" prop="pwd">
|
|
||||||
<el-input
|
|
||||||
v-model.trim="passwordInfo.pwd"
|
|
||||||
placeholder="请输入新密码"
|
|
||||||
clearable
|
|
||||||
maxlength="18"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row type="flex" align="middle">
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item label="确认密码" prop="confirmPwd">
|
|
||||||
<el-input
|
|
||||||
v-model.trim="passwordInfo.confirmPwd"
|
|
||||||
placeholder="请再次输入新密码"
|
|
||||||
clearable
|
|
||||||
maxlength="18"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<el-button type="primary" @click="handleSubmit()">确 定</el-button>
|
|
||||||
</span>
|
|
||||||
</el-dialog>
|
|
||||||
<!-- 个人信息 -->
|
|
||||||
<el-dialog
|
|
||||||
title="个人信息"
|
|
||||||
:visible="changePersonalVisible"
|
|
||||||
width="30%"
|
|
||||||
:before-close="handleClose"
|
|
||||||
>
|
|
||||||
<div class="p-16">
|
|
||||||
<el-form ref="ruleForm"
|
|
||||||
:model="PersonalInfo"
|
|
||||||
:rules="rulesClient"
|
|
||||||
label-width="80px"
|
|
||||||
class="demo-ruleForm">
|
|
||||||
<el-row type="flex" align="middle">
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item label="姓名">
|
|
||||||
<el-input
|
|
||||||
v-model.trim="PersonalInfo.realName"
|
|
||||||
disabled
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row type="flex" align="middle">
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item label="证件号码">
|
|
||||||
<el-input
|
|
||||||
v-model.trim="PersonalInfo.pwd"
|
|
||||||
disabled
|
|
||||||
maxlength="18"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row type="flex" align="middle">
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item label="手机号码">
|
|
||||||
<el-input
|
|
||||||
v-model.trim="PersonalInfo.phone"
|
|
||||||
placeholder="请输入手机号码"
|
|
||||||
clearable
|
|
||||||
maxlength="11"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row type="flex" align="middle">
|
|
||||||
<el-col :span="24">
|
|
||||||
<el-form-item label="回呼电话">
|
|
||||||
<el-input
|
|
||||||
v-model.trim="PersonalInfo.replyPhone"
|
|
||||||
placeholder="请输入回呼电话"
|
|
||||||
clearable
|
|
||||||
maxlength="11"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
<el-row type="flex" align="middle">
|
|
||||||
<el-col :span="8">
|
|
||||||
<el-form-item v-if="PersonalInfo.signPic !=''" label="个人签名">
|
|
||||||
<img :src="signUrl" width="125px" height="125px" />
|
|
||||||
<span class="cursor-pointer color-86909C"><i class="el-icon-refresh"></i> 重新签名</span>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item v-else label="个人签名">
|
|
||||||
<img :src="signUrl" width="125px" height="125px"/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col v-if="PersonalInfo.signPic ==''" :span="16" class="line-height-10 color-86909C">
|
|
||||||
请使用微信扫码，完成签字及刷脸认证！
|
|
||||||
<p>注：请保证个人信息中的姓名及身份证号信息是本人的真实信息。</p>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
<span slot="footer" class="dialog-footer">
|
|
||||||
<el-button type="primary" @click="handlePersonalSubmit()">确 定</el-button>
|
|
||||||
</span>
|
|
||||||
</el-dialog>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div v-show="showInfo">
|
||||||
|
<el-collapse-transition>
|
||||||
|
<div class="show-info-wrap border-radius-8" @mouseleave="showInfo=false">
|
||||||
|
<div class="flex-row align-items-center show-info-header">
|
||||||
|
<el-avatar :size="56" :src="userInfo.headUrl?userInfo.headUrl:defaultHeadUrl"></el-avatar>
|
||||||
|
<div class="ml-8 f14">
|
||||||
|
<div class="f18 color-text-primary pb-8">{{ userInfo.realName || userInfo.showName || '-' }}</div>
|
||||||
|
<div class="f14 color-text-regular">{{ userInfo.phone || '-' }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-row justify-content-between align-items-center border-t-solid-lighter-1 p-16 cursor-pointer"
|
||||||
|
@click="handleChangePassword">
|
||||||
|
<div class="f16 color-text-regular">密码管理</div>
|
||||||
|
<div class="f16 color-text-secondary">修改密码<i class="el-icon-arrow-right"></i></div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-row justify-content-between align-items-center border-t-solid-lighter-1 p-16 cursor-pointer"
|
||||||
|
@click="handleChangePersonal">
|
||||||
|
<div class="f16 color-text-regular">个人信息</div>
|
||||||
|
<div class="f16 color-text-secondary">查看信息<i class="el-icon-arrow-right"></i></div>
|
||||||
|
</div>
|
||||||
|
<div class="border-t-solid-lighter-1 p-16 f16 color-1960F4 text-center cursor-pointer"
|
||||||
|
@click="handleLoginOut()">退出登录
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-collapse-transition>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 修改密码弹框 -->
|
||||||
|
<el-dialog
|
||||||
|
title="修改密码"
|
||||||
|
:visible="changePasswordVisible"
|
||||||
|
width="30%"
|
||||||
|
:before-close="handleClose"
|
||||||
|
>
|
||||||
|
<div class="p-16">
|
||||||
|
<el-form ref="ruleForm"
|
||||||
|
:model="passwordInfo"
|
||||||
|
:rules="rulesClient"
|
||||||
|
label-width="80px"
|
||||||
|
class="demo-ruleForm">
|
||||||
|
<el-row type="flex" align="middle">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="旧密码" prop="oldPwd">
|
||||||
|
<el-input
|
||||||
|
v-model.trim="passwordInfo.oldPwd"
|
||||||
|
placeholder="请输入旧密码"
|
||||||
|
clearable
|
||||||
|
maxlength="18"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row type="flex" align="middle">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="新密码" prop="pwd">
|
||||||
|
<el-input
|
||||||
|
v-model.trim="passwordInfo.pwd"
|
||||||
|
placeholder="请输入新密码"
|
||||||
|
clearable
|
||||||
|
maxlength="18"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row type="flex" align="middle">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="确认密码" prop="confirmPwd">
|
||||||
|
<el-input
|
||||||
|
v-model.trim="passwordInfo.confirmPwd"
|
||||||
|
placeholder="请再次输入新密码"
|
||||||
|
clearable
|
||||||
|
maxlength="18"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="handleSubmit()">确 定</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
<!-- 个人信息 -->
|
||||||
|
<el-dialog
|
||||||
|
title="个人信息"
|
||||||
|
:visible="changePersonalVisible"
|
||||||
|
width="30%"
|
||||||
|
:before-close="handleClose"
|
||||||
|
>
|
||||||
|
<div class="p-16">
|
||||||
|
<el-form ref="ruleForm"
|
||||||
|
:model="PersonalInfo"
|
||||||
|
:rules="rulesClient"
|
||||||
|
label-width="80px"
|
||||||
|
class="demo-ruleForm">
|
||||||
|
<el-row type="flex" align="middle">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="姓名">
|
||||||
|
<el-input
|
||||||
|
v-model.trim="PersonalInfo.realName"
|
||||||
|
disabled
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row type="flex" align="middle">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="证件号码">
|
||||||
|
<el-input
|
||||||
|
v-model.trim="PersonalInfo.pwd"
|
||||||
|
disabled
|
||||||
|
maxlength="18"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row type="flex" align="middle">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="手机号码">
|
||||||
|
<el-input
|
||||||
|
v-model.trim="PersonalInfo.phone"
|
||||||
|
placeholder="请输入手机号码"
|
||||||
|
clearable
|
||||||
|
maxlength="11"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row type="flex" align="middle">
|
||||||
|
<el-col :span="24">
|
||||||
|
<el-form-item label="回呼电话">
|
||||||
|
<el-input
|
||||||
|
v-model.trim="PersonalInfo.replyPhone"
|
||||||
|
placeholder="请输入回呼电话"
|
||||||
|
clearable
|
||||||
|
maxlength="11"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row type="flex" align="middle">
|
||||||
|
<el-col :span="8">
|
||||||
|
<el-form-item v-if="PersonalInfo.signPic !=''" label="个人签名">
|
||||||
|
<img :src="signUrl" width="125px" height="125px"/>
|
||||||
|
<span class="cursor-pointer color-86909C"><i class="el-icon-refresh"></i> 重新签名</span>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-else label="个人签名">
|
||||||
|
<img :src="signUrl" width="125px" height="125px"/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col v-if="PersonalInfo.signPic ==''" :span="16" class="line-height-10 color-86909C">
|
||||||
|
请使用微信扫码，完成签字及刷脸认证！
|
||||||
|
<p>注：请保证个人信息中的姓名及身份证号信息是本人的真实信息。</p>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="handlePersonalSubmit()">确 定</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import api from "@/services/systemManage";
|
import api from "@/services/systemManage";
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
SideMenu: () => import('./SideMenu'),
|
|
||||||
},
|
|
||||||
data(){
|
|
||||||
var validatePass = (rule, value, callback) => {
|
|
||||||
if (value === '') {
|
|
||||||
callback(new Error('请输入密码'));
|
|
||||||
} else {
|
|
||||||
if (this.passwordInfo.confirmPwd !== '') {
|
|
||||||
this.$refs.ruleForm.validateField('confirmPwd');
|
|
||||||
}
|
|
||||||
callback();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
var validatePass2 = (rule, value, callback) => {
|
|
||||||
if (value === '') {
|
|
||||||
callback(new Error('请再次输入密码'));
|
|
||||||
} else if (value !== this.passwordInfo.pwd) {
|
|
||||||
callback(new Error('两次输入密码不一致!'));
|
|
||||||
} else {
|
|
||||||
callback();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
return{
|
|
||||||
showInfo:false,
|
|
||||||
changePasswordVisible:false,
|
|
||||||
changePersonalVisible:false,
|
|
||||||
strKey: 'trydotec',
|
|
||||||
passwordInfo:{
|
|
||||||
oldPwd:'',//旧密码
|
|
||||||
pwd:'',//新密码
|
|
||||||
confirmPwd:'',//再次
|
|
||||||
},
|
|
||||||
PersonalInfo:{
|
|
||||||
realName:'',
|
|
||||||
phone:'',
|
|
||||||
id:'',
|
|
||||||
signPic:'',
|
|
||||||
replyPhone:'',
|
|
||||||
cardNo:'',
|
|
||||||
roleIds:[]
|
|
||||||
},
|
|
||||||
signUrl:'',
|
|
||||||
rulesClient: {
|
|
||||||
oldPwd: [
|
|
||||||
{ required: true, message: '请输入旧密码', trigger: 'change',},
|
|
||||||
],
|
|
||||||
pwd: [
|
|
||||||
{ required: true, validator:validatePass, trigger: 'change',},
|
|
||||||
{ pattern: /^(?=.*[a-zA-Z])(?=.*[0-9])(?=.*[\W_]).{6,18}$/, message: '只能输入由6-18个字母、数字、下划线组成的密码', trigger: ['blur', 'change']}
|
|
||||||
],
|
|
||||||
confirmPwd: [
|
|
||||||
{ required: true,validator:validatePass2, trigger: 'change',},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
userInfo:{},
|
|
||||||
defaultHeadUrl:'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',//默认图片
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted () {
|
|
||||||
if(JSON.parse(sessionStorage.getItem('userInfo'))){
|
|
||||||
this.userInfo = JSON.parse(sessionStorage.getItem('userInfo'))
|
|
||||||
}
|
|
||||||
// console.log('获取当前登录人的信息',this.userInfo)
|
|
||||||
// console.log(this.userInfo.showName)
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 个人信息
|
|
||||||
handleChangePersonal(){
|
|
||||||
api.getUserById({id:this.userInfo.id}).then(res => {
|
|
||||||
this.PersonalInfo.id = res.id
|
|
||||||
this.PersonalInfo.realName = res.realName
|
|
||||||
// this.PersonalInfo.realName = res.realName
|
|
||||||
this.PersonalInfo.phone = res.phone
|
|
||||||
this.PersonalInfo.signPic = res.signPic
|
|
||||||
this.PersonalInfo.replyPhone = res.replyPhone
|
|
||||||
this.PersonalInfo.cardNo = res.cardNo
|
|
||||||
|
|
||||||
this.PersonalInfo.deptId = res.deptId
|
export default {
|
||||||
this.PersonalInfo.roleIds = res.roleIds
|
components: {
|
||||||
})
|
SideMenu: () => import('./SideMenu'),
|
||||||
api.getQrCode().then(res => {
|
},
|
||||||
this.signUrl = 'data:image/jpg;base64,'+res
|
data() {
|
||||||
})
|
var validatePass = (rule, value, callback) => {
|
||||||
|
if (value === '') {
|
||||||
this.changePersonalVisible =true
|
callback(new Error('请输入密码'));
|
||||||
this.showInfo = false
|
} else {
|
||||||
},
|
if (this.passwordInfo.confirmPwd !== '') {
|
||||||
handlePersonalSubmit(){
|
this.$refs.ruleForm.validateField('confirmPwd');
|
||||||
api.updateUserById(this.PersonalInfo).then(res => {
|
|
||||||
this.$message.success("修改成功")
|
|
||||||
this.handleClose()
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
// 修改密码
|
|
||||||
handleChangePassword(){
|
|
||||||
this.changePasswordVisible =true
|
|
||||||
this.showInfo = false
|
|
||||||
for (let key in this.passwordInfo) {
|
|
||||||
this.passwordInfo[key] = ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 确定
|
|
||||||
handleSubmit(){
|
|
||||||
this.$refs.ruleForm.validate((valid) => {
|
|
||||||
if (valid) {
|
|
||||||
|
|
||||||
// let data = {
|
|
||||||
// id:this.userInfo.id,
|
|
||||||
// ...this.passwordInfo
|
|
||||||
// }
|
|
||||||
|
|
||||||
let data = {
|
|
||||||
id:this.userInfo.id,
|
|
||||||
oldPwd:this.$util.encryptByDES(this.strKey, this.passwordInfo.oldPwd),
|
|
||||||
pwd:this.passwordInfo.pwd,
|
|
||||||
confirmPwd:this.passwordInfo.confirmPwd,
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log('修改密码数据===',data)
|
|
||||||
this.$fetchApi.updatePassword(data).then(res => {
|
|
||||||
this.$message.success("修改成功")
|
|
||||||
this.handleClose()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
},
|
|
||||||
// 关闭
|
|
||||||
handleClose(){
|
|
||||||
this.changePasswordVisible = false
|
|
||||||
this.changePersonalVisible = false
|
|
||||||
},
|
|
||||||
// 退出登录
|
|
||||||
handleLoginOut(){
|
|
||||||
// token注销失效
|
|
||||||
this.$fetchApi.logout().then(res => {
|
|
||||||
// if(!res.code){
|
|
||||||
this.$router.push('/login')
|
|
||||||
sessionStorage.removeItem('token');
|
|
||||||
this.$store.commit('setToken', '');
|
|
||||||
sessionStorage.removeItem('userInfo')
|
|
||||||
this.$store.commit('setUserInfo', '');
|
|
||||||
this.$store.commit('setRoutes','')
|
|
||||||
// }
|
|
||||||
|
|
||||||
})
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
|
callback();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
var validatePass2 = (rule, value, callback) => {
|
||||||
|
if (value === '') {
|
||||||
|
callback(new Error('请再次输入密码'));
|
||||||
|
} else if (value !== this.passwordInfo.pwd) {
|
||||||
|
callback(new Error('两次输入密码不一致!'));
|
||||||
|
} else {
|
||||||
|
callback();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
return {
|
||||||
|
showInfo: false,
|
||||||
|
changePasswordVisible: false,
|
||||||
|
changePersonalVisible: false,
|
||||||
|
strKey: 'trydotec',
|
||||||
|
passwordInfo: {
|
||||||
|
oldPwd: '',//旧密码
|
||||||
|
pwd: '',//新密码
|
||||||
|
confirmPwd: '',//再次
|
||||||
|
},
|
||||||
|
PersonalInfo: {
|
||||||
|
realName: '',
|
||||||
|
phone: '',
|
||||||
|
id: '',
|
||||||
|
signPic: '',
|
||||||
|
replyPhone: '',
|
||||||
|
cardNo: '',
|
||||||
|
roleIds: []
|
||||||
|
},
|
||||||
|
signUrl: '',
|
||||||
|
rulesClient: {
|
||||||
|
oldPwd: [
|
||||||
|
{required: true, message: '请输入旧密码', trigger: 'change',},
|
||||||
|
],
|
||||||
|
pwd: [
|
||||||
|
{required: true, validator: validatePass, trigger: 'change',},
|
||||||
|
{
|
||||||
|
pattern: /^(?=.*[a-zA-Z])(?=.*[0-9])(?=.*[\W_]).{6,18}$/,
|
||||||
|
message: '只能输入由6-18个字母、数字、下划线组成的密码',
|
||||||
|
trigger: ['blur', 'change']
|
||||||
|
}
|
||||||
|
],
|
||||||
|
confirmPwd: [
|
||||||
|
{required: true, validator: validatePass2, trigger: 'change',},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
userInfo: {},
|
||||||
|
defaultHeadUrl: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',//默认图片
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
if (JSON.parse(sessionStorage.getItem('userInfo'))) {
|
||||||
|
this.userInfo = JSON.parse(sessionStorage.getItem('userInfo'))
|
||||||
|
}
|
||||||
|
// console.log('获取当前登录人的信息',this.userInfo)
|
||||||
|
// console.log(this.userInfo.showName)
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 个人信息
|
||||||
|
handleChangePersonal() {
|
||||||
|
api.getUserById({id: this.userInfo.id}).then(res => {
|
||||||
|
this.PersonalInfo.id = res.id
|
||||||
|
this.PersonalInfo.realName = res.realName
|
||||||
|
// this.PersonalInfo.realName = res.realName
|
||||||
|
this.PersonalInfo.phone = res.phone
|
||||||
|
this.PersonalInfo.signPic = res.signPic
|
||||||
|
this.PersonalInfo.replyPhone = res.replyPhone
|
||||||
|
this.PersonalInfo.cardNo = res.cardNo
|
||||||
|
|
||||||
|
this.PersonalInfo.deptId = res.deptId
|
||||||
|
this.PersonalInfo.roleIds = res.roleIds
|
||||||
|
})
|
||||||
|
api.getQrCode().then(res => {
|
||||||
|
this.signUrl = 'data:image/jpg;base64,' + res
|
||||||
|
})
|
||||||
|
|
||||||
|
this.changePersonalVisible = true
|
||||||
|
this.showInfo = false
|
||||||
|
},
|
||||||
|
handlePersonalSubmit() {
|
||||||
|
api.updateUserById(this.PersonalInfo).then(res => {
|
||||||
|
this.$message.success("修改成功")
|
||||||
|
this.handleClose()
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 修改密码
|
||||||
|
handleChangePassword() {
|
||||||
|
this.changePasswordVisible = true
|
||||||
|
this.showInfo = false
|
||||||
|
for (let key in this.passwordInfo) {
|
||||||
|
this.passwordInfo[key] = ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 确定
|
||||||
|
handleSubmit() {
|
||||||
|
this.$refs.ruleForm.validate((valid) => {
|
||||||
|
if (valid) {
|
||||||
|
|
||||||
|
// let data = {
|
||||||
|
// id:this.userInfo.id,
|
||||||
|
// ...this.passwordInfo
|
||||||
|
// }
|
||||||
|
|
||||||
|
let data = {
|
||||||
|
id: this.userInfo.id,
|
||||||
|
oldPwd: this.$util.encryptByDES(this.strKey, this.passwordInfo.oldPwd),
|
||||||
|
pwd: this.passwordInfo.pwd,
|
||||||
|
confirmPwd: this.passwordInfo.confirmPwd,
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log('修改密码数据===', data)
|
||||||
|
this.$fetchApi.updatePassword(data).then(res => {
|
||||||
|
this.$message.success("修改成功")
|
||||||
|
this.handleClose()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
// 关闭
|
||||||
|
handleClose() {
|
||||||
|
this.changePasswordVisible = false
|
||||||
|
this.changePersonalVisible = false
|
||||||
|
},
|
||||||
|
// 退出登录
|
||||||
|
handleLoginOut() {
|
||||||
|
// token注销失效
|
||||||
|
this.$fetchApi.logout().then(res => {
|
||||||
|
// if(!res.code){
|
||||||
|
this.$router.push('/login')
|
||||||
|
sessionStorage.removeItem('token');
|
||||||
|
this.$store.commit('setToken', '');
|
||||||
|
sessionStorage.removeItem('userInfo')
|
||||||
|
this.$store.commit('setUserInfo', '');
|
||||||
|
this.$store.commit('setRoutes', '');
|
||||||
|
sessionStorage.removeItem('brokerEndpoint');
|
||||||
|
this.$store.commit('brokerEndpoint', '');
|
||||||
|
// }
|
||||||
|
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.layout-header-wrap{
|
.layout-header-wrap {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: $height56;
|
height: $height56;
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 0 $size24;
|
padding: 0 $size24;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
// background: url('~@/assets/image/header-bg-1920.png') no-repeat ;
|
// background: url('~@/assets/image/header-bg-1920.png') no-repeat ;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-color: #C66A5B;
|
background-color: #C66A5B;
|
||||||
|
|
||||||
.el-badge__content{
|
.el-badge__content {
|
||||||
height: $height20;
|
|
||||||
line-height: $height20;
|
|
||||||
border: 0 !important;
|
|
||||||
top: 30px;
|
|
||||||
}
|
|
||||||
.layou-header-right-box{width: 300px;display: inline-block;text-align: right;}
|
|
||||||
.layout-side-menu-wrap .side-menu-container{border-right: 0;}
|
|
||||||
.el-menu{
|
|
||||||
border: 0;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
.el-menu--horizontal > .el-menu-item{color: #FFFFFFB2;}
|
|
||||||
.el-menu--horizontal > .el-submenu .el-submenu__title{color: #FFFFFFB2;}
|
|
||||||
|
|
||||||
.el-menu--horizontal > .el-menu-item:hover{
|
|
||||||
color: #C66A5B;
|
|
||||||
background-color: transparent;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.el-menu--horizontal > .el-submenu:hover .el-submenu__title {
|
|
||||||
color:#C66A5B;
|
|
||||||
background-color: transparent;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.el-submenu__title i{color:#FFFFFFB2; }
|
|
||||||
.el-menu--horizontal > .el-menu-item.is-active{
|
|
||||||
border-bottom: 2px solid #fff;
|
|
||||||
background-color: transparent;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
|
|
||||||
border-bottom: 2px solid #fff;
|
|
||||||
background-color: transparent;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
.el-menu--horizontal .el-menu.el-menu--popup .el-menu-item:not(.is-disabled):hover{
|
|
||||||
color:#C66A5B;
|
|
||||||
}
|
|
||||||
.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title {
|
|
||||||
color:#C66A5B;
|
|
||||||
}
|
|
||||||
.layout-header-number{
|
|
||||||
position: absolute;
|
|
||||||
right: -10px;
|
|
||||||
bottom: -4px;
|
|
||||||
min-width: $height20;
|
|
||||||
height: $height20;
|
height: $height20;
|
||||||
border-radius: 50%;
|
|
||||||
background-color: $color-F56C6C;
|
|
||||||
color: $color-white;
|
|
||||||
line-height: $height20;
|
line-height: $height20;
|
||||||
white-space: nowrap;
|
border: 0 !important;
|
||||||
box-sizing: border-box;
|
top: 30px;
|
||||||
padding: 1px 5px;
|
}
|
||||||
|
|
||||||
|
.layou-header-right-box {
|
||||||
|
width: 300px;
|
||||||
|
display: inline-block;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-side-menu-wrap .side-menu-container {
|
||||||
|
border-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-menu {
|
||||||
|
border: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-menu--horizontal > .el-menu-item {
|
||||||
|
color: #FFFFFFB2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-menu--horizontal > .el-submenu .el-submenu__title {
|
||||||
|
color: #FFFFFFB2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-menu--horizontal > .el-menu-item:hover {
|
||||||
|
color: #C66A5B;
|
||||||
|
background-color: transparent;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-menu--horizontal > .el-submenu:hover .el-submenu__title {
|
||||||
|
color: #C66A5B;
|
||||||
|
background-color: transparent;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-submenu__title i {
|
||||||
|
color: #FFFFFFB2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-menu--horizontal > .el-menu-item.is-active {
|
||||||
|
border-bottom: 2px solid #fff;
|
||||||
|
background-color: transparent;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
|
||||||
|
border-bottom: 2px solid #fff;
|
||||||
|
background-color: transparent;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.show-info-wrap{
|
.el-menu--horizontal .el-menu.el-menu--popup .el-menu-item:not(.is-disabled):hover {
|
||||||
position: absolute;
|
color: #C66A5B;
|
||||||
width: 320px;
|
|
||||||
// height: 248px;
|
|
||||||
background-color: $color-white;
|
|
||||||
top:8px;
|
|
||||||
right: 16px;
|
|
||||||
border: 1px solid $border-color-lighter;
|
|
||||||
z-index: 999;
|
|
||||||
box-shadow: 2px 2px 5px $border-color-lighter;
|
|
||||||
transition: opacity 2s;
|
|
||||||
.show-info-header{
|
|
||||||
padding: 40px 16px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title {
|
||||||
|
color: #C66A5B;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-header-number {
|
||||||
|
position: absolute;
|
||||||
|
right: -10px;
|
||||||
|
bottom: -4px;
|
||||||
|
min-width: $height20;
|
||||||
|
height: $height20;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: $color-F56C6C;
|
||||||
|
color: $color-white;
|
||||||
|
line-height: $height20;
|
||||||
|
white-space: nowrap;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 1px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.show-info-wrap {
|
||||||
|
position: absolute;
|
||||||
|
width: 320px;
|
||||||
|
// height: 248px;
|
||||||
|
background-color: $color-white;
|
||||||
|
top: 8px;
|
||||||
|
right: 16px;
|
||||||
|
border: 1px solid $border-color-lighter;
|
||||||
|
z-index: 999;
|
||||||
|
box-shadow: 2px 2px 5px $border-color-lighter;
|
||||||
|
transition: opacity 2s;
|
||||||
|
|
||||||
|
.show-info-header {
|
||||||
|
padding: 40px 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// 修改图标样式
|
// 修改图标样式
|
||||||
.el-icon-caret-bottom{
|
.el-icon-caret-bottom {
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
color: $color-text-placeholder;
|
color: $color-text-placeholder;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 在小于或等于 1440 像素的屏幕上 */
|
/* 在小于或等于 1440 像素的屏幕上 */
|
||||||
@media screen and (max-width: 1440px) {
|
@media screen and (max-width: 1440px) {
|
||||||
.layout-header-wrap{
|
.layout-header-wrap {
|
||||||
background: url('~@/assets/image/header-bg-1440.png') no-repeat ;
|
background: url('~@/assets/image/header-bg-1440.png') no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
@ -306,9 +306,18 @@ export default {
|
|||||||
|
|
||||||
socketSucc(frame) {
|
socketSucc(frame) {
|
||||||
console.log(frame, '---初始化成功login')
|
console.log(frame, '---初始化成功login')
|
||||||
|
// '/user/'+userId+'/queue/video'
|
||||||
|
let userInfo = JSON.parse(sessionStorage.getItem('userInfo'))
|
||||||
|
let url = `/user/${userInfo.phone}/queue/video`
|
||||||
|
// console.log(url, '---订阅地址')
|
||||||
|
this.$stompSocket.subscription(url, this.receivePush)
|
||||||
},
|
},
|
||||||
socketErr(frame) {
|
socketErr(frame) {
|
||||||
console.log(frame, '---初始化失败login')
|
console.log(frame, '---初始化失败login')
|
||||||
|
},
|
||||||
|
receivePush(message) {
|
||||||
|
console.log(message, '---接收订阅消息')
|
||||||
|
// this.$store.commit('setVideoReminder', JSON.stringify(message))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -223,6 +223,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import api from "@/services/caseManagement";
|
import api from "@/services/caseManagement";
|
||||||
|
import {mapState} from 'vuex'
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
caseVideoReservationDialog: () => import('./caseVideoReservationDialog'),//
|
caseVideoReservationDialog: () => import('./caseVideoReservationDialog'),//
|
||||||
@ -376,6 +377,19 @@ export default {
|
|||||||
const seconds = totalSeconds % 60;
|
const seconds = totalSeconds % 60;
|
||||||
return `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
|
return `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
|
||||||
},
|
},
|
||||||
|
...mapState({
|
||||||
|
videoReminder: state => state.videoReminder
|
||||||
|
}),
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
videoReminder: {
|
||||||
|
deep: true,
|
||||||
|
handler: function (val) {
|
||||||
|
if (val){
|
||||||
|
console.log(val, '---视频提前5分钟提醒')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
},
|
},
|
||||||
async created() {
|
async created() {
|
||||||
|
|
||||||
|
|||||||
@ -25,6 +25,7 @@ const store = new Vuex.Store({
|
|||||||
idFrontPath: '',
|
idFrontPath: '',
|
||||||
routes: [], // 从后端获取的路由菜单
|
routes: [], // 从后端获取的路由菜单
|
||||||
brokerEndpoint: '',
|
brokerEndpoint: '',
|
||||||
|
videoReminder: '',
|
||||||
},
|
},
|
||||||
plugins: [vuexPersisted],
|
plugins: [vuexPersisted],
|
||||||
// 全局同步方法, 调用方法,this.$store.commit("xxx",'赋值数据')
|
// 全局同步方法, 调用方法,this.$store.commit("xxx",'赋值数据')
|
||||||
@ -44,6 +45,9 @@ const store = new Vuex.Store({
|
|||||||
setBrokerEndpoint(state, data) {
|
setBrokerEndpoint(state, data) {
|
||||||
state.brokerEndpoint = data;
|
state.brokerEndpoint = data;
|
||||||
},
|
},
|
||||||
|
setVideoReminder(state, data) {
|
||||||
|
state.videoReminder = data;
|
||||||
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
// 异步方法 调用方法,this.$store.dispatch("xxx")
|
// 异步方法 调用方法,this.$store.dispatch("xxx")
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user