{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>休闲农业旅游网</title>
    <link rel="stylesheet" href="{% static '/lib/css/swiper.min.css' %}">
    <link rel="stylesheet" href="{% static '/lib/font/fontIcon/iconfont.css' %}">
    <link rel="stylesheet" href="{% static '/lib/font-awesome/4.5.0/css/font-awesome.css' %}">
    <link rel="stylesheet" href="{% static '/lib/css/video-js.min.css' %}">
    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css">
    <link rel="stylesheet" href="{% static '/lib/css/reset.css' %}">
    <link rel="stylesheet" href="{% static '/css/common.css' %}">
    <link rel="stylesheet" href="{% static '/css/index.css' %}">
    <style type="text/css">
        #panel {
            position: absolute;
            background-color: white;
            max-height: 90%;
            overflow-y: auto;
            top: 10px;
            left: 10px;
            width: 280px;
        }
        #panel .amap-call {
            background-color: #009cf9;
            border-top-left-radius: 4px;
   	        border-top-right-radius: 4px;
        }
        #panel .amap-lib-driving {
	        border-bottom-left-radius: 4px;
   	        border-bottom-right-radius: 4px;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <div class="header">
        <div class="headerTxt">
            <div class="wrapper">
                <a href="home2" style="float: right;color: #fff;">切换首页</a>
                <p class="logoNameCn">休闲农业旅游网</p>
                <p class="logoNameEn">Leisure agricultural tourism network</p>
            </div>

        </div>
        <!-- 轮播 -->
        <div class="sliderBox advImg">
            <div class="swiper-container banner">
                <div class="swiper-wrapper">
                    <div class="swiper-slide slider1"></div>
                    <div class="swiper-slide slider2"></div>
                    <div class="swiper-slide slider3"></div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>

    </div>
    <!-- 主体部分 -->
    <div class="content">
        <div class="wrapper">
            <!-- 新闻资讯、登录 -->
            <div class="tableDiv">
                <div class="newsConsult">
                    <div class="captionBox">
                        <h2 class="captionTxt">
                            <span>新闻</span>
                            <span class="txtColor">资讯</span>
                        </h2>
                        <p class="captionTxtEn">NEWS INFORMATION</p>
                        <div class="captionCutLine"></div>
                        <div class="moreBtn">
                            <a target="_blank" href="newslist_view?page=1&type=5">MORE ></a>
                        </div>
                    </div>
                    <!-- 新闻列表 -->
                    <div class="floatDiv">
                        <div class="farmBrief" id="farmBrief">
                            <ul class="farmUl">
                                {% if user_news|length %} {% for news in user_news %}
                                <li>
                                    <div class="farmImg">
                                        <a target="_blank" href="news_view?id={{news.id}}">
                                            <img src="{{news.head_img}}" alt="">
                                        </a>
                                    </div>
                                    <div class="farmMsg">
                                        <div class="date">{{ news.upl_time|date:"m-d"}}
                                            <span>{{ news.upl_time|date:"Y"}}</span>
                                        </div>
                                        <h3 class="farmName">
                                            <a target="_blank" href="news_view?id={{news.id}}">{{news.title}}</a>
                                        </h3>
                                        <div class="farmDescribe">
                                            <a target="_blank" href="news_view?id={{news.id}}">
                                                <div class="abstract-wrap">
                                                    <p class="abstract-text">{{news.intro}}</p>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="farmMore">
                                            <a target="_blank" href="news_view?id={{news.id}}">MORE ></a>
                                        </div>
                                    </div>
                                </li>
                                {% endfor %} {% else %}

                                {% endif %}
                            </ul>
                        </div>
                        <!-- 滚动 -->
                        <div class="newsListDiv" id="newsListDiv">
                            <ul class="newsList">
                                {% if user_news|length %} {% for news in user_news %}
                                <li>
                                    <div class="date">
                                        {{ news.upl_time|date:"Y-m-d"}}
                                    </div>
                                    <div class="describe">
                                        <a href="news_view?id={{news.id}}" target="_blank">{{ news.title}}</a>
                                    </div>
                                </li>
                                {% endfor %} {% else %}

                                {% endif %}
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- 用户登录 -->
                <div>
                    <div class="captionBox">
                        <h2 class="captionTxt">
                            <span>用户</span>
                            <span class="txtColor">登录</span>
                            <!-- <span class="txtColor">{{curr_user}}</span> -->
                        </h2>
                        <p class="captionTxtEn">USER LOGIN</p>
                        <div class="captionCutLine"></div>
                    </div>
                    <div>
                        <!-- 未登录状态 -->
                        {% if not curr_user.username %}
                        <div class="notLogin">
                            <div class="loginborder">
                                <label for="username">
                                    <span class="iconfont usernameIcon">&#xe652;</span>
                                </label>
                                <input type="text" id="username" autocomplete="off" placeholder="请输入您的用户名">
                            </div>
                            <div class="loginborder">
                                <label for="password">
                                    <span class="iconfont">&#xe657;</span>
                                </label>
                                <input type="password" id="password" autocomplete="off" placeholder="请输入您的用户名">
                            </div>
                            <div class="tableDiv loginParent">
                                <div>
                                    <button class="loginBtn" onclick="login()">登&nbsp;录</button>
                                </div>
                                <!-- <div><button class="loginBtn" onclick="login()">产品发布</button></div> -->
                            </div>
                        </div>
                        {% else %}
                        <!-- 登录成功状态 -->
                        <div class="isLogin">
                            <img src="{{curr_user.user_picture}}" class="userPhoto" width="50" alt="">
                            <div class="currUser">
                                <div class="currUserNamer">
                                    <a class="txtColor" href="back_manage" target="blank">{{curr_user.username}}</a>
                                </div>
                                <div>您好,欢迎登录休闲农业网</div>
                            </div>
                            <div class="operationDiv">
                                <a class="txtColor" href="back_manage" target="blank">进入管理系统</a>
                                <a class="txtColor" href="person_farm?name={{curr_user.username}}" id="person_farm" target="blank">查看个人农场</a>
                                <a class="fr" href="">退出登录</a>
                            </div>
                        </div>
                        {% endif %}
                    </div>
                </div>
            </div>
            <!-- 政策技术 -->
            <div class="floatDiv adminPolicy">
                <!-- 技术 -->
                <div>
                    <div class="captionBox">
                        <h2 class="captionTxt">
                            <span>实用</span>
                            <span class="txtColor">技术 </span>
                        </h2>
                        <p class="captionTxtEn">OPERATIVE TECHNOLOGY</p>
                        <div class="captionCutLine"></div>
                        <div class="moreBtn">
                            <a target="_blank" href="newslist_view?page=1&type=2">MORE ></a>
                        </div>
                    </div>
                    <div class="fixationDiv">
                        <!-- 滚动 -->
                        <div class="skillListDiv" id="skillListDiv">
                            <ul class="newsList">
                                {% if two_news|length %} {% for skillnews in two_news %}
                                <li>
                                    <div class="date">
                                        {{ skillnews.upl_time|date:"y-m-d"}}
                                    </div>
                                    <div class="describe">
                                        <a href="news_view?id={{skillnews.id}}" target="_blank">{{ skillnews.title }}</a>
                                    </div>
                                </li>
                                {% endfor %} {% else %}
                                <li>
                                    <div class="date">

                                    </div>
                                    <div class="describe">
                                        <a href="javascript:;" target="_blank">暂无数据</a>
                                    </div>
                                </li>

                                {% endif %}
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- 新闻 -->
                <div>
                    <div class="captionBox">
                        <h2 class="captionTxt">
                            <span>农业</span>
                            <span class="txtColor">新闻 </span>
                        </h2>
                        <p class="captionTxtEn">AGRICULTRAL INFORMATION</p>
                        <div class="captionCutLine"></div>
                        <div class="moreBtn">
                            <a target="_blank" href="newslist_view?page=1&type=0">MORE ></a>
                        </div>
                    </div>
                    <div class="fixationDiv">
                        <!-- 滚动 -->
                        <div class="adminNewsListDiv" id="adminNewsListDiv">
                            <ul class="newsList">
                                {% if zero_news|length %} {% for adminnews in zero_news %}
                                <li>
                                    <div class="date">
                                        {{ adminnews.upl_time|date:"y-m-d"}}
                                    </div>
                                    <div class="describe">
                                        <a href="news_view?id={{adminnews.id}}" target="_blank">{{ adminnews.title }}</a>
                                    </div>
                                </li>
                                {% endfor %} {% else %}
                                <li>
                                    <div class="date">

                                    </div>
                                    <div class="describe">
                                        <a href="javascript:;" target="_blank">暂无数据</a>
                                    </div>
                                </li>

                                {% endif %}
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- 政策 -->
                <div class="">
                    <div class="captionBox">
                        <h2 class="captionTxt">
                            <span>农业</span>
                            <span class="txtColor">政策</span>
                        </h2>
                        <p class="captionTxtEn">AGRICULTURE POLICY</p>
                        <div class="captionCutLine"></div>
                        <div class="moreBtn">
                            <a target="_blank" href="newslist_view?page=1&type=1">MORE ></a>
                        </div>
                    </div>
                    <div class="fixationDiv">
                        <!-- 滚动 -->
                        <div class="adminNewsListDiv" id="adminNewsListDiv">
                            <ul class="newsList">
                                {% if one_news|length %} {% for policynews in one_news %}
                                <li>
                                    <div class="date">
                                        {{ policynews.upl_time|date:"y-m-d"}}
                                    </div>
                                    <div class="describe">
                                        <a href="news_view?id={{policynews.id}}" target="_blank">{{ policynews.title }}</a>
                                    </div>
                                </li>
                                {% endfor %} {% else %}
                                <li>
                                    <div class="date">

                                    </div>
                                    <div class="describe">
                                        <a href="javascript:;" target="_blank">暂无数据</a>
                                    </div>
                                </li>

                                {% endif %}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 视频资讯 -->
            <div>
                <div class="captionBox">
                    <h2 class="captionTxt">
                        <span>视频</span>
                        <span class="txtColor">资讯</span>
                    </h2>
                    <p class="captionTxtEn">VIDEO INFORMATION</p>
                    <div class="captionCutLine"></div>
                    <div class="moreBtn">
                        <a target="_blank" href="video_list?page=1">MORE ></a>
                    </div>
                </div>
                <div>
                    <div class="floatDiv">
                        <div class="videoBox">
                            {% if video_news|length %} {% for videonews in video_news %}{% if forloop.first%}
                            <video id="my-video" class="video-js" preload="auto" controls width="526" height="329" poster="{{ videonews.video_img }}"
                                data-setup="{}">
                                <!--preload="auto"-->
                                <source src="{{ videonews.video_url }}" type="video/mp4">
                                <source src="{{ videonews.video_url }}" type="video/webm">
                                <source src="{{ videonews.video_url }}" type="video/ogg">
                                <p class="vjs-no-js">要查看此视频，请启用JavaScript，并考虑升级到一个web浏览器
                                    <a href="http://videojs.com/html5-video-support/" target="_blank">支持HTML5视频</a>
                                </p>
                            </video>
                            {% endif %}{% endfor %} {% else %}
                            <!-- <video id="my-video" class="video-js" preload="auto" controls width="526" height="329" poster="{% static '/imgs/aboutusimg.jpg' %}"
                                data-setup="{}">
                                <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
                                <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
                                <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">
                                <p class="vjs-no-js">要查看此视频，请启用JavaScript，并考虑升级到一个web浏览器
                                    <a href="http://videojs.com/html5-video-support/" target="_blank">支持HTML5视频</a>
                                </p>
                            </video> -->
                            {% endif %}
                        </div>
                        <!-- 视频新闻 -->
                        <div class="videoListBox" id="videoListBox">
                            <ul class="videoListUl">
                                {% if video_news|length %} {% for videonews in video_news %}
                                <li class="floatDiv  {% if forloop.counter == 1 %}active{% endif %}">
                                    <div class="date">
                                        <input type="hidden" class="hide_video_url" value="{{videonews.video_url}}">
                                        <strong class="">{{ videonews.publish_date|date:"d"}}</strong>
                                        <div class="">{{ videonews.publish_date|date:"y-m"}}</div>
                                    </div>
                                    <div class="describe">
                                        <a href="video_detail?id={{videonews.id}}" target="_blank">
                                            <h2>{{ videonews.title }}</h2>
                                            <div class="framMsg">
                                                <!-- <a href="video_detail?id={{videonews.id}}" target="_blank"> -->
                                                <div class="abstract-wrap">
                                                    <p class="abstract-text">初夏时节，重庆市合川区双凤镇的400多株杨梅，已陆续进入成熟期，上万斤杨梅鲜果等待市民前来采摘尝鲜。笔者在园子里看到，杨梅树上朱红点点的果实已压满枝头。新鲜的杨梅果实，像一颗颗闪闪发光的红紫色玛瑙，晶莹饱满、让人垂涎欲滴。许多游人都慕名来到这里，提起篮子，走进杨梅地里，尽享采摘的闲趣。</p>
                                                </div>
                                                <!-- </a> -->
                                            </div>
                                            <div>
                                                <span class="moreBtn">MORE ></span>
                                                <!-- <a href="video_detail?id={{videonews.id}}" target="_blank" class="moreBtn">MORE ></a> -->
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                {% endfor %} {% else %}
                                <li class="floatDiv">
                                    <div class="date">
                                        <strong class="txtColor">空</strong>
                                        <div class="txtColor"></div>
                                    </div>
                                    <div class="describe">
                                        <a href="javascript:;" target="_blank">
                                            <h2></h2>
                                            <div class="framMsg">
                                                <!-- <a href="video_detail?id={{videonews.id}}" target="_blank"> -->
                                                <div class="abstract-wrap">
                                                    <p class="abstract-text">暂无发布视频信息</p>
                                                </div>
                                                <!-- </a> -->
                                            </div>
                                            <div>
                                                <!-- <span class="moreBtn">MORE ></span> -->
                                                <!-- <a href="video_detail?id={{videonews.id}}" target="_blank" class="moreBtn">MORE ></a> -->
                                            </div>
                                        </a>
                                    </div>
                                </li>
                                {% endif %}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 产品展厅 -->
            <div>
                <div class="captionBox">
                    <h2 class="captionTxt">
                        <span>产品</span>
                        <span class="txtColor">展厅</span>
                    </h2>
                    <p class="captionTxtEn">EXHIBITION HALL THE PRODUCTS</p>
                    <div class="captionCutLine"></div>
                    <div class="moreBtn">
                        <a href="equip_show_list?page=1" target="_blank">MORE ></a>
                    </div>
                </div>
                <div class="productShow">
                    <ul class="productShowUl">
                        {% if product|length %} {% for etp in product %}
                        <li>
                            <a href="equip_show_detail?id={{etp.id}}" target="_black">
                                <div class="productItem">
                                    <img src="{{ etp.head_img }}" alt="">
                                    <div class="maskBox">
                                        <p>产品名称：{{ etp.title}}</p>
                                        <p>生产企业：{{ etp.intro}}</p>
                                        <p>联系电话：{{ etp.mobile}}</p>
                                    </div>
                                </div>
                            </a>
                        </li>
                        {% endfor %} {% else %}
                        <!-- <li>
                            <div class="productItem">
                                <img src="{% static '/imgs/fruit/fruit2.jpg' %}" alt="">
                                <div class="maskBox">
                                    <p>产品名称：苹果</p>
                                    <p>产品介绍：苹果，是水果中的一种，是蔷薇科苹果亚科苹果属植物，其树为落叶乔木。</p>
                                    <p>生产企业：XXXX有限公司</p>
                                    <p>联系电话：13811111111</p>
                                </div>
                            </div>
                        </li> -->
                        {% endif %}
                    </ul>
                </div>
            </div>
            <!-- 四季采摘 -->
            <div>
                <div class="captionBox">
                    <h2 class="captionTxt">
                        <span>四季</span>
                        <span class="txtColor">采摘</span>
                    </h2>
                    <p class="captionTxtEn">THE FOUR SEASONS PICKED</p>
                    <div class="captionCutLine"></div>
                    <div class="moreBtn">
                        <a href="garden_view" target="_blank">MORE ></a>
                    </div>
                </div>
                <div class="floatDiv">
                    <!-- 园区展示图片 -->
                    <div class="gardenImg">
                        {% if farm|length %}
                            {% for pickone in farm %}
                                {% if forloop.counter == 1 %}
                                    <img src="{{pickone.farm_img}}" alt="">
                                {% endif %}
                            {% endfor %}
                        {% else %}
                            <img src="{% static '/imgs/garden/garden.jpg' %}" alt="">
                        {% endif %}
                    </div>
                    <!-- 园区信息 -->
                    <div class="gardenMsg" id="gardenMsg">
                        <ul class="gardenUl">
                            {% if farm|length %} {% for pickone in farm %}
                            <li class="floatDiv {% if forloop.counter == 1 %} active {% endif %}">
                                <div class="gardenName">
                                    <input type="hidden" class="hide_farm_img" value="{{pickone.farm_img}}">
                                    <p>{{pickone.name}}</p>
                                    <span class="iconfont">&#xe62c;</span>
                                </div>
                                <!-- <img src="{{pickone.farm_img}}" alt=""> -->
                                <div class="tableDiv gardenMsgDetail">
                                    {% if pickone.farms.all|length == 0 %}
                                        <div class="gardenItem">
                                            <h3>　</h3>
                                            <p>暂无记录</p>
                                            <div></div>
                                        </div>
                                        <div class="gardenItem">
                                            <h3>　</h3>
                                            <p></p>
                                            <div></div>
                                        </div>
                                        <div class="gardenItem">
                                            <h3>　</h3>
                                            <p></p>
                                            <div></div>
                                        </div>
                                    {% elif pickone.farms.all|length == 1  %}
                                        {% for aaa in pickone.farms.all %}
                                            <div class="gardenItem">
                                                <h3>{{aaa.name}}</h3>
                                                <p>{{aaa.company}}</p>
                                                <div>{{aaa.upl_time|date:"y月m"}}采摘</div>
                                            </div>
                                        {% endfor %}
                                        <div class="gardenItem">
                                            <h3>　</h3>
                                            <p></p>
                                            <div></div>
                                        </div>
                                        <div class="gardenItem">
                                            <h3>　</h3>
                                            <p></p>
                                            <div></div>
                                        </div>
                                    {% elif pickone.farms.all|length == 2  %}
                                        {% for aaa in pickone.farms.all %}
                                            <div class="gardenItem">
                                                <h3>{{aaa.name}}</h3>
                                                <p>{{aaa.company}}</p>
                                                <div>{{aaa.upl_time|date:"y月m"}}采摘</div>
                                            </div>
                                        {% endfor %}
                                        <div class="gardenItem">
                                            <h3>　</h3>
                                            <p></p>
                                            <div></div>
                                        </div>
                                    {% else%}
                                        {% for aaa in pickone.farms.all %}
                                            {% if forloop.counter < 4 %}
                                            <div class="gardenItem">
                                                <h3>{{aaa.name}}</h3>
                                                <p>{{aaa.company}}</p>
                                                <div>{{aaa.upl_time|date:"y月m"}}采摘</div>
                                            </div>
                                            {% endif %}
                                        {% endfor %}
                                    {% endif %}
                                    <!-- <div class="gardenItem">
                                        <h3>xxxx公司</h3>
                                        <p>苹果</p>
                                        <div>2019年6月采摘</div>
                                    </div>
                                    <div class="gardenItem">
                                        <h3>xxxx公司</h3>
                                        <p>苹果</p>
                                        <div>2019年6月采摘</div>
                                    </div> -->
                                </div>
                            </li>
                            {% endfor %} {% else %}
                           
                            {% endif %}
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 导游导览 -->
            <div>
                <div class="captionBox">
                    <h2 class="captionTxt">
                        <span>导游</span>
                        <span class="txtColor">导览</span>
                    </h2>
                    <p class="captionTxtEn">A HOME STAY FACILITY TOUR</p>
                    <div class="captionCutLine"></div>
                    <div class="moreBtn">
                        <a target="_blank" href="#">MORE ></a>
                    </div>
                </div>
                <div>
                    <div class="tableDiv">
                        <div class="guideMap">
                            <div id="map">地图</div>
                            <div id="panel"></div>
                        </div>
                        <div class="guideForm">
                            <div>
                                <div class="title">导游路线查询：</div>
                                <div>
                                    <input type="text" id="startPath" placeholder="请输入当前位置">
                                </div>
                                <div>
                                    <input type="text" id="endPath" placeholder="请输入目标地点">
                                </div>
                                <div>
                                    <button class="whitherBtn" onclick="searchWay()">查 询</button>
                                    <button class="whitherBtn" onclick="clearWay()">清 除</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 民宿导览 -->
            <div>
                <div class="captionBox">
                    <h2 class="captionTxt">
                        <span>民宿</span>
                        <span class="txtColor">导览</span>
                    </h2>
                    <p class="captionTxtEn">A HOME STAY FACILITY TOUR</p>
                    <div class="captionCutLine"></div>
                    <div class="moreBtn">
                        <a href="dorm_list?page=1" target="_blank">MORE ></a>
                    </div>
                </div>
                <div>
                    <!-- Swiper -->
                    <div class="swiper-container homestay">
                        <div class="swiper-wrapper">
                            -------------
                            {{hotel}}
                            {% if hotel|length %} {% for hotelItem in hotel %}
                            <div class="swiper-slide">
                                <div class="hotelDetial">
                                    <a href="dorm_detail?id={{hotelItem.id}}" target="_blank">
                                        <div>
                                            <img class="hotelImg" src="{{hotelItem.hotel_img}}" alt="">
                                        </div>
                                        <div class="hotelMsg">
                                            <div class="hotelName">
                                                <span class="txtColor">￥{{hotelItem.price}}</span>
                                                <h3 title="{{hotelItem.name}}">{{hotelItem.name}}</h3>
                                            </div>
                                            <div class="hotelAddress">
                                                <div class="abstract-wrap">
                                                    <p class="abstract-text">{{hotelItem.intro}}</p>
                                                </div>
                                            </div>
                                            <div class="more">MORE ></div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            {% endfor %} {% else %}
                            
                            {% endif %}
                        </div>
                        <!-- button -->
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部版权 -->
    <div class="footer bjColor">
        <div class="wrapper">
            <div class="floatDiv">
                <div class="copyrightTxt">
                    <div>休闲农业旅游网</div>
                    <div>联系人：李四　　联系电话：13811111111</div>
                    <div>地址：河南省郑州市XXXXXXXXXXXXXXXXXXXXXXXXXX</div>
                </div>
                <div class="WeChatCode">
                    <img src="{% static '/imgs/WeChatCode.jpg' %}" alt="">
                    <p>关注公众号</p>
                </div>
            </div>
            <div class="copyright">
                版权所有XXXXXXXXXXXXXXXXXXXXXX
            </div>
        </div>
    </div>
    <!-- 返回顶部 -->
    <div id="back2top" class="back2top" style="display: block;">
        <a href="javascript:void(0);" onclick="goUp()" title="返回顶部">&nbsp;</a>
    </div>

    <script src="{% static '/lib/js/jquery-2.1.4.min.js'%}"></script>
    <script src="{% static '/lib/js/swiper.min.js'%}"></script>
    <script src="{% static '/lib/js/video.min.js'%}"></script>
    <script src="https://webapi.amap.com/maps?v=1.4.15&key=3939967b919a8003377dd113fc445a3d&plugin=AMap.Driving"></script>
    <!-- <script src="{% static '/lib/layui/layui.js'%}"></script> -->
    <script src="{% static '/js/index.js'%}"></script>
</body>

</html>