<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-CN" xml:lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>农燊高科-主页</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="" />
    <meta name="description" cxontent="" />
    <link href="./static/css/main.css" rel="stylesheet" type="text/css" />
    <link href="./static/css/index.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div class="main" id="page">
        <!--顶部Title  -->
        <div class="bg-f7 txc">
            <div class="w-1200 flex_dom flex_item_between flex_item_mid topDress">
                <p class="topTit">Hi,欢迎来到农村产权交易中心</p>
                <div class="flex_dom flex_item_end">
                    <el-select v-model="cityValue" placeholder="请选择">
                        <el-option-group v-for="group in options" :key="group.label" :label="group.label">
                            <el-option v-for="item in group.options" :key="item.value" :label="item.label"
                                :value="item.value">
                            </el-option>
                        </el-option-group>
                    </el-select>
                    <p class="topTit02">返回主站</p>
                </div>
            </div>
        </div>
        <!--LOGO search -->
        <div class="logoSearch w-1200">
            <div class="wid50 logoSearch-div fl">
                <img src="./static/images/logo.png" class="fl" alt="左云县农村产权交易网" />
                <h1 class="fl" id="webConfigName"></h1>
                <div class="clear"></div>
            </div>
            <div class="wid50 logoSearch-div fr">
                <div class="searchDiv fl">
                    <input type="text" placeholder="请输入关键词搜索" class="searchClass" />
                    <input type="button" value="搜索" class="searchButton" />
                </div>
<!--                <div class="fr">-->
<!--                    <img src="static/images/user_tips.png" class="block fl m-r-10" style="margin-top: 21px" alt=""/>-->
<!--                    <img src="static/images/member.png" class="block fl m-r-10" style="margin-top: 21px" alt=""/>-->
<!--                    <p class="fl userName" id="userName">Sherry</p>-->
<!--                    <div class="clear"></div>-->
<!--                </div>-->
<!--                <div class="headHover" id="headHover" style="display: none;">-->
<!--                    <ul>-->
<!--                        <li>-->
<!--                            <p>Sherry</p>-->
<!--                        </li>-->
<!--                        <li class="m-t-5">-->
<!--                            <img src="static/images/user_icon1.png" class="fl" alt=""/>-->
<!--                            <p class="fl">我的资料</p>-->
<!--                            <div class="clear"></div>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <img src="static/images/user_icon2.png" class="fl" alt=""/>-->
<!--                            <p class="fl">我的供求</p>-->
<!--                            <div class="clear"></div>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <img src="static/images/user_icon3.png" class="fl" alt=""/>-->
<!--                            <p class="fl">我的咨询</p>-->
<!--                            <div class="clear"></div>-->
<!--                        </li>-->
<!--                        <li class="m-b-5">-->
<!--                            <img src="static/images/user_icon4.png" class="fl" alt=""/>-->
<!--                            <p class="fl">我的竞价</p>-->
<!--                            <div class="clear"></div>-->
<!--                        </li>-->
<!--                        <li>-->
<!--                            <img src="static/images/user_icon5.png" class="fl" alt=""/>-->
<!--                            <p class="fl">退出登录</p>-->
<!--                            <div class="clear"></div>-->
<!--                        </li>-->
<!--                    </ul>-->
<!--                </div>-->
                <div class="fr">
                    <a href="view/user/user.html">请登录</a>
                    <a href="javascript:void(0)">免费注册</a>
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>

        <!--顶部导航栏  -->
        <div class="top">
            <ul class="container w-1200">
                <li class="active"><a href="javascript:void(0)">首页</a></li>
                <li><a href="view/listingItems/itemsList.html">挂牌项目</a></li>
                <li><a href="view/bidding/biddingList.html">竞价大厅</a></li>
                <li><a href="javascript:void(0)">项目公告</a></li>
                <li><a href="javascript:void(0)">个人供求</a></li>
                <li><a href="view/new/newList.html">新闻资讯</a></li>
                <li><a href="view/policy/policy.html">政策法规</a></li>
                <li><a href="view/interact/interactList.html">互动交流</a></li>
            </ul>
        </div>
        <div class="w-1200">
            <!--banner及左侧导航  -->
            <div class="banner">
                <div class="bannerLeft fl">
                    <div class="bannerLeft-top">
                        <p class="font20 bannerLeft-tit01">标的物类型</p>
                        <script id="deptTypeData" type="text/html">
                            {{each deptTypeList as value i}}
                            <li>
                                <a href="javascript:void(0)">{{value.dictLabel}}</a>
                            </li>
                            {{/each}}
                            <li><a href="javascript:void(0)">更多类型></a></li>
                        </script>
                        <ul id="deptTypeContent">

                        </ul>
                    </div>
                    <div class="bannerLeft-buttom">
                        <p class="font20 bannerLeft-tit02">标的物所在地</p>
                        <script id="deptLocationData" type="text/html">
                            {{each deptLocationList as value i}}
                            <li>
                                <a href="javascript:void(0)">{{value.deptName}}</a>
                            </li>
                            {{/each}}
                            <li><a href="javascript:void(0)">更多类型></a></li>
                        </script>
                        <ul id="deptLocationContent">

                        </ul>
                    </div>
                </div>

                <script id="bannerFocusData" type="text/html">
                    {{each focusList as value i}}
                    <div class="swiper-slide">
                       {{# value.img}}
                        <p>{{# value.title}}</p>
                    </div> 
                    {{/each}}
                </script>

                <div class="bannerRight fr">
                    <div class="swiper-container" id="bannerFocusWrap">
                        <div class="swiper-wrapper" id="bannerFocusContent"></div>
                        <div class="page-pagination"></div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>

            <!--横幅  -->
            <div class="m-t-25">
                <img src="./static/images/centerBanner.jpg" />
            </div>

            <!--内容  -->
            <div class="m-t-35 center">
                <!--挂牌项目 -->
                <div class="w-800 centerLeft fl">
                    <div class="centerLeft-top container">
                        <p class="centerLeft-top-tit01">
                            <span>挂牌</span>项目
                        </p>
                        <script id="allViewCountData" type="text/html">
                            {{each allViewCountList as value i}}
                            <span>{{# value}}</span>
                            {{/each}}
                            次围观
                        </script>
                        <p class="centerLeft-top-tit02" id="allViewCount"></p>
                    </div>
                    <div class="centerLeft-center">
                        <div>
                            <p class="centerleft-center-tit01">
                                <span class="m-r-20">土地</span>
                                <span class="m-r-20">林权</span>
                                <span class="m-r-20">四荒地</span>
                                <span>更多></span>
                            </p>
                            <script id="landListData" type="text/html">
                                {{each landListList as value i}}
                                <div class="centerLeft-center-middle">
<!--                                    项目<br />公示-->
                                    <p class="centerLeft-center-lable">{{# value.projectShowStatus.slice(0,2)+'<br/>'+value.projectShowStatus.slice(2)}}</p>
                                    <img src="{{serverApi}}{{# value.fileUrl}}" alt="" width="100%" height="152px" />
                                    <div>
                                        <p class="centerLeft-center-middle-tit01">
                                            <span>{{# value.rollout}}</span>{{# value.projectName}}
                                        </p>
                                        <ul class="centerLeft-center-middle-ul">
                                            <li>
                                                <p>
                                                    <span>挂牌价格</span>
                                                    {{# value.price}}{{# value.unit}}
                                                </p>
                                            </li>
                                            <li>
                                                <p>
                                                    <span>转<i></i>出<i></i>方</span>
                                                    {{# value.outName}}
                                                </p>
                                            </li>
                                            <li>
                                                <p>
                                                    <span>报名结束</span>
                                                    {{# value.signupStopTime}}
                                                </p>
                                            </li>
                                            <li>
                                                <p>
                                                    <span>竞价结束</span>
                                                    {{# value.biddingStopTime}}
                                                </p>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="centerLeft-center-bottom container">
                                        <p>{{# value.locationName}}</p>
                                        <p>{{# value.projectReleaseTime}}</p>
                                    </div>
                                </div>
                                {{/each}}
                            </script>
                            <div class="container" id="landListContent"></div>
                        </div>
                        <div>
                            <p class="centerleft-center-tit01">
                                <span class="m-r-20">集体资产</span>
                                <span>更多></span>
                            </p>
                            <script id="collectiveAssetsData" type="text/html">
                                {{each collectiveAssetsList as value i}}
                                <div class="centerLeft-center-middle">
                                    <!--                                    项目<br />公示-->
                                    <p class="centerLeft-center-lable">{{# value.projectShowStatus.slice(0,2)+'<br/>'+value.projectShowStatus.slice(2)}}</p>
                                    <img src="{{serverApi}}{{# value.fileUrl}}" alt="" width="100%" height="152px" />
                                    <div>
                                        <p class="centerLeft-center-middle-tit01">
                                            <span>{{# value.rollout}}</span>{{# value.projectName}}
                                        </p>
                                        <ul class="centerLeft-center-middle-ul">
                                            <li>
                                                <p>
                                                    <span>挂牌价格</span>
                                                    {{# value.price}}{{# value.unit}}
                                                </p>
                                            </li>
                                            <li>
                                                <p>
                                                    <span>转<i></i>出<i></i>方</span>
                                                    {{# value.outName}}
                                                </p>
                                            </li>
                                            <li>
                                                <p>
                                                    <span>报名结束</span>
                                                    {{# value.signupStopTime}}
                                                </p>
                                            </li>
                                            <li>
                                                <p>
                                                    <span>竞价结束</span>
                                                    {{# value.biddingStopTime}}
                                                </p>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="centerLeft-center-bottom container">
                                        <p>{{# value.locationName}}</p>
                                        <p>{{# value.projectReleaseTime}}</p>
                                    </div>
                                </div>
                                {{/each}}
                            </script>
                            <div class="container" id="collectiveAssetsContent"></div>
                        </div>
                        <div>
                            <p class="centerleft-center-tit01">
                                <span class="m-r-20">农业生产设备</span>
                                <span>更多></span>
                            </p>
                            <script id="productionEquipmentData" type="text/html">
                                {{each productionEquipmentList as value i}}
                                <div class="centerLeft-center-middle">
                                    <!--                                    项目<br />公示-->
                                    <p class="centerLeft-center-lable">{{# value.projectShowStatus.slice(0,2)+'<br/>'+value.projectShowStatus.slice(2)}}</p>
                                    <img src="{{serverApi}}{{# value.fileUrl}}" alt="" width="100%" height="152px" />
                                    <div>
                                        <p class="centerLeft-center-middle-tit01">
                                            <span>{{# value.rollout}}</span>{{# value.projectName}}
                                        </p>
                                        <ul class="centerLeft-center-middle-ul">
                                            <li>
                                                <p>
                                                    <span>挂牌价格</span>
                                                    {{# value.price}}{{# value.unit}}
                                                </p>
                                            </li>
                                            <li>
                                                <p>
                                                    <span>转<i></i>出<i></i>方</span>
                                                    {{# value.outName}}
                                                </p>
                                            </li>
                                            <li>
                                                <p>
                                                    <span>报名结束</span>
                                                    {{# value.signupStopTime}}
                                                </p>
                                            </li>
                                            <li>
                                                <p>
                                                    <span>竞价结束</span>
                                                    {{# value.biddingStopTime}}
                                                </p>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="centerLeft-center-bottom container">
                                        <p>{{# value.locationName}}</p>
                                        <p>{{# value.projectReleaseTime}}</p>
                                    </div>
                                </div>
                                {{/each}}
                            </script>
                            <div class="container" id="productionEquipmentContent"></div>
                        </div>
                        <div>
                            <p class="centerleft-center-tit01">
                                <span class="m-r-20">小型水利设施</span>
                                <span>更多></span>
                            </p>
                            <script id="waterConservancyFacilitiesData" type="text/html">
                                {{each waterConservancyFacilitiesList as value i}}
                                <div class="centerLeft-center-middle">
                                    <!--                                    项目<br />公示-->
                                    <p class="centerLeft-center-lable">{{# value.projectShowStatus.slice(0,2)+'<br/>'+value.projectShowStatus.slice(2)}}</p>
                                    <img src="{{serverApi}}{{# value.fileUrl}}" alt="" width="100%" height="152px" />
                                    <div>
                                        <p class="centerLeft-center-middle-tit01">
                                            <span>{{# value.rollout}}</span>{{# value.projectName}}
                                        </p>
                                        <ul class="centerLeft-center-middle-ul">
                                            <li>
                                                <p>
                                                    <span>挂牌价格</span>
                                                    {{# value.price}}{{# value.unit}}
                                                </p>
                                            </li>
                                            <li>
                                                <p>
                                                    <span>转<i></i>出<i></i>方</span>
                                                    {{# value.outName}}
                                                </p>
                                            </li>
                                            <li>
                                                <p>
                                                    <span>报名结束</span>
                                                    {{# value.signupStopTime}}
                                                </p>
                                            </li>
                                            <li>
                                                <p>
                                                    <span>竞价结束</span>
                                                    {{# value.biddingStopTime}}
                                                </p>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="centerLeft-center-bottom container">
                                        <p>{{# value.locationName}}</p>
                                        <p>{{# value.projectReleaseTime}}</p>
                                    </div>
                                </div>
                                {{/each}}
                            </script>
                            <div class="container" id="waterConservancyFacilitiesContent"></div>
                        </div>
                    </div>
                </div>
                <div class="w-372 centerRight fr">
                    <div class="centerRight-list0">
                        <p>
                            <span>最新</span><span>土地挂牌价格走势</span>
                        </p>
                        <p>当前均价：<i></i>650元/亩/年</p>
                        <p>相较去年：<i></i><span>上升15.2%</span></p>
                        <div id="chart" style="width: 100%;height: 250px;"></div>


                        <p>本站“均价”统计自该网站已挂牌土地类项目数据</p>
                    </div>

                    <div class="centerRight-list1">
                        <p class="centerRight-list1-tit01"><i class="el-icon-s-data"></i>项目查询</p>
                        <p class="centerRight-list1-tit02">证书查询</p>
                        <div class="centerRight-list1-div01">
                            <span>证书类型：</span>
                            <label><input type="radio" name="aaaa" value="" /><span></span>交易鉴证</label>
                            <label><input type="radio" name="aaaa" value="" /><span></span>经营权证</label>
                        </div>
                        <div class="centerRight-list1-div02">
                            <input type="text" placeholder="请输入关键词搜索" class="searchClass" />
                            <input type="button" value="搜索" class="searchButton" />
                        </div>
                        <div class="centerRight-list1-div03">
                            <p class="centerRight-list1-tit02">项目查询</p>
                            <div class="centerRight-list1-form">
                                <table>
                                    <tr>
                                        <td>项目编号：</td>
                                        <td><input type="text" /></td>
                                    </tr>
                                    <tr>
                                        <td>项目名称：</td>
                                        <td><input type="text" /></td>
                                    </tr>
                                    <tr>
                                        <td>类<i style="display:inline-block;width: 2em;"></i>型：</td>
                                        <td>
                                            <select>
                                                <option value="volvo">Volvo</option>
                                                <option value="saab">Saab</option>
                                                <option value="opel">Opel</option>
                                                <option value="audi">Audi</option>
                                            </select>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <input type="button" class="searchbtn" value="查询" />
                        </div>
                    </div>

                    <div class="centerRight-list2">
                        <p class="centerRight-list2-tit01">成交公告<span>更多></span></p>
                        <script id="announcementListData" type="text/html">
                            {{each announcementListList as value i}}
                            <li>
                                <p><a href="javascript:void(0)"><i
                                        class="sanjiao-right"></i>{{# value.projectName}}</a></p>
                                <p><span>项目编号：<span>{{# value.projectCode}}</span></span><span>{{# value.dealTime.substr(0,10)}}</span></p>
                            </li>
                            {{/each}}
                        </script>
                        <ul id="announcementListContent"></ul>
                    </div>

                    <div class="centerRight-list3">
                        <p class="centerRight-list2-tit01">鉴证公告<span>更多></span></p>
                        <ul>
                            <li>
                                <p><a href="javascript:void(0)"><i
                                            class="sanjiao-right"></i>天津市农村产权交易所关于宁河区宁河镇江洼口村设...</a></p>
                                <p>鉴证书编号：<span>[2021]13184</span></p>
                            </li>
                            <li>
                                <p><a href="javascript:void(0)"><i
                                            class="sanjiao-right"></i>天津市农村产权交易所关于宁河区宁河镇江洼口村设...</a></p>
                                <p>鉴证书编号：<span>[2021]13184</span></p>
                            </li>
                            <li>
                                <p><a href="javascript:void(0)"><i
                                            class="sanjiao-right"></i>天津市农村产权交易所关于宁河区宁河镇江洼口村设...</a></p>
                                <p>鉴证书编号：<span>[2021]13184</span></p>
                            </li>
                            <li>
                                <p><a href="javascript:void(0)"><i
                                            class="sanjiao-right"></i>天津市农村产权交易所关于宁河区宁河镇江洼口村设...</a></p>
                                <p>鉴证书编号：<span>[2021]13184</span></p>
                            </li>
                            <li>
                                <p><a href="javascript:void(0)"><i
                                            class="sanjiao-right"></i>天津市农村产权交易所关于宁河区宁河镇江洼口村设...</a></p>
                                <p>鉴证书编号：<span>[2021]13184</span></p>
                            </li>
                        </ul>
                    </div>

                </div>
                <div class="clear"></div>
            </div>

            <!--底部内容  -->
            <div class="m-t-40 bottom">
                <div class="bottomNews container">
                    <p class="bottomNews-tit01">
                        <span>近期</span>资讯
                    </p>
                    <p class="bottomNews-tit02">
                        更多>
                    </p>
                </div>
                <div class="container">
                    <div class="bottomNews-list">
                        <p>
                            新闻资讯<span>更多></span>
                        </p>
                        <script id="NewsInformationData" type="text/html">
                            {{each newsInformationList as value i}}
                                <li>
                                    <a href="javascript:void(0)">{{value.title}}</a>
                                </li>
                            {{/each}}
                        </script>
                        <ul id="NewsInformationContent">
                        </ul>
                    </div>
                    <div class="bottomNews-list">
                        <p>
                            政策法规<span>更多></span>
                        </p>
                        <script id="policiesRegulationsData" type="text/html">
                            {{each policiesRegulationsList as value i}}
                                <li>
                                    <a href="javascript:void(0)">{{value.title}}</a>
                                </li>
                            {{/each}}
                        </script>
                        <ul id="policiesRegulationsContent">
                        </ul>
                    </div>
                    <div class="bottomNews-list">
                        <p>
                            交易规则<span>更多></span>
                        </p>
                        <script id="tradingRulesData" type="text/html">
                            {{each tradingRulesList as value i}}
                                <li>
                                    <a href="javascript:void(0)">{{value.title}}</a>
                                </li>
                            {{/each}}
                        </script>
                        <ul id="tradingRulesContent">
                        </ul>
                    </div>
                </div>
            </div>

            <!--竞价大厅  -->
            <div class="m-t-40 bidding">
                <div class="biddingTit container">
                    <p class="biddingTit-tit01">
                        <span>竞价</span>大厅
                    </p>
                    <p class="biddingTit-tit02">
                        更多>
                    </p>
                </div>
                <img src="./static/images/bannerBottom.jpg" alt="" />
                <table width="100%" class="tableHead">
                    <tr>
                        <td>项目名称</td>
                        <td>竞价方式</td>
                        <td>报名截止时间</td>
                        <td>竞价开始时间</td>
                        <td>标的底价</td>
                        <td>当前报价</td>
                        <td>竞价剩余时间</td>
                        <td>操作</td>
                    </tr>
                </table>
                <div class="tableList" id="tableList">
                    <script id="biddingHallListData" type="text/html">
                        {{each biddingHallListList as value i}}
                        <tr>
                            <td>1惠城区桥东街道...</td>
                            <td>阶梯竞价</td>
                            <td>2021-4-1 9:00</td>
                            <td>2021-4-1 9:00</td>
                            <td>100</td>
                            <td>110</td>
                            <td>进行中</td>
                            <td>
                                <input type="button" value="我要竞价" />
                                <input type="button" value="竞价规则" />
                            </td>
                        </tr>
                        {{/each}}
                    </script>
                    <table width="100%;" id="biddingHallListContent">
                        <tr>
                            <td>1惠城区桥东街道...</td>
                            <td>阶梯竞价</td>
                            <td>2021-4-1 9:00</td>
                            <td>2021-4-1 9:00</td>
                            <td>100</td>
                            <td>110</td>
                            <td>进行中</td>
                            <td>
                                <input type="button" value="我要竞价" />
                                <input type="button" value="竞价规则" />
                            </td>
                        </tr>
                        <tr class="now-row">
                            <td>2惠城区桥东街道...</td>
                            <td>阶梯竞价</td>
                            <td>2021-4-1 9:00</td>
                            <td>2021-4-1 9:00</td>
                            <td>100</td>
                            <td>110</td>
                            <td>进行中</td>
                            <td>
                                <input type="button" value="我要竞价" />
                                <input type="button" value="竞价规则" />
                            </td>
                        </tr>
                        <tr>
                            <td>3惠城区桥东街道...</td>
                            <td>阶梯竞价</td>
                            <td>2021-4-1 9:00</td>
                            <td>2021-4-1 9:00</td>
                            <td>100</td>
                            <td>110</td>
                            <td>进行中</td>
                            <td>
                                <input type="button" value="我要竞价" />
                                <input type="button" value="竞价规则" />
                            </td>
                        </tr>
                        <tr class="notStart-row">
                            <td>4惠城区桥东街道...</td>
                            <td>阶梯竞价</td>
                            <td>2021-4-1 9:00</td>
                            <td>2021-4-1 9:00</td>
                            <td>100</td>
                            <td>110</td>
                            <td>进行中</td>
                            <td>
                                <input type="button" value="我要竞价" />
                                <input type="button" value="竞价规则" />
                            </td>
                        </tr>
                        <tr>
                            <td>5惠城区桥东街道...</td>
                            <td>阶梯竞价</td>
                            <td>2021-4-1 9:00</td>
                            <td>2021-4-1 9:00</td>
                            <td>100</td>
                            <td>110</td>
                            <td>进行中</td>
                            <td>
                                <input type="button" value="我要竞价" />
                                <input type="button" value="竞价规则" />
                            </td>
                        </tr>
                        <tr>
                            <td>6惠城区桥东街道...</td>
                            <td>阶梯竞价</td>
                            <td>2021-4-1 9:00</td>
                            <td>2021-4-1 9:00</td>
                            <td>100</td>
                            <td>110</td>
                            <td>进行中</td>
                            <td>
                                <input type="button" value="我要竞价" />
                                <input type="button" value="竞价规则" />
                            </td>
                        </tr>
                        <tr class="notStart-row">
                            <td>7惠城区桥东街道...</td>
                            <td>阶梯竞价</td>
                            <td>2021-4-1 9:00</td>
                            <td>2021-4-1 9:00</td>
                            <td>100</td>
                            <td>110</td>
                            <td>进行中</td>
                            <td>
                                <input type="button" value="我要竞价" />
                                <input type="button" value="竞价规则" />
                            </td>
                        </tr>
                        <tr>
                            <td>8惠城区桥东街道...</td>
                            <td>阶梯竞价</td>
                            <td>2021-4-1 9:00</td>
                            <td>2021-4-1 9:00</td>
                            <td>100</td>
                            <td>110</td>
                            <td>进行中</td>
                            <td>
                                <input type="button" value="我要竞价" />
                                <input type="button" value="竞价规则" />
                            </td>
                        </tr>
                        <tr>
                            <td>9惠城区桥东街道...</td>
                            <td>阶梯竞价</td>
                            <td>2021-4-1 9:00</td>
                            <td>2021-4-1 9:00</td>
                            <td>100</td>
                            <td>110</td>
                            <td>进行中</td>
                            <td>
                                <input type="button" value="我要竞价" />
                                <input type="button" value="竞价规则" />
                            </td>
                        </tr>
                        <tr>
                            <td>10惠城区桥东街道...</td>
                            <td>阶梯竞价</td>
                            <td>2021-4-1 9:00</td>
                            <td>2021-4-1 9:00</td>
                            <td>100</td>
                            <td>110</td>
                            <td>进行中</td>
                            <td>
                                <input type="button" value="我要竞价" />
                                <input type="button" value="竞价规则" />
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="tableType">
                    <p><i></i>未开始</p>
                    <p><i></i>进行中</p>
                    <p><i></i>已结束</p>
                </div>
            </div>

            <!--个人需求  -->
            <div class="m-t-40 personal">
                <div class="personalTit container">
                    <p class="personalTit-tit01">
                        <span>个人供求</span>项目推荐
                    </p>
                    <p class="personalTit-tit02">
                        更多>
                    </p>
                </div>
                <div class="personalTit-nr">
                    <div class="personalTit-banner fl">
                        <el-carousel :interval="5000" arrow="always">
                            <el-carousel-item v-for="item in 4" :key="item">
                                <img src="./static/images/banner2.jpg" alt="" />
                            </el-carousel-item>
                        </el-carousel>
                    </div>
                    <div class="personalTit-Tab fr">
                        <div class="tabList">
                            <p class="active" onclick="tabCheck('supply')">个人供应</p>
                            <p onclick="tabCheck('demand')">个人需求</p>
                            <table style="display: none;" id="supply" cellspacing="0" cellpadding="0" width="100%">
                                <tr>
                                    <td width="100px">供</td>
                                    <td>项目名称</td>
                                    <td>发布时间</td>
                                    <td>联系电话</td>
                                </tr>
                                <tr>
                                    <td>供</td>
                                    <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
                                    <td>阶梯竞价</td>
                                    <td>15314031621</td>
                                </tr>
                                <tr>
                                    <td>供</td>
                                    <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
                                    <td>阶梯竞价</td>
                                    <td>15314031621</td>
                                </tr>
                                <tr>
                                    <td>供</td>
                                    <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
                                    <td>阶梯竞价</td>
                                    <td>15314031621</td>
                                </tr>
                                <tr>
                                    <td>供</td>
                                    <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
                                    <td>阶梯竞价</td>
                                    <td>15314031621</td>
                                </tr>
                                <tr>
                                    <td>供</td>
                                    <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
                                    <td>阶梯竞价</td>
                                    <td>15314031621</td>
                                </tr>
                            </table>
                            <table style="display: none;" id="demand" cellspacing="0" cellpadding="0" width="100%">
                                <tr>
                                    <td width="100px">需</td>
                                    <td>项目名称</td>
                                    <td>发布时间</td>
                                    <td>联系电话</td>
                                </tr>
                                <tr>
                                    <td>需</td>
                                    <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
                                    <td>阶梯竞价</td>
                                    <td>15314031621</td>
                                </tr>
                                <tr>
                                    <td>需</td>
                                    <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
                                    <td>阶梯竞价</td>
                                    <td>15314031621</td>
                                </tr>
                                <tr>
                                    <td>需</td>
                                    <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
                                    <td>阶梯竞价</td>
                                    <td>15314031621</td>
                                </tr>
                                <tr>
                                    <td>需</td>
                                    <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
                                    <td>阶梯竞价</td>
                                    <td>15314031621</td>
                                </tr>
                                <tr>
                                    <td>需</td>
                                    <td>出租济南市莱芜区方下街道龙口东村229亩土地经营权</td>
                                    <td>阶梯竞价</td>
                                    <td>15314031621</td>
                                </tr>
                            </table>
                        </div>

                        <!--          <el-button size="mini" round class="perBtn">个人供求发布</el-button>-->
                    </div>
                    <div class="clear"></div>
                </div>
            </div>

            <!--互动交流  -->
            <div class="m-t-20 interaction">
                <div class=" w-800 m-t-40 fl">
                    <div class="interactionTit container">
                        <p class="interactionTit-tit01 container-item">
                            <span>互动</span>交流
                        </p>
                        <p class="interactionTit-tit02 container-item">
                            更多>
                        </p>
                    </div>
                    <table width="100%" class="interactionTableLeft">
                        <tr>
                            <td width="600">1. 我在乳山紫锦嘉苑一期买个地下车位，这个车位是不是公摊面积的车位？能答...</td>
                            <td>已回复</td>
                            <td>03-11 15:02</td>
                        </tr>
                        <tr>
                            <td>2. 我在乳山紫锦嘉苑一期买个地下车位，这个车位是不是公摊面积的车位？能答...</td>
                            <td>已回复</td>
                            <td>03-11 15:02</td>
                        </tr>
                        <tr>
                            <td>3. 我在乳山紫锦嘉苑一期买个地下车位，这个车位是不是公摊面积的车位？能答...</td>
                            <td>已回复</td>
                            <td>03-11 15:02</td>
                        </tr>
                        <tr>
                            <td>4. 我在乳山紫锦嘉苑一期买个地下车位，这个车位是不是公摊面积的车位？能答...</td>
                            <td>已回复</td>
                            <td>03-11 15:02</td>
                        </tr>
                    </table>
                    <div class="m-t-20 fl" style="position:relative;width: 505px;">
                        <input type="text" placeholder="搜索问题" class="searchClass" />
                        <input type="button" value="搜索" class="searchButton" style="height: 32px;" />
                    </div>
                    <input type="button" value="我要发布" class="seaBtn fr m-t-20" />
                    <div class="clear"></div>
                </div>
                <div class="bottomNews-list fr">
                    <p>
                        资料下载<span class="fr">更多></span>
                    </p>
                    <script id="dataDownloadData" type="text/html">
                        {{each dataDownloadList as value i}}
                        <li>
                            <a href="javascript:void(0)">{{value.title}}</a>
                        </li>
                        {{/each}}
                    </script>
                    <ul id="dataDownloadContent"></ul>
                </div>
                <div class="clear"></div>
            </div>

        </div>

        <!--底部链接  -->
        <div class="bottomLink">
            <div class="w-1200">
                <div class="w-1000 fl">
                    <p class="bottomLink-tit"><i class="el-icon-link"></i>友情链接</p>
                    <script id="friendsLinksData" type="text/html">
                        {{each friendsLinksList as value i}}
                            <a href="{{value.url}}" target="_blank">{{value.name}}</a>
                        {{/each}}
                    </script>
                    <div class="bottomLink-linkList" id="friendsLinksContent"></div>
                    <p class="ba" id="webConfigRecord">
                        鲁公网安备<span>12011502000077号</span><span>京ICP备 17061038号-1</span>
                    </p>
                    <p class="ba" id="webConfigAddress">
                        左云县农村产权交易网<span>联系地址：北京紫竹书院技术基地</span><span>联系电话：400-060-123</span>
                    </p>
                </div>
                <div class="ewm fr">
                    <img src="./static/images/ewm.jpg" width="110" height="110" alt="" />
                    <p class="ewmtit">关注公众号 了解详情</p>
                </div>
                <div class="clear"></div>
            </div>
        </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/project/index.js" defer type="text/javascript"></script>

</html>