Calculation/app/view/sp_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.subProject.data_collect === 0 && i === 1) || ctx.subProject.data_collect === i) { %> active<% } %>" data-datacollect="<%- i %>" data-toggle="tab" href="#shujudaping-<%- i %>" role="tab">
                            决策大屏<%- ctx.helper.transFormToChinese(i) %><% if (ctx.helper._.indexOf(ctx.subProject.data_collect_pages, i.toString()) !== -1) { %>(已开启<% if (i === ctx.subProject.data_collect) { %>、默认<% } %>)<% } %></a>
                    <% } %>
                    <% if (is_dz1) { %>
                        <a class="nav-item nav-link<% if (ctx.subProject.data_collect === is_dz1) { %> active<% } %>" data-datacollect="<%- is_dz1 %>" data-toggle="tab" href="#shujudaping-<%- is_dz1 %>" role="tab">
                            决策大屏<%- ctx.helper.transFormToChinese(is_dz1) %><% if (ctx.helper._.indexOf(ctx.subProject.data_collect_pages, is_dz1.toString()) !== -1) { %>(已开启<% if (ctx.subProject.data_collect === is_dz1) { %>、默认<% } %>)<% } %></a>
                    <% } %>
                    <% if (is_dz2) { %>
                        <a class="nav-item nav-link<% if (ctx.subProject.data_collect === is_dz2) { %> active<% } %>" data-datacollect="<%- is_dz2 %>" data-toggle="tab" href="#shujudaping-<%- is_dz2 %>" role="tab">
                            决策大屏<%- ctx.helper.transFormToChinese(is_dz2) %><% if (ctx.helper._.indexOf(ctx.subProject.data_collect_pages, is_dz2.toString()) !== -1) { %>(已开启<% if (ctx.subProject.data_collect === is_dz2) { %>、默认<% } %>)<% } %></a>
                    <% } %>
                    <a class="nav-item nav-link<% if (ctx.subProject.data_collect === 7) { %> active<% } %>" data-datacollect="7" data-toggle="tab" href="#shujudaping-7" role="tab">
                        决策大屏<%- ctx.helper.transFormToChinese(7) %><% if (ctx.helper._.indexOf(ctx.subProject.data_collect_pages, '7') !== -1) { %>(已开启<% if (ctx.subProject.data_collect === 7) { %>、默认<% } %>)<% } %></a>
                    <a class="nav-item nav-link<% if (ctx.subProject.data_collect === is_dz3) { %> active<% } %>" data-datacollect="<%- is_dz3 %>" data-toggle="tab" href="#shujudaping-<%- is_dz3 %>" role="tab">
                        决策大屏<%- ctx.helper.transFormToChinese(is_dz3) %><% if (ctx.helper._.indexOf(ctx.subProject.data_collect_pages, is_dz3.toString()) !== -1) { %>(已开启<% if (ctx.subProject.data_collect === is_dz3) { %>、默认<% } %>)<% } %></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.subProject.data_collect) { %>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.subProject.data_collect !== 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.subProject.data_collect !== 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.subProject.data_collect === 0 && i === 1) || ctx.subProject.data_collect === i) { %> active<% } %>"><img src="/public/images/juecedaping0<%- i %>.png" width="100%"></div>
                    <% } %>
                    <% if (is_dz1) { %>
                        <div id="shujudaping-<%- is_dz1 %>" class="tab-pane<% if (ctx.subProject.data_collect === is_dz1) { %> active<% } %>">
                            山东济邹项目定制(MI22U)<img src="/public/images/juecedaping0<%- is_dz1 %>.png" width="100%">
                        </div>
                    <% } %>
                    <% if (is_dz2) { %>
                        <div id="shujudaping-<%- is_dz2 %>" class="tab-pane<% if (ctx.subProject.data_collect === is_dz2) { %> active<% } %>">
                            <span>四川广元路桥集团计量内控管理云平台定制(GY18Y)</span><a class="nav-link" style="display: inline-block;" data-toggle="modal" href="#dpsix-set" data-target="#dpsix-set" title="决策大屏六设置"><i class="fa fa-cog"></i></a><img src="/public/images/juecedaping0<%- is_dz2 %>.png" width="100%">
                        </div>
                    <% } %>
                    <div id="shujudaping-7" class="tab-pane<% if (ctx.subProject.data_collect === 7) { %> active<% } %>">
                        成本管理决策大屏数据汇总<img src="/public/images/juecedaping07.png" width="100%">
                    </div>
                    <% if (is_dz3) { %>
                    <div id="shujudaping-<%- is_dz3 %>" class="tab-pane<% if (ctx.subProject.data_collect === is_dz3) { %> active<% } %>">
                        山海鲸数据大屏平台定制（会打开新标签页跳转）<img src="/public/images/juecedaping0<%- is_dz3 %>.png" width="100%">
                    </div>
                    <% } %>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/public/js/setting_datacollect_tender.js"></script>
<script src="/public/js/PinYinOrder.bundle.js"></script>
<script src="/public/js/shares/show_level.js"></script>
<script src="/public/js/tender_showhide.js"></script>
<script src="/public/js/shares/tender_list_order.js"></script>

<script>
    let dataCollectPages = JSON.parse(unescape('<%- escape(JSON.stringify(ctx.subProject.data_collect_pages)) %>'));
    let dataCollect = parseInt('<%- ctx.subProject.data_collect %>');
    const category = JSON.parse(unescape('<%- escape(JSON.stringify(categoryData)) %>'));
    const selfCategoryLevel = '<%- (selfCategoryLevel || '') %>';
    console.log(category);
    const tenders = JSON.parse(unescape('<%- escape(JSON.stringify(tenders)) %>'));
    let dcTenders = JSON.parse(unescape('<%- escape(JSON.stringify(dcTenders)) %>'));
    let addDataCollect = JSON.parse(unescape('<%- escape(JSON.stringify(ctx.subProject.page_show.addDataCollect)) %>'));
    let is_dz1 = <% if (is_dz1) { %>parseInt('<%- is_dz1 %>');<% } else { %>false;<% } %>
    let is_dz2 = <% if (is_dz2) { %>parseInt('<%- is_dz2 %>');<% } else { %>false;<% } %>
    let is_dz3 = <% if (is_dz3) { %>parseInt('<%- is_dz3 %>');<% } else { %>false;<% } %>
    $(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('/sp/' + spid + '/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('/sp/' + spid + '/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);
            }
            if (is_dz1) {
                let msg = '';
                if (_.indexOf(dataCollectPages, is_dz1.toString()) !== -1) {
                    msg = '(已开启' + (is_dz1=== dataCollect ? '、默认' : '') + ')' ;
                }
                $('#tablist a').eq(is_dz1-3).text('决策大屏' + transFormToChinese(is_dz1) + msg);
            }
            if (is_dz2) {
                let msg = '';
                if (_.indexOf(dataCollectPages, is_dz2.toString()) !== -1) {
                    msg = '(已开启' + (is_dz2=== dataCollect ? '、默认' : '') + ')' ;
                }
                $('#tablist a').eq(is_dz2-3).text('决策大屏' + transFormToChinese(is_dz2) + msg);
            }
            let msg = '';
            if (_.indexOf(dataCollectPages, '7') !== -1) {
                msg = '(已开启' + (7 === dataCollect ? '、默认' : '') + ')' ;
            }
            $('#tablist a').eq(7-3).text('决策大屏' + transFormToChinese(7) + msg);
            if (is_dz3) {
                let msg = '';
                if (_.indexOf(dataCollectPages, is_dz3.toString()) !== -1) {
                    msg = '(已开启' + (is_dz3=== dataCollect ? '、默认' : '') + ')' ;
                }
                $('#tablist a').eq(is_dz3-3).text('决策大屏' + transFormToChinese(is_dz3) + 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>