u157815
/
workorder


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="robots" content="noindex,nofollow">
    <title>{$sys_name}</title>
    <base href="{base_url()}"/>
    <link href="static/css/bootstrap.min.css" rel="stylesheet">
    <link href="static/css/bootstrap-table.min.css" rel="stylesheet">
    <link href="static/css/select2.min.css" rel="stylesheet">
    <link rel="stylesheet" href="static/css/style.css">
    <script language="javascript" type="text/javascript"> var SITE_URL = "/";</script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body style="background: #fff;">
<div style="padding:10px;">
    <div class="panel panel-default grid">
        <div class="panel-body">
            <form class="form-inline" role="form" method="get">
                <div class="pull-left">
                    <div class="btn-group">
                        <button type="button" class="refresh" onclick="window.location.reload();">
                            刷新
                        </button>
                    </div>
                </div>
                <div class="pull-right">
                    <div class="form-group">
                        <select class="form-control" name="branch_id" id="branch_id">
                            <option value="">所有分支机构</option>
                            {foreach $branch as $k=>$val}
                            <option value="{$val['branch_id']}" {if $branch_id == $val['branch_id']}selected{/if}>{$val['branch_name']}</option>
                            {/foreach}
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="form-control" name="type">
                            <option value="">所有类型</option>
                            {foreach $warning_type as $k=>$val}
                            <option value="{$k}" {if $type == $k}selected{/if}>{$val}</option>
                            {/foreach}
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="form-control" style="width: 160px;"  name="status">
                            <option value="">所有状态</option>
                            {foreach $workorder_status as $k=>$val}
                            <option value="{$k}" {if $status == $k}selected{/if}>{$val}</option>
                            {/foreach}
                        </select>
                    </div>
                    <div class="form-group">
                        <input class="form-control keyword" name="keyword" id="keyword" placeholder="筛选" type="text" value="{$keyword}">
                        <button type="submit" class="search">
                            <i class="glyphicon glyphicon-search"></i>
                        </button>
                    </div>
                </div>
            </form>
        </div>
        <table id="data_table" data-toggle="table" data-search="true" class="table{if $count} table-hover{/if} table-bordered">
            <thead>
            <tr>
                <th class="text-center" style="width: 140px;">工单ID</th>
                <th class="text-center">工单名称</th>
                <th class="text-center">类型</th>
                <th class="text-center">分支单位</th>
                <th class="text-center">下发方式</th>
                <th class="text-center">责任人</th>
                <th class="text-center">时间</th>
                <th class="text-center col-sm-2">备注</th>
                <th class="text-center">状态</th>
                <th class="text-center" style="width: 300px">操作</th>
            </tr>
            </thead>
            <tbody>
            {foreach $workorder_list as $k=>$val}
            <tr>
                <td data-searchable="true"> <a href="javascript:;" data-id="{$val['workorder_id']}" class="view_info">{$val['workorder_id']}</a></td>
                <td data-searchable="true">{$val['workorder_name']}</td>
                <td class="text-center" data-searchable="true">{$val['type']}</td>
                <td class="text-center" data-searchable="true">{if array_key_exists($val['branch']['branch_id'],$branch)}{$branch[$val['branch']['branch_id']]['branch_name']}{else}未配置分支{/if}</td>
                <td>{foreach $val['send_type'] as $type}{$send_type[$type]}&nbsp;{/foreach}</td>
                <td data-searchable="true"><p>{$val['receive_user']['name']}<br>{$val['receive_user']['mobile']}<br>{$val['receive_user']['email']}</p></td>
                <td class="text-center" data-searchable="true">{$val['create_time']->toDateTime()|date_format:'%Y-%m-%d %H:%M:%S'}</td>
                <td class="text-left" data-searchable="true">{if $val['last_remark_user'] != ""}<p class="text_over">备注人：{$val['last_remark_user']['name']}</p><div class="text_over" style="width: 200px;">内容：{$val['last_remark_content']}</div>时间：{$val['last_remark_time']->toDateTime()|date_format:'%Y-%m-%d %H:%M:%S'}{/if}</td>
                <td class="text-center" data-searchable="true"><span class="status{$val['status']}">{$workorder_status[$val['status']]}</span></td>
                <td class="text-left">
                    <a href="javascript:;" data-id="{$val['workorder_id']}" class="view_info">
                        查看详情
                    </a>
                    {if $user_type == "2"}
                    {if $val['status'] == "10" }
                    <a href="javascript:;" data-id="{$val['workorder_id']}" class="sign">
                        签收
                    </a>
                    {/if}
                    {if $val['status'] == "20" || $val['status'] == "40"}
                    <a href="javascript:;" data-id="{$val['workorder_id']}" class="hascheck">
                        已核查无问题
                    </a>
                    <a href="javascript:;" data-id="{$val['workorder_id']}" class="didit">
                        已处理
                    </a>
                    {/if}
                    {/if}
                    {if $val['status'] == 30 && $user_type == "1"}
                    <a href="javascript:;" data-id="{$val['workorder_id']}" class="reject">
                        驳回处理
                    </a>
                    <a href="javascript:;" data-id="{$val['workorder_id']}" class="finish">
                        结束工单
                    </a>
                    {/if}
                    {if $user_type == "1"}
                    <a href="javascript:;" data-id="{$val['workorder_id']}" class="export_link">
                        导出
                    </a>
                    <a href="javascript:;" data-id="{$val['workorder_id']}" class="delete">
                        删除
                    </a>
                    {/if}
                </td>
            </tr>
            {/foreach}
            {if !$count}
            <tr>
                <td colspan="10" class="empty_table"><img src="static/images/empty_table.png"><p>暂无符合条件的数据！</p></td>
            </tr>
            {/if}
            </tbody>
        </table>
        <div class="panel-footer clearfix">
            <div class="form-inline">
                <div class="pull-right">
                    <div class="form-group count">{$workorder_status["10"]}：<span class="status10">{$count10}</span>&nbsp;&nbsp;
                        {$workorder_status["20"]}：<span class="status20">{$count20}</span>&nbsp;&nbsp;
                        {$workorder_status["30"]}：<span class="status30">{$count30}</span>&nbsp;&nbsp;
                        {$workorder_status["40"]}：<span class="status40">{$count40}</span>&nbsp;&nbsp;
                        {$workorder_status["50"]}：<span class="status50">{$count50}</span>&nbsp;&nbsp;总共{$count}条记录</div>
                    <div class="form-group">
                        {$page}
                    </div>
                    <div class="form-group">
                        <label for="page_size" class="form-control-static control-label">每页</label>
                        <select class="form-control" id="page_size" name="page_size">
                            <option value="10" {if $page_size == 10}selected{/if}>10</option>
                            <option value="20" {if $page_size == 20}selected{/if}>20</option>
                            <option value="50" {if $page_size == 50}selected{/if}>50</option>
                            <option value="100" {if $page_size == 100}selected{/if}>100</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" charset="utf-8" src="static/js/jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/bootstrap.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/bootstrap-table.min.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/select2.full.min.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/ajaxfileupload.min.js"></script>
<script type="text/javascript" charset="utf-8" src="static/js/layer/layer.js"></script>{literal}
<script language="javascript" type="text/javascript">
    $(function(){
        $("table").show();
        layer.config({
            extend: 'myskin/style.css', //加载新皮肤
        });
        $("select").select2({minimumResultsForSearch: -1});
        $("#keyword").on('input',function () {
            $('#data_table').bootstrapTable('resetSearch', $(this).val());
        });
        $(".bootstrap-table").on('click',".delete",function () {
            var id = $(this).data("id");
            layer.confirm("确定要删除该工单吗？", {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
                if(id != "" && id != undefined) {
                    var loadindex = layer.load();
                    $.post(
                        "workorder/delete/" + id,
                        function (data) {
                            layer.msg(data.msg, {icon: data.icon,time: 3000}, function () {
                                layer.close(loadindex);
                                window.location.reload();
                            })
                        }
                    )
                }else{
                    layer.alert("参数错误，请刷新后重试！",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
                }
                layer.close(index);
            })
        });
        $(".bootstrap-table").on('click',".finish",function () {
            var id = $(this).data("id");
            layer.confirm("确定要结束该工单吗？", {skin: 'layer-ext-myskin',icon: 3, title:'提示'}, function(index){
                if(id != "" && id != undefined) {
                    var loadindex = layer.load();
                    $.post(
                        "workorder/finish/" + id,
                        function (data) {
                            layer.msg(data.msg, {icon: data.icon,time: 5000}, function () {
                                layer.close(loadindex);
                                window.location.reload();
                            })
                        }
                    )
                }else{
                    layer.alert("参数错误，请刷新后重试！",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
                }
                layer.close(index);
            })
        });
        $(".bootstrap-table").on('click',".sign",function () {
            var id = $(this).data("id");
            if(id != "" && id != undefined) {
                layer.open({
                    type: 1,
                    skin: 'layer-ext-myskin',
                    title: "签收工单",
                    area: '500px;',
                    id: 'LAY_layuipro', //设定一个id，防止重复弹出
                    resize: false,
                    btn: ['签收', '取消'],
                    content: "<textarea style=\"width:90%;margin: 10px auto;display: block;\" rows=\"4\" name=\"remark_content\" placeholder=\"请填写备注信息\" id=\"remark_content\"></textarea>",
                    yes: function (index,layero) {
                        var loadindex = layer.load();
                        if($("#remark_content").val()=="" || $("#remark_content").val()==undefined){
                            layer.alert("请填写备注信息！",{skin: 'layer-ext-myskin',icon: 3, title:'提示'});
                            layer.close(loadindex);
                            $("#remark_content").focus();
                        }else {
                            $.post(
                                "workorder/sign/" + id, {'remark_content': $("#remark_content").val()},
                                function (data) {
                                    layer.msg(data.msg, {icon: data.icon, time: 5000}, function () {
                                        layer.close(loadindex);
                                        window.location.reload();
                                    })
                                }
                            )
                        }
                    }
                })
            }else{
                layer.alert("参数错误，请刷新后重试！",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
            }
        });
        $(".bootstrap-table").on('click',".reject",function () {
            var id = $(this).data("id");
            if(id != "" && id != undefined) {
                layer.open({
                    type: 1,
                    title: "驳回处理",
                    area: '500px;',
                    id: 'LAY_layuipro', //设定一个id，防止重复弹出
                    resize: false,
                    btn: ['驳回', '取消'],
                    content: "<textarea style=\"width:90%;margin: 10px auto;display: block;\" rows=\"4\" name=\"remark_content\" placeholder=\"请填写备注信息\" id=\"remark_content\"></textarea>",
                    yes: function (index,layero) {
                        var loadindex = layer.load();
                        if($("#remark_content").val()=="" || $("#remark_content").val()==undefined){
                            layer.alert("请填写备注信息！",{skin: 'layer-ext-myskin',icon: 3, title:'提示'});
                            layer.close(loadindex);
                            $("#remark_content").focus();
                        }else {
                            $.post(
                                "workorder/reject/" + id, {'remark_content': $("#remark_content").val()},
                                function (data) {
                                    layer.msg(data.msg, {icon: data.icon, time: 5000}, function () {
                                        layer.close(loadindex);
                                        window.location.reload();
                                    })
                                }
                            )
                        }
                    }
                })
            }else{
                layer.alert("参数错误，请刷新后重试！",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
            }
        });
        $(".bootstrap-table").on('click',".hascheck,.didit",function () {
            var id = $(this).data("id");
            var action = "";
            if($(this).hasClass("hascheck")){
                action = "check";
            }else if($(this).hasClass("didit")){
                action = "doit";
            }
            if(id != "" && id != undefined) {
                layer.open({
                    type: 1,
                    title: "处理工单",
                    area: '500px;',
                    id: 'LAY_layuipro', //设定一个id，防止重复弹出
                    resize: false,
                    btn: ['确定', '取消'],
                    content: "<div style=\"width:90%;margin: 10px auto;\"><textarea style=\"width:100%;\" rows=\"4\" name=\"remark_content\" placeholder=\"请填写备注信息\" id=\"remark_content\"></textarea>" +
                    "<input id=\"remark_file\" name=\"remark_file\" type=\"file\"></div>",
                    yes: function (index,layero) {
                        if($("#remark_file").val() != "" && $("#remark_file").val() != undefined) {
                            $.ajaxFileUpload({
                                url: 'workorder/upload', //用于文件上传的服务器端请求地址
                                secureuri: false, //是否需要安全协议，一般设置为false
                                fileElementId: 'remark_file', //文件上传域的ID
                                dataType: 'json', //返回值类型 一般设置为json
                                success: function (data, status) //服务器成功响应处理函数
                                {
                                    if (data.code) {
                                        var remark_file = data.file;
                                        var loadindex = layer.load();
                                        $.post(
                                            "workorder/review/" + id, {
                                                'remark_content': $("#remark_content").val(),
                                                'remark_file': remark_file,
                                                'action':action
                                            },
                                            function (data) {
                                                layer.msg(data.msg, {icon: data.icon, time: 5000}, function () {
                                                    layer.close(loadindex);
                                                    window.location.reload();
                                                })
                                            }
                                        )
                                    } else {
                                        layer.msg(data.error, {icon: 2});
                                    }
                                }
                            })
                        }else{
                            var loadindex = layer.load();
                            if($("#remark_content").val()=="" || $("#remark_content").val()==undefined){
                                layer.alert("请填写备注信息！",{skin: 'layer-ext-myskin',icon: 3, title:'提示'});
                                layer.close(loadindex);
                                $("#remark_content").focus();
                            }else {
                                $.post(
                                    "workorder/review/" + id, {
                                        'remark_content': $("#remark_content").val(),
                                        'remark_file': "",
                                        'action': action
                                    },
                                    function (data) {
                                        layer.msg(data.msg, {icon: data.icon, time: 5000}, function () {
                                            layer.close(loadindex);
                                            window.location.reload();
                                        })
                                    }
                                )
                            }
                        }
                    }
                })
            }else{
                layer.alert("参数错误，请刷新后重试！",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
            }
        });
        $(".bootstrap-table").on('click',".view_info",function(){
            var id = $(this).data("id");
            if(id != "" && id != undefined) {
                layer.open({
                    type: 2,
                    title: "工单详情",
                    offset: 'auto',
                    shade: [0.3],
                    area: ['900px','80%'],
                    anim: 0,
                    shadeClose:false,
                    content: 'workorder/view/'+id,
                });
            }else{
                layer.alert("参数错误，请刷新后重试！",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
            }
        });
        $(".bootstrap-table").on('click',".export_link",function () {
            var id = $(this).data("id");
            if(id != "" && id != undefined) {
                layer.open({
                    type: 2,
                    title: "导出工单",
                    offset: 'auto',
                    shade: [0.5],
                    area: ['90%','90%'],
                    anim: 0,
                    shadeClose:false,
                    content: 'workorder/export/'+id,
                });
            }else{
                layer.alert("参数错误，请刷新后重试！",{skin: 'layer-ext-myskin',icon: 5, title:'错误提示'});
            }
        });
        $("#page_size").change(function () {
            var page_size = $(this).val();
            window.location.href = "workorder/index?page_size="+page_size;
        });
        $(".form-inline select").on("change",function(e) {
            if($(this).attr("id") != "page_size") {
                $(".form-inline").submit();
            }
        })
    })
</script>{/literal}
</body>
</html>