ly
/
KYGK


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
							<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>科研管控平台</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="icon" th:href="@{/images/favicon.ico}">
    <link rel="stylesheet" th:href="@{/lib/layui-v2.6.3/css/layui.css}" media="all">
    <link rel="stylesheet" th:href="@{/css/layuimini.css}" media="all">
    <link rel="stylesheet" th:href="@{/css/public.css}" media="all">
    <link rel="stylesheet" th:href="@{/lib/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">
    <style id="layuimini-bg-color">
    </style>
    <style>
        .layui-card {border:1px solid #f2f2f2;border-radius:5px;}
        .icon {margin-right:10px;color:#1aa094;}
        .icon-cray {color:#ffb800!important;}
        .icon-blue {color:#1e9fff!important;}
        .icon-tip {color:#ff5722!important;}
        .layuimini-qiuck-module {text-align:center;margin-top: 10px}
        .layuimini-qiuck-module a i {display:inline-block;width:100%;height:120px;line-height:120px;text-align:center;border-radius:2px;font-size:30px;background-color:#F8F8F8;color:#333;transition:all .3s;-webkit-transition:all .3s;}
        .layuimini-qiuck-module a cite {position:relative;top:2px;display:block;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;}
        .welcome-module {width:100%;height:180px;}
        .panel {background-color:#fff;border:1px solid transparent;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
        .panel-body {padding:10px}
        .panel-title {margin-top:0;margin-bottom:0;font-size:12px;color:inherit}
        .label {display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;margin-top: .3em;}
        .layui-red {color:red}
        .main_btn > p {height:40px;}
        .layui-bg-number {background-color:#F8F8F8;}
        .layuimini-notice:hover {background:#f6f6f6;}
        .layuimini-notice {padding:7px 16px;clear:both;font-size:12px !important;cursor:pointer;position:relative;transition:background 0.2s ease-in-out;}
        .layuimini-notice-title,.layuimini-notice-label {
            padding-right: 70px !important;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important;}
        .layuimini-notice-title {line-height:28px;font-size:14px;}
        .layuimini-notice-extra {position:absolute;top:50%;margin-top:-8px;right:16px;display:inline-block;height:16px;color:#999;}
        /*.lxfsImage {*/
        /*    background: url("[[@{/}]]images/lxfs.png") 0% 0% / cover no-repeat;*/
        /*    position: static;*/
        /*    width: 100%;*/
        /*    height: 126px;*/
        /*}*/
    </style>
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md6" style="width: 60%">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md12" style="padding-bottom: 10px">
                        <div class="layui-card">
                            <div class="layui-card-header"><i class="fa fa-credit-card icon icon-blue"></i>项目管理</div>
                            <div class="layui-card-body" style="height: 160px">
                                <div class="welcome-module">
                                    <div class="layui-row layui-col-space10 layuimini-qiuck">
                                        <div class="layui-col-xs3 layuimini-qiuck-module">
                                            <a href="javascript:;" layuimini-content-href="/reportinfo/init_myProject" data-title="项目可研报告" data-icon="fa fa-window-maximize">
                                                <i class="fa fa-window-maximize"></i>
                                                <cite>项目可研报告</cite>
                                            </a>
                                        </div>
                                        <div class="layui-col-xs3 layuimini-qiuck-module">
                                            <a href="javascript:;" layuimini-content-href="/prjProject/init_myProject" data-title="项目任务书" data-icon="fa fa-gears">
                                                <i class="fa fa-gears"></i>
                                                <cite>项目任务书</cite>
                                            </a>
                                        </div>
                                        <div class="layui-col-xs3 layuimini-qiuck-module">
                                            <a href="javascript:;" layuimini-content-href="/staBudgetapproval/init_apply" data-title="费用申请" data-icon="fa fa-jpy">
                                                <i class="fa fa-jpy"></i>
                                                <cite>费用申请</cite>
                                            </a>
                                        </div>
                                        <div class="layui-col-xs3 layuimini-qiuck-module">
                                            <a href="javascript:;" layuimini-content-href="/prjApproverecord/init" data-title="待审批" data-icon="fa fa-check-square-o">
                                                <i class="fa fa-check-square-o"></i>
                                                <cite>待审批</cite>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                <div style="float: left">
                                    <i class="fa fa-bullhorn icon icon-tip"></i>待审核
                                </div>
                                <div style="float: right">
                                    <a href="#">更多...</a>
                                </div>
                            </div>
                            <div class="layui-card-body layui-text" style="height: 475px">
                                <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-col-md6" style="width: 40%">
                <div class="layui-card">
                    <div class="layui-card-header">
                        <div style="float: left">
                            <i class="fa fa-bullhorn icon icon-tip"></i>系统公告
                        </div>
                        <div style="float: right;">
                            <a href="#">更多...</a>
                        </div>
                    </div>
                    <div class="layui-card-body layui-text" style="height: 500px">
                        <div class="layuimini-notice">
                            <div class="layuimini-notice-title">修改选项卡样式</div>
                            <div class="layuimini-notice-extra">2023-03-11 23:06</div>
                            <div class="layuimini-notice-content layui-hide">
                                界面足够简洁清爽。<br>
                                一个接口几行代码而已直接初始化整个框架，无需复杂操作。<br>
                                支持多tab，可以打开多窗口。<br>
                                支持无限级菜单和对font-awesome图标库的完美支持。<br>
                                失效以及报错菜单无法直接打开，并给出弹出层提示完美的线上用户体验。<br>
                                url地址hash定位，可以清楚看到当前tab的地址信息。<br>
                                刷新页面会保留当前的窗口，并且会定位当前窗口对应左侧菜单栏。<br>
                                移动端的友好支持。<br>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-card">
                    <div class="layui-card-header"><i class="fa fa-fire icon"></i>联系方式</div>
                    <div class="layui-card-body layui-text" style="text-align: center; height: 138px">
<!--                        <div class="lxfsImage" />-->
                        <img style="width: 100%; height: auto; align-items: center" th:src="@{/images/lxfs.png}" />
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script th:src="@{/lib/jquery-3.4.1/jquery-3.4.1.min.js}" charset="utf-8"></script>
<script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
<script th:src="@{/lib/coco-message/coco-message.js}" charset="utf-8"></script>
<script th:src="@{/js/lay-config.js}" charset="utf-8"></script>
<script th:src="@{/lib/xm-select-v1.2.2/xm-select.js}" charset="utf-8"></script>
<script th:inline="javascript" type="text/javascript">
    AjaxUtil.ctx = /*[[@{/}]]*/'';
    var xmApproval = {};
    layui.use(['layer', 'table', 'miniTab'], function () {
        var $ = layui.jquery,
            table = layui.table,
            miniTab = layui.miniTab,
            layer = layui.layer;

        miniTab.listen();

        var currTable = table.render({
            elem: '#currentTableId',
            url: AjaxUtil.ctx + 'prjApproverecord/list?zt=未提交(返回)',
            method: 'post',
            // toolbar: '#toolbarDemo',
            // defaultToolbar: ['filter', 'exports', 'print'],
            cols: [
                [
                    {type: 'numbers', align: 'center'},
                    {field: 'xmlxmc', width: '13%', title: '类型'},
                    {field: 'xm', width: '35%', title: '项目/申请'},
                    {field: 'tjrxm', width: '11%', title: '提交人'},
                    {field: 'tjsj', width: '19%', title: '提交时间', align: 'center'},
                    {field: 'yj', title: '意见'}
                ]
            ],
            sortName: 'xm',
            autoSort: false,
            limits: [10, 15, 20, 25, 50, 100],
            limit: 10,
            page: true,
            skin: 'grid',
            parseData: function(res){ //res 即为原始返回的数据
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.message, //解析提示文本
                    "count": res.data.total, //解析数据长度
                    "data": res.data.rows //解析数据列表
                };
            },
            done: function(res, curr, count) { // done为数据渲染完的回调
                // 测试打印出后端返回的权限列表
                // let permissionSet = [[${permissionSet}]];
                // console.log(JSON.stringify(permissionSet));
            }
        });
        //双击
        table.on('rowDouble(currentTableFilter)', function (obj) {
            var data = obj.data;
            xmApproval = {
                "xmid": data.xmid,
                "xm": data.xm
            };

            var content = AjaxUtil.ctx;
            if(data.tablename == 'sta_FeasibilityReport')//可研报告
                content += 'reportinfo';
            else if(data.tablename == 'prj_Project') //任务书
                content += 'prjProject';
            else if(data.tablename == 'prj_AnnualBudget') //年度预算
                content += 'prjAnnualbudget';
            else if(data.tablename == 'sta_BudgetApproval') //费用申请
                content += 'staBudgetapproval';
            else if(data.tablename == 'sta_Reimbursement') //报账列表
                content += 'staReimbursement';
            else if(data.tablename == 'sta_PayApproval') //付款申请
                content += 'staPayapproval';
            content += '/forApproveList?mc=' + data.xm;

            var index = layer.open({
                title: '审批列表',
                type: 2,
                shade: 0.3,
                maxmin: true,
                shadeClose: true,
                area: ['1300px', '750px'],
                content: content,
                end: function () {
                    layer.close(index);
                }
            });
        });

        /**
         * 查看公告信息
         **/
        $('body').on('click', '.layuimini-notice', function () {
            var title = $(this).children('.layuimini-notice-title').text(),
                noticeTime = $(this).children('.layuimini-notice-extra').text(),
                content = $(this).children('.layuimini-notice-content').html();
            var html = '<div style="padding:15px 20px; text-align:justify; line-height: 22px;border-bottom:1px solid #e2e2e2;background-color: #2f4056;color: #ffffff">\n' +
                '<div style="text-align: center;margin-bottom: 20px;font-weight: bold;border-bottom:1px solid #718fb5;padding-bottom: 5px"><h4 class="text-danger">' + title + '</h4></div>\n' +
                '<div style="font-size: 12px">' + content + '</div>\n' +
                '</div>\n';
            parent.layer.open({
                type: 1,
                title: '系统公告'+'<span style="float: right;right: 1px;font-size: 12px;color: #b1b3b9;margin-top: 1px">'+noticeTime+'</span>',
                area: '300px;',
                shade: 0.8,
                id: 'layuimini-notice',
                btn: ['查看', '取消'],
                btnAlign: 'c',
                moveType: 1,
                content:html,
                success: function (layero) {
                    var btn = layero.find('.layui-layer-btn');
                    // btn.find('.layui-layer-btn0').attr({
                    //     href: 'https://gitee.com/zhongshaofa/layuimini',
                    //     target: '_blank'
                    // });
                }
            });
        });
        // echarts 窗口缩放自适应
        // window.onresize = function(){
        //     echartsRecords.resize();
        // }
    });

    function getXmApproval() {
        return xmApproval;
    }
</script>
</body>
</html>