Calculation/app/view/setting/datacollect.ejs

<% include ./sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main">
            <h2>决策大屏
                <a href="#power" data-toggle="modal" data-target="#power" class="btn btn-primary btn-sm pull-right">权限管理</a>
                <a href="javascript:void(0);" id="tenderBtn" class="btn btn-primary btn-sm pull-right mr-1">标段管理</a>
            </h2>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0">
                <nav class="nav nav-tabs m-3" id="tablist" role="tablist">
                    <% for (let i = 1; i <= 2; i++) { %>
                        <a class="nav-item nav-link<% if ((ctx.session.sessionProject.dataCollect === 0 && i === 1) || ctx.session.sessionProject.dataCollect === i) { %> active<% } %>" data-datacollect="<%- i %>" data-toggle="tab" href="#shujudaping-<%- i %>" role="tab">
                            决策大屏<%- ctx.helper.transFormToChinese(i) %><% if (ctx.helper._.indexOf(projectData.data_collect_pages, i.toString()) !== -1) { %>(已开启<% if (i === ctx.session.sessionProject.dataCollect) { %>、默认<% } %>)<% } %></a>
                    <% } %>
                    <div class="ml-auto">
                        <!--<div class="form-check form-check-inline">-->
                            <!--<input class="form-check-input" type="checkbox" id="show-datacollect" value="option1" <% if (ctx.session.sessionProject.dataCollect) { %>checked<% } %>>-->
                            <!--<label class="form-check-label" for="show-datacollect">数据大屏显示</label>-->
                        <!--</div>-->
                        <div class="d-inline-block form-group form-check mt-2">
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input" id="show_datacollect" <% if (ctx.session.sessionProject.dataCollect !== 0) { %>checked<% } %>>
                                <label class="custom-control-label" for="show_datacollect">开启<i class="fa fa-question-circle text-primary" data-placement="bottom" data-toggle="tooltip" data-original-title="开启后，在决策大屏模块显示"></i></label>
                            </div>
                        </div>
                        <div class="d-inline-block form-group form-check mt-2">
                            <div class="custom-control custom-switch">
                                <input type="checkbox" class="custom-control-input" id="default_datacollect" <% if (ctx.session.sessionProject.dataCollect !== 0) { %>checked<% } %>>
                                <label class="custom-control-label" for="default_datacollect">默认<i class="fa fa-question-circle text-primary" data-placement="bottom" data-toggle="tooltip" data-original-title="决策大屏第一个显示"></i></label>
                            </div>
                        </div>
                    </div>
                </nav>
                <div class="tab-content m-3">
                    <% for (let i = 1; i <= 2; i++) { %>
                        <div id="shujudaping-<%- i %>" class="tab-pane<% if ((ctx.session.sessionProject.dataCollect === 0 && i === 1) || ctx.session.sessionProject.dataCollect === i) { %> active<% } %>"><img src="/public/images/juecedaping0<%- i %>.png" width="100%"></div>
                    <% } %>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/public/js/setting_datacollect_tender.js"></script>
<script>
    let dataCollectPages = JSON.parse(unescape('<%- escape(JSON.stringify(projectData.data_collect_pages)) %>'));
    let dataCollect = parseInt('<%- ctx.session.sessionProject.dataCollect %>');
    const tenders = JSON.parse(unescape('<%- escape(JSON.stringify(tenders)) %>'));
    const category = JSON.parse(unescape('<%- escape(JSON.stringify(categoryData)) %>'));
    let dcTenders = JSON.parse(unescape('<%- escape(JSON.stringify(dcTenders)) %>'));
    let addDataCollect = JSON.parse(unescape('<%- escape(JSON.stringify(ctx.session.sessionProject.page_show.addDataCollect)) %>'));
    $(function () {
        autoFlashHeight();
        // 开启及关闭展示
        $('#show_datacollect').change(function () {
            const activePage = $('#tablist').find('.active').data('datacollect').toString();
            if ($(this).is(':checked')) {
                dataCollectPages.push(activePage);
                dataCollectPages.sort();
                if (dataCollect === 0) {
                    dataCollect = parseInt(activePage);
                    $('#default_datacollect').prop('checked', true);
                }
            } else {
                dataCollectPages.map((val, i) => {
                    if (val === activePage) {
                        dataCollectPages.splice(i, 1);
                    }
                });
                if (dataCollectPages.length === 0) {
                    dataCollect = 0;
                } else if (dataCollectPages.length !== 0 && dataCollect === parseInt(activePage)){
                    dataCollect = parseInt(dataCollectPages[0]);
                }
                $('#default_datacollect').prop('checked', false);
            }
            postData('/setting/datacollect/save', { type: 'show', data_collect_pages: dataCollectPages, data_collect: dataCollect }, function (result) {
                updateTab();
            })
        });

        $('#default_datacollect').change(function () {
            const activePage = $('#tablist').find('.active').data('datacollect').toString();
            if ($(this).is(':checked')) {
                dataCollect = parseInt(activePage);
                $('#show_datacollect').prop('checked', true);
                if (_.indexOf(dataCollectPages, activePage) === -1) {
                    dataCollectPages.push(activePage);
                    dataCollectPages.sort();
                }
            } else {
                if (dataCollectPages.length === 1) {
                    dataCollect = 0;
                    dataCollectPages = [];
                    $('#show_datacollect').prop('checked', false);
                } else {
                    dataCollect = parseInt(dataCollectPages[0]) === dataCollect ? parseInt(dataCollectPages[1]) : parseInt(dataCollectPages[0]);
                }
            }
            updateTab();
            postData('/setting/datacollect/save', { type: 'show', data_collect_pages: dataCollectPages, data_collect: dataCollect }, function (result) {
                updateTab();
            })
        })

        function updateTab() {
            for (let i = 1; i <= 2; i++) {
                let msg = '';
                if (_.indexOf(dataCollectPages, i.toString()) !== -1) {
                    msg = '(已开启' + (i=== dataCollect ? '、默认' : '') + ')' ;
                }
                $('#tablist a').eq(i-1).text('决策大屏' + transFormToChinese(i) + msg);
            }
        }
        $('#tablist a').click(function () {
            const page = parseInt($(this).data('datacollect'));
            if (_.indexOf(dataCollectPages, page.toString()) !== -1) {
                $('#show_datacollect').prop('checked', true);
            } else {
                $('#show_datacollect').prop('checked', false);
            }
            if (page === dataCollect) {
                $('#default_datacollect').prop('checked', true);
            } else {
                $('#default_datacollect').prop('checked', false);
            }
        });
    })
</script>