{{ define "order/listDetail.html" }}
{{template "public/header" .}}
<style>
    .layui-tab-item{
        height: 400px;
        overflow: auto;
    }
    .layui-input-block{
        margin-top: 10px;
    }
    .layui-tab-card{
        margin-top: 15px;
        margin-left: 10px;
        width: calc(100% - 20px);
        box-shadow: none!important;
    }
    .layui-dropdown{
        background-color: #121228;
        border: 1px solid #171c2c;
    }
    .layui-menu{
        background-color: #121228;
    }
    .layui-menu li{
        color: #9eacbe;
    }
    .layui-menu li:hover{
        color: #fff;
        background-color: #121228; 
    }
    .layui-dropdown-menu li:nth-child(1) .layui-menu-body-title{
        padding-left: 25px;
        background: url(../static/img/lm1.png) no-repeat left center;
    }
    .layui-dropdown-menu li:nth-child(2) .layui-menu-body-title{
        padding-left: 25px;
        background: url(../static/img/lm2.png) no-repeat left center;
    }
    .layui-dropdown-menu li:nth-child(3) .layui-menu-body-title{
        padding-left: 25px;
        background: url(../static/img/lm3.png) no-repeat left center;
    }
</style>
    <div class="content">
        <div class="list_detail_bd">
            <div class="list_title">
                <div class="list_back" id="backlist" ><i class="layui-icon layui-icon-return"></i></div>
                <div class="list_tit">订单编号：</div>
                <div class="list_num">{{.order_sn}}&nbsp;服次：{{.fc}}</div>
                {{if .isend}}
                {{else}}
                <div class="list_find" id="morephoto">未找到照片？</div>
                {{end}}
            </div>
            <div class="list_container">
                <div class="list_con">
                    <div class="ma_btn" onclick="maBtn(this)"></div>
                    <div class="ma_del" id="recove"></div>
                    <div class="list_cc" style="width: 90%">
                        <div class="listt">
                            <div class="list_name">妈妈姓名：</div>
                            <div class="list_info">{{.wname}}</div>
                        </div>
                        <div class="listt">
                            <div class="list_name">宝宝姓名：</div>
                            <div class="list_info">{{.baby_name}}</div>
                        </div>
                        <div class="listt">
                            <div class="list_name">照片张数：</div>
                            <div class="list_info" id="photo_num"></div>
                        </div>
                        <div class="listt" onclick="copydir('{{.photoDir}}')">
                            <div class="list_name">照片地址：</div>
                            <div class="list_info">{{.photoDir}}<i class="layui-icon layui-icon-template-1" style="margin-left: 5px;"></i></div>
                        </div>
                    </div>
                </div>
                <div class="list_pic" id="list_pic">
                    <!-- <div class="pic">
                        <span onclick="swBtn(this)" data-src="/static/image/1.jpg"><img src="/static/image/1.jpg"></span>
                        <input type="checkbox" name="l1">
                    </div>
                    <div class="pic">
                        <span onclick="swBtn(this)" data-src="/static/image/2.jpg"><img src="/static/image/2.jpg"></span>
                        <input type="checkbox" name="l1">
                    </div>
                    <div class="pic">
                        <span onclick="swBtn(this)" data-src="/static/image/3.jpg"><img src="/static/image/3.jpg"></span>
                        <input type="checkbox" name="l1">
                    </div>
                    <div class="pic">
                        <span onclick="swBtn(this)" data-src="/static/image/4.jpg"><img src="/static/image/4.jpg"></span>
                        <input type="checkbox" name="l1">
                    </div>
                    <div class="pic">
                        <span onclick="swBtn(this)" data-src="/static/image/5.jpg"><img src="/static/image/5.jpg"></span>
                        <input type="checkbox" name="l1">
                    </div>
                    <div class="pic">
                        <span onclick="swBtn(this)" data-src="/static/image/6.jpg"><img src="/static/image/6.jpg"></span>
                        <input type="checkbox" name="l1">
                    </div> -->
                </div>
            </div>
        </div>
    </div>
    <!-- 二维码弹窗 -->
    <div class="box" id="maBox">
        <div class="box_bg">
            <div class="box_bd">
                <div class="box_erm_tit">扫码开始拍摄此客户</div>
                <img class="box_ewm" src="" />
                <!-- <div class="box_btn" id="kaishiBtn">按钮</div> -->
                <div class="box_close" onclick="boxClose(this)"></div>
            </div>
        </div>
    </div>
    <div class="box_bd1 layui-form" style="display: none;" id="design_box">
        
    </div>
    <div class="box_bd1 layui-form" style="display: none;" id="ps_box">
        <div class="layui-form-item" style="margin-top: 15px;">
            <label class="layui-form-label" style="width: 210px;">修片完成后，照片导出位置</label>
        </div>
        <div class="layui-form-item layui-inline">
            <button class='mutil_btn openbaidu' data-type="sp">选片系统</button>
            <button class='mutil_btn openbaidu' data-type="apaas" style="background-color: #3247e5;">影像中心</button>
        </div>
    </div>

    <div class="layui-form" style="display: none;" id="design_scene_box" lay-filter="design_scene_box">
        <div class="layui-form-item">
            <label class="layui-form-label">场景：</label>
            <div class="layui-input-block" id="scene_select">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">序号：</label>
            <div class="layui-input-block">
                <input type="radio" name="scene_index" value="1" title="1" lay-filter="scene_index">
                <input type="radio" name="scene_index" value="2" title="2" lay-filter="scene_index">
                <input type="radio" name="scene_index" value="3" title="3" lay-filter="scene_index">
                <input type="radio" name="scene_index" value="4" title="4" lay-filter="scene_index">
                <input type="radio" name="scene_index" value="5" title="5" lay-filter="scene_index">
                <input type="radio" name="scene_index" value="-" title="更多" lay-filter="scene_index">
                <div style="width: 80px; display: none;" id="more_index">
                    <input class="layui-input" type="text" name="extindex" value="" size="5" placeholder="其他" />
                </div>
                
            </div>
        </div>
        
    </div>
    <div class="layui-form" style="display: none;" id="design_param_box" lay-filter="design_param_box">
        <div class="layui-form-item">
            <label class="layui-form-label">版式：</label>
            <div class="layui-input-block" id="ratio_select">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">场景：</label>
            <div class="layui-input-block" id="theme_select">
            </div>
        </div>

    </div>
    <!-- 导入照片弹窗 -->
    <!-- <div class="box" > -->
        <!-- <div class="box_bg"> -->
            <div class="box_bd1" style="display: none;" id="daoruBox">
                <div>
                    <form class="layui-form" action="">
                        <div class="layui-form-item" style="margin: 10px;">
                            <select id="camera_list" lay-filter="camera_list">
                                <option value="">请选择相机</option>
                            </select>
                        </div>
                    </form>
                </div>
                <div class="layui-tab" id="daoruTab" lay-filter="camera_photo_list">
                    <ul class="layui-tab-title">
                        <li class="layui-this" lay-id="unorder">未分包照片</li>
                        <li lay-id="all">全部已下载照片</li>
                        <li lay-id="allcamera">相机内照片</li>
                    </ul>
                    <div class="layui-tab-content">
                      <div class="layui-tab-item layui-show" data-type="unorder"></div>
                      <div class="layui-tab-item"  data-type="all"></div>
                      <div class="layui-tab-item"  data-type="allcamera"></div>


                        <!-- <div class="layui-tab-item layui-show">
                            
                            <div class="box_list_pic">
                                <div class="pic_list">
                                    <label class="pic_check"><input type="checkbox" name="l1"></label>
                                    <div class="pic"><img src="../../statics/image/1.jpg"></div>
                                    <div class="pic_con">
                                        <div class="pic_name">图片名称</div>
                                        <div class="pic_dir">目录目录</div>
                                    </div>
                                </div>
                                <div class="pic_list">
                                    <label class="pic_check"><input type="checkbox" name="l1"></label>
                                    <div class="pic"><img src="../../statics/image/1.jpg"></div>
                                    <div class="pic_con">
                                        <div class="pic_name">图片名称</div>
                                        <div class="pic_dir">目录目录</div>
                                    </div>
                                </div>
                                <div class="pic_list">
                                    <label class="pic_check"><input type="checkbox" name="l1"></label>
                                    <div class="pic"><img src="../../statics/image/1.jpg"></div>
                                    <div class="pic_con">
                                        <div class="pic_name">图片名称</div>
                                        <div class="pic_dir">目录目录</div>
                                    </div>
                                </div>
                            </div>
                         
                        </div>
                         -->

                    </div>
                </div>

                <!-- <div class="box_list_pic">
                   
                </div> -->
                <div class="box_btn" id="daoruBtn">导入照片</div>
            </div>
        <!-- </div> -->
    <!-- </div> -->
    <div class="box" id="recoveBox">
        <div class="box_bg">
            <div class="box_bd">
                <div class="box_list_del" id="recoveBoxList">暂无删除的照片</div>
                {{if .isend}}
                {{else}}
                <div class="box_btn" id="recoveBtn">恢复照片</div>
                {{end}}
                <div class="box_close" onclick="recClose(this)"></div>
            </div>
        </div>
    </div>
    <!-- 图片预览弹窗 -->
    <div class="box" id="swBox">
        <div class="box_sw">
            <div class="swiper-wrapper" id="swiper-wrapper">
            </div>
            <!-- <div class="swiper-pagination"></div> -->
            <div class="sw_btn_con">

                {{if .isend}}
                {{else}}
                <div class="sw_btn" id="boxEnd">
                    <i class="layui-icon layui-icon-ok"></i>
                </div>
                <div class="sw_del" id="boxDel">
                    <i class="layui-icon layui-icon-delete"></i>
                </div>
                <div class="sw_info" id="photo_name"></div>
                {{end}}

            </div>
            <i class="layui-icon layui-icon-close sw_close" onclick="boxClose(this)"></i>
        </div>
    </div>
    <div class="menu" id="menu"></div>
    <script type="text/html" id="tpl_photo_info">
        <div class="con_pic"  data-name="{%this.name%}">
            <span data-name="{%this.name%}" data-preview="{%this.preview_path%}" data-src="{%this.view_path%}"><img src="{%this.view_path%}"></span>
            <!-- <input type="checkbox" name="l1"> -->
            {%if (this.isMovie==true){%}
            <div class="play"><i class="layui-icon layui-icon-play" style="font-size: 35px;"></i></div>
            {%}%}
            <div class="con_pic_tit" title="{%this.name%}">{%this.key%}</div>
        </div>
    </script>

    <script type="text/html" id="tpl_photo_list">
        <div class="pic_list" id="plist_{%this.tab_index%}_{%this.name%}">
            <label class="pic_check"><input type="checkbox" name="del_photo" data-name="{%this.name%}" data-path="{%this.path%}" data-order_folder="{%this.order_folder%}"></label>
            <div class="pic"  data-name="{%this.name%}" data-src="{%this.view_path%}" ><img class="img_small" src="{%this.view_path%}" data-preview="{%this.preview_path%}"></div>
            <div class="pic_con">
                <div class="pic_name">{%this.name%}</div>
                <div class="pic_dir">{%this.order_folder%}</div>
            </div>
        </div>
    </script>
    <script type="text/html" id="tpl_photo_list_design">
        <div class="pic_list" id="dlist">
            <div class="pic_check"><input type="checkbox" name="design_photo" data-name="{%this.name%}" data-path="{%this.path%}" data-fsid="{%this.baidu_fsid%}"/></div>
            <div class="pic"  data-name="{%this.name%}" data-src="{%this.view_path%}" ><img class="img_small" src="{%this.view_path%}" data-preview="{%this.preview_path%}"></div>
            <div class="pic_con">
                <div class="pic_name" style="width: 150px;">{%this.name%}</div>
                <div class="pic_name" style="width: 150px;">
                    <span id="set_design_scene_{%this.name%}" class="design_scene" data-key="{%this.key%}" data-name="{%this.name%}" data-scene="{%this.scene%}" data-scene_index="{%this.scene_index%}" >{%if (this.scene){ %} <span>{%this.scene%}{%this.scene_index%}</span> {%}else{%}设置分组{%}%}</span>
                </div>
                <div class="pic_name" style="width: 150px;">
                    <span id="set_design_param_{%this.name%}" class="design_param" data-key="{%this.key%}" data-name="{%this.name%}" data-ratio="{%this.ratio%}" data-theme="{%this.theme%}" >{%if (this.ratio){ %} <span>{%this.ratio%}-{%this.theme%}</span>{%}else{%}设置规格{%}%}</span>
                </div>
            </div>
        </div>
    </script>


    <script type="text/html" id="tpl_photo_del">
        <label class="con_pic">
            <span data-name="{%this.name%}" data-src="{%this.view_path%}"><img src="{%this.view_path%}"></span>
            <input type="checkbox" name="del_photo" data-name="{%this.name%}" data-path="{%this.path%}" data-order_folder="{%this.order_folder%}">
            <div class="title" title="{%this.name%}">{%this.key%}</div>
        </label>
    </script>
    <script type="text/html" id="tpl_photo_slice">
        <div class="swiper-slide" data-src="{%this.view_path%}" data-name="{%this.name%}">
            <div class="img_show_list pinch-zoom">
                <img class="viewImgNum" src="{%this.view_path%}">
            </div>
        </div>
    </script>
    <script type="text/javascript">
        var intle,order_sn="{{.order_sn}}",fc = "{{.fc}}",imageExts="{{.imageExts}}",moveExts="{{.moveExts}}",wname="{{.wname}}",baby_name="{{.baby_name}}",targetdate="{{.targetdate}}";
        var isend = {{.isend}},check="{{.check}}";
        var allImg = {};
        var previewMovie;
        var cameraPhotoPage = 0;
        let copydir,allRatios;
        //根据文件名判断是否是视频，其实可以使用服务端返回的ext直接判断
        function isMovie(name){
            let ext = name.substr(name.lastIndexOf(".")+1).toLowerCase();
            // console.log("file ext ",ext);
            if(moveExts.indexOf(ext) != -1){
                return true;
            }
            return false;
        }
        
        $(()=>{
            $("#backlist").on("click",function(){
                location.href="/";
            })
            let data = {
                orderId: order_sn,
                fc:parseInt(fc),
            }
            $(".box_ewm").attr("src","/qrshow?data="+JSON.stringify(data))
            $("#recove").click(()=>{
                let html = "";
                Object.keys(allImg).forEach(p=>{
                    if(allImg[p].is_delete){
                        // allImg[p].key = allImg[p].name.substr(0,allImg[p].name.lastIndexOf("."))
                        html += common.buildHtmlFromTemplate("tpl_photo_del",allImg[p]);
                    } 
                })
                if(html){
                    $("#recoveBoxList").html(html);
                }else{
                    $("#recoveBoxList").html('暂无删除的照片')
                }
                
                $("#recoveBox").show();
            })
            $("#recoveBtn").click(()=>{
                var selected = [];
                $("#recoveBoxList").find('input:checkbox[name="del_photo"]:checked').each((k,v)=>{
                    selected.push($(v).data("name"))
                })
                if(selected.length ==0){
                    alert("请选择要恢复的照片。");
                    return;
                }
                common.showLoading();
                common.ajax({
                    url: "/unDelPhoto",
                    data: {order_sn:order_sn,fc:fc,names:selected.join(",")},
                }).then((ret)=>{
                    common.hideLoading();
                    if(ret.code == 200){
                        // getPhotos(true);
                        selected.forEach(name=>{
                            allImg[name].is_delete = false;
                        })
                        renderPhoto();
                        $("#recoveBox").hide();
                    }else{
                        alert(ret.msg);
                    }
                }).catch((err)=>{
                    common.hideLoading();
                    console.log(err);
                })
            })

        })
        function renderPhoto(){
            html = "";
            slice = ""
            Object.keys(allImg).forEach(p=>{
                if(allImg[p].is_delete){
                    return;
                }
                if(!isMovie(allImg[p].name)){
                    slice += common.buildHtmlFromTemplate("tpl_photo_slice",allImg[p])
                }else{
                    allImg[p].isMovie = true;
                }
                html += common.buildHtmlFromTemplate("tpl_photo_info",allImg[p]);
            })
            // console.log("allImg",allImg);
            renderTotal();
            $("#list_pic").html(html);
            $("#swiper-wrapper").html(slice);

            $('.pinch-zoom').each(function () {
                new RTP.PinchZoom($(this), {});
            });
        }
        async function getPhotos(){

            let ret = await common.ajax({
                url: "/getPhotos",
                data: {order_sn:order_sn,fc:fc},
            })

                
            if(ret.code == 200){
                // location.href="/"
                let total = 0;
                let need = false;
                ret.data.forEach(photo => {
                    total++
                    if(!allImg[photo.name]){
                        need = true;
                        allImg[photo.name] = photo;
                    }
                });
                if (need){
                    renderPhoto();
                }
            }else{
                layer.alert(ret.msg);
            }
            // }).catch((err)=>{
            //     if(hideLoad){
            //         common.hideLoading();
            //     }
            //     console.log(err);
            // })
        }
        //关闭box弹窗
        function boxClose(obj){
            $(".box").hide()
        }
        function recClose(){
            $("#recoveBox").hide();
        }
        // 二维码按钮
        function maBtn(obj){
            $("#maBox").show()
        }
        
        function renderTotal(){
            let total =0,undel=0;
            Object.keys(allImg).forEach(p=>{
                total++;
                if(allImg[p].is_delete){
                    return;
                }
                undel++;
            })
            $("#photo_num").html(undel+'/'+total+"张");
        }
        
        // 照片预览
        function swBtn(obj){
            
            let name = $(obj).data("name")
            let url = $(obj).data("preview")
            if (isMovie(name)){
                previewMovie(url);
            }else{
                let index = 0;
                $("#swiper-wrapper").children().each((k,v)=>{
                    if($(v).data("name") == name){
                        index = k;
                    }
                })
                $("#swBox").show()
                detailSW.slideTo(index)
            }
        }
        $("#list_pic").on("click",".con_pic",function(){
            let obj = $(this).children("span")
            swBtn(obj)
        })
        // 照片预览轮播
        var curIndex;
        var detailSW = new Swiper(".box_sw", {
            observer: true,
            slidesPerView: 1, //一屏显示1张
            spaceBetween: 0, //图片间隔30px
            mousewheel: false, //鼠标滚轮控制
            speed: 300, //切换速度
            autoplay:{
                delay: 2000, //自动播放停止时长
            },
            // effect: "cards",
            grabCursor: true,
            loop: true, //是否循环
            // pagination: { //分页器
            //     el: ".swiper-pagination",
            //     clickable: true,
            // }
            keyboard: {
                enabled: true,
                pageUpDown: false,
            },
            on:{
                transitionEnd:function(){
                    curIndex = this.activeIndex;
                    console.log("curIndex",curIndex);
                    $("#photo_name").html($("#list_pic").children().eq(curIndex).data("name"));
                }
            }
        })
        layui.use(['form','layer','element','dropdown'], function(){
            let layer = layui.layer;
            let form = layui.form,element = layui.element,dropdown = layui.dropdown;
            let menuData = [
                {
                title: '百度修片'
                ,id: 101
                },
                {
                title: '导入选片'
                ,id: 105
                },
                {
                title: '版面分组'
                ,id: 102
                },
                {
                title: '精修套版'
                ,id: 103
                },
                {
                    title:"全屏浏览",
                    id:104
                }
            ];
            function checkDesignService(){
                common.ajax({
                    url: "/checkDesignService",
                    type: "GET",
                }).then((ret)=>{
                    if(ret.code != 200){
                        layer.msg(ret.msg,{icon: 5,offset: 't',anim:6})
                    }
                }).catch((err)=>{
                    layer.msg("检查套版服务失败"+err.message,{icon: 5,offset: 't',anim: 6})
                })
            }

            function renderDesignList(){
                html = "";
                Object.keys(allImg).forEach(p=>{
                    if(allImg[p].is_delete){
                        return;
                    }
                    if(isMovie(allImg[p].name)){
                        return;
                    }
                    html += common.buildHtmlFromTemplate("tpl_photo_list_design",allImg[p]);
                })
                html = "<div class='pic_list_select'><input type='checkbox' lay-filter='select_all_design' title='全选'></div>"+html+"<div class='pic_list_select'><input type='checkbox' lay-filter='select_all_design' title='全选'><button class='mutil_btn mutil_scene'>批量设置场景</button><button class='mutil_btn mutil_param'>批量设置规格</button></div>";
                $("#design_box").html(html);
                form.render();
            }
            //手动点击套版时，获取云端的文件，并生成列表
            function renderRemoteDesignList(){
                common.showLoading();
                common.ajax({
                    url: "/getRemoteDesignList",
                    data: {order_sn:order_sn,fc:fc},
                }).then((res)=>{
                    common.hideLoading();
                    if (res.code != 200){
                        layer.alert(res.msg);
                        return;
                    }
                    html = "";
                
                    res.data.forEach(photo=>{
                        if(photo.is_delete){
                            return;
                        }
                        if(isMovie(photo.name)){
                            return;
                        }
                        html += common.buildHtmlFromTemplate("tpl_photo_list_design",photo);
                    })
                    html = "<div class='pic_list_select'><input type='checkbox' lay-filter='select_all_design' title='全选'></div>"+html+"<div class='pic_list_select'><input type='checkbox' lay-filter='select_all_design' title='全选'><button class='mutil_btn mutil_scene'>批量设置场景</button><button class='mutil_btn mutil_param'>批量设置规格</button></div>";
                    $("#design_box").html(html);
                    form.render();
                }).catch((err)=>{
                    common.hideLoading();
                    console.lerror(err)
                    layer.alert(typeof err == "string"?err:err.message);
                })
            }
            function confirmAsync (msg){
                return new Promise((resolve,reject)=>{
                    layer.confirm(msg,function(index){
                        layer.close(index);
                        resolve(true);
                    },function(index){
                        layer.close(index);
                        resolve(false);
                    })
                })
            }
            async function saveScene(design=false){
                let all = true;
                let scenes = {},param={};
                let scenesNum = {}
                let fsids = [],fskeys=[];
                try{
                    $("#design_box").find(".pic_list").each((i,obj)=>{
                        let checkedObj = $(obj).find("input[type='checkbox'][name='design_photo']")
                        let checked = checkedObj.is(":checked");
                        let fsid = checkedObj.data("fsid");
                        console.log(fsid,checked);
                        // if(!checked) return;
                        let sceneObj = $(obj).find(".design_scene").eq(0)
                        let paramObj = $(obj).find(".design_param").eq(0)
                        let findKey = $(sceneObj).data("key");
                        let findScene = $(sceneObj).data("scene");
                        let findSceneIndex = ""+$(sceneObj).data("scene_index");
                        let findRatio = $(paramObj).data("ratio");
                        let findTheme = $(paramObj).data("theme");
                        
                        if(design){
                            if(!checked) return;
                            if(!findScene || !findSceneIndex || !findRatio || !findTheme){
                                throw new Error("选中的套版照片，有未设置的场景或规格，请设置")
                            }
                            fsids.push(fsid)
                            fskeys.push(findKey)
                        }else{
                            if(!findScene || !findSceneIndex || !findRatio || !findTheme){
                                all = false;
                            }
                        }
                        scenes[findKey] = {scene:findScene,scene_index:findSceneIndex}
                        param[findKey] = {ratio:findRatio,theme:findTheme}

                        let sceneKey = findScene+""+findSceneIndex+""+findRatio+""+findTheme
                        scenesNum[sceneKey] = scenesNum[sceneKey]?scenesNum[sceneKey]+1:1;
                        
                    })
                }catch(err){
                    layer.alert(err.message);
                    return;
                }
                if(design && fsids.length == 0){
                    layer.alert("请选择需要套版的照片。");
                    return;
                }
                console.log("scenes",scenes,scenesNum);
                if(Object.keys(scenes).length ==0){
                    layer.alert("请设置照片的分组，没有分组无法进行套版。");
                    return;
                }
                let checknum =[];
                Object.keys(scenesNum).forEach(s=>{
                    if(scenesNum[s]<3){
                        checknum.push(s);
                    }
                })
                if (checknum.length >0){
                    layer.alert("照片场景:《"+checknum.join(",")+"》至少要有3张及以上照片，请检查。");
                    return;
                }
                let confirm = true;
                if(!all){
                    confirm = await confirmAsync("有部分照片未分组或未设置规格，这些照片将无法参与套版，确认保存吗？")
                }

                if(confirm){
                    common.showLoading();
                    let data = JSON.stringify(scenes);
                    let params = JSON.stringify(param);
                    //确认过，或不需要确认的
                    common.ajax({
                        url: "/setDesignScene",
                        data: {order_sn:order_sn,fc:fc,scenes:data,params:params},
                    }).then((res)=>{
                        
                        if(res.code == 200){
                            if(!design){
                                layer.closeAll();
                                common.hideLoading();    
                            }else{
                                makeDesign(fsids,fskeys);
                            }
                            
                        }else{
                            layer.alert(res.msg);
                            common.hideLoading();
                        }
                    }).catch((err)=>{
                        common.hideLoading();
                        console.error(err);
                        layer.alert(err.message);
                    })
                }
                
            }
            async function makeDesign(fsids,fskeys){
                try {
                    ret = await common.ajax({
                        url: "/makeDesign",
                        data: {order_sn:order_sn,fc:fc,fsids:JSON.stringify(fsids),fskeys:JSON.stringify(fskeys)},
                    })
                    common.hideLoading();
                    if (ret.code == 200){
                        layer.alert("操作成功",function(){
                            layer.closeAll();
                        });
                    }else{
                        layer.alert(ret.msg);
                    }
                } catch (err) {
                    common.hideLoading();
                    console.error(err);
                    layer.alert(typeof err == "string"?err:err.message);
                }

            }
            form.on("checkbox(select_all_design)",function(data){
                if(data.elem.checked){
                    //全部选中
                    $("#design_box").find("input[type='checkbox'][name='design_photo']").each(function(){
                        $(this).prop("checked",true);
                    })
                }else{
                    $("#design_box").find("input[type='checkbox'][name='design_photo']").each(function(){
                        $(this).prop("checked",false);
                    })
                }
                form.render();
            })
            function full(ele) {
                if (ele.requestFullscreen) {
                    ele.requestFullscreen();
                } else if (ele.mozRequestFullScreen) {
                    ele.mozRequestFullScreen();
                } else if (ele.webkitRequestFullscreen) {
                    ele.webkitRequestFullscreen();
                } else if (ele.msRequestFullscreen) {
                    ele.msRequestFullscreen();
                }
            }
            let openbaiduindex = 0;
            function readyToPs(){
                layer.open({
                        type: 1,
                        content: $('#ps_box'), 
                        area: ['300px', '150px'],
                        //btn:["保存","取消"],
                        title:"修图",
                        success:async function(layero, index){
                            openbaiduindex = index;
                        },
                        // yes:()=>{
                        //     saveScene();
                        // }
                    });
            }
            $(".openbaidu").on("click",async function(){
                let type = $(this).data("type")
                layer.close(openbaiduindex);
                try{
                    let res = await common.ajax({
                        url:"/exeBaidu",
                        data:{order_sn:order_sn,fc:fc,wname:wname,baby_name:baby_name,type:type}
                    })
                    if (res.code == 200){
                        layer.alert("正在打开百度，请稍后...");
                        const paramsArr = [];
                        
                        for(const key in res.data){
                            paramsArr.push(`${key}=${encodeURIComponent(res.data[key])}`)
                        }
                        const paramsStr = 'baiduaiphoto://invoke-app/?'+paramsArr.join('&')+'&action_type=apaas_start_client'
                        console.log("paramsstr:",paramsStr)
                        location.href=paramsStr;
                    }else{
                        layer.msg("启动失败："+res.msg)
                    }
                }catch(err){
                    console.error(err)
                    layer.alert(err.message);
                }
                /*
                common.ajax({
                    url:"/exeBaidu",
                    data:{order_sn:order_sn,fc:fc,wname:wname,baby_name:baby_name,type:type}
                }).then((res)=>{
                    if (res.code == 200){
                        layer.alert("正在打开百度，请稍后...");

                    }else{
                        layer.msg("启动失败："+res.msg)
                    }
                }).catch((err)=>{
                    console.error(err)
                    layer.alert(err.message);
                })
                */
            })
            let menuEvent = {
                101:(obj)=>{
                    if(!isend){
                        layer.alert("请完成汰片后再进行修图");
                        return false;
                    }
                    readyToPs();
                    return;
                    
                    // layer.msg("11"+obj.title);
                },
                //只分组
                102:(obj)=>{
                    if(!isend){
                        layer.alert("请完成汰片后再进行分组");
                        return false;
                    }
                    layer.open({
                        type: 1,
                        content: $('#design_box'), //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                        area: ['90%', '650px'],
                        btn:["保存","取消"],
                        title:"分组",
                        success:async function(layero, index){
                            renderDesignList();
                        },
                        yes:()=>{
                            saveScene();
                        }
                    });
                },
                //分组  发起套版
                103:(obj)=>{
                    if(!isend){
                        layer.alert("请完成汰片后再进行套版");
                        return false;
                    }
                    // layer.msg("11"+obj.title);
                    layer.open({
                        type: 1,
                        content: $('#design_box'), //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                        area: ['90%', '650px'],
                        btn:["套版","取消"],
                        title:"套版",
                        success:async function(layero, index){
                            renderRemoteDesignList();
                        },
                        yes:()=>{
                            saveScene(true);
                        }
                    });
                },
                
                104:()=>{
                    full(document.body)
                },
                105:()=>{
                    common.showLoading();
                    common.ajax({
                        url:"/toSp",
                        data:{order_sn:order_sn,fc:fc,targetdate:targetdate}
                    }).then((res)=>{
                        console.log(res);
                        if(res.code == 200){
                            checkToSp()
                        }else{
                            common.hideLoading();
                            layer.alert("导入出错："+res.msg);
                        }
                    }).catch((err)=>{
                        common.hideLoading();
                        console.error(err)
                        layer.alert(err.message);
                    })
                },
                200:(obj)=>{
                    layer.msg("11"+obj.title);
                },
            }
            function checkToSp(){
                common.ajax({
                    url:"/getToSpStatus",
                    data:{order_sn:order_sn,fc:fc}
                }).then((res)=>{
                    
                    if(res.code == 200){
                        common.showLoading("导入中"+res.data.done+"/"+res.data.all)
                        if(res.data.done == res.data.all){
                            common.hideLoading()
                            layer.alert("导入完成");
                        }else{
                            setTimeout(function(){
                                checkToSp();
                            },1000)
                        }
                    }else{
                        common.hideLoading();
                        layer.alert("导入出错："+res.msg);
                    }
                }).catch((err)=>{
                    common.hideLoading();
                    console.error(err)
                    layer.alert(err.message);
                })
            }
            //页面数据异步加载。
            $( async function(){
                common.showLoading();
                // common.showLoading();
                getPhotos();
                intle = setInterval(() => {
                    getPhotos();
                }, 3000);
                let res =  await common.ajax({
                    url: "/getDesignSceneType",
                    data: {},
                })
                if (res && res.code == 200 ){
                    let subMenu = [];
                    let i= 200;
                    let shtml = "";
                    res.data.forEach(scence=>{
                        // i++
                        // subMenu.push({
                        //     title: scence
                        //     ,id: i
                        //     ,child:[
                        //         {title: "1",id: i * 10 +1,parent:scence},
                        //         {title: "2",id: i * 10 +2,parent:scence},
                        //         {title: "3",id: i * 10 +3,parent:scence},
                        //         {title: "4",id: i * 10 +4,parent:scence},
                        //         {title: "5",id: i * 10 +5,parent:scence},
                        //     ]
                        // })
                        shtml += '<input type="radio" name="scene" value="'+scence+'" title="'+scence+'">';
                    })
                    $("#scene_select").html(shtml);
                    form.render();
                    // menuData.push({
                    //     title:"版面分组",
                    //     id:199,
                    //     child:subMenu,
                    // });
                    // console.log("menuData",menuData);
                     //重定义样式
                    dropdown.render({
                        elem: '#menu'
                        ,data: menuData
                        ,className: 'site-dropdown-demo'
                        ,ready: function(elemPanel, elem){
                        // layer.msg('定义了一个 className');
                        }
                        ,click: function(obj){
                            console.log("menu",obj);
                            if(obj.id > 199){
                                menuEvent[200](obj);
                            }else{
                                menuEvent[obj.id](obj);
                            }
                            // layer.msg(obj.title);
                        }
                    });
                }else{
                    layer.msg("请求接口出错："+res.msg);
                }
                let ret = await common.ajax({
                    url: "/getDesignParams",
                    data: {},
                })
                if (ret.code == 200){
                    allRatios = ret.data.ratios
                    let shtml = "";
                    ret.data.ratios.forEach(ratio => {
                        shtml += '<input type="radio" name="ratio" value="'+ratio.ratio_name+'" title="'+ratio.ratio_name+'" lay-filter="ratio">';
                    });
                    $("#ratio_select").html(shtml);
                    form.render();
                }else{
                    layer.alert(ret.msg);
                }
                common.hideLoading();
                if(check) checkDesignService();
            })

            form.on('radio(scene_index)', function(data){
                if(data.value == "-"){
                    $("#more_index").show();
                }else{
                    $("#more_index").hide();
                }
            });
            form.on('radio(ratio)', function(data){
                initTheme(data.value);
            });
            function initTheme(ratio){
                allRatios.forEach(r=>{
                    if(r.ratio_name == ratio){
                        let shtml = "";
                        r.themes.forEach(theme=>{
                            shtml += '<input type="radio" name="theme" value="'+theme+'" title="'+theme+'">';
                        })
                        $("#theme_select").html(shtml);
                        form.render();
                    }
                })
            }
            $("body").on("click",".mutil_param",function(){
                let checked = []
                $("#design_box").find("input[type='checkbox'][name='design_photo']").each(function(){
                    if($(this).is(":checked")){
                        checked.push($(this).data("name"));
                    }
                })
                console.log("checked",checked);
                if (checked.length==0){
                    if(!name){
                        layer.alert("请至少选择一个照片进行操作。");
                        return;
                    }
                }
                let indexParam;
                layer.open({
                    type: 1,
                    title:"批量设置",
                    content: $('#design_param_box'), //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                    area: ['400px', '300px'],
                    btn:["保存","取消"],
                    success:async function(layero, index){
                        indexParam = index;
                    },
                    yes:()=>{
                        var data1 = form.val("design_param_box");
                        setParam(data1,checked);
                        layer.close(indexParam);
                    }
                })

            })
            function setParam(newData,select,oldData={}){
                let newRatio = newData.ratio;
                let newTheme = newData.theme;
                let paramStr = newRatio+"-"+newTheme

                if(!newRatio){
                    layer.alert("请选择一个规格");
                    return;
                }
                if(!newTheme){
                    layer.alert("请选择一个场景");
                    return;
                }
                console.log("select",typeof select,select);
                if(typeof select == 'string'){
                    let name = select;
                    let start = false;
                    let theme = oldData.theme
                    let ratio = oldData.ratio
                    $("#design_box").find(".design_param").each((i,obj)=>{
                        console.log($(obj));
                        let findName = $(obj).data("name");
                        let findRatio= $(obj).data("ratio");
                        let findTheme = $(obj).data("theme");
                        if( findName == name){
                            start = true;
                        }
                        if(start && findRatio == ratio && findTheme == theme){
                            // console.log(findName,findRatio,typeof findRatio,findRatio == ratio,"findtheme:",findTheme,theme);
                            $(obj).data("ratio",newRatio)
                            $(obj).data("theme",newTheme)
                            $(obj).html("<span>"+paramStr+"</span>");
                            if(allImg[findName]){
                                allImg[findName].ratio = newRatio
                                allImg[findName].theme = newTheme
                            }
                        }
                    })
                }else if(typeof select =="object"){
                    select.forEach(function(name){
                        let setid = "set_design_param_"+name
                        console.log("setid",setid,$("#design_box").find("span[id='"+setid+"']"));
                        $("#design_box").find("span[id='"+setid+"']").data("ratio",newRatio)
                        $("#design_box").find("span[id='"+setid+"']").data("theme",newTheme)
                        $("#design_box").find("span[id='"+setid+"']").html("<span>"+paramStr+"</span>");
                        if(allImg[name]){
                            allImg[name].ratio = newRatio
                            allImg[name].theme = newTheme
                        }

                    })
                }
                //更新页面数据和保存配置
                form.render();

            }
            $("body").on("click",".design_param",function(){
                let name = $(this).data("name")
                if(!name){
                    layer.alert("请选择一个照片进行操作。");
                    return;
                }
                let ratio = $(this).data("ratio")
                let theme = $(this).data("theme")
                if(ratio){
                    initTheme(ratio);
                    form.val("design_param_box",{
                        ratio:ratio,
                        theme:theme,
                    });
                }
                let indexParam;
                layer.open({
                    type: 1,
                    content: $('#design_param_box'), //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                    area: ['400px', '300px'],
                    btn:["保存","取消"],
                    success:async function(layero, index){
                        indexParam = index;
                    },
                    yes:()=>{
                        var data1 = form.val("design_param_box");
                        // console.log("data1",data1);
                        setParam(data1,name,{ratio:ratio,theme:theme});
                        layer.close(indexParam);
                    }
                })
            })
            $("body").on("click",".mutil_scene",function(){
                let checked = []
                $("#design_box").find("input[type='checkbox'][name='design_photo']").each(function(){
                    if($(this).is(":checked")){
                        checked.push($(this).data("name"));
                    }
                })
                console.log("checked",checked);
                if (checked.length==0){
                    if(!name){
                        layer.alert("请至少选择一个照片进行操作。");
                        return;
                    }
                }
                form.val("design_scene_box",{
                    scene:"",
                    scene_index:"1",
                });

                let indexScene;
                layer.open({
                    type: 1,
                    title:"批量设置",
                    content: $('#design_scene_box'), //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                    area: ['400px', '300px'],
                    btn:["保存","取消"],
                    success:async function(layero, index){
                        indexScene = index;
                    },
                    yes:()=>{
                        var data1 = form.val("design_scene_box");
                        setScene(data1,checked);
                        layer.close(indexScene);
                    }
                })

            })
            function setScene(newData,select,oldData){
                let newScene = newData.scene;
                let newSceneIndex = newData.scene_index === "-"?newData.extindex:newData.scene_index;
                let sceneStr = newScene+""+newSceneIndex

                if(!newScene){
                    layer.alert("请选择一个场景");
                    return;
                }
                if(!newSceneIndex){
                    layer.alert("请选择一个场景序号");
                    return;
                }
                //更新页面数据和保存配置
                if(typeof select == 'string'){
                    name=select
                    let start = false;
                    $("#design_box").find(".design_scene").each((i,obj)=>{
                        console.log($(obj));
                        let findName = $(obj).data("name");
                        let findScene = $(obj).data("scene");
                        let findSceneIndex = $(obj).data("scene_index");
                        
                        if( findName == name){
                            start = true;
                        }
                        if(start && findScene == oldData.scene && findSceneIndex == oldData.sceneIndex){
                            console.log(findName,findScene,typeof findScene,findScene == oldData.scene,"findSceneIndex:",findSceneIndex,sceneStr);
                            $(obj).data("scene",newScene)
                            $(obj).data("scene_index",newSceneIndex)
                            // $("#set_design_scene_"+findName).html(sceneStr);
                            $(obj).html("<span>"+sceneStr+"</span>");
                        }
                        if(allImg[findName]){
                            allImg[findName].scene = newScene
                            allImg[findName].scene_index = newSceneIndex
                        }

                    })
                }else if(typeof select =="object"){
                    select.forEach(function(name){
                        let setid = "set_design_scene_"+name
                        console.log("setid",setid,$("#design_box").find("span[id='"+setid+"']"));
                        $("#design_box").find("span[id='"+setid+"']").data("scene",newScene)
                        $("#design_box").find("span[id='"+setid+"']").data("scene_index",newSceneIndex)
                        $("#design_box").find("span[id='"+setid+"']").html("<span>"+sceneStr+"</span>");
                        if(allImg[name]){
                            allImg[name].scene = newScene
                            allImg[name].scene_index = newSceneIndex
                        }
                    })
                }
                form.render();
            }
            $("body").on("click",".design_scene",function(){
                let name = $(this).data("name")
                if(!name){
                    layer.alert("请选择一个照片进行操作。");
                    return;
                }
                let scene = $(this).data("scene")
                let sceneIndex = ""+$(this).data("scene_index")
                
                let scene_index =sceneIndex?sceneIndex:"1"
                
                let extindex = "";
                let defaultIndex = ["1","2","3","4","5"];

                if(defaultIndex.indexOf(scene_index) === -1){
                    scene_index = "-";
                    extindex = sceneIndex
                }
                // scene_index = scene_index?scene_index:"1";
                form.val("design_scene_box",{
                    scene:scene,
                    scene_index:scene_index,
                    extindex :extindex
                });
                if(extindex){
                    $("#more_index").show();
                }else{
                    $("#more_index").hide();
                }
                let indexScene;
                layer.open({
                    type: 1,
                    content: $('#design_scene_box'), //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                    area: ['400px', '300px'],
                    btn:["保存","取消"],
                    success:async function(layero, index){
                        indexScene = index;
                    },
                    yes:()=>{
                        var data1 = form.val("design_scene_box");
                        // console.log("data1",data1);
                        setScene(data1,name,{scene:scene,sceneIndex:sceneIndex})
                        layer.close(indexScene);
                    }
                });
            })
            copydir = async function(text){
                try {
                    await navigator.clipboard.writeText(text);
                    // console.log('Content copied to clipboard');
                    layer.msg("复制成功")
                } catch (err) {
                    // console.error('Failed to copy: ', err);
                    layer.msg("复制失败："+err)
                }
            }
            form.on("select(camera_list)",async function(obj){
                common.showLoading();
                let photos = await getCameraDownPhotos(obj.value,4)
                let photoHtml = ""
                photos.forEach(photo=>{
                    photoHtml += common.buildHtmlFromTemplate("tpl_photo_del",photo);
                })
                $(".layui-tab-item").eq(0).html('<div class="box_list_pic">'+photoHtml+"</div>")
                element.tabChange("camera_photo_list","unorder");
                form.render();
                common.hideLoading();
            })
            $("#boxEnd").on("click",function(){
                layer.confirm("确定结束拍摄吗？提交后标记已删除的照片将撤底删除无法恢复。",function(){
                    common.showLoading();
                    common.ajax({
                        url: "/stop",
                        data: {order_sn:order_sn,fc:fc},
                    }).then((ret)=>{
                        common.hideLoading();
                        if(ret.code == 200){
                            layer.confirm("提交成功。",{btn: ['返回首页','继续']},function(){
                                location.href="/"
                            },function(){
                                location.reload();
                            })
                        }else{
                            layer.alert(ret.msg);
                        }
                    }).catch(()=>{
                        common.hideLoading();
                        console.log(textStatus);
                    })
                })
            })
            async function getCameras(){
                let res = await  common.ajax({
                    url: "/getCameras",
                })
                if (res && res.code == 200 ){
                    return res.data;
                }else{
                    throw new Error("请求接口出错："+res.msg);
                }
            }
            //获取已下载的照片 state 1全部，4只取未分配的
            async function getCameraDownPhotos(serial_number,state){
                let res = await common.ajax({
                    url: "/getCameraDownPhotos",
                    data: {serial_number:serial_number,state:state},
                })

                if (res && res.code == 200 ){
                    return res.data;
                }else{
                    throw new Error("请求接口出错："+res.msg);
                }
            }
            //获取已下载的照片 state 1全部，4只取未分配的
            async function getCameraPhotos(serial_number,page){
                let res =  await common.ajax({
                    url: "/getCameraPhotos",
                    data: {serial_number:serial_number,page:page},
                })
                if (res && res.code == 200 ){
                    return res.data;
                }else{
                    throw new Error("请求接口出错："+res.msg);
                }
            }
            async function getMoreCameraPhotos(serial_number){
                cameraPhotoPage = cameraPhotoPage +1;
                let ret  = await getCameraPhotos(serial_number,cameraPhotoPage)
                // photos = ret.data
                photoHtml = ""
                if (ret.length >0){
                    ret.forEach(photo=>{
                        // photo.key = photo.name.substr(0,photo.name.lastIndexOf("."))
                        photo.tab_index = 2;
                        photoHtml = common.buildHtmlFromTemplate("tpl_photo_list",photo)+photoHtml;
                    })
                    if(cameraPhotoPage >1){
                        $(".layui-tab-item").eq(2).append('<div class="box_list_pic">'+photoHtml+"</div>"+' <div class="run_more load_more" data-number="'+serial_number+'">加载更多<i class="layui-icon layui-icon-triangle-d"></i></div>')
                    }else{
                        $(".layui-tab-item").eq(2).html('<div class="box_list_pic">'+photoHtml+"</div>"+' <div class="run_more load_more" data-number="'+serial_number+'">加载更多<i class="layui-icon layui-icon-triangle-d"></i></div>')
                    }
                    
                    form.render();
                }else{
                    //没有了，不出现分页标签了
                    $(".layui-tab-item").eq(2).append(' <div class="run_more" data-number="">没有更多了</div>')
                }
            }
            $(".layui-tab").on("click",".load_more",async function(){
                let serial_number = $(this).data("number")
                $(this).remove();
                common.showLoading();
                await getMoreCameraPhotos(serial_number);
                common.hideLoading();
            })
            $("body").on("click",".img_small",function(){
                let url = $(this).data("preview")
                let thumb = $(this).attr("src")
                let name = $(this).parent().data("name")
                if (isMovie(name)){
                    previewMovie(url);
                }else{
                    layer.photos({
                        photos: {
                            title:"",
                            id:1,
                            start:0,
                            data:[
                                {
                                    alt:"照片",
                                    pid:1,
                                    src:url,
                                    thumb:thumb,
                                }
                            ]
                        }
                        ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
                    });
                }
                
            })
            previewMovie = function (url){
                var loadstr = '<video width="100%" height="100%"  controls="controls" autobuffer="autobuffer"  autoplay="autoplay" loop="loop"><source src="'+url+'" type="video/mp4"></source></video>'
                layer.open({
                    type: 1,
                    title: '播放视频',
                    content: loadstr,
                    area:["80%","80%"]
                });
            }
            element.on('tab(camera_photo_list)', async function(data){
                // console.log(this); //当前Tab标题所在的原始DOM元素
                // console.log(data.index); //得到当前Tab的所在下标
                // console.log(data.elem); //得到当前的Tab大容器
                common.showLoading();
                let serial_number = $("#camera_list").val();
                var photos,photoHtml;
                try{
                    switch(data.index){
                        case 0:
                            photos  = await getCameraDownPhotos(serial_number,4)
                            photoHtml = ""
                            photos.forEach(photo=>{
                                // photo.key = photo.name.substr(0,photo.name.lastIndexOf("."))
                                photo.tab_index = 0;
                                photoHtml += common.buildHtmlFromTemplate("tpl_photo_list",photo);
                            })
                            $(".layui-tab-item").eq(0).html('<div class="box_list_pic">'+photoHtml+"</div>")
                            form.render();
                        break;
                        case 1:
                            photos  = await getCameraDownPhotos(serial_number,1)
                            photoHtml = ""
                            photos.forEach(photo=>{
                                // photo.key = photo.name.substr(0,photo.name.lastIndexOf("."))
                                photo.tab_index = 1;
                                photoHtml += common.buildHtmlFromTemplate("tpl_photo_list",photo);
                            })
                            $(".layui-tab-item").eq(1).html('<div class="box_list_pic">'+photoHtml+"</div>")
                            form.render();
                        break;
                        case 2:
                            cameraPhotoPage = 0;
                            // photos  = await getCameraPhotos(serial_number,1)
                            // photoHtml = ""
                            // photos.forEach(photo=>{
                            //     photo.key = photo.name.substr(0,photo.name.lastIndexOf("."))
                            //     photo.tab_index = 2;
                            //     photoHtml = common.buildHtmlFromTemplate("tpl_photo_list",photo)+photoHtml;
                            // })
                            // $(".layui-tab-item").eq(2).html('<div class="box_list_pic">'+photoHtml+"</div>")
                            // form.render();
                            await getMoreCameraPhotos(serial_number);
                        break;
                    }
                }catch(err){
                    console.error(err)
                    layer.alert("请求失败，请重试。"+err.message);
                }
                common.hideLoading();
            });

            // 导入照片
            $("#morephoto").click(async function(){
                common.showLoading();
                // if(cams && cams.length >0){
                    
                //     let photos  = await getCameraDownPhotos(cams[0].serial_number,4)
                //     let photoHtml = ""
                //     photos.forEach(photo=>{
                //         photo.tab_index = 0
                //         photoHtml += common.buildHtmlFromTemplate("tpl_photo_list",photo);
                //     })
                //     $(".layui-tab-item").eq(0).html('<div class="box_list_pic">'+photoHtml+"</div>")
                //     form.render();
                // }
                layer.open({
                    type: 1,
                    content: $('#daoruBox'), //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
                    area: ['90%', '650px'],
                    success:async function(layero, index){
                        let cams = await getCameras()
                        if(cams && cams.length >0){
                            let camHtml = ""
                            cams.forEach(cam=>{
                                camHtml += '<option value="'+cam.serial_number+'" >'+cam.serial_number +'['+cam.desc +']</option>'
                            })
                            $("#camera_list").html(camHtml)
                            form.render();
                        }
                        // element.tabChange("camera_photo_list","unorder");
                        common.hideLoading();
                    }
                });
            })
            $("#daoruBtn").click(async ()=>{
                let selected = []
                let type = "";
                common.showLoading("请稍后...")
                $("#daoruTab").find(".layui-tab-item").each((k,v)=>{
                    if($(v).hasClass("layui-show")){
                        type  = $(v).data("type")
                        $(v).find('input:checkbox[name="del_photo"]:checked').each((k,vv)=>{
                            selected.push({name:$(vv).data("name"),folder:$(vv).data("order_folder"),path:$(vv).data("path")})
                        })
                    }
                })
                console.log("daoru type ",type);
                let cnt = selected.length;
                for (let i = 0; i < selected.length; i++) {
                    const item = selected[i];
                    let current = i + 1
                    common.showLoading("正在导入："+current+"/"+cnt)
                    if (type == "allcamera"){
                        await downToOrder({serial_number:$("#camera_list").val(),path:item.path,file_name:item.name,order_sn:order_sn,fc:fc})
                    }else{
                        await movePhotoToOrder({serial_number:$("#camera_list").val(),folder:item.folder,file_name:item.name,order_sn:order_sn,fc:fc})
                    }
                }
                common.hideLoading();
                layer.alert("导入完成",function(){
                    location.reload();
                });
            })

            async function movePhotoToOrder(param){
                return common.ajax({
                    url: "/movePhotoToOrder",
                    data: param,
                })
                // return new Promise((resolve,reject)=>{
                //     $.ajax({
                //         type: "POST",
                //         url: "/movePhotoToOrder",
                //         data: param,
                //         dataType:'json',
                //         success: function(ret){
                //             if(ret.code == 200){
                //                 resolve(ret.data)
                //             }else{
                //                 reject(new Error(ret.msg))
                //             }
                //         },
                //         error:function(XMLHttpRequest, textStatus, errorThrown){
                //             reject(errorThrown)
                //         }
                //     })
                // })
            }
            async function downToOrder(param){
                return common.ajax({
                    url: "/downToOrder",
                    data: param,
                })
                // return new Promise((resolve,reject)=>{
                //     $.ajax({
                //         type: "POST",
                //         url: "/downToOrder",
                //         data: param,
                //         dataType:'json',
                //         success: function(ret){
                //             if(ret.code == 200){
                //                 resolve(ret.data)
                //             }else{
                //                 reject(new Error(ret.msg))
                //             }
                //         },
                //         error:function(XMLHttpRequest, textStatus, errorThrown){
                //             reject(errorThrown)
                //         }
                //     })
                // })
            }
        })
        $("#boxDel").on('click', function(){
            let active = detailSW.activeIndex
            let name = $("#swiper-wrapper").children().eq(active).data("name");
            common.showLoading();
            common.ajax({
                url: "/delPhoto",
                data: {order_sn:order_sn,fc:fc,name:name},
            }).then((ret)=>{
                common.hideLoading();
                if(ret.code == 200){
                    allImg[name].is_delete = true;
                    //删除dom
                    $("#swiper-wrapper").children().eq(active).remove();
                    $("#list_pic").children().each((k,obj)=>{
                        let tname  = $(obj).data("name")
                        console.log("this---",obj,tname)
                        if (tname == name){
                            $(obj).remove();
                        }
                    })
                    detailSW.updateSlides();
                    renderTotal();
                }else{
                    alert(ret.msg);
                }
            }).catch((err)=>{
                common.hideLoading();
                console.log(textStatus);
            })
        })
    </script>
{{template "public/footer" .}}
{{end}}