* Adjust the scale of js.
This commit is contained in:
songchenxuan
+236
-246
@@ -5,9 +5,9 @@ window.renderHeight = function()
|
||||
|
||||
window.generateCheckItem = function(text, value, isChecked)
|
||||
{
|
||||
var checked = isChecked ? 'checked=""' : '';
|
||||
var currentClass = isChecked ? 'metric-current' : '';
|
||||
return `<div class="font-medium checkbox-primary ${currentClass}">
|
||||
var checked = isChecked ? 'checked=""' : '';
|
||||
var currentClass = isChecked ? 'metric-current' : '';
|
||||
return `<div class="font-medium checkbox-primary ${currentClass}">
|
||||
<input type="checkbox" id="metric${value}" name="metric" ${checked} value="${value}" onchange="window.handleCheckboxChange(this)">
|
||||
<label for="metric${value}">${text}</label>
|
||||
</div>`;
|
||||
@@ -15,378 +15,368 @@ window.generateCheckItem = function(text, value, isChecked)
|
||||
|
||||
window.messagerWarning = function(message)
|
||||
{
|
||||
return zui.Messager.show(
|
||||
{
|
||||
content: message,
|
||||
icon: 'icon-exclamation-pure',
|
||||
iconClass: 'center w-6 h-6 rounded-full m-0 warning',
|
||||
contentClass: 'text-lg font-bold',
|
||||
close: false,
|
||||
className: 'p-6 bg-white text-black gap-2 messager-fail',
|
||||
});
|
||||
return zui.Messager.show({
|
||||
content: message,
|
||||
icon: 'icon-exclamation-pure',
|
||||
iconClass: 'center w-6 h-6 rounded-full m-0 warning',
|
||||
contentClass: 'text-lg font-bold',
|
||||
close: false,
|
||||
className: 'p-6 bg-white text-black gap-2 messager-fail',
|
||||
});
|
||||
}
|
||||
|
||||
window.isMetricChecked = function(id)
|
||||
{
|
||||
return window.checkedList.filter(function(metric){return metric.id == id}).length != 0;
|
||||
return window.checkedList.filter(function(metric){return metric.id == id}).length != 0;
|
||||
}
|
||||
|
||||
window.renderCheckList = function(metrics)
|
||||
{
|
||||
$('.side .check-list-metric').empty();
|
||||
$('.side .check-list-metric').empty();
|
||||
|
||||
var metricsHtml = metrics.map(function(metric)
|
||||
{
|
||||
var isChecked = window.isMetricChecked(metric.id);
|
||||
return window.generateCheckItem(metric.name, metric.id, isChecked);
|
||||
}).join('');
|
||||
var metricsHtml = metrics.map(function(metric){
|
||||
var isChecked = window.isMetricChecked(metric.id);
|
||||
return window.generateCheckItem(metric.name, metric.id, isChecked);
|
||||
}).join('');
|
||||
|
||||
$('.side .check-list-metric').html(metricsHtml);
|
||||
$('.side .check-list-metric').html(metricsHtml);
|
||||
}
|
||||
|
||||
window.updateCheckList = function(id, name, isChecked)
|
||||
{
|
||||
if(isChecked)
|
||||
{
|
||||
return window.checkedList.push({id: id, name: name});
|
||||
}
|
||||
if(isChecked)
|
||||
{
|
||||
return window.checkedList.push({id: id, name: name});
|
||||
}
|
||||
|
||||
window.checkedList = window.checkedList.filter(function(item){return item.id != id});
|
||||
window.checkedList = window.checkedList.filter(function(item){return item.id != id});
|
||||
}
|
||||
|
||||
window.updateCheckbox = function(id, isChecked)
|
||||
{
|
||||
var $el = $('.side .metric-tree .check-list input#metric' + id);
|
||||
$el.prop('checked', isChecked);
|
||||
if(isChecked)
|
||||
{
|
||||
return $el.closest('.checkbox-primary').addClass('metric-current');
|
||||
}
|
||||
var $el = $('.side .metric-tree .check-list input#metric' + id);
|
||||
$el.prop('checked', isChecked);
|
||||
if(isChecked)
|
||||
{
|
||||
return $el.closest('.checkbox-primary').addClass('metric-current');
|
||||
}
|
||||
|
||||
$el.closest('.checkbox-primary').removeClass('metric-current');
|
||||
$el.closest('.checkbox-primary').removeClass('metric-current');
|
||||
}
|
||||
|
||||
window.updateCheckAction = function(id, name, isChecked)
|
||||
{
|
||||
window.updateCheckList(id, name, isChecked);
|
||||
window.updateCheckbox(id, isChecked);
|
||||
window.renderCheckedLabel();
|
||||
window.updateCheckList(id, name, isChecked);
|
||||
window.updateCheckbox(id, isChecked);
|
||||
window.renderCheckedLabel();
|
||||
}
|
||||
|
||||
window.handleCheckboxChange = function($el)
|
||||
{
|
||||
$el = $($el);
|
||||
var isChecked = $el.is(":checked");
|
||||
var value = $el.val();
|
||||
var text = $el.next().text();
|
||||
$el = $($el);
|
||||
var isChecked = $el.is(":checked");
|
||||
var value = $el.val();
|
||||
var text = $el.next().text();
|
||||
|
||||
if(!isChecked && window.checkedList.length == 1)
|
||||
{
|
||||
$el.prop('checked', true);
|
||||
return;
|
||||
}
|
||||
if(!isChecked && window.checkedList.length == 1)
|
||||
{
|
||||
$el.prop('checked', true);
|
||||
return;
|
||||
}
|
||||
|
||||
if(isChecked && window.checkedList.length >= 10)
|
||||
{
|
||||
$el.prop('checked', false);
|
||||
return messagerWarning(maxSelectMsg.replace('%s', maxSelectNum));
|
||||
}
|
||||
if(isChecked && window.checkedList.length >= 10)
|
||||
{
|
||||
$el.prop('checked', false);
|
||||
return messagerWarning(maxSelectMsg.replace('%s', maxSelectNum));
|
||||
}
|
||||
|
||||
window.updateCheckAction(value, text, isChecked);
|
||||
window.updateCheckAction(value, text, isChecked);
|
||||
}
|
||||
|
||||
window.handleNavMenuClick = function($el)
|
||||
{
|
||||
var scope = $el.attr('id');
|
||||
var itemSelector = 'menu.nav-ajax .nav-item a';
|
||||
window.ajaxGetMetrics(scope, '', function(metrics, total)
|
||||
{
|
||||
$(itemSelector).removeClass('active');
|
||||
$(itemSelector).find('span.label').remove();
|
||||
$el.addClass('active');
|
||||
$el.append(`<span class="label size-sm rounded-full white">${total}</span>`);
|
||||
var scope = $el.attr('id');
|
||||
var itemSelector = 'menu.nav-ajax .nav-item a';
|
||||
window.ajaxGetMetrics(scope, '', function(metrics, total){
|
||||
$(itemSelector).removeClass('active');
|
||||
$(itemSelector).find('span.label').remove();
|
||||
$el.addClass('active');
|
||||
$el.append(`<span class="label size-sm rounded-full white">${total}</span>`);
|
||||
})
|
||||
}
|
||||
|
||||
window.ajaxGetMetrics = function(scope, filters = '', callback)
|
||||
{
|
||||
$.get($.createLink('metric', 'ajaxGetMetrics', 'scope=' + scope + '&filters=' + filters), function(resp)
|
||||
{
|
||||
var metrics = JSON.parse(resp);
|
||||
var total = metrics.length;
|
||||
$.get($.createLink('metric', 'ajaxGetMetrics', 'scope=' + scope + '&filters=' + filters), function(resp){
|
||||
var metrics = JSON.parse(resp);
|
||||
var total = metrics.length;
|
||||
|
||||
window.renderCheckList(metrics);
|
||||
window.renderCheckList(metrics);
|
||||
|
||||
if(typeof callback == 'function') callback(metrics, total);
|
||||
if(typeof callback == 'function') callback(metrics, total);
|
||||
});
|
||||
}
|
||||
|
||||
window.updateFilterCheck = function()
|
||||
{
|
||||
var selector = '.filter-panel .panel-body .check-list-inline .checkbox-primary input:checked';
|
||||
window.filterChecked = {'scope': [], 'object': [], 'purpose': []};
|
||||
var hasChecked = false;
|
||||
$(selector).each(function(index, elem)
|
||||
{
|
||||
var name = $(elem).attr('name');
|
||||
var value = $(elem).val();
|
||||
var selector = '.filter-panel .panel-body .check-list-inline .checkbox-primary input:checked';
|
||||
window.filterChecked = {'scope': [], 'object': [], 'purpose': []};
|
||||
var hasChecked = false;
|
||||
$(selector).each(function(index, elem){
|
||||
var name = $(elem).attr('name');
|
||||
var value = $(elem).val();
|
||||
|
||||
window.filterChecked[name].push(value);
|
||||
hasChecked = true;
|
||||
});
|
||||
window.filterChecked[name].push(value);
|
||||
hasChecked = true;
|
||||
});
|
||||
|
||||
if(!hasChecked)
|
||||
{
|
||||
$('.filter-btn .common').removeClass('hidden');
|
||||
$('.filter-btn .checked').addClass('hidden');
|
||||
return;
|
||||
}
|
||||
if(!hasChecked)
|
||||
{
|
||||
$('.filter-btn .common').removeClass('hidden');
|
||||
$('.filter-btn .checked').addClass('hidden');
|
||||
return;
|
||||
}
|
||||
|
||||
$('.filter-btn .common').addClass('hidden');
|
||||
$('.filter-btn .checked').removeClass('hidden');
|
||||
var checkedInfo = filterLang.checkedInfo;
|
||||
checkedInfo = checkedInfo.replace('%s', window.filterChecked.scope.length);
|
||||
checkedInfo = checkedInfo.replace('%s', window.filterChecked.object.length);
|
||||
checkedInfo = checkedInfo.replace('%s', window.filterChecked.purpose.length);
|
||||
$('.filter-btn .checked').text(checkedInfo);
|
||||
$('.filter-btn .common').addClass('hidden');
|
||||
$('.filter-btn .checked').removeClass('hidden');
|
||||
var checkedInfo = filterLang.checkedInfo;
|
||||
checkedInfo = checkedInfo.replace('%s', window.filterChecked.scope.length);
|
||||
checkedInfo = checkedInfo.replace('%s', window.filterChecked.object.length);
|
||||
checkedInfo = checkedInfo.replace('%s', window.filterChecked.purpose.length);
|
||||
$('.filter-btn .checked').text(checkedInfo);
|
||||
}
|
||||
|
||||
window.handleFilterCheck = function()
|
||||
{
|
||||
window.updateFilterCheck();
|
||||
window.updateFilterCheck();
|
||||
}
|
||||
|
||||
window.handleFilterToggle = function($el)
|
||||
{
|
||||
$el.toggleClass('primary-600');
|
||||
$('.filter-panel').toggleClass('hidden');
|
||||
$el.toggleClass('primary-600');
|
||||
$('.filter-panel').toggleClass('hidden');
|
||||
}
|
||||
|
||||
window.handleFilterClearItem = function($el)
|
||||
{
|
||||
$el = $($el);
|
||||
if(!$el.length) return;
|
||||
$el = $($el);
|
||||
if(!$el.length) return;
|
||||
|
||||
var $checkboxList = $el.closest('.panel').find('.panel-body .check-list-inline .checkbox-primary');
|
||||
$checkboxList.each(function(index, elem)
|
||||
{
|
||||
$(elem).find('input').prop('checked', false);
|
||||
});
|
||||
var $checkboxList = $el.closest('.panel').find('.panel-body .check-list-inline .checkbox-primary');
|
||||
$checkboxList.each(function(index, elem){
|
||||
$(elem).find('input').prop('checked', false);
|
||||
});
|
||||
|
||||
window.updateFilterCheck();
|
||||
window.updateFilterCheck();
|
||||
}
|
||||
|
||||
window.handleFilterClearAll = function($el)
|
||||
{
|
||||
$el = $($el);
|
||||
if(!$el.length) return;
|
||||
$el = $($el);
|
||||
if(!$el.length) return;
|
||||
|
||||
var $checkboxList = $el.closest('.panel').find('.panel-body .check-list-inline .checkbox-primary');
|
||||
$checkboxList.each(function(index, elem)
|
||||
{
|
||||
$(elem).find('input').prop('checked', false);
|
||||
});
|
||||
var $checkboxList = $el.closest('.panel').find('.panel-body .check-list-inline .checkbox-primary');
|
||||
$checkboxList.each(function(index, elem){
|
||||
$(elem).find('input').prop('checked', false);
|
||||
});
|
||||
|
||||
window.updateFilterCheck();
|
||||
window.updateFilterCheck();
|
||||
}
|
||||
|
||||
window.handleFilterClick = function()
|
||||
{
|
||||
var filterBase64 = btoa(JSON.stringify(window.filterChecked));
|
||||
var filterBase64 = btoa(JSON.stringify(window.filterChecked));
|
||||
|
||||
if(viewType == 'multiple')
|
||||
{
|
||||
window.ajaxGetMetrics('filter', filterBase64);
|
||||
return;
|
||||
}
|
||||
loadPage($.createLink('metric', 'preview', 'scope=filter&viewType=' + viewType + '&metricID=0&filters=' + filterBase64));
|
||||
if(viewType == 'multiple')
|
||||
{
|
||||
window.ajaxGetMetrics('filter', filterBase64);
|
||||
return;
|
||||
}
|
||||
loadPage($.createLink('metric', 'preview', 'scope=filter&viewType=' + viewType + '&metricID=0&filters=' + filterBase64));
|
||||
}
|
||||
|
||||
window.afterPageUpdate = function($target, info, options)
|
||||
{
|
||||
window.isDropdown = false;
|
||||
window.lineCount = 1;
|
||||
window.checkedList = [{id:current.id + '', name:current.name}];
|
||||
window.filterChecked = {};
|
||||
window.renderDTable();
|
||||
if(viewType == 'multiple') window.renderCheckedLabel();
|
||||
$(window).on('resize', window.renderCheckedLabel);
|
||||
window.initFilterPanel();
|
||||
window.isDropdown = false;
|
||||
window.lineCount = 1;
|
||||
window.checkedList = [{id:current.id + '', name:current.name}];
|
||||
window.filterChecked = {};
|
||||
window.renderDTable();
|
||||
if(viewType == 'multiple') window.renderCheckedLabel();
|
||||
$(window).on('resize', window.renderCheckedLabel);
|
||||
window.initFilterPanel();
|
||||
|
||||
$('.filter-btn').removeClass('primary-600');
|
||||
if(scope == 'filter')
|
||||
{
|
||||
$('.filter-btn').addClass('primary-600');
|
||||
window.updateFilterCheck();
|
||||
}
|
||||
$('.filter-btn').removeClass('primary-600');
|
||||
if(scope == 'filter')
|
||||
{
|
||||
$('.filter-btn').addClass('primary-600');
|
||||
window.updateFilterCheck();
|
||||
}
|
||||
}
|
||||
|
||||
window.initFilterPanel = function()
|
||||
{
|
||||
if(!$('.filter-panel').length) return;
|
||||
if(!$('.filter-panel').length) return;
|
||||
|
||||
$('#mainMenu').after($('.filter-panel'));
|
||||
$('#mainMenu').after($('.filter-panel'));
|
||||
}
|
||||
|
||||
window.renderDTable = function()
|
||||
{
|
||||
if(!$('.dtable').length) return;
|
||||
$('.dtable').remove();
|
||||
$('.table-side').append('<div class="dtable"></div>');
|
||||
if(!$('.dtable').length) return;
|
||||
$('.dtable').remove();
|
||||
$('.table-side').append('<div class="dtable"></div>');
|
||||
|
||||
if(!resultHeader || !resultData) return;
|
||||
new zui.DTable('.dtable',
|
||||
{
|
||||
responsive: true,
|
||||
bordered: true,
|
||||
scrollbarHover: true,
|
||||
height: function() { return $('.table-side').height(); },
|
||||
cols: resultHeader,
|
||||
data: resultData,
|
||||
if(!resultHeader || !resultData) return;
|
||||
new zui.DTable('.dtable',{
|
||||
responsive: true,
|
||||
bordered: true,
|
||||
scrollbarHover: true,
|
||||
height: function() { return $('.table-side').height(); },
|
||||
cols: resultHeader,
|
||||
data: resultData,
|
||||
});
|
||||
}
|
||||
|
||||
window.handleRemoveLabel = function(id)
|
||||
{
|
||||
var checkedItem = window.checkedList.find(function(checked){return checked.id == id});
|
||||
if(!checkedItem) return;
|
||||
var checkedItem = window.checkedList.find(function(checked){return checked.id == id});
|
||||
if(!checkedItem) return;
|
||||
|
||||
window.updateCheckAction(checkedItem.id, checkedItem.name, false);
|
||||
window.updateCheckAction(checkedItem.id, checkedItem.name, false);
|
||||
}
|
||||
|
||||
window.setDropDown = function()
|
||||
{
|
||||
var $drop = $('.dropdown-icon');
|
||||
$drop.toggleClass('rotate');
|
||||
if($drop.hasClass('rotate'))
|
||||
{
|
||||
window.isDropdown = true;
|
||||
window.unfoldContent();
|
||||
}
|
||||
else
|
||||
{
|
||||
window.isDropdown = false;
|
||||
window.foldContent();
|
||||
}
|
||||
var $drop = $('.dropdown-icon');
|
||||
$drop.toggleClass('rotate');
|
||||
if($drop.hasClass('rotate'))
|
||||
{
|
||||
window.isDropdown = true;
|
||||
window.unfoldContent();
|
||||
}
|
||||
else
|
||||
{
|
||||
window.isDropdown = false;
|
||||
window.foldContent();
|
||||
}
|
||||
}
|
||||
|
||||
window.unfoldContent = function()
|
||||
{
|
||||
var $content = $('.checked-content');
|
||||
var contentHeight = 48 + (window.lineCount - 1) * 40;
|
||||
$content.height(contentHeight);
|
||||
var $content = $('.checked-content');
|
||||
var contentHeight = 48 + (window.lineCount - 1) * 40;
|
||||
$content.height(contentHeight);
|
||||
|
||||
setTimeout(function()
|
||||
{
|
||||
$content.find('.gray-next').addClass('gray-visible');
|
||||
$content.find('.gray-next').removeClass('gray-hidden');
|
||||
}, 300);
|
||||
setTimeout(function(){
|
||||
$content.find('.gray-next').addClass('gray-visible');
|
||||
$content.find('.gray-next').removeClass('gray-hidden');
|
||||
}, 300);
|
||||
}
|
||||
|
||||
window.foldContent = function()
|
||||
{
|
||||
var $content = $('.checked-content');
|
||||
$content.height(48);
|
||||
$content.find('.gray-next').addClass('gray-hidden');
|
||||
$content.find('.gray-next').removeClass('gray-visible');
|
||||
var $content = $('.checked-content');
|
||||
$content.height(48);
|
||||
$content.find('.gray-next').addClass('gray-hidden');
|
||||
$content.find('.gray-next').removeClass('gray-visible');
|
||||
}
|
||||
|
||||
window.renderCheckedLabel = function()
|
||||
{
|
||||
var $content = $('.checked-label-content');
|
||||
$content.empty();
|
||||
var $content = $('.checked-label-content');
|
||||
$content.empty();
|
||||
|
||||
var tpl = $('#item-tpl').html();
|
||||
var labels = JSON.parse(JSON.stringify(window.checkedList));
|
||||
var multi = labels.length > 1;
|
||||
var width = Math.floor($content.width());
|
||||
var left = width;
|
||||
var tpl = $('#item-tpl').html();
|
||||
var labels = JSON.parse(JSON.stringify(window.checkedList));
|
||||
var multi = labels.length > 1;
|
||||
var width = Math.floor($content.width());
|
||||
var left = width;
|
||||
|
||||
// 当nextLine 在left <= 0 中置true后，代表接下来的元素都是换行的
|
||||
var nextLine = false;
|
||||
var lineCount = 1;
|
||||
// 当nextLine 在left <= 0 中置true后，代表接下来的元素都是换行的
|
||||
var nextLine = false;
|
||||
var lineCount = 1;
|
||||
|
||||
var labelClass = 'label circle gray-pale';
|
||||
if(multi) labelClass += ' gray-pale-withdelete';
|
||||
var labelClass = 'label circle gray-pale';
|
||||
if(multi) labelClass += ' gray-pale-withdelete';
|
||||
|
||||
for(var i = 0; i < labels.length; i++)
|
||||
{
|
||||
var classes = labelClass;
|
||||
if(nextLine) classes += ' gray-next';
|
||||
|
||||
var label = labels[i];
|
||||
var data =
|
||||
for(var i = 0; i < labels.length; i++)
|
||||
{
|
||||
id: label.id,
|
||||
name: label.name,
|
||||
spanClass: classes,
|
||||
multiple: multi ? '' : 'hidden',
|
||||
};
|
||||
var html = $(zui.formatString(tpl, data));
|
||||
var classes = labelClass;
|
||||
if(nextLine) classes += ' gray-next';
|
||||
|
||||
$content.append(html);
|
||||
var label = labels[i];
|
||||
var data = {
|
||||
id: label.id,
|
||||
name: label.name,
|
||||
spanClass: classes,
|
||||
multiple: multi ? '' : 'hidden',
|
||||
};
|
||||
var html = $(zui.formatString(tpl, data));
|
||||
|
||||
var $label = $content.find('[metric-id="' + label.id + '"]');
|
||||
var labelWidth = Math.ceil($label.width() + parseInt($label.css('padding-left')) + parseInt($label.css('padding-right')) + parseInt($label.css('margin-left')) + parseInt($label.css('margin-right')));
|
||||
$content.append(html);
|
||||
|
||||
left = left - labelWidth;
|
||||
if(left <= 0)
|
||||
{
|
||||
var $div = $label.find('.gray-pale-div');
|
||||
var divWidth = $div.width();
|
||||
var $label = $content.find('[metric-id="' + label.id + '"]');
|
||||
var labelWidth = Math.ceil($label.width() + parseInt($label.css('padding-left')) + parseInt($label.css('padding-right')) + parseInt($label.css('margin-left')) + parseInt($label.css('margin-right')));
|
||||
|
||||
if(divWidth < -left)
|
||||
{
|
||||
// 如果剩下的空间一点字都显示不下了，就换行
|
||||
left = width - labelWidth;
|
||||
// 如果列表是折叠的还没判定换行但是这一行一点字都显示不下，从这里加next类
|
||||
if(!nextLine) $label.addClass('gray-next');
|
||||
// 此时已经换行了，行数加1
|
||||
lineCount ++;
|
||||
}
|
||||
else
|
||||
{
|
||||
// 通过设置div的宽度，减少文字的内容
|
||||
$div.width(Math.floor($div.width()) - Math.ceil(-left) - 1);
|
||||
// 换行了，重置left
|
||||
left = width;
|
||||
// 如果这个元素后面还有元素，说明行数要+1
|
||||
if(i + 1 < labels.length) lineCount ++;
|
||||
}
|
||||
left = left - labelWidth;
|
||||
if(left <= 0)
|
||||
{
|
||||
var $div = $label.find('.gray-pale-div');
|
||||
var divWidth = $div.width();
|
||||
|
||||
nextLine = true;
|
||||
if(divWidth < -left)
|
||||
{
|
||||
// 如果剩下的空间一点字都显示不下了，就换行
|
||||
left = width - labelWidth;
|
||||
// 如果列表是折叠的还没判定换行但是这一行一点字都显示不下，从这里加next类
|
||||
if(!nextLine) $label.addClass('gray-next');
|
||||
// 此时已经换行了，行数加1
|
||||
lineCount ++;
|
||||
}
|
||||
else
|
||||
{
|
||||
// 通过设置div的宽度，减少文字的内容
|
||||
$div.width(Math.floor($div.width()) - Math.ceil(-left) - 1);
|
||||
// 换行了，重置left
|
||||
left = width;
|
||||
// 如果这个元素后面还有元素，说明行数要+1
|
||||
if(i + 1 < labels.length) lineCount ++;
|
||||
}
|
||||
|
||||
nextLine = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if(!multi)
|
||||
{
|
||||
var maxSelectTipText = maxSelectTip.replace('%s', maxSelectNum);
|
||||
$content.append(`<span class="label ghost gray-pale">${maxSelectTipText}</span>`);
|
||||
}
|
||||
|
||||
if(!window.isDropdown) $content.find('.gray-next').addClass('gray-hidden');
|
||||
|
||||
$('.dropdown-icon').addClass('visibility-hidden');
|
||||
if(lineCount >= 2) $('.dropdown-icon').removeClass('visibility-hidden');
|
||||
|
||||
var contentHeight = 48 + (lineCount - 1) * 40;
|
||||
if(window.lineCount != lineCount && window.isDropdown)
|
||||
{
|
||||
// 在展开状态缩放到只有一行了
|
||||
if(lineCount == 1)
|
||||
if(!multi)
|
||||
{
|
||||
$('.dropdown-icon').toggleClass('rotate');
|
||||
window.isDropdown = false;
|
||||
window.foldContent();
|
||||
var maxSelectTipText = maxSelectTip.replace('%s', maxSelectNum);
|
||||
$content.append(`<span class="label ghost gray-pale">${maxSelectTipText}</span>`);
|
||||
}
|
||||
// 在展开状态多了若干行, 或者少了若干行
|
||||
else
|
||||
|
||||
if(!window.isDropdown) $content.find('.gray-next').addClass('gray-hidden');
|
||||
|
||||
$('.dropdown-icon').addClass('visibility-hidden');
|
||||
if(lineCount >= 2) $('.dropdown-icon').removeClass('visibility-hidden');
|
||||
|
||||
var contentHeight = 48 + (lineCount - 1) * 40;
|
||||
if(window.lineCount != lineCount && window.isDropdown)
|
||||
{
|
||||
$('.checked-content').height(contentHeight);
|
||||
// 在展开状态缩放到只有一行了
|
||||
if(lineCount == 1)
|
||||
{
|
||||
$('.dropdown-icon').toggleClass('rotate');
|
||||
window.isDropdown = false;
|
||||
window.foldContent();
|
||||
}
|
||||
// 在展开状态多了若干行, 或者少了若干行
|
||||
else
|
||||
{
|
||||
$('.checked-content').height(contentHeight);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.lineCount = lineCount;
|
||||
window.lineCount = lineCount;
|
||||
|
||||
$('.checked-tip').text(selectCount.replace('%s', labels.length));
|
||||
$('.checked-tip').text(selectCount.replace('%s', labels.length));
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user