|
|
@@ -6,8 +6,8 @@
|
|
|
<div :class="activeIndex == 0 ? 'container-left-top active' : 'container-left-top'" @click="activeIndex = 0">
|
|
|
<img class="icon-img" :src="activeIndex == 0 ? img1 : img11" alt="教学中心" />教学中心
|
|
|
</div>
|
|
|
- <div class="container-left-top">
|
|
|
- <span @click="dialogVisible = !dialogVisible">
|
|
|
+ <div class="container-left-top" @click="dialogVisible = !dialogVisible">
|
|
|
+ <span>
|
|
|
<img class="icon-img" :src="img2" alt="AI 应用" />AI 应用
|
|
|
<img v-if="dialogVisible" class="up" :src="img3" alt="up" />
|
|
|
<img v-else class="up" :src="down" alt="down" />
|
|
|
@@ -18,9 +18,9 @@
|
|
|
<div :class="activeIndex == 1 ? 'container-left-top active' : 'container-left-top'" @click="clickSwitch(1)">
|
|
|
应用中心
|
|
|
</div>
|
|
|
- <!-- <div :class="activeIndex == 2 ? 'container-left-top active' : 'container-left-top'" @click="activeIndex = 2">
|
|
|
- 创建应用
|
|
|
- </div> -->
|
|
|
+ <div :class="activeIndex == 2 ? 'container-left-top active' : 'container-left-top'" @click="clickSwitch(2)">
|
|
|
+ 创建应用
|
|
|
+ </div>
|
|
|
<div :class="activeIndex == 3 ? 'container-left-top active' : 'container-left-top'" @click="clickSwitch(3)">
|
|
|
AI
|
|
|
应用精选</div>
|
|
|
@@ -39,6 +39,26 @@
|
|
|
<div class="iframe" v-else-if="activeIndex == 1" v-loading="loading">
|
|
|
<iframe ref="iframeRef1" :src="iframeRef1Url" frameborder="0"></iframe>
|
|
|
</div>
|
|
|
+ <div class="iframe" v-else-if="activeIndex == 2" v-loading="loading">
|
|
|
+ <iframe ref="iframeRef2" :src="iframeRef2Url" frameborder="0"></iframe>
|
|
|
+ <el-dialog v-model="iframeRef2Dialog" width="450" @close="clickSwitch(1)">
|
|
|
+ <template #header="{ }">
|
|
|
+ <div class="my-header">
|
|
|
+ <h4 style="display: flex;align-items: center;color: #0354D7;font-weight: bold;"><img :src="info" alt="" style="margin-right: 5px;" />无权访问 !</h4>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div class="dialog-content">
|
|
|
+ 暂无开通权限，请通过<span style="color: #0354D7;font-weight: bold;">“support@cocorobo.cc”</span>联系管理员。
|
|
|
+ </div>
|
|
|
+ <template #footer="{ }">
|
|
|
+ <div class="dialog-footer" style="text-align: right;">
|
|
|
+ <el-button @click="clickSwitch(1)">返回</el-button>
|
|
|
+ <el-button type="primary" @click="copyEmail">复制邮箱</el-button>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
<div class="iframe" v-else-if="activeIndex == 3" v-loading="loading">
|
|
|
<iframe ref="iframeRef" src="//app.cocorobo.cn/#/appSelection" frameborder="0"></iframe>
|
|
|
</div>
|
|
|
@@ -52,6 +72,7 @@ import img11 from '@/assets/icon/1-1.png'
|
|
|
import img2 from '@/assets/icon/2.png'
|
|
|
import img3 from '@/assets/icon/up.png'
|
|
|
import down from '@/assets/icon/down.png'
|
|
|
+import info from '@/assets/icon/info.png'
|
|
|
import BannerVue from '@/components/main/banner.vue'
|
|
|
import CourseSelect from '@/components/main/courseSelect.vue'
|
|
|
import resource from '@/components/main/resource.vue';
|
|
|
@@ -70,8 +91,11 @@ const activeIndex = ref(0)
|
|
|
const dialogVisible = ref(true)
|
|
|
const iframeRef = ref(null)
|
|
|
const iframeRef1 = ref(null)
|
|
|
+const iframeRef2 = ref(null)
|
|
|
const loading = ref(false)
|
|
|
const iframeRef1Url = ref('')
|
|
|
+const iframeRef2Url = ref('')
|
|
|
+const iframeRef2Dialog = ref(true)
|
|
|
|
|
|
watchEffect(() => {
|
|
|
// console.log('111111111111',CurrentRole, user.user)
|
|
|
@@ -87,12 +111,10 @@ const clickSwitch = (index) => {
|
|
|
activeIndex.value = index
|
|
|
if (index == 1) {
|
|
|
loading.value = true
|
|
|
- iframeRef1Url.value = `//app.cocorobo.cn/#/?userid=${user.user.userid}&oid=${user.user.organizeid}&org=${user.user.org}&role=${user.user.role}`
|
|
|
- console.log(iframeRef1Url.value)
|
|
|
+ iframeRef1Url.value = `//beta.app.cocorobo.cn/#/appManagement?userid=${user.user.userid}&oid=${user.user.organizeid}&org=${user.user.org}&role=${user.user.role}`
|
|
|
setTimeout(() => {
|
|
|
iframeRef1.value.onload = () => {
|
|
|
loading.value = false
|
|
|
- console.log('iframe loaded')
|
|
|
}
|
|
|
}, 10)
|
|
|
} else if (index == 3) {
|
|
|
@@ -100,13 +122,29 @@ const clickSwitch = (index) => {
|
|
|
setTimeout(() => {
|
|
|
iframeRef.value.onload = () => {
|
|
|
loading.value = false
|
|
|
- console.log('iframe loaded')
|
|
|
+ }
|
|
|
+ }, 10)
|
|
|
+ } else if (index == 2) {
|
|
|
+ loading.value = true
|
|
|
+ iframeRef2Url.value = `//beta.app.cocorobo.cn/#/AppList?userid=${user.user.userid}&oid=${user.user.organizeid}&org=${user.user.org}&role=${user.user.role}`
|
|
|
+ console.log(iframeRef2Url.value)
|
|
|
+ setTimeout(() => {
|
|
|
+ iframeRef2.value.onload = () => {
|
|
|
+ loading.value = false
|
|
|
}
|
|
|
}, 10)
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+const copyEmail = () => {
|
|
|
+ navigator.clipboard.writeText('support@cocorobo.cc').then(() => {
|
|
|
+ console.log('复制成功');
|
|
|
+ }).catch((error) => {
|
|
|
+ console.error('复制失败:', error);
|
|
|
+ });
|
|
|
+}
|
|
|
</script>
|
|
|
-<style lang="scss" scoped>
|
|
|
+<style lang="scss">
|
|
|
.container {
|
|
|
display: flex;
|
|
|
overflow: hidden;
|
|
|
@@ -160,6 +198,19 @@ const clickSwitch = (index) => {
|
|
|
.iframe {
|
|
|
width: calc(100% - 150px);
|
|
|
height: calc(100vh - 60px);
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .el-overlay {
|
|
|
+ position: absolute !important;
|
|
|
+
|
|
|
+ .el-overlay-dialog {
|
|
|
+ position: absolute !important;
|
|
|
+
|
|
|
+ .el-dialog__header{
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
iframe {
|
|
|
width: 100%;
|
