Revert "ui(dashboard): 筛号器号码按生肖分行为每行一个生肖竖向排列"
This reverts commit 49eea49fa9.
This commit is contained in:
@@ -789,7 +789,7 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefin
|
|||||||
Layer.open({
|
Layer.open({
|
||||||
type: 1,
|
type: 1,
|
||||||
title: '筛号器',
|
title: '筛号器',
|
||||||
area: ['700px', '750px'],
|
area: ['700px', '600px'],
|
||||||
content: html,
|
content: html,
|
||||||
shadeClose: true,
|
shadeClose: true,
|
||||||
success: function (layero, index) {
|
success: function (layero, index) {
|
||||||
@@ -830,40 +830,21 @@ define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefin
|
|||||||
* 渲染筛号器号码网格
|
* 渲染筛号器号码网格
|
||||||
*/
|
*/
|
||||||
renderNumberFilterGrid: function (layero) {
|
renderNumberFilterGrid: function (layero) {
|
||||||
var zodiacOrder = ['鼠', '牛', '虎', '兔', '龙', '蛇', '马', '羊', '猴', '鸡', '狗', '猪'];
|
|
||||||
var zodiacNums = {};
|
|
||||||
for (var i = 0; i < zodiacOrder.length; i++) {
|
|
||||||
zodiacNums[zodiacOrder[i]] = [];
|
|
||||||
}
|
|
||||||
var colorMap = Controller.api.colorMap;
|
var colorMap = Controller.api.colorMap;
|
||||||
for (var num = 1; num <= 49; num++) {
|
|
||||||
var animal = Controller.api.getAnimalByNum(num);
|
|
||||||
if (!zodiacNums[animal]) zodiacNums[animal] = [];
|
|
||||||
zodiacNums[animal].push(num);
|
|
||||||
}
|
|
||||||
var html = '';
|
var html = '';
|
||||||
for (var z = 0; z < zodiacOrder.length; z++) {
|
for (var num = 1; num <= 49; num++) {
|
||||||
var zodiac = zodiacOrder[z];
|
|
||||||
var nums = zodiacNums[zodiac];
|
|
||||||
if (nums.length === 0) continue;
|
|
||||||
html += '<div class="nf-zodiac-row" style="display:flex;align-items:center;gap:10px;margin-bottom:8px;">';
|
|
||||||
html += '<div style="font-weight:bold;font-size:14px;width:30px;text-align:center;">' + zodiac + '</div>';
|
|
||||||
html += '<div style="display:flex;flex-wrap:wrap;gap:8px;flex:1;">';
|
|
||||||
for (var i = 0; i < nums.length; i++) {
|
|
||||||
var num = nums[i];
|
|
||||||
var colorHex = Controller.api.getColorByNum(num);
|
var colorHex = Controller.api.getColorByNum(num);
|
||||||
var colorRaw = colorMap[num] || '';
|
var colorRaw = colorMap[num] || '';
|
||||||
|
var animal = Controller.api.getAnimalByNum(num);
|
||||||
var colorLabel = '';
|
var colorLabel = '';
|
||||||
if (colorRaw.indexOf('红') !== -1) colorLabel = '红';
|
if (colorRaw.indexOf('红') !== -1) colorLabel = '红';
|
||||||
else if (colorRaw.indexOf('蓝') !== -1) colorLabel = '蓝';
|
else if (colorRaw.indexOf('蓝') !== -1) colorLabel = '蓝';
|
||||||
else if (colorRaw.indexOf('绿') !== -1) colorLabel = '绿';
|
else if (colorRaw.indexOf('绿') !== -1) colorLabel = '绿';
|
||||||
html += '<div class="nf-number" data-num="' + num + '" data-color="' + colorLabel + '" data-animal="' + zodiac + '" data-tail="' + (num % 10) + '" style="text-align:center;background:#f9f9f9;padding:6px 4px;border-radius:6px;min-width:55px;transition:opacity 0.2s;">' +
|
html += '<div class="nf-number" data-num="' + num + '" data-color="' + colorLabel + '" data-animal="' + animal + '" data-tail="' + (num % 10) + '" style="text-align:center;background:#f9f9f9;padding:6px 4px;border-radius:6px;min-width:60px;transition:opacity 0.2s;">' +
|
||||||
'<span style="display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;border-radius:50%;color:#fff;background-color:' + colorHex + ';font-weight:bold;">' + num + '</span>' +
|
'<span style="display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;border-radius:50%;color:#fff;background-color:' + colorHex + ';font-weight:bold;">' + num + '</span>' +
|
||||||
'<div style="font-size:10px;color:#666;line-height:1.2;">' + zodiac + '</div>' +
|
'<div style="font-size:10px;color:#666;line-height:1.2;">' + animal + '</div>' +
|
||||||
'</div>';
|
'</div>';
|
||||||
}
|
}
|
||||||
html += '</div></div>';
|
|
||||||
}
|
|
||||||
$('#nf-numbers', layero).html(html);
|
$('#nf-numbers', layero).html(html);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user