|
@@ -12,22 +12,33 @@
|
|
|
<div class="c-body">
|
|
|
<div class="sjs-height-0">
|
|
|
<nav class="nav nav-tabs m-3" id="tablist" role="tablist">
|
|
|
- <a class="nav-item nav-link<% if (ctx.session.sessionProject.dataCollect === 0 || ctx.session.sessionProject.dataCollect === 1) { %> active<% } %>" data-datacollect="1" data-toggle="tab" href="#shujudaping-one" role="tab">决策大屏一</a>
|
|
|
- <a class="nav-item nav-link<% if (ctx.session.sessionProject.dataCollect === 2) { %> active<% } %>" data-datacollect="2" data-toggle="tab" href="#shujudaping-two" role="tab">决策大屏二</a>
|
|
|
- <a class="nav-item nav-link<% if (ctx.session.sessionProject.dataCollect === 3) { %> active<% } %>" data-datacollect="3" data-toggle="tab" href="#shujudaping-three" role="tab">决策大屏三</a>
|
|
|
- <a class="nav-item nav-link<% if (ctx.session.sessionProject.dataCollect === 4) { %> active<% } %>" data-datacollect="4" data-toggle="tab" href="#shujudaping-four" role="tab">决策大屏四</a>
|
|
|
+ <% for (let i = 1; i <= 4; 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 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">
|
|
|
- <div id="shujudaping-one" class="tab-pane<% if (ctx.session.sessionProject.dataCollect === 0 || ctx.session.sessionProject.dataCollect === 1) { %> active<% } %>"><img src="/public/images/juecedaping01.png" width="100%"></div>
|
|
|
- <div id="shujudaping-two" class="tab-pane<% if (ctx.session.sessionProject.dataCollect === 2) { %> active<% } %>"><img src="/public/images/juecedaping02.png" width="100%"></div>
|
|
|
- <div id="shujudaping-three" class="tab-pane<% if (ctx.session.sessionProject.dataCollect === 3) { %> active<% } %>"><img src="/public/images/juecedaping03.png" width="100%"></div>
|
|
|
- <div id="shujudaping-four" class="tab-pane<% if (ctx.session.sessionProject.dataCollect === 4) { %> active<% } %>"><img src="/public/images/juecedaping04.png" width="100%"></div>
|
|
|
+ <% for (let i = 1; i <= 4; 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>
|
|
@@ -35,27 +46,86 @@
|
|
|
</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').click(function () {
|
|
|
- let data_collect = 0;
|
|
|
+ // 开启及关闭展示
|
|
|
+ $('#show_datacollect').change(function () {
|
|
|
+ const activePage = $('#tablist').find('.active').data('datacollect').toString();
|
|
|
if ($(this).is(':checked')) {
|
|
|
- data_collect = $('#tablist').find('.active').data('datacollect');
|
|
|
+ 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 }, function (result) {
|
|
|
-
|
|
|
+ postData('/setting/datacollect/save', { type: 'show', data_collect_pages: dataCollectPages, data_collect: dataCollect }, function (result) {
|
|
|
+ updateTab();
|
|
|
})
|
|
|
});
|
|
|
- $('#tablist a').click(function () {
|
|
|
- if ($('#show-datacollect').is(':checked')) {
|
|
|
- const data_collect = $(this).data('datacollect');
|
|
|
- postData('/setting/datacollect/save', { type: 'show', data_collect }, function (result) {
|
|
|
|
|
|
- })
|
|
|
+ $('#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 <= 4; 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);
|
|
|
}
|
|
|
});
|
|
|
})
|