| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434 | /* *	@author:liting * 	@update:2018/06/20 *  */// import 'css/bootstrap.less';// import 'bootstrap/dist/js/bootstrap.js';import 'css/newMenu/public.css';import 'css/newMenu/header.css'import 'css/newMenu/serviceList.css';import 'js/public.js';"use strict";$(function () {    var thePageNo = 1,        thePageLength = 1,        dataList = {},        pageSize = 15;    init();    function init() {        pages();        inpFun();        summary();        search();        // jump();        $('.onSelect .preFirst').css('display', 'none');        $('.onSelect .next').css('display', 'none');        $('.hot ul li').removeClass('active');    };    //一级界面跳转此页面       function jump(theData) {        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('&') > -1) {                    let hashArr = newHash.split('&');                    hashArr.map(item => {                        if (item.indexOf('name') > -1) {                            let names = item.split('=')                            dataList.name = decodeURIComponent(names[1])                            $('.demandSearch').val(dataList.name);                            menuInit(theData)                        }                        if (item.indexOf('topId') > -1) {                            let topIds = item.split('=')                            dataList.topId = decodeURIComponent(topIds[1])                            menuInit(theData,topIds)                        }                        if (item.indexOf('secondId') > -1) {                            let secondIds = item.split('=')                            dataList.secondId = decodeURIComponent(secondIds[1])                            menuInit(theData,secondIds[1])                        }                    })                } else {                    if (newHash.indexOf('name') > -1) {                        let names = newHash.split('=')                        dataList.name = decodeURIComponent(names[1])                        $('.demandSearch').val(dataList.name);                        menuInit(theData)                    }                    if (newHash.indexOf('topId') > -1) {                        let topIds = newHash.split('=')                        dataList.topId = decodeURIComponent(topIds[1])                        menuInit(theData,topIds[1])                    }                    if (newHash.indexOf('secondId') > -1) {                        let secondIds = newHash.split('=')                        dataList.secondId = decodeURIComponent(secondIds[1])                        menuInit(theData,secondIds[1])                    }                                    }                loadDate()            }        } else {            dataList.name = "",            dataList.topId = "", //行业            dataList.secondId = "" //类型            loadDate();            menuInit(theData);        }    }    //跳转渲染菜单    function menuInit(data,id='',state){        var theArrs = '',htmls='',htmlSec='';            htmls+='<div class="objList">';            let thisdata=data,m,n,l;            thisdata.unshift({                    module: '',                    name: '不限',                    list:[{                        topLevelId:'',                        topLevel:'不限'                    }]                })            thisdata.map((item,index)=>{                htmls+='<div>';                theArrs+='<li data-module='+item.module+'><span>'+item.name+'</span></li>';                if(item.list&&(item.list).length){                    (item.list).map((atem,ind)=>{                        if(atem.topLevelId==id){                            m=index;n=ind;                            htmls+='<span class="active" data-id='+atem.topLevelId+'>'+atem.topLevel+'</span>'                            return;                        }else{                            atem.children&&(atem.children).map((otem,nub)=>{                                if(otem.id==id){                                    m=index;n=ind,l=nub;                                }                            })                        }                        htmls+='<span data-id="'+atem.topLevelId+'">'+atem.topLevel+'</span>'                    })                }                htmls+='</div>'            })            if(l>=0){                let listSec = thisdata[m].list[n].children;                listSec.map(ttm=>{                    htmlSec+=`<li data-id=${ttm.id}>${ttm.name}</li>`                })            }else{                l=0;                htmlSec='<li data-id="" class="active">不限</li>';            }            htmls+='</div>';            if(!id){                $('.industryList').append(htmls);                $('.industryList ul').html(theArrs);                $('.industryList ul li').eq(0).addClass('active');                $('.objList div').eq(0).addClass('active');                $('.objList div').eq(0).find('span').addClass('active');                $('.productionType ol').html(`<li data-id='' class="active">不限</li>`);            }else{                $('.industryList').append(htmls);                $('.industryList ul').html(theArrs);                $('.industryList ul li').eq(m).addClass('active');                $('.objList>div').eq(m).addClass('active');                $('.objList>div').eq(m).find('span').eq(n).addClass('active');                $('.productionType ol').html(htmlSec);                $('.productionType ol li').eq(l).addClass('active');            }            onSelect(thisdata);    }    function summary() {        $.ajax({            method: "get",            dataType: "json",            url: globalConfig.context + "/portal/service/jtBusiness/makeMoneyCategoryList",            data: {},            success: function (data) {                if (data.data && data.data.length) {                    let thisdata = data.data;                    jump(thisdata)                };            }        })    }    function loadDate(pageNo) {        $('.loading').show();        $.ajax({            method: "get",            dataType: "json",            url: globalConfig.context + "/portal/service/jtProject/list",            data: {                pageNo: pageNo || 1,                pageSize: 15,                name: dataList.name,                topId: dataList.topId, //行业                secondId: dataList.secondId, //类型                privateProject:1,                auditStatus:2,                module:dataList.module||'0'            },            success: function (data) {                var theArrs = [];                if(data&&data.error.length){                    msg(data.error[0].message)                };                let times = new Date().getTime();                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],                             news = formatDuring(times)-formatDuring(thisdata.releaseDate);                             var introd=thisdata.introduce?(thisdata.introduce).replace(/<\/?.+?>/g,""):thisdata.introduce;                           //  <a href="${globalConfig.context}/portal/service/serviceDetail?id=${thisdata.id?thisdata.id:''}">                        theArrs.push(`                        <li dataId="${thisdata.id}">                                <div class="img serviceImg">									${thisdata.maxImgUrl&&thisdata.maxImgUrl!=null?'<img src="'+globalConfig.avatarHost+'/upload'+thisdata.maxImgUrl+'"/>':''}                                    <span style="display:${news>7?'none':'block'}"></span>                                </div>                                <div class="txtIntroduce">                                    <div class="txts">                                        <h5>${thisdata.name}</h5>                                    </div>                                    <div class="btnTxts">                                        <a href="javascript:(0)" class="companyName"><span class="glyphicon glyphicon-user"></span>${thisdata.companyName?thisdata.companyName:''}</a>                                        <span class="number">销量 : ${thisdata.dealCount?thisdata.dealCount:0}</span>                                    </div>                                 </div>                        </li>`);                    };                };                $('.loading').hide().stop(true,true);                $('.achievementHot .hotList').empty();                $('.achievementHot .hotList').append(theArrs.join(''));                $('.pagination_box').css('display', 'block');                $('.inp').css('display', 'block');                if (data.data.list.length === 0) {                    $('.achievementHot .hotList').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,                    thePageNo=pageNo||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(''));                urlDetaile();            }        });    }    //跳转详情函数    function urlDetaile(){        $('.hotList>li').click(function(){            let idUrl = $(this).attr('dataId');            window.location.href=globalConfig.context+'/portal/service/serviceDetail?id='+idUrl;        })    }    //时间转换    function formatDuring(mss) {        var days = parseInt(mss / (1000 * 60 * 60 * 24));        var hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));        var minutes = parseInt((mss % (1000 * 60 * 60)) / (1000 * 60));        var seconds = (mss % (1000 * 60)) / 1000;        return days ;    }    //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 onSelect(data) {        $('.industryList ul li').click(function(){            let index = $(this).index();            $(this).addClass('active').siblings().removeClass('active');            $('.objList div span').removeClass('active');            $('.objList div').eq(index).addClass('active').siblings().removeClass('active');            if(!index){                $('.objList div').eq(index).find('span').addClass('active');                 }            $('.productionType ol').html('<li class="active" data-id=" ">不限</li>')            $('.preFirst').show();            $('.preFirst').html($(this).text());            $('.next').css('display', 'none')            dataList.name='';            dataList.topId='';            dataList.secondId='';            dataList.module=$(this).attr('data-module');            loadDate();            secH();        })        $('.objList div span').on('click', function () {            let secondTxt = [],                scondHtml = [];            $('.hot ul li').removeClass('active');            $(this).parent('div').addClass('active').siblings().removeClass('active')            $('.industryList ul li p').removeClass('active');            $(this).addClass('active').siblings().removeClass('active')            dataList.topId = $(this).attr('data-id');            dataList.name = '';            dataList.secondId = '';            $('.next').css('display', 'none')            data.map(item => {                if(item.list&&(item.list).length){                    (item.list).map(atem=>{                        if (atem.topLevelId == dataList.topId) {                            secondTxt = atem.children                        }                    })                }            })            secondTxt.map(item => {                scondHtml.push(`                    <li data-id=${item.id}>${item.name}</li>                    `)            })            if (!dataList.topId) {                dataList.topId = '';                dataList.secondId = '';                $('.preFirst').html('不限');                $('.next').css('display', 'none')                scondHtml = ['<li>不限</li>'];            }            $('.productionType ol').html(scondHtml);            let txt = $(this).text();            $('.onSelect .preFirst').css('display', 'block').html(`                    <span>${txt}</span>            `)            loadDate();            secSelect();            secH();        });        secSelect();        secH()    }    //二级菜单高度处理    function secH(){        let proH = $('.productionType ol').height();        if(proH>50){            $('.productionType p').css({'height':proH,'line-height':proH+'px'})        }else{            $('.productionType p').css({'height':'50px','line-height':'50px'})        }    }    function secSelect(){        $('.productionType ol li').on('click', function () {            dataList.name = '';            dataList.topId = $('.industryList ul li.active').attr('data-id');            $(this).addClass('active').siblings().removeClass('active');            dataList.secondId = $(this).attr('data-id');            if (!dataList.secondId) return;            let txt = $(this).text();            $('.onSelect .next').css('display', 'block').html(`                    <span>${txt}</span>                    `)            loadDate();        })    }    //搜索    function search() {        $('.hot ul li').click(function () {            $(this).addClass('active').siblings().removeClass('active');            dataList.name = $(this).text();            $('.productionType ol').html(`<li data-id=''>不限</li>`);            $('.industryList ul li').removeClass('active');            $('.productionType ol li').removeClass('active')            $('.demandSearch').val(dataList.name);            $('.objList div span').removeClass('active');            dataList.topId = '';            dataList.secondId = '';            dataList.module='';            loadDate();        });        $('.searchBtn').click(function () {            let val = $('.demandSearch').val();            $('.productionType ol').html(`<li data-id=''>不限</li>`);            $('.industryList ul li').removeClass('active');            $('.productionType ol li').removeClass('active');            $('.objList div span').removeClass('active');            dataList.name = val;            dataList.topId = '';            dataList.secondId = '';            dataList.module='';            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)    }})
 |