u157815
/
workorder


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249
							<!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">
                        已完成工单保存时间为<span class="status50" style="font-weight: bold; margin: 0 3px;">{$setting['save_time']}</span>天&nbsp;{if $user_type == "1"}<button type="button" class="edit">修改天数</button>{/if}
                        <span class="btn_line"></span>
                        <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">
                        <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">工单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: 180px;">操作</th>
            </tr>
            </thead>
            <tbody>
            {foreach $workorder_list as $k=>$val}
            <tr>
                <td data-searchable="true">{$val['workorder_id']}</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">{$workorder_status[$val['status']]}</td>
                <td  class="text-left">
                    <a href="javascript:;" data-id="{$val['workorder_id']}" class="view_info">
                        查看详情
                    </a>
                    {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">总共{$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/layer/layer.js"></script>
<script language="javascript" type="text/javascript">
    $(function(){
        $("table").show();
        layer.config({
            extend: 'myskin/style.css', //加载新皮肤
        });
        /*$("#keyword").on('input',function () {
            $('#data_table').bootstrapTable('resetSearch', $(this).val());
        });*/
        $("select").select2({
            minimumResultsForSearch: -1
        });
        $(".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) {
                    $.post(
                        "workorder/delete/" + id,
                        function (data) {
                            layer.msg(data.msg, {
                                icon: data.icon,
                                time: 3000
                            }, function () {
                                window.location.reload();
                            })
                        }
                    )
                }else{
                    layer.alert("参数错误，请刷新后重试！",{
                        skin: 'layer-ext-myskin',
                        icon: 5,
                        title:'错误提示'
                    });
                }
                layer.close(index);
            })
        })
        $(".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,
                    end: function(){
                        window.location.reload();
                    }
                });
            }else{
                layer.alert("参数错误，请刷新后重试！",{
                    icon:2
                });
            }
        })
        $(".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("参数错误，请刷新后重试！",{
                    icon:2
                });
            }
        })
        $("#page_size").change(function () {
            var page_size = $(this).val();
            window.location.href = "workorder/finished?page_size="+page_size;
        })
        $(".form-inline select").on("change",function(e) {
            if($(this).attr("id") != "page_size") {
                $(".form-inline").submit();
            }
        })
        $(".edit").click(function () {
            layer.open({
                type: 1,
                title: "修改工单保存时间",
                area: '500px;',
                resize: false,
                btn: ['保存', '取消'],
                content: "<div class=\"alert alert-warning alert-dismissible text-center\" role=\"alert\"> <strong>提示! </strong>修改已完成工单保存时间可能会造成一部分工单数据无法查看！</div><br/>&nbsp;&nbsp;&nbsp;&nbsp;修改工单保存时间为<input type='text' name='save_time' style='width: 50px; text-align: center; border:none; border-bottom: #ddd solid 1px;' id='save_time' value='{$setting['save_time']}'>天。<br/><br/>",
                yes: function (index, layero) {
                    var loadindex = layer.load();
                    $.post("setting/savetime", {
                        'save_time': $("#save_time").val()
                    }, function (data) {
                        layer.msg(data.msg, {
                            icon: data.icon,
                            time: 3000
                        }, function () {
                            layer.closeAll();
                            window.location.reload();
                        })
                    })
                },
                end: function () {
                    layer.closeAll();
                }
            })
        });
    })
</script>
</body>
</html>