t1
/
ZLPMS


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370
							
@{
    ViewBag.Title = "CheckProblemWindow";
    Layout = null;
}

<!DOCTYPE html>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="~/ViewModels/Register.Problem.js?t=12321.232222222222222222222222222222222221221"></script>
<link href="~/Content/Scripts/plugins/umeditor-1.2.3/themes/default/_css/umeditor.css" rel="stylesheet" />
<link href="~/Content/Scripts/plugins/layui/css/layui.css" rel="stylesheet" />
<link href="~/Content/Style/font-awesome/ico-font/iconfont.css" rel="stylesheet" />
<link href="~/Content/Style/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="~/Content/SysFrame/common.css" rel="stylesheet" />
<link href="~/Content/Scripts/plugins/easyui/themes/metro/easyui.css" rel="stylesheet" />

<link href="~/Content/Style/CommonStyle.css" rel="stylesheet" />
<script src="~/Content/Scripts/jquery.min.js"></script>
<script src="~/Content/Scripts/plugins/layui/layui.js"></script>
<script src="~/Content/Scripts/plugins/easyui/jquery.easyui.min.js"></script>
<script src="~/Content/Scripts/plugins/easyui/easyui-lang-zh_CN.js"></script>

<script src="~/Content/Scripts/SysFrame/Zlsoft.UI-1.0.js"></script>
<script src="~/Content/Scripts/zlpms.js"></script>
<script src="~/Content/Scripts/plugins/umeditor-1.2.3/umeditor.min.js"></script>
<script src="~/Content/Scripts/plugins/umeditor-1.2.3/umeditor.config.js"></script>
<script src="~/Content/Scripts/plugins/umeditor-1.2.3/lang/zh-cn/zh-cn.js"></script>


<style>
    table {
        width: 97%;
    }

        table td {
            padding: 3px;
            border-bottom: solid 1px #EEE;
        }

    .btn-cc {
        position: absolute;
        bottom: 20px;
        right: 10px;
    }

    table {
        width: 100%;
    }

        table td {
            border: solid 1px #cacaca;
            padding: 3px;
        }

    .lable {
        width: 130px;
        padding: 5px 5px 5px 15px;
        background: #f5f5f5;
        color: #2636a3;
        font-size: 13px;
    }

    .img {
        width: 40px;
        height: 50px;
        border: solid 1px #000;
    }

    #content img, #solutionplan img, #endreason img, #backreason img {
        max-width: 400px;
        height: auto;
    }

    .timelineDetail:hover {
        background-color: #c5e5ff;
        cursor: pointer;
    }

    .tabs-header {
        border: 0px
    }
</style>

<form class="easyui-tabs" fit="true" lay-filter="insert_problem" id="insert_problem">
    <div title="<i class='fa fa-sticky-note-o'></i> 问题信息" style="padding:5px;display:none;">
        <table>
            <tr>
                <td class="lable">问题编号</td>
                <td id="code" style="width:300px"></td>
                <td class="lable">问题性质</td>
                <td id="property"></td>
            </tr>
            <tr>
                <td class="lable">所属渠道</td>
                <td id="company"></td>
                <td class="lable">所属项目</td>
                <td id="project"></td>
            </tr>
            <tr>
                <td class="lable">所属机构</td>
                <td id="org"></td>
                <td class="lable">所属产品/版本号</td>
                <td id="productAndVersion"></td>
            </tr>
            <tr>
                <td class="lable">所属模块</td>
                <td id="module"></td>
                <td class="lable">紧急程度</td>
                <td id="prior"></td>
            </tr>
            <tr>
                <td class="lable">要求时间</td>
                <td id="priordate"></td>
                <td class="lable">紧急描述</td>
                <td id="priorDesc"></td>
            </tr>
            <tr>
                <td class="lable">反馈人/登记人</td>
                <td id="feedbackAndRegisterPerson"></td>
                <td class="lable">登记时间</td>
                <td id="registertime"></td>
            </tr>
            <tr>
                <td class="lable">登记来源</td>
                <td id="codefrom"></td>
            </tr>
            <tr>
                <td class="lable">问题标题</td>
                <td id="title" colspan="3"></td>
            </tr>
            <tr>
                <td class="lable">问题描述</td>
                <td id="content" colspan="3" style="height:180px;overflow:auto;"></td>
            </tr>
            <tr>
                <td class="lable">问题附件</td>
                <td colspan="3" style="height:50px;" id="attach"></td>
            </tr>
        </table>
        <div class="btn-cc">
            @Html.Partial("CloseButton")
        </div>

    </div>

    <div title="<i class='fa fa-server'></i> 相关信息" style="padding:5px;display:none;">
        <table id="About">
            <tr>
                <td class="lable">项目处理</td>
                <td id="projectdeal" style="width:300px"></td>
                <td class="lable">技术支持</td>
                <td id="technologydeal"></td>
            </tr>
            <tr>
                <td class="lable">研发协助</td>
                <td id="developmentdeal"></td>
                <td class="lable">是否受理</td>
                <td id="accept"></td>
            </tr>
            <tr>
                <td class="lable">受理人/受理时间</td>
                <td id="acceptperson"></td>
                <td class="lable">指派人/指派时间</td>
                <td id="assign"></td>
            </tr>
            <tr id="tr-solution">
                <td class="lable">是否解决</td>
                <td id="solution"></td>
                <td class="lable">解决版本</td>
                <td id="solutionversion"></td>
            </tr>
            <tr id="tr-solutionplan" style="display:none">
                <td class="lable">处理说明</td>
                <td id="solutionplan" colspan="3" height="90px"></td>
            </tr>
            <tr id="tr-end" style="display:none">
                <td class="lable">是否终止</td>
                <td id="end"></td>
            </tr>
            <tr id="tr-endreason" style="display:none">
                <td class="lable">终止原因</td>
                <td id="endreason" colspan="3" height="90px"></td>
            </tr>
            <tr id="tr-back" style="display:none">
                <td class="lable">是否回退</td>
                <td id="back"></td>
            </tr>
            <tr id="tr-backreason" style="display:none">
                <td class="lable">回退原因</td>
                <td id="backreason" colspan="3" height="90px"></td>
            </tr>

        </table>
        <div class="btn-cc">
            @Html.Partial("CloseButton")
        </div>
    </div>

    <div title="<i class='fa fa-random'></i> 流转过程" style="padding:5px;display:none;">
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li class="layui-this">主流程</li>
                <li>详细流程</li>
            </ul>
            <div class="layui-tab-content" style="height: 100px;">
                <div class="layui-tab-item layui-show"><ul style="max-height:400px;overflow-y:auto" class="layui-timeline" id="timeLineMain" title="主流程"></ul></div>
                <div class="layui-tab-item"><ul style="max-height:400px;overflow-y:auto" class="layui-timeline" id="timeLine" title="详细流程"></ul></div>
            </div>
        </div>
        <div class="btn-cc">
            @Html.Partial("CloseButton")
        </div>
    </div>

    <div title="<i class='fa fa-cubes'></i>资源信息" style="padding:5px;display:none;">
        <script type="text/html" id="toolbartop">
            @*头部工具*@
            <a href="#" class="layui-btn layui-btn-sm" onclick="add()">新增</a>
        </script>

        @*右侧工具*@
        <script type="text/html" id="barright">
            <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
            <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
        </script>
        <table class="layui-hide" lay-filter="test" id="test" lay-data="{id: 'ID'}"></table>
    </div>
</form>

<script type="text/javascript">
    var models = new ProblemModel();
    var id = "@ViewBag.id"
    models.CheckProblem(id);

    DealProcess(id);
    GetMainProcess(id);

    //获取是否包括了处理参数
    var p = getQueryString('p');
    if (p != null) {
        $('.aproccess').css({ "display": "block" });
    }

    $('.aproccess').bind('click', function () {    //处理问题
        ZLPMS.CloseTopWindow(true);
    });

    layui.use('element', function () {
        var $ = layui.jquery
       , element = layui.element;
        $('.site-demo-active').on('click', function () {
            var othis = $(this), type = othis.data('type');
            active[type] ? active[type].call(this, othis) : '';
        });

        //Hash地址的定位
        var layid = location.hash.replace(/^#test=/, '');
        element.tabChange('test', layid);

        element.on('tab(test)', function (elem) {
            location.hash = 'test=' + $(this).attr('lay-id');
        });

    });

    layui.use('table', function () {
        var table = layui.table;
        //监听行工具事件
        table.on('tool(test)', function (obj) {
            //删除资源
            if (obj.event === 'del') {
                top.ZLPMS.Confirm('您确定要删除吗', 5, function () {
                    //执行删除
                    $.post("/Problem/DelResource?id=" + obj.data.ID, function (data) {
                        if (data == 1) {
                            layui.use('table', function () {
                                var table = layui.table;
                                table.reload('test', {});
                            })
                            top.ZLPMS.Msg("删除成功");
                        } else {
                            top.ZLPMS.Msg("删除失败");
                        }
                    })
                });
            } else
                //编辑资源
                if (obj.event === 'edit') {
                    sessionStorage.setItem("WTID",obj.data.WTID)
                    sessionStorage.setItem("ID",obj.data.ID)
                    sessionStorage.setItem("内容",obj.data.NR)
                    sessionStorage.setItem("资源ID",obj.data.ZYID)
                    sessionStorage.setItem("类型",obj.data.LX)
                    sessionStorage.setItem("实例类型",obj.data.SL)
                    sessionStorage.setItem("序号", obj.data.XH)

                    top.ZLPMS.OpenNewWindow("资源编辑", "/Problem/ResourceWindow?type=1", "600px", "650px", function () {
                        layui.use('table', function () {
                            var table = layui.table;
                            table.reload('test', {});
                        })
                    })
                }
        });
    })

    //加载问题处理过程
   function DealProcess(ID) {
       var url = "/Problem/GetClc?ID=" + ID;
       $.post(url, {}, function (data) {
           $("#timeLine").empty();
           $.each(data, function (idx, json) {
               if (json != undefined) {
                   var attfile = "";
                   if (json.附件 != undefined) {
                       attfile = "<i class='fa fa-paperclip' style='color:blue' title='包含过程附件'></i>";
                   }
                   json.描述 = json.描述 != undefined ? json.描述 : "无";

                   var html = "<li onclick='viewProcess(\"" + json.ID + "\")' class='layui-timeline-item timelineDetail'><i class='layui-icon  layui-timeline-axis'></i><div class='layui-timeline-content layui-text'><h3 class='layui-timeline-title'><a href='#' >" + json.处理状态 + "</a> " + attfile + "</h3><p>" + json.处理人员 + "(" + json.职务 + ")<br>" + json.记录时间 + (json.耗时 != undefined ? "(" + json.耗时 + ")小时" : "") + "<br>" + "描述:" + json.描述 + "</p></div></li>";
                   $("#timeLine").append(html);
               }
           });
       });
    }

    //获取问题过程主流程
    function GetMainProcess(ID){
        var url = "/Problem/GetMainProcess/" + ID;
        $.post(url, {}, function (data) {
            $("#timeLineMain").empty();
            data = data.reverse();
            $.each(data, function (idx, json) {
                if (json) {
                    var attfile = "";
                    json.LinkDeatil = json.LinkDeatil ? "描述:" + json.LinkDeatil : "";
                    var detail = "";
                    if (json.LinkUserName) {
                        detail = "<p>" + (json.LinkUserName ? json.LinkUserName + '(' + json.job + ')' : '') + "<br>" + (json.LinkTime ? json.LinkTime : '') + "<br>" + (json.LinkDeatil) + "</p>";
                    }
                    //图标转换
                    var Icon = "";
                    switch (json.StatusID) {
                        case 1: Icon = "&#xe756;"; break;
                        case 3: Icon = "&#x1007;"; break;
                        case 7: Icon = "&#x1005;"; break;
                        case 11: Icon = "&#xe679;"; break;
                        default: Icon = "&#xe617;"; break;
                    }
                    var html = "<li onclick='viewProcess(\"" + (json.ProcessId ? json.ProcessId : '') + "\")' class='layui-timeline-item timelineDetail'><i class='layui-icon  layui-timeline-axis'>" + Icon + "</i><div class='layui-timeline-content layui-text'><h3 class='layui-timeline-title'><a href='#' >" + json.LinkName + "</a></h3>" + detail + "</div></li>";
                    $("#timeLineMain").append(html);
                }
            });
        });
    }

    //新增资源
    function add() {
        top.ZLPMS.OpenNewWindow("资源编辑", "/Problem/ResourceWindow?type=0", "600px", "650px", function () {
            layui.use('table', function () {
                var table = layui.table;
                table.reload('test', {});
            })
        })
    }
</script>