@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
}
<style>
    table td {
        padding: 2px;
    }

    .l-btn-text {
        font-size: 13px
    }

    .menu-c1 .l-btn-text {
        color: black
    }

    .menu-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .menu-content .content-div {
            min-height: 30px;
            min-width: 100px
        }

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

    .datagrid-row-selected {
        background: #D1EEEE;
        color: #000;
        font-weight: bold !important;
    }
</style>

<script src="~/ViewModels/Register.Problem.js?v=2"></script>
<script src="~/ViewModels/projectproblem.index.js?v=12"></script>

<script type="text/javascript">

    //人员性质
    var RYXZ = "@ViewBag.RYXZ";
    var UserID = "@ViewBag.UserID";//当前人员ID
    $(function () {
        var model = new viewModel();

        //组件初始化
        model.inits();

        //初始化网格控件信息
        model.initdatagrid(null,1);

        //设置当前页面的滚动条与自动大小
        //var pp = $('#acc').accordion('getSelected');    // get the selected panel

       

        $('#acc').accordion({
            onSelect: function () {
                $('#dgProblems').datagrid('resize');
            }, onUnselect: function () {
                $('#dgProblems').datagrid('resize');
            }
        });
        //layui Tab切换
        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');
            });
        });

    });
</script>

<div class="easyui-layout" fit="true">
    <div data-options="region:'east',split:true" title="<i class='fa fa-exchange'></i> 问题流程" style="width:280px;">
        <div class="easyui-tabs" data-options="fit:true,border:false">
            <div id="ProcessStatusAdd" title="流转过程">
                <div style="margin-left:10px;margin-top:10px;">
                    <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:480px;overflow-y:auto" class="layui-timeline" id="timeLineMain" title="主流程"></ul></div>
                            <div class="layui-tab-item"><ul style="max-height:600px;overflow-y:auto" class="layui-timeline" id="timeLine" title="详细流程"></ul></div>
                        </div>
                    </div>
                </div>
            </div>
            <div title="问题资源" id="myResource">
                <div title="资源信息" style="padding:3px;height:100%">
                    <!--功能按钮和查询-->
                    @*<div id="btn_func">
                    <a href="#" id="btn-add-project" onclick="Add_Resource()" class="easyui-linkbutton"
                       data-options="iconCls:'fa fa-plus color_blue',plain:true,align:'center'">新建</a>
                    <a href="#" id="btn-edit-project" onclick="Update_Resource()" class="easyui-linkbutton"
                       data-options="iconCls:'fa fa-edit color_blue',plain:true,align:'center'">修改</a>
                    <a href="#" id="btn-delete-project" onclick="Delete_Resource()" class="easyui-linkbutton"
                       data-options="iconCls:'fa fa-remove color_blue',plain:true,align:'center'">删除</a>
                    <a href="#" id="btn-ref-project" onclick="$('#resource').datagrid('reload');" class="easyui-linkbutton"
                       data-options="iconCls:'fa fa-refresh color_blue',plain:true,align:'center'">刷新</a>
                </div>*@
                    <table id="resource" class="easyui-datagrid" style="height:100%"></table>
                </div>
            </div>
        </div>
    </div>
    <div data-options="region:'center'">
        <div id="toolbar" style="padding:3px;">
            <div style="padding:2px;">
                快速检索：<input class="easyui-textbox" id="KsCx" style="width:500px;" data-options="prompt:'请输入问题编号/标题/描述快速搜索'">
                <a id="btnSelect" href="#" class="easyui-linkbutton c1" style="margin-left:30px"><i class="fa fa-search"></i> 查询记录</a>
                <input class="easyui-checkbox" data-options="checked:true" type="checkbox" id="IncludeSearchContent" name="IncludeSearchContent" label="包含查询条件" labelPosition="after" labelWidth="100px">
                <input class="easyui-checkbox" type="checkbox" id="terminissues" name="terminissues" label="只看终止问题" labelPosition="after" labelWidth="100">
                <input class="easyui-checkbox" type="checkbox" id="ckclose" name="ckclose" label="包含终止与已解决" labelPosition="after" labelWidth="180">


            </div>
            @{Html.RenderPartial("Partial");}

            <a id="btnNewProblem" href="#" onclick="ProjectProblem_Window()" class="easyui-linkbutton c1" data-options="plain:true"><i class="fa fa-plus"></i> 登记</a>
            <a id="btnUpdateProblem" onclick="UpdateProblem_Window(1)" href="#" class="easyui-linkbutton c8" data-options="plain:true"><i class="fa fa-pencil-square-o"></i> 修改</a>
            <a id="btn1DeleteProblem" onclick="DeleteProblem_Window()" href="#" class="easyui-linkbutton c5" data-options="plain:true"><i class="fa fa-trash"></i> 删除</a>
            <a id="btnDeal" onclick="DealProblem(0,2)" href="#" class="easyui-linkbutton c8" data-options="plain:true"><i class="fa fa-check-square"></i> 处理</a>
            <a id="btn3" href="#" onclick="checkproblem()" class="easyui-linkbutton c2" data-options="plain:true"><i class="fa fa-paste"></i> 查看</a>
            <a id="btnRefresh" href="#" class="easyui-linkbutton c1" data-options="plain:true"><i class="fa fa-refresh"></i> 刷新</a>
            <a href="#" class="easyui-menubutton c8" data-options="menu:'#MoreItem'"><i style="margin-right:5px" class="fa fa-bars"></i>更多操作</a>
            <div id="MoreItem" style="width:100px;">
                <div onclick="GetExcel()" id="btn_Class" data-options="iconCls:'fa fa-file-text-o color_blue',name:'btn_Class'">导出excel</div>
                <div onclick="ExcelSet()" data-options="iconCls:'fa fa-gear color_blue',name:'btn_Class'">自定义导出</div>
                <div onclick="acceptance()" id="btn_acceptance" data-options="id:'btnAcceptance',iconCls:'fa fa-pencil color_blue'">验收问题</div>
                <div onclick="ClassProblem()" id="btn_Class" data-options="iconCls:'fa fa-th-large color_blue',name:'btn_Class'">归类问题</div>
                <div onclick="repeal()" id="btn_repeal" data-options="iconCls:'fa fa-undo color_red',name:'btn_repeal'">撤销完成</div>
                <div onclick="ResolveVersion()" id="btn_ResolveVersion" data-options="iconCls:'fa fa-book color_red',name:'btn_repeal'">解决版本</div>
                @*<div onclick="ConfirmClosing()" id="btn_ConfirmClosing" data-options="id:'btnAcceptance',iconCls:'fa fa-pencil color_blue'">确认关闭</div>*@
            </div>
            <div style="float:right;margin-top:6px">
                <input class="easyui-checkbox" type="checkbox" id="myprob" name="myprob" label="待我处理" labelPosition="after" labelWidth="60px">
                <input class="easyui-checkbox" type="checkbox" id="myregist" name="myregist" label="我登记的" labelPosition="after" labelWidth="60px">
                <input class="easyui-checkbox" type="checkbox" id="myassign" name="myassign" label="我分配的" labelPosition="after" labelWidth="60px">
                <input class="easyui-checkbox" type="checkbox" id="myapply" name="myapply" label="我申请的" labelPosition="after" labelWidth="60px">
            </div>
        </div>

        <table class="easyui-datagrid" id="dgProblems"></table>
    </div>
</div>