@ -0,0 +1,21 @@
|
|||||||
|
.DS_Store
|
||||||
|
node_modules
|
||||||
|
/dist
|
||||||
|
|
||||||
|
# local env files
|
||||||
|
.env.local
|
||||||
|
.env.*.local
|
||||||
|
|
||||||
|
# Log files
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.idea
|
||||||
|
.vscode
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.sw?
|
@ -0,0 +1,499 @@
|
|||||||
|
{
|
||||||
|
"id": "2059869",
|
||||||
|
"name": "jnpf-data-report",
|
||||||
|
"font_family": "report-icon",
|
||||||
|
"css_prefix_text": "report-icon-",
|
||||||
|
"description": "",
|
||||||
|
"glyphs": [
|
||||||
|
{
|
||||||
|
"icon_id": "17972878",
|
||||||
|
"name": "align-top",
|
||||||
|
"font_class": "align-top",
|
||||||
|
"unicode": "e813",
|
||||||
|
"unicode_decimal": 59411
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972879",
|
||||||
|
"name": "align-left",
|
||||||
|
"font_class": "align-left",
|
||||||
|
"unicode": "e814",
|
||||||
|
"unicode_decimal": 59412
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972880",
|
||||||
|
"name": "background-color",
|
||||||
|
"font_class": "background-color",
|
||||||
|
"unicode": "e815",
|
||||||
|
"unicode_decimal": 59413
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972881",
|
||||||
|
"name": "align-middle",
|
||||||
|
"font_class": "align-middle",
|
||||||
|
"unicode": "e816",
|
||||||
|
"unicode_decimal": 59414
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972882",
|
||||||
|
"name": "align-center",
|
||||||
|
"font_class": "align-center",
|
||||||
|
"unicode": "e817",
|
||||||
|
"unicode_decimal": 59415
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972883",
|
||||||
|
"name": "align-right",
|
||||||
|
"font_class": "align-right",
|
||||||
|
"unicode": "e818",
|
||||||
|
"unicode_decimal": 59416
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972884",
|
||||||
|
"name": "border-all",
|
||||||
|
"font_class": "border-all",
|
||||||
|
"unicode": "e819",
|
||||||
|
"unicode_decimal": 59417
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972885",
|
||||||
|
"name": "area",
|
||||||
|
"font_class": "area1",
|
||||||
|
"unicode": "e81a",
|
||||||
|
"unicode_decimal": 59418
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972886",
|
||||||
|
"name": "bold",
|
||||||
|
"font_class": "bold",
|
||||||
|
"unicode": "e81b",
|
||||||
|
"unicode_decimal": 59419
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972887",
|
||||||
|
"name": "border-bottom",
|
||||||
|
"font_class": "border-bottom",
|
||||||
|
"unicode": "e81c",
|
||||||
|
"unicode_decimal": 59420
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972888",
|
||||||
|
"name": "border",
|
||||||
|
"font_class": "border",
|
||||||
|
"unicode": "e81d",
|
||||||
|
"unicode_decimal": 59421
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972889",
|
||||||
|
"name": "border-left",
|
||||||
|
"font_class": "border-left",
|
||||||
|
"unicode": "e81e",
|
||||||
|
"unicode_decimal": 59422
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972890",
|
||||||
|
"name": "border-top",
|
||||||
|
"font_class": "border-top",
|
||||||
|
"unicode": "e81f",
|
||||||
|
"unicode_decimal": 59423
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972891",
|
||||||
|
"name": "border-none",
|
||||||
|
"font_class": "border-none",
|
||||||
|
"unicode": "e820",
|
||||||
|
"unicode_decimal": 59424
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972892",
|
||||||
|
"name": "doughnut",
|
||||||
|
"font_class": "doughnut1",
|
||||||
|
"unicode": "e821",
|
||||||
|
"unicode_decimal": 59425
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972893",
|
||||||
|
"name": "font",
|
||||||
|
"font_class": "font",
|
||||||
|
"unicode": "e822",
|
||||||
|
"unicode_decimal": 59426
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972894",
|
||||||
|
"name": "border-right",
|
||||||
|
"font_class": "border-right",
|
||||||
|
"unicode": "e823",
|
||||||
|
"unicode_decimal": 59427
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972895",
|
||||||
|
"name": "bubble",
|
||||||
|
"font_class": "bubble",
|
||||||
|
"unicode": "e824",
|
||||||
|
"unicode_decimal": 59428
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972896",
|
||||||
|
"name": "diagram",
|
||||||
|
"font_class": "diagram1",
|
||||||
|
"unicode": "e825",
|
||||||
|
"unicode_decimal": 59429
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972897",
|
||||||
|
"name": "border-custom",
|
||||||
|
"font_class": "border-custom",
|
||||||
|
"unicode": "e826",
|
||||||
|
"unicode_decimal": 59430
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972898",
|
||||||
|
"name": "column",
|
||||||
|
"font_class": "column1",
|
||||||
|
"unicode": "e827",
|
||||||
|
"unicode_decimal": 59431
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972899",
|
||||||
|
"name": "horizontal-column",
|
||||||
|
"font_class": "horizontal-column",
|
||||||
|
"unicode": "e828",
|
||||||
|
"unicode_decimal": 59432
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972900",
|
||||||
|
"name": "font-size",
|
||||||
|
"font_class": "font-size",
|
||||||
|
"unicode": "e829",
|
||||||
|
"unicode_decimal": 59433
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972901",
|
||||||
|
"name": "configuration",
|
||||||
|
"font_class": "configuration",
|
||||||
|
"unicode": "e82a",
|
||||||
|
"unicode_decimal": 59434
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972902",
|
||||||
|
"name": "import-excel",
|
||||||
|
"font_class": "import-excel",
|
||||||
|
"unicode": "e82b",
|
||||||
|
"unicode_decimal": 59435
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972903",
|
||||||
|
"name": "font-color",
|
||||||
|
"font_class": "font-color",
|
||||||
|
"unicode": "e82c",
|
||||||
|
"unicode_decimal": 59436
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972904",
|
||||||
|
"name": "merge-cell",
|
||||||
|
"font_class": "merge-cell",
|
||||||
|
"unicode": "e82d",
|
||||||
|
"unicode_decimal": 59437
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972905",
|
||||||
|
"name": "oblique-head",
|
||||||
|
"font_class": "oblique-head",
|
||||||
|
"unicode": "e82e",
|
||||||
|
"unicode_decimal": 59438
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972906",
|
||||||
|
"name": "page-preview",
|
||||||
|
"font_class": "page-preview",
|
||||||
|
"unicode": "e82f",
|
||||||
|
"unicode_decimal": 59439
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972907",
|
||||||
|
"name": "radar",
|
||||||
|
"font_class": "radar1",
|
||||||
|
"unicode": "e830",
|
||||||
|
"unicode_decimal": 59440
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972908",
|
||||||
|
"name": "polar-plot",
|
||||||
|
"font_class": "polar-plot",
|
||||||
|
"unicode": "e831",
|
||||||
|
"unicode_decimal": 59441
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972909",
|
||||||
|
"name": "pie",
|
||||||
|
"font_class": "pie1",
|
||||||
|
"unicode": "e832",
|
||||||
|
"unicode_decimal": 59442
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972910",
|
||||||
|
"name": "scatter",
|
||||||
|
"font_class": "scatter",
|
||||||
|
"unicode": "e833",
|
||||||
|
"unicode_decimal": 59443
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972911",
|
||||||
|
"name": "preview",
|
||||||
|
"font_class": "preview",
|
||||||
|
"unicode": "e834",
|
||||||
|
"unicode_decimal": 59444
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972912",
|
||||||
|
"name": "query-form",
|
||||||
|
"font_class": "query-form",
|
||||||
|
"unicode": "e835",
|
||||||
|
"unicode_decimal": 59445
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972913",
|
||||||
|
"name": "restore",
|
||||||
|
"font_class": "restore",
|
||||||
|
"unicode": "e836",
|
||||||
|
"unicode_decimal": 59446
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972914",
|
||||||
|
"name": "画板 16 副本 4",
|
||||||
|
"font_class": "huaban16fuben4",
|
||||||
|
"unicode": "e837",
|
||||||
|
"unicode_decimal": 59447
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972915",
|
||||||
|
"name": "undo",
|
||||||
|
"font_class": "undo",
|
||||||
|
"unicode": "e838",
|
||||||
|
"unicode_decimal": 59448
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972916",
|
||||||
|
"name": "画板 16 副本 5",
|
||||||
|
"font_class": "huaban16fuben5",
|
||||||
|
"unicode": "e839",
|
||||||
|
"unicode_decimal": 59449
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972917",
|
||||||
|
"name": "画板 16 副本 9",
|
||||||
|
"font_class": "huaban16fuben9",
|
||||||
|
"unicode": "e83a",
|
||||||
|
"unicode_decimal": 59450
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972918",
|
||||||
|
"name": "画板 16 副本 16",
|
||||||
|
"font_class": "huaban16fuben16",
|
||||||
|
"unicode": "e83b",
|
||||||
|
"unicode_decimal": 59451
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972919",
|
||||||
|
"name": "underline",
|
||||||
|
"font_class": "underline",
|
||||||
|
"unicode": "e83c",
|
||||||
|
"unicode_decimal": 59452
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972920",
|
||||||
|
"name": "画板 16 副本 8",
|
||||||
|
"font_class": "huaban16fuben8",
|
||||||
|
"unicode": "e83d",
|
||||||
|
"unicode_decimal": 59453
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972921",
|
||||||
|
"name": "画板 16 副本 15",
|
||||||
|
"font_class": "huaban16fuben15",
|
||||||
|
"unicode": "e83e",
|
||||||
|
"unicode_decimal": 59454
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972922",
|
||||||
|
"name": "画板 16 副本 6",
|
||||||
|
"font_class": "huaban16fuben6",
|
||||||
|
"unicode": "e83f",
|
||||||
|
"unicode_decimal": 59455
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972923",
|
||||||
|
"name": "italic",
|
||||||
|
"font_class": "italic",
|
||||||
|
"unicode": "e840",
|
||||||
|
"unicode_decimal": 59456
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972924",
|
||||||
|
"name": "画板 16 副本 18",
|
||||||
|
"font_class": "huaban16fuben18",
|
||||||
|
"unicode": "e841",
|
||||||
|
"unicode_decimal": 59457
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972925",
|
||||||
|
"name": "画板 16 副本 19",
|
||||||
|
"font_class": "huaban16fuben19",
|
||||||
|
"unicode": "e842",
|
||||||
|
"unicode_decimal": 59458
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972926",
|
||||||
|
"name": "画板 16 副本 20",
|
||||||
|
"font_class": "huaban16fuben20",
|
||||||
|
"unicode": "e843",
|
||||||
|
"unicode_decimal": 59459
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972927",
|
||||||
|
"name": "画板 16 副本 17",
|
||||||
|
"font_class": "huaban16fuben17",
|
||||||
|
"unicode": "e845",
|
||||||
|
"unicode_decimal": 59461
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972928",
|
||||||
|
"name": "画板 16 副本 7",
|
||||||
|
"font_class": "huaban16fuben7",
|
||||||
|
"unicode": "e846",
|
||||||
|
"unicode_decimal": 59462
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17972929",
|
||||||
|
"name": "picture",
|
||||||
|
"font_class": "picture",
|
||||||
|
"unicode": "e847",
|
||||||
|
"unicode_decimal": 59463
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17959200",
|
||||||
|
"name": "generator-annular",
|
||||||
|
"font_class": "doughnut",
|
||||||
|
"unicode": "e844",
|
||||||
|
"unicode_decimal": 59460
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17959201",
|
||||||
|
"name": "generator-bar",
|
||||||
|
"font_class": "column",
|
||||||
|
"unicode": "e84a",
|
||||||
|
"unicode_decimal": 59466
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17959202",
|
||||||
|
"name": "generator-function",
|
||||||
|
"font_class": "generator-function",
|
||||||
|
"unicode": "e84b",
|
||||||
|
"unicode_decimal": 59467
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17959203",
|
||||||
|
"name": "generator-Area",
|
||||||
|
"font_class": "area",
|
||||||
|
"unicode": "e84c",
|
||||||
|
"unicode_decimal": 59468
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17959204",
|
||||||
|
"name": "generator-line",
|
||||||
|
"font_class": "diagram",
|
||||||
|
"unicode": "e84d",
|
||||||
|
"unicode_decimal": 59469
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17959205",
|
||||||
|
"name": "generator-Panel",
|
||||||
|
"font_class": "generator-Panel",
|
||||||
|
"unicode": "e84e",
|
||||||
|
"unicode_decimal": 59470
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17959206",
|
||||||
|
"name": "generator-todo",
|
||||||
|
"font_class": "generator-todo",
|
||||||
|
"unicode": "e84f",
|
||||||
|
"unicode_decimal": 59471
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17959207",
|
||||||
|
"name": "generator-email",
|
||||||
|
"font_class": "generator-email",
|
||||||
|
"unicode": "e850",
|
||||||
|
"unicode_decimal": 59472
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17959208",
|
||||||
|
"name": "generator-notice",
|
||||||
|
"font_class": "generator-notice",
|
||||||
|
"unicode": "e851",
|
||||||
|
"unicode_decimal": 59473
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17959209",
|
||||||
|
"name": "generator-radar",
|
||||||
|
"font_class": "radar",
|
||||||
|
"unicode": "e852",
|
||||||
|
"unicode_decimal": 59474
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17959210",
|
||||||
|
"name": "generator-todolist",
|
||||||
|
"font_class": "generator-todolist",
|
||||||
|
"unicode": "e853",
|
||||||
|
"unicode_decimal": 59475
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17959211",
|
||||||
|
"name": "generator-pie",
|
||||||
|
"font_class": "pie",
|
||||||
|
"unicode": "e854",
|
||||||
|
"unicode_decimal": 59476
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "4933166",
|
||||||
|
"name": "删除",
|
||||||
|
"font_class": "shanchu",
|
||||||
|
"unicode": "e6cd",
|
||||||
|
"unicode_decimal": 59085
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "12316660",
|
||||||
|
"name": "编辑",
|
||||||
|
"font_class": "bianji",
|
||||||
|
"unicode": "e621",
|
||||||
|
"unicode_decimal": 58913
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17629723",
|
||||||
|
"name": "资源 5",
|
||||||
|
"font_class": "ziyuan5",
|
||||||
|
"unicode": "e805",
|
||||||
|
"unicode_decimal": 59397
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "17629726",
|
||||||
|
"name": "资源 8",
|
||||||
|
"font_class": "ziyuan8",
|
||||||
|
"unicode": "e808",
|
||||||
|
"unicode_decimal": 59400
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "7532081",
|
||||||
|
"name": "search",
|
||||||
|
"font_class": "search",
|
||||||
|
"unicode": "e60e",
|
||||||
|
"unicode_decimal": 58894
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"icon_id": "10147091",
|
||||||
|
"name": "add",
|
||||||
|
"font_class": "add",
|
||||||
|
"unicode": "e613",
|
||||||
|
"unicode_decimal": 58899
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
After Width: | Height: | Size: 84 KiB |
@ -0,0 +1,541 @@
|
|||||||
|
body {
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
overflow: hidden;
|
||||||
|
background-color: #ebeef5;
|
||||||
|
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track {
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
background-color: rgba(144, 147, 153, .3);
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track,
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
border-radius: 999px;
|
||||||
|
border: 5px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
min-height: 20px;
|
||||||
|
background-clip: content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-corner {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
html::-webkit-scrollbar,
|
||||||
|
body::-webkit-scrollbar,
|
||||||
|
#app::-webkit-scrollbar {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
input,
|
||||||
|
button,
|
||||||
|
a {
|
||||||
|
outline: 0 none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control {
|
||||||
|
box-shadow: none !important;
|
||||||
|
border: 1px solid #DCDFE6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-formitm {
|
||||||
|
line-height: 30px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-formitm .lab {
|
||||||
|
float: left;
|
||||||
|
width: 76px;
|
||||||
|
margin-right: -76px;
|
||||||
|
text-align: right;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-formitm .ipt {
|
||||||
|
margin-left: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-formitm-l {
|
||||||
|
line-height: 30px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-formitm-l .lab {
|
||||||
|
float: left;
|
||||||
|
width: 100px;
|
||||||
|
margin-right: -100px;
|
||||||
|
text-align: right;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.custom-formitm-l .ipt {
|
||||||
|
margin-left: 110px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#container {
|
||||||
|
/* min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex-box {
|
||||||
|
display: flex;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aside {
|
||||||
|
flex: 0 0 430px;
|
||||||
|
background-color: #fff;
|
||||||
|
border-left: solid 1px #dfe6ec;
|
||||||
|
height: calc(100vh - 60px);
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-toolbar {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
/*height: 60px;
|
||||||
|
line-height: 60px;*/
|
||||||
|
background-color: #fff;
|
||||||
|
border-bottom: 1px solid #dfe6ec;
|
||||||
|
padding: 0 20px;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-toolbar .logo {
|
||||||
|
height: 60px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-toolbar .logo img {
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
margin-right: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-toolbar .logo span {
|
||||||
|
display: inline-block;
|
||||||
|
line-height: 60px;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-toolbar .top-tools {
|
||||||
|
flex-grow: 1;
|
||||||
|
display: flex;
|
||||||
|
/* justify-content: center; */
|
||||||
|
align-items: center;
|
||||||
|
/*height: 40px;*/
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-toolbar .top-tools .tool-item {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
height: 40px;
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-toolbar .top-tools .tool-item.tool-item-line {
|
||||||
|
padding: 0;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-right: 10px;
|
||||||
|
display: inline-block;
|
||||||
|
height: 59px;
|
||||||
|
line-height: 24px;
|
||||||
|
border-left: 1px solid #e6e6e6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-toolbar .top-tools .tool-item .icon-ym {
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-toolbar .top-tools .btn.btn-default {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
padding: 0 10px;
|
||||||
|
height: 40px;
|
||||||
|
position: relative;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-toolbar .top-tools .btn.btn-default.btn-arrow-down {
|
||||||
|
padding: 0;
|
||||||
|
margin-right: 10px;
|
||||||
|
margin-left: 2px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-toolbar .top-tools .btn.btn-default.btn-custom-left {
|
||||||
|
padding: 0;
|
||||||
|
margin-left: 10px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 10;
|
||||||
|
line-height: 40px;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-toolbar .top-tools .btn.btn-default .icon-ym {
|
||||||
|
line-height: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-toolbar .top-tools .btn-group .btn.btn-default .icon-ym-report-icon-arrow-down {
|
||||||
|
line-height: 35px;
|
||||||
|
margin-left: 2px;
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-toolbar .options {
|
||||||
|
width: 200px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top-right-btns {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-body {
|
||||||
|
flex-grow: 1;
|
||||||
|
overflow-y: auto;
|
||||||
|
padding: 0;
|
||||||
|
height: calc(100vh - 60px);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-tools {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
/* flex: 60px 0 0;
|
||||||
|
height: 60px;
|
||||||
|
line-height: 60px;*/
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-container {
|
||||||
|
flex: 1 0 0;
|
||||||
|
overflow-y: auto;
|
||||||
|
padding: 10px 0 0 10px;
|
||||||
|
display: flex;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-wrap {
|
||||||
|
flex: 1 0 0;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.handsontable table.htCore {
|
||||||
|
border-collapse: collapse
|
||||||
|
}
|
||||||
|
|
||||||
|
.ud-toolbar {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ud-property-panel .jnpf-property {
|
||||||
|
height: calc(100vh - 100px);
|
||||||
|
overflow: hidden auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ud-select-color {
|
||||||
|
background: #000000;
|
||||||
|
position: absolute;
|
||||||
|
width: 20px;
|
||||||
|
height: 2px;
|
||||||
|
display: block;
|
||||||
|
left: 2px;
|
||||||
|
bottom: 10px;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ud-select-bgcolor {
|
||||||
|
position: absolute;
|
||||||
|
background: #fff;
|
||||||
|
width: 20px;
|
||||||
|
height: 2px;
|
||||||
|
display: block;
|
||||||
|
left: 2px;
|
||||||
|
bottom: 10px;
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-tabs {
|
||||||
|
display: flex;
|
||||||
|
text-align: center;
|
||||||
|
border-bottom: 1px solid #dfe6ec !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-tabs>li.active>a,
|
||||||
|
.nav-tabs>li.active>a:focus,
|
||||||
|
.nav-tabs>li.active>a:hover {
|
||||||
|
border: none;
|
||||||
|
background: none;
|
||||||
|
color: #1890ff;
|
||||||
|
border-bottom: 2px solid #1890ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-tabs>li {
|
||||||
|
float: none;
|
||||||
|
color: #303133;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-tabs>li>a {
|
||||||
|
border: none;
|
||||||
|
border-radius: 0;
|
||||||
|
color: #303133;
|
||||||
|
padding: 19px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-tabs>li>a:hover {
|
||||||
|
border: none;
|
||||||
|
background-color: #fff;
|
||||||
|
color: #1890ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-pane .ud-toolbar {
|
||||||
|
margin-top: 6px;
|
||||||
|
padding-left: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*数据源面板*/
|
||||||
|
.datasource-pannel .btns {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datasource-pannel i.ureport {
|
||||||
|
margin-right: 6px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datasource-pannel-tree {
|
||||||
|
height: calc(100vh - 160px);
|
||||||
|
overflow: hidden auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*弹窗*/
|
||||||
|
.data-report-modal {
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
min-width: 50%;
|
||||||
|
overflow: visible;
|
||||||
|
bottom: inherit;
|
||||||
|
right: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog {
|
||||||
|
width: 600px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog .modal-content {
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog .modal-header {
|
||||||
|
padding: 0 20px;
|
||||||
|
height: 56px;
|
||||||
|
line-height: 56px;
|
||||||
|
border-bottom: 1px solid #e8eaec;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog .modal-header .close {
|
||||||
|
margin-top: 16px;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog .modal-header .close i {
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #909399;
|
||||||
|
line-height: normal;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog .modal-header .close:hover i {
|
||||||
|
color: #1890ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog .modal-header .modal-title {
|
||||||
|
height: 56px;
|
||||||
|
line-height: 56px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog .modal-body {
|
||||||
|
padding: 20px 50px;
|
||||||
|
min-height: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog .modal-body .data-formitm {
|
||||||
|
padding: 20px 0 0;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog .modal-body .data-formitm .lab {
|
||||||
|
float: left;
|
||||||
|
width: 90px;
|
||||||
|
margin-right: -90px;
|
||||||
|
text-align: right;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog .modal-body .data-formitm .ipt {
|
||||||
|
margin-left: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog .modal-body .data-formitm .ipt * {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog .modal-body .row {
|
||||||
|
padding-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog .modal-footer {
|
||||||
|
border-top: 0;
|
||||||
|
padding: 10px 20px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu {
|
||||||
|
padding: 10px 0;
|
||||||
|
border: 1px solid #ebeef5;
|
||||||
|
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu>li>a {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu>li>a .icon-ym {
|
||||||
|
margin-right: 10px;
|
||||||
|
color: #666 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sql-dialog-sider {
|
||||||
|
width: 260px;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
height: 450px;
|
||||||
|
overflow: hidden auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sq-search-bar {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sq-search-bar .el-input__inner {
|
||||||
|
display: inline-block;
|
||||||
|
width: 188px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sql-dialog-sider .table {
|
||||||
|
font-size: 12px;
|
||||||
|
height: 200px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sql-dialog-main {
|
||||||
|
display: inline-block;
|
||||||
|
width: 580px;
|
||||||
|
margin-left: 10px;
|
||||||
|
height: 450px;
|
||||||
|
overflow: hidden auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*table*/
|
||||||
|
.el-table th,
|
||||||
|
.el-table td {
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-table th {
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 14px;
|
||||||
|
background-color: #f5f7fa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-table {
|
||||||
|
table-layout: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-table {
|
||||||
|
word-break: break-all;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
.editTxt,
|
||||||
|
.editTxt:hover {
|
||||||
|
color: #409eff;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.delTxt,
|
||||||
|
.delTxt:hover {
|
||||||
|
color: #f56c6c;
|
||||||
|
margin-left: 10px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-input--small .report-icon {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-button--mini .report-icon {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-fieldset {
|
||||||
|
padding: 10px;
|
||||||
|
width: 280px;
|
||||||
|
height: 398px;
|
||||||
|
border-radius: 6px;
|
||||||
|
display: inline-block;
|
||||||
|
border: 1px solid #dfe6ec;
|
||||||
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-fieldset-btn {
|
||||||
|
display: inline-block;
|
||||||
|
border: none;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-fieldset .form-group {
|
||||||
|
padding: 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-fieldset .form-group label {
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-fieldset .form-group label input {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
@ -0,0 +1,172 @@
|
|||||||
|
|
||||||
|
@font-face {font-family: "ureport";
|
||||||
|
src: url('iconfont.eot'); /* IE9*/
|
||||||
|
src: url('iconfont.ttf') format('truetype');
|
||||||
|
}
|
||||||
|
|
||||||
|
.ureport {
|
||||||
|
font-family:"ureport" !important;
|
||||||
|
font-size:16px;
|
||||||
|
font-style:normal;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ureport-setting:before { content: "\e603"; }
|
||||||
|
|
||||||
|
.ureport-plus:before { content: "\e608"; }
|
||||||
|
|
||||||
|
.ureport-shareconnection:before { content: "\e660"; }
|
||||||
|
|
||||||
|
.ureport-bar:before { content: "\e66b"; }
|
||||||
|
|
||||||
|
.ureport-bgcolor2:before { content: "\e76c"; }
|
||||||
|
|
||||||
|
.ureport-crosstab:before { content: "\e60b"; }
|
||||||
|
|
||||||
|
.ureport-subreport:before { content: "\e64f"; }
|
||||||
|
|
||||||
|
.ureport-barcode:before { content: "\e6f8"; }
|
||||||
|
|
||||||
|
.ureport-underline:before { content: "\e8ab"; }
|
||||||
|
|
||||||
|
.ureport-horizontal-bar:before { content: "\e62d"; }
|
||||||
|
|
||||||
|
.ureport-scatter:before { content: "\e632"; }
|
||||||
|
|
||||||
|
.ureport-sqlds:before { content: "\e6b6"; }
|
||||||
|
|
||||||
|
.ureport-qrcode:before { content: "\e72c"; }
|
||||||
|
|
||||||
|
.ureport-bgcolor:before { content: "\e62c"; }
|
||||||
|
|
||||||
|
.ureport-fontsize:before { content: "\e63f"; }
|
||||||
|
|
||||||
|
.ureport-fontfamily:before { content: "\e618"; }
|
||||||
|
|
||||||
|
.ureport-area:before { content: "\e9d7"; }
|
||||||
|
|
||||||
|
.ureport-italic:before { content: "\eb31"; }
|
||||||
|
|
||||||
|
.ureport-bold:before { content: "\e61f"; }
|
||||||
|
|
||||||
|
.ureport-minus:before { content: "\e60c"; }
|
||||||
|
|
||||||
|
.ureport-methodds:before { content: "\e69c"; }
|
||||||
|
|
||||||
|
.ureport-print1:before { content: "\e62a"; }
|
||||||
|
|
||||||
|
.ureport-database:before { content: "\e693"; }
|
||||||
|
|
||||||
|
.ureport-bubble:before { content: "\e6b0"; }
|
||||||
|
|
||||||
|
.ureport-x-xlsx:before { content: "\e690"; }
|
||||||
|
|
||||||
|
.ureport-copy:before { content: "\e62f"; }
|
||||||
|
|
||||||
|
.ureport-pie:before { content: "\e602"; }
|
||||||
|
|
||||||
|
.ureport-save:before { content: "\e86f"; }
|
||||||
|
|
||||||
|
.ureport-open:before { content: "\e624"; }
|
||||||
|
|
||||||
|
.ureport-deletecolumn:before { content: "\e6f3"; }
|
||||||
|
|
||||||
|
.ureport-deleterow:before { content: "\e6f4"; }
|
||||||
|
|
||||||
|
.ureport-insertrow:before { content: "\e754"; }
|
||||||
|
|
||||||
|
.ureport-property:before { content: "\e675"; }
|
||||||
|
|
||||||
|
.ureport-aligntop:before { content: "\e623"; }
|
||||||
|
|
||||||
|
.ureport-alignbottom:before { content: "\e625"; }
|
||||||
|
|
||||||
|
.ureport-alignmiddle:before { content: "\e627"; }
|
||||||
|
|
||||||
|
.ureport-clean:before { content: "\e628"; }
|
||||||
|
|
||||||
|
.ureport-forecolor:before { content: "\e670"; }
|
||||||
|
|
||||||
|
.ureport-footer-repeat:before { content: "\e62b"; }
|
||||||
|
|
||||||
|
.ureport-pdf:before { content: "\e68f"; }
|
||||||
|
|
||||||
|
.ureport-print:before { content: "\e633"; }
|
||||||
|
|
||||||
|
.ureport-first:before { content: "\e629"; }
|
||||||
|
|
||||||
|
.ureport-alignleft:before { content: "\e634"; }
|
||||||
|
|
||||||
|
.ureport-alignright:before { content: "\e639"; }
|
||||||
|
|
||||||
|
.ureport-merge:before { content: "\e63d"; }
|
||||||
|
|
||||||
|
.ureport-redo:before { content: "\e61c"; }
|
||||||
|
|
||||||
|
.ureport-mixchart:before { content: "\e669"; }
|
||||||
|
|
||||||
|
.ureport-import:before { content: "\e609"; }
|
||||||
|
|
||||||
|
.ureport-clean-content:before { content: "\e604"; }
|
||||||
|
|
||||||
|
.ureport-undo:before { content: "\e74a"; }
|
||||||
|
|
||||||
|
.ureport-title:before { content: "\e712"; }
|
||||||
|
|
||||||
|
.ureport-no-border:before { content: "\e600"; }
|
||||||
|
|
||||||
|
.ureport-aligncenter:before { content: "\e888"; }
|
||||||
|
|
||||||
|
.ureport-word:before { content: "\e605"; }
|
||||||
|
|
||||||
|
.ureport-summary:before { content: "\e749"; }
|
||||||
|
|
||||||
|
.ureport-doughnut:before { content: "\e88c"; }
|
||||||
|
|
||||||
|
.ureport-preview:before { content: "\e60f"; }
|
||||||
|
|
||||||
|
.ureport-clean-style:before { content: "\e64b"; }
|
||||||
|
|
||||||
|
.ureport-line:before { content: "\e695"; }
|
||||||
|
|
||||||
|
.ureport-leaf:before { content: "\e6bb"; }
|
||||||
|
|
||||||
|
.ureport-21print:before { content: "\e644"; }
|
||||||
|
|
||||||
|
.ureport-height:before { content: "\e610"; }
|
||||||
|
|
||||||
|
.ureport-radar:before { content: "\e671"; }
|
||||||
|
|
||||||
|
.ureport-image:before { content: "\e626"; }
|
||||||
|
|
||||||
|
.ureport-bottom-border:before { content: "\e61e"; }
|
||||||
|
|
||||||
|
.ureport-top-border:before { content: "\e61d"; }
|
||||||
|
|
||||||
|
.ureport-full-border:before { content: "\e620"; }
|
||||||
|
|
||||||
|
.ureport-left-border:before { content: "\e621"; }
|
||||||
|
|
||||||
|
.ureport-right-border:before { content: "\e622"; }
|
||||||
|
|
||||||
|
.ureport-next:before { content: "\e60d"; }
|
||||||
|
|
||||||
|
.ureport-prev:before { content: "\e606"; }
|
||||||
|
|
||||||
|
.ureport-pdf-printer:before { content: "\e607"; }
|
||||||
|
|
||||||
|
.ureport-forecolor1:before { content: "\e601"; }
|
||||||
|
|
||||||
|
.ureport-end:before { content: "\e60a"; }
|
||||||
|
|
||||||
|
.ureport-insert-column:before { content: "\e619"; }
|
||||||
|
|
||||||
|
.ureport-polar:before { content: "\e60e"; }
|
||||||
|
|
||||||
|
.ureport-width:before { content: "\e611"; }
|
||||||
|
|
||||||
|
.ureport-header-repeat:before { content: "\e696"; }
|
||||||
|
|
||||||
|
.ureport-paste:before { content: "\e612"; }
|
||||||
|
|
@ -0,0 +1,24 @@
|
|||||||
|
@media print {
|
||||||
|
.page-break{display: block; page-break-before: always; }
|
||||||
|
}
|
||||||
|
@page right {
|
||||||
|
@bottom-left {
|
||||||
|
margin: 10pt 0 30pt 0;
|
||||||
|
border-top: .25pt solid #666;
|
||||||
|
content: "我的报表";
|
||||||
|
font-size: 9pt;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
@bottom-right {
|
||||||
|
margin: 10pt 0 30pt 0;
|
||||||
|
border-top: .25pt solid #666;
|
||||||
|
content: "我的内容";
|
||||||
|
font-size: 9pt;
|
||||||
|
}
|
||||||
|
@top-right {
|
||||||
|
content: "测试报表";
|
||||||
|
margin: 30pt 0 10pt 0;
|
||||||
|
font-size: 9pt;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,587 @@
|
|||||||
|
/*!
|
||||||
|
* Bootstrap v3.3.7 (http://getbootstrap.com)
|
||||||
|
* Copyright 2011-2016 Twitter, Inc.
|
||||||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||||
|
*/
|
||||||
|
.btn-default,
|
||||||
|
.btn-primary,
|
||||||
|
.btn-success,
|
||||||
|
.btn-info,
|
||||||
|
.btn-warning,
|
||||||
|
.btn-danger {
|
||||||
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
|
||||||
|
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||||||
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
|
||||||
|
}
|
||||||
|
.btn-default:active,
|
||||||
|
.btn-primary:active,
|
||||||
|
.btn-success:active,
|
||||||
|
.btn-info:active,
|
||||||
|
.btn-warning:active,
|
||||||
|
.btn-danger:active,
|
||||||
|
.btn-default.active,
|
||||||
|
.btn-primary.active,
|
||||||
|
.btn-success.active,
|
||||||
|
.btn-info.active,
|
||||||
|
.btn-warning.active,
|
||||||
|
.btn-danger.active {
|
||||||
|
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||||||
|
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
|
||||||
|
}
|
||||||
|
.btn-default.disabled,
|
||||||
|
.btn-primary.disabled,
|
||||||
|
.btn-success.disabled,
|
||||||
|
.btn-info.disabled,
|
||||||
|
.btn-warning.disabled,
|
||||||
|
.btn-danger.disabled,
|
||||||
|
.btn-default[disabled],
|
||||||
|
.btn-primary[disabled],
|
||||||
|
.btn-success[disabled],
|
||||||
|
.btn-info[disabled],
|
||||||
|
.btn-warning[disabled],
|
||||||
|
.btn-danger[disabled],
|
||||||
|
fieldset[disabled] .btn-default,
|
||||||
|
fieldset[disabled] .btn-primary,
|
||||||
|
fieldset[disabled] .btn-success,
|
||||||
|
fieldset[disabled] .btn-info,
|
||||||
|
fieldset[disabled] .btn-warning,
|
||||||
|
fieldset[disabled] .btn-danger {
|
||||||
|
-webkit-box-shadow: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.btn-default .badge,
|
||||||
|
.btn-primary .badge,
|
||||||
|
.btn-success .badge,
|
||||||
|
.btn-info .badge,
|
||||||
|
.btn-warning .badge,
|
||||||
|
.btn-danger .badge {
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
.btn:active,
|
||||||
|
.btn.active {
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.btn-default {
|
||||||
|
text-shadow: 0 1px 0 #fff;
|
||||||
|
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
|
||||||
|
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-color: #dbdbdb;
|
||||||
|
border-color: #ccc;
|
||||||
|
}
|
||||||
|
.btn-default:hover,
|
||||||
|
.btn-default:focus {
|
||||||
|
background-color: #e0e0e0;
|
||||||
|
background-position: 0 -15px;
|
||||||
|
}
|
||||||
|
.btn-default:active,
|
||||||
|
.btn-default.active {
|
||||||
|
background-color: #e0e0e0;
|
||||||
|
border-color: #dbdbdb;
|
||||||
|
}
|
||||||
|
.btn-default.disabled,
|
||||||
|
.btn-default[disabled],
|
||||||
|
fieldset[disabled] .btn-default,
|
||||||
|
.btn-default.disabled:hover,
|
||||||
|
.btn-default[disabled]:hover,
|
||||||
|
fieldset[disabled] .btn-default:hover,
|
||||||
|
.btn-default.disabled:focus,
|
||||||
|
.btn-default[disabled]:focus,
|
||||||
|
fieldset[disabled] .btn-default:focus,
|
||||||
|
.btn-default.disabled.focus,
|
||||||
|
.btn-default[disabled].focus,
|
||||||
|
fieldset[disabled] .btn-default.focus,
|
||||||
|
.btn-default.disabled:active,
|
||||||
|
.btn-default[disabled]:active,
|
||||||
|
fieldset[disabled] .btn-default:active,
|
||||||
|
.btn-default.disabled.active,
|
||||||
|
.btn-default[disabled].active,
|
||||||
|
fieldset[disabled] .btn-default.active {
|
||||||
|
background-color: #e0e0e0;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.btn-primary {
|
||||||
|
background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
|
||||||
|
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-color: #245580;
|
||||||
|
}
|
||||||
|
.btn-primary:hover,
|
||||||
|
.btn-primary:focus {
|
||||||
|
background-color: #265a88;
|
||||||
|
background-position: 0 -15px;
|
||||||
|
}
|
||||||
|
.btn-primary:active,
|
||||||
|
.btn-primary.active {
|
||||||
|
background-color: #265a88;
|
||||||
|
border-color: #245580;
|
||||||
|
}
|
||||||
|
.btn-primary.disabled,
|
||||||
|
.btn-primary[disabled],
|
||||||
|
fieldset[disabled] .btn-primary,
|
||||||
|
.btn-primary.disabled:hover,
|
||||||
|
.btn-primary[disabled]:hover,
|
||||||
|
fieldset[disabled] .btn-primary:hover,
|
||||||
|
.btn-primary.disabled:focus,
|
||||||
|
.btn-primary[disabled]:focus,
|
||||||
|
fieldset[disabled] .btn-primary:focus,
|
||||||
|
.btn-primary.disabled.focus,
|
||||||
|
.btn-primary[disabled].focus,
|
||||||
|
fieldset[disabled] .btn-primary.focus,
|
||||||
|
.btn-primary.disabled:active,
|
||||||
|
.btn-primary[disabled]:active,
|
||||||
|
fieldset[disabled] .btn-primary:active,
|
||||||
|
.btn-primary.disabled.active,
|
||||||
|
.btn-primary[disabled].active,
|
||||||
|
fieldset[disabled] .btn-primary.active {
|
||||||
|
background-color: #265a88;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.btn-success {
|
||||||
|
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
|
||||||
|
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-color: #3e8f3e;
|
||||||
|
}
|
||||||
|
.btn-success:hover,
|
||||||
|
.btn-success:focus {
|
||||||
|
background-color: #419641;
|
||||||
|
background-position: 0 -15px;
|
||||||
|
}
|
||||||
|
.btn-success:active,
|
||||||
|
.btn-success.active {
|
||||||
|
background-color: #419641;
|
||||||
|
border-color: #3e8f3e;
|
||||||
|
}
|
||||||
|
.btn-success.disabled,
|
||||||
|
.btn-success[disabled],
|
||||||
|
fieldset[disabled] .btn-success,
|
||||||
|
.btn-success.disabled:hover,
|
||||||
|
.btn-success[disabled]:hover,
|
||||||
|
fieldset[disabled] .btn-success:hover,
|
||||||
|
.btn-success.disabled:focus,
|
||||||
|
.btn-success[disabled]:focus,
|
||||||
|
fieldset[disabled] .btn-success:focus,
|
||||||
|
.btn-success.disabled.focus,
|
||||||
|
.btn-success[disabled].focus,
|
||||||
|
fieldset[disabled] .btn-success.focus,
|
||||||
|
.btn-success.disabled:active,
|
||||||
|
.btn-success[disabled]:active,
|
||||||
|
fieldset[disabled] .btn-success:active,
|
||||||
|
.btn-success.disabled.active,
|
||||||
|
.btn-success[disabled].active,
|
||||||
|
fieldset[disabled] .btn-success.active {
|
||||||
|
background-color: #419641;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.btn-info {
|
||||||
|
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
|
||||||
|
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-color: #28a4c9;
|
||||||
|
}
|
||||||
|
.btn-info:hover,
|
||||||
|
.btn-info:focus {
|
||||||
|
background-color: #2aabd2;
|
||||||
|
background-position: 0 -15px;
|
||||||
|
}
|
||||||
|
.btn-info:active,
|
||||||
|
.btn-info.active {
|
||||||
|
background-color: #2aabd2;
|
||||||
|
border-color: #28a4c9;
|
||||||
|
}
|
||||||
|
.btn-info.disabled,
|
||||||
|
.btn-info[disabled],
|
||||||
|
fieldset[disabled] .btn-info,
|
||||||
|
.btn-info.disabled:hover,
|
||||||
|
.btn-info[disabled]:hover,
|
||||||
|
fieldset[disabled] .btn-info:hover,
|
||||||
|
.btn-info.disabled:focus,
|
||||||
|
.btn-info[disabled]:focus,
|
||||||
|
fieldset[disabled] .btn-info:focus,
|
||||||
|
.btn-info.disabled.focus,
|
||||||
|
.btn-info[disabled].focus,
|
||||||
|
fieldset[disabled] .btn-info.focus,
|
||||||
|
.btn-info.disabled:active,
|
||||||
|
.btn-info[disabled]:active,
|
||||||
|
fieldset[disabled] .btn-info:active,
|
||||||
|
.btn-info.disabled.active,
|
||||||
|
.btn-info[disabled].active,
|
||||||
|
fieldset[disabled] .btn-info.active {
|
||||||
|
background-color: #2aabd2;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.btn-warning {
|
||||||
|
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
|
||||||
|
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-color: #e38d13;
|
||||||
|
}
|
||||||
|
.btn-warning:hover,
|
||||||
|
.btn-warning:focus {
|
||||||
|
background-color: #eb9316;
|
||||||
|
background-position: 0 -15px;
|
||||||
|
}
|
||||||
|
.btn-warning:active,
|
||||||
|
.btn-warning.active {
|
||||||
|
background-color: #eb9316;
|
||||||
|
border-color: #e38d13;
|
||||||
|
}
|
||||||
|
.btn-warning.disabled,
|
||||||
|
.btn-warning[disabled],
|
||||||
|
fieldset[disabled] .btn-warning,
|
||||||
|
.btn-warning.disabled:hover,
|
||||||
|
.btn-warning[disabled]:hover,
|
||||||
|
fieldset[disabled] .btn-warning:hover,
|
||||||
|
.btn-warning.disabled:focus,
|
||||||
|
.btn-warning[disabled]:focus,
|
||||||
|
fieldset[disabled] .btn-warning:focus,
|
||||||
|
.btn-warning.disabled.focus,
|
||||||
|
.btn-warning[disabled].focus,
|
||||||
|
fieldset[disabled] .btn-warning.focus,
|
||||||
|
.btn-warning.disabled:active,
|
||||||
|
.btn-warning[disabled]:active,
|
||||||
|
fieldset[disabled] .btn-warning:active,
|
||||||
|
.btn-warning.disabled.active,
|
||||||
|
.btn-warning[disabled].active,
|
||||||
|
fieldset[disabled] .btn-warning.active {
|
||||||
|
background-color: #eb9316;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.btn-danger {
|
||||||
|
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
|
||||||
|
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-color: #b92c28;
|
||||||
|
}
|
||||||
|
.btn-danger:hover,
|
||||||
|
.btn-danger:focus {
|
||||||
|
background-color: #c12e2a;
|
||||||
|
background-position: 0 -15px;
|
||||||
|
}
|
||||||
|
.btn-danger:active,
|
||||||
|
.btn-danger.active {
|
||||||
|
background-color: #c12e2a;
|
||||||
|
border-color: #b92c28;
|
||||||
|
}
|
||||||
|
.btn-danger.disabled,
|
||||||
|
.btn-danger[disabled],
|
||||||
|
fieldset[disabled] .btn-danger,
|
||||||
|
.btn-danger.disabled:hover,
|
||||||
|
.btn-danger[disabled]:hover,
|
||||||
|
fieldset[disabled] .btn-danger:hover,
|
||||||
|
.btn-danger.disabled:focus,
|
||||||
|
.btn-danger[disabled]:focus,
|
||||||
|
fieldset[disabled] .btn-danger:focus,
|
||||||
|
.btn-danger.disabled.focus,
|
||||||
|
.btn-danger[disabled].focus,
|
||||||
|
fieldset[disabled] .btn-danger.focus,
|
||||||
|
.btn-danger.disabled:active,
|
||||||
|
.btn-danger[disabled]:active,
|
||||||
|
fieldset[disabled] .btn-danger:active,
|
||||||
|
.btn-danger.disabled.active,
|
||||||
|
.btn-danger[disabled].active,
|
||||||
|
fieldset[disabled] .btn-danger.active {
|
||||||
|
background-color: #c12e2a;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
.thumbnail,
|
||||||
|
.img-thumbnail {
|
||||||
|
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||||
|
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||||
|
}
|
||||||
|
.dropdown-menu > li > a:hover,
|
||||||
|
.dropdown-menu > li > a:focus {
|
||||||
|
background-color: #e8e8e8;
|
||||||
|
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
|
||||||
|
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
.dropdown-menu > .active > a,
|
||||||
|
.dropdown-menu > .active > a:hover,
|
||||||
|
.dropdown-menu > .active > a:focus {
|
||||||
|
background-color: #2e6da4;
|
||||||
|
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
||||||
|
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
.navbar-default {
|
||||||
|
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
|
||||||
|
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-radius: 4px;
|
||||||
|
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
|
||||||
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
|
||||||
|
}
|
||||||
|
.navbar-default .navbar-nav > .open > a,
|
||||||
|
.navbar-default .navbar-nav > .active > a {
|
||||||
|
background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
|
||||||
|
background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
|
||||||
|
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
|
||||||
|
}
|
||||||
|
.navbar-brand,
|
||||||
|
.navbar-nav > li > a {
|
||||||
|
text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
|
||||||
|
}
|
||||||
|
.navbar-inverse {
|
||||||
|
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
|
||||||
|
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.navbar-inverse .navbar-nav > .open > a,
|
||||||
|
.navbar-inverse .navbar-nav > .active > a {
|
||||||
|
background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
|
||||||
|
background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
|
||||||
|
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
|
||||||
|
}
|
||||||
|
.navbar-inverse .navbar-brand,
|
||||||
|
.navbar-inverse .navbar-nav > li > a {
|
||||||
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
|
||||||
|
}
|
||||||
|
.navbar-static-top,
|
||||||
|
.navbar-fixed-top,
|
||||||
|
.navbar-fixed-bottom {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.navbar .navbar-nav .open .dropdown-menu > .active > a,
|
||||||
|
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
|
||||||
|
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
|
||||||
|
color: #fff;
|
||||||
|
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
||||||
|
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.alert {
|
||||||
|
text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
|
||||||
|
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
|
||||||
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
|
||||||
|
}
|
||||||
|
.alert-success {
|
||||||
|
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
|
||||||
|
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-color: #b2dba1;
|
||||||
|
}
|
||||||
|
.alert-info {
|
||||||
|
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
|
||||||
|
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-color: #9acfea;
|
||||||
|
}
|
||||||
|
.alert-warning {
|
||||||
|
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
|
||||||
|
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-color: #f5e79e;
|
||||||
|
}
|
||||||
|
.alert-danger {
|
||||||
|
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
|
||||||
|
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-color: #dca7a7;
|
||||||
|
}
|
||||||
|
.progress {
|
||||||
|
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
|
||||||
|
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
.progress-bar {
|
||||||
|
background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
|
||||||
|
background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
.progress-bar-success {
|
||||||
|
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
|
||||||
|
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
.progress-bar-info {
|
||||||
|
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
|
||||||
|
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
.progress-bar-warning {
|
||||||
|
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
|
||||||
|
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
.progress-bar-danger {
|
||||||
|
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
|
||||||
|
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
.progress-bar-striped {
|
||||||
|
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||||
|
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||||
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
||||||
|
}
|
||||||
|
.list-group {
|
||||||
|
border-radius: 4px;
|
||||||
|
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||||
|
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
|
||||||
|
}
|
||||||
|
.list-group-item.active,
|
||||||
|
.list-group-item.active:hover,
|
||||||
|
.list-group-item.active:focus {
|
||||||
|
text-shadow: 0 -1px 0 #286090;
|
||||||
|
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
|
||||||
|
background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-color: #2b669a;
|
||||||
|
}
|
||||||
|
.list-group-item.active .badge,
|
||||||
|
.list-group-item.active:hover .badge,
|
||||||
|
.list-group-item.active:focus .badge {
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
.panel {
|
||||||
|
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
|
||||||
|
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
|
||||||
|
}
|
||||||
|
.panel-default > .panel-heading {
|
||||||
|
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
|
||||||
|
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
.panel-primary > .panel-heading {
|
||||||
|
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
|
||||||
|
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
.panel-success > .panel-heading {
|
||||||
|
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
|
||||||
|
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
.panel-info > .panel-heading {
|
||||||
|
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
|
||||||
|
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
.panel-warning > .panel-heading {
|
||||||
|
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
|
||||||
|
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
.panel-danger > .panel-heading {
|
||||||
|
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
|
||||||
|
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
.well {
|
||||||
|
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
||||||
|
background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
|
||||||
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
|
||||||
|
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
|
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
border-color: #dcdcdc;
|
||||||
|
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
|
||||||
|
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
|
||||||
|
}
|
||||||
|
/*# sourceMappingURL=bootstrap-theme.css.map */
|
@ -0,0 +1,207 @@
|
|||||||
|
body {
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
background-color: #ebeef5;
|
||||||
|
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track {
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
background-color: rgba(144, 147, 153, .3);
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track,
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
border-radius: 999px;
|
||||||
|
border: 5px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
min-height: 20px;
|
||||||
|
background-clip: content-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-corner {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
html::-webkit-scrollbar,
|
||||||
|
body::-webkit-scrollbar,
|
||||||
|
#app::-webkit-scrollbar {
|
||||||
|
width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*弹窗*/
|
||||||
|
.data-report-modal {
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
min-width: 50%;
|
||||||
|
overflow: visible;
|
||||||
|
bottom: inherit;
|
||||||
|
right: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-report-modal .modal-dialog .modal-content {
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-report-modal .modal-dialog .modal-header {
|
||||||
|
padding: 0 20px;
|
||||||
|
height: 56px;
|
||||||
|
line-height: 56px;
|
||||||
|
border-bottom: 1px solid #e8eaec;
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-report-modal .modal-dialog .modal-header .close {
|
||||||
|
margin-top: 16px;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-report-modal .modal-dialog .modal-header .close i {
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #909399;
|
||||||
|
line-height: normal;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-report-modal .modal-dialog .modal-header .close:hover i {
|
||||||
|
color: #1890ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-report-modal .modal-dialog .modal-header .modal-title {
|
||||||
|
height: 56px;
|
||||||
|
line-height: 56px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
height: 60px;
|
||||||
|
line-height: 60px;
|
||||||
|
background-color: #fff;
|
||||||
|
border-bottom: 1px solid #dfe6ec;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .tools {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 60px;
|
||||||
|
text-align: center;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
/* justify-content: center; */
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .tools a {
|
||||||
|
color: #666;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .tools .pageNum {
|
||||||
|
color: #666;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .tools .tool-icon {
|
||||||
|
margin: 0 10px;
|
||||||
|
cursor: pointer;
|
||||||
|
height: 40px;
|
||||||
|
padding: 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .tools .tool-icon:hover {
|
||||||
|
background-color: #d4d4d4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .tools .tool-icon.tool-line {
|
||||||
|
display: inline-block;
|
||||||
|
height: 60px;
|
||||||
|
border-left: 1px solid #dfe6ec;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header .tools .tool-icon img {
|
||||||
|
width: 28px;
|
||||||
|
height: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* .header .pageLinkContainer .tool-icon {
|
||||||
|
width: 25px;
|
||||||
|
height: 25px;
|
||||||
|
color: #000;
|
||||||
|
} */
|
||||||
|
.header .pageLinkContainer {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.header .pageLinkContainer .pageNum {
|
||||||
|
font-style: normal;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 60px;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.options {
|
||||||
|
position: absolute;
|
||||||
|
right: 20px;
|
||||||
|
height: 60px;
|
||||||
|
width: 70px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview-bd {
|
||||||
|
/* padding: 10px 0 0; */
|
||||||
|
background-color: #fff;
|
||||||
|
height: calc(100vh - 60px);
|
||||||
|
overflow: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview-bd ._ureport_table {
|
||||||
|
padding: 20px;
|
||||||
|
display: inline-block;
|
||||||
|
background-color: #fff;
|
||||||
|
/* border: 1px solid #dfe6ec; */
|
||||||
|
min-height: calc(100vh - 120px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pdfclose {
|
||||||
|
font-weight: 200;
|
||||||
|
color: #909399;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pdfclose:hover {
|
||||||
|
color: #1890ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview-bd ._ureport_table_form {
|
||||||
|
background-color: #fff;
|
||||||
|
padding: 10px;
|
||||||
|
/* margin-bottom: 10px; */
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 750px) {
|
||||||
|
.small-screen {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,233 @@
|
|||||||
|
/*
|
||||||
|
* Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
|
||||||
|
* please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
|
||||||
|
* make sure you copy the url from the website since the url may change between versions.
|
||||||
|
* */
|
||||||
|
.toast-title {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.toast-message {
|
||||||
|
-ms-word-wrap: break-word;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
.toast-message a,
|
||||||
|
.toast-message label {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
.toast-message a:hover {
|
||||||
|
color: #CCCCCC;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.toast-close-button {
|
||||||
|
position: relative;
|
||||||
|
right: -0.3em;
|
||||||
|
top: -0.3em;
|
||||||
|
float: right;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #FFFFFF;
|
||||||
|
-webkit-text-shadow: 0 1px 0 #ffffff;
|
||||||
|
text-shadow: 0 1px 0 #ffffff;
|
||||||
|
opacity: 0.8;
|
||||||
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
||||||
|
filter: alpha(opacity=80);
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.toast-close-button:hover,
|
||||||
|
.toast-close-button:focus {
|
||||||
|
color: #000000;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
opacity: 0.4;
|
||||||
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
||||||
|
filter: alpha(opacity=40);
|
||||||
|
}
|
||||||
|
.rtl .toast-close-button {
|
||||||
|
left: -0.3em;
|
||||||
|
float: left;
|
||||||
|
right: 0.3em;
|
||||||
|
}
|
||||||
|
/*Additional properties for button version
|
||||||
|
iOS requires the button element instead of an anchor tag.
|
||||||
|
If you want the anchor version, it requires `href="#"`.*/
|
||||||
|
button.toast-close-button {
|
||||||
|
padding: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
background: transparent;
|
||||||
|
border: 0;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
.toast-top-center {
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.toast-bottom-center {
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.toast-top-full-width {
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.toast-bottom-full-width {
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.toast-top-left {
|
||||||
|
top: 12px;
|
||||||
|
left: 12px;
|
||||||
|
}
|
||||||
|
.toast-top-right {
|
||||||
|
top: 12px;
|
||||||
|
right: 12px;
|
||||||
|
}
|
||||||
|
.toast-bottom-right {
|
||||||
|
right: 12px;
|
||||||
|
bottom: 12px;
|
||||||
|
}
|
||||||
|
.toast-bottom-left {
|
||||||
|
bottom: 12px;
|
||||||
|
left: 12px;
|
||||||
|
}
|
||||||
|
#toast-container {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 999999;
|
||||||
|
pointer-events: none;
|
||||||
|
/*overrides*/
|
||||||
|
}
|
||||||
|
#toast-container * {
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
#toast-container > div {
|
||||||
|
position: relative;
|
||||||
|
pointer-events: auto;
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 0 0 6px;
|
||||||
|
padding: 15px 15px 15px 50px;
|
||||||
|
width: 300px;
|
||||||
|
-moz-border-radius: 3px 3px 3px 3px;
|
||||||
|
-webkit-border-radius: 3px 3px 3px 3px;
|
||||||
|
border-radius: 3px 3px 3px 3px;
|
||||||
|
background-position: 15px center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
-moz-box-shadow: 0 0 12px #999999;
|
||||||
|
-webkit-box-shadow: 0 0 12px #999999;
|
||||||
|
box-shadow: 0 0 12px #999999;
|
||||||
|
color: #FFFFFF;
|
||||||
|
opacity: 0.8;
|
||||||
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
||||||
|
filter: alpha(opacity=80);
|
||||||
|
}
|
||||||
|
#toast-container > div.rtl {
|
||||||
|
direction: rtl;
|
||||||
|
padding: 15px 50px 15px 15px;
|
||||||
|
background-position: right 15px center;
|
||||||
|
}
|
||||||
|
#toast-container > div:hover {
|
||||||
|
-moz-box-shadow: 0 0 12px #000000;
|
||||||
|
-webkit-box-shadow: 0 0 12px #000000;
|
||||||
|
box-shadow: 0 0 12px #000000;
|
||||||
|
opacity: 1;
|
||||||
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||||
|
filter: alpha(opacity=100);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
#toast-container > .toast-info {
|
||||||
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
|
||||||
|
}
|
||||||
|
#toast-container > .toast-error {
|
||||||
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
|
||||||
|
}
|
||||||
|
#toast-container > .toast-success {
|
||||||
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
|
||||||
|
}
|
||||||
|
#toast-container > .toast-warning {
|
||||||
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
|
||||||
|
}
|
||||||
|
#toast-container.toast-top-center > div,
|
||||||
|
#toast-container.toast-bottom-center > div {
|
||||||
|
width: 300px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
#toast-container.toast-top-full-width > div,
|
||||||
|
#toast-container.toast-bottom-full-width > div {
|
||||||
|
width: 96%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
.toast {
|
||||||
|
background-color: #030303;
|
||||||
|
}
|
||||||
|
.toast-success {
|
||||||
|
background-color: #51A351;
|
||||||
|
}
|
||||||
|
.toast-error {
|
||||||
|
background-color: #BD362F;
|
||||||
|
}
|
||||||
|
.toast-info {
|
||||||
|
background-color: #2F96B4;
|
||||||
|
}
|
||||||
|
.toast-warning {
|
||||||
|
background-color: #F89406;
|
||||||
|
}
|
||||||
|
.toast-progress {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
height: 4px;
|
||||||
|
background-color: #000000;
|
||||||
|
opacity: 0.4;
|
||||||
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
||||||
|
filter: alpha(opacity=40);
|
||||||
|
}
|
||||||
|
/*Responsive Design*/
|
||||||
|
@media all and (max-width: 240px) {
|
||||||
|
#toast-container > div {
|
||||||
|
padding: 8px 8px 8px 50px;
|
||||||
|
width: 11em;
|
||||||
|
}
|
||||||
|
#toast-container > div.rtl {
|
||||||
|
padding: 8px 50px 8px 8px;
|
||||||
|
}
|
||||||
|
#toast-container .toast-close-button {
|
||||||
|
right: -0.2em;
|
||||||
|
top: -0.2em;
|
||||||
|
}
|
||||||
|
#toast-container .rtl .toast-close-button {
|
||||||
|
left: -0.2em;
|
||||||
|
right: 0.2em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media all and (min-width: 241px) and (max-width: 480px) {
|
||||||
|
#toast-container > div {
|
||||||
|
padding: 8px 8px 8px 50px;
|
||||||
|
width: 18em;
|
||||||
|
}
|
||||||
|
#toast-container > div.rtl {
|
||||||
|
padding: 8px 50px 8px 8px;
|
||||||
|
}
|
||||||
|
#toast-container .toast-close-button {
|
||||||
|
right: -0.2em;
|
||||||
|
top: -0.2em;
|
||||||
|
}
|
||||||
|
#toast-container .rtl .toast-close-button {
|
||||||
|
left: -0.2em;
|
||||||
|
right: 0.2em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media all and (min-width: 481px) and (max-width: 768px) {
|
||||||
|
#toast-container > div {
|
||||||
|
padding: 15px 15px 15px 50px;
|
||||||
|
width: 25em;
|
||||||
|
}
|
||||||
|
#toast-container > div.rtl {
|
||||||
|
padding: 15px 50px 15px 15px;
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,251 @@
|
|||||||
|
/*
|
||||||
|
* Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
|
||||||
|
* please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
|
||||||
|
* make sure you copy the url from the website since the url may change between versions.
|
||||||
|
* */
|
||||||
|
.toast-title {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-message {
|
||||||
|
-ms-word-wrap: break-word;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-message a,
|
||||||
|
.toast-message label {
|
||||||
|
color: #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-message a:hover {
|
||||||
|
color: #CCCCCC;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-close-button {
|
||||||
|
position: relative;
|
||||||
|
right: -0.3em;
|
||||||
|
top: -0.3em;
|
||||||
|
float: right;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #FFFFFF;
|
||||||
|
-webkit-text-shadow: 0 1px 0 #ffffff;
|
||||||
|
text-shadow: 0 1px 0 #ffffff;
|
||||||
|
opacity: 0.8;
|
||||||
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
||||||
|
filter: alpha(opacity=80);
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-close-button:hover,
|
||||||
|
.toast-close-button:focus {
|
||||||
|
color: #000000;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
opacity: 0.4;
|
||||||
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
||||||
|
filter: alpha(opacity=40);
|
||||||
|
}
|
||||||
|
|
||||||
|
.rtl .toast-close-button {
|
||||||
|
left: -0.3em;
|
||||||
|
float: left;
|
||||||
|
right: 0.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Additional properties for button version
|
||||||
|
iOS requires the button element instead of an anchor tag.
|
||||||
|
If you want the anchor version, it requires `href="#"`.*/
|
||||||
|
button.toast-close-button {
|
||||||
|
padding: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
background: transparent;
|
||||||
|
border: 0;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-top-center {
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-bottom-center {
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-top-full-width {
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-bottom-full-width {
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-top-left {
|
||||||
|
top: 12px;
|
||||||
|
left: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-top-right {
|
||||||
|
top: 12px;
|
||||||
|
right: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-bottom-right {
|
||||||
|
right: 12px;
|
||||||
|
bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-bottom-left {
|
||||||
|
bottom: 12px;
|
||||||
|
left: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toast-container {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 999999;
|
||||||
|
pointer-events: none;
|
||||||
|
/*overrides*/
|
||||||
|
}
|
||||||
|
|
||||||
|
#toast-container * {
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toast-container>div {
|
||||||
|
position: relative;
|
||||||
|
pointer-events: auto;
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 0 0 6px;
|
||||||
|
padding: 8px 15px 8px 40px;
|
||||||
|
width: 300px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
background-position: 15px center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toast-container>div.rtl {
|
||||||
|
direction: rtl;
|
||||||
|
padding: 15px 50px 15px 15px;
|
||||||
|
background-position: right 15px center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toast-container.toast-top-center>div,
|
||||||
|
#toast-container.toast-bottom-center>div {
|
||||||
|
width: 300px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toast-container.toast-top-full-width>div,
|
||||||
|
#toast-container.toast-bottom-full-width>div {
|
||||||
|
width: 96%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast {
|
||||||
|
background-color: #030303;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-success {
|
||||||
|
background: url('./../icons/success.png') #f0f9eb no-repeat;
|
||||||
|
border: 1px solid #e1f3d8;
|
||||||
|
color: #67c23a !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-error {
|
||||||
|
background: url('./../icons/error.png') #fef0f0 no-repeat;
|
||||||
|
border: 1px solid #fde2e2;
|
||||||
|
color: #f56c6c !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-info {
|
||||||
|
background-color: #e6f7ff;
|
||||||
|
border: 1px solid #ebeef5;
|
||||||
|
color: #909399 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-warning {
|
||||||
|
background-color: #fffbe6;
|
||||||
|
border: 1px solid #faecd8;
|
||||||
|
color: #e6a23c !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toast-progress {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
height: 4px;
|
||||||
|
background-color: #000000;
|
||||||
|
opacity: 0.4;
|
||||||
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
||||||
|
filter: alpha(opacity=40);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Responsive Design*/
|
||||||
|
@media all and (max-width: 240px) {
|
||||||
|
#toast-container>div {
|
||||||
|
padding: 8px 8px 8px 50px;
|
||||||
|
width: 11em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toast-container>div.rtl {
|
||||||
|
padding: 8px 50px 8px 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toast-container .toast-close-button {
|
||||||
|
right: -0.2em;
|
||||||
|
top: -0.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toast-container .rtl .toast-close-button {
|
||||||
|
left: -0.2em;
|
||||||
|
right: 0.2em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 241px) and (max-width: 480px) {
|
||||||
|
#toast-container>div {
|
||||||
|
padding: 8px 8px 8px 50px;
|
||||||
|
width: 18em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toast-container>div.rtl {
|
||||||
|
padding: 8px 50px 8px 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toast-container .toast-close-button {
|
||||||
|
right: -0.2em;
|
||||||
|
top: -0.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toast-container .rtl .toast-close-button {
|
||||||
|
left: -0.2em;
|
||||||
|
right: 0.2em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media all and (min-width: 481px) and (max-width: 768px) {
|
||||||
|
#toast-container>div {
|
||||||
|
padding: 15px 15px 15px 50px;
|
||||||
|
width: 25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#toast-container>div.rtl {
|
||||||
|
padding: 15px 50px 15px 15px;
|
||||||
|
}
|
||||||
|
}
|
After Width: | Height: | Size: 106 KiB |
After Width: | Height: | Size: 892 B |
After Width: | Height: | Size: 520 B |
After Width: | Height: | Size: 407 B |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 793 B |
After Width: | Height: | Size: 793 B |
After Width: | Height: | Size: 797 B |
After Width: | Height: | Size: 793 B |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 842 B |
After Width: | Height: | Size: 528 B |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 3.1 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 762 B |
After Width: | Height: | Size: 719 B |
After Width: | Height: | Size: 710 B |
After Width: | Height: | Size: 695 B |
After Width: | Height: | Size: 3.1 KiB |
After Width: | Height: | Size: 3.1 KiB |
After Width: | Height: | Size: 2.5 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 3.6 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 842 B |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 344 B |
After Width: | Height: | Size: 2.2 KiB |
@ -0,0 +1,41 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>LINKAGE-数据报表</title>
|
||||||
|
<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
|
||||||
|
<link href="./css/ele.css" rel="stylesheet" type="text/css"/>
|
||||||
|
<link href="./css/handsontable.min.css" rel="stylesheet" type="text/css"/>
|
||||||
|
<link href="./css/toastr.min.css" rel="stylesheet" type="text/css"/>
|
||||||
|
<script type="text/javascript" src="./venderjs/jquery.min.js"></script>
|
||||||
|
<script type="text/javascript" src="./venderjs/jquery.contextMenu.min.js"></script>
|
||||||
|
<script type="text/javascript" src="./venderjs/completer.min.js"></script>
|
||||||
|
<script type="text/javascript" src="./venderjs/bootstrap-colorpicker.min.js"></script>
|
||||||
|
<script type="text/javascript" src="./js/common.bundle.js"></script>
|
||||||
|
<script type="text/javascript" src="./js/toastr.min.js"></script>
|
||||||
|
<link rel="icon" href="favicon.ico">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<div id='container'></div>
|
||||||
|
<script type="text/javascript">
|
||||||
|
// 报表接口
|
||||||
|
window._server = "http://localhost:30007";
|
||||||
|
// 报表前端
|
||||||
|
window._contextPath = "http://localhost:8200";
|
||||||
|
// 主项目接口地址
|
||||||
|
window._mainServer = "http://localhost:30000";
|
||||||
|
|
||||||
|
// 报表接口
|
||||||
|
// window._server = "http://192.168.0.18:9005";
|
||||||
|
// 报表前端
|
||||||
|
// window._contextPath = "http://localhost:8200";
|
||||||
|
// 主项目接口地址
|
||||||
|
// window._mainServer = "http://192.168.0.18:7005";
|
||||||
|
</script>
|
||||||
|
<script type="text/javascript" src="./js/designer.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 2.0 KiB |
After Width: | Height: | Size: 1.8 KiB |
@ -0,0 +1,99 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>预览报表-LINKAGE-数据报表</title>
|
||||||
|
<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||||
|
<meta name="renderer" content="webkit">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||||||
|
<meta http-equiv="Cache-Control" content="no-siteapp" />
|
||||||
|
<link href="./css/ele.css" rel="stylesheet" type="text/css" />
|
||||||
|
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
|
||||||
|
<link href="./css/preview.css" rel="stylesheet" type="text/css" />
|
||||||
|
<link href="./css/toastr.min.css" rel="stylesheet" type="text/css" />
|
||||||
|
<script type="text/javascript" src="./venderjs/jquery.min.js"></script>
|
||||||
|
<script type="text/javascript" src="./venderjs/bootstrap.min.js"></script>
|
||||||
|
<script type="text/javascript" src="./venderjs/Chart.bundle.min.js"></script>
|
||||||
|
<script type="text/javascript" src="./venderjs/chartjs-plugin-datalabels.min.js"></script>
|
||||||
|
<script type="text/javascript" src="./venderjs/bootstrap-datetimepicker.js"></script>
|
||||||
|
<script type="text/javascript" src="./js/preview.bundle.js"></script>
|
||||||
|
<script type="text/javascript" src="./js/toastr.min.js"></script>
|
||||||
|
<link rel="icon" href="favicon.ico">
|
||||||
|
<style type="text/css" id="_ureport_table_style"></style>
|
||||||
|
<script type="javascript" id="_ureport_table_js"></script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="multi" style="display: none;"></div>
|
||||||
|
<div class="preview-box">
|
||||||
|
<div class="header">
|
||||||
|
<div class="tools">
|
||||||
|
<span id='pageLinkContainer' class="pageLinkContainer">
|
||||||
|
<a href="javascript:;" class="tool-icon pageIndex" title="第一页1">
|
||||||
|
<img src='./icons/pageIndex.svg' alt="第一页" />
|
||||||
|
</a>
|
||||||
|
<a href="javascript:;" class="tool-icon pagePre" title="上一页">
|
||||||
|
<img src='./icons/pagePre.svg' alt="上一页" />
|
||||||
|
</a>
|
||||||
|
<span class="pageNum">1/1</span>
|
||||||
|
<a href="javascript:;" class="tool-icon pageNext" title="下一页">
|
||||||
|
<img src='./icons/pageNext.svg' alt="下一页" />
|
||||||
|
</a>
|
||||||
|
<a href="javascript:;" class="tool-icon pageLast" title="最后一页">
|
||||||
|
<img src='./icons/pageLast.svg' alt="最后一页" />
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
|
<a href="javascript:;" class="tool-icon tool-line small-screen" title=""></a>
|
||||||
|
<a href="javascript:;" class="tool-icon ureport-refresh" title="刷新">
|
||||||
|
<img src='./icons/refresh.svg' alt="刷新" />
|
||||||
|
<!-- <span style="line-height: 28px; margin-left: 4px;vertical-align: middle;">刷新</span> -->
|
||||||
|
</a>
|
||||||
|
<a href="javascript:;" class="tool-icon tool-line small-screen" title=""></a>
|
||||||
|
<a href="javascript:;" class="tool-icon ureport-print small-screen" title="在线打印">
|
||||||
|
<img src='./icons/print.svg' alt="在线打印" />
|
||||||
|
</a>
|
||||||
|
<a href="javascript:;" class="tool-icon ureport-pdf-direct-print small-screen" title="PDF在线打印">
|
||||||
|
<img src='./icons/printPdf.svg' alt="PDF在线打印" />
|
||||||
|
</a>
|
||||||
|
<a href="javascript:;" class="tool-icon ureport-pdf-print small-screen" title="PDF在线预览打印">
|
||||||
|
<img src='./icons/printPreview.svg' alt="PDF在线预览打印" />
|
||||||
|
</a>
|
||||||
|
<a href="javascript:;" class="tool-icon tool-line small-screen" title=""></a>
|
||||||
|
<a href="javascript:;" class="tool-icon ureport-export-pdf small-screen" title="导出PDF">
|
||||||
|
<img src='./icons/pdf.svg' alt="导出PDF" />
|
||||||
|
</a>
|
||||||
|
<a href="javascript:;" class="tool-icon ureport-export-word small-screen" title="导出WORD">
|
||||||
|
<img src='./icons/word.svg' alt="导出WORD" />
|
||||||
|
</a>
|
||||||
|
<a href="javascript:;" class="tool-icon ureport-export-excel small-screen" title="导出EXCEL">
|
||||||
|
<img src='./icons/excel.svg' alt="导出EXCEL" />
|
||||||
|
</a>
|
||||||
|
<a href="javascript:;" class="tool-icon ureport-export-excel-paging small-screen" title="分页导出EXCEL">
|
||||||
|
<img src='./icons/excel-paging.svg' alt="分页导出EXCEL" />
|
||||||
|
</a>
|
||||||
|
<a href="javascript:;" class="tool-icon ureport-export-excel-paging-sheet small-screen" title="分页分Sheet导出EXCEL">
|
||||||
|
<img src='./icons/excel-with-paging-sheet.svg' alt="分页分Sheet导出EXCEL" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="options">
|
||||||
|
<button class="el-button el-button--default el-button--small preview-btn" style="display: none;">关闭</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="preview-bd">
|
||||||
|
<div class="_ureport_table_form" id="_ureport_table_form" style="display: none;"></div>
|
||||||
|
<div class="_ureport_table" id="_ureport_table" style="display: none;"></div>
|
||||||
|
</div>
|
||||||
|
<iframe name="_print_frame" width="0" height="0" frameborder="0" src="about:blank"></iframe>
|
||||||
|
<iframe name="_print_pdf_frame" id="_print_pdf_frame" width="0" height="0" frameborder="0" src="about:blank"></iframe>
|
||||||
|
</div>
|
||||||
|
<script type="text/javascript">
|
||||||
|
// 报表接口
|
||||||
|
window._server = "http://localhost:30007";
|
||||||
|
// window._server = "http://192.168.0.18:9005";
|
||||||
|
window.formElements = [];
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
@ -0,0 +1,22 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
|
||||||
|
<title>UReport2 Designer</title>
|
||||||
|
<script type="text/javascript" src="./venderjs/jquery.min.js"></script>
|
||||||
|
<script type="text/javascript" src="./venderjs/jquery-ui.min.js"></script>
|
||||||
|
<script type="text/javascript" src="./venderjs/bootstrap-datetimepicker.js"></script>
|
||||||
|
</head>
|
||||||
|
<body style="margin:0px">
|
||||||
|
<div id='container'></div>
|
||||||
|
<script type="text/javascript">
|
||||||
|
window._server = "http://localhost:30007";
|
||||||
|
// window._server = "http://192.168.0.18:9005";
|
||||||
|
// 报表前端
|
||||||
|
window._contextPath = "http://localhost:8200";
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<script type="text/javascript" src="./js/searchform.bundle.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,27 @@
|
|||||||
|
/*!
|
||||||
|
* Completer v0.1.3
|
||||||
|
* https://github.com/fengyuanchen/completer
|
||||||
|
*
|
||||||
|
* Copyright (c) 2014-2016 Fengyuan Chen
|
||||||
|
* Released under the MIT license
|
||||||
|
*
|
||||||
|
* Date: 2016-06-13T12:43:37.946Z
|
||||||
|
*/
|
||||||
|
!function(a){"function"==typeof define&&define.amd?
|
||||||
|
// AMD. Register as anonymous module.
|
||||||
|
define(["jquery"],a):a("object"==typeof exports?require("jquery"):jQuery)}(function(a){"use strict";function b(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,a.isPlainObject(d)&&d),this.init()}function c(a){return a.replace(/([\.\$\^\{\[\(\|\)\*\+\?\\])/g,"\\$1")}function d(a){return"string"==typeof a&&""!==a?(a=c(a),new RegExp(a+"+[^"+a+"]*$","i")):null}function e(b){return"string"==typeof b&&(b=b.replace(/[\{\}\[\]"']+/g,"").split(/\s*,+\s*/)),b=a.map(b,function(a){return"string"!=typeof a?a.toString():a})}var f=a(window),g=a(document),h="completer",i="resize",j="mousedown";b.prototype={constructor:b,init:function(){var b=this.options,c=e(b.source);c.length>0&&(this.data=c,this.regexp=d(b.separator),this.$completer=a(b.template),this.$completer.hide().appendTo("body"),this.place(),this.$element.attr("autocomplete","off").on({focus:a.proxy(this.enable,this),blur:a.proxy(this.disable,this)}),this.$element.is(":focus")&&this.enable())},enable:function(){this.active||(this.active=!0,this.$element.on({keydown:a.proxy(this.keydown,this),keyup:a.proxy(this.keyup,this)}),this.$completer.on({mousedown:a.proxy(this.mousedown,this),mouseover:a.proxy(this.mouseover,this)}))},disable:function(){this.active&&(this.active=!1,this.$element.off({keydown:this.keydown,keyup:this.keyup}),this.$completer.off({mousedown:this.mousedown,mouseover:this.mouseover}))},attach:function(b){var d,e,f=this.options,g=f.separator,h=this.regexp,i=h?b.match(h):null,j=[],k=[],l=this;i&&(i=i[0],b=b.replace(h,""),d=new RegExp("^"+c(i),"i")),a.each(this.data,function(a,c){c=g+c,e=l.template(b+c),d&&d.test(c)?j.push(e):k.push(e)}),j=j.length?j.sort():k,"top"===f.position&&(j=j.reverse()),this.fill(j.join(""))},suggest:function(b){var d=new RegExp(c(b),"i"),e=this,f=[];a.each(this.data,function(a,b){d.test(b)&&f.push(b)}),f.sort(function(a,c){return a.indexOf(b)-c.indexOf(b)}),a.each(f,function(a,b){f[a]=e.template(b)}),this.fill(f.join(""))},template:function(a){var b=this.options.itemTag;return"<"+b+">"+a+"</"+b+">"},fill:function(a){var b;this.$completer.empty(),a?(b="top"===this.options.position?":last":":first",this.$completer.html(a),this.$completer.children(b).addClass(this.options.selectedClass),this.show()):this.hide()},complete:function(){var a=this.options,b=a.filter(this.$element.val()).toString();return""===b?void this.hide():void(a.suggest?this.suggest(b):this.attach(b))},keydown:function(a){var b=a.keyCode||a.which||a.charCode;13===b&&(a.stopPropagation(),a.preventDefault())},keyup:function(a){var b=a.keyCode||a.which||a.charCode;13===b||38===b||40===b?this.toggle(b):this.complete()},mouseover:function(b){var c=this.options,d=c.selectedClass,e=a(b.target);e.is(c.itemTag)&&e.addClass(d).siblings().removeClass(d)},mousedown:function(b){b.stopPropagation(),b.preventDefault(),this.setValue(a(b.target).text())},setValue:function(a){this.$element.val(a),this.options.complete(),this.hide()},toggle:function(a){var b=this.options.selectedClass,c=this.$completer.find("."+b);switch(a){
|
||||||
|
// Down
|
||||||
|
case 40:c.removeClass(b),c=c.next();break;
|
||||||
|
// Up
|
||||||
|
case 38:c.removeClass(b),c=c.prev();break;
|
||||||
|
// Enter
|
||||||
|
case 13:this.setValue(c.text())}0===c.length&&(c=this.$completer.children(40===a?":first":":last")),c.addClass(b)},place:function(){var a=this.$element,b=a.offset(),c=b.left,d=b.top,e=a.outerHeight(),g=a.outerWidth(),h={minWidth:g,zIndex:this.options.zIndex};switch(this.options.position){case"right":h.left=c+g,h.top=d;break;case"left":h.right=f.innerWidth()-c,h.top=d;break;case"top":h.left=c,h.bottom=f.innerHeight()-d;break;
|
||||||
|
// case 'bottom':
|
||||||
|
default:h.left=c,h.top=d+e}this.$completer.css(h)},show:function(){this.$completer.show(),f.on(i,a.proxy(this.place,this)),g.on(j,a.proxy(this.hide,this))},hide:function(){this.$completer.hide(),f.off(i,this.place),g.off(j,this.hide)},destroy:function(){var a=this.$element;this.hide(),this.disable(),a.off({focus:this.enable,blur:this.disable}),a.removeData(h)}},b.DEFAULTS={itemTag:"li",position:"bottom",// or 'right'
|
||||||
|
source:[],selectedClass:"completer-selected",separator:"",suggest:!1,template:'<ul class="completer-container"></ul>',zIndex:1,complete:a.noop,filter:function(a){return a}},b.setDefaults=function(c){a.extend(b.DEFAULTS,c)},
|
||||||
|
// Save the other completer
|
||||||
|
b.other=a.fn.completer,
|
||||||
|
// Register as jQuery plugin
|
||||||
|
a.fn.completer=function(c){var d,e=[].slice.call(arguments,1);return this.each(function(){var f,g,i=a(this),j=i.data(h);if(!j){if(/destroy/.test(c))return;f=a.extend({},i.data(),a.isPlainObject(c)&&c),i.data(h,j=new b(this,f))}"string"==typeof c&&a.isFunction(g=j[c])&&(d=g.apply(j,e))}),"undefined"!=typeof d?d:this},a.fn.completer.Constructor=b,a.fn.completer.setDefaults=b.setDefaults,
|
||||||
|
// No conflict
|
||||||
|
a.fn.completer.noConflict=function(){return a.fn.completer=b.other,this},a(function(){a('[data-toggle="completer"]').completer()})});
|
@ -0,0 +1,54 @@
|
|||||||
|
{
|
||||||
|
"name": "jnpf.datareport.front",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "datareport designer base on web and some web ui",
|
||||||
|
"main": "index.js",
|
||||||
|
"scripts": {
|
||||||
|
"build": "webpack",
|
||||||
|
"serve": "http-server -a localhost -p 8200",
|
||||||
|
"dev": "webpack-dev-server --open",
|
||||||
|
"test": "echo \"Error: no test specified\" && exit 1"
|
||||||
|
},
|
||||||
|
"keywords": [
|
||||||
|
"report"
|
||||||
|
],
|
||||||
|
"author": {
|
||||||
|
"name": "JNPF",
|
||||||
|
"email": "support@yinmaisoft.com",
|
||||||
|
"url": "http://www.yinmaisoft.com"
|
||||||
|
},
|
||||||
|
"license": "The Apache-2.0 License",
|
||||||
|
"dependencies": {
|
||||||
|
"bootbox": "^4.4.0",
|
||||||
|
"bootstrap": "^3.3.7",
|
||||||
|
"bootstrap-colorpicker": "^2.5.0",
|
||||||
|
"chart.js": "^2.7.2",
|
||||||
|
"chartjs-plugin-datalabels": "^0.3.0",
|
||||||
|
"codemirror": "^5.23.0",
|
||||||
|
"completer": "^0.1.3",
|
||||||
|
"handsontable": "^0.32.0",
|
||||||
|
"jquery": "^3.1.1",
|
||||||
|
"jquery-contextmenu": "^2.4.2",
|
||||||
|
"node-uuid": "^1.4.7",
|
||||||
|
"raphael": "^2.2.7",
|
||||||
|
"react": "^16.13.1",
|
||||||
|
"react-dom": "^16.13.1",
|
||||||
|
"save-svg-as-png": "^1.3.2",
|
||||||
|
"undo-manager": "^1.0.5"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"babel-cli": "^6.26.0",
|
||||||
|
"babel-core": "^6.26.0",
|
||||||
|
"babel-loader": "^7.1.4",
|
||||||
|
"babel-preset-env": "^1.6.1",
|
||||||
|
"css-loader": "^0.28.11",
|
||||||
|
"expose-loader": "^0.7.1",
|
||||||
|
"file-loader": "^0.9.0",
|
||||||
|
"style-loader": "^0.13.1",
|
||||||
|
"uglifyjs-webpack-plugin": "^1.2.4",
|
||||||
|
"url-loader": "^0.5.7",
|
||||||
|
"webpack": "^4.44.1",
|
||||||
|
"webpack-cli": "^3.3.12",
|
||||||
|
"webpack-dev-server": "^3.11.0"
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,121 @@
|
|||||||
|
/**
|
||||||
|
* Created by Jacky.Gao on 2017-01-25.
|
||||||
|
*/
|
||||||
|
import {
|
||||||
|
alert
|
||||||
|
} from './MsgBox.js';
|
||||||
|
|
||||||
|
export default class Context {
|
||||||
|
constructor(reportTable) {
|
||||||
|
this.reportTable = reportTable;
|
||||||
|
this.reportDef = reportTable.reportDef;
|
||||||
|
this.baseInfo = reportTable;
|
||||||
|
this.hot = reportTable.hot;
|
||||||
|
this.hot.context = this;
|
||||||
|
this._initLetters();
|
||||||
|
this.cellsMap = reportTable.cellsMap;
|
||||||
|
this.rowHeaders = [];
|
||||||
|
}
|
||||||
|
|
||||||
|
_initLetters() {
|
||||||
|
const letters = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"];
|
||||||
|
this.LETTERS = letters.concat([]);
|
||||||
|
for (let i = 0; i < letters.length; i++) {
|
||||||
|
let name = letters[i];
|
||||||
|
for (let j = 0; j < letters.length; j++) {
|
||||||
|
this.LETTERS.push(name + letters[j]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
adjustInsertRowHeaders(row) {
|
||||||
|
for (let header of this.rowHeaders) {
|
||||||
|
if (header.rowNumber >= row) {
|
||||||
|
header.rowNumber += 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
adjustDelRowHeaders(row) {
|
||||||
|
let targetHeader = null;
|
||||||
|
for (let header of this.rowHeaders) {
|
||||||
|
if (header.rowNumber === row) {
|
||||||
|
targetHeader = header;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (targetHeader) {
|
||||||
|
const index = this.rowHeaders.indexOf(targetHeader);
|
||||||
|
this.rowHeaders.splice(index, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
addRowHeader(row, band) {
|
||||||
|
let targetHeader = null;
|
||||||
|
for (let header of this.rowHeaders) {
|
||||||
|
if (header.rowNumber === row) {
|
||||||
|
targetHeader = header;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (targetHeader) {
|
||||||
|
targetHeader.band = band;
|
||||||
|
} else {
|
||||||
|
const newHeader = {
|
||||||
|
band,
|
||||||
|
rowNumber: row
|
||||||
|
};
|
||||||
|
this.rowHeaders.push(newHeader);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
getCellName(rowIndex, colIndex) {
|
||||||
|
if (rowIndex != null) {
|
||||||
|
return this.LETTERS[colIndex] + (rowIndex + 1);
|
||||||
|
} else {
|
||||||
|
return this.LETTERS[colIndex];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
getCell(rowIndex, colIndex) {
|
||||||
|
let key = (rowIndex + 1) + ',' + (colIndex + 1);
|
||||||
|
return this.cellsMap.get(key);
|
||||||
|
}
|
||||||
|
|
||||||
|
addCell(cell) {
|
||||||
|
let key = cell.rowNumber + ',' + cell.columnNumber;
|
||||||
|
this.cellsMap.set(key, cell);
|
||||||
|
}
|
||||||
|
|
||||||
|
removeCell(cell) {
|
||||||
|
let key = cell.rowNumber + ',' + cell.columnNumber;
|
||||||
|
this.cellsMap.delete(key);
|
||||||
|
}
|
||||||
|
|
||||||
|
deleteCell(rowNumber, columnNumber) {
|
||||||
|
let key = rowNumber + ',' + columnNumber;
|
||||||
|
this.cellsMap.delete(key);
|
||||||
|
}
|
||||||
|
|
||||||
|
getSelectedCells() {
|
||||||
|
const selected = this.hot.getSelected();
|
||||||
|
if (!selected) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
const startRow = selected[0],
|
||||||
|
startCol = selected[1],
|
||||||
|
endRow = selected[2],
|
||||||
|
endCol = selected[3];
|
||||||
|
const cells = [];
|
||||||
|
for (let i = startRow; i <= endRow; i++) {
|
||||||
|
for (let j = startCol; j <= endCol; j++) {
|
||||||
|
const cell = this.hot.getCell(i, j, true);
|
||||||
|
const exist = cells.indexOf(cell);
|
||||||
|
if (exist === -1) {
|
||||||
|
cells.push(cell);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return cells;
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,18 @@
|
|||||||
|
/**
|
||||||
|
* Created by Jacky.Gao on 2017-03-01.
|
||||||
|
*/
|
||||||
|
export default class FileInfo{
|
||||||
|
setFile(name){
|
||||||
|
// if(!this.fileInfo){
|
||||||
|
// this.fileInfo=$(`<div style="float: right;font-size: 12px;color: #009688;margin-top: 8px;margin-right: 5px"></div>`);
|
||||||
|
// $('.ud-toolbar').append(this.fileInfo);
|
||||||
|
// }
|
||||||
|
// let suffix='.ureport.xml';
|
||||||
|
// let pos=name.indexOf(suffix);
|
||||||
|
// if(pos>-1){
|
||||||
|
// name=name.substring(0,pos);
|
||||||
|
// }
|
||||||
|
// name=decodeURI(decodeURI(name));
|
||||||
|
// this.fileInfo.html('报表:'+name);
|
||||||
|
}
|
||||||
|
};
|
@ -0,0 +1,130 @@
|
|||||||
|
/**
|
||||||
|
* Created by jacky on 2016/7/9.
|
||||||
|
*/
|
||||||
|
export function alert(msg) {
|
||||||
|
toastr.options = {
|
||||||
|
closeButton: false,
|
||||||
|
debug: false,
|
||||||
|
progressBar: false,
|
||||||
|
positionClass: "toast-top-center",
|
||||||
|
onclick: null,
|
||||||
|
showDuration: "300",
|
||||||
|
hideDuration: "1000",
|
||||||
|
timeOut: "5000",
|
||||||
|
extendedTimeOut: "1000",
|
||||||
|
showEasing: "swing",
|
||||||
|
hideEasing: "linear",
|
||||||
|
showMethod: "fadeIn",
|
||||||
|
hideMethod: "fadeOut"
|
||||||
|
};
|
||||||
|
toastr.error(msg);
|
||||||
|
// const dialog = buildDialog('消息提示',msg);
|
||||||
|
// dialog.modal('show');
|
||||||
|
};
|
||||||
|
|
||||||
|
export function successAlert(msg) {
|
||||||
|
toastr.options = {
|
||||||
|
closeButton: false,
|
||||||
|
debug: false,
|
||||||
|
progressBar: false,
|
||||||
|
positionClass: "toast-top-center",
|
||||||
|
onclick: null,
|
||||||
|
showDuration: "300",
|
||||||
|
hideDuration: "1000",
|
||||||
|
timeOut: "5000",
|
||||||
|
extendedTimeOut: "1000",
|
||||||
|
showEasing: "swing",
|
||||||
|
hideEasing: "linear",
|
||||||
|
showMethod: "fadeIn",
|
||||||
|
hideMethod: "fadeOut"
|
||||||
|
};
|
||||||
|
toastr.success(msg);
|
||||||
|
};
|
||||||
|
|
||||||
|
export function confirm(msg, callback) {
|
||||||
|
const dialog = buildDialog('确认提示', msg, [{
|
||||||
|
name: '确认',
|
||||||
|
click: function () {
|
||||||
|
callback.call(this);
|
||||||
|
}
|
||||||
|
}]);
|
||||||
|
dialog.modal('show');
|
||||||
|
};
|
||||||
|
|
||||||
|
export function dialog(title, content, callback) {
|
||||||
|
const dialog = buildDialog(title, content, [{
|
||||||
|
name: '确认',
|
||||||
|
click: function () {
|
||||||
|
callback.call(this);
|
||||||
|
}
|
||||||
|
}]);
|
||||||
|
dialog.modal('show');
|
||||||
|
};
|
||||||
|
|
||||||
|
export function showDialog(title, dialogContent, buttons, events, large) {
|
||||||
|
const dialog = buildDialog(title, dialogContent, buttons, large);
|
||||||
|
dialog.modal('show');
|
||||||
|
if (events) {
|
||||||
|
for (let event of events) {
|
||||||
|
dialog.on(event.name, event.callback);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
function buildDialog(title, dialogContent, buttons, large) {
|
||||||
|
const className = 'modal-dialog' + (large ? ' modal-lg' : '');
|
||||||
|
let modal = $(`<div class="modal fade data-report-modal" tabindex="-1" role="dialog" aria-hidden="true"></div>`);
|
||||||
|
let dialog = $(`<div class="${className}" style="width: 390px;"></div>`);
|
||||||
|
modal.append(dialog);
|
||||||
|
let content = $(`<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
||||||
|
<i class="report-icon report-icon-huaban16fuben4"></i>
|
||||||
|
</button>
|
||||||
|
<h4 class="modal-title">
|
||||||
|
${title}
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
${typeof(dialogContent)==='string' ? dialogContent : ''}
|
||||||
|
</div>`);
|
||||||
|
if (typeof (dialogContent) === 'object') {
|
||||||
|
content.find('.modal-body').append(dialogContent);
|
||||||
|
}
|
||||||
|
dialog.append(content);
|
||||||
|
let footer = $(`<div class="modal-footer"></div>`);
|
||||||
|
content.append(footer);
|
||||||
|
if (buttons) {
|
||||||
|
buttons.forEach((btn, index) => {
|
||||||
|
let button = $(`<button type="button" class="el-button el-button--primary el-button--small">${btn.name}</button>`);
|
||||||
|
button.click(function (e) {
|
||||||
|
btn.click.call(this);
|
||||||
|
if (!btn.holdDialog) {
|
||||||
|
modal.modal('hide');
|
||||||
|
}
|
||||||
|
}.bind(this));
|
||||||
|
footer.append(button);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
let okBtn = $(`<button type="button" class="el-button el-button--primary el-button--small" data-dismiss="modal">确定</button>`);
|
||||||
|
footer.append(okBtn);
|
||||||
|
}
|
||||||
|
|
||||||
|
modal.on("show.bs.modal", function () {
|
||||||
|
var index = 1050;
|
||||||
|
$(document).find('.modal').each(function (i, d) {
|
||||||
|
var zIndex = $(d).css('z-index');
|
||||||
|
if (zIndex && zIndex !== '' && !isNaN(zIndex)) {
|
||||||
|
zIndex = parseInt(zIndex);
|
||||||
|
if (zIndex > index) {
|
||||||
|
index = zIndex;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
index++;
|
||||||
|
modal.css({
|
||||||
|
'z-index': index
|
||||||
|
});
|
||||||
|
});
|
||||||
|
return modal;
|
||||||
|
};
|
@ -0,0 +1,25 @@
|
|||||||
|
/**
|
||||||
|
* Created by Jacky.Gao on 2017-02-18.
|
||||||
|
*/
|
||||||
|
import {mmToPoint} from './Utils.js';
|
||||||
|
|
||||||
|
export default class PrintLine{
|
||||||
|
constructor(context){
|
||||||
|
context.printLine=this;
|
||||||
|
this.context=context;
|
||||||
|
const height=$(window).height()-90;
|
||||||
|
// const rightHr=$(`<hr title="打印线" class="ureport-right-hr-for-print" style="height: ${height}px;width:0px;border-left:dashed 1px #999999;position: absolute;left: 300pt;top: 35px;z-index: 10">`);
|
||||||
|
// $(document.body).append(rightHr);
|
||||||
|
this.refresh();
|
||||||
|
}
|
||||||
|
refresh(){
|
||||||
|
const paper=this.context.reportDef.paper;
|
||||||
|
const orientation=paper.orientation;
|
||||||
|
let width=paper.width;
|
||||||
|
if(orientation==='landscape'){
|
||||||
|
width=paper.height;
|
||||||
|
}
|
||||||
|
width=width-paper.leftMargin-paper.rightMargin+38;
|
||||||
|
$('.ureport-right-hr-for-print').css('left',width+"pt");
|
||||||
|
}
|
||||||
|
};
|
@ -0,0 +1,26 @@
|
|||||||
|
var test = {
|
||||||
|
"type": "pie",
|
||||||
|
"data": {
|
||||||
|
"labels": ["硕士", "大专", "博士", "本科", "高中", "大学", "研究生", "中专", "博士后", "小学"],
|
||||||
|
"datasets": [{
|
||||||
|
"label": "1",
|
||||||
|
"backgroundColor": ["rgb(255, 99, 132)", "rgb(54, 162, 235)", "rgb(255, 205, 86)", "rgb(75, 192, 192)", "rgb(255, 159, 64)", "rgb(153,102,255)", "rgb(53,202,25)", "rgb(201,203,207)", "rgb(205,92,92)", "rgb(255,127,80)"],
|
||||||
|
"data": [18455.0, 10966.0, 110687.0, 36694.0, 52771.0, 44232.0, 27544.0, 8150.0, 17595.0, 4408.0]
|
||||||
|
}, {
|
||||||
|
"label": "0",
|
||||||
|
"backgroundColor": ["rgb(54, 162, 235)", "rgb(255, 205, 86)", "rgb(75, 192, 192)", "rgb(255, 159, 64)", "rgb(153,102,255)", "rgb(53,202,25)", "rgb(201,203,207)"],
|
||||||
|
"data": [14349.0, 27926.0, 15275.0, 7341.0, 564716.0, 5091.0, 6431.0, 42321.0]
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
"options": {
|
||||||
|
"title": {
|
||||||
|
"display": true,
|
||||||
|
"text": "我的图表",
|
||||||
|
"position": "top",
|
||||||
|
"fontSize": 14,
|
||||||
|
"fontColor": "#666",
|
||||||
|
"fontStyle": "bold",
|
||||||
|
"padding": "10"
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,168 @@
|
|||||||
|
import Context from './Context.js';
|
||||||
|
import ReportTable from './table/ReportTable.js';
|
||||||
|
import SaveTool from './tools/SaveTool.js';
|
||||||
|
import AlignLeftTool from './tools/AlignLeftTool.js';
|
||||||
|
import AlignTopTool from './tools/AlignTopTool.js';
|
||||||
|
import RedoTool from './tools/RedoTool.js';
|
||||||
|
import UndoTool from './tools/UndoTool.js';
|
||||||
|
import LineTool from './tools/LineTool.js';
|
||||||
|
import BorderTool from './tools/BorderTool.js';
|
||||||
|
import BoldTool from './tools/BoldTool.js';
|
||||||
|
import ItalicTool from './tools/ItalicTool.js';
|
||||||
|
import UnderlineTool from './tools/UnderlineTool.js';
|
||||||
|
import BgcolorTool from './tools/BgcolorTool.js';
|
||||||
|
import ForecolorTool from './tools/ForecolorTool.js';
|
||||||
|
import ImageTool from './tools/ImageTool.js';
|
||||||
|
import ChartTool from './tools/ChartTool.js';
|
||||||
|
import CrosstabTool from './tools/CrosstabTool.js';
|
||||||
|
import MergeTool from './tools/MergeTool.js';
|
||||||
|
import ImportTool from './tools/ImportTool.js';
|
||||||
|
import PreviewTool from './tools/PreviewTool.js';
|
||||||
|
import FontFamilyTool from './tools/FontFamilyTool.js';
|
||||||
|
import FontSizeTool from './tools/FontSizeTool.js';
|
||||||
|
import ZxingTool from './tools/ZxingTool.js';
|
||||||
|
import SettingsTool from './tools/SettingsTool.js';
|
||||||
|
import SearchFormSwitchTool from './tools/SearchFormSwitchTool.js';
|
||||||
|
import DatasourcePanel from './panel/DatasourcePanel.js';
|
||||||
|
import PropertyPanel from './panel/PropertyPanel.js';
|
||||||
|
|
||||||
|
import {
|
||||||
|
undoManager, getToken
|
||||||
|
} from './Utils.js';
|
||||||
|
import PrintLine from './PrintLine.js';
|
||||||
|
import {
|
||||||
|
renderRowHeader
|
||||||
|
} from './table/HeaderUtils.js';
|
||||||
|
|
||||||
|
export default class UReportDesigner {
|
||||||
|
constructor(containerId, searchFormContainerId) {
|
||||||
|
undoManager.setLimit(100);
|
||||||
|
const _this = this;
|
||||||
|
this.container = $('#' + containerId);
|
||||||
|
const flexboxContainer = $(`<div class="flex-box"></div>`)
|
||||||
|
const mainBody = $(`<div class="main-body"></div>`)
|
||||||
|
const mainTools = $(`<div class="main-tools"></div>`)
|
||||||
|
const mainContainer = $(`<div class="main-container"></div>`)
|
||||||
|
const tableContainer = $(`<div class="main-wrap"></div>`);
|
||||||
|
const asideContainer = $('<div class="aside"></div>')
|
||||||
|
mainBody.append(mainTools);
|
||||||
|
mainContainer.append(tableContainer);
|
||||||
|
mainBody.append(mainContainer);
|
||||||
|
flexboxContainer.prepend(mainBody);
|
||||||
|
flexboxContainer.append(asideContainer);
|
||||||
|
this.container.append(flexboxContainer);
|
||||||
|
getToken();//把TOKEN存入本地供预览界面使用
|
||||||
|
|
||||||
|
// const fileInfo = '';
|
||||||
|
this.reportTable = new ReportTable(tableContainer.get(0), function () {
|
||||||
|
_this.context = new Context(this);
|
||||||
|
_this.context.fileInfo = {};
|
||||||
|
_this.context.baseInfo = {};
|
||||||
|
_this.buildTools(_this.context);
|
||||||
|
_this.buildTools2(_this.context, this);
|
||||||
|
_this.datasourcePanel = new DatasourcePanel(_this.context);
|
||||||
|
_this.propertyPanel = new PropertyPanel(_this.context);
|
||||||
|
_this.buildPropertyPanel();
|
||||||
|
this.bindSelectionEvent(function (rowIndex, colIndex, row2Index, col2Index) {
|
||||||
|
_this.propertyPanel.refresh(rowIndex, colIndex, row2Index, col2Index);
|
||||||
|
for (let tool of _this.tools) {
|
||||||
|
if (tool.refresh) {
|
||||||
|
tool.refresh(rowIndex, colIndex, row2Index, col2Index);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
_this.printLine = new PrintLine(_this.context);
|
||||||
|
const rows = _this.context.reportDef.rows;
|
||||||
|
for (let row of rows) {
|
||||||
|
const band = row.band;
|
||||||
|
if (!band) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
_this.context.addRowHeader(row.rowNumber - 1, band);
|
||||||
|
}
|
||||||
|
renderRowHeader(_this.context.hot, _this.context);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
buildPropertyPanel() {
|
||||||
|
const propContainerId = '_prop_container';
|
||||||
|
const dsContainerId = '_datasource_container';
|
||||||
|
const propertyPanel = $('<div class="ud-property-panel jnpf-data-panel"></div>');
|
||||||
|
|
||||||
|
$('.aside').append(propertyPanel);
|
||||||
|
|
||||||
|
const propertyTab = $(`<ul class="nav nav-tabs">
|
||||||
|
<li class="active">
|
||||||
|
<a href="#${propContainerId}" data-toggle="tab" id="__prop_tab_link">${window.i18n.panel.property}</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#${dsContainerId}" data-toggle="tab">${window.i18n.panel.datasource}</a>
|
||||||
|
</li>
|
||||||
|
</ul>`);
|
||||||
|
|
||||||
|
propertyPanel.append(propertyTab);
|
||||||
|
|
||||||
|
propertyTab.mousedown(function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
});
|
||||||
|
const tabContent = $(`<div class="tab-content">`);
|
||||||
|
const propContainer = $(`<div id="${propContainerId}" class="tab-pane fade in active jnpf-property"></div>`);
|
||||||
|
const dsContainer = $(`<div id="${dsContainerId}" class="tab-pane fade"></div>`);
|
||||||
|
tabContent.append(propContainer);
|
||||||
|
tabContent.append(dsContainer);
|
||||||
|
propContainer.append(this.propertyPanel.buildPanel());
|
||||||
|
dsContainer.append(this.datasourcePanel.buildPanel());
|
||||||
|
propertyPanel.append(tabContent);
|
||||||
|
}
|
||||||
|
|
||||||
|
buildTools(context) {
|
||||||
|
const toolbar = $(`
|
||||||
|
<div class="top-toolbar">
|
||||||
|
<div class="logo"><img src="jnpf.png" /><span> · 报表设计</span></div>
|
||||||
|
<div class="options">
|
||||||
|
<button class="el-button el-button--primary el-button--small top-save-btn">保存</button>
|
||||||
|
<button class="el-button el-button--default el-button--small top-close-btn">关闭</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`);
|
||||||
|
this.container.prepend(toolbar);
|
||||||
|
}
|
||||||
|
|
||||||
|
buildTools2(context, reportTable) {
|
||||||
|
const toolbar = $(`
|
||||||
|
<div class="top-toolbar">
|
||||||
|
<div class="top-tools"></div>
|
||||||
|
</div>
|
||||||
|
`);
|
||||||
|
$('.main-tools').prepend(toolbar);
|
||||||
|
this.tools = [];
|
||||||
|
this.tools.push(new UndoTool(context));
|
||||||
|
this.tools.push(new RedoTool(context));
|
||||||
|
this.tools.push(new SaveTool(context));
|
||||||
|
this.tools.push(new LineTool(context));
|
||||||
|
this.tools.push(new MergeTool(context));
|
||||||
|
this.tools.push(new AlignLeftTool(context));
|
||||||
|
this.tools.push(new AlignTopTool(context));
|
||||||
|
this.tools.push(new BorderTool(context));
|
||||||
|
this.tools.push(new FontFamilyTool(context));
|
||||||
|
this.tools.push(new FontSizeTool(context));
|
||||||
|
this.tools.push(new BoldTool(context));
|
||||||
|
this.tools.push(new ItalicTool(context));
|
||||||
|
this.tools.push(new UnderlineTool(context));
|
||||||
|
this.tools.push(new BgcolorTool(context));
|
||||||
|
this.tools.push(new ForecolorTool(context));
|
||||||
|
this.tools.push(new LineTool(context));
|
||||||
|
this.tools.push(new CrosstabTool(context));
|
||||||
|
this.tools.push(new ImageTool(context));
|
||||||
|
// this.tools.push(new ZxingTool(context));
|
||||||
|
this.tools.push(new ChartTool(context));
|
||||||
|
this.tools.push(new ImportTool(context,reportTable));
|
||||||
|
this.tools.push(new SettingsTool(context));
|
||||||
|
this.tools.push(new SearchFormSwitchTool(context));
|
||||||
|
this.tools.push(new PreviewTool(context));
|
||||||
|
// this.tools.push(`<div class="options">button</div>`)
|
||||||
|
for (const tool of this.tools) {
|
||||||
|
$('.top-tools').append(tool.buildButton());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,111 @@
|
|||||||
|
/**
|
||||||
|
* Created by Jacky.Gao on 2017-02-07.
|
||||||
|
*/
|
||||||
|
import MethodSelectDialog from './MethodSelectDialog.js';
|
||||||
|
import {
|
||||||
|
alert
|
||||||
|
} from '../MsgBox.js';
|
||||||
|
import {
|
||||||
|
setDirty
|
||||||
|
} from '../Utils.js';
|
||||||
|
|
||||||
|
export default class BeanMethodDialog {
|
||||||
|
constructor(datasources, beanId) {
|
||||||
|
this.datasources = datasources;
|
||||||
|
this.beanId = beanId;
|
||||||
|
this.dialog = $(`<div class="modal fade data-report-modal" role="dialog" aria-hidden="true" style="z-index: 10000">
|
||||||
|
<div class="modal-dialog">
|
||||||
|
<div class="modal-content">
|
||||||
|
<div class="modal-header">
|
||||||
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
|
||||||
|
<i class="report-icon report-icon-huaban16fuben4"/>
|
||||||
|
</button>
|
||||||
|
<h4 class="modal-title">
|
||||||
|
${window.i18n.dialog.bean.beanDatasetConfig}
|
||||||
|
</h4>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body"></div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>`);
|
||||||
|
const body = this.dialog.find('.modal-body'),
|
||||||
|
footer = this.dialog.find(".modal-footer");
|
||||||
|
this.initBody(body);
|
||||||
|
this.initButton(footer);
|
||||||
|
}
|
||||||
|
initBody(body) {
|
||||||
|
const nameRow = $(`<div class="row" style="margin: 10px;"><div class="col-md-3" style="text-align: right;margin-top:8px">${window.i18n.dialog.bean.datasetName}</div></div>`);
|
||||||
|
const col = $(`<div class="col-md-9" style="padding: 0px;"></div>`);
|
||||||
|
nameRow.append(col);
|
||||||
|
this.nameEditor = $(`<input type="text" class="form-control">`);
|
||||||
|
col.append(this.nameEditor);
|
||||||
|
body.append(nameRow);
|
||||||
|
|
||||||
|
const _this = this;
|
||||||
|
const methodRow = $(`<div class="row" style="margin: 10px;"><div class="col-md-3" style="text-align: right;margin-top:8px">${window.i18n.dialog.bean.methodName}</div></div>`);
|
||||||
|
const methodCol = $(`<div class="col-md-9" style="padding: 0px;"></div>`);
|
||||||
|
const methodGroup = $(`<div class="input-group"></div>`);
|
||||||
|
methodCol.append(methodGroup);
|
||||||
|
this.methodEditor = $(`<input type="text" placeholder="${window.i18n.dialog.bean.methodParameters}String,String,Map" class="form-control">`);
|
||||||
|
methodGroup.append(this.methodEditor);
|
||||||
|
const selectMethodButton = $(`<span class="input-group-btn"><button type="button" class="btn btn-default">${window.i18n.dialog.bean.selectMethod}</button></span>`);
|
||||||
|
methodGroup.append(selectMethodButton);
|
||||||
|
const methodSelectDialog = new MethodSelectDialog();
|
||||||
|
selectMethodButton.on('click', () => {
|
||||||
|
methodSelectDialog.show(function (method) {
|
||||||
|
_this.methodEditor.val(method);
|
||||||
|
}, _this.beanId);
|
||||||
|
});
|
||||||
|
methodRow.append(methodCol);
|
||||||
|
body.append(methodRow);
|
||||||
|
|
||||||
|
const helpRow = $(`<div class="row" style="margin: 10px;"><div class="col-md-3" style="text-align: right;margin-top:8px">${window.i18n.dialog.bean.returnObject}</div></div>`);
|
||||||
|
const helpCol = $(`<div class="col-md-9" style="padding: 0px;"></div>`);
|
||||||
|
helpRow.append(helpCol);
|
||||||
|
this.helpEditor = $(`<input type="text" placeholder="${window.i18n.dialog.bean.className}" class="form-control">`);
|
||||||
|
helpCol.append(this.helpEditor);
|
||||||
|
body.append(helpRow);
|
||||||
|
}
|
||||||
|
|
||||||
|
initButton(footer) {
|
||||||
|
const button = $(`<button class="btn btn-primary">${window.i18n.dialog.bean.ok}</button>`);
|
||||||
|
footer.append(button);
|
||||||
|
const _this = this;
|
||||||
|
button.on('click', () => {
|
||||||
|
const name = _this.nameEditor.val(),
|
||||||
|
method = _this.methodEditor.val(),
|
||||||
|
clazz = _this.helpEditor.val();
|
||||||
|
let check = false;
|
||||||
|
if (!_this.oldName || name !== _this.oldName) {
|
||||||
|
check = true;
|
||||||
|
}
|
||||||
|
if (check) {
|
||||||
|
for (let datasource of _this.datasources) {
|
||||||
|
let datasets = datasource.datasets;
|
||||||
|
for (let dataset of datasets) {
|
||||||
|
if (dataset.name === name) {
|
||||||
|
alert(`${window.i18n.dialog.bean.dataset}["+name+"]${window.i18n.dialog.bean.datasetExist}`);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
_this.onSave.call(this, name, method, clazz);
|
||||||
|
setDirty();
|
||||||
|
_this.dialog.modal('hide');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
show(onSave, dataset) {
|
||||||
|
this.onSave = onSave;
|
||||||
|
this.dialog.modal('show');
|
||||||
|
if (dataset) {
|
||||||
|
this.oldName = dataset.name;
|
||||||
|
this.nameEditor.val(dataset.name);
|
||||||
|
this.methodEditor.val(dataset.method);
|
||||||
|
this.helpEditor.val(dataset.clazz);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|