个人中心

src/main/java/com/supplier/controller/IndexController.java

@@ -63,4 +63,14 @@ public class IndexController {
         model.addAttribute("uuid", uuid);
         return "demandForSingle/offer";
     }
+
+    /**
+     * 个人信息
+     * @param model
+     * @return
+     */
+    @RequestMapping("/personalIndex")
+    public String personalIndex(Model model){
+        return "personal/index";
+    }
 }

src/main/resources/static/css/personal/index.css

@@ -0,0 +1,266 @@
+body,html{
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+}
+.div_user{
+    width: calc(100% - 40px);
+    height: calc(100% - 30px);
+    padding: 20px;
+    padding-top: 10px;
+    padding-bottom: 0;
+}
+.top_div{
+    float: left;
+    width: 100%;
+    height: 318px;
+    margin-bottom: 29px;
+}
+.bottom_div{
+    float: left;
+    width: 100%;
+    height: calc(100% - 318px - 29px);
+    background: #FFFFFF;
+    border-radius: 10px;
+}
+.message_div_left{
+    float: left;
+    width: calc(45% - 28px - 28px);
+    height: calc(100% - 20px);
+    background: #FFFFFF;
+    border-radius: 10px;
+    margin-right: 45px;
+    padding: 20px 28px 0 28px;
+    padding-bottom: 0;
+}
+.message_div_right{
+    float: left;
+    width: calc(100% - 45% - 45px - 28px - 28px);
+    height: calc(100% - 20px);
+    background: #FFFFFF;
+    border-radius: 10px;
+    padding: 20px 28px 0 28px;
+    padding-bottom: 0;
+}
+.left_div_title{
+    font-size: 28px;
+    font-family: PingFang SC;
+    font-weight: bold;
+    color: #333333;
+    margin-bottom: 29px;
+}
+.user_img_name{
+    width: 100%;
+    height: 116px;
+    border-bottom: 1px solid #E2E2E2;
+}
+.user_img_name>img{
+    float: left;
+    width: 93px;
+    height: 93px;
+    margin-right: 41px;
+}
+.user_name{
+    float: left;
+}
+.title_name_val{
+    font-size: 24px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #333333;
+    margin-top: 8px;
+    margin-bottom: 9px;
+}
+.name_div_val div{
+    max-width: 300px;
+    font-size: 24px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #000000;
+    overflow:hidden;
+    white-space:nowrap;
+    text-overflow:ellipsis;
+    float: left;
+}
+.name_div_val>img{
+    margin-top: 4px;
+    margin-left: 24px;
+    cursor: pointer;
+    float: left;
+}
+.phone_div{
+    margin-top: 22px;
+    width: 100%;
+    height: auto;
+}
+.phoen_left{
+    float: left;
+}
+.phoen_right{
+    float: right;
+    margin-right: 25%;
+}
+.phone_title{
+    font-size: 24px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #333333;
+}
+.phone_val{
+    float: left;
+    margin-top: 11px;
+    font-size: 18px;
+    font-weight: 500;
+}
+.phone_update{
+    font-size: 18px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #2D8CF0;
+    float: left;
+    margin-top: 11px;
+    margin-left: 18px;
+    cursor: pointer;
+}
+.pass_title{
+    font-size: 24px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #333333;
+}
+.pass_update{
+    font-size: 18px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #2D8CF0;
+    float: left;
+    margin-top: 11px;
+    cursor: pointer;
+}
+.account_div{
+    float: left;
+    width: 50%;
+    height: calc(100% - 42px - 37px);
+}
+.balance_of{
+    width: 100%;
+    font-size: 24px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #666666;
+    display: flex;
+    justify-content: center;
+}
+.blance_content{
+    margin-top: 22px;
+    width: 100%;
+    font-size: 37px;
+    font-family: PingFang SC;
+    font-weight: bold;
+    color: #000000;
+    display: flex;
+    justify-content: center;
+}
+.blance_content span{
+    font-size: 22px;
+    padding-top: 14px;
+    margin-right: 5px;
+    margin-left: 5px;
+}
+.account_button{
+    float: left;
+    margin-top: 35px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+}
+.button_account{
+    float: left;
+    width: 170px;
+    height: 50px;
+    border-radius: 25px;
+    text-align: center;
+    line-height: 50px;
+    background: #E2E2E2;
+    color: #000;
+    font-size: 24px;
+    font-weight: 300;
+    cursor: pointer;
+}
+.button_account:last-child{
+    margin-left: 25px;
+    color: #ffff;
+    background: linear-gradient(-90deg, #015EEA 0%, #00C0FA 100%);
+}
+.segmentation_div{
+    float: left;
+    width: 1px;
+    height: 142px;
+    margin-left: 40px;
+    background: #E2E2E2;
+}
+.permissions_div{
+    float: left;
+    width: calc(50% - 1px - 40px);
+    height: calc(100% - 42px - 37px);
+}
+.bottom_div .left_div_title{
+    font-size: 28px;
+    font-family: PingFang SC;
+    font-weight: bold;
+    color: #333333;
+    margin: 25px 0 35px 28px;
+}
+.bottom_content{
+    padding-left: 28px;
+    padding-right: 24px;
+    overflow: auto;
+    max-height: 74%;
+}
+.content_div_font{
+    width: 100%;
+    height: 58px;
+    background: #F4F4F4;
+    font-size: 16px;
+    line-height: 58px;
+}
+.bottom_content .content_div_font:nth-child(even){
+    background: #fff;
+}
+.date_detail{
+    float: left;
+    margin-left: 33px;
+    margin-right: 33px;
+    color: #666666;
+}
+.content_detail{
+    float: left;
+    color: #666666;
+    width: 80%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+.amount_detail{
+    float: left;
+    color: #666666;
+}
+.bottom_content::-webkit-scrollbar {/*滚动条整体样式*/
+    width: 7px;     /*高宽分别对应横竖滚动条的尺寸*/
+    height: 4px;
+    scrollbar-arrow-color: #777777;
+    margin-right: 5px;
+}
+
+.bottom_content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
+    border-radius: 5px;
+    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    background: rgba(0,0,0,0.2);
+    scrollbar-arrow-color: #C8CCD1;
+}
+
+.bottom_content::-webkit-scrollbar-track {/*滚动条里面轨道*/
+    -webkit-box-shadow: inset 0 0 5px #FFFFFF;
+    border-radius: 0;
+    background: rgba(0,0,0,0.1);
+}

src/main/resources/static/js/demandForSingle/index/function.js

@@ -41,17 +41,25 @@ function getQuotation(page, limit, startTime, endTime){
                     }else if(item.orderType == 1){
                         type = "已回答";
                     }else if(item.orderType == 2){
-                        type = "已成交";
+                        type = "已付费";
                     }else if(item.orderType == 3){
+                        type = "行程开始";
+                    }else if(item.orderType == 4){
+                        type = "行程结束";
+                    }else if(item.orderType == 5){
+                        type = "已查看详情";
+                    }else if(item.orderType == 6){
+                        type = "不感兴趣";
+                    }else if(item.orderType == 9){
                         type = "取消行程";
                     }
-                    $(".content_div").append("<div uuid="+ item.uuid +" class=\"content_column\" onClick=\"contentHide(this)\">\n" +
+                    $(".content_div").append("<div uuid="+ item.uuid +" class=\"content_column\">\n" +
                         "<div class=\"content_div_input\">\n" +
                         "<div class=\"head_name\" style=\"width: 5%;\">"+ (index + 1) +"</div>\n" +
-                        "<div class=\"head_name\" style=\"width: 5%;\">\n" +
-                        "<i class=\"layui-icon layui-icon-triangle-r\"></i>\n" +
-                        "</div>\n" +
-                        "<div class=\"head_name\" style=\"width: 10%;\">"+ item.origin +"</div>\n" +
+                        // "<div class=\"head_name\" style=\"width: 5%;\">\n" +
+                        // "<i class=\"layui-icon layui-icon-triangle-r\"></i>\n" +
+                        // "</div>\n" +
+                        "<div class=\"head_name\" style=\"width: 15%;\">"+ item.origin +"</div>\n" +
                         "<div class=\"head_name\" style=\"width: 10%;\">"+ item.destination +"</div>\n" +
                         "<div class=\"head_name\" style=\"width: 15%;\">"+ item.startTime +" - "+ item.endTime +"</div>\n" +
                         "<div class=\"head_name\" style=\"width: 15%;\">"+ item.peopleNum.split(",")[0] + "成人"+ item.peopleNum.split(",")[1] +"儿童"+ item.peopleNum.split(",")[2] +"老人</div>\n" +
@@ -62,34 +70,34 @@ function getQuotation(page, limit, startTime, endTime){
                         "<button class=\"offer_button button_div_head\" onclick='offerClick(this)'><img src=\"/images/demandForSingle/offer.png\"/>提供报价</button>\n" +
                         "</div>\n" +
                         "</div>\n" +
-                        "<!-- 隐藏内容 -->\n" +
-                        "<div class=\"hide_content\">\n" +
-                        "<div class=\"message_div_input\" title="+ item.rhythm +">\n" +
-                        "<span>游玩节奏：</span>\n" +
-                        "<span name=\"rhythm\">"+ item.rhythm +"</span>\n" +
-                        "</div>\n" +
-                        "<div class=\"message_div_input\" title="+ item.resourcesNeeded +">\n" +
-                        "<span>所需资源：</span>\n" +
-                        "<span name=\"resourcesNeeded\">"+ item.resourcesNeeded +"</span>\n" +
-                        "</div>\n" +
-                        "<div class=\"message_div_input last_div_message\" title="+ item.flight +">\n" +
-                        "<span>航班时间：</span>\n" +
-                        "<span name=\"flight\">"+ item.flight +"</span>\n" +
-                        "</div>\n" +
-                        "<br/>\n" +
-                        "<div class=\"message_div_input\" title="+ item.hotelScale +">\n" +
-                        "<span>酒店档次：</span>\n" +
-                        "<span name=\"hotelScale\">"+ item.hotelScale +"</span>\n" +
-                        "</div>\n" +
-                        "<div class=\"message_div_input\">\n" +
-                        "<span>制定景点：</span>\n" +
-                        "<span name=\"rhythm\">暂无</span>\n" +
-                        "</div>\n" +
-                        "<div class=\"message_div_input last_div_message\" title="+ item.remarks +">\n" +
-                        "<span>其他备注：</span>\n" +
-                        "<span name=\"remarks\">"+ item.remarks +"</span>\n" +
-                        "</div>\n" +
-                        "</div>\n" +
+                        // "<!-- 隐藏内容 -->\n" +
+                        // "<div class=\"hide_content\">\n" +
+                        // "<div class=\"message_div_input\" title="+ item.rhythm +">\n" +
+                        // "<span>游玩节奏：</span>\n" +
+                        // "<span name=\"rhythm\">"+ item.rhythm +"</span>\n" +
+                        // "</div>\n" +
+                        // "<div class=\"message_div_input\" title="+ item.resourcesNeeded +">\n" +
+                        // "<span>所需资源：</span>\n" +
+                        // "<span name=\"resourcesNeeded\">"+ item.resourcesNeeded +"</span>\n" +
+                        // "</div>\n" +
+                        // "<div class=\"message_div_input last_div_message\" title="+ item.flight +">\n" +
+                        // "<span>航班时间：</span>\n" +
+                        // "<span name=\"flight\">"+ item.flight +"</span>\n" +
+                        // "</div>\n" +
+                        // "<br/>\n" +
+                        // "<div class=\"message_div_input\" title="+ item.hotelScale +">\n" +
+                        // "<span>酒店档次：</span>\n" +
+                        // "<span name=\"hotelScale\">"+ item.hotelScale +"</span>\n" +
+                        // "</div>\n" +
+                        // "<div class=\"message_div_input\">\n" +
+                        // "<span>制定景点：</span>\n" +
+                        // "<span name=\"rhythm\">暂无</span>\n" +
+                        // "</div>\n" +
+                        // "<div class=\"message_div_input last_div_message\" title="+ item.remarks +">\n" +
+                        // "<span>其他备注：</span>\n" +
+                        // "<span name=\"remarks\">"+ item.remarks +"</span>\n" +
+                        // "</div>\n" +
+                        // "</div>\n" +
                         "</div>")
                 });
                 //自定义样式分页

src/main/resources/static/js/indexHome.js

@@ -10,11 +10,20 @@ layui.use(["layer", "form"], function(){
 function clickItem(obj){
     if($(obj).hasClass("layui-nav-itemed")){
         $.each($(".layui-nav-item"), (index, item) => {
-            $(item).find("a cite img").attr("src",  "/images/indeHome/" + $(item).attr("title") + ".png")
+            $(item).find("a cite img").attr("src",  "/images/indeHome/" + $(item).attr("title") + ".png");
         });
-        $(obj).find("a cite img").attr("src",  "/images/indeHome/" + $(obj).attr("title") + "_click.png")
+        $(obj).find("a cite img").attr("src",  "/images/indeHome/" + $(obj).attr("title") + "_click.png");
+        //个人信息特殊处理
+        if($(obj).find("a cite").text() == "个人信息"){
+            $(".select_button").removeClass("check_div");
+            $(".center_top").append("<div onClick='switchMenu(this)' name='个人信息' src='personalIndex' class=\"select_button check_div\">\n" +
+                "                    <span>个人信息</span>\n" +
+                "                    <div class=\"close_button\" onclick='removeThis(this)'><i class=\"layui-icon layui-icon-close\"></i></div>\n" +
+                "                </div>");
+            $("iframe").attr("src", "personalIndex");
+        }
     }else{
-        $(obj).find("a cite img").attr("src",  "/images/indeHome/" + $(obj).attr("title") + ".png")
+        $(obj).find("a cite img").attr("src",  "/images/indeHome/" + $(obj).attr("title") + ".png");
     }
 }
 //iframe选择
@@ -26,10 +35,25 @@ function iframeClick(obj){
     //路径上参数
     var idVal = $(obj).attr("idVal");
     $(".select_button").removeClass("check_div");
-    $(".center_top").append("<div onClick='switchMenu(this)' src='demandForSingleIndex?idVal="+ idVal +"' class=\"select_button check_div\">\n" +
-        "                    <span>"+ thisClickName +"</span>\n" +
-        "                    <div class=\"close_button\" onclick='removeThis(this)'><i class=\"layui-icon layui-icon-close\"></i></div>\n" +
-        "                </div>");
+    var flag = false;
+    console.log(123)
+    $.each($(".select_button"), (index, item) => {
+        if(index > 0){
+            if($(item).find("span").html().indexOf(thisClickName) != -1){
+                flag = true;
+                return false;
+            }
+        }
+    });
+    if(flag){
+        $(".center_top div[name="+ thisClickName +"]").click();
+    } else {
+        $(".center_top").append("<div onClick='switchMenu(this)' name="+ thisClickName +" src='demandForSingleIndex?idVal="+ idVal +"' class=\"select_button check_div\">\n" +
+            "                    <span>"+ thisClickName +"</span>\n" +
+            "                    <div class=\"close_button\" onclick='removeThis(this)'><i class=\"layui-icon layui-icon-close\"></i></div>\n" +
+            "                </div>");
+    }
+
     if(parentName == "报价单"){
         $("iframe").attr("src", "demandForSingleIndex?idVal=" + idVal);
     }

src/main/resources/static/js/personal/even.js

@@ -0,0 +1,3 @@
+var $ = null;
+var form = null;
+var layer = null;

src/main/resources/static/js/personal/index.js

@@ -0,0 +1,5 @@
+layui.use(["layer", "form", "laydate", 'laypage'], function() {
+    $ = layui.$;
+    form = layui.form;
+    layer = layui.layer;
+});

src/main/resources/templates/indexHome.html

@@ -22,10 +22,10 @@
             <img class="logo_div" src="/images/indeHome/LOGO.png"/>
             <!-- 标题 -->
             <p>途丫平台供应商管理系统</p>
-            <!-- 右侧菜单 -->
-            <div class="right_operation">
-                <img src="/images/indeHome/right.png"/>
-            </div>
+<!--            &lt;!&ndash; 右侧菜单 &ndash;&gt;-->
+<!--            <div class="right_operation">-->
+<!--                <img src="/images/indeHome/right.png"/>-->
+<!--            </div>-->
             <!-- 用户提示 -->
             <div class="user_font">早上好，sunny</div>
             <!-- 头像 -->
@@ -51,22 +51,22 @@
                             </a>
                             <dl class="layui-nav-child">
                                 <dd>
-                                    <a lay-id="honePageIndex" lay-url="honePageIndex" idVal="0" onClick="iframeClick(this)">
+                                    <a lay-id="honePageIndex" lay-url="honePageIndex" idVal="1" onClick="iframeClick(this)">
                                         <cite>已回答</cite>
                                     </a>
                                 </dd>
                                 <dd>
-                                    <a lay-id="HotDestination" lay-url="HotDestination" idVal="1" onClick="iframeClick(this)">
+                                    <a lay-id="HotDestination" lay-url="HotDestination" idVal="0" onClick="iframeClick(this)">
                                         <cite>待回答</cite>
                                     </a>
                                 </dd>
                                 <dd>
                                     <a lay-id="HotDestination" lay-url="HotDestination" idVal="2" onClick="iframeClick(this)">
-                                        <cite>已成交</cite>
+                                        <cite>已付费</cite>
                                     </a>
                                 </dd>
                                 <dd>
-                                    <a lay-id="HotDestination" lay-url="HotDestination" idVal="3" onClick="iframeClick(this)">
+                                    <a lay-id="HotDestination" lay-url="HotDestination" idVal="9" onClick="iframeClick(this)">
                                         <cite>取消行程</cite>
                                     </a>
                                 </dd>

src/main/resources/templates/personal/index.html

@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>个人信息</title>
+    <link rel="stylesheet" href="/layui/css/layui.css">
+    <script src="/layui/layui.js"></script>
+    <link rel="stylesheet" href="/css/personal/index.css">
+    <script src="/js/personal/even.js"></script>
+    <script src="/js/personal/index.js"></script>
+    <script src="/js/personal/function.js"></script>
+</head>
+<body>
+    <!-- 最大div -->
+    <div class="div_user">
+        <!-- 上侧信息 -->
+        <div class="top_div">
+            <!-- 左侧信息 -->
+            <div class="message_div_left">
+                <div class="left_div_title">个人信息</div>
+                <!-- 用户名称跟头像 -->
+                <div class="user_img_name">
+                    <!-- 头像 -->
+                    <img src="https://lidaotech.oss-cn-beijing.aliyuncs.com/test/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20220622112747.png"/>
+                    <!-- 用户名称 -->
+                    <div class="user_name">
+                        <!-- 用户名称标题 -->
+                        <div class="title_name_val">昵称</div>
+                        <!-- 用户名称 -->
+                        <div class="name_div_val">
+                            <div>H。</div>
+                            <img src="/images/edit.png"/>
+                        </div>
+                    </div>
+                </div>
+                <!-- 用户手机号 -->
+                <div class="phone_div">
+                    <!-- 手机 -->
+                    <div class="phoen_left">
+                        <div class="phone_title">手机</div>
+                        <div class="phone_val">18253583210 （手机号已绑定）</div>
+                        <div class="phone_update">修改</div>
+                    </div>
+                    <!-- 密码 -->
+                    <div class="phoen_right">
+                        <div class="pass_title">密码</div>
+                        <div class="pass_update">修改密码</div>
+                    </div>
+                </div>
+            </div>
+            <!-- 右侧信息 -->
+            <div class="message_div_right">
+                <div class="left_div_title" style="margin-bottom: 42px;">账户信息</div>
+                <!-- 账户余额 -->
+                <div class="account_div">
+                    <div class="account_content">
+                        <div class="balance_of">账户余额</div>
+                        <div class="blance_content">
+                            <span>￥</span>
+                            <p>4360</p>
+                        </div>
+                    </div>
+                    <div class="account_button">
+                        <div class="button_account">提现</div>
+                        <div class="button_account">充值</div>
+                    </div>
+                </div>
+                <!-- 分割样式 -->
+                <div class="segmentation_div"></div>
+                <!-- 报价权限余额 -->
+                <div class="permissions_div">
+                    <div class="account_content">
+                        <div class="balance_of">报价权限余额</div>
+                        <div class="blance_content">
+                            <p>8</p>
+                            <span>次</span>
+                        </div>
+                    </div>
+                    <div class="account_button">
+                        <div class="button_account">购买权限</div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 下侧信息 -->
+        <div class="bottom_div">
+            <div class="left_div_title">收支明细</div>
+            <!-- 明细 -->
+            <div class="bottom_content">
+                <div class="content_div_font">
+                    <div class="date_detail">2022-06-20</div>
+                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
+                    <div class="amount_detail">￥4360</div>
+                </div>
+                <div class="content_div_font">
+                    <div class="date_detail">2022-06-20</div>
+                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
+                    <div class="amount_detail">￥4360</div>
+                </div>
+                <div class="content_div_font">
+                    <div class="date_detail">2022-06-20</div>
+                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
+                    <div class="amount_detail">￥4360</div>
+                </div>
+                <div class="content_div_font">
+                    <div class="date_detail">2022-06-20</div>
+                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
+                    <div class="amount_detail">￥4360</div>
+                </div>
+                <div class="content_div_font">
+                    <div class="date_detail">2022-06-20</div>
+                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
+                    <div class="amount_detail">￥4360</div>
+                </div>
+                <div class="content_div_font">
+                    <div class="date_detail">2022-06-20</div>
+                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
+                    <div class="amount_detail">￥4360</div>
+                </div>
+                <div class="content_div_font">
+                    <div class="date_detail">2022-06-20</div>
+                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
+                    <div class="amount_detail">￥4360</div>
+                </div>
+                <div class="content_div_font">
+                    <div class="date_detail">2022-06-20</div>
+                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
+                    <div class="amount_detail">￥4360</div>
+                </div>
+                <div class="content_div_font">
+                    <div class="date_detail">2022-06-20</div>
+                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
+                    <div class="amount_detail">￥4360</div>
+                </div>
+                <div class="content_div_font">
+                    <div class="date_detail">2022-06-20</div>
+                    <div class="content_detail">户外活动·自然探索.蒙元文化体验|全境内蒙古-草原、沙漠、火山自然景观探索体验，内蒙古蒙元文化、历史探索体验</div>
+                    <div class="amount_detail">￥4360</div>
+                </div>
+
+            </div>
+        </div>
+    </div>
+</body>
+</html>