center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

style: 优化大屏样式

Browse Source
This commit is contained in:
wangjiahao 2024-01-22 18:51:18 +08:00
parent c56d811259
commit 4b6f21c6be
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
core/core-frontend/src/components/watermark/watermark.ts
View File

@ -41,17 +41,17 @@ export function watermark(settings, domId) {
// 如果将水印列数设置为0，或水印列数设置过大，超过页面最大宽度，则重新计算水印列数和水印x轴间隔 // 如果将水印列数设置为0，或水印列数设置过大，超过页面最大宽度，则重新计算水印列数和水印x轴间隔
if ( if (
defaultSettings.watermark_cols === 0 || defaultSettings.watermark_cols === 0 ||
parseInt( Math.round(
defaultSettings.watermark_x + defaultSettings.watermark_x +
defaultSettings.watermark_width * defaultSettings.watermark_cols + defaultSettings.watermark_width * defaultSettings.watermark_cols +
defaultSettings.watermark_x_space * (defaultSettings.watermark_cols - 1) defaultSettings.watermark_x_space * (defaultSettings.watermark_cols - 1)
) > page_width ) > page_width
) { ) {
defaultSettings.watermark_cols = parseInt( defaultSettings.watermark_cols = Math.round(
(page_width - defaultSettings.watermark_x + defaultSettings.watermark_x_space) / (page_width - defaultSettings.watermark_x + defaultSettings.watermark_x_space) /
(defaultSettings.watermark_width + defaultSettings.watermark_x_space) (defaultSettings.watermark_width + defaultSettings.watermark_x_space)
) )
defaultSettings.watermark_x_space = parseInt( defaultSettings.watermark_x_space = Math.round(
(page_width - (page_width -
defaultSettings.watermark_x - defaultSettings.watermark_x -
defaultSettings.watermark_width * defaultSettings.watermark_cols) / defaultSettings.watermark_width * defaultSettings.watermark_cols) /
@ -61,17 +61,17 @@ export function watermark(settings, domId) {
// 如果将水印行数设置为0，或水印行数设置过大，超过页面最大长度，则重新计算水印行数和水印y轴间隔 // 如果将水印行数设置为0，或水印行数设置过大，超过页面最大长度，则重新计算水印行数和水印y轴间隔
if ( if (
defaultSettings.watermark_rows === 0 || defaultSettings.watermark_rows === 0 ||
parseInt( Math.round(
defaultSettings.watermark_y + defaultSettings.watermark_y +
defaultSettings.watermark_height * defaultSettings.watermark_rows + defaultSettings.watermark_height * defaultSettings.watermark_rows +
defaultSettings.watermark_y_space * (defaultSettings.watermark_rows - 1) defaultSettings.watermark_y_space * (defaultSettings.watermark_rows - 1)
) > page_height ) > page_height
) { ) {
defaultSettings.watermark_rows = parseInt( defaultSettings.watermark_rows = Math.round(
(defaultSettings.watermark_y_space + page_height - defaultSettings.watermark_y) / (defaultSettings.watermark_y_space + page_height - defaultSettings.watermark_y) /
(defaultSettings.watermark_height + defaultSettings.watermark_y_space) (defaultSettings.watermark_height + defaultSettings.watermark_y_space)
) )
defaultSettings.watermark_y_space = parseInt( defaultSettings.watermark_y_space = Math.round(
(page_height - (page_height -
defaultSettings.watermark_y - defaultSettings.watermark_y -
defaultSettings.watermark_height * defaultSettings.watermark_rows) / defaultSettings.watermark_height * defaultSettings.watermark_rows) /
@ -110,7 +110,7 @@ export function watermark(settings, domId) {
mask_div.style.zIndex = '10' mask_div.style.zIndex = '10'
// 让水印不遮挡页面的点击事件 // 让水印不遮挡页面的点击事件
mask_div.style.pointerEvents = 'none' mask_div.style.pointerEvents = 'none'
mask_div.style.opacity = defaultSettings.watermark_alpha mask_div.style.opacity = defaultSettings.watermark_alpha + ''
mask_div.style.fontSize = defaultSettings.watermark_fontsize mask_div.style.fontSize = defaultSettings.watermark_fontsize
mask_div.style.fontFamily = defaultSettings.watermark_font mask_div.style.fontFamily = defaultSettings.watermark_font
mask_div.style.color = defaultSettings.watermark_color mask_div.style.color = defaultSettings.watermark_color

2
core/core-frontend/src/utils/attr.ts
View File

@ -1,7 +1,7 @@
export const positionData = [ export const positionData = [
{ key: 'left', label: 'X', min: -1000, max: 20000, step: 10 }, { key: 'left', label: 'X', min: -1000, max: 20000, step: 10 },
{ key: 'top', label: 'Y', min: -1000, max: 20000, step: 10 },
{ key: 'width', label: 'W', min: 10, max: 20000, step: 10 }, { key: 'width', label: 'W', min: 10, max: 20000, step: 10 },
{ key: 'top', label: 'Y', min: -1000, max: 20000, step: 10 },
{ key: 'height', label: 'H', min: 10, max: 20000, step: 10 } { key: 'height', label: 'H', min: 10, max: 20000, step: 10 }
] ]