SH-Arbitrate/Arbitrate-FrontendH5
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

视频会议解决无法判断仲裁还是调解bug

Browse Source
This commit is contained in:
wangqiong
2024-01-26 16:06:09 +08:00
parent e2f61a0301
commit b1c1cde3c9
20 changed files with 290 additions and 319 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist.zip
BIN
View File
Binary file not shown.
dist/css/104.edc93351.css
Vendored
-1
View File
@@ -1 +0,0 @@
.homepage[data-v-f23aeb60]{width:100%;height:100vh;background-color:#302e2e;display:flex;align-items:center;justify-content:space-around}#video[data-v-f23aeb60]{width:40%;height:50%}.enterRoom[data-v-f23aeb60],.reservation[data-v-f23aeb60]{width:20%;height:50%;background-color:#1c1b1b}.title[data-v-f23aeb60]{width:100%;text-align:center;color:#3f1ab7;line-height:30px;font-size:18px;margin-bottom:20px}.enterForm[data-v-f23aeb60]{width:100%;display:flex;justify-content:center}.homepage[data-v-66f2b650]{width:100%;height:100vh;background-color:#302e2e;display:flex;flex-direction:column;align-items:center}#video[data-v-66f2b650]{width:90%;height:50%}.enterRoom[data-v-66f2b650]{margin-top:30px;width:90%;height:10%}.reservation[data-v-66f2b650]{width:20%;height:50%;background-color:#1c1b1b}.title[data-v-66f2b650]{width:100%;text-align:center;color:#3f1ab7;line-height:30px;font-size:18px;margin-bottom:20px}.enterForm[data-v-66f2b650]{width:100%;display:flex;justify-content:center}
dist/css/667.3bf6bdf1.css
Vendored
-22
View File
File diff suppressed because one or more lines are too long
dist/index.html
Vendored
+1 -1
View File
@@ -1 +1 @@
<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>nouiroom</title><script defer="defer" src="/js/chunk-vendors.b16260de.js"></script><script defer="defer" src="/js/app.b526e971.js"></script><link href="/css/chunk-vendors.10dd4e95.css" rel="stylesheet"><link href="/css/app.b59bb92e.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but nouiroom doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html> <!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>nouiroom</title><script defer="defer" src="/js/chunk-vendors.5307e452.js"></script><script defer="defer" src="/js/app.f09cb758.js"></script><link href="/css/chunk-vendors.10dd4e95.css" rel="stylesheet"><link href="/css/app.b59bb92e.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but nouiroom doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
dist/js/104.15b7bedb.js
Vendored
-2
View File
@@ -1,2 +0,0 @@
"use strict";(self["webpackChunknouiroom"]=self["webpackChunknouiroom"]||[]).push([[104],{5104:function(e,o,t){t.r(o),t.d(o,{default:function(){return k}});var r=function(){var e=this,o=e._self._c;return o("div",{staticClass:"homepage"},[e.modileFlag?o("homepc"):e._e(),e.modileFlag?e._e():o("homePhone")],1)},s=[],i=function(){var e=this,o=e._self._c;return o("div",{staticClass:"homepage"},[o("div",{attrs:{id:"video"}}),o("div",{staticClass:"enterRoom"},[o("div",{staticClass:"title"},[e._v(" 仲裁会议室 ")]),o("div",{staticClass:"enterForm"},[o("el-form",{ref:"enterRoomFrom",attrs:{model:e.enterRoomFrom}},[o("el-form-item",[o("el-input",{attrs:{placeholder:"请输入房间号"},model:{value:e.enterRoomFrom.roomId,callback:function(o){e.$set(e.enterRoomFrom,"roomId",o)},expression:"enterRoomFrom.roomId"}},[o("template",{slot:"append"},[o("el-button",{attrs:{type:"primary",icon:"el-icon-right"},on:{click:e.enterRoom}},[e._v("进入")])],1)],2)],1)],1)],1)])])},l=[],n=(t(560),t(2268)),a=t(2799),m=t.n(a);let d=null;var u={name:"App",data(){return{formLabelAlign:{},enterRoomFrom:{},trtc:null,userId:null,userCode:null,caseId:null,roleFlag:!1}},methods:{async enterRoom(){this.roomId==this.enterRoomFrom.roomId?this.$router.push({name:"Room",query:{userId:this.userId,roomId:this.enterRoomFrom.roomId,flag:this.roleFlag,caseId:this.caseId,id:this.userCode}}):this.$message({message:"房间号不是对应案件的房间号",type:"error"})},submitRoom(){this.$refs["formLabelAlign"].validate((e=>{}))},reserveConferenceListFn(e){(0,n.Je)(e).then((e=>{this.userCode==e.data[0].userId?this.roleFlag=!0:this.roleFlag=!1}))}},async mounted(){let e=this.$route.query;this.userId=e.name,this.roomId=e.roomId,this.userCode=e.userId,this.caseId=e.id,this.caseId&&this.reserveConferenceListFn(this.caseId),d=m().create();const o={view:document.getElementById("video"),publish:!1};await d.startLocalVideo(o)}},h=u,c=t(1001),I=(0,c.Z)(h,i,l,!1,null,"f23aeb60",null),p=I.exports,v=function(){var e=this,o=e._self._c;return o("div",{staticClass:"homepage"},[o("div",{staticClass:"title"},[e._v(" 仲裁会议室 ")]),o("div",{attrs:{id:"video"}}),o("div",{staticClass:"enterRoom"},[o("el-form",{ref:"enterRoomFrom",attrs:{model:e.enterRoomFrom}},[o("el-form-item",[o("el-input",{attrs:{placeholder:"请输入房间号"},model:{value:e.enterRoomFrom.roomId,callback:function(o){e.$set(e.enterRoomFrom,"roomId",o)},expression:"enterRoomFrom.roomId"}},[o("template",{slot:"append"},[o("el-button",{attrs:{type:"primary",icon:"el-icon-right"},on:{click:e.enterRoom}},[e._v("进入")])],1)],2)],1)],1)],1)])},f=[];let F=null;var g={name:"App",data(){return{formLabelAlign:{},enterRoomFrom:{},trtc:null,userId:null,userCode:null,caseId:null,roleFlag:!1}},methods:{async enterRoom(){this.roomId==this.enterRoomFrom.roomId?this.$router.push({name:"Room",query:{userId:this.userId,roomId:this.enterRoomFrom.roomId,flag:this.roleFlag,caseId:this.caseId}}):this.$message({message:"房间号不是对应案件的房间号",type:"error"})},submitRoom(){this.$refs["formLabelAlign"].validate((e=>{}))},reserveConferenceListFn(e){(0,n.Je)(e).then((e=>{this.userCode==e.data[0].userId?this.roleFlag=!0:this.roleFlag=!1}))}},async mounted(){let e=this.$route.query;this.userId=e.name,this.roomId=e.roomId,this.userCode=e.userId,this.caseId=e.id,this.caseId&&this.reserveConferenceListFn(this.caseId),F=m().create();const o={view:document.getElementById("video"),publish:!1};await F.startLocalVideo(o)}},R=g,C=(0,c.Z)(R,v,f,!1,null,"66f2b650",null),b=C.exports,y=t(6097),_={name:"App",components:{homepc:p,homePhone:b},data(){return{modileFlag:!1}},methods:{},mounted(){this.modileFlag=(0,y.Qv)()}},L=_,$=(0,c.Z)(L,r,s,!1,null,"d34b2652",null),k=$.exports}}]);
//# sourceMappingURL=104.15b7bedb.js.map
dist/js/104.15b7bedb.js.map
Vendored
-1
View File
File diff suppressed because one or more lines are too long
dist/js/315.35b56b98.js
Vendored
-2
View File
File diff suppressed because one or more lines are too long
dist/js/315.35b56b98.js.map
Vendored
-1
View File
File diff suppressed because one or more lines are too long
dist/js/667.c7c4d337.js
Vendored
-17
View File
File diff suppressed because one or more lines are too long
dist/js/667.c7c4d337.js.map
Vendored
-1
View File
File diff suppressed because one or more lines are too long
dist/js/app.b526e971.js
Vendored
-2
View File
File diff suppressed because one or more lines are too long
dist/js/app.b526e971.js.map
Vendored
-1
View File
File diff suppressed because one or more lines are too long
dist/js/chunk-vendors.b16260de.js
Vendored
-25
View File
File diff suppressed because one or more lines are too long
dist/js/chunk-vendors.b16260de.js.map
Vendored
-1
View File
File diff suppressed because one or more lines are too long
src/App.vue
+3
View File
@@ -9,6 +9,9 @@
export default { export default {
name: 'App', name: 'App',
components: { components: {
},
created(){
} }
} }
</script> </script>
src/api/home.js
+22 -5
View File
@@ -1,15 +1,32 @@
import axios from "@/utils/request"; import axios from "@/utils/request";
// let baseUrl = 'https://api.xayunmei.com/zhongcaiapi'; let baseUrlZc = 'https://api.xayunmei.com/zhongcaiapi';
let baseUrl = 'http://121.40.189.20:6001' let baseUrl = 'https://api.xayunmei.com/tiaojieapitest';
// let baseUrl = 'http://121.40.189.20:6001';
// 获取usersig // 获取usersig
export function getUsersig(userId) { export function getUsersig(userId) {
return axios.get(`${baseUrl}/video/generateUserSign?userId=${userId}`); let appType = sessionStorage.getItem('type');
if (appType == 'tiaojie') {
return axios.get(`${baseUrl}/caseApplication/generateUserSign?userId=${userId}`);
} else {
return axios.get(`${baseUrlZc}/caseApplication/generateUserSign?userId=${userId}`);
}
} }
// 获取房间号 // 获取房间号
export function getRoomId(caseId) { export function getRoomId(caseId) {
return axios.get(`${baseUrl}/video/createRoomId?caseId=${caseId}`); let appType = sessionStorage.getItem('type');
if (appType == 'tiaojie') {
return axios.get(`${baseUrl}/caseApplication/createRoomId?caseId=${caseId}`);
} else {
return axios.get(`${baseUrlZc}/caseApplication/createRoomId?caseId=${caseId}`);
}
} }
// 根据案件id查询相关信息 // 根据案件id查询相关信息
export function reserveConferenceList(caseId) { export function reserveConferenceList(caseId) {
return axios.get(`${baseUrl}/video/reserveConferenceList?caseId=${caseId}`); let appType = sessionStorage.getItem('type');
if (appType == 'tiaojie') {
return axios.get(`${baseUrl}/caseApplication/reserveConferenceList?caseId=${caseId}`);
} else {
return axios.get(`${baseUrlZc}/caseApplication/reserveConferenceList?caseId=${caseId}`);
}
} }
src/api/room.js
+33 -7
View File
@@ -1,23 +1,49 @@
import axios from "@/utils/request"; import axios from "@/utils/request";
// let baseUrl = 'https://api.xayunmei.com/zhongcaiapi'; let baseUrlZC = 'https://api.xayunmei.com/zhongcaiapi';
let baseUrl = 'http://121.40.189.20:6001' let baseUrl = 'https://api.xayunmei.com/tiaojieapitest';
// let baseUrl = 'http://121.40.189.20:6001';
// 开始云端录制 // 开始云端录制
export function startVideo(data) { export function startVideo(data) {
return axios.post(`${baseUrl}/video/openCloudRecording`,data); let appType = sessionStorage.getItem('type');
if (appType == 'tiaojie') {
return axios.post(`${baseUrl}/video/openCloudRecording`, data);
} else {
return axios.post(`${baseUrlZC}/video/openCloudRecording`, data);
}
} }
// 结束云端录制 // 结束云端录制
export function stopVideo(data) { export function stopVideo(data) {
return axios.post(`${baseUrl}/video/closeDeleteCloudRecording?taskId=${data}`); let appType = sessionStorage.getItem('type');
if (appType == 'tiaojie') {
return axios.post(`${baseUrl}/video/closeDeleteCloudRecording?taskId=${data}`);
} else {
return axios.post(`${baseUrlZC}/video/closeDeleteCloudRecording?taskId=${data}`);
}
} }
// 解散房间 // 解散房间
export function destructionRoom(data) { export function destructionRoom(data) {
return axios.post(`${baseUrl}/video/dissolveRoom`,data); let appType = sessionStorage.getItem('type');
if (appType == 'tiaojie') {
return axios.post(`${baseUrl}/video/dissolveRoom`, data);
} else {
return axios.post(`${baseUrlZC}/video/dissolveRoom`, data);
}
} }
// 根据html字符串转pdf并且和案件关联 // 根据html字符串转pdf并且和案件关联
export function htmlToPDF(data) { export function htmlToPDF(data) {
return axios.post(`${baseUrl}/video/htmlToPDF`,data); let appType = sessionStorage.getItem('type');
if (appType == 'tiaojie') {
return axios.post(`${baseUrl}/video/htmlToPDF`, data);
} else {
return axios.post(`${baseUrlZC}/video/htmlToPDF`, data);
}
} }
// 根据userId查询该用户是否是秘书 // 根据userId查询该用户是否是秘书
export function secretaryRoleByUserId(userId) { export function secretaryRoleByUserId(userId) {
return axios.get(`${baseUrl}/video/secretaryRoleByUserId?userId=${userId}`); let appType = sessionStorage.getItem('type');
if (appType == 'tiaojie') {
return axios.get(`${baseUrl}/video/secretaryRoleByUserId?userId=${userId}`);
} else {
return axios.get(`${baseUrlZC}/video/secretaryRoleByUserId?userId=${userId}`);
}
} }
src/components/homeh5.vue
+102 -101
View File
@@ -1,134 +1,135 @@
<template> <template>
<div class="homepage"> <div class="homepage">
<div class="title"> <div class="title">仲裁会议室</div>
仲裁会议室 <div id="video"></div>
</div> <div class="enterRoom">
<div id="video"> <el-form :model="enterRoomFrom" ref="enterRoomFrom">
<el-form-item>
</div> <el-input placeholder="请输入房间号" v-model="enterRoomFrom.roomId">
<div class="enterRoom"> <template slot="append">
<el-form :model="enterRoomFrom" ref="enterRoomFrom"> <el-button type="primary" @click="enterRoom" icon="el-icon-right">进入</el-button>
<el-form-item> </template>
<el-input placeholder="请输入房间号" v-model="enterRoomFrom.roomId"> </el-input>
<template slot="append"><el-button type="primary" @click="enterRoom" </el-form-item>
icon="el-icon-right">进入</el-button></template></el-input> </el-form>
</el-form-item>
</el-form>
</div>
</div> </div>
</div>
</template> </template>
<script> <script>
import { reserveConferenceList } from '@/api/home.js' import { reserveConferenceList } from "@/api/home.js";
import TRTC from 'trtc-sdk-v5'; import TRTC from "trtc-sdk-v5";
let trtc = null; let trtc = null;
export default { export default {
name: 'App', name: "App",
data() { data() {
return { return {
formLabelAlign: {}, formLabelAlign: {},
enterRoomFrom: {}, enterRoomFrom: {},
trtc: null, trtc: null,
userId: null, userId: null,
userCode: null, userCode: null,
caseId: null, caseId: null,
roleFlag: false roleFlag: false
}; };
}, },
methods: { methods: {
async enterRoom() { async enterRoom() {
if (this.roomId != this.enterRoomFrom.roomId) { if (this.roomId != this.enterRoomFrom.roomId) {
this.$message({ this.$message({
message: "房间号不是对应案件的房间号", message: "房间号不是对应案件的房间号",
type: 'error' type: "error"
}); });
return return;
} }
this.$router.push({ this.$router.push({
name: 'Room', name: "Room",
query: { query: {
userId: this.userId, userId: this.userId,
roomId: this.enterRoomFrom.roomId, roomId: this.enterRoomFrom.roomId,
flag: this.roleFlag, flag: this.roleFlag,
caseId: this.caseId caseId: this.caseId
}
})
},
submitRoom() {
this.$refs["formLabelAlign"].validate((valid) => {
})
},
// 根据案件id查询主持人信息
reserveConferenceListFn(data) {
reserveConferenceList(data).then(res => {
if (this.userCode == res.data[0].userId) {
this.roleFlag = true;
} else {
this.roleFlag = false;
}
})
} }
});
}, },
async mounted() { submitRoom() {
let routeParams = this.$route.query; this.$refs["formLabelAlign"].validate(valid => {});
this.userId = routeParams.name;
this.roomId = routeParams.roomId;
this.userCode = routeParams.userId;
this.caseId = routeParams.id;
if (this.caseId) {
this.reserveConferenceListFn(this.caseId);
}
trtc = TRTC.create()
const config = {
view: document.getElementById('video'),
publish: false
}
await trtc.startLocalVideo(config);
}, },
// 根据案件id查询主持人信息
async reserveConferenceListFn(data) {
await reserveConferenceList(data).then(res => {
if (res.data.length > 1) {
if (this.userCode == res.data[0].userId) {
this.roleFlag = true;
} else {
this.roleFlag = false;
}
} else {
this.roleFlag = false;
}
});
}
},
async mounted() {
let routeParams = this.$route.query;
this.userId = routeParams.name;
this.roomId = routeParams.roomId;
this.userCode = routeParams.userId;
this.caseId = routeParams.id;
sessionStorage.setItem('type',appType);
if (this.caseId) {
await this.reserveConferenceListFn(this.caseId);
}
trtc = TRTC.create();
const config = {
view: document.getElementById("video"),
publish: false
};
await trtc.startLocalVideo(config);
}
}; };
</script> </script>
<style scoped> <style scoped>
.homepage { .homepage {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
background-color: #302e2e; background-color: #302e2e;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
#video { #video {
width: 90%; width: 90%;
height: 50%; height: 50%;
} }
.enterRoom { .enterRoom {
margin-top: 30px; margin-top: 30px;
width: 90%; width: 90%;
height: 10%; height: 10%;
} }
.reservation { .reservation {
width: 20%; width: 20%;
height: 50%; height: 50%;
background-color: #1c1b1b; background-color: #1c1b1b;
} }
.title { .title {
width: 100%; width: 100%;
text-align: center; text-align: center;
color: #3f1ab7; color: #3f1ab7;
line-height: 30px; line-height: 30px;
font-size: 18px; font-size: 18px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.enterForm { .enterForm {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
</style> </style>
src/components/homepc.vue
+105 -105
View File
@@ -1,138 +1,138 @@
<template> <template>
<div class="homepage"> <div class="homepage">
<div id="video"> <div id="video"></div>
<div class="enterRoom">
</div> <div class="title">仲裁会议室</div>
<div class="enterRoom"> <div class="enterForm">
<div class="title"> <el-form :model="enterRoomFrom" ref="enterRoomFrom">
仲裁会议室 <el-form-item>
</div> <el-input placeholder="请输入房间号" v-model="enterRoomFrom.roomId">
<div class="enterForm"> <template slot="append">
<el-form :model="enterRoomFrom" ref="enterRoomFrom"> <el-button type="primary" @click="enterRoom" icon="el-icon-right">进入</el-button>
<el-form-item> </template>
<el-input placeholder="请输入房间号" v-model="enterRoomFrom.roomId"> </el-input>
<template slot="append"><el-button type="primary" @click="enterRoom" </el-form-item>
icon="el-icon-right">进入</el-button></template></el-input> </el-form>
</el-form-item> </div>
</el-form>
</div>
</div>
</div> </div>
</div>
</template> </template>
<script> <script>
import { reserveConferenceList } from '@/api/home.js' import { reserveConferenceList } from "@/api/home.js";
import TRTC from 'trtc-sdk-v5'; import TRTC from "trtc-sdk-v5";
let trtc = null; let trtc = null;
export default { export default {
name: 'App', name: "App",
data() { data() {
return { return {
formLabelAlign: {}, formLabelAlign: {},
enterRoomFrom: {}, enterRoomFrom: {},
trtc: null, trtc: null,
userId: null, userId: null,
userCode: null, userCode: null,
caseId: null, caseId: null,
roleFlag: false roleFlag: false
}; };
}, },
methods: { methods: {
async enterRoom() { async enterRoom() {
// if (this.roomId != this.enterRoomFrom.roomId) { // if (this.roomId != this.enterRoomFrom.roomId) {
// this.$message({ // this.$message({
// message: "房间号不是对应案件的房间号", // message: "房间号不是对应案件的房间号",
// type: 'error' // type: 'error'
// }); // });
// return // return
// } // }
this.$router.push({ this.$router.push({
name: 'Room', name: "Room",
query: { query: {
userId: this.userId, userId: this.userId,
roomId: this.roomId, roomId: this.roomId,
flag: this.roleFlag, flag: this.roleFlag,
caseId: this.caseId, caseId: this.caseId,
id: this.userCode id: this.userCode
}
})
},
submitRoom() {
this.$refs["formLabelAlign"].validate((valid) => {
})
},
// 根据案件id查询主持人信息
async reserveConferenceListFn(data) {
await reserveConferenceList(data).then(res => {
if (this.userCode == res.data[0].userId) {
this.roleFlag = true;
} else {
this.roleFlag = false;
}
})
} }
});
}, },
async mounted() { submitRoom() {
let routeParams = this.$route.query; this.$refs["formLabelAlign"].validate(valid => {});
this.userId = routeParams.name;
this.roomId = routeParams.roomId;
this.userCode = routeParams.userId;
this.caseId = routeParams.id;
if (this.caseId) {
await this.reserveConferenceListFn(this.caseId);
await this.enterRoom()
}
trtc = TRTC.create()
const config = {
view: document.getElementById('video'),
publish: false
}
await trtc.startLocalVideo(config);
}, },
// 根据案件id查询主持人信息
async reserveConferenceListFn(data) {
await reserveConferenceList(data).then(res => {
if (res.data.length > 1) {
if (this.userCode == res.data[0].userId) {
this.roleFlag = true;
} else {
this.roleFlag = false;
}
}else{
this.roleFlag = false;
}
});
}
},
async mounted() {
let routeParams = this.$route.query;
this.userId = routeParams.name;
this.roomId = routeParams.roomId;
this.userCode = routeParams.userId;
this.caseId = routeParams.id;
if (this.caseId) {
await this.reserveConferenceListFn(this.caseId);
await this.enterRoom();
}
trtc = TRTC.create();
const config = {
view: document.getElementById("video"),
publish: false
};
await trtc.startLocalVideo(config);
}
}; };
</script> </script>
<style scoped> <style scoped>
.homepage { .homepage {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
background-color: #302e2e; background-color: #302e2e;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
} }
#video { #video {
width: 40%; width: 40%;
height: 50%; height: 50%;
} }
.enterRoom { .enterRoom {
width: 20%; width: 20%;
height: 50%; height: 50%;
background-color: #1c1b1b; background-color: #1c1b1b;
} }
.reservation { .reservation {
width: 20%; width: 20%;
height: 50%; height: 50%;
background-color: #1c1b1b; background-color: #1c1b1b;
} }
.title { .title {
width: 100%; width: 100%;
text-align: center; text-align: center;
color: #3f1ab7; color: #3f1ab7;
line-height: 30px; line-height: 30px;
font-size: 18px; font-size: 18px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.enterForm { .enterForm {
width: 100%; width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
</style> </style>
src/views/home.vue
+24 -24
View File
@@ -4,38 +4,38 @@
* @LastEditTime: 2022-03-29 17:01:32 * @LastEditTime: 2022-03-29 17:01:32
--> -->
<template> <template>
<div class="homepage"> <div class="homepage">
<homepc v-if="modileFlag"></homepc> <homepc v-if="modileFlag"></homepc>
<homePhone v-if="!modileFlag"></homePhone> <homePhone v-if="!modileFlag"></homePhone>
</div> </div>
</template> </template>
<script> <script>
import homepc from '@/components/homepc.vue'; import homepc from "@/components/homepc.vue";
import homePhone from '@/components/homeh5.vue'; import homePhone from "@/components/homeh5.vue";
import { getModile } from '@/utils/utils' import { getModile } from "@/utils/utils";
export default { export default {
name: 'App', name: "App",
components:{ components: {
homepc, homepc,
homePhone homePhone
}, },
data() { data() {
return { return {
modileFlag:false modileFlag: false
}; };
}, },
methods: { methods: {},
created() {
}, this.modileFlag = getModile();
mounted() { let routeParams = this.$route.query;
this.modileFlag = getModile() let appType = routeParams.type;
}, sessionStorage.setItem("type", appType);
}
}; };
</script> </script>
<style scoped> <style scoped>
</style> </style>