@{
    ViewBag.Title = "ProjectForm";
    Layout = "~/Views/Shared/_MainLayoutPage.cshtml";
}
<script src="~/ViewModels/ProjectManager.js?r=12.22"></script>

<div class="easyui-layout" data-options="fit:true">
    <!--最侧渠道信息-->
    <div data-options="region:'west',title:'渠道信息',split:true,width:'18%'" style="border:0px">
        <table class="easyui-datagrid" id="ChannelInfo" data-options="fit:true">
            <thead>
                <tr>
                    <th data-options="field:'编码',width:'80',align:'center'">编码</th>
                    <th data-options="field:'名称',width:'100%'">名称</th>
                </tr>
            </thead>
        </table>
    </div>

    <!--渠道对应的信息-->
    <div data-options="region:'center',title:'项目信息'" style="border-left:0px;">
        <div class="easyui-layout" data-options="fit:true">
            <div id="x" data-options="region:'north',split:true,height:'200px'" style="border-left-width:1px;border-bottom-width:1px;border-top-width:0px;border-right-width:0px">
                <!--功能按钮和查询-->
                <div class="btn_func" id="btn_func" style="border-top:0px">
                    @*<a href="#" id="btn-add-project" onclick="add_project()" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">新建</a>
                    <a href="#" id="btn-edit-project" onclick="update_project()" class="easyui-linkbutton" data-options="iconCls:'fa fa-edit color_blue',plain:true">修改</a>
                    <a href="#" id="btn-ref-project" onclick="delete_project()" class="easyui-linkbutton" data-options="iconCls:'fa fa-remove color_blue',plain:true">删除</a>*@
                    <a href="#" id="btn-ref-project" onclick="databindProject()" class="easyui-linkbutton" data-options="iconCls:'fa fa-refresh color_blue',plain:true">刷新</a>
                    <a href="#" onclick="openItemupload()" class="easyui-linkbutton" style="float:right"><i class="fa fa-user-plus" aria-hidden="true"></i>批量导入</a>
                    <a href="#" onclick="DowdTool()" class="easyui-linkbutton" style="float:right"><i class="fa fa-briefcase" aria-hidden="true"></i>人员导出/导入工具下载</a>
                    <a href="#" onclick="View()" class="easyui-linkbutton" style="float:right"><i class="fa fa-address-book" aria-hidden="true"></i>预览</a>
                    @*<button onclick="toolupload()">工具上传</button>*@
                    <input id="dtn-search-project" class="easyui-searchbox" data-options="prompt:'输入项目名称',searcher:databindProject" style="width:180px" />
                </div>
                <table class="easyui-datagrid" id="project"></table>
                <!--项目详细信息-->
            </div>
            <!--机构\服务器、项目人员、项目产品信息-->
            <div id="y" data-options="region:'center',split:true" style="height:0px">
                <div id="otherTabs" class="easyui-tabs" data-options="fit:true" style="border:0px">

                    <div title="机构信息" style="border-top:0px;">
                        <!--功能按钮和查询-->
                        <div id="btn_Station">
                            @*<a href="#" id="btn-add-station" onclick="add_station()" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">新建</a>
                            <a href="#" id="btn-edit-station" onclick="update_station()" class="easyui-linkbutton" data-options="iconCls:'fa fa-edit color_blue',plain:true">修改</a>
                            <a href="#" id="btn-ref-project" onclick="delete_station()" class="easyui-linkbutton" data-options="iconCls:'fa fa-remove color_blue',plain:true">删除</a>*@
                            <a href="#" id="btn-ref-station" onclick="refresh()" class="easyui-linkbutton" data-options="iconCls:'fa fa-refresh color_blue',plain:true">刷新</a>
                            @*<a href="#" id="btn-add-migration" onclick="MigrationOrganization()" class="easyui-linkbutton" data-options="iconCls:'fa fa-hand-lizard-o color_blue',plain:true">变更机构为项目</a>*@
                            <input id="dtn-search-station" class="easyui-searchbox" data-options="prompt:'输入机构名称',searcher:databindStation" style="width:180px" />
                        </div>

                        <!--机构信息-->
                        <table class="easyui-datagrid" id="Station" data-options="fit:true">
                            <thead>
                                <tr>
                                    <th data-options="field:'名称',width:'180px',align:'center'">机构名称</th>
                                    <th data-options="field:'等级',width:'80',align:'center'">等级</th>
                                    <th data-options="field:'年收入',width:'80',align:'center'">年收入</th>
                                    <th data-options="field:'日门诊量',width:'80',align:'center'">日门诊量</th>
                                    <th data-options="field:'床位量',width:'80',align:'center'">床位量</th>
                                    <th data-options="field:'机构状态',width:'80',align:'center'">机构状态</th>
                                    <th data-options="field:'上线时间',width:'160',align:'center'">上线时间</th>
                                    <th data-options="field:'统一社会信用代码',width:'160',align:'center'">统一社会信用代码</th>
                                    @*<th data-options="field:'更新时间',width:'160',align:'center'">更新时间</th>
        <th data-options="field:'更新人',width:'80',align:'center'">更新人</th>*@
                                    <th data-options="field:'概况',width:'300',align:'center'">概况</th>
                                </tr>
                            </thead>
                        </table>
                    </div>

                    <div title="服务器信息" style="border-top:0px">
                        <div id="cc" class="easyui-layout" fit="true" border="false">

                            @*时间轴*@
                            <div data-options="region:'east',split:true" title="数据库配置" style="width:400px;">
                                <!--功能按钮和查询-->
                                <div id="btn_Server_DataBaseInfo">
                                    <a href="#" id="btn-add-server-database" onclick="add_Server_DataBase()" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">新建</a>
                                    <a href="#" id="btn-edit-server-database" onclick="update_server_database()" class="easyui-linkbutton" data-options="iconCls:'fa fa-edit color_blue',plain:true">修改</a>
                                    <a href="#" id="btn-ref-project-database" onclick="delete_server_DataBase()" class="easyui-linkbutton" data-options="iconCls:'fa fa-remove color_blue',plain:true">删除</a>
                                    <a href="#" id="btn-ref-server-database" class="easyui-linkbutton" onclick="refresh()" data-options="iconCls:'fa fa-refresh color_blue',plain:true">刷新</a>
                                </div>
                                <!--服务器信息-->
                                <table class="easyui-datagrid" id="serverDataBaseInfo" data-options="fit:true">
                                    <thead>
                                        <tr>
                                            <th data-options="field:'名称',width:'80'">名称</th>
                                            <th data-options="field:'数据库类型显示',width:'120',align:'center'">数据库类型</th>
                                            <th data-options="field:'数据库连接串',width:'120',align:'center'">数据库连接串</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                            @*Table表格*@
                            <div data-options="region:'center'" title="服务器配置">
                                <!--功能按钮和查询-->
                                <div id="btn_Server">
                                    <a href="#" id="btn-add-server" onclick="add_Server()" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">新建</a>
                                    <a href="#" id="btn-edit-server" onclick="update_server()" class="easyui-linkbutton" data-options="iconCls:'fa fa-edit color_blue',plain:true">修改</a>
                                    <a href="#" id="btn-ref-project" onclick="delete_server()" class="easyui-linkbutton" data-options="iconCls:'fa fa-remove color_blue',plain:true">删除</a>
                                    <a href="#" id="btn-ref-server" class="easyui-linkbutton" onclick="refresh()" data-options="iconCls:'fa fa-refresh color_blue',plain:true">刷新</a>
                                </div>
                                <!--服务器信息-->
                                <table class="easyui-datagrid" id="Server" data-options="fit:true">
                                    <thead>
                                        <tr>
                                            <th data-options="field:'产品',width:'80'">产品</th>
                                            <th data-options="field:'型号',width:'120',align:'center'">型号</th>
                                            <th data-options="field:'操作系统',width:'120',align:'center'">操作系统</th>
                                            <th data-options="field:'CPU',width:'80',align:'center'">Cpu</th>
                                            <th data-options="field:'内存',width:'80',align:'center'">内存</th>
                                            <th data-options="field:'类型',width:'120',align:'center'">类型</th>
                                            <th data-options="field:'IP地址',width:'160',align:'center'">Ip地址</th>
                                            <th data-options="field:'说明',width:'auto',align:'center'">概况</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                        </div>
                        </div>

                        <div title="项目人员" style="border-left:0px;border-top:0px">
                            <!--功能按钮和查询-->
                            <div id="btn_Worker">
                                <a href="#" id="btn-add-worker" onclick="add_Worker()" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">新建</a>
                                <a href="#" id="btn-edit-worker" onclick="update_Worker()" class="easyui-linkbutton" data-options="iconCls:'fa fa-edit color_blue',plain:true">撤离项目人员</a>
                                <a href="#" id="btn-ref-worker" class="easyui-linkbutton" onclick="refresh()" data-options="iconCls:'fa fa-refresh color_blue',plain:true">刷新</a>
                            </div>

                            <!--项目人员信息-->
                            <table class="easyui-datagrid" data-options="fit:true" id="Worker">
                                <thead>
                                    <tr>
                                        <th data-options="field:'状态',width:'60',align:'center'">状态</th>
                                        <th data-options="field:'姓名',width:'80',align:'center'">姓名</th>
                                        <th data-options="field:'性别',width:'50',align:'center'">性别</th>
                                        <th data-options="field:'出生日期',width:'120',align:'center'">出生日期</th>
                                        <th data-options="field:'联系电话',width:'120',align:'center'">联系电话</th>
                                        <th data-options="field:'性质',width:'70',align:'center'">性质</th>
                                        <th data-options="field:'职务',width:'100',align:'center'">职务</th>
                                        <th data-options="field:'加入日期',width:'100',align:'center'">加入日期</th>
                                        <th data-options="field:'说明',width:'auto',align:'center'">说明</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>

                        <div title="项目产品">
                            <div id="xmcc" class="easyui-layout" fit="true" border="false">
                                <div data-options="region:'east',split:true" title="维保登记记录" style="width:60%;">
                                    <!--功能按钮和查询-->
                                    <div id="btn_Server_DataBaseInfo">
                                        <a href="#" id="btn-edit-server-database" onclick="UpdateProductServiceRecords()" class="easyui-linkbutton" data-options="iconCls:'fa fa-edit color_blue',plain:true">修改</a>
                                        <a href="#" id="btn-ref-project-database" onclick="Product_StatusChange_Forms.Del()" class="easyui-linkbutton" data-options="iconCls:'fa fa-remove color_blue',plain:true">删除</a>
                                        <a href="#" id="btn-ref-server-database" class="easyui-linkbutton" onclick="Product_StatusChange_Forms.refresh()" data-options="iconCls:'fa fa-refresh color_blue',plain:true">刷新</a>
                                    </div>
                                    <!--服务器信息-->
                                    <table class="easyui-datagrid" id="ProductServiceRecords" data-options="fit:true">
                                        <thead>
                                            <tr>
                                                <th data-options="field:'服务类型',width:'80'">服务类型</th>
                                                <th data-options="field:'签订时间',width:'80'">签订时间</th>
                                                <th data-options="field:'服务开始时间',width:'110',align:'center'">服务开始时间</th>
                                                <th data-options="field:'服务结束时间',width:'110',align:'center'">服务结束时间</th>
                                                <th data-options="field:'创建时间',width:'110',align:'center'">登记时间</th>
                                                <th data-options="field:'登记人',width:'80',align:'center'">登记人</th>
                                                <th data-options="field:'说明',width:'150',align:'center'">说明</th>

                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                                @*Table表格*@
                            <div data-options="region:'center'" title="项目产品信息" style="width:40%;">
                                <!--功能按钮-->
                                <div id="btn_Product">
                                    <a href="#" id="btn-add-product" onclick="add_Product()" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">新建</a>
                                    <a href="#" id="btn-edit-product" onclick="update_Product()" class="easyui-linkbutton" data-options="iconCls:'fa fa-edit color_blue',plain:true">修改</a>
                                    <a href="#" id="btn-ref-project" onclick="delete_product()" class="easyui-linkbutton" data-options="iconCls:'fa fa-remove color_blue',plain:true">删除</a>
                                    <a href="#" id="btn-ref-product" class="easyui-linkbutton" onclick="refresh()" data-options="iconCls:'fa fa-refresh color_blue',plain:true">刷新</a>
                                    @*<a href="#" id="btn-status-product" class="easyui-linkbutton" onclick="StatusChange(1)" data-options="iconCls:'fa fa-newspaper-o color_blue',plain:true">验收登记</a>*@
                                    <a href="#" id="btn-mainten-product" class="easyui-linkbutton" onclick="StatusChange(2)" data-options="iconCls:'fa fa-free-code-camp color_blue',plain:true">服务登记</a>
                                </div>

                                <!--项目产品信息-->
                                <table class="easyui-datagrid" id="product">
                                    <thead>
                                        <tr>
                                            <th data-options="field:'名称',width:'35%'">产品名称</th>
                                            <th data-options="field:'版本号',width:'45%'">版本号</th>
                                            <th data-options="field:'应用状态',width:'20%'">维保状态</th>
                                        </tr>
                                    </thead>
                                </table>
                            </div>
                            </div>
                           
                        </div>

                        <div title="远程方式">
                            <div class="btn_func" id="btn_func2" style="border-top:0px">
                                <a href="#" onclick="add_remote()" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">新建</a>
                                <a href="#" onclick="edit_remote()" class="easyui-linkbutton" data-options="iconCls:'fa fa-edit color_blue',plain:true">修改</a>
                                <a href="#" onclick="del_remote()" class="easyui-linkbutton" data-options="iconCls:'fa fa-remove color_blue',plain:true">删除</a>
                                <a href="#" onclick="$('#remote').datagrid('reload')" class="easyui-linkbutton" data-options="iconCls:'fa fa-refresh color_blue',plain:true">刷新</a>
                            </div>
                            <table class="easyui-datagrid" id="remote"></table>
                        </div>

                        <div title="验收仪器">
                            <div class="btn_func" id="btn_func3" style="border-top:0px">
                                <a href="#" onclick="add_instrument()" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">新建</a>
                                <a href="#" onclick="del_instrument()" class="easyui-linkbutton" data-options="iconCls:'fa fa-remove color_blue',plain:true">删除</a>
                                <a href="#" onclick="$('#instrument').datagrid('reload')" class="easyui-linkbutton" data-options="iconCls:'fa fa-refresh color_blue',plain:true">刷新</a>
                            </div>
                            <table class="easyui-datagrid" id="instrument"></table>
                        </div>

                        <div title="验收模块">
                            <div class="btn_func" id="btn_func4" style="border-top:0px">
                                <a href="#" onclick="add_modual()" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">新建</a>
                                <a href="#" onclick="del_modual()" class="easyui-linkbutton" data-options="iconCls:'fa fa-remove color_blue',plain:true">删除</a>
                                <a href="#" onclick="$('#modual').datagrid('reload')" class="easyui-linkbutton" data-options="iconCls:'fa fa-refresh color_blue',plain:true">刷新</a>
                            </div>
                            <table class="easyui-datagrid" id="modual"></table>
                        </div>

                        <div title="接口信息">
                            <div class="btn_func" id="btn_func5" style="border-top:0px">
                                <a href="#" onclick="add_interface()" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">新建</a>
                                <a href="#" onclick="edit_interface()" class="easyui-linkbutton" data-options="iconCls:'fa fa-edit color_blue',plain:true">修改</a>
                                <a href="#" onclick="del_interface()" class="easyui-linkbutton" data-options="iconCls:'fa fa-remove color_blue',plain:true">删除</a>
                                <a href="#" id="btn-ref" class="easyui-linkbutton" onclick="deal_interface()" data-options="iconCls:'fa fa-refresh color_blue',plain:true">变更</a>
                                <a href="#" onclick="$('#interface').datagrid('reload')" class="easyui-linkbutton" data-options="iconCls:'fa fa-refresh color_blue',plain:true">刷新</a>
                            </div>
                            @*<table class="easyui-datagrid" id="interface"></table>*@
                            <div id="cc" class="easyui-layout" fit="true" border="false">
                                @*时间轴*@
                                <div data-options="region:'east',split:true" title="过程" style="width:400px;">
                                    <ul class="layui-timeline" id="timeline">
                                    </ul>
                                </div>
                                @*Table表格*@
                                <div data-options="region:'center'">
                                    <table class="easyui-datagrid" id="interface" data-options="fitColumns:true,singleSelect:true"></table>
                                </div>
                            </div>

                        </div>
                        <div title="个性化修改">
                            <div class="btn_func" id="btn_func6" style="border-top:0px">
                                <a href="#" id="btn-add-project" onclick="add_identify()" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">新建</a>
                                <a href="#" id="btn-edit-project" onclick="edit_identify()" class="easyui-linkbutton" data-options="iconCls:'fa fa-edit color_blue',plain:true">修改</a>
                                <a href="#" id="btn-ref-project" onclick="del_identify()" class="easyui-linkbutton" data-options="iconCls:'fa fa-remove color_blue',plain:true">删除</a>
                                <a href="#" id="btn-giveup-project" onclick="giveup_identify()" class="easyui-linkbutton" data-options="iconCls:'fa fa-edit color_blue',plain:true">放弃</a>
                                <a href="#" id="btn-ref-project" onclick="$('#identify').datagrid('reload')" class="easyui-linkbutton" data-options="iconCls:'fa fa-refresh color_blue',plain:true">刷新</a>
                            </div>


                            <div id="cc" class="easyui-layout" style="width:100%;height:100%;">
                                <div data-options="region:'east',title:'详细描述',collapsible:false,split:true" style="width:500px;">
                                    <div id="detail"></div>
                                </div>
                                <div data-options="region:'center'" style="padding:5px;background:none;padding:0px;">
                                    <table class="easyui-datagrid" id="identify"></table>
                                </div>
                            </div>
                        </div>
                        <div title="智能表单" style="border-top:0px">

                            <!--功能按钮和查询-->
                            <div id="btn_Smart">
                                @*<a href="#" id="btn-add-server" onclick="add_Server()" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">新建</a>
                <a href="#" id="btn-edit-server" onclick="update_server()" class="easyui-linkbutton" data-options="iconCls:'fa fa-edit color_blue',plain:true">修改</a>*@
                                <a href="#" id="btn-ref-project" onclick="smartDel()" class="easyui-linkbutton" data-options="iconCls:'fa fa-remove color_blue',plain:true">删除</a>
                                <a href="#" class="easyui-linkbutton" onclick="smartRefresh()" data-options="iconCls:'fa fa-refresh color_blue',plain:true">刷新</a>
                                <input type="text" id="BD" name="BD" class="easyui-combobox" autocomplete="off" style="border-radius:4px;width:240px" />
                                <a href="#" id="smartAdd" onclick="smartAdd()" class="easyui-linkbutton" data-options="iconCls:'fa fa-plus color_blue',plain:true">选择表单填写</a>
                                <a href="#" id="smartEdit" onclick="smartEdit()" class="easyui-linkbutton" data-options="iconCls:'fa fa-edit  color_blue',plain:true">修改表单</a>
                                <a href="#" onclick="smartView()" class="easyui-linkbutton" style="float:right"><i class="fa fa-gitlab" aria-hidden="true"></i>表单预览</a>

                            </div>

                            <!--服务器信息-->
                            <div class="easyui-datagrid" id="Smart" data-options="fit:true"></div>
                            @*<table class="easyui-datagrid" id="Smart" data-options="fit:true">
                <thead>
                    <tr>
                        <th data-options="field:'BDM',width:'80'">表单名</th>
                        <th data-options="field:'TBR',width:'120',align:'center'">填报人</th>
                        <th data-options="field:'TBSJ',width:'120',align:'center'">填报时间</th>
                        <th data-options="field:'SHR',width:'80',align:'center'">审核人</th>
                        <th data-options="field:'SHSJ',width:'80',align:'center'">审核时间</th>
                        <th data-options="field:'TBZT',width:'80',align:'center'">状态</th>
                    </tr>
                </thead>
            </table>*@
                        </div>
                    </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function () {
        var model = new viewModel();
        model.init();
        $('.easyui-tabs').tabs('disableTab', 1);
        $('.easyui-tabs').tabs('disableTab', 2);
        $('.easyui-tabs').tabs('disableTab', 3);
        $('.easyui-tabs').tabs('disableTab', 4);
    
  
        
    })

</script>

<style type="text/css">
    #timeline p {
        margin-top: -25px;
    }

    .panel-body {
        overflow: auto;
        border-top-width: 1px;
        padding: 0;
    }

    /*.element.style {
        border-left-width: 1px;
    }*/

    .panel-header, .panel-body {
        border-bottom-width: 0px;
    }

    #x .panel-body {
        border-left: 0px;
    }

    #y .layout-body /*,.panel-noscroll*/ {
        border-left: 0px;
    }

    #y {
        border-left: 0px;
    }

        #y .tabs-panels {
            border-left: 0px;
        }

    .timelineDetail:hover {
        background-color: #c5e5ff;
        cursor: pointer;
    }
</style>