liting2017 6 years ago
parent
commit
c4be08b9a9

BIN
img/Logo111.png


BIN
img/newMenu/adviserBanner.png


BIN
img/newMenu/sadeRezh.png


BIN
img/newMenu/safeAddress.png


BIN
img/newMenu/safeBanner.png


BIN
img/newMenu/safeIndex_1.png


BIN
img/newMenu/safeIndex_2.png


BIN
img/newMenu/safeIndex_22.png


BIN
img/safeguarding/safeIndex_3.jpg


BIN
img/safeguarding/safeguarding_banner.png


+ 8 - 1
src/css/newMenu/adviserList.css

@@ -5,6 +5,7 @@
     background: #f9f9f9;
     padding: 8px 0 ;
     margin: 22px auto 34px;
+    box-shadow: 0 0 1px #ccc;
 }
 footer{
     display: none;
@@ -149,7 +150,7 @@ footer{
     width: 100%;
     display: inline-block;
 }
-.adviserList ul li div a img{
+.adviserList ul li div img{
     width:118px;
     height: 118px;
     border-radius: 50%;
@@ -162,6 +163,11 @@ footer{
     margin-right: 27px;
     float: right;
 }
+.txt .address{
+    color: #1697e9!important;
+    clear: both;
+    margin-bottom: 5px;
+}
 .adviserList ul li div .txt>div{
     height: 50px;
     line-height: 50px;
@@ -219,4 +225,5 @@ footer{
 }
 .pagination_box .inp button{
     margin-top: -5px;
+    line-height: 0;
 }

+ 179 - 61
src/css/newMenu/safeguarding.css

@@ -5,87 +5,205 @@
 .continueHighBanner img{
     width: 100%;
 }
-.safeguardingBody{
-    margin-bottom: 100px;
+/* 搜索 */
+.indexSearch{
+    width: 840px;
+    height: 36px;
+    margin: 72px auto 84px;
 }
-.container>h3{
-    color: #333333;
-    font-weight: 700;
-    font-size: 26px;
-    padding-top: 92px;
-    padding-bottom: 42px;
-    padding-left: 18px;
+.form-control,.btn{
+    border-radius: 0;
 }
-.safeguardingBody li{
-    display: -webkit-flex;
-    display: flex;
-    justify-content: space-between;
-    position: relative;
+.safeIndexPic{
+    width: 100%;
 }
-.safeguardingBody li .listImg{
-    padding: 0 22px;
-    width: 478px;
-    margin-bottom: 30px;
+.safeIndexPic img{
+    width: 100%;
+}
+footer{
+    /* display: none; */
+}
+/* 热门推荐 */
+.RecommendTitle{
+    clear: both;
     text-align: center;
 }
-.safeguardingBody li .listImg img{
-    width: 100%;
+.RecommendTitle h2{
+    font-weight: normal;
+    font-size: 26px;
+    color: #323131;
 }
-.safeguardingBody li .listImg img:nth-child(2){
-   margin-top: 15px;
+.RecommendTitle span{
+    display: inline-block;
+    width: 54px;
+    height: 4px;
+    background: #1697e9;
+    transition: all .2s ease-in;
+}
+.indexSearch .search-inp{
+    clear: both;
+    width:640px;
+    height: 36px;
+    float: left;
+}
+.indexSearch>span{
+    width: 180px;
+    display: inline-block;
+    height: 36px;
+    text-align: center;
+    color: #fff;
+    background: #ffb108;
+    font-size: 16px;
+    line-height: 36px;
+    float: right;
+    border-radius: 5px;
+    cursor: pointer;
+}
+.searchBtn{
+    width: 104px;
+    font-size: 18px;
 }
-.safeguardingBody li:nth-child(1) .listImg{
-    padding: 0px
+.indexSearch .demandSearch{
+    width: 530px;
+    height: 36px;
+    line-height: 34px;
+    border-color: #bbd5e5;
 }
-
-.safeguardingBody li .listTxt{
-    position: absolute;
-    height: 100%;
-    width: 672px;
-    right: 0;
-    top: 0;
-    z-index: 10;
-    display: flex;
-    display: -webkit-flex;
-    border-left: 2px solid #999999;
-    justify-content: space-between;
+.indexSearch .searchBtn{
+    height: 36px;
+    line-height: 22px;
+    background: #1697e9;
+    border: 1px solid #1697e9;
+    color: #ffffff;
 }
-.safeguardingBody li .listTxt div img{
-    margin-left: -32px;
-    margin-top: 25px;
+.indexSearch .searchBtn img{
+    width: 25px;height: 24px;
+    vertical-align: top
 }
-.safeguardingBody li:last-child  .listTxt div img{
-    margin-left: -28px;
+.indexSearch .search-inp .input-group{
+    width: 530px;
 }
-.safeguardingBody li:last-child  .listImg {
-    margin-bottom: 0px;
+.safeList{
+    margin-top: 40px;
+    text-align: center;
 }
-.safeguardingBody li .listTxt .listTxtGrounp{
-    width: 610px;
+.safeList ul li {
+    text-align: left;
+    width: 265px;
+    height: 400px;
+    margin-left: 46px;
+    float: left;
+    box-shadow: 0 0 10px #ccc;
+    margin-bottom: 50px;
+    transition: all .3s ease-in;
 }
-.listTxtGrounp h4{
-    font-size: 22px;
+.safeList ul li:nth-child(4n+1){
+    margin-left: 0px!important;
+}
+.safeList ul li div{
+    width: 100%;
+    height: 290px;
+}
+.safeList ul li div img{
+    width: 100%;
+    height: 100%;
+    display: inline-block;
+}
+.safeList ul li h3{
+    font-size: 19px;
     color: #333333;
-    padding-top: 25px;
-    margin-bottom: 3px;
+    margin-top: 12px;
+    font-weight: normal;
+    padding-left:10px;
 }
-.listTxtGrounp small{
-    font-size: 13px;
+.safeList ul li span{
+    padding-left:10px;
+    width: 130px;
+    display: inline-block;
+    font-size: 12px;
+    color: #f0925f;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    white-space: nowrap;
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+.safeList ul li:hover{
+    cursor: pointer;
+    box-shadow: 0 0 30px #666;
+    transition: all .3s ease-in;
+}
+.safeList ul li a{
+    width: 100%;
+    display: inline-block;
+}
+.safeList ul li p{
+    padding-left: 10px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    white-space: nowrap;
+    margin-bottom: 12px;
+    padding-right: 10px;
     color: #666666;
+}
+.safeList>div{
+    clear: both;
+    margin-top: 10px;
+    margin-bottom: 105px;
+}
+.safeList>div>a{
+    clear: both;
     display: inline-block;
-    margin-bottom: 6px;
+    width: 196px;
+    height: 50px;
+    line-height: 46px;
+    text-align: center;
+    font-size: 24px;
+    border: 2px solid #40acff;
+    border-radius: 5px;
+}
+.safeList>div>a:hover{
+    background: #40acff;
+    color: #fff;
+}
+.safeBottom{
+    background: url(../../../img/safeguarding/safeIndex_3.jpg)no-repeat;
+    background-size:100% 100%;
+    width: 100%; 
+    padding-top: 33px;
+    padding-bottom: 300px;
+}
+.safeBottom .picTxt{
+    margin-top: 30px;
+    display: flex;
+    display: -webkit-flex;
+    justify-content: space-between;
+    padding-bottom: 15px;
 }
-.listTxtGrounp small .red{
-    color: #ff3333;
+.picTxt img{
+    width: 600px;
+    height: 330px;
 }
-.listTxtGrounp p{
-    font-size: 18px;
-    color: #666666;
-    line-height: 28px;
-    text-align: justify;
+.picTxt>div{
+    padding: 5px;
+    width: 574px;
+}
+.picTxt>div h3{
+    font-weight: normal;
+    font-size:  24px;
+    margin-bottom: 10px;
+    color: #333;
+}
+.picTxt>div p{
+    font-size: 16px;
+    margin-bottom: 10px;
+    color: #333;
+}
+#bottom{
+    margin-top: -180px;
 }
-
-
 @media screen and (max-width:1200px){
     body{
         width: 1200px;

+ 374 - 0
src/css/newMenu/safeguardingDetail.css

@@ -0,0 +1,374 @@
+
+.safeBanner {
+    width: 100%;
+    height: 355px;
+    background: url(../../../img/newMenu/safeBanner.png)no-repeat;
+    background-size:100% 100%; 
+}
+.bannerLeft{
+    float:left
+}
+.bannerLeft .portraitLeft{
+    float: left;
+    margin-top: 90px;
+    margin-left: 14px;
+}
+.bannerLeft .portraitLeft div{
+    width: 150px;
+    height: 150px;
+    border-radius: 50%;
+    padding:4px;
+    background: #fff;
+}
+.bannerLeft .portraitLeft div img{
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+}
+.portraitLeft p{
+    margin-left: 34px;
+    font-size: 14px;
+    color: #fff;
+    margin-top: 12px;
+}
+.portraitLeft p span{
+    display: inline-block;
+    vertical-align: top;
+    margin-top: 2px;
+}
+.portraitLeft p img{
+    margin-right: 10px;
+}
+.portraitRight  h4{
+    font-weight: normal;
+    font-size: 14px;
+    color: #fff;
+}
+.portraitRight  h4 span{
+    font-size: 22px;
+}
+.portraitRight p{
+    font-size: 16px;
+    color: #fff;
+    margin-top: 15px;
+}
+.portraitRight a{
+    display: inline-block;
+    width: 130px;
+    height: 38px;
+    line-height: 36px;
+    text-align: center;
+    color: #fff;
+    font-size: 18px;
+    background: #ff6b26;
+    border-radius: 5px;
+    margin-top:40px; 
+}
+.portraitRight a:hover{
+    box-shadow:  inset -4px -4px 10px #eb9770;
+}
+.portraitRight  h4 img{
+    margin: 0 4px 0px 17px;
+    vertical-align: middle;
+    margin-top: -4px;
+}
+.bannerLeft .portraitRight{
+    float: left;
+    margin-top: 106px;
+    margin-left: 32px;
+}
+.bannerRight{
+    float: right;
+    margin-top: 136px;
+    margin-right: 36px;
+}
+.bannerRight h3{
+    font-size: 24px;
+    color: #fff;
+    font-weight: normal;
+    width: 260px;
+    text-align: center;
+    margin-bottom: 24px;
+}
+.bannerRight p{
+    width: 260px;
+    height: 84px;
+    background: #1697ea;
+    font-size: 30px;
+    color: #ffffff;
+    text-align: center;
+    line-height: 84px;
+    box-shadow:0 3px 1px #1797e9, 0 3px 2px #1797e9;
+    border-radius: 5px;
+}
+/* 主题内容区域 */
+.safeBody{
+    clear: both;
+    padding-top: 48px!important;
+}
+.safeBodyLeft {
+    float: left;
+    width: 800px;
+}
+.safeBodyRight{
+    width: 310px;
+    float: right;
+    border: 1px solid #e8e8e8;
+    padding-bottom: 15px
+}
+.safeBodyRight>p{
+    width: 234px;
+    height: 32px;
+    line-height: 32px;
+    background: #1697ea;
+    color: #fff;
+    font-size: 16px;
+    margin: -16px auto 40px;
+    text-align: center;
+    border-radius: 10px;
+}
+.safeBodyRight ul li {
+    clear: both;
+    overflow: hidden;
+    margin-bottom: 30px;
+}
+.safeBodyRight ul li img{
+    float: left;
+    width: 86px;
+    height: 86px;
+    border-radius: 50%;
+    margin-left: 8px;
+    margin-right: 8px;
+}
+.safeBodyRight ul li div{
+    float: left;
+    width: 200px;
+}
+.safeBodyRight ul li div h4{
+    font-size: 18px;
+    color: #1f1f1f;
+    font-weight: normal;
+    margin-bottom: 19px;
+    margin-top: 15px;
+    overflow: hidden;
+    height: 22px;
+}
+.safeBodyRight ul li div h4 span:first-child{
+    width: 74px;
+    display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    -o-text-overflow: ellipsis;
+    height: 22px;
+}
+.safeBodyRight ul li div h4>span{
+    float: left;
+}
+.safeBodyRight ul li div h4 .praise{
+    line-height: 14px;
+    color: #ff6b26;
+    font-size: 12px;
+    display: inline-block;
+    margin-left: 8px;
+    float: right;
+    margin-top: 4px;
+}
+.safeBodyRight ul li div h4 .praise span{
+    display: inline-block;
+    vertical-align: top
+}
+.safeBodyRight ul li div p{
+    font-size: 16px;
+    color: #1797e9;
+    text-overflow:ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    width: 170px;
+    -o-text-overflow:ellipsis;
+}
+.safeIntroduce h3{
+    font-weight: normal;
+    font-size: 22px;
+    color: #1f1f1f;
+    margin-bottom: 18px;
+}
+.safeIntroduce{
+    padding-bottom: 60px;
+}
+.safeIntroduce p{
+    font-size: 16px; 
+    color: #7a7878;
+    text-align: justify;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+/* 评论 */
+.adviser_list {
+    clear: both;
+    height: 40px;
+    line-height: 40px;
+    background: #fcfcfc;
+    border: 1px solid #efefef;
+    margin-bottom: 20px;
+}
+.adviser_list p{
+    width: 120px;
+   text-align: center;
+   font-size: 16px;
+   background: #1797e9;
+   color: #ffffff;
+}
+.pagination_box{
+    /* display: none; */
+}
+.evaluateList .list_none{
+    padding-top: 20px;
+    text-align: center;
+    padding-bottom: 100px;
+}
+.evaluateList{
+    /* display: none; */
+    clear: both;
+}
+.evaluateList>ul>li {
+    border-bottom: 1px dotted #c6c2c2;
+    padding-left: 26px;
+    overflow: hidden;
+} 
+.evaluateList>ul>li p{
+    font-size: 14px;
+    color: #1f1f1f;
+    float: left;
+}  
+.evaluateList>ul>li>div.stasf{
+    width: 370px;
+    overflow: hidden;
+    padding: 25px 0 10px;;
+}
+.evaluateList>ul>li>div.stasf>p{
+    margin-right: 50px;
+}
+.evaluateList ul>li .satisfied{
+    float: left;
+}
+.evaluateList .uName{
+    margin-left: 10px;
+}
+.commentDetails{
+    padding-left: 26px;
+}
+.commentDetails span{
+    display: inline-block;
+    margin-left: 10px;
+}
+.satisfied ol li {
+    float: left;
+}
+.satisfied ol li span{
+    color: #ff580e;
+}
+.satisfied ol{
+    float: right;
+    margin-left: 8px;
+    font-size: 16px;
+}
+.satisfiedContent {
+    clear: both;
+    overflow: hidden;
+    margin-top: 8px;
+    padding-bottom: 27px;
+}
+.satisfiedContent p{
+    padding-right:20px;
+    font-size: 12px;
+   color: #707070!important;
+}
+.satisfiedContent time{
+    font-size: 12px;
+    color: #707070!important;
+    float: right;
+}
+.pagination{
+    float: right;
+}
+.pagination a span,.pagination li a{
+    color: #7a7878;
+}
+.totalCount {
+    float: right;
+    margin-top: 28px;
+    margin-right: 15px;
+}
+.pagination_box{
+margin-bottom: 100px;
+}
+.pagination_box .pagePre a{
+    margin-right: 10px
+}
+.pagination_box .pageNext a{
+    margin-left: 10px;
+}
+
+#commentArea{
+    width: 700px;
+    height: 80px;
+    outline: none;
+    margin-left: 26px;
+    resize: none;
+    margin-top: 10px;
+    text-indent:1em;
+    line-height: 20px;
+    padding-top: 5px;
+}
+#commentArea:focus{
+    border-color:transparent; 
+    box-shadow: 0 0 10px #1697ea ;
+}
+.CommentSend button{
+    width: 150px;
+    height: 34px;
+    margin-left: 26px;
+    margin-top: 6px;
+}
+.commentStar{
+    overflow: hidden;
+    margin-left: 26px;
+    margin-top: 10px;
+    line-height: 20px;
+}
+.commentStar>span{
+    display: inline-block;
+    float: left;
+    color: #ff570c
+}
+.commentStar .ulStar{
+    float: left;
+    margin-left: 6px;
+}
+.commentStar .ulStar span{
+    display: inline-block;
+    cursor: pointer;
+    margin-right: 4px;
+    font-size: 20px;
+    float: left;
+    color: #ff570c
+}
+
+
+@media screen and (max-width:1200px){
+   .safeBanner{ 
+        width: 1200px!important;
+        margin: 0 auto;
+    }
+}

+ 4 - 0
src/js/dataDic.js

@@ -119,6 +119,10 @@ module.exports={
             key:'新闻'
         },
         {
+            value:'legal_adviser',
+            key:'法律顾问'
+        },
+        {
             value:'',
             key:''
         }

+ 22 - 0
src/js/newMenu/safeguarding.js

@@ -8,6 +8,7 @@ import 'js/public.js';
  //导航
  $(function(){
     navTop();
+    search()
     function navTop() {
         $(window).scroll(function(){
             var scrolltop=$(document).scrollTop();
@@ -18,5 +19,26 @@ import 'js/public.js';
                 }
         });
     }
+    //搜索
+    function search() {
+        $('.searchBtn').click(function () {
+            let val = $('.demandSearch').val();
+            window.location.href=`${globalConfig.context}/portal/service/safeguardingList?name=${val}`;
+        })
+    }
+    //我要成为法律顾问
+    adviserFun();
+    function adviserFun(){
+        $('.indexSearch>span').click(function(){
+            let loginTxt=$('.head_login')[0];
+            if(loginTxt&&($(loginTxt).text())=='登录'){
+                $('.head_login').click();
+                window.location.hash='jump';
+                return false;
+            }else{
+                window.location.href= globalConfig.context+'/user/account/index.html#/personal';
+            }
+        })
+    }
  })
 

+ 247 - 0
src/js/newMenu/safeguardingDetail.js

@@ -0,0 +1,247 @@
+/*
+ *	@author:liting
+ * 	@update:2018/09/26
+ * 
+ */
+ import 'css/bootstrap.less';
+import 'bootstrap/dist/js/bootstrap.js';
+import 'css/newMenu/public.css';
+import 'css/newMenu/header.css'
+import 'css/newMenu/safeguardingDetail.css';
+import 'js/public.js';
+
+"use strict";
+$(function () {
+    init();
+    function init(){
+        pages();
+    }
+    $('.collectionN .heart').click(function () {
+        let heart = $('.heart');
+        if (heart.hasClass('active')) {
+            collectionApi(0) //取消关注
+        } else {
+            collectionApi(1) //关注
+        }
+    })
+    let hash = window.location.search,
+        hashArr =hash.split('='),
+        ids =hashArr[1];
+    function collectionApi(index) {
+        let nub=parseInt($('.nubCollect').text());
+        let url = index?'/api/user/portal/expertInterest':'/api/user/portal/expertCancelInterest';
+        $.ajax({
+            method: "post",
+            dataType: "json",
+            url: globalConfig.context + url,
+            data: {
+                id:ids
+            },
+            success: function (data) {
+                if (data.error && data.error.length) {
+		            msg(data.error[0].message);
+                }else{
+                    if(!index){
+                        $('.heart').removeClass('active');
+                        $('.collectionN').removeClass('active');
+                        $('.nubCollect').text((nub-1))
+                        $('#msg').val('取消关注')
+                    }else{
+                        $('.heart').addClass('active');
+                        $('.collectionN').addClass('active');
+                        $('.nubCollect').text((nub+1));
+                        $('#msg').val('关注成功,请至个人中心-我的关注查看.');
+                    }
+		            msg(index?'关注成功,请至个人中心-我的关注查看.':'取消关注');
+                }
+            }
+        })
+    }
+    //评论列表
+    loadDate();
+    var thePageNo = 1,
+        thePageLength = 1,
+        pageSize = 4;
+    function loadDate(pageNo) {
+        $.ajax({
+            method: "get",
+            dataType: "json",
+            url: globalConfig.context + "/open/unlanded/comment/list",
+            data: {
+                pageNo: pageNo || 1,
+                pageSize:4,
+                commodityId:ids
+            },
+            success: function (data) {
+                var theArrs = [];
+                if(data&&data.error.length){
+                    msg(data.error[0].message)
+                };
+                if(data.data.totalCommentCount>0){
+                    let good = (((data.data.positiveCommentCount)/(data.data.totalCommentCount))*100).toFixed(1),
+                    middle = (((data.data.ordinaryCommentCount)/(data.data.totalCommentCount))*100).toFixed(1),
+                    bad = (100-good-middle).toFixed(1);
+                    $('.commentDetails').html(`
+                        评价 :<span>好评(${good+'%'})</span><span>中评(${middle+'%'})</span><span>差评(${bad+'%'})</span>
+                        `)
+                }else{
+                    $('.commentDetails').html(`
+                        评价 :<span>好评(100%)</span><span>中评(0%)</span><span>差评(0%)</span>
+                    `)
+                }
+                if (data.data && data.data.comments.list.length) {
+                    let nub = data.data.comments.list.length;
+                    for (let i = 0; i < nub; i++) {
+                        let thisdata = data.data.comments.list[i],name;
+                        let times =thisdata.createTime?new Date(thisdata.createTime).toLocaleString():'',
+                            star=thisdata.star;
+                            if(thisdata.uname.indexOf('游客')>-1){
+                                name='匿名'
+                            }else{
+                                name=thisdata.uname
+                            };
+                        theArrs.push(`
+                        <li>
+                        <div class="stasf">
+                            <p>用户名 :<span class="uName">${name}</span></p>
+                            <div class="satisfied">
+                                <span>满意度:</span>
+                                <ol>
+                                    <li><span class="glyphicon ${star>=1?'glyphicon-star':'glyphicon-star-empty'} "></span></li>
+                                    <li><span class="glyphicon ${star>=2?'glyphicon-star':'glyphicon-star-empty'}"></span></li>
+                                    <li><span class="glyphicon ${star>=3?'glyphicon-star':'glyphicon-star-empty'}"></span></li>
+                                    <li><span class="glyphicon ${star>=4?'glyphicon-star':'glyphicon-star-empty'}"></span></li>
+                                    <li><span class="glyphicon ${star>=5?'glyphicon-star':'glyphicon-star-empty'}"></span></li>
+                                </ol>
+                            </div>
+                        </div>
+                        <div><time>${times}</time></div>
+                        <div class="satisfiedContent">
+                            <p>${thisdata.content}</p> 
+                        </div>
+                    </li>`);
+                    };
+                    
+                };
+               
+                $('.numberBars').html(data.data.totalCommentCount>10?'10+':data.data.totalCommentCount)
+                $('.evaluateList>ul').empty();
+                $('.evaluateList>ul').append(theArrs.join(''));
+                
+                if (!(data.data.comments.list.length)) {
+                    $('.evaluateList>ul').html("<div class='list_none'>暂无评论</div>");
+                    $('.pagination_box').css('display', 'none')
+                }else{
+                    $('.pagination_box').css('display', 'block');
+                }
+                thePageLength = data.data.comments.totalCount ? Math.ceil(data.data.comments.totalCount / pageSize) : 1;
+                $('.totalCount').html(`共${data.data.comments.totalCount}条数据 ${thePageLength}页`)
+                var pageArr = [],
+                    firstNo = 1,
+                    endNo = 5;
+                if (thePageNo > 3) {
+                    firstNo = thePageNo - 2;
+                    endNo = Math.min((Number(thePageNo) + 2), thePageLength);
+                } else {
+                    endNo = Math.min(thePageLength, 5);
+                };
+                for (let i = firstNo; i <= endNo; i++) {
+                    if (i == thePageNo) {
+                        pageArr.push(
+                            '<li class="pageNumber active"><a href="#" value=' + i + ' >' + i + '</a></li>'
+                        );
+                    } else {
+                        pageArr.push(
+                            '<li class="pageNumber"><a href="#" value=' + i + ' >' + i + '</a></li>'
+                        );
+                    }
+                };
+                $('.pageNumber').remove();
+                $('.pagePre').after(pageArr.join(''));
+            }
+        });
+    }
+    //f分页
+    function pages() {
+        $('.pagination').on('click', 'li', function (e) {
+            e.preventDefault();
+            if (this.className === 'pagePre') {
+                if (thePageNo > 1) {
+                    thePageNo = 1;
+                    loadDate(thePageNo);
+                }
+            } else if (this.className === 'pageNext') {
+                if (thePageNo < thePageLength) {
+                    thePageNo = thePageLength;
+                    loadDate(thePageNo);
+                }
+            } else {
+                var nextPageNo = $(this).children()[0].text;
+                if (thePageNo != nextPageNo) {
+                    $(this).siblings("li").removeClass("active");
+                    $(this).addClass("active");
+                    thePageNo = nextPageNo;
+                    loadDate(thePageNo);
+                };
+            };
+        });
+    }
+     //提示框渐隐函数    
+     function msg(txt) {
+        if($('.smg').hasClass('active')){
+			return ;
+        }
+        txt?$('#msg').val(txt):'';
+        $('.smg').addClass('active');
+        var lit = $('#msg').val(txt);
+        setTimeout(function () {
+            $('.smg').removeClass('active');
+            $('#msg').val('');
+        }, 2000)
+    }
+    //评论星星
+    star();
+    function star(){
+        $('.commentStar .ulStar span').hover(function(){
+            $(this).addClass('glyphicon-star').removeClass('glyphicon-star-empty').prevAll().addClass('glyphicon-star').removeClass('glyphicon-star-empty');
+            $(this).nextAll().removeClass('glyphicon-star').addClass('glyphicon-star-empty').stop(true);
+        })
+    }
+    //新建评论
+    addComment();
+    function addComment(){
+        $('.CommentSend .btn').click(function(e){
+            e.preventDefault();
+            let starNum = $('.commentStar .ulStar span.glyphicon-star').length,
+                textVal = $('#commentArea').val();
+            if(!starNum){
+                msg('请您选择星级!');
+                return;
+            }
+            if(!textVal){
+                msg('请您填写评论内容!');
+                return;
+            }
+            $.ajax({
+                method:'post',
+                url: globalConfig.context + "/open/addComment",
+                dataType:'json',
+                data:{
+                    commodityId:ids,
+					content:textVal,
+                    star:starNum,
+                    commodityType:4
+                }
+            }).done(function(data){
+                if(data&&data.error.length){
+                    msg(data.error[0].message);
+                    return;
+                }  
+                msg('评论成功,感谢您的评论。');
+                $('#commentArea').val('');
+                $('.ulStar span').removeClass('glyphicon-star').addClass('glyphicon-star-empty');
+                loadDate();
+            })
+        })
+    }
+})

+ 283 - 0
src/js/newMenu/safeguardingList.js

@@ -0,0 +1,283 @@
+/*
+ *	@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/adviserList.css';
+import 'js/public.js';
+
+"use strict";
+$(function () {
+    var thePageNo = 1,
+        thePageLength = 1,
+        dataList = {},
+        pageSize = 6;
+    init();
+
+    function init() {
+        pages();
+        inpFun();
+        search();
+        jump();
+    };
+    //一级界面跳转此页面
+
+    function jump() {
+        let hash = window.location.search;
+        if (hash) {
+            if (hash.indexOf('name') > -1 || hash.indexOf('topId') > -1 || hash.indexOf('secondId') > -1) {
+                let newHash = hash.substr(1, hash.length)
+                    if (newHash.indexOf('name') > -1) {
+                        let names = newHash.split('=')
+                        dataList.name = decodeURIComponent(names[1])
+                        $('.demandSearch').val(dataList.name);
+                    }
+                loadDate()
+            }
+        } else {
+                dataList.name = "",
+            loadDate();
+        }
+    }
+    function loadDate(pageNo) {
+        $('.loading').show();
+        $.ajax({
+            method: "get",
+            dataType: "json",
+            url: globalConfig.context + "/api/portal/identity/consultantList",
+            data: {
+                pageNo: pageNo || 1,
+                pageSize: pageSize,
+                name: dataList.name,
+                sortType:dataList.sortType,
+                consultantType:4
+            },
+            success: function (data) {
+                var theArrs = [];
+                if (data && data.error.length) {
+                    msg(data.error[0].message)
+                };
+                if (data.data && data.data.list.length) {
+                    let nub = data.data.list.length;
+                    for (let i = 0; i < nub; i++) {
+                        let thisdata = data.data.list[i],txtCont='';
+                            switch(thisdata.consultantType){
+                                case 0:
+                                    txtCont='专利代理人';
+                                    break;
+                                case 1:
+                                    txtCont='专利顾问';
+                                    break;
+                                case 2:
+                                    txtCont='版权顾问';
+                                    break;
+                                case 3:
+                                    txtCont='商标顾问';
+                                    break;
+                                default:
+                                    txtCont="暂无";
+                            }
+                        theArrs.push(`
+                        <li>
+                            <div>
+                                <a href="${globalConfig.context}/portal/service/safeguardingDetail?id=${thisdata.uid}">
+                                    ${thisdata.personPortraitUrl&&thisdata.personPortraitUrl!=null?'<img src="'+globalConfig.avatarHost+'/upload'+thisdata.personPortraitUrl+'"/>':''}
+                                    <div class="txt" data-id=${thisdata.uid}>
+                                        <div>
+                                            <h4>${thisdata.username}</h4>
+                                            <p><span>好评率 ( ${thisdata.favorableRate} )</span><span class="nubCollect">${thisdata.countInterest}</span>${thisdata.interested?'<span class="heart active"></span>':'<span class="heart"></span>'}</p>
+                                        </div> 
+                                        <p class="address">${thisdata.workUnit}</p>
+                                        <p>${thisdata.introduction?(thisdata.introduction).length>140?(thisdata.introduction).substr(0,140)+'...':thisdata.introduction:'暂无描述'}</p>
+                                    </div>
+                                </a>
+                            </div>
+                        </li>
+                        `);
+                    };
+                };
+                $('.loading').hide().stop(true, true);
+                $('.adviserList ul').empty();
+                $('.adviserList ul').append(theArrs.join(''));
+                $('.pagination_box').css('display', 'block');
+                $('.inp').css('display', 'block');
+                if (data.data.list.length === 0) {
+                    $('.adviserList ul').html("<div class='list_none'></div>");
+                    $('.pagination_box').css('display', 'none');
+                    $('.inp').css('display', 'none');
+                };
+                thePageLength = data.data.totalCount ? Math.ceil(data.data.totalCount / pageSize) : 1;
+                $('.totalCount').html(`共${data.data.totalCount}条数据 ${thePageLength}页`)
+                var pageArr = [],
+                    firstNo = 1,
+                    endNo = 5;
+                if (thePageNo > 3) {
+                    firstNo = thePageNo - 2;
+                    endNo = Math.min((Number(thePageNo) + 2), thePageLength);
+                } else {
+                    endNo = Math.min(thePageLength, 5);
+                };
+                for (let i = firstNo; i <= endNo; i++) {
+                    if (i == thePageNo) {
+                        pageArr.push(
+                            '<li class="pageNumber active"><a href="#" value=' + i + ' >' + i + '</a></li>'
+                        );
+                    } else {
+                        pageArr.push(
+                            '<li class="pageNumber"><a href="#" value=' + i + ' >' + i + '</a></li>'
+                        );
+                    }
+                };
+                $('.pageNumber').remove();
+                $('.pagePre').after(pageArr.join(''));
+                $('footer').show();
+                colFun();
+               
+            }
+        });
+    }
+    //f分页
+    function pages() {
+        $('.pagination').on('click', 'li', function (e) {
+            e.preventDefault();
+            if (this.className === 'pagePre') {
+                if (thePageNo > 1) {
+                    thePageNo = 1;
+                    loadDate(thePageNo);
+                }
+            } else if (this.className === 'pageNext') {
+                if (thePageNo < thePageLength) {
+                    thePageNo = thePageLength;
+                    loadDate(thePageNo);
+                }
+            } else {
+                var nextPageNo = $(this).children()[0].text;
+                if (thePageNo != nextPageNo) {
+                    $(this).siblings("li").removeClass("active");
+                    $(this).addClass("active");
+                    thePageNo = nextPageNo;
+                    loadDate(thePageNo);
+                };
+            };
+        });
+    }
+    //输入跳转
+    function inpFun() {
+        $('.inp button').on('click', function () {
+            let val = $(this).siblings().val();
+            if (!isNaN(val) && val <= thePageLength && val > 0) {
+                thePageNo = val;
+                loadDate(thePageNo);
+            } else {
+                msg('请输入正确页码')
+            }
+        })
+    }
+    //搜索
+    function search() {
+        $('.searchBtn').click(function () {
+            let val = $('.demandSearch').val();
+            dataList.name = val;
+            loadDate();
+        })
+    }
+    /* 提示 */
+    //提示框渐隐函数    
+    function msg(txt) {
+        if ($('.smg').hasClass('active')) {
+            return;
+        }
+        $('.smg').addClass('active');
+        var lit = $('#msg').val(txt);
+        setTimeout(function () {
+            $('.smg').removeClass('active')
+            $('#msg').val('');
+        }, 2000)
+    }
+    //收藏
+    function colFun(){
+        $('.txt .heart').click(function (e) {
+            let  loginTxt=$('.head_login')[0];
+            if(loginTxt&&($(loginTxt).text())=='登录'){
+                window.location.hash='jump'
+                msg('请先登录!')
+                return false;
+            };
+            e.preventDefault();
+            e.stopPropagation();
+            let nub=parseInt($(this).siblings('.nubCollect').text()),
+                heart = $(this),
+                id=$(this).parents('.txt').attr('data-id');
+                console.log(nub)
+             if (heart.hasClass('active')) {
+                 $(this).removeClass('active')
+                 $(this).siblings('.nubCollect').text(nub-1);
+                 collectionApi(0,id,nub) //取消关注
+             } else {
+                 $(this).addClass('active');
+                 $(this).siblings('.nubCollect').text(nub+1);
+                 collectionApi(1,id,nub) //关注
+             }
+         })
+    }
+    function collectionApi(index,ids,nub) {
+        let url = index?'/api/user/portal/expertInterest':'/api/user/portal/expertCancelInterest';
+        $.ajax({
+            method: "post",
+            dataType: "json",
+            url: globalConfig.context + url,
+            data: {
+                id:ids
+            },
+            success: function (data) {
+                if (data.error && data.error.length) {
+		            msg(data.error[0].message);
+                }else{
+                    if(!index){
+                        $('#msg').val('取消关注')
+                    }else{
+                        $('#msg').val('关注成功,请至个人中心-我的关注查看.');
+                    }
+		            msg(index?'关注成功,请至个人中心-我的关注查看.':'取消关注');
+                }
+            }
+        })
+    }
+    //排序调用接口
+    sortFun();
+    function sortFun(){
+        $('.sort .relTime').click(function(){
+            if($(this).hasClass('active')){
+                $(this).removeClass('active');
+                dataList.sortType='';
+                thePageNo=1
+                loadDate(thePageNo);
+            }else{
+                $('.colNumber').removeClass('active')
+                $(this).addClass('active');
+                dataList.sortType=0;
+                thePageNo=1;
+                loadDate(thePageNo);
+            }
+        })
+        $('.sort .colNumber').click(function(){
+            if($(this).hasClass('active')){
+                $(this).removeClass('active');
+                dataList.sortType='';
+                thePageNo=1;
+                loadDate(thePageNo);
+            }else{
+                $('.relTime').removeClass('active')
+                $(this).addClass('active');
+                dataList.sortType=1;
+                thePageNo=1;
+                loadDate(thePageNo);
+            }
+        })
+        
+    }
+})

+ 1 - 0
src/js/search.js

@@ -156,6 +156,7 @@ $(function(){
                 case "news":window.open(globalConfig.context + `/portal/news/newsDetail?id=${dataId}`);break;//新闻
                 case "expert":window.open(globalConfig.context + `/portal/subscriberDetail?uid=${dataId}&type=1`);break;//专家
                 case "adviser":window.open(globalConfig.context + `/portal/adviser/adviserDetail?id=${dataId}`);break;//顾问
+                case "legal_adviser":window.open(globalConfig.context + `/portal/service/safeguardingDetail?id=${dataId}`);break;//顾问
                 default :break;
             }
         })

+ 85 - 107
template/newMenu/safeguarding.html

@@ -262,125 +262,103 @@
         <img src="../../img/safeguarding/safeguarding_banner.png" alt="">
     </div>
     <div class="container">
-        <h3>维权百科</h3>
-        <ul class="safeguardingBody">
-            <li>
-                <div class="listImg">
-                    <img src="../../img/safeguarding/safeguarding01.png" alt="">
+        <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 class="listTxt">
-                    <div>
-                        <img src="../../img/safeguarding/safeguarding_deng01.png" alt="" >
-                    </div>
-                    <div class="listTxtGrounp">
-                        <div>
-                            <h4>低价乱象</h4>
-                            <small><span class="red">Low price chaos / </span>Conception</small>
-                            <p>低价是指经销商未按照品牌商或厂家指导价格,低于指导价格进行网络销售的行为。对品牌商整体的价格体系造成巨大的冲击,严重紊乱了原有经销商的体系。</p>
-                        </div>
+            </div>
+            <span>我要成为法律顾问</span>
+        </div>
+        <div class="safeIndexPic">
+            <img src="../../img/newMenu/safeIndex_1.png" alt="">
+        </div>
+        <div class="safeList">
+            <ul>
+                <li>
+                    <a href="#">
                         <div>
-                            <h4>危害</h4>
-                            <small><span class="red">Low price chaos / </span>Harm</small>
-                            <p>商家为谋求薄利多销,低于市场价格销售,其他商家跟风盛行,导致商家之间展开价格拉锯战,最后厂家无利可谋。</p>
+                            <img src="../../img/safeguarding/safeguarding_banner.png" alt="">
                         </div>
-                    </div>
-                </div>
-            </li>
-            <li>
-                <div class="listImg">
-                    <img src="../../img/safeguarding/safeguarding02.png" alt="">
-                </div>
-                <div class="listTxt">
+                        <h3>李四光</h3>
+                        <span>长沙市律师长沙市律师</span>
+                        <p>专注于商标、版权、专利、不正当竞争...</p>
+                    </a>
+                </li>
+                <li>
                     <div>
-                        <img src="../../img/safeguarding/safeguarding_deng03.png" alt="" >
+                        <img src="../../img/safeguarding/safeguarding_banner.png" alt="">
                     </div>
-                    <div class="listTxtGrounp">
-                        <div>
-                            <h4>未授权</h4>
-                            <small><span class="red">Unauthorized sales / </span>Conception</small>
-                            <p>非授权销售是指没有预先经过品牌方允许,个人或者公司私自在网上开店进行销售;线下的经销商未经允许私自在网上开店进行销售同样是非授权销售的一种。</p>
-                        </div>
-                        <div>
-                            <h4>危害</h4>
-                            <small><span class="red">Unauthorized sales / </span>Harm</small>
-                            <p>降低线上授权商家的积极性,导致线上授权商家抱怨。非授权店铺大肆倾销产品,品牌价格体系遭到严重破坏。导致经销商对品牌方丧失信心,招商难上加难。</p>
-                        </div>
-                    </div>
-                </div>
-            </li>
-            <li>
-                <div class="listImg">
-                    <img src="../../img/safeguarding/safeguarding03.png" alt="">
-                </div>
-                <div class="listTxt">
+                    <h3>李四光</h3>
+                    <span>长沙市律师长沙市律师</span>
+                    <p>专注于商标、版权、专利、不正当竞争...</p>
+                </li>
+                <li>
                     <div>
-                        <img src="../../img/safeguarding/safeguarding_deng04.png" alt="" >
-                    </div>
-                    <div class="listTxtGrounp">
-                        <div>
-                            <h4>商标侵权</h4>
-                            <small><span class="red">Trademark infringement / </span>Conception</small>
-                            <p>1.未经商标注册人的许可,在同一种商品或者类似商品上使用与其注册商标相同或者近似的商标的 </p>
-                            <p>2.销售侵犯注册商标专用权的商品的 </p>
-                            <p>3.伪造、擅自制造他人注册商标标识或者销售伪造、擅自制造的注册商标标识</p>
-                            <p>4.未经商标注册人同意,更换其注册商标并将该更换商标的商品又投入市场 </p>
-                            <p>5.给他人的注册商标专用权造成其他损害的行为</p>
-                        </div>
+                        <img src="../../img/safeguarding/safeguarding_banner.png" alt="">
                     </div>
-                </div>
-            </li>
-            <li>
-                <div class="listImg">
-                    <img src="../../img/safeguarding/safeguarding05.png" alt="">
-                </div>
-                <div class="listTxt">
+                    <h3>李四光</h3>
+                    <span>长沙市律师长沙市律师</span>
+                    <p>专注于商标、版权、专利、不正当竞争...</p>
+                </li>
+                <li>
                     <div>
-                        <img src="../../img/safeguarding/safeguarding_deng05.png" alt="" >
-                    </div>
-                    <div class="listTxtGrounp">
-                        <div>
-                            <h4>专利侵权</h4>
-                            <small><span class="red">patent infringement / </span>Conception</small>
-                            <p>1.未经许可制造专利产品的行为</p>
-                            <p>2.故意使用发明或实用新型专利产品的行为</p>
-                            <p>3.销售、许诺销售未经许可的专利产品的行为</p>
-                            <p>4.使用专利方法以及使用、销售、许诺销售依照专利方法直接获得的产品的行为</p>
-                            <p>5.进口专利产品或进口依照专利方法直接得的产品的行为</p>
-                            <p>6.假冒他人专利的行为</p>
-                            <p>7.冒充专利的行为</p>
-                        </div>
+                        <img src="../../img/safeguarding/safeguarding_banner.png" alt="">
                     </div>
-                </div>
-            </li>
-            <li>
-                <div class="listImg">
-                    <img src="../../img/safeguarding/safeguarding06.png" alt="">
-                    <img src="../../img/safeguarding/safeguarding07.png" alt="">
-                </div>
-                <div class="listTxt">
+                    <h3>李四光</h3>
+                    <span>长沙市律师长沙市律师</span>
+                    <p>专注于商标、版权、专利、不正当竞争...</p>
+                </li>
+                <li>
                     <div>
-                        <img src="../../img/safeguarding/safeguarding_deng06.png" alt="" >
-                    </div>
-                    <div class="listTxtGrounp">
-                        <div>
-                            <h4>著作侵权</h4>
-                            <small><span class="red">Copyright infringement / </span>Conception</small>
-                            <p>1.未经著作权人许可,发表其作品的</p>
-                            <p>2.未经合作作者许可,将与他人合作创作的作品当作自己单独创作的作品发表的</p>
-                            <p>3.没有参加创作,为谋取个人名利,在他人作品上署名的</p>
-                            <p>4.歪曲、篡改他人作品的</p>
-                            <p>5.剽窃他人作品的</p>
-                            <p>6.未经著作权人许可,以展览、摄制电影和以类似摄制电影的方法使用作品,或者以改编、翻译、注释等方式使用作品的,本法另有规定的除外</p>
-                            <p>7.使用他人作品,应当支付报酬而未支付的</p>
-                            <p>8.未经电影作品和以类似摄制电影的方法创作的作品、计算机软件、录音录像制品的著作权人或者与著作权有关的权利人许可,出租其作品或者录音录像制品的,本法另有规定的除外</p>
-                            <p>9.未经出版者许可,使用其出版的图书、期刊的版式设计的</p>
-                            <p>10.未经表演者许可,从现场直播或者公开传送其现场表演,或者录制其表演的</p>
-                            <p>11.其他侵犯著作权以及与著作权有关的权益的行为</p>
-                        </div>
+                        <img src="../../img/safeguarding/safeguarding_banner.png" alt="">
                     </div>
+                    <h3>李四光</h3>
+                    <span>长沙市律师长沙市律师</span>
+                    <p>专注于商标、版权、专利、不正当竞争...</p>
+                </li>
+            </ul>
+            <div>
+                <a href="#">发现更多律师</a>
+            </div>
+        </div>
+    </div>
+    <div class="safeBottom">
+        <div class="container">
+            <div class="RecommendTitle">
+                <h2>维权小知识</h2>
+                <span></span>
+            </div>
+            <div class="picTxt">
+                <img src="../../img/newMenu/safeIndex_2.png" alt="">
+                <div>
+                    <h3>商标侵权</h3>
+                    <p>1、未经商标注册人的许可,在同一种商品或者类似商品上使用与其注册商标相同或者近似的商标的</p> 
+                    <p>2、销售侵犯注册商标专用权的商品的</p>
+                    <p>3、伪造、擅自制造他人注册商标标识或者销售伪造、擅自制造的注册商标标识</p> 
+                    <p>4、未经商标注册人同意,更换其注册商标并将该更换商标的商品又投入市场 </p> 
+                    <p>5、给他人的注册商标专用权造成其他损害的行为</p>
                 </div>
-            </li>
-        </ul>
+            </div>
+            <div class="picTxt">
+                <div>
+                    <h3>专利侵权</h3>
+                    <p>1、未经许可制造专利产品的行为</p> 
+                    <p>2、故意使用发明或实用新型专利产品的行为</p>
+                    <p>3、销售、许诺销售未经许可的专利产品的行为</p> 
+                    <p>4、使用专利方法以及使用、销售、许诺销售依照专利方法直接获得的产品的行为 </p> 
+                    <p>5、进口专利产品或进口依照专利方法直接得的产品的行为</p>
+                    <p>6、假冒他人专利的行为</p>
+                    <p>7、冒充专利的行为</p>
+                </div>
+                <img src="../../img/newMenu/safeIndex_22.png" alt="">
+            </div>
+        </div>
     </div>
     <!-- 下面是公共底部 -->
     <footer>

+ 602 - 0
template/newMenu/safeguardingDetail.html

@@ -0,0 +1,602 @@
+<!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/safeguardingDetail.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/public.css">
+    <link rel="stylesheet" href="../../src/css/newMenu/header.css"> 
+</head>
+
+<body>
+    <div class="header">
+		<div class="container">
+			<div class="navigationList webkitHover">
+				<a>网站导航
+					<span class="webkitDown"></span>
+				</a>
+			</div>
+			<div>
+				<ul>
+                    <li class="blue">
+                        全国统一服务热线:400-8800-962
+                    </li>    
+					<li>
+						<a href="javascript:void(0)" class="head_login">登录</a>
+					</li>
+					<li>
+						<a href="#">注册</a>
+					</li>
+					<li class="shopIcon">
+						<a href="#">
+							<img src="../../img/index/index_shopCar.jpg" alt="">购物车(<span class="numberTotal">0</span>)件 </a>
+                        <span class="glyphicon glyphicon-tint tint" aria-hidden="true"></span>
+					</li>
+				</ul>
+			</div>
+		</div>
+		<div class="navWrapper webkitHover">
+			<ol>
+				<li>
+					<div>知识产权申请</div>
+					<span>
+						<img src="../../img/index/index_webkit1.png" alt="">
+					</span>
+					<p>
+						<a href="#">最新发布</a>
+					</p>
+					<p>
+						<a href="#">专利服务</a>
+					</p>
+					<p>
+						<a href="#">商标服务</a>
+					</p>
+					<p>
+						<a href="#">版权服务</a>
+					</p>
+					<p>
+						<a href="#">知产百科</a>
+					</p>
+
+				</li>
+				<li>
+					<div>知识产权赚钱</div>
+					<span>
+						<img src="../../img/index/index_webkit2.png" alt="">
+					</span>
+					<p>
+						<a href="#serviceHigh">高企服务</a>
+						<a href="#serviceProject">科技项目</a>
+					</p>
+					<p>
+						<a href="#serviceProperty" >知识产权</a>
+						<a href="#serviceCustomer">合作客户</a>
+					</p>
+					<p>
+						<a href="#serviceAuthentication">企业认证</a>
+						<a href="#serviceAbility">服务能力</a>
+					</p>
+					<p>
+						<a href="#serviceAdministration">管理体系</a>
+						<a href="#serviceProcess">服务流程</a>
+					</p>
+					<p>
+						<a href="#serviceBrand">品牌通</a>
+					</p>
+				</li>
+				<li>
+					<div>知识产权交易</div>
+					<span>
+						<img src="../../img/index/index_webkit3.png" alt="">
+					</span>
+					<p>
+						<a href="#trandingIndexAchievement">转换技术成果</a>
+					</p>
+					<p>
+						<a href="#trandingIndexDiff">解决技术难题</a>
+					</p>
+					<p>
+						<a href="#trandingIndexPolicy">知识产权交易政策</a>
+					</p>
+					<p>
+						<a href="#trandingIndexExpert">权威专家</a>
+					</p>
+				</li>
+				<li>
+					<div>知识产权维权</div>
+					<span>
+						<img src="../../img/index/index_webkit4.png" alt="">
+					</span>
+					<p>
+						<a href="#">最新发布</a>
+					</p>
+					<p>
+						<a href="#">专利服务</a>
+					</p>
+					<p>
+						<a href="#">商标服务</a>
+					</p>
+					<p>
+						<a href="#">版权服务</a>
+					</p>
+					<p>
+						<a href="#">知产百科</a>
+					</p>
+				</li>
+				<li>
+					<div>关于公司 </div>
+					<span>
+						<img src="../../img/index/index_webkit1.png" alt="">
+					</span>
+					<p>
+						<a href="#">公司简介</a>
+					</p>
+					<p>
+						<a href="#business">业务范围</a>
+					</p>
+					<p>
+						<a href="#honor">荣誉资质</a>
+					</p>
+					<p>
+						<a href="#development">发展历程</a>
+					</p>
+				</li>
+			</ol>
+		</div>
+	</div>
+    <!-- search -->
+    <div class="topNavBj">
+        <div class="topNav">
+            <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 class="active">
+                                <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>
+                                    </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>
+                                </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>
+            </div>
+        </div>
+    </div>
+    <div class="safeBanner">
+        <div class="container">
+            <div class="bannerLeft">
+                <div class="portraitLeft">
+                    <div>
+                        <img src="../../img/newMenu/policyBanner.png" alt="">
+                    </div>
+                    <p><img src="../../img/newMenu/safeAddress.png" alt=""><span>湖南长沙</span></p>
+                </div>
+                <div class="portraitRight">
+                    <h4><span>李四光</span><img src="../../img/newMenu/sadeRezh.png" alt="">平台认证</h4>
+                    <p>湖南好的噜律师事务所</p>
+                    <p>湖南好的噜律师事务所委员</p>
+                    <a href="javascript:;" onclick="openZoosUrl('chatwin');">立即咨询</a>
+                </div>
+            </div>
+            <div class="bannerRight">
+                <h3>电话咨询热线</h3>
+                <p>400-8800-926</p>
+            </div>
+        </div>
+    </div>
+    <!--主体内容--> 
+    <div class="container safeBody">
+        <div class="safeBodyLeft">
+            <div class="safeIntroduce">
+                <h3>个人简介</h3>
+                <p>近日,多部门召开发布会,对未来房价能否继续平稳、猪肉价格会否大涨等民众关切问题,给予回应。近日,多部门召开发布会,对未来房价能否继续平稳、猪肉价格会否大涨等民众关切问题,给予回应。近日,多部门召开发布会,对未来房价能否继续</p>
+            </div>
+            <div class="safeIntroduce">
+                <h3>擅长行业</h3>
+                <p>近日,多部门召开发布会,对未来房价能否继续平稳、猪肉价格会否大涨等民众关切问题,给予回应。近日,多部门召开发布会,对未来房价能否继续平稳、猪肉价格会否大涨等民众关切问题,给予回应。近日,多部门召开发布会,对未来房价能否继续</p>
+            </div>
+            <div class="safeIntroduce">
+                <h3>典型案例</h3>
+                <p>近日,多部门召开发布会,对未来房价能否继续平稳、猪肉价格会否大涨等民众关切问题,给予回应。近日,多部门召开发布会,对未来房价能否继续平稳、猪肉价格会否大涨等民众关切问题,给予回应。近日,多部门召开发布会,对未来房价能否继续</p>
+            </div>
+            <div class="adviser_list">
+                <p>用户评价</p>
+            </div>
+            <div class="evaluateList">
+                <div class="commentDetails">评价 :<span>好评-100%</span><span>中评-100%</span><span>差评-100%</span></div>
+                <div>
+                    <div class="commentStar">
+                        <span>选择星级 : </span>
+                        <div class="ulStar">
+                            <span class="glyphicon glyphicon-star-empty"></span>
+                            <span class="glyphicon glyphicon-star-empty"></span>
+                            <span class="glyphicon glyphicon-star-empty"></span>
+                            <span class="glyphicon glyphicon-star-empty"></span>
+                            <span class="glyphicon glyphicon-star-empty"></span>
+                        </div>
+                    </div>
+                    <textarea id="commentArea" placeholder="来说几句吧。。"></textarea>
+                    <div class="CommentSend">
+                        <button class="btn btn-primary">评论</button>
+                    </div>
+                </div>
+                <ul>
+                    <li>
+                        <div class="stasf">
+                            <p>用户 :<span class="uName">132465498</span></p>
+                            <div class="satisfied">
+                                <span>满意度:</span>
+                                <ol>
+                                    <li><span class="glyphicon glyphicon-star"></span></li>
+                                    <li><span class="glyphicon glyphicon-star"></span></li>
+                                    <li><span class="glyphicon glyphicon-star"></span></li>
+                                    <li><span class="glyphicon glyphicon-star"></span></li>
+                                    <li><span class="glyphicon glyphicon-star-empty"></span></li>
+                                </ol>
+                            </div>
+                        </div>
+                        <time>124/121/12</time>
+                        <div class="satisfiedContent">
+                            <p>dsadsadsadasdasd</p> 
+                        </div>
+                    </li>
+                </ul>
+                <div class="pagination_box">
+                    <nav aria-label="Page navigation" class="clearfix">
+                        <ul class="pagination">
+                            <li class="pagePre">
+                                <a href="#" aria-label="Previous">
+                                    <span aria-hidden="true">首页</span>
+                                </a>
+                            </li>
+                            <li class="pageNumber"><a href="#" value="1">1</a></li>
+                            <li class="pageNext">
+                                <a href="#" aria-label="Next">
+                                    <span aria-hidden="true">末页</span>
+                                </a>
+                            </li>
+                        </ul>
+                        <span class="totalCount">共0条数据</span>
+                    </nav>
+                </div>
+            </div>
+        </div>
+        <div class="safeBodyRight">
+            <p>看过该律师的用户还看过</p>
+            <ul>
+                <li>
+                    <img src="../../img/newMenu/index_header400.jpg" alt="">
+                    <div>
+                        <h4><span>李四光</span><span class="praise">好评率:98%</span></h4>
+                        <p>湖南好的噜律师事务所</p>
+                    </div>
+                </li>
+            </ul>
+        </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">
+            <ul>
+                <li>
+                    <a href="" class="pendent_box">
+                        <span class="glyphicon glyphicon-plane"></span>
+                    </a>
+                </li>
+                <li>
+                    <a onclick="lrminiMax();">
+                        <span class="glyphicon glyphicon-user"></span>
+                    </a>
+                </li>
+                <li class="phonefix">
+                    <a>
+                        <span class="glyphicon glyphicon-phone-alt"></span>
+                    </a>
+                    <div class="phoneTxt">
+                        <p>联系电话</p>
+                        <p>400-8800-962</p>
+                    </div>
+                </li>
+                <li >
+                    <a>
+                        <span class="glyphicon glyphicon-send"></span> 
+                    </a>
+                    <div class="phoneTxt">
+                        <p>公众号</p>
+                        <img src="../../img/erweima.jpg" alt="">
+                    </div>
+                </li>
+                <li>
+                    <a>
+                        <span class="glyphicon glyphicon-bookmark"></span>
+                    </a>
+                    <div class="phoneTxt">
+                        <p>APP</p>
+                        <div>
+                            <img src="../../img/erweima_iphone.png" alt="">
+                            <p>iPhone版</p>
+                        </div>
+                        <div>
+                            <img src="../../img/erweima_android.jpg" alt="">
+                            <p>Android版</p>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </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>
+
+ <!-- <script src="../../src/js/jquery-2.1.0.js"></script>
+<script src="../../src/js/public.js"></script>
+<script src="../../src//js/newMenu/patent.js"></script>
+<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> -->
+
+</html>

File diff suppressed because it is too large
+ 415 - 0
template/newMenu/safeguardingList.html


+ 1 - 1
webpack-dll.config.js

@@ -10,7 +10,7 @@ let theme = {
   '@link-color': '#58a3ff'
 };
 module.exports = (function () {
-	let staticHost = 'http://192.168.0.190:8088';    
+	let staticHost = 'http://192.168.0.188:8088';    
     switch (argv.env.deploy) {
         case 'test':
             staticHost = 'http://statics.jishutao.com';

+ 14 - 2
webpack.config.js

@@ -379,6 +379,18 @@ module.exports = (function () {
             template: './template/newMenu/safeguarding.html',
             chunks: ['newMenu/safeguarding', 'vendors']
         }),
+        new HtmlWebpackPlugin({
+            title: '知识产权维权列表',
+            filename: 'html/newMenu/safeguardingList.html',
+            template: './template/newMenu/safeguardingList.html',
+            chunks: ['newMenu/safeguardingList', 'vendors']
+        }),
+        new HtmlWebpackPlugin({
+            title: '知识产权维权详情',
+            filename: 'html/newMenu/safeguardingDetail.html',
+            template: './template/newMenu/safeguardingDetail.html',
+            chunks: ['newMenu/safeguardingDetail', 'vendors']
+        }),
         //app
         // new HtmlWebpackPlugin({
         //     title: '评估',
@@ -438,7 +450,7 @@ module.exports = (function () {
         }));
     }
 
-    let staticHost = 'http://192.168.0.190';
+    let staticHost = 'http://192.168.0.188';
     switch (argv.env.deploy) {
         case 'test':
             staticHost = 'http://statics.jishutao.com';
@@ -470,7 +482,7 @@ module.exports = (function () {
         plugins: plugins,
         devServer: {
             disableHostCheck: true,
-            host: '192.168.0.190',
+            host: '192.168.0.188',
             port: 80,
             allowedHosts: ['192.168.0.190', '192.168.0.99', '192.168.0.20'],
             headers: {

+ 45 - 35
webpack/entry.config.js

@@ -33,6 +33,8 @@ module.exports = {
         'newMenu/practicalPatent': './src/js/newMenu/continueHigh.js',
         'newMenu/militaryProject': './src/js/newMenu/continueHigh.js',
         'newMenu/safeguarding': './src/js/newMenu/safeguarding.js',
+        'newMenu/safeguardingList': './src/js/newMenu/safeguardingList.js',
+        'newMenu/safeguardingDetail': './src/js/newMenu/safeguardingDetail.js',
         //app
         'evaluation/evaluate': './src/js/newMenu/evaluate.js',
         'newMenu/adviserList': './src/js/newMenu/adviserList.js',
@@ -40,147 +42,155 @@ module.exports = {
         'newMenu/adviser': './src/js/newMenu/adviser.js',
     },
     watch: {
-        'index': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'index': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/index.js'
         ],
-        'search': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'search': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/search.js'
         ],
-        'facilitator': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'facilitator': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/facilitator/facilitator.js'
         ],
-         'aboutUs': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+         'aboutUs': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/aboutUs.js'
         ],
-        'contactUs': ['webpack-dev-server/client?http://192.168.0.190',
+        'contactUs': ['webpack-dev-server/client?http://192.168.0.188',
             'webpack/hot/only-dev-server',
             './src/js/contactUs.js'
         ],
-        'register': ['webpack-dev-server/client?http://192.168.0.190',
+        'register': ['webpack-dev-server/client?http://192.168.0.188',
             'webpack/hot/only-dev-server',
             './src/js/register.js'
         ],
-        'thinkTank': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'thinkTank': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/thinkTank.js'
         ],
-        'technologyTrading/achievementDetail': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'technologyTrading/achievementDetail': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/achievementDetail.js'
         ],
-        'technologyTrading/demandDetail': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'technologyTrading/demandDetail': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/technologyTrading/demandDetail.js'
         ],
-        'thinkTank/policyDetail': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'thinkTank/policyDetail': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/thinkTank/policyDetail.js'
         ],
-        'thinkTank/thinkerDetail': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'thinkTank/thinkerDetail': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/thinkTank/thinkerDetail.js'
         ],
-        'thinkTank/policyList': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'thinkTank/policyList': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/thinkTank/policyList.js'
         ],
         // newsApp 
-        'news/newsDetailApp': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'news/newsDetailApp': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/news/newsDetailApp.js'
         ],
-        'news/appCognizance': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'news/appCognizance': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/news/appCognizance.js'
         ],
-        'news/agreement': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'news/agreement': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/news/agreement.js'
         ],
         /* 2018-06 新版科技需求 */
-        'newMenu/demand': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/demand': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/demand.js'
         ],
-        'newMenu/achievement': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/achievement': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/achievement.js'
         ],
-        'newMenu/achievementList': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/achievementList': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/achievementList.js'
         ],
-        'newMenu/demandList': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/demandList': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/demandList.js'
         ],
-        'newMenu/services': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/services': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/services.js'
         ],
-        'newMenu/serviceList': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/serviceList': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/serviceList.js'
         ],
-        'newMenu/serviceDetails': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/serviceDetails': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/serviceDetails.js'
         ],
-        'newMenu/shopList': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/shopList': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/shopList.js'
         ],
-        'newMenu/patentList': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/patentList': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/patentList.js'
         ],
-        'newMenu/tradingIndex': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/tradingIndex': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/tradingIndex.js'
         ],
-        'newMenu/patent': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/patent': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/patent.js'
         ],
-        'newMenu/companyProfile': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/companyProfile': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/companyProfile.js'
         ],
-        'newMenu/continueHigh': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/continueHigh': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/continueHigh.js'
         ],
-        'newMenu/practicalPatent': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/practicalPatent': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/continueHigh.js'
         ],
-        'newMenu/militaryProject': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/militaryProject': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/continueHigh.js'
         ],
-        'newMenu/safeguarding': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/safeguarding': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/safeguarding.js'
         ],
-        'evaluation/evaluate': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'evaluation/evaluate': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/evaluate.js'
         ],
-        'newMenu/adviserList': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/adviserList': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/adviserList.js'
         ],
-        'newMenu/adviserDetail': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        'newMenu/adviserDetail': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
             'webpack/hot/only-dev-server',
             './src/js/newMenu/adviserDetail.js'
         ],
-        'newMenu/adviser': ['webpack-dev-server/client?http://192.168.0.190', // WebpackDevServer host and port
+        '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'
         ],
+        'newMenu/safeguardingList': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
+            'webpack/hot/only-dev-server',
+            './src/js/newMenu/safeguardingList.js'
+        ],
+        'newMenu/safeguardingDetail': ['webpack-dev-server/client?http://192.168.0.188', // WebpackDevServer host and port
+            'webpack/hot/only-dev-server',
+            './src/js/newMenu/safeguardingDetail.js'
+        ],
     }
 };