VisualInspection/VisualInspection/view/mytask/taskDetail.html

<div class="container-fluid ">
      <div class="row">
        <h3>考核基本信息</h3>
        <div>
            <table style="width:100%;">
                <tr>
                    <td width="20%">考核任务名：<label id="name"></label></td>
                    <!--<td width="20%">考核人：<label id="checkman"></label></td>-->
                    <td width="20%">考核时间： <label id="checktime"></label></td>
                    <td width="20%">考核人：<label id="checked_person"></label></td>
                    <td width="20%">考核部门：<label id="checked_dept"></label></td>
                </tr>
            </table>
        </div>
      </div>
      <hr>
      <div class="row">
        <h3>考核任务流程</h3>
        <div id="flow_div">
        </div>
      </div>
      <hr>
      <div class="row">
        <h3>考核详细内容</h3>
        <div>
            <div id="score_datatable" data-checkable="true" data-sortable="true"></div>
        </div>
    </div>
    <hr>
    <div class="row" id="appeal_div">
        <h3>申诉基本信息</h3>
        <div>
            <table style="width:100%;">
                <tr>
                    <td width="20%">申诉时间：<label id="appeal_time"></label></td>
                    <td width="20%">申诉原因：<label id="appeal_reason"></label></td>
                </tr>
                <tr>
                    <td width="20%">附件：
                        <div class="file-list" id="appeal_file_list">
                         </div>
                    </td>
                    <td>
                    </td>
                </tr>
            </table>
        </div>
      </div>
    <div class="row" style="margin-top:5px;text-align:center">
        <div>
            <button id="submitBtn" style="display:none" type="button" class="btn btn-warning" onclick="submitCheck()">提交</button>
            <button id="confirmBtn" style="display:none" type="button" class="btn btn-warning" onclick="confirmCheck()">确认</button>
            <button id="confirmAppealBtn" style="display:none" type="button" class="btn btn-warning" onclick="confirmCheck4Appeal()">申诉结果确认</button>
            <button id="appealBtn" style="display:none" type="button" class="btn btn-danger" onclick="showAppeal()">申诉</button>
            <button id="assignBtn" style="display:none" type="button" class="btn btn-danger" onclick="showAssign()">分配</button>
        </div>
    </div>
</div>
<div id="form-div" style="display:none;text-align:center;height:300px;padding:5px;">
    <div class="row">
        <div id="img_container" class="cards cards-borderless col-sm-12">
        </div>
    </div> 
</div>
<div id="appealDetail-div" style="display:none;text-align:center;">
    <link rel="import" href="/view/appeal_management/appealDetail.html?__inline">   
</div>
<div id="chooseCheckman-div" style="display:none;text-align:center;">
    <link rel="import" href="/view/mytask/chooseCheckman.html?__inline">   
</div> 
<style>
    .line{
        text-align:center;font-size:20px;height:10px;margin:15px 0px;width:100%;background:#516784;overflow:hidden;
    }
    .timeline_item_station {
        left: 50%;
        margin-left: 60px;
        margin-top: 50px;
        width: 40px;
        height: 40px;
        padding: 15px;
        border-width: 6px;
        background-color: #516784;
        position: absolute;
        border-radius: 50%;
        padding: 10px;
        top: 0;
        left: 10%;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
</style>
<script>
    $(document).ready(function() {
        checkAuth();
        $("#name").html($.checkTask.name);
        $("#checkman").html($.checkTask.checkman_name);
        $("#checktime").html($.checkTask.start_time);
        $("#checked_person").html($.checkTask.checked_person_name);
        $("#checked_dept").html($.checkTask.checked_dept_name);

        if($.checkTask.appeal) {
            $("#appeal_div").show();
            $("#appeal_time").html($.checkTask.appeal.appeal_time);
            $("#appeal_reason").html($.checkTask.appeal.appeal_reason);
            
            $("#appeal_file_list").html(genAppeaFiles($.checkTask.appeal.file_src));
        }else{
            $("#appeal_div").hide();
        }

        genFlow();
        queryScores();
       
        $('a.lightbox-toggle').lightbox();
    });
    
    //初始化表行按钮
    function initBtns() {
        $.zui.store.set("task_detail_btn_"+ROLE_JICHA+"_3",["#submitBtn"]);
        $.zui.store.set("task_detail_btn_"+ROLE_JICHA_ADMIN+"_11",["#assignBtn"]);
        $.zui.store.set("task_detail_btn_"+ROLE_STATION_ADMIN+"_5",["#confirmBtn","#appealBtn"]);
        $.zui.store.set("task_detail_btn_"+ROLE_STATION_ADMIN+"_15",["#confirmAppealBtn"]);
    }
    function checkAuth(){
        initBtns();
        showBtn(ROLE_JICHA,$.checkTask.check_status);
        showBtn(ROLE_JICHA_ADMIN,$.checkTask.check_status);
        showBtn(ROLE_STATION_ADMIN,$.checkTask.check_status);

        // if(hasRole(ROLE_JICHA_ADMIN && $.checkTask.check_status==11)) {
        //     $("#assignBtn").show();
        // }else{
        //     $("#assignBtn").hide();
        // }

        // if(hasRole(ROLE_STATION_ADMIN) && $.checkTask.check_status==5) {
        //     $("#confirmBtn").show();
        //     $("#appealBtn").show();
        // }else{
        //     $("#appealBtn").hide();
        //     $("#confirmBtn").hide();
        // }

        // if(hasRole(ROLE_STATION_ADMIN) && $.checkTask.check_status==15) {
        //     $("#confirmAppealBtn").show();
        // }else{
        //     $("#confirmAppealBtn").hide();
        // }
    }
    function showBtn(role, status) {
        if(hasRole(role)) {
             var btnArr = $.zui.store.get("task_detail_btn_"+role+"_"+status);
             if(btnArr) {
                 for(var i in btnArr) {
                     $(btnArr[i]).show();
                 }
             }
        }
    }
    function queryScores(){
        // 使用data参数更新数据：
        var data = {
            "task_id": $.checkTask.id
        }
        
        var cols = [
                    {width: 80, text: '序号', type: 'number', flex: true, colClass: 'text-center',field: 'num'},
                    {width: 60, text: '评分记录', type: 'string', flex: true, sort: 'down',field: 'content'},
                    {width: 80, text: '分数', type: 'string', flex: true, colClass: '',field: 'check_item_score'},
                    {width: 200, text: '图片', type: 'imagedd', flex: true, colClass: '',field: 'pics'}
                ];
        if(hasRole(ROLE_JICHA)) {
            var oper = {width: 160, text: '操作', type: 'string', flex: true, field: 'id',
                        oper:[
                            {func:'showEditScore',text:'修改',icon_class:'icon-edit'},
                            {func:'deleteScore',text:'删除',icon_class:'icon-remove-circle'}
                        ]
                    }
            cols.push(oper);
        }
        $('#score_datatable').mytable({'cols':cols,
                                'url':"/score/getScoreList/",
                                'param':data}
                                );
    }
    var curScoreId;
    function showEditScore(id){
        var rowData=getItemByIdFromArr(id,$('#score_datatable').mytable('getTableData'));
        // alert(rowData.pics);
        curScoreId = rowData.id;
        scoreImageLayer = showPopup4Common('修改图片',updateImg,'600px');
        showPics(rowData.pics);
    }

    function showPics(pics,divId){
        var picStr='';
        if(!divId) divId = '#img_container';
        $(divId).html(picStr);
        if(pics){
            var picArr = pics.split(',');
            for(var i in picArr){
                var pic = '<div id="img_item_'+i+'" class="col-md-4 col-sm-6 col-lg-3">'
                    +  '<a href="javascript:void(0)" onclick="removeImg(\'#img_item_'+i+'\')" style="float:right;position:absolute;z-index:100;"><span class="label label-danger"><i class="icon icon-remove-circle"></i> 删除</span></a>'
                    +  '<a class="card lightbox-toggle" href="'+picArr[i]+'" style="position:absolute">'
                    +      '<img class="pic-class img-thumbnail" style="width:200px;height:150px;" src="'+picArr[i]+'" alt="">'
                    +  '</a>'
                    +'</div>';
                picStr+=pic;
            }
            $(divId).html(picStr);
            $('a.lightbox-toggle').lightbox();
        }
    }
    function updateImg(){
        
        var imgArr = $("#img_container .pic-class");
        var picsStr="";
        if(imgArr && imgArr.length>0) {
            for(var i=0;i<imgArr.length;i++){
                picsStr+=imgArr[i].src+","
            }
            picsStr = picsStr.substr(0,picsStr.length-1);
        }
        var param= {
            'id':curScoreId,
            'pics':picsStr
        }
        // alert("dddd");
        addOrUpdateItem4Common(param,"/score/update",queryScores);
        curScoreId="";
    }
    function deleteScore(id){
        deleteItem4Common(id,"/score/delete/",queryScores);
    }
    function genFlow(){
        var data = {
            "id": $.checkTask.id
        };
        post_common_service("/task/getStatusById/",data,function(data){
            if(data) {
                var flowStr="";
                for(var i in data) {
                    var str = '<div class="col-sm-2" style="text-align:center;padding:0px;">'
                                + '<div class="row">'
                                +  '   <label>'+data[i].update_time+'</label>'
                                + '</div>'
                                + '<div class="row">'
                                +  '   <label>'+data[i].check_status_name+'</label>'
                                + '</div>'
                                + '<div class="row line">'
                                + '    <div class="timeline_item_station"></div>'
                                + '</div>'
                                +'</div>';
                    flowStr+=str;
                }
                $("#flow_div").html(flowStr);
            }
        })
    }
    function submitCheck(){
        var param = {
            "id": $.checkTask.id,
            "check_status":4
        }
        no_return_common_service("/task/taskEnd/",param,function(data){
             layer.msg(data, {
                time: 2000//20s后自动关闭
             });
            changePage("/view/mytask/task_list.html?status=2");
        });
        
    }

    var appealLayer;
    function showAppeal(){
        // appealLayer = showPopup4Common('申诉',saveAppeal,'600px','#appealDetail-div');
        layer.open({
            type: 1,
            area: '600px',
            title: '申诉',
            closeBtn: 1,
            shadeClose: true,
            skin: 'layui-layer-lan',
            content: $('#appealDetail-div'),
            btn: '保存',
            btnAlign: 'c', //按钮居中
            shade: 0 ,//不显示遮罩
            yes: function(index){
                saveAppeal();
            }
        });
    }

    function confirmCheck(){
        var param = {
            "id": $.checkTask.id,
            "check_status":6
        }
        no_return_common_service("/task/update/",param,function(data){
             layer.msg("确认成功", {
                time: 2000//20s后自动关闭
             });
            changePage("/view/mytask/task_list.html?status=5");
        });
    }

    function confirmCheck4Appeal(){
        var param = {
            "id": $.checkTask.id,
            "check_status":16
        }
        no_return_common_service("/task/update/",param,function(data){
             layer.msg("确认成功", {
                time: 2000//20s后自动关闭
             });
            changePage("/view/mytask/task_list.html?status=5");
        });
    }

    function showAssign(){
        showPopup4Common('分配稽查员',function(){
            saveAssign();
        },'400px','#chooseCheckman-div');
        setCheckmanSelect('#choseCheckmanList');
    }

    function saveAssign(){
         var param = {
            "id": $.checkTask.id,
            "recheckman": $('#choseCheckmanList').val(),
            "check_status":12
        }
        no_return_common_service("/task/update/",param,function(data){
             layer.msg("分配成功", {
                time: 2000//20s后自动关闭
             });
            changePage("/view/mytask/task_list.html?status=11");
        });
    }
    </script>