|
@@ -1,12 +1,25 @@
|
|
|
<template>
|
|
|
<div class="scene-dailog">
|
|
|
- <div class="title">{{secenaroStatus.localName}}</div>
|
|
|
+ <div class="title">{{ secenaroStatus.localName }}</div>
|
|
|
<div class="dailog-content">
|
|
|
<img :src="parseImgUrl('ipdImages', 'taolun-big.svg')" />
|
|
|
- <span class="status-text1"> 切换至 <i>讨论</i> 场景 </span>
|
|
|
- <span class="status-text2"> 已为您切换至适宜讨论的环境 </span>
|
|
|
+ <span class="status-text1">
|
|
|
+ 切换至
|
|
|
+ <i>{{ secenaroStatus.sceneName }}</i> 场景
|
|
|
+ </span>
|
|
|
+ <van-loading
|
|
|
+ class="status-text2"
|
|
|
+ v-if="secenaroStatus.loading"
|
|
|
+ >切换中...</van-loading
|
|
|
+ >
|
|
|
+ <span class="status-text2" v-if="!secenaroStatus.loading">
|
|
|
+ <span v-if="secenaroStatus.lodingText">
|
|
|
+ 已为您切换至适宜讨论的环境</span
|
|
|
+ >
|
|
|
+ </span>
|
|
|
+ <!-- <span class="status-text2" v-else> 切换失败</span> -->
|
|
|
</div>
|
|
|
- <div class="dailog-btn" @click="closeDailog">我知道了</div>
|
|
|
+ <buttons class="dailog-btn" @click="closeDailog">我知道了</buttons>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -20,6 +33,7 @@ import {
|
|
|
ref,
|
|
|
watch,
|
|
|
} from "vue";
|
|
|
+import { Loading, Toast } from "vant";
|
|
|
import { parseImgUrl } from "@/utils";
|
|
|
|
|
|
export default defineComponent({
|
|
@@ -41,13 +55,16 @@ export default defineComponent({
|
|
|
default: () => {},
|
|
|
},
|
|
|
},
|
|
|
- setup(props,contx) {
|
|
|
+ components: {
|
|
|
+ VanLoading: Loading,
|
|
|
+ },
|
|
|
+ setup(props, contx) {
|
|
|
const proxyData = reactive({
|
|
|
parseImgUrl: parseImgUrl,
|
|
|
secenaroStatus: props.secenaroStatus,
|
|
|
- closeDailog(){
|
|
|
+ closeDailog() {
|
|
|
contx.emit("closeDailog");
|
|
|
- }
|
|
|
+ },
|
|
|
});
|
|
|
watch(
|
|
|
props,
|
|
@@ -82,7 +99,7 @@ export default defineComponent({
|
|
|
.dailog-content {
|
|
|
position: absolute;
|
|
|
// top: 50%;
|
|
|
- top:19vh;
|
|
|
+ top: 19vh;
|
|
|
left: 50%;
|
|
|
transform: translate(-50%);
|
|
|
width: 100%;
|