diff --git a/src/App.vue b/src/App.vue
index e662242..ada34da 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -33,10 +33,19 @@ export default {
   methods: {
     socketSucc(frame) {
       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) {
       console.log(frame, '---初始化失败app')
     },
+    receivePush(message) {
+      console.log(message, '---接收订阅消息')
+      // this.$store.commit('setVideoReminder', JSON.stringify(message))
+    },
     scriptWithDataSetExists(dataId) {
       const scriptElement = document.querySelector(`script[data-telephone="${dataId}"]`);
       return scriptElement !== null;
diff --git a/src/pages/layout/components/LayoutHeader.vue b/src/pages/layout/components/LayoutHeader.vue
index 6f3f741..ab258b9 100644
--- a/src/pages/layout/components/LayoutHeader.vue
+++ b/src/pages/layout/components/LayoutHeader.vue
@@ -1,447 +1,484 @@
 <template>
-    <div>
-        <div class="layout-header-wrap  flex-row">
-            <div class="layou-header-left-box flex-row align-items-center" style="width: 300px;">
-                <div class="flex-row">
-                    <img src="../../../assets/image/header-logo1.png"  height="30" alt="">
-                    <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 class="layout-header-wrap  flex-row">
+      <div class="layou-header-left-box flex-row align-items-center" style="width: 300px;">
+        <div class="flex-row">
+          <img src="../../../assets/image/header-logo1.png" height="30" alt="">
+          <span class="f20 color-fff ml-8">金桥云调</span>
         </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-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>
 
-            <!-- 修改密码弹框 -->
-            <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 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>
 <script>
-    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
+import api from "@/services/systemManage";
 
-                    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','')
-                    // }
-                    
-                })
-            },
+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
+        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>
 <style lang="scss">
-.layout-header-wrap{
-    width: 100%;
-    height: $height56;
-    display: flex;
-    padding: 0 $size24;
-    justify-content: space-between;
-    align-items: center;
-    box-sizing: border-box;
-    // background: url('~@/assets/image/header-bg-1920.png') no-repeat ;
-    background-size: cover;
-    background-color: #C66A5B;
+.layout-header-wrap {
+  width: 100%;
+  height: $height56;
+  display: flex;
+  padding: 0 $size24;
+  justify-content: space-between;
+  align-items: center;
+  box-sizing: border-box;
+  // background: url('~@/assets/image/header-bg-1920.png') no-repeat ;
+  background-size: cover;
+  background-color: #C66A5B;
 
-    .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;
+  .el-badge__content {
     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;
+    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;
+  }
+
 }
 
-.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-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;
+  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{
-    font-size: 30px;
-    color: $color-text-placeholder;
-    cursor: pointer;
+.el-icon-caret-bottom {
+  font-size: 30px;
+  color: $color-text-placeholder;
+  cursor: pointer;
 }
 
 /* 在小于或等于 1440 像素的屏幕上 */
 @media screen and (max-width: 1440px) {
-    .layout-header-wrap{
-        background: url('~@/assets/image/header-bg-1440.png') no-repeat ;
-        background-size: cover;
-    }
+  .layout-header-wrap {
+    background: url('~@/assets/image/header-bg-1440.png') no-repeat;
+    background-size: cover;
+  }
 }
 
 </style>
\ No newline at end of file
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 1150ad9..770f2e9 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -306,9 +306,18 @@ export default {
 
     socketSucc(frame) {
       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) {
       console.log(frame, '---初始化失败login')
+    },
+    receivePush(message) {
+      console.log(message, '---接收订阅消息')
+      // this.$store.commit('setVideoReminder', JSON.stringify(message))
     }
   }
 }
diff --git a/src/pages/mediation-page/components/MediationRoom.vue b/src/pages/mediation-page/components/MediationRoom.vue
index 2f155fc..67205f4 100644
--- a/src/pages/mediation-page/components/MediationRoom.vue
+++ b/src/pages/mediation-page/components/MediationRoom.vue
@@ -223,6 +223,7 @@
 </template>
 <script>
 import api from "@/services/caseManagement";
+import {mapState} from 'vuex'
 export default {
   components: {
     caseVideoReservationDialog: () => import('./caseVideoReservationDialog'),//
@@ -376,6 +377,19 @@ export default {
       const seconds = totalSeconds % 60;
       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() {
     
diff --git a/src/store/index.js b/src/store/index.js
index 102e659..6251619 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -25,6 +25,7 @@ const store = new Vuex.Store({
         idFrontPath: '',
         routes: [], // 从后端获取的路由菜单
         brokerEndpoint: '',
+        videoReminder: '',
     },
     plugins: [vuexPersisted],
     // 全局同步方法, 调用方法,this.$store.commit("xxx",'赋值数据')
@@ -44,6 +45,9 @@ const store = new Vuex.Store({
         setBrokerEndpoint(state, data) {
             state.brokerEndpoint = data;
         },
+        setVideoReminder(state, data) {
+            state.videoReminder = data;
+        }
 
     },
     // 异步方法 调用方法,this.$store.dispatch("xxx")