layui.use(["layer", "form", "laydate", "upload"], function(){
    $ = layui.$;
    form = layui.form;
    layer = layui.layer;
    laydate = layui.laydate;
    upload = layui.upload;
    //视频
    upload.render({
        elem: '.file_videos' //绑定元素
        ,url: 'https://www.tuyatrip.com/api/upload/uploadFile' //上传接口
        ,method: 'post'  //可选项。HTTP类型，默认post
        ,accept: 'video'
        ,acceptMime: 'video/*'
        ,multiple: true
        ,number: 3
        ,size: 80000
        ,headers: {token: token},
        before: function (){
            layer.load(2);
        }
        ,done: function(res){
            $(this.item[0]).parent().next().append("<video src="+ res.data +" onclick='clickVideo(this)' controls=\"\" data-v-400c2eb9=\"\"></video>");
            $(this.item[0]).parent().parent().parent().find("textarea").css("min-height", "0");
            layer.closeAll("loading");
        }
        ,error: function(){
            //请求异常回调
        }
    });

    //图片上传
    upload.render({
        elem: '.file_img' //绑定元素
        ,url: 'https://www.tuyatrip.com/api/upload/uploadFile' //上传接口
        ,method: 'post'  //可选项。HTTP类型，默认post
        ,accept: 'images'
        ,acceptMime: 'image/*'
        ,multiple: true
        ,number: 3
        ,size: 10000
        ,headers: {token: token}
        ,before: function (){
            layer.load(2);
        }
        ,done: function(res){
            $(this.item[0]).parent().next().append("<div class=\"editor-assets-content-info\" data-v-400c2eb9=\"\">\n" +
                "                                    <div class=\"el-image\" data-v-400c2eb9=\"\"><img style='width: 100px;height: 100px;' onclick='clickImg(this)' alt=\"upload-assets\"\n" +
                "                                                                                  src="+ res.data +"\n" +
                "                                                                                  class=\"el-image__inner el-image__preview\"\n" +
                "                                                                                  style=\"object-fit: cover;\"><!--v-if-->\n" +
                "                                    </div>\n" +
                "                                    <svg viewBox=\"0 0 1024 1024\" xmlns=\"http://www.w3.org/2000/svg\" onclick=\"closeSvg(this)\" data-v-400c2eb9=\"\">\n" +
                "                                        <path fill=\"currentColor\"\n" +
                "                                              d=\"M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336L512 457.664z\"></path>\n" +
                "                                    </svg>\n" +
                "                                </div>");
            $(this.item[0]).parent().parent().parent().find("textarea").css("min-height", "0");
            layer.closeAll("loading");
        }
        ,error: function(){
            //请求异常回调
        }
    });

    //合同上传
    upload.render({
        elem: '.file_contract' //绑定元素
        ,url: 'https://www.tuyatrip.com/api/upload/uploadFile' //上传接口
        ,method: 'post'  //可选项。HTTP类型，默认post
        ,accept: 'file'
        ,acceptMime: 'file/pdf'
        ,exts: "pdf"
        ,headers: {token: token}
        ,before: function (){
            layer.load(2);
        }
        ,done: function(res){
            layer.msg("上传成功", {icon: 1});
            contractFile = res.data;
            layer.closeAll("loading");
        }
        ,choose: function(obj){
            obj.preview(function(index, file, result){
                $(".contract_uplod_file_name").html(file.name)
            })
        }
        ,error: function(){
            //请求异常回调
        }
    });

    //封面上传
    upload.render({
        elem: '.cover_img' //绑定元素
        ,url: 'https://www.tuyatrip.com/api/upload/uploadFile' //上传接口
        ,method: 'post'  //可选项。HTTP类型，默认post
        ,accept: 'file'
        // ,acceptMime: 'file/pdf'
        ,size: 10000
        ,headers: {token: token}
        ,before: function (){
            layer.load(2);
        }
        ,done: function(res){
            layer.msg("上传成功", {icon: 1});
            titleImg = res.data;
            $(".cover_img_p").hide();
            $(".img_div").show();
            $(".img_div img").attr("src", titleImg);
            layer.closeAll("loading");
        }
        ,error: function(){
            //请求异常回调
        }
    });

    $(".list_div").scroll(function(e){
        $(".day_column").scrollTop($(".list_div").scrollTop());
    });

    laydate.render({
        elem: '.select_date_input'
        ,format: 'yyyy-MM-dd'
    });
    laydate.render({
        elem: '.date_hours_content_input'
        ,type: 'time'
        ,format: 'HH:mm'
    });
    //选择模板
    $(".select_template").click(function(e){
        loadTemplate(null);//渲染
        layer.open({
            title: false,
            type: 1,
            anim: 5,
            closeBtn: 0,
            content: $(".van-pop-transparent")
        });
    });
    //选择模板确定
    $(".confirm-button").click((e) => {
        let uuidTemplate = $(".order-selected").attr("uuidTemplate");
        if(typeof uuidTemplate == "undefined"){
            layer.msg("请选择模板", {icon: 2});
            return false;
        }
        selectTemplate(uuidTemplate);
    });
    //监听滚动条
    $(".form_div").scroll(function(){
        if($(".form_div").scrollTop() >= 234){
            $(".day_column").css({"position": "fixed"});
            $(".content_right").css({"margin-left": "188px"});
        } else {
            $(".day_column").css({"position": "sticky", "top": "50px"});
            $(".content_right").css({"margin-left": "0"});
        }
    });
    //回到顶部
    $(".layui-fixbar").click(function(e){
        $(".form_div").animate({scrollTop: 0})
    });

    //滚动条监听
    observer = new IntersectionObserver(value => {
        var target = value[0].target
        if(value[0].intersectionRatio <= 0){
            return false;
        }
        var dayNum = $(target).attr("dayNum");
        var div = $(".timeline li[dayNum='"+ dayNum +"']")[0];
        $(".timeline li").removeClass("pre-actived");
        $($(".timeline li[dayNum='"+ dayNum +"']")[0]).addClass("pre-actived");
        $(".day_column").animate({scrollTop: div.offsetTop}, "fast")
    }, {
        root: document.querySelector(".form_div"),
    });
    registerUser();
    getPrivateOrder(); //数据渲染
    getData();//内容渲染
    translationVal(parent.type);//翻译
    getByNumber();//查询手续费比例
});