新型经营主体接口及问题修改

newBusinessEntities/release.html

@@ -22,8 +22,8 @@
             <div class="w-1200">
                 <p class="fl">农村经营主体综合供求信息网</p>
                 <ul class="fl m-l-30">
-                    <li class="active"><a href="index.html">首页</a></li>
-                    <li><a href="view/supply/index.html">供求信息</a></li>
+                    <li><a href="index.html">首页</a></li>
+                    <li class="active"><a href="view/supply/index.html">供求信息</a></li>
                     <li><a href="view/price/index.html">价格看板</a></li>
                     <li><a href="view/train/index.html">农技服务</a></li>
                     <li><a href="view/supplyChain/index.html">供应链</a></li>
@@ -40,7 +40,7 @@
         </div>
         <div class="partition"></div>
         <div class="w-1200">
-            <p class="crumbs">首页 > 信息发布</p>
+            <p class="crumbs">首页 > 供求信息 > 信息发布</p>
             <div class="detail_box">
                 <p class="recommendTit"><i class="lvd"></i>录入信息</p>
                 <div class="detail_box_comm">
@@ -48,11 +48,12 @@
                         <tr>
                             <td width="80">发布类别</td>
                             <td colspan="3">
-                                <select>
-                                    <option>请选择发布类别</option>
-                                    <option>发布类别</option>
-                                    <option>发布类别</option>
-                                </select>
+                                <script id="sortData" type="text/html">
+                                    {{each sortOptions as value i}}
+                                        <option>{{value.dictLabel}}</option>
+                                    {{/each}}
+                                </script>
+                                <select id="sortContent"></select>
                             </td>
                         </tr>
                         <tr>
@@ -65,18 +66,14 @@
                         </tr>
                         <tr>
                             <td>类别</td>
-                            <td colspan="3">
-                                <select style="width: 49%;">
-                                    <option>蔬菜</option>
-                                    <option>蔬菜</option>
-                                    <option>蔬菜</option>
-                                </select>
-                                <select style="width: 50%;">
-                                    <option>蔬菜作物</option>
-                                    <option>蔬菜作物</option>
-                                    <option>蔬菜作物</option>
-                                </select>
-                            </td>
+                            <script id="projectData" type="text/html">
+                                    <select data-select="parentSelect" onchange="changeSelect(this)" style="width: 49%;">
+                                        {{each projectList as value i}}
+                                            <option value="{{value.id}}">{{value.classificationName}}</option>
+                                        {{/each}}
+                                    </select>
+                            </script>
+                            <td colspan="3" id="projectContent"></td>
                         </tr>
                         <tr>
                             <td>单价</td>
@@ -139,7 +136,7 @@
         </div>
     </div>
 </body>
-<script src="../static/js/common/require.js" data-main="../static/js/common/main.js?t=101" id="require-page"
-    target-module="../static/js/newProject/release/index.js" defer type="text/javascript"></script>
+<script src="static/js/common/require.js" data-main="static/js/common/main.js?t=101" id="require-page"
+        target-module="static/js/project/release.js" defer type="text/javascript"></script>
 
 </html>

newBusinessEntities/static/js/api/index.js

@@ -66,4 +66,8 @@ var supplyChainAgent = '/webSite/operators/supplyChainAgent'  //经纪人列表
 
 var supplyChainPurchaser = '/webSite/operators/supplyChainPurchaser'  //采购商列表
 
+var homePage = '/webSite/operators/homePage'  //发布供求服务
+
+var productDetails = '/webSite/operators/productDetails'  //产品分类子集查询
+
 var dictType = '/webSite/operators/data/type'  //首页-字典查询

newBusinessEntities/static/js/common/main.js

@@ -21,6 +21,7 @@ requirejs.config({
         cupload:'lib/cupload/cupload',//上传图片插件
         dateTime:'lib/dateTime/dateTime.min',//时间选择器
         LeftNav:'lib/LeftNav/LeftNav',//树状标签插件
+        InfinitePullDown:'lib/InfinitePullDown/InfinitePullDown',//无限下拉菜单插件
 
         //自己写的路径配置
         Tools: '/newBusinessEntities/static/js/common/tools',
@@ -66,6 +67,10 @@ requirejs.config({
             deps: ['jquery'],
             exports: 'LeftNav'
         },
+        InfinitePullDown: {
+            deps: ['jquery'],
+            exports: 'InfinitePullDown'
+        },
     }
 });
 

newBusinessEntities/static/js/common/tools.js

@@ -1,4 +1,4 @@
-var serverApi = 'http://192.168.31.86:8081';
+var serverApi = 'http://192.168.31.104:8080';
 var friendsLinksList = [];
 var themeColor = '';
 var logo = '';

newBusinessEntities/static/js/lib/InfinitePullDown/InfinitePullDown.js

@@ -0,0 +1,114 @@
+/*!
+ * @module 无限极下拉框
+ * 2022-2-9
+ * by 庞东旭
+ */
+
+let array = [];
+
+let childrenArray = [];
+
+function InfinitePullDown(boxId,data){
+
+    $('' + boxId + ' > select').change(function () {
+
+        const index = $('' + boxId + ' > select').index(this) + 1;
+
+        const selectLength = $(boxId).children('select').length;
+
+        let id = $(this).val();
+
+        console.log(index+'-----------------'+selectLength)
+
+        if (index == 1){
+            childrenArray = data ;
+        }
+
+        forArray(childrenArray,index,id)
+
+        if (index < selectLength){
+
+            for (let i = index ; i < selectLength ; i++){
+
+                $($(boxId).find("select")[i].remove());
+
+            }
+
+        }
+
+        // if (index == 1){
+
+        array = eval(data).filter(function (e) {
+            return e.id == id;
+        })
+
+        // }else{
+        //
+        //     childrenArray = eval(childrenArray[0].children).filter(function (e) { return e.id == id; })
+        //
+        // }
+
+        console.log(childrenArray)
+
+
+        addArray(boxId,array[0])
+
+    })
+
+};
+
+function addArray(boxId,data){
+
+    if (data.children.length>0){
+
+        var options = '';
+
+        for (var i = 0 ; i < data.children.length ; i++){
+
+            options += '<option value="' + data.children[i].id + '">' + data.children[i].classificationName + '</option>' ;
+
+        }
+
+        $(boxId).append(
+
+            '<select style="width: 49%;">' +
+
+            options +
+            '</select>'
+
+        )
+
+        InfinitePullDown('#projectContent',data.children)
+
+    }
+};
+
+let num = 0;
+
+function forArray(data,index,id){
+
+    num++;
+
+    let temporaryData = [];
+
+    if (num == index){return;}
+
+    temporaryData = eval(data).filter(function (e) { return e.id == id; });
+
+    for (let i = 0 ; i < data.length ; i++){
+
+        console.log(temporaryData.length)
+
+        console.log(data)
+
+        if (temporaryData.length == 0){
+            forArray(data[i].children,index,id)
+        }else{
+            temporaryData = eval(data).filter(function (e) { return e.id == id; });
+            return;
+        }
+        console.log(temporaryData)
+        // forArray(array,index);
+    }
+
+}

newBusinessEntities/static/js/project/release.js

@@ -0,0 +1,99 @@
+/**
+ * Created by Administrator on 2021/4/5.
+ */
+define(['jquery', "template", "Tools", "InfinitePullDown","cupload"], function ($, template, Tools) {
+    //数据存储
+    var module = {
+        data: {
+
+        },
+    };
+    var tools = new Tools();
+
+    module.init = function (page) {
+
+        tools.doGet(dictType + '/supply_demand_sort', {}, module.dictType , true);
+        tools.doGet(productCategories , {}, module.projectList , true);
+
+        var cupload2 = new Cupload ({
+            ele: '#cupload-3',
+            num: 5,
+        });
+
+    };
+
+    //类别
+    module.projectList = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+            module.data.projectList = content;
+
+            addSelect(content[0].id);
+
+            var projectData = template('projectData', module.data);
+            $("#projectContent").html(projectData);
+            // InfinitePullDown('#projectContent',content);
+        }
+    }
+
+    addSelect = function(id){
+
+        tools.doGet(productDetails + '/'+id, {}, function(data){
+
+            if ( data.data.length == 0 ){
+
+                return;
+            }
+
+            var options = '';
+
+            for (var i = 0 ; i < data.data.length ; i++){
+
+                options += '<option value="' + data.data[i].id + '">' + data.data[i].classificationName + '</option>' ;
+
+            }
+
+            $('#projectContent').append(
+
+                '<select onchange="changeSelect(this)" style="width: 49%;">' +
+
+                options +
+
+                '</select>'
+
+            )
+
+            addSelect(data.data[0].id)
+
+        } , true);
+
+    }
+
+    changeSelect = function(data){
+        const index = $('#projectContent > select').index(data) + 1;
+
+        const selectLength = $('#projectContent').children('select').length;
+
+        console.log(index + '------------' + selectLength)
+
+        for (let i = selectLength ; i >= index ; i--){
+
+            console.log($('#projectContent').find("select")[i])
+            $('#projectContent').find("select")[i].remove();
+
+        }
+        setTimeout(function(){
+            addSelect(data.value)
+        },1000)
+
+    }
+
+    module.dictType = function (data) {
+        var content = data.data;
+        module.data.sortOptions = content;
+        var sortData = template('sortData', module.data);
+        $("#sortContent").html(sortData);
+    }
+
+    return module;
+});

newBusinessEntities/static/js/project/supply/index.js

@@ -35,7 +35,24 @@ define(['jquery', "template", "Tools", 'LeftNav', 'dateTime'], function ($, temp
         //         //console.log(res)
         //     }
         // })
+        var tabs = $('.tab').find('li');
+        var informationBox = $("#information_box > div");
+        tabs.on('click', function (e) {
 
+            e.preventDefault();//防止打开链接
+
+            var index = $(this).data('index');
+
+
+            tabs.removeClass('active');
+
+            informationBox.css("display",'none');
+
+            $(this).addClass('active');
+
+            $('#'+index).css("display",'block')
+
+        });
         tools.doGet(dictType + '/supply_demand_unit', {}, module.dictType , true);
         tools.doGet(productCategories , {}, module.projectList , true);
     };
@@ -44,9 +61,11 @@ define(['jquery', "template", "Tools", 'LeftNav', 'dateTime'], function ($, temp
         module.data.unitOptions = data.data;
         tools.doGet(depositInformation, {}, module.recommendList, true);
         tools.doGet(supplyInformation, {}, module.supplyInformationList , true);
+        tools.doGet(management, {}, module.managementList , true);
+        tools.doGet(serviceList, {}, module.serviceList , true);
     }
 
-    //新闻列表
+    //类别
     module.projectList = function (data) {
         if (data.code == 200) {
             var content = data.data;
@@ -54,6 +73,10 @@ define(['jquery', "template", "Tools", 'LeftNav', 'dateTime'], function ($, temp
             module.data.projectList = content;
             var projectData = template('projectData', module.data);
             $("#projectContent").html(projectData);
+            var managementProjectData = template('managementProjectData', module.data);
+            $("#managementProjectContent").html(managementProjectData);
+            var serviceProjectData = template('serviceProjectData', module.data);
+            $("#serviceProjectContent").html(serviceProjectData);
             // content.forEach(res => {
             //     module.data.dataList.children.push(res);
             // })
@@ -61,6 +84,44 @@ define(['jquery', "template", "Tools", 'LeftNav', 'dateTime'], function ($, temp
         }
     }
 
+    //求购信息
+    module.managementList = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+
+            for ( var i = 0 ; i < content.length ; i++ ){
+
+                content[i].unit = module.selectDictLabel(module.data.unitOptions,content[i].unit);
+
+                content[i].supplyMasterMap = serverApi + content[i].supplyMasterMap ;
+
+            }
+
+            module.data.managementList = content;
+            var managementData = template('managementData', module.data);
+            $("#managementContent").html(managementData);
+        }
+    }
+
+    //服务信息
+    module.serviceList = function (data) {
+        if (data.code == 200) {
+            var content = data.data;
+
+            for ( var i = 0 ; i < content.length ; i++ ){
+
+                content[i].unit = module.selectDictLabel(module.data.unitOptions,content[i].unit);
+
+                content[i].supplyMasterMap = serverApi + content[i].supplyMasterMap ;
+
+            }
+
+            module.data.serviceList = content;
+            var serviceData = template('serviceData', module.data);
+            $("#serviceContent").html(serviceData);
+        }
+    }
+
     //推荐列表
     module.recommendList = function (data) {
         if (data.code == 200) {

newBusinessEntities/static/js/project/supplyChain/index.js

@@ -69,7 +69,7 @@ define(['jquery', "template", "Tools", 'LeftNav', 'dateTime'], function ($, temp
         module.data.industryClassOptions = data.data;
         tools.doPost(entityMain, {}, module.entityMain , true);
         tools.doPost(supplyChainAgent, {}, module.supplyChainAgent , true);
-        tools.doPost(supplyChainPurchaser, {}, module.supplyChainPurchaser , true);
+        tools.doGet(supplyChainPurchaser, {}, module.supplyChainPurchaser , true);
     }
 
     //经营主体

newBusinessEntities/view/supply/index.html

@@ -54,157 +54,407 @@
         <div class="w-1200">
             <p class="crumbs">首页 > 供求信息 > 供应信息</p>
             <ul class="tab">
-                <li class="active">供应信息</li>
-                <li>求购信息</li>
-                <li>农业服务</li>
+                <li data-index="project" class="active">供应信息</li>
+                <li data-index="management">求购信息</li>
+                <li data-index="service">农业服务</li>
                 <a class="fr goAdd" href="../../release.html">发布</a>
                 <div class="clear"></div>
             </ul>
-            <div class="recommendSupply m-t-15">
-                <p class="recommendTit"><i class="lvd"></i>推荐供应</p>
-                <div class="supplyBox" id="supplyBox">
-                    <img src="../../static/images/jtl.png" alt="" class="jt left"/>
-                    <script id="recommendData" type="text/html">
-                        {{each recommendList as value i}}
-                            <li>
-                                {{if value.supplyMasterMap.indexOf(null) == -1}}
-                                <img src="{{value.supplyMasterMap}}" alt=""/>
-                                {{else}}
-                                <img src="../../static/images/zwtp.png" alt=""/>
-                                {{/if}}
-                                <div class="supplyNat">
-                                    <p style="font-size: 16px;color: #626262;">{{value.supplyDemandName}}</p>
-                                    <p style="color: #626262;">{{value.entityName}}</p>
-                                    <div class="supplyNat_box">
-                                        <span class="supplyNat_type fl">{{value.productType}}</span>
-                                        <p class="supplyNat_money fr"><span>{{value.unitPrice}}</span>{{value.unit}}</p>
-                                        <div class="clear"></div>
+
+            <div id="information_box">
+
+                <div id="project">
+
+                    <div class="recommendSupply m-t-15">
+                    <p class="recommendTit"><i class="lvd"></i>推荐供应</p>
+                    <div class="supplyBox" id="supplyBox">
+                        <img src="../../static/images/jtl.png" alt="" class="jt left"/>
+                        <script id="recommendData" type="text/html">
+                            {{each recommendList as value i}}
+                                <li>
+                                    {{if value.supplyMasterMap.indexOf(null) == -1}}
+                                    <img src="{{value.supplyMasterMap}}" alt=""/>
+                                    {{else}}
+                                    <img src="../../static/images/zwtp.png" alt=""/>
+                                    {{/if}}
+                                    <div class="supplyNat">
+                                        <p style="font-size: 16px;color: #626262;">{{value.supplyDemandName}}</p>
+                                        <p style="color: #626262;">{{value.entityName}}</p>
+                                        <div class="supplyNat_box">
+                                            <span class="supplyNat_type fl">{{value.productType}}</span>
+                                            <p class="supplyNat_money fr"><span>{{value.unitPrice}}</span>{{value.unit}}</p>
+                                            <div class="clear"></div>
+                                        </div>
                                     </div>
-                                </div>
-                            </li>
-                        {{/each}}
-                    </script>
-                    <div style="overflow: scroll;" id="supplyBox2">
-                        <ul id="recommendContent"></ul>
+                                </li>
+                            {{/each}}
+                        </script>
+                        <div style="overflow: scroll;" id="supplyBox2">
+                            <ul id="recommendContent"></ul>
+                        </div>
+                        <img src="../../static/images/jtr.png" alt="" class="jt right"/>
                     </div>
-                    <img src="../../static/images/jtr.png" alt="" class="jt right"/>
                 </div>
-            </div>
 
-            <script id="projectData" type="text/html">
-                <p class="recommendTit"><i class="lvd"></i>供应类别</p>
-                {{each projectList as value i}}
-                    {{if value.children != ""}}
-                    <ul>
-                        <p>{{value.classificationName}}</p>
-                        {{each value.children as item i}}
-                            <li>{{item.classificationName}}</li>
+                    <script id="projectData" type="text/html">
+                        <p class="recommendTit"><i class="lvd"></i>供应类别</p>
+                        {{each projectList as value i}}
+
+                            <ul>
+                                <p>{{value.classificationName}}</p>
+                                    {{if value.children != ""}}
+                                        {{each value.children as item i}}
+                                            <li>{{item.classificationName}}</li>
+                                        {{/each}}
+                                    {{/if}}
+                                <div class="clear"></div>
+                            </ul>
                         {{/each}}
                         <div class="clear"></div>
-                    </ul>
-                    {{/if}}
-                {{/each}}
-                <div class="clear"></div>
-            </script>
-
-            <div class="supplyType_left m-t-15 fl" id="projectContent"></div>
-
-            <div class="fr m-t-15" style="width: 895px">
-                <div class="searchBox">
-                    <p class="recommendTit"><i class="lvd"></i>查询</p>
-                    <div class="l-h-30 m-t-10">
-                        <input type="text" placeholder="请输入关键词搜索" class="fl searchOne" />
-                        <div class="fl">
-                            <label><p class="color-666">详情</p><input type="radio" name="searchType" value=""/></label>
-                            <label><p class="color-666">标题</p><input type="radio" name="searchType" value=""/></label>
-                            <label><p class="color-666">经营主体</p><input type="radio" name="searchType" value=""/></label>
+                    </script>
+
+                    <div class="supplyType_left m-t-15 fl" id="projectContent"></div>
+
+                    <div class="fr m-t-15" style="width: 895px">
+                        <div class="searchBox">
+                            <p class="recommendTit"><i class="lvd"></i>查询</p>
+                            <div class="l-h-30 m-t-10">
+                                <input type="text" placeholder="请输入关键词搜索" class="fl searchOne" />
+                                <div class="fl">
+                                    <label><p class="color-666">详情</p><input type="radio" name="searchType" value=""/></label>
+                                    <label><p class="color-666">标题</p><input type="radio" name="searchType" value=""/></label>
+                                    <label><p class="color-666">经营主体</p><input type="radio" name="searchType" value=""/></label>
+                                </div>
+                                <div class="fr">
+                                    <p class="fl color-666 m-r-5">地区</p>
+                                    <select class="fl m-r-20">
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                    </select>
+                                    <select class="fl m-r-20">
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                    </select>
+                                    <p class="fl searchBtn">查询</p>
+                                    <div class="clear"></div>
+                                </div>
+                                <div class="clear"></div>
+                                <div class="fl m-t-15">
+                                    <p class="fl color-666 m-r-5">类别</p>
+                                    <select class="fl m-r-20">
+                                        <option>蔬菜</option>
+                                        <option>蔬菜</option>
+                                        <option>蔬菜</option>
+                                        <option>蔬菜</option>
+                                    </select>
+                                    <select class="fl m-r-20">
+                                        <option>蔬菜作物</option>
+                                        <option>蔬菜作物</option>
+                                        <option>蔬菜作物</option>
+                                        <option>蔬菜作物</option>
+                                    </select>
+                                    <div class="clear"></div>
+                                </div>
+                                <div class="fr m-t-15 searchTow">
+                                    <span class="m-r-5">日期</span><input type="text" class="m-r-5"/><span class="m-r-5">至</span><input type="text" class="m-r-10"/>
+                                    <span class="m-r-5">价格</span><input type="text" class="m-r-5"/><span class="m-r-5">至</span><input type="text"/>
+                                </div>
+                                <div class="clear"></div>
+                            </div>
                         </div>
-                        <div class="fr">
-                            <p class="fl color-666 m-r-5">地区</p>
-                            <select class="fl m-r-20">
-                                <option>张村镇</option>
-                                <option>张村镇</option>
-                                <option>张村镇</option>
-                                <option>张村镇</option>
-                            </select>
-                            <select class="fl m-r-20">
-                                <option>张村镇</option>
-                                <option>张村镇</option>
-                                <option>张村镇</option>
-                                <option>张村镇</option>
-                            </select>
-                            <p class="fl searchBtn">查询</p>
-                            <div class="clear"></div>
+                        <div class="supplyList m-t-15">
+                            <div class="supplyList_tit">
+                                <p class="font24 color-333 fl">供应信息</p>
+                                <ul class="fr">
+                                    <li>发布时间<img src="../../static/images/icon_pc.png" alt=""/></li>
+                                    <li>关注量<img src="../../static/images/icon_pc.png" alt=""/></li>
+                                    <li>价格<img src="../../static/images/icon_pc.png" alt=""/></li>
+                                    <div class="clear"></div>
+                                </ul>
+                                <div class="clear"></div>
+                            </div>
+                            <script id="supplyInformationData" type="text/html">
+                                {{each supplyInformationList as value i}}
+                                    <li>
+                                        <a href="detail.html">
+                                            {{if value.supplyMasterMap.indexOf(null) == -1}}
+                                                <img src="{{value.supplyMasterMap}}" width="25%" height="128" alt="" class="fl"/>
+                                            {{else}}
+                                                <img src="../../static/images/zwtp.png" width="25%" height="128" alt="" class="fl"/>
+                                            {{/if}}
+                                            <table class="fl">
+                                                <tr>
+                                                    <td colspan="3"><p class="font16 color-333">{{value.supplyDemandName}}<i class="bq">{{value.productType}}</i></p></td>
+                                                </tr>
+                                                <tr>
+                                                    <td colspan="2"><p class="color-666">{{value.introduction}}</p></td>
+                                                    <td><p class="supplyList_tel"><i class="icon_tel"></i>{{value.supplyDemandTal}}</p></td>
+                                                </tr>
+                                                <tr>
+                                                    <td colspan="3"><p class="supplyList_money">{{value.unitPrice}}<span>{{value.unit}}</span></p></td>
+                                                </tr>
+                                                <tr>
+                                                    <td><p class="color-666">{{value.entityName}}</p></td>
+                                                    <td><p class="color-666">山东省威海市张村镇刘家村</p></td>
+                                                    <td><p class="supplyList_time">{{value.createTime.substr(0,10)}}</p></td>
+                                                </tr>
+                                            </table>
+                                            <div class="clear"></div>
+                                        </a>
+                                    </li>
+                                {{/each}}
+                                <div class="clear"></div>
+                            </script>
+                            <ul class="supplyList_list" id="supplyInformationContent"></ul>
                         </div>
+                    </div>
+
+                </div>
+
+                <div style="display: none" id="management">
+
+                    <script id="managementProjectData" type="text/html">
+                        <p class="recommendTit"><i class="lvd"></i>求购类别</p>
+                        {{each projectList as value i}}
+                            <ul>
+                                <p>{{value.classificationName}}</p>
+                                {{if value.children != ""}}
+                                    {{each value.children as item i}}
+                                        <li>{{item.classificationName}}</li>
+                                    {{/each}}
+                                {{/if}}
+                                <div class="clear"></div>
+                            </ul>
+                        {{/each}}
                         <div class="clear"></div>
-                        <div class="fl m-t-15">
-                            <p class="fl color-666 m-r-5">类别</p>
-                            <select class="fl m-r-20">
-                                <option>蔬菜</option>
-                                <option>蔬菜</option>
-                                <option>蔬菜</option>
-                                <option>蔬菜</option>
-                            </select>
-                            <select class="fl m-r-20">
-                                <option>蔬菜作物</option>
-                                <option>蔬菜作物</option>
-                                <option>蔬菜作物</option>
-                                <option>蔬菜作物</option>
-                            </select>
-                            <div class="clear"></div>
+                    </script>
+
+                    <div class="supplyType_left m-t-15 fl" id="managementProjectContent"></div>
+
+                    <div class="fr m-t-15" style="width: 895px">
+                        <div class="searchBox">
+                            <p class="recommendTit"><i class="lvd"></i>查询</p>
+                            <div class="l-h-30 m-t-10">
+                                <input type="text" placeholder="请输入关键词搜索" class="fl searchOne" />
+                                <div class="fl">
+                                    <label><p class="color-666">详情</p><input type="radio" name="searchType" value=""/></label>
+                                    <label><p class="color-666">标题</p><input type="radio" name="searchType" value=""/></label>
+                                    <label><p class="color-666">经营主体</p><input type="radio" name="searchType" value=""/></label>
+                                </div>
+                                <div class="fr">
+                                    <p class="fl color-666 m-r-5">地区</p>
+                                    <select class="fl m-r-20">
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                    </select>
+                                    <select class="fl m-r-20">
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                    </select>
+                                    <p class="fl searchBtn">查询</p>
+                                    <div class="clear"></div>
+                                </div>
+                                <div class="clear"></div>
+                                <div class="fl m-t-15">
+                                    <p class="fl color-666 m-r-5">类别</p>
+                                    <select class="fl m-r-20">
+                                        <option>蔬菜</option>
+                                        <option>蔬菜</option>
+                                        <option>蔬菜</option>
+                                        <option>蔬菜</option>
+                                    </select>
+                                    <select class="fl m-r-20">
+                                        <option>蔬菜作物</option>
+                                        <option>蔬菜作物</option>
+                                        <option>蔬菜作物</option>
+                                        <option>蔬菜作物</option>
+                                    </select>
+                                    <div class="clear"></div>
+                                </div>
+                                <div class="fr m-t-15 searchTow">
+                                    <span class="m-r-5">日期</span><input type="text" class="m-r-5"/><span class="m-r-5">至</span><input type="text" class="m-r-10"/>
+                                    <span class="m-r-5">价格</span><input type="text" class="m-r-5"/><span class="m-r-5">至</span><input type="text"/>
+                                </div>
+                                <div class="clear"></div>
+                            </div>
                         </div>
-                        <div class="fr m-t-15 searchTow">
-                            <span class="m-r-5">日期</span><input type="text" class="m-r-5"/><span class="m-r-5">至</span><input type="text" class="m-r-10"/>
-                            <span class="m-r-5">价格</span><input type="text" class="m-r-5"/><span class="m-r-5">至</span><input type="text"/>
+                        <div class="supplyList m-t-15">
+                            <div class="supplyList_tit">
+                                <p class="font24 color-333 fl">求购信息</p>
+                                <ul class="fr">
+                                    <li>发布时间<img src="../../static/images/icon_pc.png" alt=""/></li>
+                                    <li>关注量<img src="../../static/images/icon_pc.png" alt=""/></li>
+                                    <li>价格<img src="../../static/images/icon_pc.png" alt=""/></li>
+                                    <div class="clear"></div>
+                                </ul>
+                                <div class="clear"></div>
+                            </div>
+                            <script id="managementData" type="text/html">
+                                {{each managementList as value i}}
+                                    <li>
+                                        <a href="detail.html">
+                                            {{if value.supplyMasterMap.indexOf(null) == -1}}
+                                                <img src="{{value.supplyMasterMap}}" width="25%" height="128" alt="" class="fl"/>
+                                            {{else}}
+                                                <img src="../../static/images/zwtp.png" width="25%" height="128" alt="" class="fl"/>
+                                            {{/if}}
+                                            <table class="fl">
+                                                <tr>
+                                                    <td colspan="3"><p class="font16 color-333">{{value.supplyDemandName}}<i class="bq">{{value.productType}}</i></p></td>
+                                                </tr>
+                                                <tr>
+                                                    <td colspan="2"><p class="color-666">{{value.introduction}}</p></td>
+                                                    <td><p class="supplyList_tel"><i class="icon_tel"></i>{{value.supplyDemandTal}}</p></td>
+                                                </tr>
+                                                <tr>
+                                                    <td colspan="3"><p class="supplyList_money">{{value.unitPrice}}<span>{{value.unit}}</span></p></td>
+                                                </tr>
+                                                <tr>
+                                                    <td><p class="color-666">{{value.entityName}}</p></td>
+                                                    <td><p class="color-666">山东省威海市张村镇刘家村</p></td>
+                                                    <td><p class="supplyList_time">{{value.createTime.substr(0,10)}}</p></td>
+                                                </tr>
+                                            </table>
+                                            <div class="clear"></div>
+                                        </a>
+                                    </li>
+                                {{/each}}
+                                <div class="clear"></div>
+                            </script>
+                            <ul class="supplyList_list" id="managementContent"></ul>
                         </div>
-                        <div class="clear"></div>
                     </div>
+
                 </div>
-                <div class="supplyList m-t-15">
-                    <div class="supplyList_tit">
-                        <p class="font24 color-333 fl">供应信息</p>
-                        <ul class="fr">
-                            <li>发布时间<img src="../../static/images/icon_pc.png" alt=""/></li>
-                            <li>关注量<img src="../../static/images/icon_pc.png" alt=""/></li>
-                            <li>价格<img src="../../static/images/icon_pc.png" alt=""/></li>
-                            <div class="clear"></div>
-                        </ul>
-                        <div class="clear"></div>
-                    </div>
-                    <script id="supplyInformationData" type="text/html">
-                        {{each supplyInformationList as value i}}
-                            <li>
-                                <a href="detail.html">
-                                    {{if value.supplyMasterMap.indexOf(null) == -1}}
-                                        <img src="{{value.supplyMasterMap}}" width="25%" height="128" alt="" class="fl"/>
-                                    {{else}}
-                                        <img src="../../static/images/zwtp.png" width="25%" height="128" alt="" class="fl"/>
-                                    {{/if}}
-                                    <table class="fl">
-                                        <tr>
-                                            <td colspan="3"><p class="font16 color-333">{{value.supplyDemandName}}<i class="bq">{{value.productType}}</i></p></td>
-                                        </tr>
-                                        <tr>
-                                            <td colspan="2"><p class="color-666">{{value.introduction}}</p></td>
-                                            <td><p class="supplyList_tel"><i class="icon_tel"></i>{{value.supplyDemandTal}}</p></td>
-                                        </tr>
-                                        <tr>
-                                            <td colspan="3"><p class="supplyList_money">{{value.unitPrice}}<span>{{value.unit}}</span></p></td>
-                                        </tr>
-                                        <tr>
-                                            <td><p class="color-666">{{value.entityName}}</p></td>
-                                            <td><p class="color-666">山东省威海市张村镇刘家村</p></td>
-                                            <td><p class="supplyList_time">{{value.createTime.substr(0,10)}}</p></td>
-                                        </tr>
-                                    </table>
-                                    <div class="clear"></div>
-                                </a>
-                            </li>
+
+                <div style="display: none" id="service">
+
+                    <script id="serviceProjectData" type="text/html">
+                        <p class="recommendTit"><i class="lvd"></i>求购类别</p>
+                        {{each projectList as value i}}
+                            <ul>
+                                <p>{{value.classificationName}}</p>
+                                {{if value.children != ""}}
+                                    {{each value.children as item i}}
+                                        <li>{{item.classificationName}}</li>
+                                    {{/each}}
+                                {{/if}}
+                                <div class="clear"></div>
+                            </ul>
                         {{/each}}
                         <div class="clear"></div>
                     </script>
-                    <ul class="supplyList_list" id="supplyInformationContent"></ul>
+
+                    <div class="supplyType_left m-t-15 fl" id="serviceProjectContent"></div>
+
+                    <div class="fr m-t-15" style="width: 895px">
+                        <div class="searchBox">
+                            <p class="recommendTit"><i class="lvd"></i>查询</p>
+                            <div class="l-h-30 m-t-10">
+                                <input type="text" placeholder="请输入关键词搜索" class="fl searchOne" />
+                                <div class="fl">
+                                    <label><p class="color-666">详情</p><input type="radio" name="searchType" value=""/></label>
+                                    <label><p class="color-666">标题</p><input type="radio" name="searchType" value=""/></label>
+                                    <label><p class="color-666">经营主体</p><input type="radio" name="searchType" value=""/></label>
+                                </div>
+                                <div class="fr">
+                                    <p class="fl color-666 m-r-5">地区</p>
+                                    <select class="fl m-r-20">
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                    </select>
+                                    <select class="fl m-r-20">
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                        <option>张村镇</option>
+                                    </select>
+                                    <p class="fl searchBtn">查询</p>
+                                    <div class="clear"></div>
+                                </div>
+                                <div class="clear"></div>
+                                <div class="fl m-t-15">
+                                    <p class="fl color-666 m-r-5">类别</p>
+                                    <select class="fl m-r-20">
+                                        <option>蔬菜</option>
+                                        <option>蔬菜</option>
+                                        <option>蔬菜</option>
+                                        <option>蔬菜</option>
+                                    </select>
+                                    <select class="fl m-r-20">
+                                        <option>蔬菜作物</option>
+                                        <option>蔬菜作物</option>
+                                        <option>蔬菜作物</option>
+                                        <option>蔬菜作物</option>
+                                    </select>
+                                    <div class="clear"></div>
+                                </div>
+                                <div class="fr m-t-15 searchTow">
+                                    <span class="m-r-5">日期</span><input type="text" class="m-r-5"/><span class="m-r-5">至</span><input type="text" class="m-r-10"/>
+                                    <span class="m-r-5">价格</span><input type="text" class="m-r-5"/><span class="m-r-5">至</span><input type="text"/>
+                                </div>
+                                <div class="clear"></div>
+                            </div>
+                        </div>
+                        <div class="supplyList m-t-15">
+                            <div class="supplyList_tit">
+                                <p class="font24 color-333 fl">求购信息</p>
+                                <ul class="fr">
+                                    <li>发布时间<img src="../../static/images/icon_pc.png" alt=""/></li>
+                                    <li>关注量<img src="../../static/images/icon_pc.png" alt=""/></li>
+                                    <li>价格<img src="../../static/images/icon_pc.png" alt=""/></li>
+                                    <div class="clear"></div>
+                                </ul>
+                                <div class="clear"></div>
+                            </div>
+                            <script id="serviceData" type="text/html">
+                                {{each serviceList as value i}}
+                                    <li>
+                                        <a href="detail.html">
+                                            {{if value.supplyMasterMap.indexOf(null) == -1}}
+                                                <img src="{{value.supplyMasterMap}}" width="25%" height="128" alt="" class="fl"/>
+                                            {{else}}
+                                                <img src="../../static/images/zwtp.png" width="25%" height="128" alt="" class="fl"/>
+                                            {{/if}}
+                                            <table class="fl">
+                                                <tr>
+                                                    <td colspan="3"><p class="font16 color-333">{{value.supplyDemandName}}<i class="bq">{{value.productType}}</i></p></td>
+                                                </tr>
+                                                <tr>
+                                                    <td colspan="2"><p class="color-666">{{value.introduction}}</p></td>
+                                                    <td><p class="supplyList_tel"><i class="icon_tel"></i>{{value.supplyDemandTal}}</p></td>
+                                                </tr>
+                                                <tr>
+                                                    <td colspan="3"><p class="supplyList_money">{{value.unitPrice}}<span>{{value.unit}}</span></p></td>
+                                                </tr>
+                                                <tr>
+                                                    <td><p class="color-666">{{value.entityName}}</p></td>
+                                                    <td><p class="color-666">山东省威海市张村镇刘家村</p></td>
+                                                    <td><p class="supplyList_time">{{value.createTime.substr(0,10)}}</p></td>
+                                                </tr>
+                                            </table>
+                                            <div class="clear"></div>
+                                        </a>
+                                    </li>
+                                {{/each}}
+                                <div class="clear"></div>
+                            </script>
+                            <ul class="supplyList_list" id="serviceContent"></ul>
+                        </div>
+                    </div>
+
                 </div>
+
             </div>
             <div class="clear"></div>