|
|
@@ -8,14 +8,16 @@
|
|
|
<div class="module-title">
|
|
|
{{item.name}}
|
|
|
</div>
|
|
|
- <div v-for="singleItem in item.children" @mouseover="selectedItem = singleItem.name"
|
|
|
- @mouseleave="selectedItem = ''" :key="singleItem.name" class="single">
|
|
|
- <div class="single-icon"></div>
|
|
|
- <span class="single-title"
|
|
|
- :class="{
|
|
|
+ <div class="module-content scroll">
|
|
|
+ <div v-for="singleItem in item.children" @mouseover="selectedItem = singleItem.name"
|
|
|
+ @mouseleave="selectedItem = ''" :key="singleItem.name" class="single">
|
|
|
+ <div class="single-icon"></div>
|
|
|
+ <span class="single-title"
|
|
|
+ :class="{
|
|
|
'disabled':singleItem.disabled ||(!loginPinia.canSeeSystemArr.find(i => +i.MODULE_ID === +singleItem.moduleId)),
|
|
|
'highlight': singleItem.name === selectedItem }"
|
|
|
- @click="linkToOther(singleItem,item.name)">{{singleItem.name}}</span>
|
|
|
+ @click="linkToOther(singleItem,item.name)">{{singleItem.name}}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -78,6 +80,18 @@ let moduleList = ref([
|
|
|
linkHref: 'https://cimweb.zjw.sh.cegn.cn:2007/urban-renew/#/home',
|
|
|
loginPage: 'https://cimweb.zjw.sh.cegn.cn:2007/urban-renew/#/home'
|
|
|
},
|
|
|
+ {
|
|
|
+ name: '上海市海绵城市信息系统',
|
|
|
+ moduleId: '747',
|
|
|
+ linkHref: 'https://cimweb.zjw.sh.cegn.cn:2007/sponge-city-web/#/login',
|
|
|
+ loginPage: 'https://cimweb.zjw.sh.cegn.cn:2007/sponge-city-web/#/login'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '上海市城市网格化管理信息系统',
|
|
|
+ moduleId: '1430',
|
|
|
+ linkHref: 'https://wghdp.zjw.sh.cegn.cn/',
|
|
|
+ loginPage: 'https://wghdp.zjw.sh.cegn.cn/'
|
|
|
+ },
|
|
|
{
|
|
|
name: '上海地下空间信息基础平台',
|
|
|
moduleId: '656',
|
|
|
@@ -410,43 +424,64 @@ function loginKj_log(unitid, userid, module, type, des) {
|
|
|
height: 80%;
|
|
|
.module-title{
|
|
|
width: 100%;
|
|
|
+ height: 20%;
|
|
|
font-size: 36px;
|
|
|
color: #262626;
|
|
|
text-align: left;
|
|
|
padding-left: 20px;
|
|
|
font-family: "heitao";
|
|
|
}
|
|
|
- .single{
|
|
|
+ .module-content{
|
|
|
width: 100%;
|
|
|
- padding-bottom: 16px;
|
|
|
- display: flex;
|
|
|
- justify-content: left;
|
|
|
- align-items: center;
|
|
|
- padding-left: 20px;
|
|
|
- cursor: pointer;
|
|
|
- .single-icon{
|
|
|
- width: 27px;
|
|
|
- height: 17px;
|
|
|
- background: url("@/assets/imgs/bhtb.png") no-repeat;
|
|
|
- background-size: 100% 100%;
|
|
|
+ height: 80%;
|
|
|
+ overflow-y: auto;
|
|
|
+ &::-webkit-scrollbar {
|
|
|
+ width: 10px;
|
|
|
+ height: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &::-webkit-scrollbar-thumb {
|
|
|
+ border-radius: 5px;
|
|
|
+ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
|
|
+ background-color: #99a9bf;
|
|
|
}
|
|
|
- .single-title{
|
|
|
- width: 329px;
|
|
|
- height: 36px;
|
|
|
- font-family: Microsoft YaHei;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 20px;
|
|
|
- color: #262626;
|
|
|
- line-height: 36px;
|
|
|
- text-align: left;
|
|
|
+
|
|
|
+ &::-webkit-scrollbar-track {
|
|
|
+ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
|
|
+ border-radius: 5px;
|
|
|
+ background-color: #d3dce6;
|
|
|
}
|
|
|
- .disabled{
|
|
|
- color: grey;
|
|
|
- opacity: 0.5;
|
|
|
+ .single{
|
|
|
+ width: 100%;
|
|
|
+ padding-bottom: 16px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: left;
|
|
|
+ align-items: center;
|
|
|
+ padding-left: 20px;
|
|
|
+ cursor: pointer;
|
|
|
+ .single-icon{
|
|
|
+ width: 27px;
|
|
|
+ height: 17px;
|
|
|
+ background: url("@/assets/imgs/bhtb.png") no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ }
|
|
|
+ .single-title{
|
|
|
+ width: 329px;
|
|
|
+ height: 36px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #262626;
|
|
|
+ line-height: 36px;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ .disabled{
|
|
|
+ color: grey;
|
|
|
+ opacity: 0.5;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
</style>
|
