<!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>
    <script src="/js/jquery.js"></script>
    <script src="/js/common.js"></script>
    <link rel="stylesheet" href="/css/demandForSingle/index.css">
    <link rel="stylesheet" href="/css/demandForSingle/offer.css">
    <script src="/js/demandForSingle/offer/even.js" type="text/javascript"></script>
    <script src="/js/demandForSingle/offer/index.js" type="text/javascript"></script>
    <script src="/js/demandForSingle/offer/function.js" type="text/javascript"></script>
    <script type="text/javascript">
        var uuid = "[[${uuid}]]";
    </script>
</head>
<body>
<!-- 头部搜索 -->
<div class="form_div">
    <!-- 搜索条件 -->
    <div class="title_input layui-form">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">需求：</label>
                <span class="destination_end">烟台-杭州</span>
                <span class="division_div">|</span>
                <span class="start_end_time">2022.03.22-2022.03.28</span>
                <span class="division_div">|</span>
                <span class="people_number">2成人1儿童0老人</span>
                <span class="division_div">|</span>
                <span class="amount_range">8000-12000元</span>
                <span class="division_div">|</span>
                <span class="hotel_scale">酒店档次：高档·4星</span>
            </div>
        </div>
    </div>
    <!-- 表单 -->
    <div class="list_div">
        <!-- 左侧天数选择 -->
        <div class="day_column">
            <div class="timeline" data-v-2d69a44a="">
                <ul data-v-2d69a44a="">
                    <li dayNum="1" class="pre-actived" data-v-2d69a44a="" onclick="clickDayNum(this)">
                        <i data-v-2d69a44a="">Day1</i>
                        <span data-v-2d69a44a=""></span>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 右侧内容 -->
        <div class="content_right layui-form">
            <div class="content_add_div" dayNum="1">
                <!-- 日期选择 -->
                <div class="layui-inline">
                    <label class="layui-form-label" style="margin-top: 8px">日&nbsp;&nbsp;&nbsp;&nbsp;期：</label>
                    <div class="layui-input-inline">
                        <div class="date_content_div">
                            <img class="date_content_img" src="/images/demandForSingle/date.png"/>
                            <input type="text" class="layui-input date_content_input select_date_input" name='planDate' placeholder="请输入时间 年.月.日" readonly = "readonly">
                        </div>
                    </div>
                </div>
                <!-- 时间增加 -->
                <div class="layui-inline">
                    <label class="layui-form-label" style="margin-top: 8px">时间点：</label>
                    <div class="layui-input-inline positioning_div" style="width: 90%">
                        <div class="date_content_div">
                            <input type="text" class="layui-input date_hours_content_input" placeholder="请输入时间">
                            <input type="text" class="layui-input date_hours_content date_content_input" placeholder="请输入内容">
                        </div>
                        <img class="add_date" src="/images/demandForSingle/add_date.png"/>
                    </div>
                </div>
                <!-- 游玩内容 -->
                <div class="play_div">
                    <!-- 景点 -->
                    <div class="play_content_div scenic_spot_div">
                        <div class="title_name_spot">
                            <svg viewBox="0 0 1024 1024" class="title_name_img">
                                <path d="M512 64C317.92 64 160 221.92 160 416c0 187.36 315.424 520.032 328.832 534.08C494.88 956.448 503.264 960 512 960c0.224 0 0.48 0 0.704 0 8.992 0 17.472-4.192 23.392-10.944l109.216-125.12C790.432 646.176 864 508.928 864 416 864 221.92 706.08 64 512 64zM512 576c-88.384 0-160-71.616-160-160s71.616-160 160-160 160 71.616 160 160S600.384 576 512 576z" p-id="2190"></path>
                            </svg>
                            <input type="text" placeholder="景点名称" class="layui-input date_content_input">
                        </div>
                        <div class="editor-assets" data-v-400c2eb9="">
                            <div class="editor-assets-control" data-v-400c2eb9="">
                                <div class="editor-assets-control-item file_videos" data-v-400c2eb9=""><i
                                        class="assets-icon assets-videos-icon" data-v-400c2eb9=""></i><span
                                        data-v-400c2eb9="">插入视频</span></div>
                                <div class="editor-assets-control-item file_img file_margin" data-v-400c2eb9=""><i
                                        class="assets-icon assets-images-icon" data-v-400c2eb9=""></i><span
                                        data-v-400c2eb9="">插入图片</span></div>
                            </div>
                            <div class="editor-assets-content" data-v-400c2eb9="">
                            </div>
                        </div>
                        <div class="editor-content" data-v-400c2eb9=""><p data-v-400c2eb9="">景点介绍</p>
                            <textarea placeholder="景点介绍" maxlength="2000" data-v-400c2eb9=""></textarea>
                        </div>
                        <!-- 关闭按钮 -->
                        <div class="close_play_button" onClick="delPlay(this)">
                            <i class="layui-icon layui-icon-close"></i>
                        </div>
                    </div>
                    <!-- 悬浮效果 -->
                    <div class="operation" data-v-67b53f28="" data-v-5161540f="" onmouseover="operationOver(this)" onmouseout="operationOut(this)">
                        <div class="operation-leader" data-v-67b53f28="">
                            <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-67b53f28="">
                                <path fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"></path>
                            </svg>
                        </div>
                        <div class="icon-group" data-v-67b53f28="">
                            <div class="icon-item" data-v-67b53f28="" onClick="addDay(this)">
                                <i class="icon icon-dir" data-v-67b53f28=""></i>
                                <span data-v-67b53f28="">添加目录/天</span>
                            </div>
                            <div class="icon-item" data-v-67b53f28="" onClick="addPlace(this)">
                                <i class="icon icon-location" data-v-67b53f28=""></i>
                                <span data-v-67b53f28="">添加地点</span>
                            </div>
                        </div>
                    </div>
                    <!-- 酒店 -->
                    <div class="play_content_div hotel_play_div">
                        <div class="title_name_spot">
                            <svg viewBox="0 0 1024 1024" class="title_name_img">
                                <path d="M512 64C317.92 64 160 221.92 160 416c0 187.36 315.424 520.032 328.832 534.08C494.88 956.448 503.264 960 512 960c0.224 0 0.48 0 0.704 0 8.992 0 17.472-4.192 23.392-10.944l109.216-125.12C790.432 646.176 864 508.928 864 416 864 221.92 706.08 64 512 64zM512 576c-88.384 0-160-71.616-160-160s71.616-160 160-160 160 71.616 160 160S600.384 576 512 576z" p-id="2190"></path>
                            </svg>
                            <input type="text" placeholder="酒店名称" class="layui-input date_content_input">
                        </div>
                        <div class="editor-assets" data-v-400c2eb9="">
                            <div class="editor-assets-control" data-v-400c2eb9="">
                                <div class="editor-assets-control-item file_videos" data-v-400c2eb9=""><i
                                        class="assets-icon assets-videos-icon" data-v-400c2eb9=""></i><span
                                        data-v-400c2eb9="">插入视频</span></div>
                                <div class="editor-assets-control-item file_img file_margin" data-v-400c2eb9=""><i
                                        class="assets-icon assets-images-icon" data-v-400c2eb9=""></i><span
                                        data-v-400c2eb9="">插入图片</span></div>
                            </div>
                            <div class="editor-assets-content" data-v-400c2eb9=""></div>
                        </div>
                        <div class="editor-content" data-v-400c2eb9=""><p data-v-400c2eb9="">酒店介绍</p>
                            <textarea placeholder="酒店介绍" maxlength="2000" data-v-400c2eb9=""></textarea>
                        </div>
                        <!-- 关闭按钮 -->
                        <div class="close_play_button" onClick="delPlay(this)">
                            <i class="layui-icon layui-icon-close"></i>
                        </div>
                    </div>
                    <!-- 包车,车型-->
                    <div class="play_content_div charte_play_div">
                        <div class="title_name_spot">
                            <svg viewBox="0 0 1024 1024" class="title_name_img">
                                <path d="M512 64C317.92 64 160 221.92 160 416c0 187.36 315.424 520.032 328.832 534.08C494.88 956.448 503.264 960 512 960c0.224 0 0.48 0 0.704 0 8.992 0 17.472-4.192 23.392-10.944l109.216-125.12C790.432 646.176 864 508.928 864 416 864 221.92 706.08 64 512 64zM512 576c-88.384 0-160-71.616-160-160s71.616-160 160-160 160 71.616 160 160S600.384 576 512 576z" p-id="2190"></path>
                            </svg>
                            <input type="text" placeholder="包车,车型" class="layui-input date_content_input">
                        </div>
                        <div class="editor-assets" data-v-400c2eb9="">
                            <div class="editor-assets-control" data-v-400c2eb9="">
                                <div class="editor-assets-control-item file_videos" data-v-400c2eb9=""><i
                                        class="assets-icon assets-videos-icon" data-v-400c2eb9=""></i><span
                                        data-v-400c2eb9="">插入视频</span></div>
                                <div class="editor-assets-control-item file_img file_margin" data-v-400c2eb9=""><i
                                        class="assets-icon assets-images-icon" data-v-400c2eb9=""></i><span
                                        data-v-400c2eb9="">插入图片</span></div>
                            </div>
                            <div class="editor-assets-content" data-v-400c2eb9=""></div>
                        </div>
                        <div class="editor-content" data-v-400c2eb9=""><p data-v-400c2eb9="">包车，司机介绍</p>
                            <textarea placeholder="包车，司机介绍" maxlength="2000" data-v-400c2eb9=""></textarea>
                        </div>
                        <!-- 关闭按钮 -->
                        <div class="close_play_button" onClick="delPlay(this)">
                            <i class="layui-icon layui-icon-close"></i>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 操作按钮 -->
            <div class="submit_div_button">
                <div class="submit_button reset_button">重置</div>
                <div class="submit_button offer_button" onclick="submitAdd(this)">提交报价</div>
            </div>
        </div>
    </div>
</div>
</body>
</html>