@{
    ViewBag.Title = "产品问题管理";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
}

<style>
    table td {
        padding: 2px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

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

    .l-btn-text {
        font-size: 13px
    }
      .datagrid-row-selected {
        background: #D1EEEE;
        color: #000;
        font-weight:bold !important;
    }

</style>
<script src="~/ViewModels/Register.Problem.js?v=132131211"></script>
<script src="~/ViewModels/projectproblem.index.js?v=13213212"></script>
<script type="text/javascript">
    //人员性质
    var RYXZ = "@ViewBag.RYXZ";

    $(function () {
        var model = new viewModel('product');

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

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

        //未受理的问题目录
        var superModel = new superViewModel();
        superModel.initNotSuperGrid(2);
        superModel.inits('@ViewBag.ProductId', '@ViewBag.ModuleID');
        $('#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:'west',split:true,expandMode:'dock'" title="<i class='fa fa-exchange'></i>需要【研发支持】的新问题"
         style="width: 260px;">
        <div id="noSuperToolbar">
            <a id="btnProcess" href="#" class="easyui-linkbutton c3" data-options="plain:true">
                <i class="fa fa-check-square"></i>
                处理
            </a>
            <a id="btnRefreshProcess" href="#" class="easyui-linkbutton c8" data-options="plain:true">
                <i class="fa fa-refresh"></i> 刷新
            </a>
            <div>
                <input id="ccProduct" class="easyui-combobox" name="ccProduct"
                       data-options="valueField:'ID',textField:'名称',url:'/Product/GetAllProducts',prompt:'选择来源产品',panelWidth:'200px',limitToList:true, multiple: true"
                       style="width:124px" />
                <input id="ccProductModule" class="easyui-combobox" name="ccProductModule"
                       data-options="valueField:'ID',textField:'名称',url:'/Problem/GetAllModual',prompt:'选择来源模块',panelWidth:'200px',limitToList:true, multiple: true"
                       style="width:120px" />
            </div>
        </div>
        <table id="dgnoSuperList" class="easyui-datagrid"></table>
    </div>
    <div data-options="region:'center'">
        <div id="toolbar" style="padding:3px;">
            <div style="padding:3px 3px 3px 8px;">
                快速检索：<input class="easyui-textbox" id="KsCx" style="width:380px;" data-options="prompt:'请输入问题编号/标题/描述快速搜索'">
                @*&nbsp;&nbsp;&nbsp;查询方案：<input class="easyui-combobox" name="dept" style="width:200px"
                     data-options="disabled:true" />
                    &nbsp;*@
                <a id="btnSelect" href="#" class="easyui-linkbutton c1" data-options="plain:true">
                    <i class="fa fa-search">
                        查询记录
                    </i>
                </a>
                <div style="display:inline-block">
                    <input class="easyui-checkbox" data-options="checked:true" type="checkbox" id="IncludeSearchContent"
                           name="IncludeSearchContent" label="包含查询条件" labelPosition="after" labelWidth="100px">
                </div>
                <div style="display:inline-block">
                    <input class="easyui-checkbox" type="checkbox" checked="checked" id="ckRecevie" name="ckRecevie" label="仅看已受理"
                           labelPosition="after" labelWidth="100">
                </div>
                <div style="display:inline-block">
                    <input class="easyui-checkbox" type="checkbox" id="ckclose" name="ckclose" label="包含终止与已解决" labelPosition="after" labelWidth="180">
                </div>
            </div>

            @{Html.RenderPartial("../Problem/Partial");}
            <div style="padding:3px;">
                <a id="btnNewSuport" onclick="ProductProblem_Window()" href="#" class="easyui-linkbutton c1"
                   data-options="plain:true"><i class="fa fa-plus"></i> 登记</a>
                <a href="#" onclick="UpdateProblem_Window(3)" class="easyui-linkbutton c8">
                    <i class="fa fa-pencil-square-o"></i>
                    修改
                </a>
                <a href="#" onclick="DeleteProblem_Window()" class="easyui-linkbutton c5"><i class="fa fa-trash"></i> 删除</a>
                <a href="#" class="easyui-linkbutton c8" onclick="DealProblem(1)"><i class="fa fa-check-square"></i> 处理</a>
                <a href="#" onclick="checkproblem()" class="easyui-linkbutton c2"><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 onclick="devtest()" 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="ExportExcelV2(1)" id="btn_Class" data-options="iconCls:'fa fa-file-text-o color_blue',name:'btn_Class'">
                        导出excel_V2
                    </div>
                    <div onclick="newversion()" id="btn_newversion" data-options="id:'btnNewversion',iconCls:'fa fa-cubes color_blue'">
                        生成新处理版本
                    </div>
                    <div onclick="Notes()" id="btn_Notes" data-options="iconCls:'icon icon-xiaoxi color_red',name:'btn_Notes'">添加备注</div>
                    <div onclick="acceptance()" id="btn_acceptance"
                         data-options="id:'btnAcceptance',iconCls:'fa fa-pencil color_blue'">验收问题</div>
                    <div onclick="repeal()" id="btn_repeal" data-options="iconCls:'fa fa-undo color_red'">撤销完成</div>
                    <div onclick="identify()" data-options="iconCls:'fa fa-joomla color_red'">标记个性化</div>
                    <div id="btn_versionstate" data-options="iconCls:'fa fa-pencil-square-o color_green'">
                        <a href="#" data-options="menu:'#versionState'">
                            变更版本状态
                        </a>
                        <div id="versionState" style="width:100px;">
                            <div onclick="changeversionstate(1)" class="dot1 dot" data-options="iconCls:'fa fa-circle-o color_blue'">登记</div>
                            <div onclick="changeversionstate(2)" class="dot2 dot" data-options="iconCls:'fa fa-circle-o color_blue'">修改</div>
                            <div onclick="changeversionstate(3)" class="dot3 dot" data-options="iconCls:'fa fa-circle-o color_blue'">测试</div>
                            <div onclick="changeversionstate(4)" class="dot4 dot" data-options="iconCls:'fa fa-circle-o color_blue'">待发布</div>
                            <div onclick="changeversionstate(5)" class="dot5 dot" data-options="iconCls:'fa fa-circle-o color_blue'">终止</div>
                            <div onclick="changeversionstate(6)" class="dot5 dot" data-options="iconCls:'fa fa-circle-o color_blue'">已发布</div>
                        </div>
                    </div>
                    <div onclick="ResolveVersion()" id="btn_ResolveVersion" data-options="iconCls:'fa fa-book color_red',name:'btn_ResolveVersion'">解决版本</div>

                    <div id="btn_versionstate" data-options="iconCls:'fa fa-pencil-square-o color_green'">
                        <a href="#" data-options="menu:'#versionState'">
                            底线问题
                        </a>
                        <div id="versionState" style="width:100px;">
                            <div onclick="bottomlineissues(1)" class="dot1 dot" data-options="iconCls:'fa fa-circle-o color_blue'">标记</div>
                            <div onclick="bottomlineissues(0)" class="dot2 dot" data-options="iconCls:'fa fa-circle-o color_blue'">取消</div>
                        </div>
                    </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>
        </div>
        <table id="dgProblems" class="easyui-datagrid"></table>
    </div>
    <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>