|
@@ -1,12 +1,11 @@
|
|
|
<template>
|
|
|
+ <!-- 页面头部 -->
|
|
|
<header>
|
|
|
+ <!-- 顶部导航 -->
|
|
|
<nav class="headerNav">
|
|
|
<div class="inner">
|
|
|
<div class="left">
|
|
|
- <span>
|
|
|
- <a href="http://znxyw.org.cn/" target="_blank">中农兴业网团</a>
|
|
|
- </span>
|
|
|
- <span>旗下网站:<span>农业百强网站(政府类30强)</span></span>
|
|
|
+ <span>中农兴业网团旗下网站 · 农业百强网站(科教文化类十强)</span>
|
|
|
</div>
|
|
|
<div class="right">
|
|
|
<div class="menu">
|
|
@@ -25,8 +24,7 @@
|
|
|
<img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon4.png" alt="注册">注册
|
|
|
</button>
|
|
|
<button class="reg" @click="userCenter" v-show="showToken">
|
|
|
- <img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon3.png" alt="用户信息">{{
|
|
|
- username }}
|
|
|
+ <img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/topicon3.png" alt="用户信息">{{ username }}
|
|
|
</button>
|
|
|
<button class="reg" @click="goSearch">
|
|
|
<img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/head/searchicon.png" alt="搜索">搜索
|
|
@@ -39,27 +37,32 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</nav>
|
|
|
+ <!-- 头部logo -->
|
|
|
<div class="headerLogo">
|
|
|
<div class="inner">
|
|
|
<img :src="logo" :alt="webSiteName" class="left" @click="backHome">
|
|
|
<div class="titlead" v-if="adImg">
|
|
|
- <a href="http://sannongdy.org.cn/" v-if="adImg.image_url == null" target="_blank"
|
|
|
- :title="adImg.introduce">
|
|
|
- <img :src="adImg.thumb" :alt="adImg.introduce" data-tag="imgurl.ad_tag" :id="adImg.ad_tag">
|
|
|
- </a>
|
|
|
- <a :href="adImg.image_url" v-else :title="adImg.introduce">
|
|
|
- <img :src="adImg.image_src" :alt="adImg.introduce" data-tag="imgurl.ad_tag" :id="adImg.ad_tag">
|
|
|
+ <a href="http://sannongdy.org.cn/" v-if="adImg.image_url==null" target="_blank" :title="adImg.place_name">
|
|
|
+ <img :src="adImg.thumb" :alt="adImg.place_name" data-tag="imgurl.ad_tag">
|
|
|
+ </a>
|
|
|
+ <a :href="adImg.image_url" v-else :title="adImg.ad_name">
|
|
|
+ <img :src="adImg.image_src" :alt="adImg.ad_name" data-tag="imgurl.ad_tag">
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <el-dialog v-model="dialogTableVisible" width="800">
|
|
|
+ <el-dialog v-model="dialogTableVisible" title="" width="800">
|
|
|
<div class="tips">
|
|
|
<p>
|
|
|
- <img src="http://img.bjzxtw.org.cn/master/bjzxtw/public/topic/tips.png"> 提示:注册请联系管理员操作!
|
|
|
+ <img src="../../public/topic/tips.png" alt="">
|
|
|
+ 提示:注册请联系管理员操作!
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ 联系电话:010-56019387
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ QQ : 2909421493 、213552413
|
|
|
</p>
|
|
|
- <p>联系电话:010-56019387</p>
|
|
|
- <p>QQ : 2909421493 、213552413</p>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
</header>
|
|
@@ -124,10 +127,11 @@ let goLogin = () => {
|
|
|
//开启线上登录模式 start---------------------------------------->
|
|
|
isDel.value = 0
|
|
|
token1.value = getToken()
|
|
|
+
|
|
|
//王鹏
|
|
|
- //window.open($BwebUrl + "/auth/login.php?backurl=" + $CwebUrl, '_blank');
|
|
|
+ window.open($BwebUrl + "/auth/login.php?backurl=" + $CwebUrl, '_blank');
|
|
|
//刘佳伟
|
|
|
- window.open($LoginWebUrl + "/api/goLogin?backurl=" + $CwebUrl, '_blank');
|
|
|
+ //window.open($LoginWebUrl + "/api/goLogin?backurl=" + $CwebUrl, '_blank');
|
|
|
//开启线上登录模式 end---------------------------------------->
|
|
|
|
|
|
//开启本地登录模式 start---------------------------------------->
|
|
@@ -171,7 +175,7 @@ let exit = () => {
|
|
|
let tokendata = getToken()
|
|
|
console.log("用户退出登录======token为:", tokendata)
|
|
|
//王鹏
|
|
|
- //let url = $BwebUrl + '/auth/logout.php?backurl=' + $CwebUrl + '&admintoken=' + token1;
|
|
|
+ //let url = $BwebUrl + '/auth/logout.php?backurl=' + $CwebUrl + '&admintoken=' + tokendata;
|
|
|
//刘佳伟
|
|
|
let url = $LoginWebUrl + '/api/logout?backurl=' + $CwebUrl + '&admintoken=' + tokendata;
|
|
|
window.location.href = url;
|
|
@@ -319,271 +323,5 @@ onMounted(async () => {
|
|
|
</script>
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
-.userInfo11 {
|
|
|
- width: 100px;
|
|
|
- height: 80px;
|
|
|
- background-color: #fff;
|
|
|
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
|
|
- border-radius: 3px;
|
|
|
- position: absolute;
|
|
|
- top: 40px;
|
|
|
- right: 35px;
|
|
|
- font-size: 14px;
|
|
|
- z-index: 999;
|
|
|
-
|
|
|
- li {
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- color: #333333;
|
|
|
- padding-left: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- >li:hover {
|
|
|
- color: #028E21;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.tips {
|
|
|
- padding: 20px 0;
|
|
|
- text-align: center;
|
|
|
- font-size: 20px;
|
|
|
- color: #40663B;
|
|
|
- font-weight: bold;
|
|
|
-
|
|
|
- img {
|
|
|
- width: 78px;
|
|
|
- height: 78px;
|
|
|
- vertical-align: middle;
|
|
|
- margin-right: 20px;
|
|
|
-
|
|
|
- p {
|
|
|
- line-height: 30px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- p {
|
|
|
- line-height: 40px;
|
|
|
- }
|
|
|
-
|
|
|
- >p:first-child {
|
|
|
- margin-bottom: 30px;
|
|
|
- }
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-/* 页面头部 */
|
|
|
-header {
|
|
|
- width: 100%;
|
|
|
- // height: 201px;
|
|
|
- font-size: 12px;
|
|
|
- font-family: PingFang SC-Regular;
|
|
|
- color: #666666;
|
|
|
- background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/head/headtopbg.png") repeat-x;
|
|
|
-}
|
|
|
-
|
|
|
-.headerNav {
|
|
|
- width: 100%;
|
|
|
- height: 33px;
|
|
|
- line-height: 33px;
|
|
|
-}
|
|
|
-
|
|
|
-.headerNav .left>span {
|
|
|
- margin-right: 20px;
|
|
|
- a{
|
|
|
- color: #666666;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.headerNav .right {
|
|
|
- display: flex;
|
|
|
- margin-right: 10px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- button {
|
|
|
- font-size: 12px;
|
|
|
- color: #666666;
|
|
|
- border: none;
|
|
|
- background: none;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
-
|
|
|
- .login {
|
|
|
- width: 36px;
|
|
|
- height: 19px;
|
|
|
- color: #fff;
|
|
|
- border-radius: 4px;
|
|
|
- background-color: #028E21;
|
|
|
- margin-right: 15px;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
-
|
|
|
- .menu,
|
|
|
- .right-top-menu {
|
|
|
- display: flex;
|
|
|
- }
|
|
|
-
|
|
|
- .reg {
|
|
|
- margin-right: 20px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- height: 33px;
|
|
|
-
|
|
|
- img {
|
|
|
- margin-right: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.headerNav .right {
|
|
|
- float: right;
|
|
|
- font-size: 12px;
|
|
|
-
|
|
|
- span {
|
|
|
- margin-right: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .home,
|
|
|
- .collection {
|
|
|
- display: inline-block;
|
|
|
- width: 16px;
|
|
|
- height: 16px;
|
|
|
- vertical-align: -3px;
|
|
|
- }
|
|
|
-
|
|
|
- .home {
|
|
|
- background-image: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png");
|
|
|
- }
|
|
|
-
|
|
|
- .collection {
|
|
|
- background-image: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png");
|
|
|
- }
|
|
|
-
|
|
|
- .exit {
|
|
|
- line-height: 30px;
|
|
|
- }
|
|
|
-
|
|
|
- // .exit:hover{
|
|
|
- // color: #028E21;
|
|
|
- // }
|
|
|
-}
|
|
|
-
|
|
|
-/* // 头部logo */
|
|
|
-.headerLogo {
|
|
|
- height: 145px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- //background: url("../../public/head/topBg.png") no-repeat center;
|
|
|
- .titlead {
|
|
|
- position: absolute;
|
|
|
- bottom: 5px;
|
|
|
- right: 0;
|
|
|
- width: 830px;
|
|
|
- height: 120px;
|
|
|
- overflow: hidden;
|
|
|
-
|
|
|
- a {
|
|
|
- display: block;
|
|
|
- height: 110px;
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
-
|
|
|
- img {
|
|
|
- width: 100%;
|
|
|
- height: 110px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .inner {
|
|
|
- position: relative;
|
|
|
- height: 145px;
|
|
|
- }
|
|
|
-
|
|
|
- .inner>img {
|
|
|
- // width: 342px;
|
|
|
- //height: 120px;
|
|
|
- margin-top: 22px;
|
|
|
- cursor: pointer;
|
|
|
- }
|
|
|
-
|
|
|
- /* // 搜索框部分 */
|
|
|
- .search {
|
|
|
- float: left;
|
|
|
- width: 440px;
|
|
|
- height: 40px;
|
|
|
- background-color: #fff;
|
|
|
- line-height: 40px;
|
|
|
- margin-left: 39px;
|
|
|
- margin: 71px 39px 48px;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- em {
|
|
|
- display: inline-block;
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- background: url("http://img.bjzxtw.org.cn/master/bjzxtw/public/image/search.png") no-repeat;
|
|
|
- position: absolute;
|
|
|
- top: 5px;
|
|
|
- left: 15px;
|
|
|
- }
|
|
|
-
|
|
|
- input {
|
|
|
- float: left;
|
|
|
- width: 351px;
|
|
|
- height: 40px;
|
|
|
- border: none;
|
|
|
- outline: none;
|
|
|
- padding-left: 65px;
|
|
|
- box-sizing: border-box;
|
|
|
- border: 1px solid #028E21;
|
|
|
- border-right: none;
|
|
|
- border-radius: 4px 0px 0px 4px;
|
|
|
- }
|
|
|
-
|
|
|
- button {
|
|
|
- float: right;
|
|
|
- width: 89px;
|
|
|
- height: 40px;
|
|
|
- background-color: #028E21;
|
|
|
- border-radius: 0px 4px 4px 0px;
|
|
|
- border: none;
|
|
|
- font-size: 14px;
|
|
|
- color: #fff;
|
|
|
- font-family: PingFang SC, PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- /* // 右侧小图标 */
|
|
|
- .serve {
|
|
|
- float: right;
|
|
|
- height: 60px;
|
|
|
- margin-top: 60px;
|
|
|
- margin-right: 60px;
|
|
|
-
|
|
|
- >li {
|
|
|
- float: left;
|
|
|
- height: 64px;
|
|
|
- margin-left: 48px;
|
|
|
- }
|
|
|
-
|
|
|
- >li>a {
|
|
|
- display: inline-block;
|
|
|
- height: 64px;
|
|
|
- }
|
|
|
-
|
|
|
- >li img {
|
|
|
- width: 29px;
|
|
|
- height: 29px;
|
|
|
- padding: 8px 14px;
|
|
|
- }
|
|
|
-
|
|
|
- >li p {
|
|
|
- height: 28px;
|
|
|
- text-align: center;
|
|
|
- color: #666666;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
+ @import url('@/assets/css/head.less');
|
|
|
</style>
|