|
|
|
@ -34,27 +34,29 @@ |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
</el-menu> |
|
|
|
</el-menu> |
|
|
|
</div> --> |
|
|
|
</div> --> |
|
|
|
<div v-if="menulist&&menulist.length>0" class='headermenu'> |
|
|
|
<div v-if="menulist && menulist.length > 0" class='headermenu'> |
|
|
|
<div v-for="(item, key) in menulist" :key="key" class="topmenuitem"> |
|
|
|
<div v-for="(item, key) in menulist" :key="key" class="topmenuitem"> |
|
|
|
<a v-if="item.stepHref" :href="item.href" target="blank" > |
|
|
|
<a v-if="item.stepHref" :href="item.href" target="blank"> |
|
|
|
<p class='menutitl' v-if="!item.highlight" >{{item.title}}</p> |
|
|
|
<p class='menutitl' v-if="!item.highlight">{{ item.title }}</p> |
|
|
|
<p v-else style="color:#0066EB">{{item.title}}</p> |
|
|
|
<p v-else style="color:#0066EB">{{ item.title }}</p> |
|
|
|
</a> |
|
|
|
</a> |
|
|
|
<router-link v-else :to="item.link"> |
|
|
|
<router-link v-else :to="item.link"> |
|
|
|
<!-- <router-link v-else :to="item.link == '/market' ||item.link == '/college' ? '':item.link"> --> |
|
|
|
<!-- <router-link v-else :to="item.link == '/market' ||item.link == '/college' ? '':item.link"> --> |
|
|
|
<p class='menutitl' v-if="!item.highlight" >{{item.title}}<i v-if="item.submenu && item.submenu.length>0" class="el-icon-caret-bottom"></i></p> |
|
|
|
<p class='menutitl' v-if="!item.highlight">{{ item.title }}<i |
|
|
|
<p v-else style="color:#0066EB">{{item.title}}<i v-if="item.submenu && item.submenu.length>0" class="el-icon-caret-bottom"></i></p> |
|
|
|
v-if="item.submenu && item.submenu.length > 0" class="el-icon-caret-bottom"></i></p> |
|
|
|
|
|
|
|
<p v-else style="color:#0066EB">{{ item.title }}<i v-if="item.submenu && item.submenu.length > 0" |
|
|
|
|
|
|
|
class="el-icon-caret-bottom"></i></p> |
|
|
|
|
|
|
|
|
|
|
|
</router-link> |
|
|
|
</router-link> |
|
|
|
<div v-if="item.submenu && item.submenu.length>0" class='submenuwarp' > |
|
|
|
<div v-if="item.submenu && item.submenu.length > 0" class='submenuwarp'> |
|
|
|
<div v-for="(subitem, subkey) in item.submenu" :key="subkey" v-show="subitem.show"> |
|
|
|
<div v-for="(subitem, subkey) in item.submenu" :key="subkey" v-show="subitem.show"> |
|
|
|
<a v-if="item.stepHref" :href="subitem.href" target="blank" > |
|
|
|
<a v-if="item.stepHref" :href="subitem.href" target="blank"> |
|
|
|
<p class='menutitlChild' v-if="!subitem.highlight" >{{subitem.title}}</p> |
|
|
|
<p class='menutitlChild' v-if="!subitem.highlight">{{ subitem.title }}</p> |
|
|
|
<p v-else style="color:#0066EB">{{subitem.title}}</p> |
|
|
|
<p v-else style="color:#0066EB">{{ subitem.title }}</p> |
|
|
|
</a> |
|
|
|
</a> |
|
|
|
<router-link :to='subitem.link' class="submenop"> |
|
|
|
<router-link :to='subitem.link' class="submenop"> |
|
|
|
<p class='menutitlChild' v-if="!subitem.highlight" >{{subitem.title}}</p> |
|
|
|
<p class='menutitlChild' v-if="!subitem.highlight">{{ subitem.title }}</p> |
|
|
|
<p v-else style="color:#0066EB">{{subitem.title}}</p> |
|
|
|
<p v-else style="color:#0066EB">{{ subitem.title }}</p> |
|
|
|
</router-link> |
|
|
|
</router-link> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -72,15 +74,17 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="permissions" @click="mypermissions('message')" style="margin-right:10px"> |
|
|
|
<div class="permissions" @click="mypermissions('message')" style="margin-right:10px"> |
|
|
|
<el-badge :value="messageCount" :max="100" :hidden="messageCount==0" :class="messageCount>0?'baggeitem':'baggeitemda'"> |
|
|
|
<el-badge :value="messageCount" :max="100" :hidden="messageCount == 0" |
|
|
|
|
|
|
|
:class="messageCount > 0 ? 'baggeitem' : 'baggeitemda'"> |
|
|
|
<img style="margin-right:5px" src="/assets/home/xiaoxi.png" alt=""> |
|
|
|
<img style="margin-right:5px" src="/assets/home/xiaoxi.png" alt=""> |
|
|
|
</el-badge> |
|
|
|
</el-badge> |
|
|
|
<p style="margin-left:5px;width:65px;">站内消息</p> |
|
|
|
<p style="margin-left:5px;width:65px;">站内消息</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="predropdown"> |
|
|
|
<div class="predropdown"> |
|
|
|
<el-dropdown trigger="click" placement='bottom' > |
|
|
|
<el-dropdown trigger="click" placement='bottom'> |
|
|
|
<div class="avatar-wrapper"> |
|
|
|
<div class="avatar-wrapper"> |
|
|
|
<img style="width:54px;height:54px;margin:13px 0 5px 0px;cursor:pointer;border-radius:50%" :src="userinform.avatar" alt=""> |
|
|
|
<img style="width:54px;height:54px;margin:13px 0 5px 0px;cursor:pointer;border-radius:50%" |
|
|
|
|
|
|
|
:src="userinform.avatar" alt=""> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-dropdown-menu slot="dropdown" style="top:66px!important"> |
|
|
|
<el-dropdown-menu slot="dropdown" style="top:66px!important"> |
|
|
|
<el-dropdown-item @click.native="mypermissions('imembers')">个人中心</el-dropdown-item> |
|
|
|
<el-dropdown-item @click.native="mypermissions('imembers')">个人中心</el-dropdown-item> |
|
|
|
@ -107,22 +111,22 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import $ from 'jquery' |
|
|
|
// import $ from 'jquery' |
|
|
|
import {mapGetters} from "vuex"; |
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
import store from "@/store"; |
|
|
|
import store from "@/store"; |
|
|
|
import {listMyMessageCount} from '@/api/system/message' |
|
|
|
import { listMyMessageCount } from '@/api/system/message' |
|
|
|
export default { |
|
|
|
export default { |
|
|
|
props:['menulist'], |
|
|
|
props: ['menulist'], |
|
|
|
data(){ |
|
|
|
data() { |
|
|
|
return { |
|
|
|
return { |
|
|
|
searchcontent:'', |
|
|
|
searchcontent: '', |
|
|
|
disnonelog:true, |
|
|
|
disnonelog: true, |
|
|
|
messageCount: 0, |
|
|
|
messageCount: 0, |
|
|
|
cartCount: 0 |
|
|
|
cartCount: 0 |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
computed: { |
|
|
|
...mapGetters(['token','logindate','avatar','userinform']), |
|
|
|
...mapGetters(['token', 'logindate', 'avatar', 'userinform']), |
|
|
|
count() { |
|
|
|
count() { |
|
|
|
return store.getters.messageCount; //需要监听的数据 |
|
|
|
return store.getters.messageCount; //需要监听的数据 |
|
|
|
}, |
|
|
|
}, |
|
|
|
@ -131,70 +135,70 @@ |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
created() { |
|
|
|
created() { |
|
|
|
if(this.token){ |
|
|
|
if (this.token) { |
|
|
|
listMyMessageCount().then(response => { |
|
|
|
listMyMessageCount().then(response => { |
|
|
|
this.messageCount = response.data; |
|
|
|
this.messageCount = response.data; |
|
|
|
this.cartCount = response.cartCount; |
|
|
|
this.cartCount = response.cartCount; |
|
|
|
store.commit('SET_MESSAGECOUNT', this.messageCount); |
|
|
|
store.commit('SET_MESSAGECOUNT', this.messageCount); |
|
|
|
store.commit('SET_CARTCOUNT', this.cartCount); |
|
|
|
store.commit('SET_CARTCOUNT', this.cartCount); |
|
|
|
}).catch(()=>{ |
|
|
|
}).catch(() => { |
|
|
|
// console.log('请求失败') |
|
|
|
// console.log('请求失败') |
|
|
|
}) |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
watch:{ |
|
|
|
watch: { |
|
|
|
$route:{ |
|
|
|
$route: { |
|
|
|
handler(val, old) { |
|
|
|
handler(val, old) { |
|
|
|
if(!val.query.type){ |
|
|
|
if (!val.query.type) { |
|
|
|
this.disnonelog=true; |
|
|
|
this.disnonelog = true; |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
this.disnonelog=false; |
|
|
|
this.disnonelog = false; |
|
|
|
} |
|
|
|
} |
|
|
|
if(this.menulist && this.menulist.length>0){ |
|
|
|
if (this.menulist && this.menulist.length > 0) { |
|
|
|
// console.log('菜单栏',this.menulist) |
|
|
|
// console.log('菜单栏',this.menulist) |
|
|
|
if(val.name=='home'){ |
|
|
|
if (val.name == 'home') { |
|
|
|
let activehome=this.menulist.filter(item=>item.title=='首页') |
|
|
|
let activehome = this.menulist.filter(item => item.title == '首页') |
|
|
|
activehome[0].highlight=true |
|
|
|
activehome[0].highlight = true |
|
|
|
// console.log('首页',activehome) |
|
|
|
// console.log('首页',activehome) |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
let activehome=this.menulist.filter(item=>item.title=='首页') |
|
|
|
let activehome = this.menulist.filter(item => item.title == '首页') |
|
|
|
activehome[0].highlight=false |
|
|
|
activehome[0].highlight = false |
|
|
|
} |
|
|
|
} |
|
|
|
if(val.path.indexOf('/market')===0){ |
|
|
|
if (val.path.indexOf('/market') === 0) { |
|
|
|
let activeName=this.menulist.filter(item=>item.title=='工具服务') |
|
|
|
let activeName = this.menulist.filter(item => item.title == '工具服务') |
|
|
|
activeName[0].highlight=true |
|
|
|
activeName[0].highlight = true |
|
|
|
// console.log('工具市场',activeName) |
|
|
|
// console.log('工具市场',activeName) |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
let activeName=this.menulist.filter(item=>item.title=='工具服务') |
|
|
|
let activeName = this.menulist.filter(item => item.title == '工具服务') |
|
|
|
activeName[0].highlight=false |
|
|
|
activeName[0].highlight = false |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
if(val.path.indexOf('/crowdsourcing')===0){ |
|
|
|
if (val.path.indexOf('/crowdsourcing') === 0) { |
|
|
|
// console.log('众包市场路由') |
|
|
|
// console.log('众包市场路由') |
|
|
|
let activeNamecrowd=this.menulist.filter(item=>item.title=='众包服务') |
|
|
|
let activeNamecrowd = this.menulist.filter(item => item.title == '众包服务') |
|
|
|
activeNamecrowd[0].highlight=true |
|
|
|
activeNamecrowd[0].highlight = true |
|
|
|
// console.log('众包市场',activeNamecrowd) |
|
|
|
// console.log('众包市场',activeNamecrowd) |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
let activeNamecrowd=this.menulist.filter(item=>item.title=='众包服务') |
|
|
|
let activeNamecrowd = this.menulist.filter(item => item.title == '众包服务') |
|
|
|
activeNamecrowd[0].highlight=false |
|
|
|
activeNamecrowd[0].highlight = false |
|
|
|
} |
|
|
|
} |
|
|
|
if(val.path.indexOf('/ability')===0){ |
|
|
|
if (val.path.indexOf('/ability') === 0) { |
|
|
|
// console.log('众包市场路由') |
|
|
|
// console.log('众包市场路由') |
|
|
|
let activeNamecrowd=this.menulist.filter(item=>item.title=='人才服务') |
|
|
|
let activeNamecrowd = this.menulist.filter(item => item.title == '人才服务') |
|
|
|
activeNamecrowd[0].highlight=true |
|
|
|
activeNamecrowd[0].highlight = true |
|
|
|
// console.log('众包市场',activeNamecrowd) |
|
|
|
// console.log('众包市场',activeNamecrowd) |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
let activeNamecrowd=this.menulist.filter(item=>item.title=='人才服务') |
|
|
|
let activeNamecrowd = this.menulist.filter(item => item.title == '人才服务') |
|
|
|
activeNamecrowd[0].highlight=false |
|
|
|
activeNamecrowd[0].highlight = false |
|
|
|
} |
|
|
|
} |
|
|
|
if(val.path.indexOf('/college')===0){ |
|
|
|
if (val.path.indexOf('/college') === 0) { |
|
|
|
let activecollege=this.menulist.filter(item=>item.title=='培训服务') |
|
|
|
let activecollege = this.menulist.filter(item => item.title == '培训服务') |
|
|
|
activecollege[0].highlight=true |
|
|
|
activecollege[0].highlight = true |
|
|
|
// console.log('培训学院',activecollege) |
|
|
|
// console.log('培训学院',activecollege) |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
let activecollege=this.menulist.filter(item=>item.title=='培训服务') |
|
|
|
let activecollege = this.menulist.filter(item => item.title == '培训服务') |
|
|
|
activecollege[0].highlight=false |
|
|
|
activecollege[0].highlight = false |
|
|
|
} |
|
|
|
} |
|
|
|
// if(val.path.indexOf('/news')===0){ |
|
|
|
// if(val.path.indexOf('/news')===0){ |
|
|
|
// // console.log('行业动态') |
|
|
|
// // console.log('行业动态') |
|
|
|
@ -205,18 +209,18 @@ |
|
|
|
// let activeindusty=this.menulist.filter(item=>item.title=='行业动态') |
|
|
|
// let activeindusty=this.menulist.filter(item=>item.title=='行业动态') |
|
|
|
// activeindusty[0].highlight=false |
|
|
|
// activeindusty[0].highlight=false |
|
|
|
// } |
|
|
|
// } |
|
|
|
if(val.path.indexOf('/about')===0){ |
|
|
|
if (val.path.indexOf('/about') === 0) { |
|
|
|
let activeabout=this.menulist.filter(item=>item.title=='关于我们') |
|
|
|
let activeabout = this.menulist.filter(item => item.title == '关于我们') |
|
|
|
activeabout[0].highlight=true |
|
|
|
activeabout[0].highlight = true |
|
|
|
// console.log('关于我们',activeabout) |
|
|
|
// console.log('关于我们',activeabout) |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
let activeabout=this.menulist.filter(item=>item.title=='关于我们') |
|
|
|
let activeabout = this.menulist.filter(item => item.title == '关于我们') |
|
|
|
activeabout[0].highlight=false |
|
|
|
activeabout[0].highlight = false |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
// console.log('路由--', val,old) |
|
|
|
// console.log('路由--', val,old) |
|
|
|
}, |
|
|
|
}, |
|
|
|
immediate:true |
|
|
|
immediate: true |
|
|
|
}, |
|
|
|
}, |
|
|
|
count(newVal, oldVal) { |
|
|
|
count(newVal, oldVal) { |
|
|
|
this.messageCount = newVal; |
|
|
|
this.messageCount = newVal; |
|
|
|
@ -225,44 +229,44 @@ |
|
|
|
this.cartCount = newVal; |
|
|
|
this.cartCount = newVal; |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted(){ |
|
|
|
mounted() { |
|
|
|
// console.log('this.disnonelog',this.disnonelog,this.token) |
|
|
|
// console.log('this.disnonelog',this.disnonelog,this.token) |
|
|
|
}, |
|
|
|
}, |
|
|
|
destroyed() { |
|
|
|
destroyed() { |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
methods:{ |
|
|
|
methods: { |
|
|
|
//跳转登录/注册 |
|
|
|
//跳转登录/注册 |
|
|
|
jump(type){ |
|
|
|
jump(type) { |
|
|
|
this.$router.push(`/login?type=${type}`) |
|
|
|
this.$router.push(`/login?type=${type}`) |
|
|
|
}, |
|
|
|
}, |
|
|
|
//logo跳转首页 |
|
|
|
//logo跳转首页 |
|
|
|
tishou(){ |
|
|
|
tishou() { |
|
|
|
this.$router.push('/') |
|
|
|
this.$router.push('/') |
|
|
|
}, |
|
|
|
}, |
|
|
|
//我的功能 |
|
|
|
//我的功能 |
|
|
|
mypermissions(type){ |
|
|
|
mypermissions(type) { |
|
|
|
let currentdata=Date.parse(new Date()); |
|
|
|
let currentdata = Date.parse(new Date()); |
|
|
|
let logindate=this.logindate; |
|
|
|
let logindate = this.logindate; |
|
|
|
let timedifference=currentdata-(parseInt(logindate)+432000000); |
|
|
|
let timedifference = currentdata - (parseInt(logindate) + 432000000); |
|
|
|
if(timedifference>0){ |
|
|
|
if (timedifference > 0) { |
|
|
|
this.$confirm('登录状态失效，请您重新登录' , '提示', { |
|
|
|
this.$confirm('登录状态失效，请您重新登录', '提示', { |
|
|
|
confirmButtonText: '确定', |
|
|
|
confirmButtonText: '确定', |
|
|
|
cancelButtonText: '取消', |
|
|
|
cancelButtonText: '取消', |
|
|
|
type: 'warning' |
|
|
|
type: 'warning' |
|
|
|
}).then(()=> { |
|
|
|
}).then(() => { |
|
|
|
this.$router.push('/login?type=log') |
|
|
|
this.$router.push('/login?type=log') |
|
|
|
}).catch(()=>{ |
|
|
|
}).catch(() => { |
|
|
|
// console.log('取消') |
|
|
|
// console.log('取消') |
|
|
|
}) |
|
|
|
}) |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
if(type=='message'){ |
|
|
|
if (type == 'message') { |
|
|
|
this.$router.push('/console/message') |
|
|
|
this.$router.push('/console/message') |
|
|
|
}else if(type=='shopping'){ |
|
|
|
} else if (type == 'shopping') { |
|
|
|
this.$router.push('/console/cart') |
|
|
|
this.$router.push('/console/cart') |
|
|
|
}else if(type=='workbench'){ |
|
|
|
} else if (type == 'workbench') { |
|
|
|
this.$router.push('/console/myparticipate') |
|
|
|
this.$router.push('/console/myparticipate') |
|
|
|
}else if(type=='imembers'){ |
|
|
|
} else if (type == 'imembers') { |
|
|
|
this.$router.push('/console/profile') |
|
|
|
this.$router.push('/console/profile') |
|
|
|
} |
|
|
|
} |
|
|
|
// console.log('跳转对应的页面'); |
|
|
|
// console.log('跳转对应的页面'); |
|
|
|
@ -282,123 +286,145 @@ |
|
|
|
}, |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<style scoped> |
|
|
|
<style scoped> |
|
|
|
*{margin:0;padding:0} |
|
|
|
* { |
|
|
|
.fixhead{ |
|
|
|
margin: 0; |
|
|
|
position:fixed; |
|
|
|
padding: 0 |
|
|
|
top:0; |
|
|
|
} |
|
|
|
z-index:99; |
|
|
|
|
|
|
|
background:#FFFFFF; |
|
|
|
.fixhead { |
|
|
|
width:100%; |
|
|
|
position: fixed; |
|
|
|
|
|
|
|
top: 0; |
|
|
|
|
|
|
|
z-index: 99; |
|
|
|
|
|
|
|
background: #FFFFFF; |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
box-shadow: 0 6px 9px 0 rgb(0 0 0 / 6%); |
|
|
|
box-shadow: 0 6px 9px 0 rgb(0 0 0 / 6%); |
|
|
|
} |
|
|
|
} |
|
|
|
.reg{ |
|
|
|
|
|
|
|
height:88px; |
|
|
|
.reg { |
|
|
|
width:100%; |
|
|
|
height: 88px; |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
background-image: url('/organmanage/assets/reg/nav.png'); |
|
|
|
background-image: url('/organmanage/assets/reg/nav.png'); |
|
|
|
background-size:100% 88px; |
|
|
|
background-size: 100% 88px; |
|
|
|
background-repeat:no-repeat; |
|
|
|
background-repeat: no-repeat; |
|
|
|
} |
|
|
|
} |
|
|
|
.header{ |
|
|
|
|
|
|
|
|
|
|
|
.header { |
|
|
|
/* width:100%; */ |
|
|
|
/* width:100%; */ |
|
|
|
height:78px; |
|
|
|
height: 78px; |
|
|
|
text-align:center; |
|
|
|
text-align: center; |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
.header /deep/ .el-menu.el-menu--horizontal { |
|
|
|
|
|
|
|
|
|
|
|
.header /deep/ .el-menu.el-menu--horizontal { |
|
|
|
border: none; |
|
|
|
border: none; |
|
|
|
} |
|
|
|
} |
|
|
|
.header /deep/ .el-menu-item { |
|
|
|
|
|
|
|
|
|
|
|
.header /deep/ .el-menu-item { |
|
|
|
padding: 10px 15px; |
|
|
|
padding: 10px 15px; |
|
|
|
height: 78px; |
|
|
|
height: 78px; |
|
|
|
font-size: 15px; |
|
|
|
font-size: 15px; |
|
|
|
color: #000000; |
|
|
|
color: #000000; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
} |
|
|
|
.header /deep/ .el-submenu__title { |
|
|
|
|
|
|
|
|
|
|
|
.header /deep/ .el-submenu__title { |
|
|
|
font-size: 15px; |
|
|
|
font-size: 15px; |
|
|
|
color: #000000; |
|
|
|
color: #000000; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
} |
|
|
|
.headermenu{ |
|
|
|
|
|
|
|
width:680px; |
|
|
|
.headermenu { |
|
|
|
display:flex; |
|
|
|
width: 680px; |
|
|
|
margin:0 auto; |
|
|
|
display: flex; |
|
|
|
|
|
|
|
margin: 0 auto; |
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-between; |
|
|
|
align-content: center; |
|
|
|
align-content: center; |
|
|
|
flex-direction: row; |
|
|
|
flex-direction: row; |
|
|
|
text-align:center; |
|
|
|
text-align: center; |
|
|
|
line-height:78px; |
|
|
|
line-height: 78px; |
|
|
|
/* margin:0 30px 0 10px; */ |
|
|
|
/* margin:0 30px 0 10px; */ |
|
|
|
} |
|
|
|
} |
|
|
|
.topmenuitem{ |
|
|
|
|
|
|
|
|
|
|
|
.topmenuitem { |
|
|
|
/* width: 120px; */ |
|
|
|
/* width: 120px; */ |
|
|
|
height:78px; |
|
|
|
height: 78px; |
|
|
|
font-weight:400; |
|
|
|
font-weight: 400; |
|
|
|
position:relative; |
|
|
|
position: relative; |
|
|
|
} |
|
|
|
} |
|
|
|
.topmenuitem a{ |
|
|
|
|
|
|
|
|
|
|
|
.topmenuitem a { |
|
|
|
text-decoration: none; |
|
|
|
text-decoration: none; |
|
|
|
font-size:15px; |
|
|
|
font-size: 15px; |
|
|
|
color: #000000; |
|
|
|
color: #000000; |
|
|
|
font-weight: bold; |
|
|
|
font-weight: bold; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
.topmenuitem:hover{ |
|
|
|
|
|
|
|
|
|
|
|
.topmenuitem:hover { |
|
|
|
/* border-bottom:3px solid #FFFF; */ |
|
|
|
/* border-bottom:3px solid #FFFF; */ |
|
|
|
} |
|
|
|
} |
|
|
|
.menutitl { |
|
|
|
|
|
|
|
|
|
|
|
.menutitl { |
|
|
|
font-size: 15px; |
|
|
|
font-size: 15px; |
|
|
|
font-family: Microsoft YaHei; |
|
|
|
font-family: Microsoft YaHei; |
|
|
|
font-weight: 400; |
|
|
|
font-weight: 400; |
|
|
|
color: #1A1A1A; |
|
|
|
color: #1A1A1A; |
|
|
|
line-height: 78px; |
|
|
|
line-height: 78px; |
|
|
|
} |
|
|
|
} |
|
|
|
.menutitl:hover { |
|
|
|
|
|
|
|
color:#0066EB; |
|
|
|
.menutitl:hover { |
|
|
|
} |
|
|
|
color: #0066EB; |
|
|
|
.menutitlChild { |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.menutitlChild { |
|
|
|
font-size: 15px; |
|
|
|
font-size: 15px; |
|
|
|
font-family: Microsoft YaHei; |
|
|
|
font-family: Microsoft YaHei; |
|
|
|
font-weight: 400; |
|
|
|
font-weight: 400; |
|
|
|
color: #1A1A1A; |
|
|
|
color: #1A1A1A; |
|
|
|
line-height: 40px; |
|
|
|
line-height: 40px; |
|
|
|
} |
|
|
|
} |
|
|
|
.menutitlChild:hover { |
|
|
|
|
|
|
|
color:#0066EB; |
|
|
|
.menutitlChild:hover { |
|
|
|
} |
|
|
|
color: #0066EB; |
|
|
|
.topmenuitem:hover .menutitl{ |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.topmenuitem:hover .menutitl { |
|
|
|
/* font-size:18px; */ |
|
|
|
/* font-size:18px; */ |
|
|
|
/* color:#0066EB; */ |
|
|
|
/* color:#0066EB; */ |
|
|
|
} |
|
|
|
} |
|
|
|
.topmenuitem>>>a.is-active{ |
|
|
|
|
|
|
|
|
|
|
|
.topmenuitem>>>a.is-active { |
|
|
|
/* font-size:18px; */ |
|
|
|
/* font-size:18px; */ |
|
|
|
color:#0066EB; |
|
|
|
color: #0066EB; |
|
|
|
} |
|
|
|
} |
|
|
|
.topmenuitem:hover .submenuwarp{ |
|
|
|
|
|
|
|
display:initial; |
|
|
|
.topmenuitem:hover .submenuwarp { |
|
|
|
} |
|
|
|
display: initial; |
|
|
|
.submenuwarp{ |
|
|
|
} |
|
|
|
position:absolute; |
|
|
|
|
|
|
|
left:0px; |
|
|
|
.submenuwarp { |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
left: 0px; |
|
|
|
top: 77px; |
|
|
|
top: 77px; |
|
|
|
width:200px; |
|
|
|
width: 200px; |
|
|
|
background-color: #FFFFFF; |
|
|
|
background-color: #FFFFFF; |
|
|
|
/* background-color: #FEB45FFF; */ |
|
|
|
/* background-color: #FEB45FFF; */ |
|
|
|
z-index:3; |
|
|
|
z-index: 3; |
|
|
|
display:flex; |
|
|
|
display: flex; |
|
|
|
flex-direction:column; |
|
|
|
flex-direction: column; |
|
|
|
display:none; |
|
|
|
display: none; |
|
|
|
border-radius: 2px; |
|
|
|
border-radius: 2px; |
|
|
|
padding: 0 10px; |
|
|
|
padding: 0 10px; |
|
|
|
/* border: 1px solid #ccc; */ |
|
|
|
/* border: 1px solid #ccc; */ |
|
|
|
} |
|
|
|
} |
|
|
|
/* .submenuwarp::before { |
|
|
|
|
|
|
|
|
|
|
|
/* .submenuwarp::before { |
|
|
|
content: ""; |
|
|
|
content: ""; |
|
|
|
display: block; |
|
|
|
display: block; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
@ -408,137 +434,164 @@ |
|
|
|
border-style: dashed solid dashed dashed; |
|
|
|
border-style: dashed solid dashed dashed; |
|
|
|
border-color:transparent transparent #CCC transparent; |
|
|
|
border-color:transparent transparent #CCC transparent; |
|
|
|
} */ |
|
|
|
} */ |
|
|
|
.submenop { |
|
|
|
.submenop { |
|
|
|
text-decoration:none; |
|
|
|
text-decoration: none; |
|
|
|
line-height:40px; |
|
|
|
line-height: 40px; |
|
|
|
text-align:left; |
|
|
|
text-align: left; |
|
|
|
color:#000; |
|
|
|
color: #000; |
|
|
|
} |
|
|
|
} |
|
|
|
.submenudd:hover{ |
|
|
|
|
|
|
|
background-color:#FFF3EDFF; |
|
|
|
.submenudd:hover { |
|
|
|
|
|
|
|
background-color: #FFF3EDFF; |
|
|
|
/* color:#FEB45FFF; */ |
|
|
|
/* color:#FEB45FFF; */ |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
.submenuwarp .submenudd{ |
|
|
|
|
|
|
|
width:200px; |
|
|
|
.submenuwarp .submenudd { |
|
|
|
height:36px; |
|
|
|
width: 200px; |
|
|
|
font-size:14px !important; |
|
|
|
height: 36px; |
|
|
|
display:block; |
|
|
|
font-size: 14px !important; |
|
|
|
line-height:36px; |
|
|
|
display: block; |
|
|
|
color:#333333FF; |
|
|
|
line-height: 36px; |
|
|
|
} |
|
|
|
color: #333333FF; |
|
|
|
.logoimg{ |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.logoimg { |
|
|
|
/* cursor:pointer; |
|
|
|
/* cursor:pointer; |
|
|
|
position:absolute; |
|
|
|
position:absolute; |
|
|
|
margin-left:20%; |
|
|
|
margin-left:20%; |
|
|
|
margin-top:10px; |
|
|
|
margin-top:10px; |
|
|
|
z-index:99 */ |
|
|
|
z-index:99 */ |
|
|
|
} |
|
|
|
|
|
|
|
@media screen and (max-width: 1700px) { |
|
|
|
} |
|
|
|
.logoimg{ |
|
|
|
|
|
|
|
|
|
|
|
.logoimg img { |
|
|
|
|
|
|
|
width: 138px; |
|
|
|
|
|
|
|
height: 64px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media screen and (max-width: 1700px) { |
|
|
|
|
|
|
|
.logoimg { |
|
|
|
/* cursor:pointer; |
|
|
|
/* cursor:pointer; |
|
|
|
position:absolute; |
|
|
|
position:absolute; |
|
|
|
margin-left:10%; |
|
|
|
margin-left:10%; |
|
|
|
margin-top:10px */ |
|
|
|
margin-top:10px */ |
|
|
|
} |
|
|
|
} |
|
|
|
.headermenu{ |
|
|
|
|
|
|
|
width:680px; |
|
|
|
.headermenu { |
|
|
|
|
|
|
|
width: 680px; |
|
|
|
} |
|
|
|
} |
|
|
|
.worker{ |
|
|
|
|
|
|
|
|
|
|
|
.worker { |
|
|
|
/* position:absolute; |
|
|
|
/* position:absolute; |
|
|
|
margin-left:74%!important; |
|
|
|
margin-left:74%!important; |
|
|
|
height:80px; |
|
|
|
height:80px; |
|
|
|
margin-top:-80px */ |
|
|
|
margin-top:-80px */ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@media screen and (max-width: 1500px) { |
|
|
|
|
|
|
|
.logoimg{ |
|
|
|
@media screen and (max-width: 1500px) { |
|
|
|
|
|
|
|
.logoimg { |
|
|
|
/* cursor:pointer; |
|
|
|
/* cursor:pointer; |
|
|
|
position:absolute; |
|
|
|
position:absolute; |
|
|
|
margin-left:5%; |
|
|
|
margin-left:5%; |
|
|
|
margin-top:10px */ |
|
|
|
margin-top:10px */ |
|
|
|
} |
|
|
|
} |
|
|
|
.worker{ |
|
|
|
|
|
|
|
|
|
|
|
.worker { |
|
|
|
/* position:absolute; |
|
|
|
/* position:absolute; |
|
|
|
margin-left:70%!important; |
|
|
|
margin-left:70%!important; |
|
|
|
height:80px; |
|
|
|
height:80px; |
|
|
|
margin-top:-80px */ |
|
|
|
margin-top:-80px */ |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.worker{ |
|
|
|
|
|
|
|
|
|
|
|
.worker { |
|
|
|
/* position:absolute; |
|
|
|
/* position:absolute; |
|
|
|
margin-left:70%; |
|
|
|
margin-left:70%; |
|
|
|
height:80px; |
|
|
|
height:80px; |
|
|
|
margin-top:-80px */ |
|
|
|
margin-top:-80px */ |
|
|
|
} |
|
|
|
} |
|
|
|
.worker>>>.el-divider--vertical{ |
|
|
|
|
|
|
|
|
|
|
|
.worker>>>.el-divider--vertical { |
|
|
|
height: 27px; |
|
|
|
height: 27px; |
|
|
|
background: #1A1A1A; |
|
|
|
background: #1A1A1A; |
|
|
|
opacity: 0.15; |
|
|
|
opacity: 0.15; |
|
|
|
margin:25px 10px 25px 15px; |
|
|
|
margin: 25px 10px 25px 15px; |
|
|
|
} |
|
|
|
} |
|
|
|
.loginbtn{ |
|
|
|
|
|
|
|
margin-left:20px; |
|
|
|
.loginbtn { |
|
|
|
width:60px; |
|
|
|
margin-left: 20px; |
|
|
|
height:30px; |
|
|
|
width: 60px; |
|
|
|
font-size:15px; |
|
|
|
height: 30px; |
|
|
|
color:rgba(255,255,255,1); |
|
|
|
font-size: 15px; |
|
|
|
|
|
|
|
color: rgba(255, 255, 255, 1); |
|
|
|
background: linear-gradient(45deg, #2978EE, #0066EB); |
|
|
|
background: linear-gradient(45deg, #2978EE, #0066EB); |
|
|
|
border:none; |
|
|
|
border: none; |
|
|
|
border-radius:6px; |
|
|
|
border-radius: 6px; |
|
|
|
line-height:30px; |
|
|
|
line-height: 30px; |
|
|
|
cursor:pointer; |
|
|
|
cursor: pointer; |
|
|
|
text-align:center; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
.regbtn{ |
|
|
|
|
|
|
|
margin-left:20px; |
|
|
|
.regbtn { |
|
|
|
width:60px; |
|
|
|
margin-left: 20px; |
|
|
|
height:30px; |
|
|
|
width: 60px; |
|
|
|
font-size:15px; |
|
|
|
height: 30px; |
|
|
|
color:#0066EB; |
|
|
|
font-size: 15px; |
|
|
|
background:transparent; |
|
|
|
color: #0066EB; |
|
|
|
|
|
|
|
background: transparent; |
|
|
|
border: 1px solid #0066EB; |
|
|
|
border: 1px solid #0066EB; |
|
|
|
border-radius:6px; |
|
|
|
border-radius: 6px; |
|
|
|
line-height:30px; |
|
|
|
line-height: 30px; |
|
|
|
cursor:pointer; |
|
|
|
cursor: pointer; |
|
|
|
text-align:center; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
|
.permissions{ |
|
|
|
|
|
|
|
display:flex; |
|
|
|
.permissions { |
|
|
|
align-items:center; |
|
|
|
display: flex; |
|
|
|
margin-left:10px; |
|
|
|
align-items: center; |
|
|
|
cursor:pointer; |
|
|
|
margin-left: 10px; |
|
|
|
} |
|
|
|
cursor: pointer; |
|
|
|
.avatar-wrapper img:hover{ |
|
|
|
} |
|
|
|
opacity:0.5; |
|
|
|
|
|
|
|
|
|
|
|
.avatar-wrapper img:hover { |
|
|
|
|
|
|
|
opacity: 0.5; |
|
|
|
/* transition: 0.3s; */ |
|
|
|
/* transition: 0.3s; */ |
|
|
|
} |
|
|
|
} |
|
|
|
.baggeitem { |
|
|
|
|
|
|
|
margin-top:5px; |
|
|
|
.baggeitem { |
|
|
|
margin-right:15px; |
|
|
|
margin-top: 5px; |
|
|
|
} |
|
|
|
margin-right: 15px; |
|
|
|
.baggeitemda { |
|
|
|
} |
|
|
|
margin-top:5px; |
|
|
|
|
|
|
|
|
|
|
|
.baggeitemda { |
|
|
|
|
|
|
|
margin-top: 5px; |
|
|
|
/* margin-right:10px; */ |
|
|
|
/* margin-right:10px; */ |
|
|
|
} |
|
|
|
} |
|
|
|
.el-dropdown-menu__item{ |
|
|
|
|
|
|
|
padding:0px 20px!important; |
|
|
|
.el-dropdown-menu__item { |
|
|
|
|
|
|
|
padding: 0px 20px !important; |
|
|
|
/* margin: 10px 0!important; */ |
|
|
|
/* margin: 10px 0!important; */ |
|
|
|
} |
|
|
|
} |
|
|
|
.el-dropdown-menu{ |
|
|
|
|
|
|
|
|
|
|
|
.el-dropdown-menu { |
|
|
|
top: 60px !important; |
|
|
|
top: 60px !important; |
|
|
|
margin-top:10px!important; |
|
|
|
margin-top: 10px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
.tostnew { |
|
|
|
|
|
|
|
|
|
|
|
.tostnew { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: -13px; |
|
|
|
top: -13px; |
|
|
|
right: -23px; |
|
|
|
right: -23px; |
|
|
|
} |
|
|
|
} |
|
|
|
.tostnewimg { |
|
|
|
|
|
|
|
|
|
|
|
.tostnewimg { |
|
|
|
width: 58px; |
|
|
|
width: 58px; |
|
|
|
height: 26px; |
|
|
|
height: 26px; |
|
|
|
} |
|
|
|
} |
|
|
|
.tostnewtext { |
|
|
|
|
|
|
|
|
|
|
|
.tostnewtext { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 16px; |
|
|
|
top: 16px; |
|
|
|
right: 5px; |
|
|
|
right: 5px; |
|
|
|
@ -547,6 +600,5 @@ |
|
|
|
font-size: 12px !important; |
|
|
|
font-size: 12px !important; |
|
|
|
color: #FFFFFF; |
|
|
|
color: #FFFFFF; |
|
|
|
line-height: 26px !important; |
|
|
|
line-height: 26px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
</style> |
|
|
|
</style> |
|
|
|
|
hcj
10 months ago