提交 096bce62 编写于 作者: lyf's avatar lyf

修改直播样式

上级 793cb261
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
right: 20px; right: 20px;
z-index: 1000; z-index: 1000;
width: 640px; width: 640px;
height: 733px; min-height: 700px;
background: #ffffff; background: #ffffff;
box-shadow: 10px 10px 50px 0px #d9d9d9; box-shadow: 10px 10px 50px 0px #d9d9d9;
overflow: hidden; overflow: hidden;
......
...@@ -34,11 +34,16 @@ ...@@ -34,11 +34,16 @@
<p class="text-num">{{item.role == 1 ? currentChat.doctorMobile : currentChat.userMobile}}</p> <p class="text-num">{{item.role == 1 ? currentChat.doctorMobile : currentChat.userMobile}}</p>
</div> </div>
</div> </div>
<div class="viedo" :id="rtc.viewslist[index] ? rtc.viewslist[index].id : ''">
<div class="viedo">
<div class="viedo-container" v-if="rtc.viewslist[index]" :id="rtc.viewslist[index] ? rtc.viewslist[index].id : ''"></div>
<el-button class="call-btn" :disabled="item.status === 2" @click="drivingCall(item)" > <el-button class="call-btn" :disabled="item.status === 2" @click="drivingCall(item)" >
{{ showText(item.status, item.role, item) }} {{ showText(item.status, item.role, item) }}
</el-button> </el-button>
</div> </div>
</div> </div>
<div class="vedio-man"> <div class="vedio-man">
<p class="man-img" @click="toggleVol"> <p class="man-img" @click="toggleVol">
...@@ -611,11 +616,12 @@ export default { ...@@ -611,11 +616,12 @@ export default {
flex: 1; flex: 1;
.viedo-wrapper { .viedo-wrapper {
width: 224px; width: 224px;
height: 120px; // height: 240px;
background: #F0F2F5; background: #F0F2F5;
border-radius: 18px; border-radius: 18px;
padding: 15px; padding: 15px;
margin-right: 2%; margin-right: 2%;
position: relative;
.text { .text {
display: flex; display: flex;
.text-left{ .text-left{
...@@ -672,6 +678,8 @@ export default { ...@@ -672,6 +678,8 @@ export default {
} }
} }
.viedo { .viedo {
.call-btn{ .call-btn{
width: 173px; width: 173px;
height: 38px; height: 38px;
...@@ -681,6 +689,21 @@ export default { ...@@ -681,6 +689,21 @@ export default {
margin-top: 15px; margin-top: 15px;
border: none; border: none;
} }
.viedo-container{
width: 100px;
height:100px;
margin: auto;
margin-top: 15px;
// position: absolute;
// top: 0;
// left: 0;
// right: 0;
// bottom: 0;
// margin: auto;
}
} }
} }
.vedio-man{ .vedio-man{
...@@ -724,4 +747,5 @@ export default { ...@@ -724,4 +747,5 @@ export default {
margin: 15px auto 6%; margin: 15px auto 6%;
} }
} }
</style> </style>
...@@ -58,8 +58,10 @@ export default { ...@@ -58,8 +58,10 @@ export default {
pageSize: 6, pageSize: 6,
returnStatus: 1 returnStatus: 1
}; };
this.$store.commit("clearRawCurrentCalList")
this.POST('/diagnose/socket/condition/update', p).then(res=>{ this.POST('/diagnose/socket/condition/update', p).then(res=>{
if(res.code == '000000'){ if(res.code == '000000'){
this.$store.commit('updateSoketQuest', p) this.$store.commit('updateSoketQuest', p)
this.$router.push({path:'/workbench'}) this.$router.push({path:'/workbench'})
}else{ }else{
......
...@@ -80,6 +80,7 @@ export default { ...@@ -80,6 +80,7 @@ export default {
}, },
watch: { watch: {
isSuperAdmin(newdata, olddata) { isSuperAdmin(newdata, olddata) {
// console.log("ererer")
if (newdata !== olddata && newdata.userID) { if (newdata !== olddata && newdata.userID) {
const s = storejs.get("soketQuest"); const s = storejs.get("soketQuest");
const d = s ? s.dateTime : new Date().format("yyyy-MM-dd"); const d = s ? s.dateTime : new Date().format("yyyy-MM-dd");
...@@ -93,15 +94,14 @@ export default { ...@@ -93,15 +94,14 @@ export default {
returnStatus: s ? s.returnStatus : 1, returnStatus: s ? s.returnStatus : 1,
}; };
this.searchParam = p; this.searchParam = p;
this.inquirySearch('clear'); this.inquirySearch("clear");
} }
}, },
}, },
data() { data() {
const s = storejs.get("soketQuest"); const s = storejs.get("soketQuest");
const d = s ? s.dateTime : new Date().format("yyyy-MM-dd"); const d = s ? s.dateTime : new Date().format("yyyy-MM-dd");
let id = let id = s && s.operateUserId ? s.operateUserId : this.isSuperAdmin.userID;
s && s.operateUserId ? s.operateUserId : this.isSuperAdmin.userID;
return { return {
tabPosition: "1", tabPosition: "1",
showChat: true, showChat: true,
...@@ -145,18 +145,19 @@ export default { ...@@ -145,18 +145,19 @@ export default {
}; };
}, },
created() {}, created() {},
mounted() {},
methods: { methods: {
tabChange(val) { tabChange(val) {
const s = this.searchParam; const s = this.searchParam;
s.returnStatus = val; s.returnStatus = val;
this.searchParam = s; this.searchParam = s;
this.inquirySearch('tab'); this.inquirySearch("tab");
}, },
changeDatetime(val) { changeDatetime(val) {
const s = this.searchParam; const s = this.searchParam;
s.dateTime = val.format("yyyy-MM-dd"); s.dateTime = val.format("yyyy-MM-dd");
this.searchParam = s; this.searchParam = s;
this.inquirySearch('clear'); this.inquirySearch("clear");
}, },
handleSizeChange(val) { handleSizeChange(val) {
const s = this.searchParam; const s = this.searchParam;
...@@ -171,20 +172,21 @@ export default { ...@@ -171,20 +172,21 @@ export default {
}, },
inquirySearch(type) { inquirySearch(type) {
const p = this.searchParam; const p = this.searchParam;
if(type=='clear'){ if (type == "clear") {
this.$store.commit("clearRawCurrentCalList") this.$store.commit("clearRawCurrentCalList");
} }
this.POST("/diagnose/socket/condition/update", p).then((res) => { this.POST("/diagnose/socket/condition/update", p).then((res) => {
if (res.code == "000000") { if (res.code == "000000") {
this.$store.commit("updateSoketQuest", p); this.$store.commit("updateSoketQuest", p);
if(type=='tab'){ if (type == "tab") {
const returnStatus=p.returnStatus const returnStatus = p.returnStatus;
const RespList=res.data.list[0].recordResp.countRespList.filter(val=>{ const RespList = res.data.list[0].recordResp.countRespList.filter(
return val.status==returnStatus (val) => {
}) return val.status == returnStatus;
this.$store.commit("changeRawCurrentCalList",RespList[0]) }
);
this.$store.commit("changeRawCurrentCalList", RespList[0]);
} }
} else { } else {
this.$message({ this.$message({
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册