Browse Source

顾问首页。顾问列表完成

liting2017 6 years ago
parent
commit
ab6a125c49

BIN
img/newMenu/adviserBanner.png


BIN
img/newMenu/adviserHeart.jpg


BIN
img/newMenu/adviserMid.jpg


+ 254 - 0
src/css/newMenu/adviser.css

@@ -0,0 +1,254 @@
+/* 搜索 */
+.indexSearch{
+    width: 635px;
+    height: 36px;
+    margin: 37px auto 74px;
+}
+footer{
+    /* display: none; */
+}
+.indexSearch .search-inp{
+    clear: both;
+    width:635px;
+    height: 36px;
+}
+.searchBtn{
+    width: 104px;
+    font-size: 18px;
+}
+.indexSearch .demandSearch{
+    width: 530px;
+    height: 36px;
+    line-height: 34px;
+    border-color: #bbd5e5;
+}
+.indexSearch .searchBtn{
+    height: 36px;
+    line-height: 22px;
+    background: #1697e9;
+    border: 1px solid #1697e9;
+    color: #ffffff;
+}
+.indexSearch .searchBtn img{
+    width: 25px;height: 24px;
+    vertical-align: top
+}
+.indexSearch .search-inp{
+    float: left;
+}
+.indexSearch .search-inp .input-group{
+    width: 530px;
+}
+/* 列表 */
+.pagination_box {
+    width: 100%;
+    line-height: 74px
+}
+
+.pagination_box nav {
+    float: right;
+    clear: both;
+}
+
+.pagination_box ul li a {
+    color: #333
+}
+
+.pagination_box .pagination {
+    float: right;
+    margin-right: 20px;
+}
+
+.pagination_box .totalCount {
+    float: right;
+    line-height:84px;
+    display: inline-block;
+    margin-right: 15px;
+}
+.inp{
+    float: right;
+}
+.pagination_box{
+    display: none;
+}
+.list_none {
+    width: 550px;
+    height: 150px;
+    background: url("../../../img/all_null.png") no-repeat;
+    margin: 50px auto;
+}
+.inp{
+    display: none;
+}
+.inp input{
+    vertical-align:middle;
+    width:40px;
+    height: 32px;
+    text-align: center;
+    border-radius: 5px;
+    border:1px solid #ccc;
+}
+.inp button{
+    margin: 0 10px;
+    width: 50px;
+}
+
+.search{
+    width: 100%;
+    height: 52px;
+    line-height: 52px;
+    background: #f9f9f9;
+}
+.pagination_box .pagePre a{
+    margin-right: 10px
+}
+.pagination_box .pageNext a{
+    margin-left: 10px;
+}
+
+/* 首页 */
+.adviserIndexList{
+    margin-top: 80px;
+    overflow:hidden;
+    text-align: center;
+}
+.listHead{
+    margin-bottom: 58px;
+}
+.listHead ul{
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+}
+.listHead ul li{
+    width: 262px;
+    height: 386px;
+    position: relative;
+    z-index: 10;
+    border-radius: 15px;
+    overflow: hidden;
+    border: 1px solid #ccc;
+}
+.listHead ul li .bjImg{
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    z-index: 11;
+    top: 0;
+    left: 0;
+     border-radius: 15px;
+}
+.listHead ul li .bjImg img{
+    width: 100%;
+    display: inline-block;
+    height: 100%;
+    
+}
+.listHead ul li .collectionNumber{
+    position: absolute;
+    width: 78px;
+    height: 40px;
+    background: #f5a07a;
+    color:#ffffff;
+    line-height: 40px;
+    text-align: center;
+    font-size: 16px;
+    right:0;
+    top: 23px;
+    z-index: 12;
+    border-radius: 20px 0 0 20px
+}
+.banner{
+    width: 100%;
+}
+.banner img{
+    width: 100%
+}
+.listHead ul li .collectionNumber img{
+    margin-left:8px;
+    display: inline-block;
+}
+.listHead ul li .mode{
+    overflow: hidden;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    z-index: 12;
+    width: 100%;
+    height: 172px;
+}
+.listHead ul li .mode>span{
+    display: inline-block;
+    width: 100%;
+    height: 400px;
+    opacity: .2;
+    background: #000;
+    transform: rotate(113deg);
+    margin-top: 20px;
+
+}
+.listHead ul li .mode p{
+    position: absolute;
+    bottom: 24px;
+    left: 22px;
+    font-size: 24px;
+    color: #ffffff;
+    
+}
+.listHead ul li .mode p>span{
+    display: inline-block;
+    font-size:16px;
+    color: #ffffff;
+    margin-left: 12px; 
+}
+/* mid */
+
+.listMid{
+   overflow: hidden;
+}
+.listMid .listMidLeft{
+    cursor: pointer;
+    float: left;
+    width: 575px;
+    height: 386px;
+    background: url('../../../img/newMenu/adviserMid.jpg') no-repeat;
+    background-size:100% 100%; 
+}
+.listMid .listMidRight{
+    width: 575px;
+    height: 386px;
+    float: right;
+}
+.adviserIndexList>a{
+    display: inline-block;
+    width: 196px;
+    height: 50px;
+    line-height: 46px;
+    border: 2px solid #1697e9;
+    text-align: center;
+    font-size: 24px;
+    color: #40acff;
+    border-radius: 8px;
+    margin: 40px auto 26px;
+}
+.adviserIndexList>a:hover{
+    background: #1697e9;
+    color: #ffffff;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+ 108 - 83
src/css/newMenu/adviserList.css

@@ -1,8 +1,10 @@
 /* 搜索 */
 .indexSearch{
-    width: 635px;
-    height: 36px;
-    margin: 37px auto 74px;
+    width: 100%;
+    height: 53px;
+    background: #f9f9f9;
+    padding: 8px 0 ;
+    margin: 22px auto 34px;
 }
 footer{
     display: none;
@@ -11,6 +13,11 @@ footer{
     clear: both;
     width:635px;
     height: 36px;
+    float: right;
+    margin-right: 8px;
+}
+.form-control,.btn{
+    border-radius: 0
 }
 .searchBtn{
     width: 104px;
@@ -33,91 +40,11 @@ footer{
     width: 25px;height: 24px;
     vertical-align: top
 }
-.indexSearch .search-inp{
-    float: left;
-}
-
 
 .indexSearch .search-inp .input-group{
     width: 530px;
 }
 /* 列表 */
-.adviserList{
-    width: 100%;
-    margin-top: 50px;
-}
-.adviserList ul li {
-    float: left;
-    margin-left: 28px;
-    margin-bottom: 30px;
-    width: 380px;
-    height: 236px;
-    border-radius: 5px;
-    border: 1px solid #f0f0f0;
-}
-.adviserList ul li:hover{
-    box-shadow: 0 0 20px #ccc;
-}
-.adviserList ul li:nth-child(3n+1){
-    margin-left: 0;
-}
-
-.adviserList .headPortrait{
-    width: 120px;
-    height: 120px;
-    float: left;
-    border-radius: 50%;
-    margin-top: 55px;
-    margin-left: 22px;
-}
-.adviserList .headPortrait img{
-    width: 100%;
-    height: 100%;
-}
-.adviserList .txt{
-    float: right;
-    width: 194px;
-    margin-top: 60px;
-    margin-right: 22px;
-}
-.adviserList .txt h4{
-    margin-bottom: 20px;
-    font-weight: normal;
-}
-.adviserList .txt h4 .name{
-    width: 90px;
-    display: inline-block;
-    font-size: 22px;
-    color: #1f1f1f;
-    overflow: hidden;
-    height: 30px;
-    /* white-space:nowrap; 
-    text-overflow:ellipsis; 
-    -o-text-overflow:ellipsis; */
-}
-.adviserList .txt h4 .position{
-    height: 22px;
-    line-height: 20px;
-    width: 100px;
-    display: inline-block;
-    font-size: 16px;
-    color: #1797e9;
-    overflow: hidden;
-    /* white-space:nowrap; 
-    text-overflow:ellipsis; 
-    -o-text-overflow:ellipsis; */
-}
-.adviserList .txt p{
-    color: #707070;
-    font-size: 14px;
-    font-family: "宋体";
-    overflow: hidden;
-    display: -webkit-box;              
-    text-overflow: ellipsis;            
-    -webkit-box-orient: vertical;       
-    -webkit-line-clamp:3;
-}
-
 .pagination_box {
     width: 100%;
     line-height: 74px
@@ -183,3 +110,101 @@ footer{
 .pagination_box .pageNext a{
     margin-left: 10px;
 }
+.sort a{
+    display: inline-block;
+    padding: 0 16px 0;
+    text-align: center;
+    font-size: 16px;
+    color: #40acff;
+    border: 1px solid #40acff;
+    height: 34px;
+    line-height: 32px;
+    margin-right: 17px;
+    border-radius: 20px;
+    cursor: pointer;
+}
+.sort a.active{
+    background: #1697e9;
+    color: #ffffff;
+}
+.adviserList{
+    margin-top: 10px;
+    width: 100%;
+}
+.adviserList ul li{
+    margin-bottom: 35px;
+    height: 192px;
+    padding-top: 30px;
+    border: 1px solid #eaeaea;
+    background: #fbfbfb;
+    border-radius: 15px;
+}
+.adviserList ul li:hover{
+    box-shadow: 0 0 20px #ccc;
+}
+.adviserList ul li div a{
+    width: 100%;
+    display: inline-block;
+}
+.adviserList ul li div a img{
+    width:118px;
+    height: 118px;
+    border-radius: 50%;
+    float: left;
+    margin-left: 23px;
+}
+.adviserList ul li div .txt{
+    width: 1000px;
+    margin-right: 27px;
+    float: right;
+}
+.adviserList ul li div .txt>div{
+    height: 50px;
+    line-height: 50px;
+    overflow: hidden;
+}
+.adviserList ul li div .txt>div h4{
+    float: left;
+    line-height: 50px;
+    color: #1f1f1f;
+    font-size: 22px;
+}
+.adviserList ul li div .txt>div h4 span{
+    display: inline-block;
+    margin-left: 18px;
+    color: #1797e9;
+    font-size: 18px;
+}
+.adviserList ul li div .txt>div p{
+    float: right;
+}
+
+.adviserList ul li div .txt>div p{
+    color: #ff6b26;
+    font-size: 12px;
+}
+.adviserList ul li div .txt>div p .heart{
+    display: inline-block;
+    width: 20px;
+    height: 16px;
+    margin-left: 8px;
+    vertical-align: top;
+    margin-top: 16px;
+    background: url(../../../img/newMenu/serviceDetal_03.jpg)no-repeat;
+    background-size:100% 100%; 
+}
+.adviserList ul li div .txt>div p .heart.active{
+    background: url(../../../img/newMenu/serviceDetal_Ok.jpg)no-repeat;
+    background-size:100% 100%;
+}
+.adviserList ul li div .txt>p{
+    font-size: 14px;
+    color: #707070;
+    overflow: hidden;
+    display: -webkit-box;              
+    text-overflow: ellipsis;            
+    -webkit-box-orient: vertical;       
+    -webkit-line-clamp:3;
+    text-align: justify;
+}
+

+ 142 - 0
src/js/newMenu/adviser.js

@@ -0,0 +1,142 @@
+/*
+ *	@author:liting
+ * 	@update:2018/09/07
+ * 
+ */
+import 'css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import 'css/newMenu/public.css';
+import 'css/newMenu/header.css'
+import 'css/newMenu/adviser.css';
+import 'js/public.js';
+
+"use strict";
+$(function () {
+    var dataList = {};
+    init();
+    function init() {
+        search();
+        loadDate();
+    }
+    function loadDate(pageNo) {
+        $.ajax({
+            method: "get",
+            dataType: "json",
+            url: globalConfig.context + "/api/portal/identity/consultantList",
+            data: {
+                pageNo: pageNo || 1,
+                pageSize: 10,
+            },
+            success: function (data) {
+                var theArrs = [],theArrsMid=[],theArrsBot=[];
+                if (data && data.error.length) {
+                    msg(data.error[0].message)
+                };
+                if (data.data && data.data.list.length) {
+                    //前4个
+                    for (let i = 0; i < 4; i++) {
+                        let thisdata = data.data.list[i],txtCont;
+                        if(thisdata){
+                            txtCont=txtData(thisdata.consultantType)
+                            theArrs.push(`
+                                <li>
+                                    <a href="${globalConfig.context}/portal/adviser/adviserDetail?id=${thisdata.uid}">
+                                        <div class="bjImg">
+                                            ${thisdata.personPortraitUrl&&thisdata.personPortraitUrl!=null?'<img src="'+globalConfig.avatarHost+'/upload'+thisdata.personPortraitUrl+'"/>':''}
+                                        </div>
+                                        <div class="mode">
+                                            <span></span>
+                                            <p>${thisdata.username}<span>${txtCont}</span></p>
+                                        </div>
+                                    </a>
+                                </li>
+                            `);
+                        }
+                    }
+                    //中两个
+                    for (let m = 4; m < 6; m++) {
+                        let thisdataMid = data.data.list[m];
+                           if(thisdataMid){
+                            txtCont=txtData(thisdataMid.consultantType)
+                            theArrsMid.push(`
+                                    <li>
+                                        <a href="${globalConfig.context}/portal/adviser/adviserDetail?id=${thisdataMid.uid}">
+                                            <div class="bjImg">
+                                                ${thisdataMid.personPortraitUrl&&thisdataMid.personPortraitUrl!=null?'<img src="'+globalConfig.avatarHost+'/upload'+thisdataMid.personPortraitUrl+'"/>':''}
+                                            </div>
+                                            <div class="mode">
+                                                <span></span>
+                                                <p>${thisdataMid.username}<span>${txtCont}</span></p>
+                                            </div>
+                                        </a>
+                                    </li>
+                                `);
+                            }
+                    }
+                    //下4个
+                    for (let n = 6; n< 10; n++) {
+                    let thisdataBot = data.data.list[n];
+                        if(thisdataBot){
+                            txtCont=txtData(thisdataBot.consultantType)
+                            theArrsBot.push(`
+                                <li>
+                                    <a href="${globalConfig.context}/portal/adviser/adviserDetail?id=${thisdataBot.uid}">
+                                        <div class="bjImg">
+                                            ${thisdataBot.personPortraitUrl&&thisdataBot.personPortraitUrl!=null?'<img src="'+globalConfig.avatarHost+'/upload'+thisdataBot.personPortraitUrl+'"/>':''}
+                                        </div>
+                                        <div class="mode">
+                                            <span></span>
+                                            <p>${thisdataBot.username}<span>${txtCont}</span></p>
+                                        </div>
+                                    </a>
+                                </li>
+                            `)
+                        }
+                    }
+                };
+                $('.listOne ul').html(theArrs.join())
+                $('.listMidRight ul').html(theArrsMid.join())
+                $('.listBottom ul').html(theArrsBot.join())
+                $('footer').show();
+            }
+        });
+    }
+    function txtData(nub){
+        switch(nub){
+            case 0:
+               return '专利代理人';
+                break;
+            case 1:
+                return '专利顾问';
+                break;
+            case 2:
+                return '版权顾问';
+                break;
+            case 3:
+                return '商标顾问';
+                break;
+            default:
+                return "暂无";
+        }
+    }
+    //搜索
+    function search() {
+        $('.searchBtn').click(function () {
+            let val = $('.demandSearch').val();
+            window.location.href=`${globalConfig.context}/portal/adviser/adviserList?name=${val}`;
+        })
+    }
+    /* 提示 */
+    //提示框渐隐函数    
+    function msg(txt) {
+        if ($('.smg').hasClass('active')) {
+            return;
+        }
+        $('.smg').addClass('active');
+        var lit = $('#msg').val(txt);
+        setTimeout(function () {
+            $('.smg').removeClass('active')
+            $('#msg').val('');
+        }, 2000)
+    }
+})

+ 11 - 8
src/js/newMenu/adviserList.js

@@ -82,15 +82,18 @@ $(function () {
                             }
                         theArrs.push(`
                         <li>
-                            <a href="${globalConfig.context}/portal/adviser/adviserDetail?id=${thisdata.uid}">
-                                <div class="headPortrait">
+                            <div>
+                                <a href="${globalConfig.context}/portal/adviser/adviserDetail?id=${thisdata.uid}">
                                     ${thisdata.personPortraitUrl&&thisdata.personPortraitUrl!=null?'<img src="'+globalConfig.avatarHost+'/upload'+thisdata.personPortraitUrl+'"/>':''}
-                                </div>
-                                <div class="txt">
-                                    <h4><span class="name">${thisdata.username}</span><span class="position">${txtCont}</span></h4>
-                                    <p>${thisdata.introduction?thisdata.introduction:'暂无描述'}</p>
-                                </div>
-                            </a>
+                                    <div class="txt">
+                                        <div>
+                                            <h4>${thisdata.username}<span>${txtCont}</span></h4>
+                                            <p>58<span class="heart"></span></p>
+                                        </div> 
+                                        <p>${thisdata.introduction?thisdata.introduction:'暂无描述'}</p>
+                                    </div>
+                                </a>
+                            </div>
                         </li>
                         `);
                     };

+ 503 - 0
template/newMenu/adviser.html

@@ -0,0 +1,503 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>知识产权顾问首页</title>
+    <link rel="stylesheet" href="../../src/css/bootstrap.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/public.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/adviserList.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/header.css">
+</head>
+<body>
+        <div class="topFixHeight">
+                <div class="topNav">
+                    <div class="header">
+                        <div class="container">
+                            <div>
+                                <a href="#">网站导航</a>
+                            </div>
+                            <div>
+                                <ul>
+                                    <li>
+                                        <a href="javascript:void(0)" class="head_login">登录</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">注册</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">我的订单</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">我的关注</a>
+                                    </li>
+                                    <li>
+                                        <a href="#">我的消息</a>
+                                    </li>
+                                </ul>
+                            </div>
+                            <div class="colorRed">
+                                全国统一服务热线:400-8800-962
+                            </div>
+                        </div>
+                    </div>
+                    <!-- search -->
+                    <div class="topHeader">
+                        <div class="container">
+                            <div class="navHeader">
+                                <div class="logo">
+                                    <a href="#">
+                                        <img src="../../img/Logo111.png" alt="" title="技淘">
+                                    </a>
+                                </div>
+                                <div class="logo_right"></div>
+                                <div class="nav">
+                                    <ul>
+                                        <li>
+                                            <div>
+                                                <a href="#">科技服务</a>
+                                                <ol class="subnavigation">
+                                                    <li>
+                                                        <a href="#">高企认定</a>
+                                                    </li>
+                                                    <li>
+                                                        <a href="#">知识产权</a>
+                                                    </li>
+                                                </ol>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div>
+                                                <a href="#">技术交易</a>
+                                                <ol class="subnavigation">
+                                                    <li>
+                                                        <a href="#">专利产品</a>
+                                                    </li>
+                                                    <li>
+                                                        <a href="#">技术成果</a>
+                                                    </li>
+                                                    <li>
+                                                        <a href="#">技术需求</a>
+                                                    </li>
+                                                    <li>
+                                                        <a href="#">技术评估</a>
+                                                    </li>
+                                                </ol>
+                                            </div>
+                                        </li>
+                                        <li>
+                                            <div>
+                                                <a href="#">智库咨询</a>
+                                                <ol class="subnavigation">
+                                                    <li>
+                                                        <a href="#">智政</a>
+                                                    </li>
+                                                    <li>
+                                                        <a href="/portal/thinkTank/index.html#zizone">智者</a>
+                                                    </li>
+                                                </ol>
+                                            </div>
+                                        </li>
+        
+                                        <li>
+                                            <div>
+                                                <a href="/portal/aboutUs.html">关于公司</a>
+                                                <ol class="subnavigation" style="display: none;">
+                                                    <li>
+                                                        <a href="#">联系我们</a>
+                                                    </li>
+                                                </ol>
+                                            </div>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="nav_right">
+                                    <img src="../../img/newMenu/navImg.jpg" alt="">
+                                    <span>国家技术转移示范机构</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+    <!-- 公共头部  省略 -->
+    <div class="banner">
+        <img src="../../img/newMenu/adviserBanner.png" alt="">
+    </div>
+    <!-- 中间内容开始 -->
+    <div class="container">
+        <div class="indexSearch">
+            <div class="search-inp">
+                <div class="input-group">
+                    <input type="text" class="form-control demandSearch" placeholder="搜索您要找的顾问。。">
+                    <span class="input-group-btn">
+                        <button class="btn btn-default searchBtn" type="button">
+                            <img src="../../img/newMenu/search-icon.jpg" alt=""> 搜索
+                        </button>
+                    </span>
+                </div>
+            </div>
+        </div>
+        <div class="adviserIndexList">
+            <div class="listHead listOne">
+                <ul>
+                    <li>
+                        <a href="">
+                            <div class="bjImg">
+                                <img src="../../img/newMenu/achievmentDetail_5.jpg" alt="">
+                            </div>
+                            <p class="collectionNumber">53<img src="../../img/newMenu/adviserHeart.jpg" alt=""></p>
+                            <div class="mode">
+                                <span></span>
+                                <p>小伙子<span>搬运工</span></p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="">
+                            <div class="bjImg">
+                                <img src="../../img/newMenu/achievmentDetail_5.jpg" alt="">
+                            </div>
+                            <p class="collectionNumber">53<img src="../../img/newMenu/adviserHeart.jpg" alt=""></p>
+                            <div class="mode">
+                                <span></span>
+                                <p>小伙子<span>搬运工</span></p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="">
+                            <div class="bjImg">
+                                <img src="../../img/newMenu/achievmentDetail_5.jpg" alt="">
+                            </div>
+                            <p class="collectionNumber">53<img src="../../img/newMenu/adviserHeart.jpg" alt=""></p>
+                            <div class="mode">
+                                <span></span>
+                                <p>小伙子<span>搬运工</span></p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="">
+                            <div class="bjImg">
+                                <img src="../../img/newMenu/achievmentDetail_5.jpg" alt="">
+                            </div>
+                            <p class="collectionNumber">53<img src="../../img/newMenu/adviserHeart.jpg" alt=""></p>
+                            <div class="mode">
+                                <span></span>
+                                <p>小伙子<span>搬运工</span></p>
+                            </div>
+                        </a>
+                    </li>
+                </ul>
+            </div>
+            <div class="listMid">
+                <div class="listMidLeft" onclick="openZoosUrl('chatwin');"></div>
+                <div class="listHead listMidRight">
+                    <ul>
+                        <li>
+                            <a href="">
+                                <div class="bjImg">
+                                    <img src="../../img/newMenu/achievmentDetail_5.jpg" alt="">
+                                </div>
+                                <p class="collectionNumber">53<img src="../../img/newMenu/adviserHeart.jpg" alt=""></p>
+                                <div class="mode">
+                                    <span></span>
+                                    <p>小伙子<span>搬运工</span></p>
+                                </div>
+                            </a>
+                        </li>
+                        <li>
+                            <a href="">
+                                <div class="bjImg">
+                                    <img src="../../img/newMenu/achievmentDetail_5.jpg" alt="">
+                                </div>
+                                <p class="collectionNumber">53<img src="../../img/newMenu/adviserHeart.jpg" alt=""></p>
+                                <div class="mode">
+                                    <span></span>
+                                    <p>小伙子<span>搬运工</span></p>
+                                </div>
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="listHead listBottom">
+                <ul>
+                    <li>
+                        <a href="">
+                            <div class="bjImg">
+                                <img src="../../img/newMenu/achievmentDetail_5.jpg" alt="">
+                            </div>
+                            <p class="collectionNumber">53<img src="../../img/newMenu/adviserHeart.jpg" alt=""></p>
+                            <div class="mode">
+                                <span></span>
+                                <p>小伙子<span>搬运工</span></p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="">
+                            <div class="bjImg">
+                                <img src="../../img/newMenu/achievmentDetail_5.jpg" alt="">
+                            </div>
+                            <p class="collectionNumber">53<img src="../../img/newMenu/adviserHeart.jpg" alt=""></p>
+                            <div class="mode">
+                                <span></span>
+                                <p>小伙子<span>搬运工</span></p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="">
+                            <div class="bjImg">
+                                <img src="../../img/newMenu/achievmentDetail_5.jpg" alt="">
+                            </div>
+                            <p class="collectionNumber">53<img src="../../img/newMenu/adviserHeart.jpg" alt=""></p>
+                            <div class="mode">
+                                <span></span>
+                                <p>小伙子<span>搬运工</span></p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="">
+                            <div class="bjImg">
+                                <img src="../../img/newMenu/achievmentDetail_5.jpg" alt="">
+                            </div>
+                            <p class="collectionNumber">53<img src="../../img/newMenu/adviserHeart.jpg" alt=""></p>
+                            <div class="mode">
+                                <span></span>
+                                <p>小伙子<span>搬运工</span></p>
+                            </div>
+                        </a>
+                    </li>
+                </ul>
+            </div>
+            <a href="#">查看更多</a>
+        </div>
+    </div>
+    <!-- 中间内容结束 -->
+    <!-- 公共底部  省略 -->
+    <footer>
+            <div id="bottom">
+                <div class="bottom">
+                    <div class="bottom_text">
+                        <div class="text_top">
+                            <a href="/portal/aboutUs.html">关于公司</a>
+                            <a href="/portal/contactUs.html">联系我们</a>
+                            <p>Copyright © 2016-2017 科德 版权所有 湘ICP备15019731号 -2 技术支持:湖南阿凡提科技有限公司
+                            </p>
+                        </div>
+                        <div class="text_center" id="qrCode">
+                            <div class="cont_left">
+                                <img src="../../img/dizhi.jpg" alt="">
+                                <p>湖南省长沙市营盘东路19号金山大厦八楼</p>
+                            </div>
+                            <div class="cont_center">
+                                <img src="../../img/dianhua.jpg" alt="">
+                                <p>合作电话:400-8800-962</p>
+                            </div>
+                            <div class="cont_guanli">
+                                <a href="/admin/login">
+                                    <img src="../../img/guanli.png" alt="">
+                                    <p>管理员入口</p>
+                                </a>
+                            </div>
+                            <div class="cont_rightapp">
+                                <img src="../../img/erweima_iphone.png" alt="">
+                                <p>iPhone版</p>
+                            </div>
+                            <div class="cont_right android">
+                                <img src="../../img/erweima_android.jpg" alt="">
+                                <p>Android版</p>
+                            </div>
+                            <div class="cont_right">
+                                <img src="../../img/erweima.jpg" alt="">
+                                <p>微信公众号</p>
+                            </div>
+                        </div>
+                        <div class="text_bottom">
+                            <p>友情链接</p>
+                            <a href="http://www.hnst.gov.cn/" target="_blank">湖南省科技厅/</a>
+                            <a href="http://www.cssti.cn/" target="_blank">长沙市科技局/</a>
+                            <a href="http://www.cast.org.cn/" target="_blank">中国科学技术协会/</a>
+                            <a href="http://www.chinatorch.gov.cn/" target="_blank">科技部火炬中心/</a>
+                            <a href="http://www.nosta.gov.cn/web/index.aspx" target="_blank">国家科技成果奖励办/</a>
+                            <a href="http://www.nast.org.cn/" target="_blank">国家科技成果网/</a>
+                            <a href="http://www.hnast.org.cn/portal/comm/index.action" target="_blank">湖南省科学技术协会/</a>
+                            <a href="http://www.hncgw.gov.cn/" target="_blank">湖南省科技成果转化公共服务平台/</a>
+                            <a href="http://www.hnjxw.gov.cn/" target="_blank">湖南省经济信息化委员会/</a>
+                            <a href="http://kyy.hnu.cn/" target="_blank">湖南大学科学技术研究院/</a>
+                            <a href="http://www.gxst.gov.cn/gxkjt/" target="_blank">广西省科技厅/</a>
+                            <a href="http://www.nmkjt.gov.cn/" target="_blank">内蒙古自治区科技厅/</a>
+                            <a href="http://www.cshtz.gov.cn/" target="_blank">长沙市高新区管委会/</a>
+                            <a href="http://www.jxas.ac.cn/" target="_blank">江西省科学院/</a>
+                            <a href="http://www.cnic.cn/front/index.html#/cnicSite/home" target="_blank">中科院计算机网络信息中心/</a>
+                            <a href="http://kxyjb.csu.edu.cn/" target="_blank">中南大学科学研究部/</a>
+                            <a href="http://www.cast.org.cn/" target="_blank">中国科协创新创业服务中心/</a>
+                            <a href="http://www.hbstd.gov.cn/" target="_blank">湖北省科技厅/</a>
+                            <a href="http://www.gdstc.gov.cn/" target="_blank">广东省科技厅/</a>
+                            <a href="http://www.hnkjt.gov.cn/" target="_blank">河南省科技厅/</a>
+                            <a href="http://www.cbtm.gov.cn/" target="_blank">技术合同登记官网</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div onclick="_MEIQIA('showPanel')" id="lxkf" style="display:none"></div>
+            <div class="pub_fix">
+                <span class="index_blur"></span>
+                <ul class="ret_top">
+                    <li class="head_login">
+                        <a href="javascript:;">
+                            <img src="../../img/index_fix0.png" alt="">
+                            <p>申请会员</p>
+                        </a>
+                    </li>
+                    <li>
+                        <a onclick="_MEIQIA('showPanel')">
+                            <img src="../../img/index_fix3.png" alt="">
+                            <p>联系客服</p>
+                        </a>
+                    </li>
+                    <li>
+                        <a href="" class="pendent_box">
+                            <img src="../../img/index_fix4.png" alt="">
+                            <p>返回顶部</p>
+                        </a>
+                    </li>
+                </ul>
+                <span class="index_orange"></span>
+            </div>
+            <div class="message">
+                <span></span>
+            </div>
+            <div class="login">
+                <div class="login_mian">
+                    <div class="login_left">
+                        <div class="login_ewm">
+                            <img src="../../img/Android.jpg" alt="二维码" />
+                            <p>Android版</p>
+                            <p>客户端</p>
+                        </div>
+                        <div class="login_ewm">
+                            <img src="../../img/iPhone.jpg" alt="二维码" />
+                            <p>iPhone版</p>
+                            <p>客户端</p>
+                        </div>
+                    </div>
+                    <div class="login_right">
+                        <h5>用户登陆
+                            <a href="">免费注册有好礼呦!!</a>
+                        </h5>
+                        <form id="form_login">
+                            <div class="login_uesr">
+                                <label for="uesname">
+                                    <img src="../../img/login_use.png" />
+                                </label>
+                                <input type="text" name="uesname" id="Lo_user" placeholder="用户名" />
+                                <img src="../../img/login_del.png" class="log_del" />
+                            </div>
+                            <div class="login_pass">
+                                <label for="pass">
+                                    <img src="../../img/login_password.png" />
+                                </label>
+                                <input type="password" name="pass" id="Lo_pass" placeholder="请输入密码" />
+                            </div>
+                            <div class="login_check">
+                                <a href="">忘记密码?</a>
+                            </div>
+                            <input type="submit" value="登 陆" class="login_submit" />
+                        </form>
+                        <img src="../../img/login_hua.png" alt="" class="login_hua" />
+                        <img src="../../img/login_shadow.png" alt="阴影效果" class="login_shadow" />
+                        <img src="../../img/login_close.png" alt="" class="login_close" />
+                    </div>
+                </div>
+            </div>
+            <div id="forget">
+                <div class="forget">
+                    <form id="forget_form">
+                        <div class="forget_top">
+                            <a href="">忘记密码?</a>
+                            <div class="login_check">
+                                <label for="forget_checks" class="lab_check">
+                                    <input type="checkbox" name="type" id="forget_checks" />专家登录
+                                </label>
+                                <label for="forget_checkst" class="lab_checkno">
+                                    <input type="checkbox" name="type" id="forget_checkst" />企业登录
+                                </label>
+                            </div>
+                        </div>
+                        <div class="forget_center">
+                            <div class="phone">
+                                <label for="forget_phone">
+                                    手机号码:
+                                    <input type="text" name="type" id="forget_phone" placeholder="请输入您的手机号码..." />
+                                </label>
+                            </div>
+                            <div class="yanzheng">
+                                <label for="forget_yanzheng">
+                                    图形验证码:
+                                    <input type="text" name="type" id="forget_yanzheng" />
+                                </label>
+                                <div class="yanzhengma_cont_">
+                                    <img th:src="${basePath+'/open/getVCode'}" />
+                                </div>
+                            </div>
+                            <div class="cellcode_">
+                                <div>
+                                    验证码:
+                                    <input type="text" name="cellCode" placeholder="手机验证码" id="photo_n" />
+                                </div>
+                                <input type="button" id="photo_m" value="获取验证码" disabled/>
+                            </div>
+                            <div class="fastener">
+                                <input type="submit" class="forget_sub" value="确认" />
+                                <div class="fastener_right">
+                                    取消
+                                </div>
+                            </div>
+                        </div>
+                    </form>
+                    <img src="../../img/login_close.png" alt="" class="login_close" />
+                </div>
+            </div>
+            <div id="new_password">
+                <div class="new_password">
+                    <form id="new_password_form">
+                        <div class="password_top">
+                            <h4>设置新密码</h4>
+                            <span>密码长度为6-20个字符,区分大小写</span>
+                        </div>
+                        <div class="password_center">
+                            <div>
+                                <label for="new_pass">
+                                    新密码:
+                                    <input type="text" name="type" id="new_pass" placeholder="请输入您的新密码..." />
+                                </label>
+                            </div>
+                            <div>
+                                <label for="new_pass_again">
+                                    确认密码:
+                                    <input type="text" name="type" id="new_pass_again" placeholder="请确认您的密码..." />
+                                </label>
+                            </div>
+                            <div class="fastener">
+                                <input type="submit" class="new_password_sub" value="确认" />
+                                <div class="fastener_right">
+                                    取消
+                                </div>
+                            </div>
+                        </div>
+                    </form>
+                    <img src="../../img/login_close.png" alt="" class="login_close" />
+                </div>
+            </div>
+            <div class="smg">
+                <input type="text" name="msg" value="111" id="msg" />
+            </div>
+        </footer>
+</body>
+</html>

File diff suppressed because it is too large
+ 27 - 50
template/newMenu/adviserList.html


+ 6 - 0
webpack.config.js

@@ -332,6 +332,12 @@ module.exports = (function () {
             chunks: ['evaluation/evaluate', 'vendors']
         }),
         new HtmlWebpackPlugin({
+            title: '知识产权顾问首页',
+            filename: 'html/newMenu/adviser.html',
+            template: './template/newMenu/adviser.html',
+            chunks: ['newMenu/adviser', 'vendors']
+        }),
+        new HtmlWebpackPlugin({
             title: '知识产权顾问列表',
             filename: 'html/newMenu/adviserList.html',
             template: './template/newMenu/adviserList.html',

+ 5 - 0
webpack/entry.config.js

@@ -34,6 +34,7 @@ module.exports = {
         'evaluation/evaluate': './src/js/newMenu/evaluate.js',
         'newMenu/adviserList': './src/js/newMenu/adviserList.js',
         'newMenu/adviserDetail': './src/js/newMenu/adviserDetail.js',
+        'newMenu/adviser': './src/js/newMenu/adviser.js',
         
     },
     watch: {
@@ -174,5 +175,9 @@ module.exports = {
         'webpack/hot/only-dev-server',
         './src/js/newMenu/adviserDetail.js'
         ],
+        'newMenu/adviser': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
+        'webpack/hot/only-dev-server',
+        './src/js/newMenu/adviser.js'
+        ],
     }
 };