<extend name="Public/base" />

<block name="body">
    <link rel="stylesheet" type="text/css" href="__CSS__/admin_table.css" media="all">
    <script type="text/javascript" src="__STATIC__/layer/layer.js"></script>
    <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <!-- <link rel="stylesheet" type="text/css" href="__CSS__/admin_table.css" media="all"> -->
    <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <script type="text/javascript" src="__STATIC__/provincecityarea/area1.js"></script>
    <script type="text/javascript" src="__STATIC__/provincecityarea/AreaData_min.js"></script>
    <script type="text/javascript" src="__STATIC__/provincecityarea/jquery-1.7.min.js"></script>
    <script type="text/javascript" src="__JS__/jquery.mousewheel.js"></script>

    <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <link rel="stylesheet" type="text/css" href="__STATIC__/webuploader/webuploader.css" media="all">
    <script src="__STATIC__/md5.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="__STATIC__/webuploader/webuploader.js"></script>
    <script src="__STATIC__/layer/layer.js" type="text/javascript"></script>
    <script type="text/javascript" src="__STATIC__/layer/extend/layer.ext.js"></script>
    <style>
        .tabcon1711 td {
            text-decoration: none;
            text-align: center!important;
            padding-left: 55px;
            padding-right: 55px;
            width: 0;
        }
        .tabcon1711 td:first-child {
            padding-left: 55px;
            margin-right: 55px;
            width: 0;
        }
        .tabcon1711 input {
            width: 100%;
        }
        .tabcon1711 input[type=text], .tabcon1711 input[type=password] {
            width: auto;
        }
    </style>
    
    <style>
        .data_list table td {
            line-height:0px;
        }

        .bnt_add,.bnt_remove,.bnt_save{
            height: 30px;
            width: 20px;
            font-size: 20px;
            line-height: 10px;
            color: #3399ff;
            background: none;
            border: none;
            margin-left: 20px;
            cursor: pointer;
        }
        .bnt_remove{
            color: #F70909;
        }
        .bnt_save{
            color: #4DB361;
        }
    </style>

    <div class="cf main-place top_nav_list navtab_list">
        <h3 class="page_title">编辑工单</h3>
    </div>


    <!-- 标签页导航 -->
   
        <div style="display: flex;">
            <form method="post"  action="{:U('modify')}" enctype="multipart/form-data" id="form1" action="javascript:;" class="form-horizontal">
                <div class="cf top_nav_list">
    
                    <!-- 高级搜索 -->
                    <div class="jssearch fl cf search_list" style="margin-bottom:15px">
                        <input id="id" name="id" type="text" value="{$data['id']}" style="display:none" >
                        <input id="gameid" name="game_id" type="text" value="{$data['game_id']}" style="display:none" >
                        <input id="serverid" name="server_id" type="text" value="{$data['server_id']}" style="display:none">
                        <div class="input-list search-title-box">
                            <label>工单类型:</label>
                        </div>
                        <div class="input-list input-list-game search_label_rehab">
                            <label><?php if ($data['type'] == 1):?>资源<?php else:?>反馈<?php endif;?></label>
                        </div>
                        
                        <div class="input-list search-title-box">
                            <label>区服选择:</label>
                        </div>
                        <div class="input-list input-list-game search_label_rehab">
                            <select id="game_id" name="game_name" class="select_gallery"  style="width:120px;">
                                <option value="">游戏名称</option>
                                <volist name=":get_game_list()" id="vo">
                                    <option game-id="{$vo.id}" value="{$vo.game_name}" <?php if ($data['game_id'] == $vo['id']):?>selected<?php endif;?> >{$vo.game_name}</option>
                                </volist>
                            </select>
                        </div>
                        <div class="input-list input-list-server search_label_rehab">
                            <select id="server_id" name="server_name" class="select_gallery"  style="width:120px;">
                                <option value="0" server-id='0' >区服名称</option>
                                <if condition="$data['server_name'] neq ''"><option  value="{$data['server_name']}">{$data['server_name']}</option></if>
                            </select>
                        </div>
                        <?php if (!empty($data['attachment_url']) || $data['type'] == 2):?>
                        <div class="input-list">
                            <div id="uploader" class="wu-example">
                                <div class="btns">
                                    <div id="picker" style="height:30px;">附件</div>
                                </div>
                                <!--用来存放文件信息-->
                                <div id="thelist" class="uploader-list">
                                    <?php if (!empty($data['attachment_url'])):?>
                                    <div id="beforeupload" class="item">
                                        <h4 class="info">已有附件<a href="javascript:;" class="jsdelzip table_click" style="float:none;display:inline-block;margin-left:10px;" onclick="$('#file_url').val('');$(this).parents('#beforeupload').remove()">删除</a><a href="{$data.attachment_url}" target="_blank" download="" style="float:none;display:inline-block;margin-left:10px;">下载</a></h4>
                                    </div>
                                    <?php endif;?>
                                </div>
                                <input type="hidden" id="file_url"  name="attachment_url"  value="{$data['attachment_url']}"/>
                            </div>
                        </div>
                        <?php endif;?>
                    </div>
                </div>
                <div class="data_list">
                <div class="tab-content tabcon1711" id='resource-form' <?php if ($data['type'] == 2 || ($data['type']==1 && !empty($data['attachment_url']))):?>hidden<?php endif;?>>
                    <table class="table">
                        <!-- 表头 -->
                        <thead>
                        <tr>
                            <th>测试账号</th>
                            <th>密码</th>
                            <th>角色名称</th>
                            <th>资源数量</th>
                            <th>备注</th>
                        </tr>
                        </thead>
        
                        <!-- 列表 -->
                        <tbody>
                            <tr>
                                <td class="r" style="line-height: 0px;">
                                    <div class="from-element from-input">
                                        <input type="text" title="账号" placeholder="账号" class="my_text"
                                               name='resource[user_account]' value="{$data.user_account}"></div>
                                </td>
                                <td class="r">
                                    <div class="from-element from-input">
                                        <input type="text" title="密码" placeholder="密码" class="my_text"
                                               name='resource[user_password]' ></div>
                                </td>
                                <td class="r">
                                    <div class="from-element from-input">
                                        <input type="text" title="角色名称" placeholder="角色名称" class="my_text"
                                               name='resource[role_name]' value="{$data.role_name}"></div>
                                </td>
                                <td class="r">
                                    <div class="from-element from-input">
                                        <input type="text" title="申请元宝或钻石数量" placeholder="申请元宝或钻石数量" class="my_text"
                                               name='resource[resource_num]' onkeyup="value=value.replace(/[^\d]/g,'')" value="{$data.resource_num}"></div>
                                </td>
                                <td class="r">
                                    <div class="from-element from-input">
                                        <input type="text" title="备注" placeholder="备注" class="my_text"
                                               name='resource[remark]' value="{$data.remark}"></div>
                                </td>
                            </tr>
        
                        </tbody>
                    </table>
                    
                </div>
                </div>

                <div class="tab-content tabcon1711 tabcon17112" style="margin-top: 10px;" id='feedback-form' <?php if ($data['type'] == 1):?>hidden<?php endif;?>  > 
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tbody>
                          <tr>
                              <td class="l noticeinfo">玩家账号</td>
                              <td class="r table_radio">
                                  <input type="text" class="" name="feedback[user_account]" value="{$data.user_account}" placeholder="请输入玩家账号">
                              </td>
                          </tr>
                          <tr>
                              <td class="l noticeinfo">角色名称</td>
                              <td class="r table_radio">
                                  <input type="text" class="" name="feedback[role_name]" value="{$data.role_name}" placeholder="请输入角色名称">
                              </td>
                          </tr>
                          <tr>
                              <td class="l noticeinfo">反馈原因</td>
                              <td class="r table_radio">
                                <textarea name="feedback[feedback]">{$data.feedback}</textarea>
                              </td>
                          </tr>
                          <tr>
                              <td class="l noticeinfo">状态</td>
                              <td class="r table_radio">
                                  <span class="form_select"><select name="feedback[status]" id="status">
                                    <option value="3" <?php if($data['status'] == 3):?>selected<?php endif;?> >处理中</option>
                                    <option value="1" <?php if($data['status'] == 1):?>selected<?php endif;?> >完成</option>
                              </select></span>
                              </td>
                          </tr>
                          <tr>
                            <td class="l noticeinfo">创单人员</td>
                            <td class="r table_radio">
                                <label>{:get_admin_name($data['creator_id'])}</label>
                            </td>
                        </tr>
                          <tr>
                              <td class="l noticeinfo">处理人</td>
                              <td class="r table_radio">
                                  <span class="form_select"><select name="feedback[handler_id]" id="handler_id">
                                    <?php foreach ($admin_users as $user):?>
                                    <option value="{$user['uid']}"<?php if ($user['uid'] == $data['handler_id']):?>selected<?php endif;?> >{$user.nickname}</option>
                                    <?php endforeach;?>
                              </select></span>
                              </td>
                          </tr>
                          <tr>
                            <td class="l noticeinfo">备注</td>
                            <td class="r table_radio">
                                <textarea name="feedback[remark]">{$data.remark}</textarea>
                            </td>
                        </tr>
                        </tbody>
                      </table>
                  </div>
                
                <div class="form-item cf" style="margin-top: 10px;">
                    <button class="submit_btn ajax-post " id="submit" type="submit" target-form="form-horizontal" style="margin-left:10px;">
                        保存
                    </button>
                    <button class="submit_btn " onclick="javascript:history.back(-1);return false;">返 回</button>
                </div>
            </form>
           
            <span style="width: 0.5px;background-color: gray; margin-left: 50px;margin-right: 50px;" <?php if (empty($data['process_log']) || $data['type'] == 1):?>hidden<?php endif;?>></span>

            <div <?php if (empty($data['process_log']) || $data['type'] == 1):?>hidden<?php endif;?> >
                <div style="font-size:large;">工单进度</div>
                <div style="width: 600px;border: 0.5px solid #000;height: 100%;padding-top: 20px;padding-right: 50px;padding-left: 50px;margin-bottom: 50px;">
                    <?php foreach($data['process_log'] as $index => $log):?>
                    <p style="font-weight: bold;font-size: medium;margin-top: 10px;">{$index+1}. {$log['title']}</p>
                    <?php if ($log['type'] == 2):?>
                    <?php foreach($log['detail'] as $detail):?>
                    <p style="margin-left: 20px;">--<?php echo $detail['key_name'] . " 旧值:".$detail['old']." 新值:".$detail['new'] ?></p>
                    <?php endforeach;?>
                    <?php elseif($log['type'] == 3):?>
                        <p style="margin-left: 20px;"><label>内容:</label><span style="color: gray;">{$log['detail']}</span></p>
                    <?php endif;?>
                    <?php endforeach;?>
                </div>
            </div>
    </div>
    <div class="common_settings">
        <span class="plus_icon"><span><img src="__IMG__/zwmimages/icon_jia.png"></span></span>
        <form class="addShortcutIcon">
            <input type="hidden" name="title" value="{$m_title}">
            <input type="hidden" name="url" value="Promote/lists/type/1">
        </form>
        <a class="ajax-post add-butn <notempty name='commonset'>addSIsetted</notempty>" href="javascript:;" target-form="addShortcutIcon" url="{:U('Think/addShortcutIcon')}"><img src="__IMG__/zwmimages/icon_jia.png"><span><notempty name='commonset'>已添加<else />添加至常用设置</notempty></span></a>
    </div>

</block>

<block name="script">
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript">
        //导航高亮
        highlight_subnav('{:U('WorkOrder/list')}');
        Think.setValue("game_type_id", {$data.game_type_id|default = 0});
        Think.setValue("category", {$data.category|default = 0});
        Think.setValue("ba_id", {$data.ba_id|default = 0});
        $('#submit').click(function(){
            $('#form').submit();
        });
        $(function(){
            // var pro="{:$data['bank_area']['0']}";
            // alert (pro);
            showTab();
            prov="{:substr($data['bank_area'],0,2)}";
            city="{:substr($data['bank_area'],2,2)}";
            ciarea="{:substr($data['bank_area'],4,2)}";
            //initComplexArea('seachprov', 'seachcity', 'seachdistrict', area_array, sub_array, prov, city, ciarea);
            $('.table').on("click", '.add-act', function (event) {
                $(".table").find("tr:last").find('td:last').find('a:last').css("display", 'none');

                var rowNum = $(".table tr").size() - 1;
                var html = "<tr class='table_tr' data-val='" + rowNum + "'><td><div class='from-element from-input'><input type='text' class='my_text' title='账号' placeholder='账号' name='user_accounts[]' ></div></td><td><div class='from-element from-input'><input type='text' title='密码' class='my_text' placeholder='密码' name='user_passwords[]'></div></td><td><div class='from-element from-input'><input type='text' title='角色名称' placeholder='角色名称' class='my_text' name='role_names[]'></div></td><td><div class='from-element from-input'><input type='text' maxlength='19' placeholder='申请元宝或钻石数量' title='申请数量' class='my_text' name='apply_resources[]' onkeyup = " + '"' + "value=value.replace(/[^\\d]/g,'')" + '"' + "></div></td><td><div class='from-element from-input'><input type='text' placeholder='备注' class='my_text' maxlength='100' name='remarks[]'></div></td><td><div style='display: flex;'><a class='add-act bnt_add'>✚</a><a class='del-act bnt_remove'>✖</a></div></td></tr>";
                $(".table").append(html);

            });
            $('.table').on("click", '.del-act', function (event) {
                var rowNum = $(".table tr").size() - 1;
                if (rowNum > 1) {
                    $(this).closest("tr").remove();
                    $(".table").find("tr:last").find('td:last').find('a:last').css("display", ' inline-block');
                }
            });
        });
        $("#server_id").change(function () {
            var g_server_id = $("#server_id option:selected").attr('server-id');
            $("#serverid").attr('value',g_server_id);
        });
        var server_id = '{$data.server_id}';
        $("#game_id").change(function(){
            var addData = '';
            $("#gameid").val($(this).val());
            $.ajax({
                url:"{:U('Ajax/getServer')}",
                type:"post",
                data:{game_id:$("#game_id option:selected").attr('game-id')},
                dataType:'json',
                success:function(data){
                    str = "<option value='0' server-id='0' >请选择区服</option>";
                    for (var i in data){
                        if (data[i].id == server_id) {
                            str += "<option value='"+data[i].server_name+"' server-id='"+data[i].id+"' selected >"+data[i].server_name+"</option>"
                        } else {
                            str += "<option value='"+data[i].server_name+"' server-id='"+data[i].id+"'>"+data[i].server_name+"</option>"
                        }
                    }
                    var g_game_id = $("#game_id option:selected").attr('game-id');
                    $("#gameid").attr('value',g_game_id);
                    $("#server_id").empty();
                    $("#server_id").append(str);
                    $("#server_id").select2();

                }
            })
        });
        $("#game_id").change();

        var userInfo = {userId:"kazaff", md5:""};   //用户会话信息
        var chunkSize = 5000 * 1024;        //分块大小
        var uniqueFileName = null;          //文件唯一标识符
        var md5Mark = null;
        var backEndUrl = "{:U('File/shard_upload',array('type'=>1,'session_id'=>session_id()))}";
        WebUploader.Uploader.register({
            "before-send-file" : "beforeSendFile",
            "before-send"      : "beforeSend",
            "after-send-file"  : "afterSendFile"
        }, {
            beforeSendFile: function(file){
                //秒传验证
                if (true) {
                    var task = new $.Deferred();
                    var start = new Date().getTime();
                    (new WebUploader.Uploader()).md5File(file, 0, 10*1024*1024).progress(function(percentage){
                        //console.log(percentage);
                    }).then(function(val){
                        //console.log("总耗时: "+((new Date().getTime()) - start)/1000);
                        md5Mark = val;
                        userInfo.md5 = val;
                        $.ajax({
                            type: "POST"
                            , url: backEndUrl
                            , data: {status: "md5Check", md5: val}
                            , cache: false
                            , timeout: 1000 //todo 超时的话,只能认为该文件不曾上传过
                            , dataType: "json"
                        }).then(function(data, textStatus, jqXHR){
                            //console.log(data);
                            if(data != null && data.ifExist){   //若存在,这返回失败给WebUploader,表明该文件不需要上传
                                task.reject();
                                uploader.skipFile(file);
                                file.path = data.path;
                            }else{
                                task.resolve();
                                //拿到上传文件的唯一名称,用于断点续传
                                uniqueFileName = md5(''+userInfo.userId+file.name+file.type+file.lastModifiedDate+file.size);
                            }
                        }, function(jqXHR, textStatus, errorThrown){    //任何形式的验证失败,都触发重新上传
                            task.resolve();
                            //拿到上传文件的唯一名称,用于断点续传
                            uniqueFileName = md5(''+userInfo.userId+file.name+file.type+file.lastModifiedDate+file.size);
                        });
                    });
                    return $.when(task);
                }
            }
            , beforeSend: function(block){
                //分片验证是否已传过,用于断点续传
                if (true) {
                    var task = new $.Deferred();
                    $.ajax({
                        type: "POST"
                        , url: backEndUrl
                        , data: {
                            status: "chunkCheck"
                            , name: uniqueFileName
                            , chunkIndex: block.chunk
                            , size: block.end - block.start
                        }
                        , cache: false
                        , timeout: 1000 //todo 超时的话,只能认为该分片未上传过
                        , dataType: "json"
                    }).then(function(data, textStatus, jqXHR){
                        if(data.ifExist){   //若存在,返回失败给WebUploader,表明该分块不需要上传
                            task.reject();
                        }else{
                            task.resolve();
                        }
                    }, function(jqXHR, textStatus, errorThrown){    //任何形式的验证失败,都触发重新上传
                        task.resolve();
                    });
                    return $.when(task);
                }
            }
            , afterSendFile: function(file){
                if (true) {
                    var chunksTotal = 0;
                    if((chunksTotal = Math.ceil(file.size/chunkSize)) > 1){
                        //合并请求
                        var task = new $.Deferred();
                        $.ajax({
                            type: "POST"
                            , url: backEndUrl
                            , data: {
                                status: "chunksMerge"
                                , name: uniqueFileName
                                , chunks: chunksTotal
                                , ext: file.ext
                                , md5: md5Mark
                            }
                            , cache: false
                            , dataType: "json"
                        }).then(function(data, textStatus, jqXHR){
                            //todo 检查响应是否正常
                            task.resolve();
                            file.path = data.path;
                            $("#file_name").val(data.name);
                            $("#file_url").val(data.path+'/'+data.name);
                            $("#file_size").val(file.size);
                        }, function(jqXHR, textStatus, errorThrown){
                            task.reject();
                        });
                        return $.when(task);
                    }else{
                        //UploadComlate(file);
                    }
                }
            }
        });

        var uploaderFile = WebUploader.create({
            // 选完文件后,是否自动上传。
            auto: true,
            // swf文件路径
            swf: '__STATIC__/webuploader/Uploader.swf',
            // 文件接收服务端。
            server: backEndUrl,
            // 选择文件的按钮。可选。
            // 内部根据当前运行是创建,可能是input元素,也可能是flash.
            pick: {id:'#picker'},
            //dnd: "#theList",
            paste: document.body,
            // 不压缩image, 默认如果是jpeg,文件上传前会压缩一把再上传!
            resize: false,
            disableGlobalDnd: true,
            fileNumLimit:1,
            threads:3,
            compress: false,
            prepareNextFile: true,
            formData: function(){return $.extend(true, {}, userInfo);},
            chunked:true,
            chunkSize: 5*1000*1024,
            duplicate: true
        });

        uploaderFile.on('beforeFileQueued',function(file){
            // var mycars=new Array("zip","rar","tar","jar");
            // if($.inArray(file.ext,mycars) == -1){
            //     updateAlert('上传文件非法','tip_error');
            //     setTimeout(function(){
            //         $('#tip').find('.tipclose').click();
            //     },1500);
            //     return false;
            // }
            if ($('#file_url').val()) {
                layer.msg('请先删除原文件后,再上传');
                return false;
            }
            //$.each(mycars,function(index,value){});
        })
        // 当有文件被添加进队列的时候
        uploaderFile.on( 'fileQueued', function( file ) {
            $("#thelist").append( '<div id="' + file.id + '" class="item">' +
                    '<h4 class="info">' + file.name + '</h4>' +
                    '<p class="state">等待上传...</p>' +
                    '</div>' );
        });

        // 文件上传过程中创建进度条实时显示。
        uploaderFile.on( 'uploadProgress', function( file, percentage ) {
            var $li = $( '#'+file.id ),
                    $percent = $li.find('.progress .progress-bar');
            // 避免重复创建
            if ( !$percent.length ) {
                $percent = $('<div class="progress progress-striped active">' +
                        '<div class="progress-bar" role="progressbar" style="width: 0%">' +
                        '</div>' +
                        '</div>').appendTo( $li ).find('.progress-bar');
            }
            $li.find('p.state').text('上传中');
            $percent.css( 'width', percentage * 100 + '%' );
            $percent.text( (percentage * 100).toFixed(0) + '%' );
        });

        uploaderFile.on( 'uploadSuccess', function( file , response) {
            $( '#'+file.id ).find('p.state').text('已上传').fadeOut(800);
            $('#'+file.id).find('h4.info').append('<a href="javascript:;" class="jsdelzip table_click" style="float:none;display:inline-block;margin-left:10px;">删除</a>');
            $('#'+file.id).find('.jsdelzip').on('click',function() {
                $("#file_url").val('');
                uploaderFile.removeFile( file.id );
                $('#'+file.id).remove();
                return false;
            });
            if(!response.chunk){
                var url = response.path + "/" +response.name;
                $("#file_url").val(url);
            }
        });

        uploaderFile.on( 'uploadError', function( file ) {
            $( '#'+file.id ).find('p.state').text('上传出错');
        });

        uploaderFile.on( 'uploadComplete', function(file) {
            $( '#'+file.id ).find('.progress').fadeOut();
        });
    </script>
</block>