|
@@ -47,9 +47,10 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</transition>
|
|
</transition>
|
|
|
- <div class="container-left-show" :style="leftShow ? { width: '35px' } : { width: '240px' }"
|
|
|
|
|
|
|
+ <div class="container-left-show" :style="!leftShow ? { left: '200px' } : { left: '0' }"
|
|
|
@click="leftShow = !leftShow">
|
|
@click="leftShow = !leftShow">
|
|
|
- <img :src="shows" alt="">
|
|
|
|
|
|
|
+ <span v-if="leftShow">></span>
|
|
|
|
|
+ <span v-else><</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="main" :style="leftShow ? { width: '100%' } : ''" v-if="activeIndex == 0">
|
|
<div class="main" :style="leftShow ? { width: '100%' } : ''" v-if="activeIndex == 0">
|
|
@@ -163,7 +164,7 @@ const clickSwitch = (index) => {
|
|
|
console.log('clickSwitch', activeIndex.value)
|
|
console.log('clickSwitch', activeIndex.value)
|
|
|
if (index == 1 && activeIndex.value != 1) {
|
|
if (index == 1 && activeIndex.value != 1) {
|
|
|
loading.value = true
|
|
loading.value = true
|
|
|
- iframeRef1Url.value = `//app.cocorobo.cn/#/appManagement?userid=${user.user.userid}&oid=${user.user.organizeid}&org=${user.user.org}&role=${user.user.role}`
|
|
|
|
|
|
|
+ iframeRef1Url.value = `//app.cocorobo.cn/#/?userid=${user.user.userid}&oid=${user.user.organizeid}&org=${user.user.org}&role=${user.user.role}`
|
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
|
iframeRef1.value.onload = () => {
|
|
iframeRef1.value.onload = () => {
|
|
|
loading.value = false
|
|
loading.value = false
|
|
@@ -214,7 +215,7 @@ const clickSwitch = (index) => {
|
|
|
}
|
|
}
|
|
|
loading.value = false
|
|
loading.value = false
|
|
|
}, 100)
|
|
}, 100)
|
|
|
- }
|
|
|
|
|
|
|
+ }
|
|
|
activeIndex.value = index
|
|
activeIndex.value = index
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -240,7 +241,7 @@ const show = () => {
|
|
|
width: 240px;
|
|
width: 240px;
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
- padding-top: 15px;
|
|
|
|
|
|
|
+ padding-top: 0px;
|
|
|
|
|
|
|
|
.container-left-top {
|
|
.container-left-top {
|
|
|
margin: 0 10px 0 10px;
|
|
margin: 0 10px 0 10px;
|
|
@@ -271,16 +272,23 @@ const show = () => {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .container-left-show {
|
|
|
|
|
- width: 240px;
|
|
|
|
|
|
|
+ .container-left-show{
|
|
|
position: fixed;
|
|
position: fixed;
|
|
|
- bottom: 0;
|
|
|
|
|
|
|
+ top: 60px;
|
|
|
left: 0;
|
|
left: 0;
|
|
|
|
|
+ z-index: 99;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .container-left-show span{
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ width: 35px;
|
|
|
|
|
+ height: 35px;
|
|
|
|
|
+ line-height: 35px;
|
|
|
|
|
+ text-align: center;
|
|
|
border: 1px solid #E7E7E7;
|
|
border: 1px solid #E7E7E7;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
|
- height: 35px;
|
|
|
|
|
|
|
+ border-radius: 5px;
|
|
|
z-index: 99;
|
|
z-index: 99;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
