<!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 type="text/javascript" src="/js/custom.js"></script>
    <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="name_private_offer">
            <span>报价单名称：</span>
            <input type="text" name="offerName" autoComplete="off">
            <!--上传封面图-->
            <div class="editor-assets-control-item cover_img" data-v-400c2eb9="">
                <i class="assets-icon assets-images-icon" data-v-400c2eb9=""></i>
                <span data-v-400c2eb9="">上传封面图</span>
            </div>
            <!--选择模板按钮-->
            <div class="select_template">选择模板</div>
        </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" value="08:00" placeholder="时间">
                            <input type="text" class="layui-input date_hours_content date_content_input" placeholder="请输入内容">
                            <div class="del_date" onclick="delteDate(this)"><i class="layui-icon layui-icon-subtraction"></i></div>
                        </div>
                        <div class="date_content_div">
                            <input type="text" class="layui-input date_hours_content_input" value="12:00" placeholder="时间">
                            <input type="text" class="layui-input date_hours_content date_content_input" placeholder="请输入内容">
                            <div class="del_date" onclick="delteDate(this)"><i class="layui-icon layui-icon-subtraction"></i></div>
                        </div>
                        <div class="date_content_div">
                            <input type="text" class="layui-input date_hours_content_input" value="14:00" placeholder="时间">
                            <input type="text" class="layui-input date_hours_content date_content_input" placeholder="请输入内容">
                            <div class="del_date" onclick="delteDate(this)"><i class="layui-icon layui-icon-subtraction"></i></div>
                        </div>
                        <div class="date_content_div">
                            <input type="text" class="layui-input date_hours_content_input" value="17:00" placeholder="时间">
                            <input type="text" class="layui-input date_hours_content date_content_input" placeholder="请输入内容">
                            <div class="del_date" onclick="delteDate(this)"><i class="layui-icon layui-icon-subtraction"></i></div>
                        </div>
                        <img class="add_date" src="/images/demandForSingle/add_date.png" onClick="addDate(this)"/>
                    </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 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>
            </div>
            <!-- 合同上传 -->
            <div class="contract_uplod">
                <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" name="priceDetail" 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_contract" data-v-400c2eb9=""><i class="assets-icon assets-videos-icon" data-v-400c2eb9=""></i><span data-v-400c2eb9="">合同上传</span></div><input class="layui-upload-file" type="file" accept="video/*" name="file">
                        </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="价格明细介绍" name="priceDetailText" 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 class="other_select">
                <div class="other_select_font">其他:</div>
                <div class="radio_div_select" onclick="radioClick(this)">
                    <div class="radio_icon">
                        <i class="layui-icon layui-icon-ok"></i>
                    </div>
                    <span>无购物</span>
                </div>
                <div class="radio_div_select" onclick="radioClick(this)">
                    <div class="radio_icon">
                        <i class="layui-icon layui-icon-ok"></i>
                    </div>
                    <span>无自费</span>
                </div>
                <div class="radio_div_select" onclick="radioClick(this)">
                    <div class="radio_icon">
                        <i class="layui-icon layui-icon-ok"></i>
                    </div>
                    <span>成团保障</span>
                </div>
                <div class="radio_div_select" onclick="radioClick(this)">
                    <div class="radio_icon">
                        <i class="layui-icon layui-icon-ok"></i>
                    </div>
                    <span>航变无忧</span>
                </div>
                <div class="radio_div_select" onclick="radioClick(this)">
                    <div class="radio_icon">
                        <i class="layui-icon layui-icon-ok"></i>
                    </div>
                    <span>签证无忧</span>
                </div>
            </div>
            <!-- 总价 -->
            <div class="all_price">
                <div class="all_price_font">总价:</div>
                <div class="all_price_input">
                    <span>￥</span>
                    <input name="priceAll" autoComplete="off" type="text">
                </div>
                <div class="amount_icon"></div>
            </div>
            <!-- 操作按钮 -->
            <div class="submit_div_button">
                <div class="submit_button save_template" onclick="submitAddTemplate(this)">保存为模板</div>
                <div class="submit_button offer_button" onclick="submitAdd(this)">确认报价</div>
                <div class="submit_button reset_button">预览</div>
            </div>
        </div>
    </div>
    <!-- 选择模板 -->
    <div class="van-popup van-popup--center wrapper van-pop-transparent" style="z-index: 103;">
        <div class="info" data-v-429d1032="">
            <div class="info-title" data-v-429d1032=""><h3 data-v-429d1032="">选择模板</h3>
                <div class="search" data-v-429d1032="">
                    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-429d1032="">
                        <path fill="currentColor"
                              d="m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704z"></path>
                    </svg>
                    <input placeholder="搜索" type="text" name="title" autocomplete="off" data-v-429d1032="" oninput="getValue(this)" onporpertychange="getValue(this)">
                </div>
                <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" class="close-icon" data-v-429d1032="" onclick="closeVan(this)">
                    <path fill="currentColor"
                          d="M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"></path>
                </svg>
            </div>
            <div class="list" data-v-429d1032="">

            </div>
            <button class="button__component confirm-button" data-v-429d1032="" data-v-wave-boundary="true"
                    style="--63dea0b6:24px; position: relative;" data-v-wave-count-internal="2">确认
                <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" class="btn__component-loading"
                     style="display: none;">
                    <path fill="currentColor"
                          d="M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"></path>
                </svg>
            </button>
        </div>
    </div>
</div>
</body>
</html>