qiangmj / report-ui

Commit 4ff1579466e18f22862f867a81e0a3a8d9627f37

Authored by qianbao
1 parent 4a874a1f

添加字体样式 

添加自定义边框
添加旋转排名表
添加南丁格尔玫瑰图粗细可调整
添加饼形图可调整粗细
添加数字翻牌字体可设置
添加日期字体可设置
Inline Side-by-side
Showing 79 changed files with 1894 additions and 1360 deletions
config/dev.env.js
  View file @4ff1579
@@ -4,6 +4,7 @@ const prodEnv = require('./prod.env') @@ -4,6 +4,7 @@ const prodEnv = require('./prod.env')
4 4
5 module.exports = merge(prodEnv, { 5 module.exports = merge(prodEnv, {
6 NODE_ENV: '"development"', 6 NODE_ENV: '"development"',
7 - BASE_API: '"http://weberp.xlyprint.cn:8080/xlyReport"', 7 + //BASE_API: '"http://127.0.0.1:8080/xlyReport"',
  8 + BASE_API: '"http://weberp.xlyprint.cn/xlyReport"',
8 //API_WS: '"ws://127.0.0.1:8080/api/websocket"' 9 //API_WS: '"ws://127.0.0.1:8080/api/websocket"'
9 }) 10 })
index.html
  View file @4ff1579
@@ -8,6 +8,7 @@ @@ -8,6 +8,7 @@
8 <link rel='stylesheet' href='./static/luckysheet/plugins/css/pluginsCss.css' /> 8 <link rel='stylesheet' href='./static/luckysheet/plugins/css/pluginsCss.css' />
9 <link rel='stylesheet' href='./static/luckysheet/plugins/plugins.css' /> 9 <link rel='stylesheet' href='./static/luckysheet/plugins/plugins.css' />
10 <link rel='stylesheet' href='./static/luckysheet/css/luckysheet.css' /> 10 <link rel='stylesheet' href='./static/luckysheet/css/luckysheet.css' />
  11 + <link rel='stylesheet' href='./static/luckysheet/assets/numberfont/numberfont.css' />
11 <script src="./static/luckysheet/plugins/js/plugin.js"></script> 12 <script src="./static/luckysheet/plugins/js/plugin.js"></script>
12 <script src="./static/luckysheet/luckysheet.umd.js"></script> 13 <script src="./static/luckysheet/luckysheet.umd.js"></script>
13 14
package.json
  View file @4ff1579
@@ -34,6 +34,7 @@ @@ -34,6 +34,7 @@
34 "uninstall": "0.0.0", 34 "uninstall": "0.0.0",
35 "v-chart": "^1.0.0", 35 "v-chart": "^1.0.0",
36 "vue": "2.6.11", 36 "vue": "2.6.11",
  37 + "vue-animate-number": "^0.4.2",
37 "vue-codemirror": "^4.0.6", 38 "vue-codemirror": "^4.0.6",
38 "vue-color": "^2.8.1", 39 "vue-color": "^2.8.1",
39 "vue-drag-resize": "^1.5.4", 40 "vue-drag-resize": "^1.5.4",
src/assets/images/widget/decorate1.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 -baseProfile="full"  
3 -xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="transparent" width="200px" height="50px" style="transform: scale(9.11, 24.58);">  
4 - <rect fill="#00CED1" x="36.845238095238095" y="8.75" width="2.5" height="2.5">  
5 - </rect>  
6 - <rect fill="#00CED1" x="84.46428571428571" y="8.75" width="2.5" height="2.5">  
7 - </rect>  
8 - <rect fill="#00CED1" x="113.03571428571428" y="8.75" width="2.5" height="2.5">  
9 - <animate attributeName="fill" values="#00CED1;transparent" dur="1s" begin="0.41202722151409565" repeatCount="indefinite"></animate>  
10 - </rect>  
11 - <rect fill="#00CED1" x="132.08333333333334" y="8.75" width="2.5" height="2.5">  
12 - <animate attributeName="fill" values="#00CED1;transparent" dur="1s" begin="0.691915838830659" repeatCount="indefinite"></animate>  
13 - </rect>  
14 - <rect fill="#00CED1" x="160.6547619047619" y="8.75" width="2.5" height="2.5">  
15 - <animate attributeName="fill" values="#00CED1;transparent" dur="1s" begin="0.2880164292057623" repeatCount="indefinite"></animate>  
16 - </rect>  
17 - <rect fill="#00CED1" x="189.22619047619048" y="8.75" width="2.5" height="2.5">  
18 - </rect>  
19 - <rect fill="#00CED1" x="74.94047619047619" y="18.75" width="2.5" height="2.5">  
20 - <animate attributeName="fill" values="#00CED1;transparent" dur="1s" begin="0.39891746024340735" repeatCount="indefinite"></animate>  
21 - </rect>  
22 - <rect fill="#00CED1" x="113.03571428571428" y="18.75" width="2.5" height="2.5">  
23 - <animate attributeName="fill" values="#00CED1;transparent" dur="1s" begin="0.35078035913569083" repeatCount="indefinite"></animate>  
24 - </rect>  
25 - <rect fill="#00CED1" x="141.60714285714286" y="18.75" width="2.5" height="2.5">  
26 - </rect>  
27 - <rect fill="#00CED1" x="8.273809523809524" y="28.75" width="2.5" height="2.5">  
28 - </rect>  
29 - <rect fill="#00CED1" x="36.845238095238095" y="28.75" width="2.5" height="2.5">  
30 - </rect>  
31 - <rect fill="#00CED1" x="84.46428571428571" y="28.75" width="2.5" height="2.5">  
32 - <animate attributeName="fill" values="#00CED1;transparent" dur="1s" begin="0.3992796711422115" repeatCount="indefinite"></animate>  
33 - </rect>  
34 - <rect fill="#00CED1" x="93.98809523809524" y="28.75" width="2.5" height="2.5">  
35 - </rect>  
36 - <rect fill="#00CED1" x="113.03571428571428" y="28.75" width="2.5" height="2.5">  
37 - </rect>  
38 - <rect fill="#00CED1" x="132.08333333333334" y="28.75" width="2.5" height="2.5">  
39 - </rect>  
40 - <rect fill="#00CED1" x="141.60714285714286" y="28.75" width="2.5" height="2.5">  
41 - </rect>  
42 - <rect fill="#00CED1" x="160.6547619047619" y="28.75" width="2.5" height="2.5">  
43 - <animate attributeName="fill" values="#00CED1;transparent" dur="1s" begin="1.6727816580051433" repeatCount="indefinite"></animate>  
44 - </rect>  
45 - <rect fill="#00CED1" x="170.17857142857142" y="28.75" width="2.5" height="2.5">  
46 - </rect>  
47 - <rect fill="#00CED1" x="189.22619047619048" y="28.75" width="2.5" height="2.5">  
48 - </rect>  
49 - <rect fill="#00CED1" x="17.797619047619047" y="38.75" width="2.5" height="2.5">  
50 - </rect>  
51 - <rect fill="#00CED1" x="36.845238095238095" y="38.75" width="2.5" height="2.5">  
52 - <animate attributeName="fill" values="#00CED1;transparent" dur="1s" begin="1.683706890385123" repeatCount="indefinite"></animate>  
53 - </rect>  
54 - <rect fill="#00CED1" x="46.36904761904762" y="38.75" width="2.5" height="2.5">  
55 - </rect>  
56 - <rect fill="#00CED1" x="55.89285714285714" y="38.75" width="2.5" height="2.5">  
57 - <animate attributeName="fill" values="#00CED1;transparent" dur="1s" begin="1.006582018814096" repeatCount="indefinite"></animate>  
58 - </rect>  
59 - <rect fill="#00CED1" x="65.41666666666667" y="38.75" width="2.5" height="2.5">  
60 - </rect>  
61 - <rect fill="#00CED1" x="113.03571428571428" y="38.75" width="2.5" height="2.5">  
62 - </rect>  
63 - <rect fill="#00CED1" x="132.08333333333334" y="38.75" width="2.5" height="2.5">  
64 - </rect>  
65 - <rect fill="#00CED1" x="189.22619047619048" y="38.75" width="2.5" height="2.5">  
66 - </rect>  
67 - <rect fill="#FAD400" x="187.97619047619048" y="17.5" width="5" height="5">  
68 - <animate attributeName="width" values="0;5" dur="2s" repeatCount="indefinite"></animate>  
69 - <animate attributeName="height" values="0;5" dur="2s" repeatCount="indefinite"></animate>  
70 - <animate attributeName="x" values="190.47619047619048;187.97619047619048" dur="2s" repeatCount="indefinite"></animate>  
71 - <animate attributeName="y" values="20;17.5" dur="2s" repeatCount="indefinite"></animate>  
72 - </rect>  
73 - <rect fill="#FAD400" x="131.42857142857142" y="17.5" width="40" height="5">  
74 - <animate attributeName="width" values="0;40;0" dur="2s" repeatCount="indefinite"></animate>  
75 - <animate attributeName="x" values="171.42857142857142;131.42857142857142;171.42857142857142" dur="2s" repeatCount="indefinite"></animate>  
76 - </rect>  
77 -</svg>  
78 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/decorate10.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="transparent" width="2104" height="1129">  
4 - <polyline stroke-width="2" points="0, 564.5 2104, 564.5" stroke="#FAD400"></polyline>  
5 - <polyline stroke-width="2" points="5, 564.5 417.8, 564.5" stroke-dasharray="0, 420.8" fill="freeze" stroke="#00CED1">  
6 - <animate id="d10ani23c523652ab744c6ab8afeff10246e1ec" attributeName="stroke-dasharray" values="0, 420.8;420.8, 0;" dur="3s" begin="d10ani13c523652ab744c6ab8afeff10246e1ec.end" fill="freeze"></animate>  
7 - <animate attributeName="stroke-dasharray" values="420.8, 0;0, 420.8" dur="0.01s" begin="d10ani73c523652ab744c6ab8afeff10246e1ec.end" fill="freeze"></animate>  
8 - </polyline>  
9 - <polyline stroke-width="2" points="423.8, 564.5 1680.2, 564.5" stroke-dasharray="0, 1262.3999999999999" stroke="#00CED1">  
10 - <animate id="d10ani43c523652ab744c6ab8afeff10246e1ec" attributeName="stroke-dasharray" values="0, 1262.3999999999999;1262.3999999999999, 0" dur="3s" begin="d10ani33c523652ab744c6ab8afeff10246e1ec.end + 1s" fill="freeze"></animate>  
11 - <animate attributeName="stroke-dasharray" values="1262.3999999999999, 0;0, 1262.3999999999999" dur="0.01s" begin="d10ani73c523652ab744c6ab8afeff10246e1ec.end" fill="freeze"></animate>  
12 - </polyline>  
13 - <polyline stroke-width="2" points="1686.2, 564.5 2099, 564.5" stroke-dasharray="0, 420.8" stroke="#00CED1">  
14 - <animate id="d10ani63c523652ab744c6ab8afeff10246e1ec" attributeName="stroke-dasharray" values="0, 420.8;420.8, 0" dur="3s" begin="d10ani53c523652ab744c6ab8afeff10246e1ec.end + 1s" fill="freeze"></animate>  
15 - <animate attributeName="stroke-dasharray" values="420.8, 0;0, 631.1999999999999" dur="0.01s" begin="d10ani73c523652ab744c6ab8afeff10246e1ec.end" fill="freeze"></animate>  
16 - </polyline>  
17 - <circle cx="2" cy="564.5" r="2" fill="#FAD400">  
18 - <animate id="d10ani13c523652ab744c6ab8afeff10246e1ec" attributeName="fill" values="#FAD400;#00CED1" begin="0s;d10ani73c523652ab744c6ab8afeff10246e1ec.end" dur="0.3s" fill="freeze"></animate>  
19 - </circle>  
20 - <circle cx="420.8" cy="564.5" r="2" fill="#FAD400">  
21 - <animate id="d10ani33c523652ab744c6ab8afeff10246e1ec" attributeName="fill" values="#FAD400;#00CED1" begin="d10ani23c523652ab744c6ab8afeff10246e1ec.end" dur="0.3s" fill="freeze"></animate>  
22 - <animate attributeName="fill" values="#FAD400;#FAD400" dur="0.01s" begin="d10ani73c523652ab744c6ab8afeff10246e1ec.end" fill="freeze"></animate>  
23 - </circle>  
24 - <circle cx="1683.2" cy="564.5" r="2" fill="#FAD400">  
25 - <animate id="d10ani53c523652ab744c6ab8afeff10246e1ec" attributeName="fill" values="#FAD400;#00CED1" begin="d10ani43c523652ab744c6ab8afeff10246e1ec.end" dur="0.3s" fill="freeze"></animate>  
26 - <animate attributeName="fill" values="#FAD400;#FAD400" dur="0.01s" begin="d10ani73c523652ab744c6ab8afeff10246e1ec.end" fill="freeze"></animate>  
27 - </circle>  
28 - <circle cx="2102" cy="564.5" r="2" fill="#FAD400">  
29 - <animate id="d10ani73c523652ab744c6ab8afeff10246e1ec" attributeName="fill" values="#FAD400;#00CED1" begin="d10ani63c523652ab744c6ab8afeff10246e1ec.end" dur="0.3s" fill="freeze"></animate>  
30 - <animate attributeName="fill" values="#FAD400;#FAD400" dur="0.01s" begin="d10ani73c523652ab744c6ab8afeff10246e1ec.end" fill="freeze"></animate>  
31 - </circle>  
32 -</svg>  
33 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/decorate11.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="transparent" width="2104" height="1129">  
4 - <polygon fill="rgba(250,212,0,0.1)" points="20 10, 25 4, 55 4 60 10" stroke="#FAD400"></polygon>  
5 - <polygon fill="rgba(250,212,0,0.1)" points="20 1119, 25 1125, 55 1125 60 1119" stroke="#FAD400"></polygon>  
6 - <polygon fill="rgba(250,212,0,0.1)" points="2084 10, 2079 4, 2049 4 2044 10" stroke="#FAD400"></polygon>  
7 - <polygon fill="rgba(250,212,0,0.1)" points="2084 1119, 2079 1125, 2049 1125 2044 1119" stroke="#FAD400"></polygon>  
8 - <polygon fill="rgba(0,206,209,0.2)" points="  
9 - 20 10, 5 564.5 20 1119  
10 - 2084 1119 2099 564.5 2084 10  
11 - " stroke="#00CED1"></polygon>  
12 - <polyline fill="transparent" stroke="rgba(0,206,209,0.7)" points="25 18, 15 564.5 25 1111"></polyline>  
13 - <polyline fill="transparent" stroke="rgba(0,206,209,0.7)" points="2079 18, 2089 564.5 2079 1111"></polyline>  
14 -</svg>  
15 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/decorate12.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="transparent" width="2297" height="1302">  
4 - <defs>  
5 - <g id="decoration-12-g-3394b47e413b415b9b29d89f4bb757e9">  
6 - <path stroke="rgba(0,206,209,1)" stroke-width="1148.5" fill="transparent" d="M1148.5,76.75 A574.25, 574.25 0 0 0 1128.45896,77.09982"></path>  
7 - <path stroke="rgba(0,206,209,0.9655172413793103)" stroke-width="1148.5" fill="transparent" d="M1128.45896,77.09982 A574.25, 574.25 0 0 0 1108.44234,78.14884"></path>  
8 - <path stroke="rgba(0,206,209,0.9310344827586207)" stroke-width="1148.5" fill="transparent" d="M1108.44234,78.14884 A574.25, 574.25 0 0 0 1088.47453,79.89580"></path>  
9 - <path stroke="rgba(0,206,209,0.896551724137931)" stroke-width="1148.5" fill="transparent" d="M1088.47453,79.89580 A574.25, 574.25 0 0 0 1068.57985,82.33856"></path>  
10 - <path stroke="rgba(0,206,209,0.8620689655172414)" stroke-width="1148.5" fill="transparent" d="M1068.57985,82.33856 A574.25, 574.25 0 0 0 1048.78253,85.47415"></path>  
11 - <path stroke="rgba(0,206,209,0.8275862068965517)" stroke-width="1148.5" fill="transparent" d="M1048.78253,85.47415 A574.25, 574.25 0 0 0 1029.10671,89.29874"></path>  
12 - <path stroke="rgba(0,206,209,0.7931034482758621)" stroke-width="1148.5" fill="transparent" d="M1029.10671,89.29874 A574.25, 574.25 0 0 0 1009.57635,93.80768"></path>  
13 - <path stroke="rgba(0,206,209,0.7586206896551724)" stroke-width="1148.5" fill="transparent" d="M1009.57635,93.80768 A574.25, 574.25 0 0 0 990.21525,98.99547"></path>  
14 - <path stroke="rgba(0,206,209,0.7241379310344829)" stroke-width="1148.5" fill="transparent" d="M990.21525,98.99547 A574.25, 574.25 0 0 0 971.04699,104.85580"></path>  
15 - <path stroke="rgba(0,206,209,0.6896551724137931)" stroke-width="1148.5" fill="transparent" d="M971.04699,104.85580 A574.25, 574.25 0 0 0 952.09493,111.38151"></path>  
16 - <path stroke="rgba(0,206,209,0.6551724137931035)" stroke-width="1148.5" fill="transparent" d="M952.09493,111.38151 A574.25, 574.25 0 0 0 933.38216,118.56467"></path>  
17 - <path stroke="rgba(0,206,209,0.6206896551724138)" stroke-width="1148.5" fill="transparent" d="M933.38216,118.56467 A574.25, 574.25 0 0 0 914.93148,126.39652"></path>  
18 - <path stroke="rgba(0,206,209,0.5862068965517241)" stroke-width="1148.5" fill="transparent" d="M914.93148,126.39652 A574.25, 574.25 0 0 0 896.76537,134.86752"></path>  
19 - <path stroke="rgba(0,206,209,0.5517241379310345)" stroke-width="1148.5" fill="transparent" d="M896.76537,134.86752 A574.25, 574.25 0 0 0 878.90596,143.96734"></path>  
20 - <path stroke="rgba(0,206,209,0.5172413793103449)" stroke-width="1148.5" fill="transparent" d="M878.90596,143.96734 A574.25, 574.25 0 0 0 861.37500,153.68491"></path>  
21 - <path stroke="rgba(0,206,209,0.48275862068965525)" stroke-width="1148.5" fill="transparent" d="M861.37500,153.68491 A574.25, 574.25 0 0 0 844.19386,164.00838"></path>  
22 - <path stroke="rgba(0,206,209,0.4482758620689655)" stroke-width="1148.5" fill="transparent" d="M844.19386,164.00838 A574.25, 574.25 0 0 0 827.38348,174.92517"></path>  
23 - <path stroke="rgba(0,206,209,0.41379310344827586)" stroke-width="1148.5" fill="transparent" d="M827.38348,174.92517 A574.25, 574.25 0 0 0 810.96432,186.42199"></path>  
24 - <path stroke="rgba(0,206,209,0.37931034482758624)" stroke-width="1148.5" fill="transparent" d="M810.96432,186.42199 A574.25, 574.25 0 0 0 794.95640,198.48482"></path>  
25 - <path stroke="rgba(0,206,209,0.34482758620689663)" stroke-width="1148.5" fill="transparent" d="M794.95640,198.48482 A574.25, 574.25 0 0 0 779.37922,211.09898"></path>  
26 - <path stroke="rgba(0,206,209,0.31034482758620696)" stroke-width="1148.5" fill="transparent" d="M779.37922,211.09898 A574.25, 574.25 0 0 0 764.25175,224.24908"></path>  
27 - <path stroke="rgba(0,206,209,0.2758620689655173)" stroke-width="1148.5" fill="transparent" d="M764.25175,224.24908 A574.25, 574.25 0 0 0 749.59243,237.91912"></path>  
28 - <path stroke="rgba(0,206,209,0.24137931034482762)" stroke-width="1148.5" fill="transparent" d="M749.59243,237.91912 A574.25, 574.25 0 0 0 735.41912,252.09243"></path>  
29 - <path stroke="rgba(0,206,209,0.20689655172413793)" stroke-width="1148.5" fill="transparent" d="M735.41912,252.09243 A574.25, 574.25 0 0 0 721.74908,266.75175"></path>  
30 - <path stroke="rgba(0,206,209,0.17241379310344826)" stroke-width="1148.5" fill="transparent" d="M721.74908,266.75175 A574.25, 574.25 0 0 0 708.59898,281.87922"></path>  
31 - <path stroke="rgba(0,206,209,0.13793103448275873)" stroke-width="1148.5" fill="transparent" d="M708.59898,281.87922 A574.25, 574.25 0 0 0 695.98482,297.45640"></path>  
32 - <path stroke="rgba(0,206,209,0.10344827586206903)" stroke-width="1148.5" fill="transparent" d="M695.98482,297.45640 A574.25, 574.25 0 0 0 683.92199,313.46432"></path>  
33 - <path stroke="rgba(0,206,209,0.06896551724137936)" stroke-width="1148.5" fill="transparent" d="M683.92199,313.46432 A574.25, 574.25 0 0 0 672.42517,329.88348"></path>  
34 - <path stroke="rgba(0,206,209,0.03448275862068968)" stroke-width="1148.5" fill="transparent" d="M672.42517,329.88348 A574.25, 574.25 0 0 0 661.50838,346.69386"></path>  
35 - <path stroke="rgba(0,206,209,0)" stroke-width="1148.5" fill="transparent" d="M661.50838,346.69386 A574.25, 574.25 0 0 0 651.18491,363.87500"></path>  
36 - </g>  
37 - <radialGradient id="decoration-12-gradient-3394b47e413b415b9b29d89f4bb757e9" cx="50%" cy="50%" r="50%">  
38 - <stop offset="0%" stop-color="transparent" stop-opacity="1"></stop>  
39 - <stop offset="100%" stop-color="rgba(250,212,0,0.3)" stop-opacity="1"></stop>  
40 - </radialGradient>  
41 - </defs>  
42 - <circle r="382.6666666666667" cx="1148.5" cy="651" stroke="#FAD400" stroke-width="0.5" fill="transparent"></circle>  
43 - <circle r="765.3333333333334" cx="1148.5" cy="651" stroke="#FAD400" stroke-width="0.5" fill="transparent"></circle>  
44 - <circle r="1148" cx="1148.5" cy="651" stroke="#FAD400" stroke-width="0.5" fill="transparent"></circle>  
45 - <circle r="1" cx="1148.5" cy="651" stroke="transparent" fill="url(#decoration-12-gradient-3394b47e413b415b9b29d89f4bb757e9)">  
46 - <animate attributeName="r" values="1;1148.5" dur="2s" repeatCount="indefinite"></animate>  
47 - <animate attributeName="opacity" values="1;0" dur="2s" repeatCount="indefinite"></animate>  
48 - </circle>  
49 - <circle r="2" cx="1148.5" cy="651" fill="#FAD400"></circle>  
50 - <g>  
51 - <polyline points="2143.1301762464277,1225.25 153.86982375357206,76.75000000000034" stroke="#FAD400" stroke-width="0.5" opacity="0.5"></polyline>  
52 - <polyline points="1722.75,1645.6301762464277 574.2499999999995,-343.6301762464276" stroke="#FAD400" stroke-width="0.5" opacity="0.5"></polyline>  
53 - <polyline points="1148.5,1799.5 1148.4999999999998,-497.5" stroke="#FAD400" stroke-width="0.5" opacity="0.5"></polyline>  
54 - <polyline points="574.2500000000002,1645.6301762464277 1722.749999999999,-343.6301762464283" stroke="#FAD400" stroke-width="0.5" opacity="0.5"></polyline>  
55 - <polyline points="153.8698237535724,1225.2500000000005 2143.1301762464273,76.74999999999955" stroke="#FAD400" stroke-width="0.5" opacity="0.5"></polyline>  
56 - <polyline points="0,651.0000000000001 2297,650.9999999999998" stroke="#FAD400" stroke-width="0.5" opacity="0.5"></polyline>  
57 - </g>  
58 - <path d="M2142.264150842643,1224.75 A1148.5, 651 0 0 1 1722.25,1644.7641508426432" stroke="#FAD400" stroke-width="2" fill="transparent"></path>  
59 - <path d="M574.7500000000002,1644.7641508426434 A1148.5, 651 0 0 1 154.73584915735682,1224.7500000000005" stroke="#FAD400" stroke-width="2" fill="transparent"></path>  
60 - <path d="M154.73584915735648,77.25000000000034 A1148.5, 651 0 0 1 574.7499999999995,-342.7641508426432" stroke="#FAD400" stroke-width="2" fill="transparent"></path>  
61 - <path d="M1722.249999999999,-342.76415084264374 A1148.5, 651 0 0 1 2142.264150842643,77.24999999999955" stroke="#FAD400" stroke-width="2" fill="transparent"></path>  
62 - <use xlink:href="#decoration-12-g-3394b47e413b415b9b29d89f4bb757e9">  
63 - <animateTransform attributeName="transform" type="rotate" values="0, 1148.5 651;360, 1148.5 651" dur="3s" repeatCount="indefinite"></animateTransform>  
64 - </use>  
65 -</svg>  
66 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/decorate2.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="transparent" width="1877px" height="537px">  
4 - <rect x="0" y="268.5" width="1877" height="2" fill="#00CED1">  
5 - <animate attributeName="width" from="0" to="1877" dur="3s" calcMode="spline" keyTimes="0;1" keySplines=".42,0,.58,1" repeatCount="indefinite"></animate>  
6 - </rect>  
7 - <rect x="0" y="268.5" width="1" height="2" fill="#FAD400">  
8 - <animate attributeName="x" from="0" to="1877" dur="3s" calcMode="spline" keyTimes="0;1" keySplines="0.42,0,0.58,1" repeatCount="indefinite"></animate>  
9 - </rect>  
10 -</svg>  
11 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/decorate3.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="transparent" width="300px" height="35px" style="transform: scale(4.95667, 12.6571);">  
4 - <rect fill="#00CED1" x="8.038461538461538" y="8.166666666666666" width="7" height="7">  
5 - <!---->  
6 - </rect>  
7 - <rect fill="#00CED1" x="19.576923076923077" y="8.166666666666666" width="7" height="7">  
8 - <!---->  
9 - </rect>  
10 - <rect fill="#00CED1" x="31.115384615384613" y="8.166666666666666" width="7" height="7">  
11 - <!---->  
12 - </rect>  
13 - <rect fill="#00CED1" x="42.65384615384615" y="8.166666666666666" width="7" height="7">  
14 - <!---->  
15 - </rect>  
16 - <rect fill="#00CED1" x="54.19230769230769" y="8.166666666666666" width="7" height="7">  
17 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.8412841766923513s" begin="0.5176353550935606" repeatCount="indefinite"></animate>  
18 - </rect>  
19 - <rect fill="#00CED1" x="65.73076923076923" y="8.166666666666666" width="7" height="7">  
20 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.6927204138415908s" begin="0.7393420019617922" repeatCount="indefinite"></animate>  
21 - </rect>  
22 - <rect fill="#00CED1" x="77.26923076923077" y="8.166666666666666" width="7" height="7">  
23 - <!---->  
24 - </rect>  
25 - <rect fill="#00CED1" x="88.8076923076923" y="8.166666666666666" width="7" height="7">  
26 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.8801016132688009s" begin="1.9827949800271267" repeatCount="indefinite"></animate>  
27 - </rect>  
28 - <rect fill="#00CED1" x="100.34615384615384" y="8.166666666666666" width="7" height="7">  
29 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.4748339843750133s" begin="1.7307829937924968" repeatCount="indefinite"></animate>  
30 - </rect>  
31 - <rect fill="#00CED1" x="111.88461538461539" y="8.166666666666666" width="7" height="7">  
32 - <!---->  
33 - </rect>  
34 - <rect fill="#00CED1" x="123.42307692307692" y="8.166666666666666" width="7" height="7">  
35 - <!---->  
36 - </rect>  
37 - <rect fill="#00CED1" x="134.96153846153845" y="8.166666666666666" width="7" height="7">  
38 - <!---->  
39 - </rect>  
40 - <rect fill="#00CED1" x="146.5" y="8.166666666666666" width="7" height="7">  
41 - <!---->  
42 - </rect>  
43 - <rect fill="#00CED1" x="158.03846153846155" y="8.166666666666666" width="7" height="7">  
44 - <!---->  
45 - </rect>  
46 - <rect fill="#00CED1" x="169.57692307692307" y="8.166666666666666" width="7" height="7">  
47 - <!---->  
48 - </rect>  
49 - <rect fill="#00CED1" x="181.1153846153846" y="8.166666666666666" width="7" height="7">  
50 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.9349783319032743s" begin="1.2101534989114424" repeatCount="indefinite"></animate>  
51 - </rect>  
52 - <rect fill="#00CED1" x="192.65384615384616" y="8.166666666666666" width="7" height="7">  
53 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.9799917657896928s" begin="0.22932654948701225" repeatCount="indefinite"></animate>  
54 - </rect>  
55 - <rect fill="#00CED1" x="204.19230769230768" y="8.166666666666666" width="7" height="7">  
56 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.9405039586884445s" begin="1.009966034638008" repeatCount="indefinite"></animate>  
57 - </rect>  
58 - <rect fill="#00CED1" x="215.73076923076923" y="8.166666666666666" width="7" height="7">  
59 - <!---->  
60 - </rect>  
61 - <rect fill="#00CED1" x="227.26923076923077" y="8.166666666666666" width="7" height="7">  
62 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.164239580741545s" begin="0.4225201577520772" repeatCount="indefinite"></animate>  
63 - </rect>  
64 - <rect fill="#00CED1" x="238.8076923076923" y="8.166666666666666" width="7" height="7">  
65 - <!---->  
66 - </rect>  
67 - <rect fill="#00CED1" x="250.34615384615384" y="8.166666666666666" width="7" height="7">  
68 - <!---->  
69 - </rect>  
70 - <rect fill="#00CED1" x="261.88461538461536" y="8.166666666666666" width="7" height="7">  
71 - <!---->  
72 - </rect>  
73 - <rect fill="#00CED1" x="273.4230769230769" y="8.166666666666666" width="7" height="7">  
74 - <!---->  
75 - </rect>  
76 - <rect fill="#00CED1" x="284.96153846153845" y="8.166666666666666" width="7" height="7">  
77 - <!---->  
78 - </rect>  
79 - <rect fill="#00CED1" x="8.038461538461538" y="19.833333333333332" width="7" height="7">  
80 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.4835336005023403s" begin="0.6548669246433421" repeatCount="indefinite"></animate>  
81 - </rect>  
82 - <rect fill="#00CED1" x="19.576923076923077" y="19.833333333333332" width="7" height="7">  
83 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.714200625595007s" begin="1.5399438162183285" repeatCount="indefinite"></animate>  
84 - </rect>  
85 - <rect fill="#00CED1" x="31.115384615384613" y="19.833333333333332" width="7" height="7">  
86 - <!---->  
87 - </rect>  
88 - <rect fill="#00CED1" x="42.65384615384615" y="19.833333333333332" width="7" height="7">  
89 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.1921417475606229s" begin="0.4034075352192983" repeatCount="indefinite"></animate>  
90 - </rect>  
91 - <rect fill="#00CED1" x="54.19230769230769" y="19.833333333333332" width="7" height="7">  
92 - <!---->  
93 - </rect>  
94 - <rect fill="#00CED1" x="65.73076923076923" y="19.833333333333332" width="7" height="7">  
95 - <!---->  
96 - </rect>  
97 - <rect fill="#00CED1" x="77.26923076923077" y="19.833333333333332" width="7" height="7">  
98 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.3395991935002942s" begin="1.7658684683666475" repeatCount="indefinite"></animate>  
99 - </rect>  
100 - <rect fill="#00CED1" x="88.8076923076923" y="19.833333333333332" width="7" height="7">  
101 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.4409707095120556s" begin="0.40435784511961703" repeatCount="indefinite"></animate>  
102 - </rect>  
103 - <rect fill="#00CED1" x="100.34615384615384" y="19.833333333333332" width="7" height="7">  
104 - <!---->  
105 - </rect>  
106 - <rect fill="#00CED1" x="111.88461538461539" y="19.833333333333332" width="7" height="7">  
107 - <!---->  
108 - </rect>  
109 - <rect fill="#00CED1" x="123.42307692307692" y="19.833333333333332" width="7" height="7">  
110 - <!---->  
111 - </rect>  
112 - <rect fill="#00CED1" x="134.96153846153845" y="19.833333333333332" width="7" height="7">  
113 - <!---->  
114 - </rect>  
115 - <rect fill="#00CED1" x="146.5" y="19.833333333333332" width="7" height="7">  
116 - <!---->  
117 - </rect>  
118 - <rect fill="#00CED1" x="158.03846153846155" y="19.833333333333332" width="7" height="7">  
119 - <!---->  
120 - </rect>  
121 - <rect fill="#00CED1" x="169.57692307692307" y="19.833333333333332" width="7" height="7">  
122 - <!---->  
123 - </rect>  
124 - <rect fill="#00CED1" x="181.1153846153846" y="19.833333333333332" width="7" height="7">  
125 - <!---->  
126 - </rect>  
127 - <rect fill="#00CED1" x="192.65384615384616" y="19.833333333333332" width="7" height="7">  
128 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.7454717685713368s" begin="0.4742332518067256" repeatCount="indefinite"></animate>  
129 - </rect>  
130 - <rect fill="#00CED1" x="204.19230769230768" y="19.833333333333332" width="7" height="7">  
131 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.3671084393277293s" begin="1.0375987161980946" repeatCount="indefinite"></animate>  
132 - </rect>  
133 - <rect fill="#00CED1" x="215.73076923076923" y="19.833333333333332" width="7" height="7">  
134 - <!---->  
135 - </rect>  
136 - <rect fill="#00CED1" x="227.26923076923077" y="19.833333333333332" width="7" height="7">  
137 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.444470242907152s" begin="1.036913711848415" repeatCount="indefinite"></animate>  
138 - </rect>  
139 - <rect fill="#00CED1" x="238.8076923076923" y="19.833333333333332" width="7" height="7">  
140 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.7494598105696535s" begin="1.1200880072376669" repeatCount="indefinite"></animate>  
141 - </rect>  
142 - <rect fill="#00CED1" x="250.34615384615384" y="19.833333333333332" width="7" height="7">  
143 - <!---->  
144 - </rect>  
145 - <rect fill="#00CED1" x="261.88461538461536" y="19.833333333333332" width="7" height="7">  
146 - <animate attributeName="fill" values="#00CED1;#FAD400" dur="1.5104561335422264s" begin="1.5325133106543087" repeatCount="indefinite"></animate>  
147 - </rect>  
148 - <rect fill="#00CED1" x="273.4230769230769" y="19.833333333333332" width="7" height="7">  
149 - <!---->  
150 - </rect>  
151 - <rect fill="#00CED1" x="284.96153846153845" y="19.833333333333332" width="7" height="7">  
152 - <!---->  
153 - </rect>  
154 -</svg>  
155 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/decorate4.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="transparent" width="5" height="1528">  
4 - <polyline points="2.5, 0 2.5, 1528" stroke="#00CED1"></polyline>  
5 - <polyline stroke-width="3" stroke-dasharray="20, 80" stroke-dashoffset="-30" points="2.5, 0 2.5, 1528" class="bold-line" stroke="#FAD400"></polyline>  
6 -</svg>  
7 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/decorate5.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="transparent" width="1393" height="1186">  
4 - <polyline fill="transparent" stroke-width="3" points="0,237.20000000000002 250.73999999999998,237.20000000000002 278.6,474.40000000000003 348.25,474.40000000000003 376.11,711.6 1002.9599999999999,711.6 1044.75,474.40000000000003 1114.4,474.40000000000003 1142.26,237.20000000000002 1393,237.20000000000002" stroke="#00CED1">  
5 - <animate attributeName="stroke-dasharray" attributeType="XML" from="0, 1112.4873666705153, 0, 1112.4873666705153" to="0, 0, 2224.9747333410305, 0" dur="3s" begin="0s" calcMode="spline" keyTimes="0;1" keySplines="0.4,1,0.49,0.98" repeatCount="indefinite"></animate>  
6 - </polyline>  
7 - <polyline fill="transparent" stroke-width="2" points="417.9,948.8000000000001 975.0999999999999,948.8000000000001" stroke="#FAD400">  
8 - <animate attributeName="stroke-dasharray" attributeType="XML" from="0, 278.59999999999997, 0, 278.59999999999997" to="0, 0, 557.1999999999999, 0" dur="3s" begin="0s" calcMode="spline" keyTimes="0;1" keySplines=".4,1,.49,.98" repeatCount="indefinite"></animate>  
9 - </polyline>  
10 -</svg>  
11 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/decorate6.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="transparent" width="300px" height="35px" style="transform: scale(4.64333, 33.8857);">  
4 - <rect fill="#FAD400" x="3.8170731707317076" y="8.5" width="7" height="18">  
5 - <animate attributeName="y" values="12.489649024107809;8.5;12.489649024107809" dur="1.7371767380377356s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
6 - <animate attributeName="height" values="10.020701951784382;18;10.020701951784382" dur="1.7371767380377356s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
7 - </rect>  
8 - <rect fill="#FAD400" x="11.134146341463415" y="11" width="7" height="13">  
9 - <animate attributeName="y" values="14.50479462111376;11;14.50479462111376" dur="2.150646602851556s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
10 - <animate attributeName="height" values="5.990410757772478;13;5.990410757772478" dur="2.150646602851556s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
11 - </rect>  
12 - <rect fill="#00CED1" x="18.451219512195124" y="3.5" width="7" height="28">  
13 - <animate attributeName="y" values="4.1432322457607285;3.5;4.1432322457607285" dur="1.9674580011274339s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
14 - <animate attributeName="height" values="26.713535508478543;28;26.713535508478543" dur="1.9674580011274339s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
15 - </rect>  
16 - <rect fill="#FAD400" x="25.76829268292683" y="9.5" width="7" height="16">  
17 - <animate attributeName="y" values="12.1291063648255;9.5;12.1291063648255" dur="2.0866524302543032s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
18 - <animate attributeName="height" values="10.741787270349;16;10.741787270349" dur="2.0866524302543032s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
19 - </rect>  
20 - <rect fill="#00CED1" x="33.08536585365854" y="11.5" width="7" height="12">  
21 - <animate attributeName="y" values="14.868723497776367;11.5;14.868723497776367" dur="1.9540075415235314s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
22 - <animate attributeName="height" values="5.262553004447265;12;5.262553004447265" dur="1.9540075415235314s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
23 - </rect>  
24 - <rect fill="#00CED1" x="40.40243902439025" y="9" width="7" height="17">  
25 - <animate attributeName="y" values="11.312293082979414;9;11.312293082979414" dur="1.6490684469429517s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
26 - <animate attributeName="height" values="12.375413834041172;17;12.375413834041172" dur="1.6490684469429517s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
27 - </rect>  
28 - <rect fill="#00CED1" x="47.71951219512195" y="12" width="7" height="11">  
29 - <animate attributeName="y" values="12.479724077328662;12;12.479724077328662" dur="2.3849621641498366s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
30 - <animate attributeName="height" values="10.040551845342675;11;10.040551845342675" dur="2.3849621641498366s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
31 - </rect>  
32 - <rect fill="#00CED1" x="55.03658536585366" y="13" width="7" height="9">  
33 - <animate attributeName="y" values="13.768706335369108;13;13.768706335369108" dur="1.5480273705586503s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
34 - <animate attributeName="height" values="7.462587329261783;9;7.462587329261783" dur="1.5480273705586503s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
35 - </rect>  
36 - <rect fill="#FAD400" x="62.35365853658537" y="9" width="7" height="17">  
37 - <animate attributeName="y" values="17.474330361968345;9;17.474330361968345" dur="1.7748736928207105s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
38 - <animate attributeName="height" values="0.051339276063309125;17;0.051339276063309125" dur="1.7748736928207105s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
39 - </rect>  
40 - <rect fill="#00CED1" x="69.67073170731707" y="11.5" width="7" height="12">  
41 - <animate attributeName="y" values="14.43678545709783;11.5;14.43678545709783" dur="2.3115516332116415s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
42 - <animate attributeName="height" values="6.12642908580434;12;6.12642908580434" dur="2.3115516332116415s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
43 - </rect>  
44 - <rect fill="#00CED1" x="76.98780487804878" y="4" width="7" height="27">  
45 - <animate attributeName="y" values="11.36495870595566;4;11.36495870595566" dur="2.092521323911517s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
46 - <animate attributeName="height" values="12.27008258808868;27;12.27008258808868" dur="2.092521323911517s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
47 - </rect>  
48 - <rect fill="#00CED1" x="84.3048780487805" y="9" width="7" height="17">  
49 - <animate attributeName="y" values="13.80484663215403;9;13.80484663215403" dur="2.3782686855278734s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
50 - <animate attributeName="height" values="7.390306735691941;17;7.390306735691941" dur="2.3782686855278734s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
51 - </rect>  
52 - <rect fill="#00CED1" x="91.6219512195122" y="13" width="7" height="9">  
53 - <animate attributeName="y" values="15.791598362015636;13;15.791598362015636" dur="1.687549743557982s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
54 - <animate attributeName="height" values="3.4168032759687286;9;3.4168032759687286" dur="1.687549743557982s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
55 - </rect>  
56 - <rect fill="#FAD400" x="98.9390243902439" y="8.5" width="7" height="18">  
57 - <animate attributeName="y" values="16.957938428218284;8.5;16.957938428218284" dur="1.6108455419112175s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
58 - <animate attributeName="height" values="1.0841231435634295;18;1.0841231435634295" dur="1.6108455419112175s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
59 - </rect>  
60 - <rect fill="#00CED1" x="106.25609756097562" y="13" width="7" height="9">  
61 - <animate attributeName="y" values="13.301033167945585;13;13.301033167945585" dur="1.7758292458014888s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
62 - <animate attributeName="height" values="8.39793366410883;9;8.39793366410883" dur="1.7758292458014888s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
63 - </rect>  
64 - <rect fill="#FAD400" x="113.57317073170732" y="8.5" width="7" height="18">  
65 - <animate attributeName="y" values="13.981288826687901;8.5;13.981288826687901" dur="1.7143195178967472s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
66 - <animate attributeName="height" values="7.037422346624199;18;7.037422346624199" dur="1.7143195178967472s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
67 - </rect>  
68 - <rect fill="#FAD400" x="120.89024390243902" y="11" width="7" height="13">  
69 - <animate attributeName="y" values="15.539731254830206;11;15.539731254830206" dur="2.222740386271892s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
70 - <animate attributeName="height" values="3.920537490339588;13;3.920537490339588" dur="2.222740386271892s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
71 - </rect>  
72 - <rect fill="#FAD400" x="128.20731707317074" y="11.5" width="7" height="12">  
73 - <animate attributeName="y" values="13.56922944287059;11.5;13.56922944287059" dur="1.755756116765689s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
74 - <animate attributeName="height" values="7.861541114258821;12;7.861541114258821" dur="1.755756116765689s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
75 - </rect>  
76 - <rect fill="#FAD400" x="135.52439024390245" y="2.5" width="7" height="30">  
77 - <animate attributeName="y" values="12.480532383845375;2.5;12.480532383845375" dur="1.7356425245231268s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
78 - <animate attributeName="height" values="10.03893523230925;30;10.03893523230925" dur="1.7356425245231268s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
79 - </rect>  
80 - <rect fill="#00CED1" x="142.84146341463415" y="9.5" width="7" height="16">  
81 - <animate attributeName="y" values="11.931634663889215;9.5;11.931634663889215" dur="2.1111733770809398s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
82 - <animate attributeName="height" values="11.13673067222157;16;11.13673067222157" dur="2.1111733770809398s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
83 - </rect>  
84 - <rect fill="#00CED1" x="150.15853658536585" y="13.5" width="7" height="8">  
85 - <animate attributeName="y" values="15.764476998644938;13.5;15.764476998644938" dur="2.0285780613603364s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
86 - <animate attributeName="height" values="3.4710460027101266;8;3.4710460027101266" dur="2.0285780613603364s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
87 - </rect>  
88 - <rect fill="#FAD400" x="157.47560975609755" y="10" width="7" height="15">  
89 - <animate attributeName="y" values="12.760453980094127;10;12.760453980094127" dur="1.615174296474167s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
90 - <animate attributeName="height" values="9.479092039811746;15;9.479092039811746" dur="1.615174296474167s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
91 - </rect>  
92 - <rect fill="#FAD400" x="164.7926829268293" y="10.5" width="7" height="14">  
93 - <animate attributeName="y" values="16.15143525756067;10.5;16.15143525756067" dur="1.847960682235302s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
94 - <animate attributeName="height" values="2.697129484878661;14;2.697129484878661" dur="1.847960682235302s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
95 - </rect>  
96 - <rect fill="#FAD400" x="172.109756097561" y="3.5" width="7" height="28">  
97 - <animate attributeName="y" values="16.374606225562758;3.5;16.374606225562758" dur="2.218334072988883s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
98 - <animate attributeName="height" values="2.2507875488744835;28;2.2507875488744835" dur="2.218334072988883s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
99 - </rect>  
100 - <rect fill="#FAD400" x="179.4268292682927" y="2.5" width="7" height="30">  
101 - <animate attributeName="y" values="7.243326529019107;2.5;7.243326529019107" dur="1.5237630498057575s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
102 - <animate attributeName="height" values="20.513346941961785;30;20.513346941961785" dur="1.5237630498057575s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
103 - </rect>  
104 - <rect fill="#00CED1" x="186.7439024390244" y="3.5" width="7" height="28">  
105 - <animate attributeName="y" values="5.374900390122772;3.5;5.374900390122772" dur="1.6858478329996411s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
106 - <animate attributeName="height" values="24.250199219754457;28;24.250199219754457" dur="1.6858478329996411s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
107 - </rect>  
108 - <rect fill="#00CED1" x="194.0609756097561" y="10.5" width="7" height="14">  
109 - <animate attributeName="y" values="14.067423890151598;10.5;14.067423890151598" dur="2.06740399858901s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
110 - <animate attributeName="height" values="6.865152219696805;14;6.865152219696805" dur="2.06740399858901s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
111 - </rect>  
112 - <rect fill="#FAD400" x="201.3780487804878" y="9" width="7" height="17">  
113 - <animate attributeName="y" values="13.704867185641083;9;13.704867185641083" dur="1.8182256145623714s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
114 - <animate attributeName="height" values="7.590265628717834;17;7.590265628717834" dur="1.8182256145623714s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
115 - </rect>  
116 - <rect fill="#00CED1" x="208.69512195121953" y="12" width="7" height="11">  
117 - <animate attributeName="y" values="12.113047388337371;12;12.113047388337371" dur="2.344605576272745s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
118 - <animate attributeName="height" values="10.77390522332526;11;10.77390522332526" dur="2.344605576272745s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
119 - </rect>  
120 - <rect fill="#00CED1" x="216.01219512195124" y="12.5" width="7" height="10">  
121 - <animate attributeName="y" values="14.74895774348461;12.5;14.74895774348461" dur="2.4357703210585675s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
122 - <animate attributeName="height" values="5.5020845130307805;10;5.5020845130307805" dur="2.4357703210585675s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
123 - </rect>  
124 - <rect fill="#FAD400" x="223.32926829268294" y="10.5" width="7" height="14">  
125 - <animate attributeName="y" values="11.337429388165837;10.5;11.337429388165837" dur="2.257280226061432s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
126 - <animate attributeName="height" values="12.325141223668323;14;12.325141223668323" dur="2.257280226061432s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
127 - </rect>  
128 - <rect fill="#FAD400" x="230.64634146341464" y="11.5" width="7" height="12">  
129 - <animate attributeName="y" values="17.15271016024779;11.5;17.15271016024779" dur="1.8250958311452106s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
130 - <animate attributeName="height" values="0.6945796795044226;12;0.6945796795044226" dur="1.8250958311452106s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
131 - </rect>  
132 - <rect fill="#00CED1" x="237.96341463414635" y="12" width="7" height="11">  
133 - <animate attributeName="y" values="15.72528772804125;12;15.72528772804125" dur="1.5302615861202706s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
134 - <animate attributeName="height" values="3.549424543917499;11;3.549424543917499" dur="1.5302615861202706s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
135 - </rect>  
136 - <rect fill="#00CED1" x="245.28048780487805" y="12.5" width="7" height="10">  
137 - <animate attributeName="y" values="16.45622586544628;12.5;16.45622586544628" dur="2.079210847967716s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
138 - <animate attributeName="height" values="2.08754826910744;10;2.08754826910744" dur="2.079210847967716s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
139 - </rect>  
140 - <rect fill="#FAD400" x="252.59756097560978" y="4.5" width="7" height="26">  
141 - <animate attributeName="y" values="17.142736086839708;4.5;17.142736086839708" dur="1.8416285237993788s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
142 - <animate attributeName="height" values="0.7145278263205812;26;0.7145278263205812" dur="1.8416285237993788s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
143 - </rect>  
144 - <rect fill="#00CED1" x="259.9146341463415" y="13" width="7" height="9">  
145 - <animate attributeName="y" values="15.842519593006104;13;15.842519593006104" dur="2.120600624905032s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
146 - <animate attributeName="height" values="3.3149608139877915;9;3.3149608139877915" dur="2.120600624905032s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
147 - </rect>  
148 - <rect fill="#00CED1" x="267.2317073170732" y="14" width="7" height="7">  
149 - <animate attributeName="y" values="15.202955627634406;14;15.202955627634406" dur="1.7393307634337856s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
150 - <animate attributeName="height" values="4.594088744731188;7;4.594088744731188" dur="1.7393307634337856s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
151 - </rect>  
152 - <rect fill="#00CED1" x="274.5487804878049" y="10.5" width="7" height="14">  
153 - <animate attributeName="y" values="13.708926508916964;10.5;13.708926508916964" dur="1.5275449327129411s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
154 - <animate attributeName="height" values="7.582146982166073;14;7.582146982166073" dur="1.5275449327129411s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
155 - </rect>  
156 - <rect fill="#FAD400" x="281.8658536585366" y="10.5" width="7" height="14">  
157 - <animate attributeName="y" values="15.63209643196394;10.5;15.63209643196394" dur="1.801221664684202s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
158 - <animate attributeName="height" values="3.7358071360721166;14;3.7358071360721166" dur="1.801221664684202s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
159 - </rect>  
160 - <rect fill="#00CED1" x="289.1829268292683" y="11.5" width="7" height="12">  
161 - <animate attributeName="y" values="12.474927833621306;11.5;12.474927833621306" dur="1.5270936847633303s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
162 - <animate attributeName="height" values="10.050144332757387;12;10.050144332757387" dur="1.5270936847633303s" keyTimes="0;0.5;1" calcMode="spline" keySplines="0.42,0,0.58,1;0.42,0,0.58,1" begin="0s" repeatCount="indefinite"></animate>  
163 - </rect>  
164 -</svg>  
165 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/decorate7_1.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="transparent" width="21px" height="20px">  
4 - <polyline stroke-width="4" fill="transparent" points="10, 0 19, 10 10, 20" stroke="#00CED1"></polyline>  
5 - <polyline stroke-width="2" fill="transparent" points="2, 0 11, 10 2, 20" stroke="#FAD400"></polyline>  
6 -</svg>  
7 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/decorate7_2.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="transparent" width="21px" height="20px">  
4 - <polyline stroke-width="4" fill="transparent" points="11, 0 2, 10 11, 20" stroke="#00CED1"></polyline>  
5 - <polyline stroke-width="2" fill="transparent" points="19, 0 10, 10 19, 20" stroke="#FAD400"></polyline>  
6 -</svg>  
7 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/decorate8.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="transparent" width="2104" height="1129">  
4 - <polyline stroke-width="2" fill="transparent" points="0, 0 30, 564.5" stroke="#00CED1"></polyline>  
5 - <polyline stroke-width="2" fill="transparent" points="20, 0 50, 564.5 2104, 564.5" stroke="#00CED1"></polyline>  
6 - <polyline fill="transparent" stroke-width="3" points="0, 1126, 200, 1126" stroke="#FAD400"></polyline>  
7 -</svg>  
8 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/decorate9.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100px" height="100px" style="transform: scale(21.04, 11.29);">  
3 - <defs>  
4 - <polygon id="decoration-9-polygon-26e8b308d360462fa403612bbd197d19" points="15, 46.5, 21, 47.5, 21, 52.5, 15, 53.5"></polygon>  
5 - </defs>  
6 - <circle cx="50" cy="50" r="45" fill="transparent" stroke-width="10" stroke-dasharray="80, 100, 30, 100" stroke="#FAD400">  
7 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" repeatCount="indefinite"></animateTransform>  
8 - </circle>  
9 - <circle cx="50" cy="50" r="45" fill="transparent" stroke-width="6" stroke-dasharray="50, 66, 100, 66" stroke="#00CED1">  
10 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;-360 50 50" dur="3s" repeatCount="indefinite"></animateTransform>  
11 - </circle>  
12 - <circle cx="50" cy="50" r="38" fill="transparent" stroke="rgba(250,212,0,0.3)" stroke-width="1" stroke-dasharray="5, 1"></circle>  
13 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">  
14 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="0s" repeatCount="indefinite"></animateTransform>  
15 - </use>  
16 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" fill="#00CED1" stroke="#FAD400">  
17 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="0.15s" repeatCount="indefinite"></animateTransform>  
18 - </use>  
19 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" fill="transparent" stroke="#FAD400">  
20 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="0.3s" repeatCount="indefinite"></animateTransform>  
21 - </use>  
22 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">  
23 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="0.45s" repeatCount="indefinite"></animateTransform>  
24 - </use>  
25 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" fill="transparent" stroke="#FAD400">  
26 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="0.6s" repeatCount="indefinite"></animateTransform>  
27 - </use>  
28 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" fill="#00CED1" stroke="#FAD400">  
29 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="0.75s" repeatCount="indefinite"></animateTransform>  
30 - </use>  
31 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">  
32 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="0.9s" repeatCount="indefinite"></animateTransform>  
33 - </use>  
34 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" fill="#00CED1" stroke="#FAD400">  
35 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="1.05s" repeatCount="indefinite"></animateTransform>  
36 - </use>  
37 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" fill="transparent" stroke="#FAD400">  
38 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="1.2s" repeatCount="indefinite"></animateTransform>  
39 - </use>  
40 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">  
41 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="1.35s" repeatCount="indefinite"></animateTransform>  
42 - </use>  
43 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="transparent">  
44 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="1.5s" repeatCount="indefinite"></animateTransform>  
45 - </use>  
46 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">  
47 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="1.65s" repeatCount="indefinite"></animateTransform>  
48 - </use>  
49 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">  
50 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="1.8s" repeatCount="indefinite"></animateTransform>  
51 - </use>  
52 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" fill="transparent" stroke="#FAD400">  
53 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="1.95s" repeatCount="indefinite"></animateTransform>  
54 - </use>  
55 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">  
56 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="2.1s" repeatCount="indefinite"></animateTransform>  
57 - </use>  
58 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">  
59 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="2.25s" repeatCount="indefinite"></animateTransform>  
60 - </use>  
61 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="transparent">  
62 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="2.4s" repeatCount="indefinite"></animateTransform>  
63 - </use>  
64 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">  
65 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="2.55s" repeatCount="indefinite"></animateTransform>  
66 - </use>  
67 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="transparent">  
68 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="2.7s" repeatCount="indefinite"></animateTransform>  
69 - </use>  
70 - <use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">  
71 - <animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="2.85s" repeatCount="indefinite"></animateTransform>  
72 - </use>  
73 - <circle cx="50" cy="50" r="26" fill="transparent" stroke="rgba(250,212,0,0.3)" stroke-width="1" stroke-dasharray="5, 1"></circle>  
74 -</svg>  
75 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/div1.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" width="150px" height="150px" class="left-top border">  
4 - <polygon points="6,66 6,18 12,12 18,12 24,6 27,6 30,9 36,9 39,6 84,6 81,9 75,9 73.2,7 40.8,7 37.8,10.2 24,10.2 12,21 12,24 9,27 9,51 7.8,54 7.8,63" fill="#83bff6">  
5 - <animate attributeName="fill" values="#83bff6;#00CED1;#83bff6" dur="0.5s" begin="0s" repeatCount="indefinite"></animate>  
6 - </polygon>  
7 - <polygon points="27.599999999999998,4.8 38.4,4.8 35.4,7.8 30.599999999999998,7.8" fill="#00CED1">  
8 - <animate attributeName="fill" values="#00CED1;#83bff6;#00CED1" dur="0.5s" begin="0s" repeatCount="indefinite"></animate>  
9 - </polygon>  
10 - <polygon points="9,54 9,63 7.199999999999999,66 7.199999999999999,75 7.8,78 7.8,110 8.4,110 8.4,66 9.6,66 9.6,54" fill="#83bff6">  
11 - <animate attributeName="fill" values="#83bff6;#00CED1;transparent" dur="1s" begin="0s" repeatCount="indefinite"></animate>  
12 - </polygon>  
13 -</svg>  
14 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/div10.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" width="150px" height="150px" class="left-top dv-border-svg-container">  
4 - <polygon points="40, 0 5, 0 0, 5 0, 16 3, 19 3, 7 7, 3 35, 3" fill="#00CED1"></polygon>  
5 -</svg>  
6 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/div11.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="transparent" width="2031" height="1297" class="dv-border-svg-container">  
4 - <defs>  
5 - <filter id="border-box-11-filterId-9e10ba00f15c47168cdd79131ad04c90" height="150%" width="150%" x="-25%" y="-25%">  
6 - <feMorphology operator="dilate" radius="2" in="SourceAlpha" result="thicken"></feMorphology>  
7 - <feGaussianBlur in="thicken" stdDeviation="3" result="blurred"></feGaussianBlur>  
8 - <feFlood result="glowColor" flood-color="#00CED1"></feFlood>  
9 - <feComposite in="glowColor" in2="blurred" operator="in" result="softGlowColored"></feComposite>  
10 - <feMerge>  
11 - <feMergeNode in="softGlowColored"></feMergeNode>  
12 - <feMergeNode in="SourceGraphic"></feMergeNode>  
13 - </feMerge>  
14 - </filter>  
15 - </defs>  
16 - <polygon fill="transparent" points="  
17 - 20, 32 890.5, 32 910.5, 53  
18 - 1120.5, 53 1140.5, 32  
19 - 2011, 32 2023, 48 2023, 1272 2011, 1289  
20 - 20, 1289 8, 1272 8, 50  
21 -"></polygon>  
22 - <polyline filter="url(#border-box-11-filterId-9e10ba00f15c47168cdd79131ad04c90)" points="  
23 - 890.5, 30  
24 - 20, 30 7, 50 7, 615  
25 - 13, 620 13, 700  
26 - 7, 705 7, 1270  
27 - 20, 1290 2011, 1290 2024, 1270  
28 - 2024, 705 2018, 700  
29 - 2018, 620 2024, 615  
30 - 2024, 50 2011, 30 1140.5, 30  
31 - 1120.5, 7 910.5, 7  
32 - 890.5, 30 910.5, 52  
33 - 1120.5, 52 1140.5, 30  
34 - " stroke="#83bff6"></polyline>  
35 - <polygon fill="transparent" points="  
36 - 1135.5, 30 1119.5, 11  
37 - 1113.5, 11 1132.5, 34  
38 - " stroke="#83bff6"></polygon>  
39 - <polygon fill="transparent" points="  
40 - 895.5, 30 912.5, 49  
41 - 918.5, 49 898.5, 26  
42 - " stroke="#83bff6"></polygon>  
43 - <polygon fill="rgba(0,206,209,0.3)" filter="url(#border-box-11-filterId-9e10ba00f15c47168cdd79131ad04c90)" points="  
44 - 1129.5, 37 1108.5, 11  
45 - 913.5, 11 901.5, 23  
46 - 923.5, 49 1118.5, 49  
47 - " stroke="#83bff6"></polygon>  
48 - <polygon filter="url(#border-box-11-filterId-9e10ba00f15c47168cdd79131ad04c90)" opacity="1" points="  
49 - 880.5, 37 859.5, 37  
50 - 865.5, 46 886.5, 46  
51 - " fill="#83bff6">  
52 - <animate attributeName="opacity" values="1;0.7;1" dur="2s" begin="0s" repeatCount="indefinite"></animate>  
53 - </polygon>  
54 - <polygon filter="url(#border-box-11-filterId-9e10ba00f15c47168cdd79131ad04c90)" opacity="0.7" points="  
55 - 850.5, 37 829.5, 37  
56 - 835.5, 46 856.5, 46  
57 - " fill="#83bff6">  
58 - <animate attributeName="opacity" values="0.7;0.4;0.7" dur="2s" begin="0s" repeatCount="indefinite"></animate>  
59 - </polygon>  
60 - <polygon filter="url(#border-box-11-filterId-9e10ba00f15c47168cdd79131ad04c90)" opacity="0.5" points="  
61 - 820.5, 37 799.5, 37  
62 - 805.5, 46 826.5, 46  
63 - " fill="#83bff6">  
64 - <animate attributeName="opacity" values="0.5;0.2;0.5" dur="2s" begin="0s" repeatCount="indefinite"></animate>  
65 - </polygon>  
66 - <polygon filter="url(#border-box-11-filterId-9e10ba00f15c47168cdd79131ad04c90)" opacity="1" points="  
67 - 1170.5, 37 1149.5, 37  
68 - 1143.5, 46 1164.5, 46  
69 - " fill="#83bff6">  
70 - <animate attributeName="opacity" values="1;0.7;1" dur="2s" begin="0s" repeatCount="indefinite"></animate>  
71 - </polygon>  
72 - <polygon filter="url(#border-box-11-filterId-9e10ba00f15c47168cdd79131ad04c90)" opacity="0.7" points="  
73 - 1200.5, 37 1179.5, 37  
74 - 1173.5, 46 1194.5, 46  
75 - " fill="#83bff6">  
76 - <animate attributeName="opacity" values="0.7;0.4;0.7" dur="2s" begin="0s" repeatCount="indefinite"></animate>  
77 - </polygon>  
78 - <polygon filter="url(#border-box-11-filterId-9e10ba00f15c47168cdd79131ad04c90)" opacity="0.5" points="  
79 - 1230.5, 37 1209.5, 37  
80 - 1203.5, 46 1224.5, 46  
81 - " fill="#83bff6">  
82 - <animate attributeName="opacity" values="0.5;0.2;0.5" dur="2s" begin="0s" repeatCount="indefinite"></animate>  
83 - </polygon>  
84 - <text x="1015.5" y="32" fill="#fff" font-size="18" text-anchor="middle" dominant-baseline="middle" class="dv-border-box-11-title"> </text>  
85 - <polygon filter="url(#border-box-11-filterId-9e10ba00f15c47168cdd79131ad04c90)" points="  
86 - 7, 618 11, 622  
87 - 11, 698 7, 702  
88 - " fill="#83bff6"></polygon>  
89 - <polygon filter="url(#border-box-11-filterId-9e10ba00f15c47168cdd79131ad04c90)" points="  
90 - 2024, 618 2020, 622  
91 - 2020, 698 2024, 702  
92 - " fill="#83bff6"></polygon>  
93 -</svg>  
94 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/div12.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="transparent" width="2071" height="1531" class="dv-border-svg-container">  
4 - <defs>  
5 - <filter id="borderr-box-12-filterId-5d013e65635a417398391ebc6dd90c54" height="150%" width="150%" x="-25%" y="-25%">  
6 - <feMorphology operator="dilate" radius="1" in="SourceAlpha" result="thicken"></feMorphology>  
7 - <feGaussianBlur in="thicken" stdDeviation="2" result="blurred"></feGaussianBlur>  
8 - <feFlood flood-color="rgba(0,206,209,0.7)" result="glowColor">  
9 - <animate attributeName="flood-color" values="  
10 - rgba(0,206,209,0.7);  
11 - rgba(0,206,209,0.3);  
12 - rgba(0,206,209,0.7);  
13 -" dur="3s" begin="0s" repeatCount="indefinite"></animate>  
14 - </feFlood>  
15 - <feComposite in="glowColor" in2="blurred" operator="in" result="softGlowColored"></feComposite>  
16 - <feMerge>  
17 - <feMergeNode in="softGlowColored"></feMergeNode>  
18 - <feMergeNode in="SourceGraphic"></feMergeNode>  
19 - </feMerge>  
20 - </filter>  
21 - </defs>  
22 - <path fill="transparent" stroke-width="2" stroke="#83bff6" d="  
23 -M15 5 L 2056 5 Q 2066 5, 2066 15  
24 -L 2066 1516 Q 2066 1526, 2056 1526  
25 -L 15, 1526 Q 5 1526 5 1516 L 5 15  
26 -Q 5 5 15 5  
27 -"></path>  
28 - <path stroke-width="2" fill="transparent" stroke-linecap="round" filter="url(#borderr-box-12-filterId-5d013e65635a417398391ebc6dd90c54)" d="M 20 5 L 15 5 Q 5 5 5 15 L 5 20" stroke="#00CED1"></path>  
29 - <path stroke-width="2" fill="transparent" stroke-linecap="round" filter="url(#borderr-box-12-filterId-5d013e65635a417398391ebc6dd90c54)" d="M 2051 5 L 2056 5 Q 2066 5 2066 15 L 2066 20" stroke="#00CED1"></path>  
30 - <path stroke-width="2" fill="transparent" stroke-linecap="round" filter="url(#borderr-box-12-filterId-5d013e65635a417398391ebc6dd90c54)" d="  
31 -M 2051 1526 L 2056 1526  
32 -Q 2066 1526 2066 1516  
33 -L 2066 1511  
34 -" stroke="#00CED1"></path>  
35 - <path stroke-width="2" fill="transparent" stroke-linecap="round" filter="url(#borderr-box-12-filterId-5d013e65635a417398391ebc6dd90c54)" d="  
36 -M 20 1526 L 15 1526  
37 -Q 5 1526 5 1516  
38 -L 5 1511  
39 -" stroke="#00CED1"></path>  
40 -</svg>  
41 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/div2.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" fill="transparent" width="2661" height="1737" class="dv-border-svg-container">  
4 - <polygon fill="transparent" points="  
5 - 7, 7 2654, 7 2654, 1730 7, 1730  
6 - "></polygon>  
7 - <polyline points="2, 2 2659 ,2 2659, 1735 2, 1735 2, 2" stroke="#83bff6"></polyline>  
8 - <polyline points="6, 6 2655, 6 2655, 1731 6, 1731 6, 6" stroke="#00CED1"></polyline>  
9 - <circle cx="11" cy="11" r="1" fill="#83bff6"></circle>  
10 - <circle cx="2650" cy="11" r="1" fill="#83bff6"></circle>  
11 - <circle cx="2650" cy="1726" r="1" fill="#83bff6"></circle>  
12 - <circle cx="11" cy="1726" r="1" fill="#83bff6"></circle>  
13 -</svg>  
14 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/div3.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" fill="transparent" width="2058" height="1402" class="dv-border-svg-container">  
4 - <polygon fill="transparent" points="  
5 - 23, 23 2034, 23 2034, 1378 23, 1378  
6 -"></polygon>  
7 - <polyline points="4, 4 2036 ,4 2036, 1380 4, 1380 4, 4" class="dv-bb3-line1" stroke="#83bff6"></polyline>  
8 - <polyline points="10, 10 2042, 10 2042, 1386 10, 1386 10, 10" class="dv-bb3-line2" stroke="#00CED1"></polyline>  
9 - <polyline points="16, 16 2048, 16 2048, 1392 16, 1392 16, 16" class="dv-bb3-line2" stroke="#00CED1"></polyline>  
10 - <polyline points="22, 22 2054, 22 2054, 1398 22, 1398 22, 22" class="dv-bb3-line2" stroke="#00CED1"></polyline>  
11 -</svg>  
12 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/div4.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" fill="transparent" width="1770" height="1483" class="dv-border-svg-container false">  
4 - <polygon fill="transparent" points="  
5 - 1755, 22 170, 22 150, 7 40, 7 28, 21 32, 24  
6 - 16, 42 16, 1451 41, 1476 1755, 1476  
7 -"></polygon>  
8 - <polyline points="145, 1478 40, 1478 10, 1448  
9 - 10, 40 40, 5 150, 5 170, 20 1755, 20" class="dv-bb4-line-1" stroke="#83bff6"></polyline>  
10 - <polyline points="245, 1482 36, 1482 14, 1460  
11 - 14, 1383" class="dv-bb4-line-2" stroke="#00CED1"></polyline>  
12 - <polyline points="7, 1443 7, 1408" class="dv-bb4-line-3" stroke="#83bff6"></polyline>  
13 - <polyline points="28, 24 13, 41 13, 64" class="dv-bb4-line-4" stroke="#83bff6"></polyline>  
14 - <polyline points="5, 45 5, 140" class="dv-bb4-line-5" stroke="#83bff6"></polyline>  
15 - <polyline points="14, 75 14, 180" class="dv-bb4-line-6" stroke="#00CED1"></polyline>  
16 - <polyline points="55, 11 147, 11 167, 26 250, 26" class="dv-bb4-line-7" stroke="#00CED1"></polyline>  
17 - <polyline points="158, 5 173, 16" class="dv-bb4-line-8" stroke="#00CED1"></polyline>  
18 - <polyline points="200, 17 1760, 17" class="dv-bb4-line-9" stroke="#83bff6"></polyline>  
19 - <polyline points="385, 17 1760, 17" class="dv-bb4-line-10" stroke="#00CED1"></polyline>  
20 -</svg>  
21 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/div5.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" fill="transparent" width="2156" height="1690" class="dv-border-svg-container false">  
4 - <polygon fill="transparent" points="  
5 - 10, 22 2134, 22 2134, 1604 2072, 1666 10, 1666  
6 -"></polygon>  
7 - <polyline points="8, 5 2151, 5 2151, 1590  
8 - 2056, 1685 8, 1685 8, 5" class="dv-bb5-line-1" stroke="#83bff6"></polyline>  
9 - <polyline points="3, 5 2136, 5 2136, 1630  
10 - 2082, 1685 3, 1685 3, 5" class="dv-bb5-line-2" stroke="#00CED1"></polyline>  
11 - <polyline points="50, 13 2121, 13" class="dv-bb5-line-3" stroke="#00CED1"></polyline>  
12 - <polyline points="15, 20 2121, 20" class="dv-bb5-line-4" stroke="#00CED1"></polyline>  
13 - <polyline points="15, 1670 2046, 1670" class="dv-bb5-line-5" stroke="#00CED1"></polyline>  
14 - <polyline points="15, 1677 2046, 1677" class="dv-bb5-line-6" stroke="#00CED1"></polyline>  
15 -</svg>  
16 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/div6.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" fill="transparent" width="1854" height="1242" class="dv-border-svg-container">  
4 - <polygon fill="transparent" points="  
5 - 9, 7 1845, 7 1845, 1235 9, 1235  
6 -"></polygon>  
7 - <circle cx="5" cy="5" r="2" fill="#00CED1"></circle>  
8 - <circle cx="1849" cy="5" r="2" fill="#00CED1"></circle>  
9 - <circle cx="1849" cy="1237" r="2" fill="#00CED1"></circle>  
10 - <circle cx="5" cy="1237" r="2" fill="#00CED1"></circle>  
11 - <polyline points="10, 4 1844, 4" stroke="#83bff6"></polyline>  
12 - <polyline points="10, 1238 1844, 1238" stroke="#83bff6"></polyline>  
13 - <polyline points="5, 70 5, 1172" stroke="#83bff6"></polyline>  
14 - <polyline points="1849, 70 1849, 1172" stroke="#83bff6"></polyline>  
15 - <polyline points="3, 10, 3, 50" stroke="#83bff6"></polyline>  
16 - <polyline points="7, 30 7, 80" stroke="#83bff6"></polyline>  
17 - <polyline points="1851, 10 1851, 50" stroke="#83bff6"></polyline>  
18 - <polyline points="1847, 30 1847, 80" stroke="#83bff6"></polyline>  
19 - <polyline points="3, 1232 3, 1192" stroke="#83bff6"></polyline>  
20 - <polyline points="7, 1212 7, 1162" stroke="#83bff6"></polyline>  
21 - <polyline points="1851, 1232 1851, 1192" stroke="#83bff6"></polyline>  
22 - <polyline points="1847, 1212 1847, 1162" stroke="#83bff6"></polyline>  
23 -</svg>  
24 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/div7.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" fill="transparent" width="1851" height="1317" class="dv-border-svg-container">  
4 - <polyline points="0, 25 0, 0 25, 0" class="dv-bb7-line-width-2" stroke="#83bff6"></polyline>  
5 - <polyline points="1826, 0 1851, 0 1851, 25" class="dv-bb7-line-width-2" stroke="#83bff6"></polyline>  
6 - <polyline points="1826, 1317 1851, 1317 1851, 1292" class="dv-bb7-line-width-2" stroke="#83bff6"></polyline>  
7 - <polyline points="0, 1292 0, 1317 25, 1317" class="dv-bb7-line-width-2" stroke="#83bff6"></polyline>  
8 - <polyline points="0, 10 0, 0 10, 0" class="dv-bb7-line-width-5" stroke="#00CED1"></polyline>  
9 - <polyline points="1841, 0 1851, 0 1851, 10" class="dv-bb7-line-width-5" stroke="#00CED1"></polyline>  
10 - <polyline points="1841, 1317 1851, 1317 1851, 1307" class="dv-bb7-line-width-5" stroke="#00CED1"></polyline>  
11 - <polyline points="0, 1307 0, 1317 10, 1317" class="dv-bb7-line-width-5" stroke="#00CED1"></polyline>  
12 -</svg>  
13 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/div8.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="transparent" width="400" height="300" class="dv-border-svg-container">  
4 - <defs>  
5 - <path id="border-box-8-path-d017f380de6f4b6da8ef829d8d549ca5" d="M2.5, 2.5 L397.5, 2.5 L397.5, 297.5 L2.5, 297.5 L2.5, 2.5" fill="transparent"></path>  
6 - <radialGradient id="border-box-8-gradient-d017f380de6f4b6da8ef829d8d549ca5" cx="50%" cy="50%" r="50%">  
7 - <stop offset="0%" stop-color="#fff" stop-opacity="1"></stop>  
8 - <stop offset="100%" stop-color="#fff" stop-opacity="0"></stop>  
9 - </radialGradient>  
10 - <mask id="border-box-8-mask-d017f380de6f4b6da8ef829d8d549ca5">  
11 - <circle cx="0" cy="0" r="150" fill="url(#border-box-8-gradient-d017f380de6f4b6da8ef829d8d549ca5)">  
12 - <animateMotion dur="3s" path="M2.5, 2.5 L397.5, 2.5 L397.5, 297.5 L2.5, 297.5 L2.5, 2.5" rotate="auto" repeatCount="indefinite"></animateMotion>  
13 - </circle>  
14 - </mask>  
15 - </defs>  
16 - <polygon fill="transparent" points="5, 5 395, 5 395 295 5, 295"></polygon>  
17 - <use stroke-width="1" xlink:href="#border-box-8-path-d017f380de6f4b6da8ef829d8d549ca5" stroke="#83bff6"></use>  
18 - <use stroke-width="3" xlink:href="#border-box-8-path-d017f380de6f4b6da8ef829d8d549ca5" mask="url(#border-box-8-mask-d017f380de6f4b6da8ef829d8d549ca5)" stroke="#00CED1">  
19 - <animate attributeName="stroke-dasharray" from="0, 1390" to="1390, 0" dur="3s" repeatCount="indefinite"></animate>  
20 - </use>  
21 -</svg>  
22 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/div9.svg deleted
View file @4a874a1
1 -<svg version="1.1"  
2 - baseProfile="full"  
3 - xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="transparent" width="1715" height="1351" class="dv-border-svg-container">  
4 - <defs>  
5 - <linearGradient id="border-box-9-gradient-c5735993b5bc4fd6a14a3883485a32d3" x1="0%" y1="0%" x2="100%" y2="100%">  
6 - <animate attributeName="x1" values="0%;100%;0%" dur="10s" begin="0s" repeatCount="indefinite"></animate>  
7 - <animate attributeName="x2" values="100%;0%;100%" dur="10s" begin="0s" repeatCount="indefinite"></animate>  
8 - <stop offset="0%" stop-color="#83bff6">  
9 - <animate attributeName="stop-color" values="#83bff6;#00CED1;#83bff6" dur="10s" begin="0s" repeatCount="indefinite"></animate>  
10 - </stop>  
11 - <stop offset="100%" stop-color="#00CED1">  
12 - <animate attributeName="stop-color" values="#00CED1;#83bff6;#00CED1" dur="10s" begin="0s" repeatCount="indefinite"></animate>  
13 - </stop>  
14 - </linearGradient>  
15 - <mask id="border-box-9-mask-c5735993b5bc4fd6a14a3883485a32d3">  
16 - <polyline stroke="#fff" stroke-width="3" fill="transparent" points="8, 540.4 8, 3, 693, 3"></polyline>  
17 - <polyline fill="#fff" points="8, 202.65 8, 3, 178.5, 3  
18 - 171.5, 8 14, 8 14, 195.65  
19 -"></polyline>  
20 - <polyline stroke="#fff" stroke-width="3" fill="transparent" points="857.5, 3 1712, 3, 1712, 337.75"></polyline>  
21 - <polyline fill="#fff" points="  
22 - 891.8000000000001, 3 994.6999999999999, 3  
23 - 987.6999999999999, 9 898.8000000000001, 9  
24 -"></polyline>  
25 - <polyline fill="#fff" points="  
26 - 1543.5, 3 1712, 3 1712, 135.1  
27 - 1706, 128.1 1706, 9 1550.5, 9  
28 -"></polyline>  
29 - <polyline stroke="#fff" stroke-width="3" fill="transparent" points="8, 675.5 8, 1348 521.5, 1348"></polyline>  
30 - <polyline fill="#fff" points="  
31 - 8, 743.0500000000001 8, 945.6999999999999  
32 - 2, 938.6999999999999 2, 750.0500000000001  
33 -"></polyline>  
34 - <polyline stroke="#fff" stroke-width="3" fill="transparent" points="600.25, 1348 1712, 1348 1712, 472.84999999999997"></polyline>  
35 - <polyline fill="#fff" points="  
36 - 1577.8000000000002, 1348 1712, 1348 1712, 1080.8  
37 - 1706, 1087.8 1706, 1342 1584.8000000000002, 1342  
38 -"></polyline>  
39 - </mask>  
40 - </defs>  
41 - <polygon fill="transparent" points="  
42 -15, 9 172.5, 9 175.5, 6 893.8000000000001, 6  
43 -897.8000000000001, 10 987.6999999999999, 10 992.6999999999999, 6  
44 -1545.5, 6 1549.5, 10 1705, 10 1705, 129.1  
45 -1709, 134.1 1709, 1081.8 1705, 1086.8  
46 -1705, 1341 1584.8000000000002, 1341 1579.8000000000002, 1345  
47 -11, 1345 11, 200.65 15, 195.65  
48 -"></polygon>  
49 - <rect x="0" y="0" width="1715" height="1351" fill="url(#border-box-9-gradient-c5735993b5bc4fd6a14a3883485a32d3)" mask="url(#border-box-9-mask-c5735993b5bc4fd6a14a3883485a32d3)"></rect>  
50 -</svg>  
51 \ No newline at end of file 0 \ No newline at end of file
src/assets/images/widget/wdgetrotateranking/2222.png 0 → 100644
View file @4ff1579

13.3 KB
src/assets/images/widget/wdgetrotateranking/535gqbottomright.png 0 → 100644
View file @4ff1579

18.9 KB
src/assets/images/widget/wdgetrotateranking/53centercircle.png 0 → 100644
View file @4ff1579

42.1 KB
src/assets/images/widget/wdgetrotateranking/53cloud.png 0 → 100644
View file @4ff1579

36.7 KB
src/assets/images/widget/wdgetrotateranking/53earth.png 0 → 100644
View file @4ff1579

154 KB
src/assets/images/widget/wdgetrotateranking/53gqbottomleft.png 0 → 100644
View file @4ff1579

18.3 KB
src/assets/images/widget/wdgetrotateranking/53gqleft.png 0 → 100644
View file @4ff1579

34.4 KB
src/assets/images/widget/wdgetrotateranking/53gqright.png 0 → 100644
View file @4ff1579

35.4 KB
src/assets/images/widget/wdgetrotateranking/circle.png 0 → 100644
View file @4ff1579

139 KB
src/assets/images/widget/wdgetrotateranking/circle1.png 0 → 100644
View file @4ff1579

4.36 KB
src/assets/images/widget/wdgetrotateranking/circle2.png 0 → 100644
View file @4ff1579

4.36 KB
src/components/configForm.vue
  View file @4ff1579
@@ -40,7 +40,7 @@ export default { @@ -40,7 +40,7 @@ export default {
40 watch: { 40 watch: {
41 value(newValue, oldValue) { 41 value(newValue, oldValue) {
42 if ( typeof newValue == "string") { 42 if ( typeof newValue == "string") {
43 - // 传string进来 表示编辑进来 重新赋值给 43 + // 传string进来 表示编辑进来 重新赋值给
44 setTimeout(()=>{ //保证动态select 渲染完成再赋值 44 setTimeout(()=>{ //保证动态select 渲染完成再赋值
45 this.ConfigData = JSON.parse(newValue || "{}") 45 this.ConfigData = JSON.parse(newValue || "{}")
46 },10) 46 },10)
@@ -57,7 +57,7 @@ export default { @@ -57,7 +57,7 @@ export default {
57 computed: {}, 57 computed: {},
58 methods: { 58 methods: {
59 eachChange(val){ 59 eachChange(val){
60 - console.log(val, '回传的值'); 60 + // console.log(val, '回传的值');
61 this.$emit('myChanged', val) 61 this.$emit('myChanged', val)
62 }, 62 },
63 // 无论哪个输入框改变 都需要触发事件 将值回传 63 // 无论哪个输入框改变 都需要触发事件 将值回传
@@ -70,8 +70,8 @@ export default { @@ -70,8 +70,8 @@ export default {
70 }else{ 70 }else{
71 this.$set(ConfigData,key,val); 71 this.$set(ConfigData,key,val);
72 } 72 }
73 - this.$emit('input', ConfigData)  
74 - this.$emit('myChanged', ConfigData) 73 + this.$emit('input', ConfigData)
  74 + this.$emit('myChanged', ConfigData)
75 }, 75 },
76 76
77 //重新选择了 数据连接类型 就重置输入框的值 77 //重新选择了 数据连接类型 就重置输入框的值
@@ -86,4 +86,4 @@ export default { @@ -86,4 +86,4 @@ export default {
86 } 86 }
87 } 87 }
88 } 88 }
89 -</script>  
90 \ No newline at end of file 89 \ No newline at end of file
  90 +</script>
src/mixins/queryform.js
  View file @4ff1579
@@ -113,12 +113,12 @@ export default { @@ -113,12 +113,12 @@ export default {
113 // widget-mapline 中国地图-路线图 113 // widget-mapline 中国地图-路线图
114 // widget-radar 雷达图 114 // widget-radar 雷达图
115 const chartType = params.chartType 115 const chartType = params.chartType
116 - if (  
117 - chartType == "widget-barchart" ||  
118 - chartType == "widget-linechart" || 116 + if (chartType == "widget-linechart" ||
119 chartType == "widget-barlinechart" 117 chartType == "widget-barlinechart"
120 ) { 118 ) {
121 return this.barOrLineChartFn(params.chartProperties, data); 119 return this.barOrLineChartFn(params.chartProperties, data);
  120 + }else if ( chartType == "widget-barchart") {
  121 + return this.barOrLineChartFn(params.chartProperties, data);
122 } else if ( 122 } else if (
123 chartType == "widget-piechart" || 123 chartType == "widget-piechart" ||
124 chartType == "widget-funnel" 124 chartType == "widget-funnel"
@@ -138,11 +138,32 @@ export default { @@ -138,11 +138,32 @@ export default {
138 return data 138 return data
139 } 139 }
140 }, 140 },
  141 + // 柱状图
  142 + barChartFn(chartProperties, val) {
  143 + let ananysicData = {};
  144 + let series = [];
  145 + let axis = [];
  146 + let data = [];
  147 + for (const i in val) {
  148 + axis[i] = val[i].axis;
  149 + data[i] = val[i].data
  150 + }
  151 + if (series[0].type == "bar") {
  152 + series[0].data = data;
  153 + }
  154 + ananysicData["xAxis"] = axis;
  155 + ananysicData["series"] = series;
  156 + console.log(ananysicData);
  157 + return ananysicData;
  158 + },
141 // 柱状图、折线图、柱线图 159 // 柱状图、折线图、柱线图
142 barOrLineChartFn(chartProperties, data) { 160 barOrLineChartFn(chartProperties, data) {
143 const ananysicData = {}; 161 const ananysicData = {};
144 const xAxisList = []; 162 const xAxisList = [];
145 const series = []; 163 const series = [];
  164 + // legend: {
  165 + // data: ['Forest']
  166 + // },
146 for (const key in chartProperties) { 167 for (const key in chartProperties) {
147 const obj = {}; 168 const obj = {};
148 const seriesData = []; 169 const seriesData = [];
@@ -158,6 +179,8 @@ export default { @@ -158,6 +179,8 @@ export default {
158 seriesData[i] = data[i][key]; 179 seriesData[i] = data[i][key];
159 } 180 }
160 } 181 }
  182 + // console.log("seriesData",seriesData);
  183 + // console.log("xAxisList",xAxisList);
161 obj["data"] = seriesData; 184 obj["data"] = seriesData;
162 if (!obj["type"].startsWith("xAxis")) { 185 if (!obj["type"].startsWith("xAxis")) {
163 series.push(obj); 186 series.push(obj);
@@ -165,37 +188,67 @@ export default { @@ -165,37 +188,67 @@ export default {
165 } 188 }
166 ananysicData["xAxis"] = xAxisList; 189 ananysicData["xAxis"] = xAxisList;
167 ananysicData["series"] = series; 190 ananysicData["series"] = series;
  191 + // console.log("11111",ananysicData);
168 return ananysicData; 192 return ananysicData;
169 }, 193 },
170 //堆叠图 194 //堆叠图
171 - stackChartFn(chartProperties, data) { 195 + stackChartFn(chartProperties, val) {
172 const ananysicData = {}; 196 const ananysicData = {};
  197 + // const series = [];
  198 + // //全部字段字典值
  199 + // const types = Object.values(chartProperties)
  200 + // //x轴字段、y轴字段名
  201 + // const xAxisField = Object.keys(chartProperties)[types.indexOf('xAxis')]
  202 + // const yAxisField = Object.keys(chartProperties)[types.indexOf('yAxis')]
  203 + // const dataField = Object.keys(chartProperties)[types.indexOf('bar')]
  204 + // //x轴数值去重，y轴去重
  205 + // const xAxisList = this.setUnique(data.map(item => item[xAxisField]))
  206 + // const yAxisList = this.setUnique(data.map(item => item[yAxisField]))
  207 + // const dataFieldList = this.setUnique(data.map(item => item[dataField]))
  208 + // const dataGroup = this.setGroupByNew(data, xAxisList,'axis');
  209 + // console.log("1111",types,dataGroup);
  210 + // for (const key in chartProperties) {
  211 + // if (chartProperties[key] !== 'yAxis' && !chartProperties[key].startsWith('xAxis')) {
  212 + // Object.keys(dataGroup).forEach(item => {
  213 + // const data = new Array(xAxisList.length).fill(0)
  214 + // dataGroup[item].forEach(res => {
  215 + // data[xAxisList.indexOf(res[xAxisField])] = res[key]
  216 + // })
  217 + // series.push({
  218 + // name: yAxisList[item],
  219 + // type: chartProperties[key],
  220 + // data: data,
  221 + // })
  222 + // })
  223 + // }
  224 + // }
173 const series = []; 225 const series = [];
174 - //全部字段字典值  
175 - const types = Object.values(chartProperties)  
176 - //x轴字段、y轴字段名  
177 - const xAxisField = Object.keys(chartProperties)[types.indexOf('xAxis')]  
178 - const yAxisField = Object.keys(chartProperties)[types.indexOf('yAxis')]  
179 - const dataField = Object.keys(chartProperties)[types.indexOf('bar')]  
180 - //x轴数值去重，y轴去重  
181 - const xAxisList = this.setUnique(data.map(item => item[xAxisField]))  
182 - const yAxisList = this.setUnique(data.map(item => item[yAxisField]))  
183 - const dataGroup = this.setGroupBy(data, yAxisField)  
184 - for (const key in chartProperties) {  
185 - if (chartProperties[key] !== 'yAxis' && !chartProperties[key].startsWith('xAxis')) {  
186 - Object.keys(dataGroup).forEach(item => {  
187 - const data = new Array(xAxisList.length).fill(0)  
188 - dataGroup[item].forEach(res => {  
189 - data[xAxisList.indexOf(res[xAxisField])] = res[key]  
190 - })  
191 - series.push({  
192 - name: yAxisList[item],  
193 - type: chartProperties[key],  
194 - data: data,  
195 - })  
196 - }) 226 + let xAxisList = [];
  227 + let yAxisList = [];
  228 + for (const i in val) {
  229 + xAxisList[i] = val[i].axis;
  230 + yAxisList[i] = val[i].name;
  231 + }
  232 + xAxisList = this.setUnique(xAxisList);
  233 + yAxisList = this.setUnique(yAxisList);
  234 + for (const i in yAxisList) {
  235 + const data = new Array(xAxisList.length).fill(0);
  236 + for (const j in xAxisList) {
  237 + for (const k in val) {
  238 + if (val[k].name == yAxisList[i]) {
  239 + if (val[k].axis == xAxisList[j]) {
  240 + data[j] = val[k].data;
  241 + }
  242 + }
  243 + }
197 } 244 }
  245 + series.push({
  246 + name: yAxisList[i],
  247 + type: 'bar',
  248 + data: data,
  249 + });
198 } 250 }
  251 +
199 ananysicData["xAxis"] = xAxisList; 252 ananysicData["xAxis"] = xAxisList;
200 ananysicData["series"] = series; 253 ananysicData["series"] = series;
201 return ananysicData; 254 return ananysicData;
@@ -309,6 +362,23 @@ export default { @@ -309,6 +362,23 @@ export default {
309 return groups[group] 362 return groups[group]
310 }) 363 })
311 }, 364 },
  365 + setGroupByNew(array, name,sType) {
  366 + const groups = {};
  367 + name.forEach(function (oneName) {
  368 + const groupsOne = [];
  369 + array.forEach(function (onedata) {
  370 + console.log('2222',oneName,onedata,sType);
  371 + if(onedata[sType]==oneName){
  372 + groupsOne.push(onedata);
  373 + }
  374 + });
  375 + const check = (typeof groupsOne === 'undefined' || groupsOne == null || groupsOne === '' || groupsOne ==[] || groupsOne.length==0 );
  376 + if(!check){
  377 + groups[oneName]=groupsOne;
  378 + }
  379 + });
  380 + return groups;
  381 + },
312 }, 382 },
313 watch: { 383 watch: {
314 'selectInput.keyname'(newVal, oldVal) { 384 'selectInput.keyname'(newVal, oldVal) {
src/utils/request.js
  View file @4ff1579
@@ -5,7 +5,7 @@ import { getToken } from &#39;@/utils/auth&#39; @@ -5,7 +5,7 @@ import { getToken } from &#39;@/utils/auth&#39;
5 // 创建axios实例 5 // 创建axios实例
6 const service = axios.create({ 6 const service = axios.create({
7 baseURL: process.env.BASE_API, // api 的 base_url 7 baseURL: process.env.BASE_API, // api 的 base_url
8 - timeout: 20000 // 请求超时时间 8 + timeout: 60000 // 请求超时时间
9 }) 9 })
10 10
11 // request拦截器 11 // request拦截器
src/views/bigscreenDesigner/designer/components/dynamicForm.vue
  View file @4ff1579
@@ -189,7 +189,7 @@ @@ -189,7 +189,7 @@
189 :chart-type="item.chartType" 189 :chart-type="item.chartType"
190 @change="changed($event, item.name)"/> 190 @change="changed($event, item.name)"/>
191 </div> 191 </div>
192 - <div v-else-if="isShowForm(item, '[object Array]')" :key="'a-' + index"> 192 + <div v-else-if="isShowForm(item, '[object Array]') && bDomBorderBox" :key="'a-' + index">
193 <el-collapse accordion> 193 <el-collapse accordion>
194 <el-collapse-item 194 <el-collapse-item
195 v-for="(itemChild, indexChild) in item" 195 v-for="(itemChild, indexChild) in item"
@@ -355,6 +355,7 @@ export default { @@ -355,6 +355,7 @@ export default {
355 return { 355 return {
356 formData: {}, 356 formData: {},
357 inputShow: {}, // 控制表单是否显示 357 inputShow: {}, // 控制表单是否显示
  358 + bDomBorderBox: true, // 控制自定义样式是否显示
358 dialogVisibleStaticData: false, 359 dialogVisibleStaticData: false,
359 // validationRules: "", 360 // validationRules: "",
360 optionsJavascript: { 361 optionsJavascript: {
@@ -393,6 +394,28 @@ export default { @@ -393,6 +394,28 @@ export default {
393 onJsonSave(val) { 394 onJsonSave(val) {
394 // console.log(val); 395 // console.log(val);
395 }, 396 },
  397 + //div边框选择根据类型不同影藏对应组件
  398 + onHiddenDomBorderBox(val,key) {
  399 + //dv-border-Box-14 divType
  400 + if(key=="divType"){
  401 + if(val=="dv-border-Box-14"){
  402 + //console.log("隐藏dom",val,key);
  403 + this.inputShow["colorOne"]=false;
  404 + this.inputShow["colorTwo"]=false;
  405 + this.inputShow["titleWidth"]=false;
  406 + this.inputShow["reverse"]=false;
  407 + this.inputShow["dur"]=false;
  408 + this.bDomBorderBox=true;
  409 + }else{
  410 + this.inputShow["colorOne"]=true;
  411 + this.inputShow["colorTwo"]=true;
  412 + this.inputShow["titleWidth"]=true;
  413 + this.inputShow["reverse"]=true;
  414 + this.inputShow["dur"]=true;
  415 + this.bDomBorderBox=false;
  416 + }
  417 + }
  418 + },
396 // 无论哪个输入框改变 都需要触发事件 将值回传 419 // 无论哪个输入框改变 都需要触发事件 将值回传
397 changed(val, key) { 420 changed(val, key) {
398 if (val.extend) { 421 if (val.extend) {
@@ -400,7 +423,6 @@ export default { @@ -400,7 +423,6 @@ export default {
400 } else { 423 } else {
401 this.$set(this.formData, key, val); 424 this.$set(this.formData, key, val);
402 } 425 }
403 -  
404 this.$emit("onChanged", this.formData); 426 this.$emit("onChanged", this.formData);
405 // key为当前用户操作的表单组件 427 // key为当前用户操作的表单组件
406 for (let i = 0; i < this.options.length; i++) { 428 for (let i = 0; i < this.options.length; i++) {
@@ -410,6 +432,7 @@ export default { @@ -410,6 +432,7 @@ export default {
410 this.inputShow = Object.assign({}, this.inputShow); 432 this.inputShow = Object.assign({}, this.inputShow);
411 } 433 }
412 } 434 }
  435 + this.onHiddenDomBorderBox(val,key);
413 }, 436 },
414 saveData() { 437 saveData() {
415 this.$emit("onChanged", this.formData); 438 this.$emit("onChanged", this.formData);
@@ -426,6 +449,8 @@ export default { @@ -426,6 +449,8 @@ export default {
426 isShowData() { 449 isShowData() {
427 let currentData = {}; 450 let currentData = {};
428 const data = []; 451 const data = [];
  452 + let divType = false;
  453 + let val = "";
429 for (let i = 0; i < this.options.length; i++) { 454 for (let i = 0; i < this.options.length; i++) {
430 // 添加默认的inputShow值 455 // 添加默认的inputShow值
431 this.inputShow[this.options[i].name] = true; 456 this.inputShow[this.options[i].name] = true;
@@ -434,12 +459,23 @@ export default { @@ -434,12 +459,23 @@ export default {
434 } else { 459 } else {
435 data.push(this.options[i]); 460 data.push(this.options[i]);
436 } 461 }
  462 + if(!divType
  463 + && this.options[i]!==""
  464 + && this.options[i]!==null
  465 + && this.options[i]!==undefined
  466 + && this.options[i].name=="divType"){
  467 + val = this.options[i].value;
  468 + divType=true;
  469 + }
437 } 470 }
438 data.forEach(el => { 471 data.forEach(el => {
439 if (el.relactiveDomValue != currentData.value) { 472 if (el.relactiveDomValue != currentData.value) {
440 this.inputShow[el.name] = false; 473 this.inputShow[el.name] = false;
441 } 474 }
442 }); 475 });
  476 + if(divType){
  477 + this.onHiddenDomBorderBox(val,"divType");
  478 + }
443 }, 479 },
444 // 组件拖入时 赋值 480 // 组件拖入时 赋值
445 setDefaultValue() { 481 setDefaultValue() {
src/views/bigscreenDesigner/designer/designer.js deleted
View file @4a874a1
src/views/bigscreenDesigner/designer/index.vue
  View file @4ff1579
@@ -230,6 +230,7 @@ @@ -230,6 +230,7 @@
230 @contextmenu.prevent.native="rightClick($event, index)" 230 @contextmenu.prevent.native="rightClick($event, index)"
231 @mousedown.prevent.native="widgetsClick(index)" 231 @mousedown.prevent.native="widgetsClick(index)"
232 @mouseup.prevent.native="widgetsMouseup" 232 @mouseup.prevent.native="widgetsMouseup"
  233 + @keyup.delete.native="entryDelete(index)"
233 /> 234 />
234 </div> 235 </div>
235 </vue-ruler-tool> 236 </vue-ruler-tool>
@@ -856,6 +857,7 @@ export default { @@ -856,6 +857,7 @@ export default {
856 } 857 }
857 } 858 }
858 } 859 }
  860 + // console.log("widgetJson",widgetJson);
859 return widgetJson; 861 return widgetJson;
860 }, 862 },
861 layerClick(index) { 863 layerClick(index) {
@@ -1038,6 +1040,7 @@ export default { @@ -1038,6 +1040,7 @@ export default {
1038 }, 1040 },
1039 // 复制 1041 // 复制
1040 copylayer() { 1042 copylayer() {
  1043 + // console.log("copylayer");
1041 const obj = this.deepClone(this.widgets[this.rightClickIndex]); 1044 const obj = this.deepClone(this.widgets[this.rightClickIndex]);
1042 this.widgets.splice(this.widgets.length, 0, obj); 1045 this.widgets.splice(this.widgets.length, 0, obj);
1043 }, 1046 },
@@ -1078,6 +1081,14 @@ export default { @@ -1078,6 +1081,14 @@ export default {
1078 this.widgets.unshift(this.widgets.splice(this.rightClickIndex, 1)[0]); 1081 this.widgets.unshift(this.widgets.splice(this.rightClickIndex, 1)[0]);
1079 } 1082 }
1080 }, 1083 },
  1084 + //输入删除键删除
  1085 + entryDelete(index){
  1086 + this.widgets.splice(index, 1);
  1087 + },
  1088 + //输入ctrl+c
  1089 + entryCopy(){
  1090 + this.copylayer();
  1091 + }
1081 }, 1092 },
1082 }; 1093 };
1083 </script> 1094 </script>
src/views/bigscreenDesigner/designer/tools/configure/decorateCharts/widget-decorate.js deleted
View file @4a874a1
1 -/**  
2 - * 装饰json  
3 - */  
4 -export const widgetDecorate = {  
5 - code: "widget-decorate",  
6 - type: "decorate",  
7 - tabName: '装饰图',  
8 - label: "装饰",  
9 - icon: "icontupian1",  
10 - options: {  
11 - // 配置  
12 - setup: [  
13 - {  
14 - type: "el-input-text",  
15 - label: "图层名称",  
16 - name: "layerName",  
17 - required: false,  
18 - placeholder: "",  
19 - value: "装饰"  
20 - },  
21 - {  
22 - type: "el-select",  
23 - label: "装饰类型",  
24 - name: "decorateType",  
25 - required: false,  
26 - placeholder: "",  
27 - selectOptions: [  
28 - // { code: "div_Style_1", name: "装饰1_?" },  
29 - { code: "div_Style_2", name: "装饰1" },  
30 - // { code: "div_Style_3", name: "装饰3_?" },  
31 - { code: "div_Style_4", name: "装饰2" },  
32 - { code: "div_Style_5", name: "装饰3" },  
33 - // { code: "div_Style_6", name: "装饰6_?" },  
34 - { code: "div_Style_7", name: "装饰4" },  
35 - { code: "div_Style_8", name: "装饰5" },  
36 - // { code: "div_Style_9", name: "装饰9_?" },  
37 - { code: "div_Style_10", name: "装饰6" },  
38 - { code: "div_Style_11", name: "装饰7" },  
39 - { code: "div_Style_12", name: "装饰8" }  
40 - ],  
41 - value: "div_Style_11"  
42 - },  
43 - {  
44 - type: "el-input-text",  
45 - label: "标题",  
46 - name: "text",  
47 - required: false,  
48 - placeholder: "",  
49 - value: ""  
50 - },  
51 - ],  
52 - // 数据  
53 - data: [],  
54 - // 坐标  
55 - position: [  
56 - {  
57 - type: "el-input-number",  
58 - label: "左边距",  
59 - name: "left",  
60 - required: false,  
61 - placeholder: "",  
62 - value: 0  
63 - },  
64 - {  
65 - type: "el-input-number",  
66 - label: "上边距",  
67 - name: "top",  
68 - required: false,  
69 - placeholder: "",  
70 - value: 0  
71 - },  
72 - {  
73 - type: "el-input-number",  
74 - label: "宽度",  
75 - name: "width",  
76 - required: false,  
77 - placeholder: "该容器在1920px大屏中的宽度",  
78 - value: 1000  
79 - },  
80 - {  
81 - type: "el-input-number",  
82 - label: "高度",  
83 - name: "height",  
84 - required: false,  
85 - placeholder: "该容器在1080px大屏中的高度",  
86 - value: 600  
87 - }  
88 - ]  
89 - }  
90 -};  
src/views/bigscreenDesigner/designer/tools/configure/div/widget-border-box.js
  View file @4ff1579
@@ -38,6 +38,7 @@ export const widgetBorderBox = { @@ -38,6 +38,7 @@ export const widgetBorderBox = {
38 {code: 'dv-border-Box-11', name: '边框11'}, 38 {code: 'dv-border-Box-11', name: '边框11'},
39 {code: 'dv-border-Box-12', name: '边框12'}, 39 {code: 'dv-border-Box-12', name: '边框12'},
40 {code: 'dv-border-Box-13', name: '边框13'}, 40 {code: 'dv-border-Box-13', name: '边框13'},
  41 + {code: 'dv-border-Box-14', name: '自定义边框'},
41 ], 42 ],
42 value: 'dv-border-Box-1' 43 value: 'dv-border-Box-1'
43 }, 44 },
@@ -87,7 +88,7 @@ export const widgetBorderBox = { @@ -87,7 +88,7 @@ export const widgetBorderBox = {
87 name: 'title', 88 name: 'title',
88 require: false, 89 require: false,
89 placeholder: '', 90 placeholder: '',
90 - value: '', 91 + value: '标题显示值',
91 }, 92 },
92 { 93 {
93 type: 'el-input-number', 94 type: 'el-input-number',
@@ -96,7 +97,70 @@ export const widgetBorderBox = { @@ -96,7 +97,70 @@ export const widgetBorderBox = {
96 require: false, 97 require: false,
97 placeholder: '', 98 placeholder: '',
98 value: 250, 99 value: 250,
99 - } 100 + },
  101 + [
  102 + {
  103 + name: '自定义边框样式设置',
  104 + list: [
  105 + {
  106 + type: 'el-input-text',
  107 + label: '边框样式',
  108 + name: 'databox',
  109 + required: false,
  110 + placeholder: '边框样式',
  111 + value: 'border:2px solid #032d60; -webkit-box-shadow:#07417a 0 0 10px;-moz-box-shadow:#07417a 0 0 10px;box-shadow:inset 0 0 30px #07417a;z-index: 0',
  112 + },
  113 + {
  114 + type: 'el-switch',
  115 + label: '标题前显示',
  116 + name: 'title14before',
  117 + require: false,
  118 + placeholder: '',
  119 + value: true,
  120 + },
  121 + {
  122 + type: 'el-input-text',
  123 + label: '标题样式',
  124 + name: 'title14',
  125 + required: false,
  126 + placeholder: '标题设置',
  127 + value: 'font-size:1.4rem; color:#fff; position: absolute; padding-left: 1.2rem;padding-top: 0.4rem;margin-bottom: 10px;',
  128 + },
  129 + {
  130 + type: 'el-input-text',
  131 + label: '左上角',
  132 + name: 'topL',
  133 + required: false,
  134 + placeholder: '左上角',
  135 + value: 'width:20px;height:20px;border-top-width:2px;border-top-color:#26c6f0;border-top-style:solid;border-left-width:2px;border-left-color:#26c6f0;border-left-style:solid;position:absolute;top:-2px;left:-2px',
  136 + },
  137 + {
  138 + type: 'el-input-text',
  139 + label: '右上角',
  140 + name: 'topR',
  141 + required: false,
  142 + placeholder: '右上角',
  143 + value: 'width:20px;height:20px;border-top-width:2px;border-top-color:#26c6f0;border-top-style:solid;border-right-width:2px;border-right-color:#26c6f0;border-right-style:solid;position:absolute;top:-2px;right:-2px',
  144 + },
  145 + {
  146 + type: 'el-input-text',
  147 + label: '左下角',
  148 + name: 'bottomL',
  149 + required: false,
  150 + placeholder: '左下角',
  151 + value: 'width:20px;height:20px;border-bottom-width:2px;border-bottom-color:#26c6f0;border-bottom-style:solid;border-left-width:2px;border-left-color:#26c6f0;border-left-style:solid;position:absolute;bottom:-2px;left:-2px'
  152 + },
  153 + {
  154 + type: 'el-input-text',
  155 + label: '右下角',
  156 + name: 'bottomR',
  157 + required: false,
  158 + placeholder: '左下角',
  159 + value: 'width:20px;height:20px;border-bottom-width:2px;border-bottom-color:#26c6f0;border-bottom-style:solid;border-right-width:2px;border-right-color:#26c6f0;border-right-style:solid;position:absolute;bottom:-2px;right:-2px'
  160 + },
  161 + ],
  162 + }
  163 + ],
100 ], 164 ],
101 // 数据 165 // 数据
102 data: [], 166 data: [],
src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-progress.js
  View file @4ff1579
@@ -67,10 +67,9 @@ export const widgetProgress = { @@ -67,10 +67,9 @@ export const widgetProgress = {
67 placeholder: "", 67 placeholder: "",
68 value: "" 68 value: ""
69 }, 69 },
70 -  
71 { 70 {
72 type: "el-select-static", 71 type: "el-select-static",
73 - label: "静态数据选择", 72 + label: "数值",
74 name: "slectedDataType", 73 name: "slectedDataType",
75 require: false, 74 require: false,
76 placeholder: "", 75 placeholder: "",
@@ -78,6 +77,15 @@ export const widgetProgress = { @@ -78,6 +77,15 @@ export const widgetProgress = {
78 value: "" 77 value: ""
79 }, 78 },
80 { 79 {
  80 + type: "el-select-static",
  81 + label: "动态色",
  82 + name: "slectedDataColor",
  83 + require: false,
  84 + placeholder: "",
  85 + selectOptions: [],
  86 + value: ""
  87 + },
  88 + {
81 type: "vue-color", 89 type: "vue-color",
82 label: "底色", 90 label: "底色",
83 name: "underColor", 91 name: "underColor",
src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-pie-nightingale.js
  View file @4ff1579
@@ -180,6 +180,14 @@ export const widgetPieNightingale = { @@ -180,6 +180,14 @@ export const widgetPieNightingale = {
180 }, 180 },
181 { 181 {
182 type: 'el-switch', 182 type: 'el-switch',
  183 + label: '标题',
  184 + name: 'isShowTitle',
  185 + require: false,
  186 + placeholder: '',
  187 + value: true,
  188 + },
  189 + {
  190 + type: 'el-switch',
183 label: '数值', 191 label: '数值',
184 name: 'numberValue', 192 name: 'numberValue',
185 require: false, 193 require: false,
@@ -259,6 +267,30 @@ export const widgetPieNightingale = { @@ -259,6 +267,30 @@ export const widgetPieNightingale = {
259 value: true, 267 value: true,
260 }, 268 },
261 { 269 {
  270 + type: 'el-slider',
  271 + label: '图例占比',
  272 + name: 'piechartSize',
  273 + required: false,
  274 + placeholder: '',
  275 + value: 70,
  276 + },
  277 + {
  278 + type: 'el-slider',
  279 + label: '环形宽度',
  280 + name: 'randWidth',
  281 + required: false,
  282 + placeholder: '',
  283 + value: 40,
  284 + },
  285 + {
  286 + type: 'vue-color',
  287 + label: '字体颜色',
  288 + name: 'legendColor',
  289 + required: false,
  290 + placeholder: '',
  291 + value: '#fff',
  292 + },
  293 + {
262 type: 'vue-color', 294 type: 'vue-color',
263 label: '字体颜色', 295 label: '字体颜色',
264 name: 'legendColor', 296 name: 'legendColor',
src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-piechart.js
  View file @4ff1579
@@ -185,6 +185,14 @@ export const widgetPiechart = { @@ -185,6 +185,14 @@ export const widgetPiechart = {
185 }, 185 },
186 { 186 {
187 type: 'el-switch', 187 type: 'el-switch',
  188 + label: '标题',
  189 + name: 'isShowTitle',
  190 + require: false,
  191 + placeholder: '',
  192 + value: true,
  193 + },
  194 + {
  195 + type: 'el-switch',
188 label: '数值', 196 label: '数值',
189 name: 'numberValue', 197 name: 'numberValue',
190 require: false, 198 require: false,
@@ -264,6 +272,22 @@ export const widgetPiechart = { @@ -264,6 +272,22 @@ export const widgetPiechart = {
264 value: true, 272 value: true,
265 }, 273 },
266 { 274 {
  275 + type: 'el-slider',
  276 + label: '图例占比',
  277 + name: 'piechartSize',
  278 + required: false,
  279 + placeholder: '',
  280 + value: 70,
  281 + },
  282 + {
  283 + type: 'el-slider',
  284 + label: '环形宽度',
  285 + name: 'randWidth',
  286 + required: false,
  287 + placeholder: '',
  288 + value: 40,
  289 + },
  290 + {
267 type: 'vue-color', 291 type: 'vue-color',
268 label: '字体颜色', 292 label: '字体颜色',
269 name: 'legendColor', 293 name: 'legendColor',
@@ -272,7 +296,7 @@ export const widgetPiechart = { @@ -272,7 +296,7 @@ export const widgetPiechart = {
272 value: '#fff', 296 value: '#fff',
273 }, 297 },
274 { 298 {
275 - type: 'el-input-text', 299 + type: 'el-input-number',
276 label: '字体字号', 300 label: '字体字号',
277 name: 'legendFontSize', 301 name: 'legendFontSize',
278 required: false, 302 required: false,
@@ -308,6 +332,7 @@ export const widgetPiechart = { @@ -308,6 +332,7 @@ export const widgetPiechart = {
308 placeholder: '', 332 placeholder: '',
309 selectOptions: [ 333 selectOptions: [
310 { code: 'top', name: '顶部' }, 334 { code: 'top', name: '顶部' },
  335 + { code: 'center', name: '居中' },
311 { code: 'bottom', name: '底部' }, 336 { code: 'bottom', name: '底部' },
312 ], 337 ],
313 value: 'top' 338 value: 'top'
src/views/bigscreenDesigner/designer/tools/configure/table/widget-rotate-ranking.js 0 → 100644
  View file @4ff1579
  1 +/*
  2 + * @Descripttion: 旋转排名表
  3 + */
  4 +export const widgetRotateRanking= {
  5 + code: 'widget-rotate-ranking',
  6 + type: 'table',
  7 + tabName: '表格',
  8 + label: '旋转排名表',
  9 + icon: 'icon511tongji_shutu',
  10 + options: {
  11 + // 配置
  12 + setup: [
  13 + {
  14 + type: 'el-input-text',
  15 + label: '图层名称',
  16 + name: 'layerName',
  17 + required: false,
  18 + placeholder: '',
  19 + value: '排名轮播表',
  20 + },
  21 + {
  22 + type: 'el-input-number',
  23 + label: '表行数',
  24 + name: 'rowNum',
  25 + required: false,
  26 + placeholder: '',
  27 + value: 5,
  28 + },
  29 + {
  30 + type: 'el-input-number',
  31 + label: '滚动间隔(毫秒)',
  32 + name: 'waitTime',
  33 + required: false,
  34 + placeholder: '',
  35 + value: 2500,
  36 + },
  37 + {
  38 + type: 'el-select',
  39 + label: '动画效果',
  40 + name: 'carousel',
  41 + required: false,
  42 + placeholder: '',
  43 + selectOptions: [
  44 + {code: 'single', name: '单条'},
  45 + {code: 'page', name: '整页'}
  46 + ],
  47 + value: 'single'
  48 + },
  49 + {
  50 + type: 'el-input-text',
  51 + label: '数值单位',
  52 + name: 'unit',
  53 + required: false,
  54 + placeholder: '',
  55 + value: '',
  56 + },
  57 + {
  58 + type: 'el-switch',
  59 + label: '自动排序',
  60 + name: 'sort',
  61 + required: false,
  62 + placeholder: '',
  63 + value: true
  64 + },
  65 + {
  66 + type: 'vue-color',
  67 + label: '背景颜色',
  68 + name: 'background',
  69 + required: false,
  70 + placeholder: '',
  71 + value: ''
  72 + },
  73 + ],
  74 + // 数据
  75 + data: [
  76 + {
  77 + type: 'el-radio-group',
  78 + label: '数据类型',
  79 + name: 'dataType',
  80 + require: false,
  81 + placeholder: '',
  82 + selectValue: true,
  83 + selectOptions: [
  84 + {
  85 + code: 'staticData',
  86 + name: '静态数据',
  87 + },
  88 + {
  89 + code: 'dynamicData',
  90 + name: '动态数据',
  91 + },
  92 + ],
  93 + value: 'staticData',
  94 + },
  95 + {
  96 + type: 'el-input-number',
  97 + label: '刷新时间(毫秒)',
  98 + name: 'refreshTime',
  99 + relactiveDom: 'dataType',
  100 + relactiveDomValue: 'dynamicData',
  101 + value: 30000
  102 + },
  103 + {
  104 + type: 'el-button',
  105 + label: '静态数据',
  106 + name: 'staticData',
  107 + required: false,
  108 + placeholder: '',
  109 + relactiveDom: 'dataType',
  110 + relactiveDomValue: 'staticData',
  111 + value: [
  112 + {
  113 + name: '周口',
  114 + value: 55
  115 + },
  116 + {
  117 + name: '南阳',
  118 + value: 120
  119 + },
  120 + {
  121 + name: '西峡',
  122 + value: 78
  123 + },
  124 + {
  125 + name: '驻马店',
  126 + value: 66
  127 + },
  128 + {
  129 + name: '新乡',
  130 + value: 80
  131 + },
  132 + {
  133 + name: '信阳',
  134 + value: 45
  135 + },
  136 + {
  137 + name: '漯河',
  138 + value: 29
  139 + }
  140 + ],
  141 + },
  142 + {
  143 + type: 'dycustComponents',
  144 + label: '',
  145 + name: 'dynamicData',
  146 + required: false,
  147 + placeholder: '',
  148 + relactiveDom: 'dataType',
  149 + relactiveDomValue: 'dynamicData',
  150 + chartType: 'widget-scroll-ranking-board',
  151 + dictKey: 'TEXT_PROPERTIES',
  152 + value: '',
  153 + },
  154 + ],
  155 + // 坐标
  156 + position: [
  157 + {
  158 + type: 'el-input-number',
  159 + label: '左边距',
  160 + name: 'left',
  161 + required: false,
  162 + placeholder: '',
  163 + value: 10,
  164 + },
  165 + {
  166 + type: 'el-input-number',
  167 + label: '上边距',
  168 + name: 'top',
  169 + required: false,
  170 + placeholder: '',
  171 + value: 10,
  172 + },
  173 + {
  174 + type: 'el-input-number',
  175 + label: '宽度',
  176 + name: 'width',
  177 + required: false,
  178 + placeholder: '该容器在1920px大屏中的宽度',
  179 + value: 490,
  180 + },
  181 + {
  182 + type: 'el-input-number',
  183 + label: '高度',
  184 + name: 'height',
  185 + required: false,
  186 + placeholder: '该容器在1080px大屏中的高度',
  187 + value: 370,
  188 + },
  189 + ],
  190 + }
  191 +}
src/views/bigscreenDesigner/designer/tools/configure/table/widget-table.js
  View file @4ff1579
@@ -240,7 +240,7 @@ export const widgetTable = { @@ -240,7 +240,7 @@ export const widgetTable = {
240 relactiveDom: 'dataType', 240 relactiveDom: 'dataType',
241 relactiveDomValue: 'staticData', 241 relactiveDomValue: 'staticData',
242 value: [ 242 value: [
243 - {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0001'}, 243 + {date: '2016-05-02', name: '<span style="color:#FF69B4">王小虎</span>', address: '<span style="color:#FF69B4">上海市普陀区金沙江路</span> 1518 弄0001'},
244 {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0002'}, 244 {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0002'},
245 {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0003'}, 245 {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0003'},
246 {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0004'}, 246 {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0004'},
src/views/bigscreenDesigner/designer/tools/configure/texts/widget-digital-flop.js
  View file @4ff1579
@@ -60,19 +60,6 @@ export const widgetDigitalFlop= { @@ -60,19 +60,6 @@ export const widgetDigitalFlop= {
60 value: 0, 60 value: 0,
61 }, 61 },
62 { 62 {
63 - type: 'el-select',  
64 - label: '水平对齐方式',  
65 - name: 'textAlign',  
66 - required: false,  
67 - placeholder: '',  
68 - selectOptions: [  
69 - {code: 'center', name: '居中'},  
70 - {code: 'left', name: '左对齐'},  
71 - {code: 'right', name: '右对齐'}  
72 - ],  
73 - value: 'center'  
74 - },  
75 - {  
76 type: 'el-input-number', 63 type: 'el-input-number',
77 label: '动效帧数', 64 label: '动效帧数',
78 name: 'animationFrame', 65 name: 'animationFrame',
@@ -102,6 +89,43 @@ export const widgetDigitalFlop= { @@ -102,6 +89,43 @@ export const widgetDigitalFlop= {
102 }, 89 },
103 { 90 {
104 type: 'el-select', 91 type: 'el-select',
  92 + label: '水平对齐方式',
  93 + name: 'textAlign',
  94 + required: false,
  95 + placeholder: '',
  96 + selectOptions: [
  97 + {code: 'center', name: '居中'},
  98 + {code: 'left', name: '左对齐'},
  99 + {code: 'right', name: '右对齐'}
  100 + ],
  101 + value: 'center'
  102 + },
  103 + {
  104 + type: 'el-select',
  105 + label: '字体样式',
  106 + name: 'fontStyle',
  107 + required: false,
  108 + placeholder: '',
  109 + selectOptions: [
  110 + {code: 'normal', name: '正常'},
  111 + {code: 'italic', name: '斜体'}
  112 + ],
  113 + value: 'normal'
  114 + },
  115 + {
  116 + type: 'el-select',
  117 + label: '字体',
  118 + name: 'fontFamily',
  119 + required: false,
  120 + placeholder: '',
  121 + selectOptions: [
  122 + {code: 'Arial,sans-serif', name: '正常'},
  123 + {code: 'LCdd', name: '个性文字'}
  124 + ],
  125 + value: 'Arial,sans-serif'
  126 + },
  127 + {
  128 + type: 'el-select',
105 label: '字体粗细', 129 label: '字体粗细',
106 name: 'fontWeight', 130 name: 'fontWeight',
107 required: false, 131 required: false,
src/views/bigscreenDesigner/designer/tools/configure/texts/widget-time.js
  View file @4ff1579
@@ -25,6 +25,17 @@ export const widgetTime = { @@ -25,6 +25,17 @@ export const widgetTime = {
25 }, 25 },
26 { 26 {
27 type: 'el-select', 27 type: 'el-select',
  28 + label: '字体类型',
  29 + name: 'fontFamily',
  30 + required: false,
  31 + selectOptions: [
  32 + {code: '', name: '正常'},
  33 + {code: 'LCdd', name: '文艺字'},
  34 + ],
  35 + value: ''
  36 + },
  37 + {
  38 + type: 'el-select',
28 label: '时间格式', 39 label: '时间格式',
29 name: 'timeFormat', 40 name: 'timeFormat',
30 required: false, 41 required: false,
src/views/bigscreenDesigner/designer/tools/configure/video/widget-video.js
  View file @4ff1579
1 export const widgetVideo = { 1 export const widgetVideo = {
2 code: 'widget-video', 2 code: 'widget-video',
3 - type: 'video', 3 + type: 'html',
4 tabName: '播放器', 4 tabName: '播放器',
5 label: '视频', 5 label: '视频',
6 icon: 'iconshipin', 6 icon: 'iconshipin',
src/views/bigscreenDesigner/designer/tools/main.js
  View file @4ff1579
@@ -28,7 +28,6 @@ import { widgetLineStack } from &quot;./configure/lineCharts/widget-line-stack&quot; @@ -28,7 +28,6 @@ import { widgetLineStack } from &quot;./configure/lineCharts/widget-line-stack&quot;
28 import { widgetBarCompare } from "./configure/barCharts/widget-bar-compare" 28 import { widgetBarCompare } from "./configure/barCharts/widget-bar-compare"
29 import { widgetLineCompare } from "./configure/lineCharts/widget-line-compare" 29 import { widgetLineCompare } from "./configure/lineCharts/widget-line-compare"
30 import { widgetDecoratePie } from "./configure/decorateCharts/widget-decorate-pie"; 30 import { widgetDecoratePie } from "./configure/decorateCharts/widget-decorate-pie";
31 -import {widgetDecorate} from "./configure/decorateCharts/widget-decorate";  
32 import { widgetMoreBarLine } from "./configure/barlineCharts/widget-more-bar-line"; 31 import { widgetMoreBarLine } from "./configure/barlineCharts/widget-more-bar-line";
33 import { widgetWordCloud } from "./configure/wordcloudCharts/widget-word-cloud"; 32 import { widgetWordCloud } from "./configure/wordcloudCharts/widget-word-cloud";
34 import { widgetHeatmap } from "./configure/heatmap/widget-heatmap"; 33 import { widgetHeatmap } from "./configure/heatmap/widget-heatmap";
@@ -43,6 +42,7 @@ import {widgetConicalColumnChart} from &quot;./configure/funnelCharts/widget-conical- @@ -43,6 +42,7 @@ import {widgetConicalColumnChart} from &quot;./configure/funnelCharts/widget-conical-
43 import {widgetBorderBoxFloat} from "./configure/div/widget-border-box-float"; 42 import {widgetBorderBoxFloat} from "./configure/div/widget-border-box-float";
44 import {widgetDigitalFlopSingle} from "./configure/texts/widget-digital-flop-single"; 43 import {widgetDigitalFlopSingle} from "./configure/texts/widget-digital-flop-single";
45 import {widgetSvg} from "./configure/div/widget-svg"; 44 import {widgetSvg} from "./configure/div/widget-svg";
  45 +import {widgetRotateRanking} from "./configure/table/widget-rotate-ranking";
46 46
47 47
48 export const widgetTool = [ 48 export const widgetTool = [
@@ -81,7 +81,6 @@ export const widgetTool = [ @@ -81,7 +81,6 @@ export const widgetTool = [
81 widgetLineCompare, 81 widgetLineCompare,
82 //装饰 82 //装饰
83 widgetDecoratePie, 83 widgetDecoratePie,
84 - widgetDecorate,  
85 widgetMoreBarLine, 84 widgetMoreBarLine,
86 widgetWordCloud, 85 widgetWordCloud,
87 widgetHeatmap, 86 widgetHeatmap,
@@ -94,4 +93,5 @@ export const widgetTool = [ @@ -94,4 +93,5 @@ export const widgetTool = [
94 widgetBorderBoxFloat, 93 widgetBorderBoxFloat,
95 widgetDigitalFlopSingle, 94 widgetDigitalFlopSingle,
96 widgetSvg, 95 widgetSvg,
  96 + widgetRotateRanking
97 ] 97 ]
src/views/bigscreenDesigner/designer/widget/bar/widgetBarStackChart.vue
  View file @4ff1579
@@ -237,22 +237,6 @@ export default { @@ -237,22 +237,6 @@ export default {
237 }; 237 };
238 this.options.grid = grid; 238 this.options.grid = grid;
239 }, 239 },
240 - // 图例操作 legend  
241 - setOptionsLegend() {  
242 - const optionsSetup = this.optionsSetup;  
243 - const legend = this.options.legend;  
244 - legend.show = optionsSetup.isShowLegend;  
245 - legend.left = optionsSetup.lateralPosition;  
246 - legend.top = optionsSetup.longitudinalPosition;  
247 - legend.bottom =  
248 - optionsSetup.longitudinalPosition;  
249 - legend.orient = optionsSetup.layoutFront;  
250 - legend.textStyle = {  
251 - color: optionsSetup.legendColor,  
252 - fontSize: optionsSetup.legendFontSize  
253 - };  
254 - legend.itemWidth = optionsSetup.legendWidth;  
255 - },  
256 // 图例名称设置 240 // 图例名称设置
257 setOptionsLegendName(name){ 241 setOptionsLegendName(name){
258 const optionsSetup = this.optionsSetup; 242 const optionsSetup = this.optionsSetup;
@@ -304,6 +288,7 @@ export default { @@ -304,6 +288,7 @@ export default {
304 }, 288 },
305 //静态数据 289 //静态数据
306 staticDataFn(val) { 290 staticDataFn(val) {
  291 + console.log("staticDataFn",val);
307 const optionsSetup = this.optionsSetup; 292 const optionsSetup = this.optionsSetup;
308 //颜色 293 //颜色
309 const customColor = optionsSetup.customColor; 294 const customColor = optionsSetup.customColor;
@@ -373,6 +358,21 @@ export default { @@ -373,6 +358,21 @@ export default {
373 this.options.legend['data'] = legendName; 358 this.options.legend['data'] = legendName;
374 this.setOptionsLegendName(legendName); 359 this.setOptionsLegendName(legendName);
375 }, 360 },
  361 + setOptionsLegend() {
  362 + const optionsSetup = this.optionsSetup;
  363 + const legend = this.options.legend;
  364 + legend.show = optionsSetup.isShowLegend;
  365 + legend.left = optionsSetup.lateralPosition;
  366 + legend.top = optionsSetup.longitudinalPosition;
  367 + legend.bottom =
  368 + optionsSetup.longitudinalPosition;
  369 + legend.orient = optionsSetup.layoutFront;
  370 + legend.textStyle = {
  371 + color: optionsSetup.legendColor,
  372 + fontSize: optionsSetup.legendFontSize
  373 + };
  374 + legend.itemWidth = optionsSetup.legendWidth;
  375 + },
376 // 动态数据 376 // 动态数据
377 dynamicDataFn(val, refreshTime, optionsSetup) { 377 dynamicDataFn(val, refreshTime, optionsSetup) {
378 if (!val) return; 378 if (!val) return;
@@ -411,7 +411,8 @@ export default { @@ -411,7 +411,8 @@ export default {
411 this.options.yAxis.type = "value"; 411 this.options.yAxis.type = "value";
412 } 412 }
413 const series = []; 413 const series = [];
414 - const legendName = []; 414 + let legendName = [];
  415 + legendName = this.setUnique(legendName);
415 for (const i in val.series) { 416 for (const i in val.series) {
416 if (val.series[i].type == "bar") { 417 if (val.series[i].type == "bar") {
417 series.push({ 418 series.push({
src/views/bigscreenDesigner/designer/widget/barline/widgetBarLineStackChart.vue
  View file @4ff1579
  1 +<!--@Descripttion: 柱线堆叠图-->
1 <template> 2 <template>
2 <div :style="styleObj"> 3 <div :style="styleObj">
3 <v-chart :options="options" autoresize/> 4 <v-chart :options="options" autoresize/>
src/views/bigscreenDesigner/designer/widget/decorate/decorate.vue deleted
View file @4a874a1
1 -<!--  
2 - decorate 图层  
3 --->  
4 -<template>  
5 - <div :style="styleColor">  
6 - <div :class="['div_Style', 'div_Style_7']" v-if="styleColor.divClass === 'div_Style_7'">  
7 - <div class="div_Style_7_1"></div>  
8 - <div class="text">{{ styleColor.text }}</div>  
9 - <div class="div_Style_7_2"></div>  
10 - </div>  
11 - <div :class="['div_Style', styleColor.divClass]" v-else>  
12 - <div class="text" v-if="styleColor.divClass === 'div_Style_11'">{{ styleColor.text }}</div>  
13 - </div>  
14 - </div>  
15 -</template>  
16 -  
17 -<script>  
18 -export default {  
19 - name: 'widget-decorate',  
20 - props: {  
21 - value: Object,  
22 - ispreview: Boolean,  
23 - },  
24 - data() {  
25 - return {  
26 - options: {},  
27 - optionsData: {},  
28 - };  
29 - },  
30 - computed: {  
31 - transStyle() {  
32 - return this.objToOne(this.options);  
33 - },  
34 - styleColor() {  
35 - return {  
36 - position: this.ispreview ? "absolute" : "static",  
37 - color: this.transStyle.colorOne,  
38 - text: this.transStyle.text,  
39 - divClass:  
40 - this.transStyle.decorateType == undefined  
41 - ? "div_Style_1"  
42 - : this.transStyle.decorateType,  
43 - background: this.transStyle.background,  
44 - width: this.transStyle.width + "px",  
45 - height: this.transStyle.height + "px",  
46 - left: this.transStyle.left + "px",  
47 - top: this.transStyle.top + "px",  
48 - right: this.transStyle.right + "px",  
49 - };  
50 - },  
51 - },  
52 - watch: {  
53 - value: {  
54 - handler(val) {  
55 - this.options = val;  
56 - },  
57 - deep: true,  
58 - },  
59 - },  
60 - mounted() {  
61 - this.options = this.value;  
62 - },  
63 - methods: {},  
64 -};  
65 -</script>  
66 -  
67 -<style scoped lang="scss">  
68 -.div_Style {  
69 - width: 100%;  
70 - height: 100%;  
71 -}  
72 -  
73 -.div_Style_1 {  
74 - background: url("~@/assets/images/widget/decorate1.svg") center no-repeat;  
75 - background-size: 100% 100%;  
76 -}  
77 -  
78 -.div_Style_2 {  
79 - background: url("~@/assets/images/widget/decorate2.svg") center no-repeat;  
80 - background-size: 100% 100%;  
81 -}  
82 -  
83 -.div_Style_3 {  
84 - background: url("~@/assets/images/widget/decorate3.svg") no-repeat;  
85 - background-size: 100% 100%;  
86 -}  
87 -  
88 -.div_Style_4 {  
89 - background: url("~@/assets/images/widget/decorate4.svg") center no-repeat;  
90 - background-size: 10px 100%;  
91 -}  
92 -  
93 -.div_Style_5 {  
94 - background: url("~@/assets/images/widget/decorate5.svg") no-repeat;  
95 - background-size: 100% 100%;  
96 -}  
97 -  
98 -.div_Style_6 {  
99 - background: url("~@/assets/images/widget/decorate6.svg") no-repeat;  
100 - background-size: 100% 100%;  
101 -}  
102 -  
103 -.div_Style_7 {  
104 - display: flex;  
105 - align-items: center;  
106 - justify-content: center;  
107 -  
108 - .text {  
109 - color: #E8E9EA;  
110 - font-size: 1.5em;  
111 - }  
112 -}  
113 -  
114 -.div_Style_7_1 {  
115 - width: 20px;  
116 - height: 20px;  
117 - background: url("~@/assets/images/widget/decorate7_1.svg") no-repeat;  
118 - background-size: 100% 100%;  
119 -}  
120 -  
121 -.div_Style_7_2 {  
122 - width: 20px;  
123 - height: 20px;  
124 - background: url("~@/assets/images/widget/decorate7_2.svg") no-repeat;  
125 - background-size: 100% 100%;  
126 -}  
127 -  
128 -.div_Style_8 {  
129 - height: 100%;  
130 - background: url("~@/assets/images/widget/decorate8.svg") no-repeat;  
131 - background-size: 100% 100%;  
132 -}  
133 -  
134 -.div_Style_9 {  
135 - background: url("~@/assets/images/widget/decorate9.svg") no-repeat;  
136 - background-size: 100% 100%;  
137 -}  
138 -  
139 -.div_Style_10 {  
140 - width: 100%;  
141 - background: url("~@/assets/images/widget/decorate10.svg") center no-repeat;  
142 - background-size: 100% auto;  
143 -}  
144 -  
145 -.div_Style_11 {  
146 - width: 100%;  
147 - background: url("~@/assets/images/widget/decorate11.svg") no-repeat;  
148 - background-size: 100% 100%;  
149 - display: flex;  
150 - align-items: center;  
151 - justify-content: center;  
152 -  
153 - .text {  
154 - color: #E8E9EA;  
155 - font-size: 1.5em;  
156 - }  
157 -}  
158 -  
159 -.div_Style_12 {  
160 - background: url("~@/assets/images/widget/decorate12.svg") no-repeat;  
161 - background-size: 100% 100%;  
162 -}  
163 -</style>  
src/views/bigscreenDesigner/designer/widget/div/widgetBorderBox.vue
  View file @4ff1579
@@ -31,7 +31,16 @@ @@ -31,7 +31,16 @@
31 <dv-border-Box-12 :style="styleColor" :color="transStyle.color" :backgroundColor="transStyle.backgroundColor" 31 <dv-border-Box-12 :style="styleColor" :color="transStyle.color" :backgroundColor="transStyle.backgroundColor"
32 v-else-if="styleColor.divClass === 'dv-border-Box-12'"></dv-border-Box-12> 32 v-else-if="styleColor.divClass === 'dv-border-Box-12'"></dv-border-Box-12>
33 <dv-border-Box-13 :style="styleColor" :color="transStyle.color" :backgroundColor="transStyle.backgroundColor" 33 <dv-border-Box-13 :style="styleColor" :color="transStyle.color" :backgroundColor="transStyle.backgroundColor"
34 - v-else="styleColor.divClass === 'dv-border-Box-13'"></dv-border-Box-13> 34 + v-else-if="styleColor.divClass === 'dv-border-Box-13'"></dv-border-Box-13>
  35 + <div :style="styleColor"
  36 + v-else="styleColor.divClass === 'dv-border-Box-14'">
  37 + <i :style="topL"></i>
  38 + <i :style="topR"></i>
  39 + <i :style="bottomL"></i>
  40 + <i :style="bottomR"></i>
  41 + <div :class="[this.transStyle.title14before? 'title14' : '']" :style="title14">{{ transStyle.title }}</div>
  42 +
  43 + </div>
35 </template> 44 </template>
36 <script> 45 <script>
37 import borderBox1 from "@jiaminghi/data-view/lib/components/borderBox1"; 46 import borderBox1 from "@jiaminghi/data-view/lib/components/borderBox1";
@@ -47,6 +56,7 @@ import borderBox10 from &quot;@jiaminghi/data-view/lib/components/borderBox10&quot;; @@ -47,6 +56,7 @@ import borderBox10 from &quot;@jiaminghi/data-view/lib/components/borderBox10&quot;;
47 import borderBox11 from "@jiaminghi/data-view/lib/components/borderBox11"; 56 import borderBox11 from "@jiaminghi/data-view/lib/components/borderBox11";
48 import borderBox12 from "@jiaminghi/data-view/lib/components/borderBox12"; 57 import borderBox12 from "@jiaminghi/data-view/lib/components/borderBox12";
49 import borderBox13 from "@jiaminghi/data-view/lib/components/borderBox13"; 58 import borderBox13 from "@jiaminghi/data-view/lib/components/borderBox13";
  59 +import Vue from "vue";
50 Vue.use(borderBox1) 60 Vue.use(borderBox1)
51 Vue.use(borderBox2) 61 Vue.use(borderBox2)
52 Vue.use(borderBox3) 62 Vue.use(borderBox3)
@@ -92,21 +102,50 @@ export default { @@ -92,21 +102,50 @@ export default {
92 return transStyleObj; 102 return transStyleObj;
93 }, 103 },
94 styleColor() { 104 styleColor() {
95 - return { 105 + let ret = {
96 position: this.ispreview ? "absolute" : "static", 106 position: this.ispreview ? "absolute" : "static",
97 - // color: this.transStyle.colorOne,  
98 - // text: this.transStyle.text,  
99 divClass: 107 divClass:
100 this.transStyle.divType == undefined 108 this.transStyle.divType == undefined
101 ? "dv-border-Box-1" 109 ? "dv-border-Box-1"
102 : this.transStyle.divType, 110 : this.transStyle.divType,
103 - // background: this.transStyle.backgroundColor,  
104 width: this.transStyle.width + "px", 111 width: this.transStyle.width + "px",
105 height: this.transStyle.height + "px", 112 height: this.transStyle.height + "px",
106 left: this.transStyle.left + "px", 113 left: this.transStyle.left + "px",
107 top: this.transStyle.top + "px", 114 top: this.transStyle.top + "px",
108 right: this.transStyle.right + "px", 115 right: this.transStyle.right + "px",
109 }; 116 };
  117 + if(this.transStyle.divType === 'dv-border-Box-14'){
  118 + ret = this.databox(ret);
  119 + if(this.isBlank(ret.backgroundColor)){
  120 + ret.backgroundColor=this.transStyle.backgroundColor;
  121 + }
  122 + }
  123 + return ret;
  124 + },
  125 + title14() {
  126 + const databoxString = this.transStyle.title14||'font-size:1.4rem; color:#fff; position: absolute; padding-left: 1.2rem;padding-top: 0.4rem;margin-bottom: 10px;';
  127 + const ret={};
  128 + return this.getStyleObj(databoxString,ret);
  129 + },
  130 + topL() {
  131 + const databoxString = this.transStyle.topL||'width:20px;height:20px;border-top-width:2px;border-top-color:#26c6f0;border-top-style:solid;border-left-width:2px;border-left-color:#26c6f0;border-left-style:solid;position:absolute;top:-2px;left:-2px';
  132 + const ret={};
  133 + return this.getStyleObj(databoxString,ret);
  134 + },
  135 + topR() {
  136 + const databoxString = this.transStyle.topR||'width:20px;height:20px;border-top-width:2px;border-top-color:#26c6f0;border-top-style:solid;border-right-width:2px;border-right-color:#26c6f0;border-right-style:solid;position:absolute;top:-2px;right:-2px';
  137 + const ret={};
  138 + return this.getStyleObj(databoxString,ret);
  139 + },
  140 + bottomL() {
  141 + const databoxString = this.transStyle.bottomL||'width:20px;height:20px;border-bottom-width:2px;border-bottom-color:#26c6f0;border-bottom-style:solid;border-left-width:2px;border-left-color:#26c6f0;border-left-style:solid;position:absolute;bottom:-2px;left:-2px';
  142 + const ret={};
  143 + return this.getStyleObj(databoxString,ret);
  144 + },
  145 + bottomR() {
  146 + const databoxString = this.transStyle.bottomR||'width:20px;height:20px;border-bottom-width:2px;border-bottom-color:#26c6f0;border-bottom-style:solid;border-right-width:2px;border-right-color:#26c6f0;border-right-style:solid;position:absolute;bottom:-2px;right:-2px';
  147 + const ret={};
  148 + return this.getStyleObj(databoxString,ret);
110 }, 149 },
111 }, 150 },
112 watch: { 151 watch: {
@@ -121,21 +160,46 @@ export default { @@ -121,21 +160,46 @@ export default {
121 mounted() { 160 mounted() {
122 this.options = this.value; 161 this.options = this.value;
123 }, 162 },
124 - methods: {}, 163 + methods: {
  164 + databox(databoxObj) {
  165 + const databoxString = this.transStyle.databox||"border:2px solid #032d60; -webkit-box-shadow:#07417a 0 0 10px;-moz-box-shadow:#07417a 0 0 10px;box-shadow:inset 0 0 30px #07417a;z-index: 0";
  166 + return this.getStyleObj(databoxString,databoxObj);
  167 + },
  168 + //将字符串转成样式
  169 + getStyleObj(databoxString,databoxObj) {
  170 + const data = databoxString.split(";")
  171 + for(let i=0; i<data.length;i++){
  172 + let dataOne = data[i].split(":");
  173 + if(dataOne.length==2){
  174 + let dataOneKey = dataOne[0].trimStart().trimEnd();
  175 + let dataOnevalue = dataOne[1].trimStart().trimEnd();
  176 + databoxObj[dataOneKey] =dataOnevalue;
  177 + }
  178 + }
  179 + return databoxObj;
  180 + },
  181 + },
125 }; 182 };
126 </script> 183 </script>
127 184
128 <style scoped lang="scss"> 185 <style scoped lang="scss">
129 -.div {  
130 - width: 100%;  
131 - height: 100%;  
132 - border: 2em;  
133 - border-color: aqua;  
134 - overflow: hidden;  
135 -} 186 +//.div_Style {
  187 +// width: 100%;
  188 +// height: 100%;
  189 +//}
  190 +//.data-box{
  191 +// border:2px solid #032d60;
  192 +// -webkit-box-shadow:#07417a 0 0 10px;
  193 +// -moz-box-shadow:#07417a 0 0 10px;
  194 +// box-shadow:inset 0 0 30px #07417a;
  195 +// z-index: 0
  196 +//}
  197 +//.title14{ font-size:1.4rem; color:#fff; position: absolute; padding-left: 1.2rem;padding-top: 0.4rem;margin-bottom: 10px;}
  198 +.title14:before{ width: 5px; height: 20px; top:0.7rem; position: absolute; content: ""; background: #49bcf7; border-radius:20px; left: 2px; }
  199 +///*四个角*/
  200 +//.topL{width:20px;height:20px;border-top-width:2px;border-top-color:#26c6f0;border-top-style:solid;border-left-width:2px;border-left-color:#26c6f0;border-left-style:solid;position:absolute;top:-2px;left:-2px}
  201 +//.topR{width:20px;height:20px;border-top-width:2px;border-top-color:#26c6f0;border-top-style:solid;border-right-width:2px;border-right-color:#26c6f0;border-right-style:solid;position:absolute;top:-2px;right:-2px}
  202 +//.bottomL{width:20px;height:20px;border-bottom-width:2px;border-bottom-color:#26c6f0;border-bottom-style:solid;border-left-width:2px;border-left-color:#26c6f0;border-left-style:solid;position:absolute;bottom:-2px;left:-2px}
  203 +//.bottomR{width:20px;height:20px;border-bottom-width:2px;border-bottom-color:#26c6f0;border-bottom-style:solid;border-right-width:2px;border-right-color:#26c6f0;border-right-style:solid;position:absolute;bottom:-2px;right:-2px}
136 204
137 -.div_Style {  
138 - width: 100%;  
139 - height: 100%;  
140 -}  
141 </style> 205 </style>
src/views/bigscreenDesigner/designer/widget/div/widgetSvg.vue
  View file @4ff1579
@@ -49,21 +49,8 @@ export default { @@ -49,21 +49,8 @@ export default {
49 if(dataSvg[i].key==key){ 49 if(dataSvg[i].key==key){
50 /** 控制svg图片拖动，原理在于设置svg的viewbox属性，viewbox的第一个参数控制左右位置，第二个参数设置上下位置 */ 50 /** 控制svg图片拖动，原理在于设置svg的viewbox属性，viewbox的第一个参数控制左右位置，第二个参数设置上下位置 */
51 /** 控制svg图片放大缩小，原理在于设置svg的viewbox属性，viewbox的第三个参数控制左右大小，第四个参数设置上下大小 */ 51 /** 控制svg图片放大缩小，原理在于设置svg的viewbox属性，viewbox的第三个参数控制左右大小，第四个参数设置上下大小 */
52 - //设置svg 自适应 添加属性 viewBox="0,0,640,480" 52 + //设置svg 自适应 添加属性 viewBox="0,0,640,480"
53 let svg = dataSvg[i].value; 53 let svg = dataSvg[i].value;
54 - let svgViewbox = svg.substr(0,svg.indexOf("viewBox=\"")+9); //截取最后一个点号后4个字符  
55 - let svgViewboxAfter = svg.substr(svg.indexOf("viewBox=\"")+9,svg.length); //截取最后一个点号后4个字符  
56 - let svgViewboxBox = svgViewboxAfter.substr(0,svgViewboxAfter.indexOf("\"")); //截取最后一个点号后4个字符  
57 - let svgViewboxBoxAfter = svgViewboxAfter.substr(svgViewboxAfter.indexOf("\"")+1,svgViewboxAfter.length); //截取最后一个点号后4个字符  
58 - let viewbox = this.transStyle.left+" "+ this.transStyle.top+" "+ this.transStyle.width+" "+ this.transStyle.height;  
59 - let dataSvgAfter = svgViewbox+viewbox+"\"" +svgViewboxBoxAfter;  
60 - console.log("svg",svg);  
61 - console.log("svgViewbox",svgViewbox);  
62 - console.log("svgViewboxAfter",svgViewboxAfter);  
63 - console.log("svgViewboxBox",svgViewboxBox);  
64 - console.log("svgViewboxBoxAfter",svgViewboxBoxAfter);  
65 - console.log("viewbox",viewbox);  
66 - console.log("dataSvgAfter",dataSvgAfter);  
67 return svg; 54 return svg;
68 } 55 }
69 } 56 }
@@ -107,24 +94,8 @@ export default { @@ -107,24 +94,8 @@ export default {
107 </script> 94 </script>
108 95
109 <style scoped lang="scss"> 96 <style scoped lang="scss">
110 -.div {  
111 - width: 100%;  
112 - height: 100%;  
113 - border: 2em;  
114 - border-color: aqua;  
115 - overflow: hidden;  
116 -}  
117 -  
118 .div_Style { 97 .div_Style {
119 width: 100%; 98 width: 100%;
120 height: 100%; 99 height: 100%;
121 } 100 }
122 -#svg {  
123 - width: 100%;  
124 - height: 100vh;  
125 -}  
126 -svg {  
127 - width: 100% !important;  
128 - height: 100vh !important;  
129 -}  
130 </style> 101 </style>
src/views/bigscreenDesigner/designer/widget/percent/widgetProgress.vue
  View file @4ff1579
@@ -59,11 +59,17 @@ export default { @@ -59,11 +59,17 @@ export default {
59 showText: this.transStyle.showText, 59 showText: this.transStyle.showText,
60 textInside: this.transStyle.textInside, 60 textInside: this.transStyle.textInside,
61 color: this.transStyle.color, 61 color: this.transStyle.color,
62 - percentage: 50 62 + percentage: 0
63 }; 63 };
64 const percentage = this.staticData[this.transStyle.slectedDataType]; 64 const percentage = this.staticData[this.transStyle.slectedDataType];
65 - if (percentage && typeof percentage === 'number') {  
66 - result.percentage = percentage; 65 + const slectedDataColor = this.staticData[this.transStyle.slectedDataColor];
  66 + if (percentage) {
  67 + result.percentage = parseInt(percentage);
  68 + }else{
  69 + result.percentage =0;
  70 + }
  71 + if (slectedDataColor) {
  72 + result.color = slectedDataColor;
67 } 73 }
68 return result; 74 return result;
69 } 75 }
src/views/bigscreenDesigner/designer/widget/pie/widgetPieNightingaleRose.vue
  View file @4ff1579
@@ -28,8 +28,8 @@ export default { @@ -28,8 +28,8 @@ export default {
28 { 28 {
29 //name: "面积模式", 29 //name: "面积模式",
30 type: "pie", 30 type: "pie",
31 - radius: ["10%", "50%"],  
32 - center: ["50%", "50%"], 31 + radius: ["30%", "100%"],
  32 + center: ["45%", "50%"],
33 roseType: "area", 33 roseType: "area",
34 itemStyle: { 34 itemStyle: {
35 borderRadius: 8 35 borderRadius: 8
@@ -41,7 +41,8 @@ export default { @@ -41,7 +41,8 @@ export default {
41 optionsStyle: {}, // 样式 41 optionsStyle: {}, // 样式
42 optionsData: {}, // 数据 42 optionsData: {}, // 数据
43 optionsCollapse: {}, // 图标属性 43 optionsCollapse: {}, // 图标属性
44 - optionsSetup: {} 44 + optionsSetup: {
  45 + }
45 }; 46 };
46 }, 47 },
47 computed: { 48 computed: {
@@ -88,7 +89,10 @@ export default { @@ -88,7 +89,10 @@ export default {
88 }, 89 },
89 // 饼图模式 面积模式"area" 半径模式"radius" 90 // 饼图模式 面积模式"area" 半径模式"radius"
90 setOptionsRosetype() { 91 setOptionsRosetype() {
  92 + const piechartSize = this.optionsSetup.piechartSize;
  93 + const randWidth = this.optionsSetup.randWidth;
91 this.options.series[0]["roseType"] = this.optionsSetup.nightingleRosetype; 94 this.options.series[0]["roseType"] = this.optionsSetup.nightingleRosetype;
  95 + this.options.series[0]["radius"] = [randWidth+"%", piechartSize+"%"];
92 }, 96 },
93 // 标题修改 97 // 标题修改
94 setOptionsTitle() { 98 setOptionsTitle() {
@@ -118,9 +122,11 @@ export default { @@ -118,9 +122,11 @@ export default {
118 const series = this.options.series; 122 const series = this.options.series;
119 const numberValue = optionsSetup.numberValue ? "{c}" : ""; 123 const numberValue = optionsSetup.numberValue ? "{c}" : "";
120 const percentage = optionsSetup.percentage ? "({d})%" : ""; 124 const percentage = optionsSetup.percentage ? "({d})%" : "";
  125 + const formatterVaue
  126 + = optionsSetup.isShowTitle ?`{a|{b}：${numberValue} ${percentage}}`:`${numberValue} ${percentage}`;
121 const label = { 127 const label = {
122 show: optionsSetup.isShow, 128 show: optionsSetup.isShow,
123 - formatter: `{a|{b}：${numberValue} ${percentage}}`, 129 + formatter: formatterVaue ,
124 rich: { 130 rich: {
125 a: { 131 a: {
126 padding: [-30, 15, -20, 15], 132 padding: [-30, 15, -20, 15],
src/views/bigscreenDesigner/designer/widget/pie/widgetPiechart.vue
  View file @4ff1579
@@ -94,11 +94,14 @@ export default { @@ -94,11 +94,14 @@ export default {
94 }, 94 },
95 // 饼图样式 95 // 饼图样式
96 setOptionsPiechartStyle() { 96 setOptionsPiechartStyle() {
  97 + const piechartSize = this.optionsSetup.piechartSize;
  98 + const randWidth = this.optionsSetup.randWidth;
97 if (this.optionsSetup.piechartStyle == "shixin") { 99 if (this.optionsSetup.piechartStyle == "shixin") {
98 - this.options.series[0]["radius"] = "50%"; 100 + this.options.series[0]["radius"] = piechartSize+"%";
99 } else if (this.optionsSetup.piechartStyle == "kongxin") { 101 } else if (this.optionsSetup.piechartStyle == "kongxin") {
100 - this.options.series[0]["radius"] = ["40%", "70%"]; 102 + this.options.series[0]["radius"] = [randWidth+"%", piechartSize+"%"];
101 } else { 103 } else {
  104 +
102 } 105 }
103 }, 106 },
104 // 标题设置 107 // 标题设置
@@ -129,9 +132,11 @@ export default { @@ -129,9 +132,11 @@ export default {
129 const series = this.options.series; 132 const series = this.options.series;
130 const numberValue = optionsSetup.numberValue ? "{c}" : ""; 133 const numberValue = optionsSetup.numberValue ? "{c}" : "";
131 const percentage = optionsSetup.percentage ? "({d})%" : ""; 134 const percentage = optionsSetup.percentage ? "({d})%" : "";
  135 + const formatterVaue
  136 + = optionsSetup.isShowTitle ?`{a|{b}：${numberValue} ${percentage}}`:`${numberValue} ${percentage}`;
132 const label = { 137 const label = {
133 show: optionsSetup.isShow, 138 show: optionsSetup.isShow,
134 - formatter: `{a|{b}：${numberValue} ${percentage}}`, 139 + formatter: formatterVaue,
135 rich: { 140 rich: {
136 a: { 141 a: {
137 padding: [-30, 15, -20, 15], 142 padding: [-30, 15, -20, 15],
@@ -169,11 +174,18 @@ export default { @@ -169,11 +174,18 @@ export default {
169 const optionsSetup = this.optionsSetup; 174 const optionsSetup = this.optionsSetup;
170 const legend = this.options.legend; 175 const legend = this.options.legend;
171 legend.show = optionsSetup.isShowLegend; 176 legend.show = optionsSetup.isShowLegend;
172 - legend.left = optionsSetup.lateralPosition == "left" ? 0 : "auto";  
173 - legend.right = optionsSetup.lateralPosition == "right" ? 0 : "auto";  
174 - legend.top = optionsSetup.longitudinalPosition == "top" ? 0 : "auto";  
175 - legend.bottom =  
176 - optionsSetup.longitudinalPosition == "bottom" ? 0 : "auto"; 177 + if(optionsSetup.longitudinalPosition == "center"){
  178 + legend.left = optionsSetup.lateralPosition == "left" ? 0 : "auto";
  179 + legend.right = optionsSetup.lateralPosition == "right" ? 0 : "auto";
  180 + legend.top = '10%';
  181 + legend.marginTop = '-150px';
  182 + }else{
  183 + legend.left = optionsSetup.lateralPosition == "left" ? 0 : "auto";
  184 + legend.right = optionsSetup.lateralPosition == "right" ? 0 : "auto";
  185 + legend.top = optionsSetup.longitudinalPosition == "top" ? 0 :"auto";
  186 + legend.bottom =
  187 + optionsSetup.longitudinalPosition == "bottom" ? 0 : "auto";
  188 + }
177 legend.orient = optionsSetup.layoutFront; 189 legend.orient = optionsSetup.layoutFront;
178 legend.textStyle = { 190 legend.textStyle = {
179 color: optionsSetup.legendColor, 191 color: optionsSetup.legendColor,
src/views/bigscreenDesigner/designer/widget/table/widgetRotateRanking.vue 0 → 100644
  View file @4ff1579
  1 +<!--
  2 +旋转排名表
  3 +-->
  4 +<template>
  5 + <div class="rondmain" :style="styleObj">
  6 + <!-- 销售总额 -->
  7 + <div class="total">
  8 + <div class="data1">
  9 + <span>年销售</span>
  10 + <p>5684710411</p>
  11 + </div>
  12 + <div class="data2">
  13 + <span>月销售</span>
  14 + <p>1457104</p>
  15 + </div>
  16 + <div class="data3">
  17 + <span>周销售</span>
  18 + <p>564710</p>
  19 + </div>
  20 + <div class="data4">
  21 + <span>日销售</span>
  22 + <p>14504</p>
  23 + </div>
  24 + <canvas class="rain"></canvas>
  25 + <canvas class="dashed"></canvas>
  26 + <div class="sphere">
  27 + <div class="sphere-bg"></div>
  28 + <div class="sum">
  29 + <span>销售总额</span>
  30 + <animate-number
  31 + class="sphereSum"
  32 + from="0"
  33 + :to="today"
  34 + duration="2000"
  35 + easing="easeOutQuad"
  36 + from-color="#44CC00"
  37 + to-color="#ec4949"
  38 + style="margin-top: 2%;
  39 + text-align: center;
  40 + color: #ffffff;
  41 + font-family: 'LCdd';
  42 + font-size: 2rem"
  43 + >
  44 + </animate-number>
  45 + </div>
  46 + </div>
  47 + <div class="cicle3"></div>
  48 + <div class="cicle4"></div>
  49 + <div class="cicle5"></div>
  50 + <div class="cicle6"></div>
  51 + <div class="cicle7"></div>
  52 + <div class="cicle8 rotateball">
  53 + <span>89%</span>
  54 + <p>同比</p>
  55 + </div>
  56 + <div class="cicle9 rotateball">
  57 + <span>89%</span>
  58 + <p>完成率</p>
  59 + </div>
  60 + <div class="cicle10 rotateball">
  61 + <span>89%</span>
  62 + <p>售罄率</p>
  63 + </div>
  64 + <div class="cicle11 rotateball">
  65 + <span>89%</span>
  66 + <p>折扣率</p>
  67 + </div>
  68 + <div class="cicle12 rotateball">
  69 + <span>89%</span>
  70 + <p>好有意思</p>
  71 + </div>
  72 + </div>
  73 +
  74 + </div>
  75 +</template>
  76 +<script>
  77 +import VueAnimateNumber from 'vue-animate-number'
  78 +import Vue from "vue";
  79 +Vue.use(VueAnimateNumber)
  80 +export default {
  81 + name: "WidgetRotateRanking",
  82 + props: {
  83 + value: Object,
  84 + ispreview: Boolean,
  85 + },
  86 + data() {
  87 + return {
  88 + //返回图标数据
  89 + options: {
  90 + data:[],//表数据
  91 + },
  92 + optionsStyle: {}, // 样式
  93 + optionsData: {}, // 数据
  94 + optionsCollapse: {}, // 图标属性
  95 + optionsSetup: {}
  96 + };
  97 + },
  98 + computed: {
  99 + styleObj() {
  100 + return {
  101 + position: this.ispreview ? "absolute" : "static",
  102 + width: this.optionsStyle.width + "px",
  103 + height: this.optionsStyle.height + "px",
  104 + left: this.optionsStyle.left + "px",
  105 + top: this.optionsStyle.top + "px",
  106 + background: this.optionsSetup.background
  107 + };
  108 + },
  109 + today(){
  110 + return 100;
  111 + },
  112 + },
  113 + mounted:function()
  114 + {
  115 + //在页面加载参数结束后执行某个函数
  116 + this.$nextTick(function(){
  117 + //调用需要执行的方法
  118 + this.doRotateRanking();
  119 + })
  120 + },
  121 + watch: {
  122 + value: {
  123 + handler(val) {
  124 + this.optionsStyle = val.position;
  125 + this.optionsData = val.data;
  126 + this.optionsSetup = val.setup;
  127 + this.editorOptions();
  128 + },
  129 + deep: true
  130 + }
  131 + },
  132 + created() {
  133 + this.optionsStyle = this.value.position;
  134 + this.optionsData = this.value.data;
  135 + this.optionsSetup = this.value.setup;
  136 + this.editorOptions();
  137 + //修改数据球旋转
  138 +
  139 + },
  140 +
  141 + methods: {
  142 + // 修改图标options属性
  143 + editorOptions() {
  144 + //数据修改
  145 + this.setOptionsData();
  146 +
  147 + //配置修改
  148 + this.setOptionsConfig();
  149 +
  150 + //修改小球旋转
  151 + this.doRotateRanking();
  152 + },
  153 + //小球旋转
  154 + doRotateRanking(){
  155 + // console.log("小球旋转");
  156 + // 球的运动数据
  157 + const option_data = [
  158 + { 'id': '0%', 'data': '0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, 270, 0, 0, 1', 'zindex': 100 },
  159 + { 'id': '1%', 'data': '0.92093, 0, 0, 0, 0, 0.92093, 0, 0, 0, 0, 1, 0, 269.46722, 6.27905, 0, 1', 'zindex': 100.06279 },
  160 + { 'id': '2%', 'data': '0.94178, 0, 0, 0, 0, 0.94178, 0, 0, 0, 0, 1, 0, 267.87097, 12.53332, 0, 1', 'zindex': 100.12533 },
  161 + { 'id': '3%', 'data': '0.96246, 0, 0, 0, 0, 0.96246, 0, 0, 0, 0, 1, 0, 265.21756, 18.73813, 0, 1', 'zindex': 100.18738 },
  162 + { 'id': '4%', 'data': '0.9829, 0, 0, 0, 0, 0.9829, 0, 0, 0, 0, 1, 0, 261.51745, 24.86899, 0, 1', 'zindex': 100.24869 },
  163 + { 'id': '5%', 'data': '1.00301, 0, 0, 0, 0, 1.00301, 0, 0, 0, 0, 1, 0, 256.78526, 30.9017, 0, 1', 'zindex': 100.30902 },
  164 + { 'id': '6%', 'data': '1.02271, 0, 0, 0, 0, 1.02271, 0, 0, 0, 0, 1, 0, 251.03965, 36.81246, 0, 1', 'zindex': 100.36812 },
  165 + { 'id': '7%', 'data': '1.04193, 0, 0, 0, 0, 1.04193, 0, 0, 0, 0, 1, 0, 244.3033, 42.57793, 0, 1', 'zindex': 100.42578 },
  166 + { 'id': '8%', 'data': '1.06058, 0, 0, 0, 0, 1.06058, 0, 0, 0, 0, 1, 0, 236.6028, 48.17537, 0, 1', 'zindex': 100.48175 },
  167 + { 'id': '9%', 'data': '1.07861, 0, 0, 0, 0, 1.07861, 0, 0, 0, 0, 1, 0, 227.96854, 53.58268, 0, 1', 'zindex': 100.53583 },
  168 + { 'id': '10%', 'data': '1.09593, 0, 0, 0, 0, 1.09593, 0, 0, 0, 0, 1, 0, 218.43459, 58.77853, 0, 1', 'zindex': 100.58779 },
  169 + { 'id': '11%', 'data': '1.11247, 0, 0, 0, 0, 1.11247, 0, 0, 0, 0, 1, 0, 208.03858, 63.7424, 0, 1', 'zindex': 100.63742 },
  170 + { 'id': '12%', 'data': '1.12818, 0, 0, 0, 0, 1.12818, 0, 0, 0, 0, 1, 0, 196.82153, 68.45471, 0, 1', 'zindex': 100.68455 },
  171 + { 'id': '13%', 'data': '1.14299, 0, 0, 0, 0, 1.14299, 0, 0, 0, 0, 1, 0, 184.82772, 72.89686, 0, 1', 'zindex': 100.72897 },
  172 + { 'id': '14%', 'data': '1.15684, 0, 0, 0, 0, 1.15684, 0, 0, 0, 0, 1, 0, 172.10448, 77.05132, 0, 1', 'zindex': 100.77051 },
  173 + { 'id': '15%', 'data': '1.16967, 0, 0, 0, 0, 1.16967, 0, 0, 0, 0, 1, 0, 158.70202, 80.9017, 0, 1', 'zindex': 100.80902 },
  174 + { 'id': '16%', 'data': '1.18144, 0, 0, 0, 0, 1.18144, 0, 0, 0, 0, 1, 0, 144.67323, 84.43279, 0, 1', 'zindex': 100.84433 },
  175 + { 'id': '17%', 'data': '1.1921, 0, 0, 0, 0, 1.1921, 0, 0, 0, 0, 1, 0, 130.07349, 87.63067, 0, 1', 'zindex': 100.87631 },
  176 + { 'id': '18%', 'data': '1.20161, 0, 0, 0, 0, 1.20161, 0, 0, 0, 0, 1, 0, 114.96041, 90.48271, 0, 1', 'zindex': 100.90483 },
  177 + { 'id': '19%', 'data': '1.20993, 0, 0, 0, 0, 1.20993, 0, 0, 0, 0, 1, 0, 99.39363, 92.97765, 0, 1', 'zindex': 100.92978 },
  178 + { 'id': '20%', 'data': '1.21702, 0, 0, 0, 0, 1.21702, 0, 0, 0, 0, 1, 0, 83.43459, 95.10565, 0, 1', 'zindex': 100.95106 },
  179 + { 'id': '21%', 'data': '1.22286, 0, 0, 0, 0, 1.22286, 0, 0, 0, 0, 1, 0, 67.14627, 96.85832, 0, 1', 'zindex': 100.96858 },
  180 + { 'id': '22%', 'data': '1.22743, 0, 0, 0, 0, 1.22743, 0, 0, 0, 0, 1, 0, 50.59295, 98.22873, 0, 1', 'zindex': 100.98229 },
  181 + { 'id': '23%', 'data': '1.2307, 0, 0, 0, 0, 1.2307, 0, 0, 0, 0, 1, 0, 33.83997, 99.21147, 0, 1', 'zindex': 100.99211 },
  182 + { 'id': '24%', 'data': '1.23268, 0, 0, 0, 0, 1.23268, 0, 0, 0, 0, 1, 0, 16.95344, 99.80267, 0, 1', 'zindex': 100.99803 },
  183 + { 'id': '25%', 'data': '1.23333, 0, 0, 0, 0, 1.23333, 0, 0, 0, 0, 1, 0, 0, 100, 0, 1', 'zindex': 101 },
  184 + { 'id': '26%', 'data': '1.23268, 0, 0, 0, 0, 1.23268, 0, 0, 0, 0, 1, 0, -16.95344, 99.80267, 0, 1', 'zindex': 100.99803 },
  185 + { 'id': '27%', 'data': '1.2307, 0, 0, 0, 0, 1.2307, 0, 0, 0, 0, 1, 0, -33.83997, 99.21147, 0, 1', 'zindex': 100.99211 },
  186 + { 'id': '28%', 'data': '1.22743, 0, 0, 0, 0, 1.22743, 0, 0, 0, 0, 1, 0, -50.59295, 98.22873, 0, 1', 'zindex': 100.98229 },
  187 + { 'id': '29%', 'data': '1.22286, 0, 0, 0, 0, 1.22286, 0, 0, 0, 0, 1, 0, -67.14627, 96.85832, 0, 1', 'zindex': 100.96858 },
  188 + { 'id': '30%', 'data': '1.21702, 0, 0, 0, 0, 1.21702, 0, 0, 0, 0, 1, 0, -83.43459, 95.10565, 0, 1', 'zindex': 100.95106 },
  189 + { 'id': '31%', 'data': '1.20993, 0, 0, 0, 0, 1.20993, 0, 0, 0, 0, 1, 0, -99.39363, 92.97765, 0, 1', 'zindex': 100.92978 },
  190 + { 'id': '32%', 'data': '1.20161, 0, 0, 0, 0, 1.20161, 0, 0, 0, 0, 1, 0, -114.96041, 90.48271, 0, 1', 'zindex': 100.90483 },
  191 + { 'id': '33%', 'data': '1.1921, 0, 0, 0, 0, 1.1921, 0, 0, 0, 0, 1, 0, -130.07349, 87.63067, 0, 1', 'zindex': 100.87631 },
  192 + { 'id': '34%', 'data': '1.18144, 0, 0, 0, 0, 1.18144, 0, 0, 0, 0, 1, 0, -144.67323, 84.43279, 0, 1', 'zindex': 100.84433 },
  193 + { 'id': '35%', 'data': '1.16967, 0, 0, 0, 0, 1.16967, 0, 0, 0, 0, 1, 0, -158.70202, 80.9017, 0, 1', 'zindex': 100.80902 },
  194 + { 'id': '36%', 'data': '1.15684, 0, 0, 0, 0, 1.15684, 0, 0, 0, 0, 1, 0, -172.10448, 77.05132, 0, 1', 'zindex': 100.77051 },
  195 + { 'id': '37%', 'data': '1.14299, 0, 0, 0, 0, 1.14299, 0, 0, 0, 0, 1, 0, -184.82772, 72.89686, 0, 1', 'zindex': 100.72897 },
  196 + { 'id': '38%', 'data': '1.12818, 0, 0, 0, 0, 1.12818, 0, 0, 0, 0, 1, 0, -196.82153, 68.45471, 0, 1', 'zindex': 100.68455 },
  197 + { 'id': '39%', 'data': '1.11247, 0, 0, 0, 0, 1.11247, 0, 0, 0, 0, 1, 0, -208.03858, 63.7424, 0, 1', 'zindex': 100.63742 },
  198 + { 'id': '40%', 'data': '1.09593, 0, 0, 0, 0, 1.09593, 0, 0, 0, 0, 1, 0, -218.43459, 58.77853, 0, 1', 'zindex': 100.58779 },
  199 + { 'id': '41%', 'data': '1.07861, 0, 0, 0, 0, 1.07861, 0, 0, 0, 0, 1, 0, -227.96854, 53.58268, 0, 1', 'zindex': 100.53583 },
  200 + { 'id': '42%', 'data': '1.06058, 0, 0, 0, 0, 1.06058, 0, 0, 0, 0, 1, 0, -236.6028, 48.17537, 0, 1', 'zindex': 100.48175 },
  201 + { 'id': '43%', 'data': '1.04193, 0, 0, 0, 0, 1.04193, 0, 0, 0, 0, 1, 0, -244.3033, 42.57793, 0, 1', 'zindex': 100.42578 },
  202 + { 'id': '44%', 'data': '1.02271, 0, 0, 0, 0, 1.02271, 0, 0, 0, 0, 1, 0, -251.03965, 36.81246, 0, 1', 'zindex': 100.36812 },
  203 + { 'id': '45%', 'data': '1.00301, 0, 0, 0, 0, 1.00301, 0, 0, 0, 0, 1, 0, -256.78526, 30.9017, 0, 1', 'zindex': 100.30902 },
  204 + { 'id': '46%', 'data': '0.9829, 0, 0, 0, 0, 0.9829, 0, 0, 0, 0, 1, 0, -261.51745, 24.86899, 0, 1', 'zindex': 100.24869 },
  205 + { 'id': '47%', 'data': '0.96246, 0, 0, 0, 0, 0.96246, 0, 0, 0, 0, 1, 0, -265.21756, 18.73813, 0, 1', 'zindex': 100.18738 },
  206 + { 'id': '48%', 'data': '0.94178, 0, 0, 0, 0, 0.94178, 0, 0, 0, 0, 1, 0, -267.87097, 12.53332, 0, 1', 'zindex': 100.12533 },
  207 + { 'id': '49%', 'data': '0.92093, 0, 0, 0, 0, 0.92093, 0, 0, 0, 0, 1, 0, -269.46722, 6.27905, 0, 1', 'zindex': 100.06279 },
  208 + { 'id': '50%', 'data': '0.9, 0, 0, 0, 0, 0.9, 0, 0, 0, 0, 1, 0, -270, 0, 0, 1', 'zindex': 100 },
  209 + { 'id': '51%', 'data': '0.87907, 0, 0, 0, 0, 0.87907, 0, 0, 0, 0, 1, 0, -269.46722, -6.27905, 0, 1', 'zindex': 99.93721 },
  210 + { 'id': '52%', 'data': '0.85822, 0, 0, 0, 0, 0.85822, 0, 0, 0, 0, 1, 0, -267.87097, -12.53332, 0, 1', 'zindex': 99.87467 },
  211 + { 'id': '53%', 'data': '0.83754, 0, 0, 0, 0, 0.83754, 0, 0, 0, 0, 1, 0, -265.21756, -18.73813, 0, 1', 'zindex': 99.81262 },
  212 + { 'id': '54%', 'data': '0.8171, 0, 0, 0, 0, 0.8171, 0, 0, 0, 0, 1, 0, -261.51745, -24.86899, 0, 1', 'zindex': 99.75131 },
  213 + { 'id': '55%', 'data': '0.79699, 0, 0, 0, 0, 0.79699, 0, 0, 0, 0, 1, 0, -256.78526, -30.9017, 0, 1', 'zindex': 99.69098 },
  214 + { 'id': '56%', 'data': '0.77729, 0, 0, 0, 0, 0.77729, 0, 0, 0, 0, 1, 0, -251.03965, -36.81246, 0, 1', 'zindex': 99.63188 },
  215 + { 'id': '57%', 'data': '0.75807, 0, 0, 0, 0, 0.75807, 0, 0, 0, 0, 1, 0, -244.3033, -42.57793, 0, 1', 'zindex': 99.57422 },
  216 + { 'id': '58%', 'data': '0.73942, 0, 0, 0, 0, 0.73942, 0, 0, 0, 0, 1, 0, -236.6028, -48.17537, 0, 1', 'zindex': 99.51825 },
  217 + { 'id': '59%', 'data': '0.72139, 0, 0, 0, 0, 0.72139, 0, 0, 0, 0, 1, 0, -227.96854, -53.58268, 0, 1', 'zindex': 99.46417 },
  218 + { 'id': '60%', 'data': '0.70407, 0, 0, 0, 0, 0.70407, 0, 0, 0, 0, 1, 0, -218.43459, -58.77853, 0, 1', 'zindex': 99.41221 },
  219 + { 'id': '61%', 'data': '0.68753, 0, 0, 0, 0, 0.68753, 0, 0, 0, 0, 1, 0, -208.03857, -63.7424, 0, 1', 'zindex': 99.36258 },
  220 + { 'id': '62%', 'data': '0.67182, 0, 0, 0, 0, 0.67182, 0, 0, 0, 0, 1, 0, -196.82153, -68.45471, 0, 1', 'zindex': 99.31545 },
  221 + { 'id': '63%', 'data': '0.65701, 0, 0, 0, 0, 0.65701, 0, 0, 0, 0, 1, 0, -184.82772, -72.89686, 0, 1', 'zindex': 99.27103 },
  222 + { 'id': '64%', 'data': '0.64316, 0, 0, 0, 0, 0.64316, 0, 0, 0, 0, 1, 0, -172.10447, -77.05132, 0, 1', 'zindex': 99.22949 },
  223 + { 'id': '65%', 'data': '0.63033, 0, 0, 0, 0, 0.63033, 0, 0, 0, 0, 1, 0, -158.70201, -80.9017, 0, 1', 'zindex': 99.19098 },
  224 + { 'id': '66%', 'data': '0.61856, 0, 0, 0, 0, 0.61856, 0, 0, 0, 0, 1, 0, -144.67323, -84.43279, 0, 1', 'zindex': 99.15567 },
  225 + { 'id': '67%', 'data': '0.6079, 0, 0, 0, 0, 0.6079, 0, 0, 0, 0, 1, 0, -130.07348, -87.63067, 0, 1', 'zindex': 99.12369 },
  226 + { 'id': '68%', 'data': '0.59839, 0, 0, 0, 0, 0.59839, 0, 0, 0, 0, 1, 0, -114.96039, -90.4827, 0, 1', 'zindex': 99.09517 },
  227 + { 'id': '69%', 'data': '0.59007, 0, 0, 0, 0, 0.59007, 0, 0, 0, 0, 1, 0, -99.39361, -92.97765, 0, 1', 'zindex': 99.07022 },
  228 + { 'id': '70%', 'data': '0.58298, 0, 0, 0, 0, 0.58298, 0, 0, 0, 0, 1, 0, -83.43456, -95.10565, 0, 1', 'zindex': 99.04894 },
  229 + { 'id': '71%', 'data': '0.57714, 0, 0, 0, 0, 0.57714, 0, 0, 0, 0, 1, 0, -67.14622, -96.85831, 0, 1', 'zindex': 99.03142 },
  230 + { 'id': '72%', 'data': '0.57257, 0, 0, 0, 0, 0.57257, 0, 0, 0, 0, 1, 0, -50.59289, -98.22872, 0, 1', 'zindex': 99.01771 },
  231 + { 'id': '73%', 'data': '0.5693, 0, 0, 0, 0, 0.5693, 0, 0, 0, 0, 1, 0, -33.83989, -99.21146, 0, 1', 'zindex': 99.00789 },
  232 + { 'id': '74%', 'data': '0.56732, 0, 0, 0, 0, 0.56732, 0, 0, 0, 0, 1, 0, -16.95333, -99.80266, 0, 1', 'zindex': 99.00197 },
  233 + { 'id': '75%', 'data': '0.56667, 0, 0, 0, 0, 0.56667, 0, 0, 0, 0, 1, 0, 0.00015, -99.99999, 0, 1', 'zindex': 99 },
  234 + { 'id': '76%', 'data': '0.56732, 0, 0, 0, 0, 0.56732, 0, 0, 0, 0, 1, 0, 16.95364, -99.80266, 0, 1', 'zindex': 99.00197 },
  235 + { 'id': '77%', 'data': '0.5693, 0, 0, 0, 0, 0.5693, 0, 0, 0, 0, 1, 0, 33.84024, -99.21145, 0, 1', 'zindex': 99.00789 },
  236 + { 'id': '78%', 'data': '0.57257, 0, 0, 0, 0, 0.57257, 0, 0, 0, 0, 1, 0, 50.59331, -98.2287, 0, 1', 'zindex': 99.01771 },
  237 + { 'id': '79%', 'data': '0.57714, 0, 0, 0, 0, 0.57714, 0, 0, 0, 0, 1, 0, 67.14674, -96.85828, 0, 1', 'zindex': 99.03142 },
  238 + { 'id': '80%', 'data': '0.58298, 0, 0, 0, 0, 0.58298, 0, 0, 0, 0, 1, 0, 83.4352, -95.1056, 0, 1', 'zindex': 99.04894 },
  239 + { 'id': '81%', 'data': '0.59007, 0, 0, 0, 0, 0.59007, 0, 0, 0, 0, 1, 0, 99.39444, -92.97758, 0, 1', 'zindex': 99.07022 },
  240 + { 'id': '82%', 'data': '0.59839, 0, 0, 0, 0, 0.59839, 0, 0, 0, 0, 1, 0, 114.96147, -90.48262, 0, 1', 'zindex': 99.09517 },
  241 + { 'id': '83%', 'data': '0.6079, 0, 0, 0, 0, 0.6079, 0, 0, 0, 0, 1, 0, 130.07487, -87.63055, 0, 1', 'zindex': 99.12369 },
  242 + { 'id': '84%', 'data': '0.61856, 0, 0, 0, 0, 0.61856, 0, 0, 0, 0, 1, 0, 144.67503, -84.43264, 0, 1', 'zindex': 99.15567 },
  243 + { 'id': '85%', 'data': '0.63033, 0, 0, 0, 0, 0.63033, 0, 0, 0, 0, 1, 0, 158.70434, -80.9015, 0, 1', 'zindex': 99.19099 },
  244 + { 'id': '86%', 'data': '0.64316, 0, 0, 0, 0, 0.64316, 0, 0, 0, 0, 1, 0, 172.10748, -77.05106, 0, 1', 'zindex': 99.22949 },
  245 + { 'id': '87%', 'data': '0.65701, 0, 0, 0, 0, 0.65701, 0, 0, 0, 0, 1, 0, 184.83158, -72.89652, 0, 1', 'zindex': 99.27103 },
  246 + { 'id': '88%', 'data': '0.67182, 0, 0, 0, 0, 0.67182, 0, 0, 0, 0, 1, 0, 196.82649, -68.45427, 0, 1', 'zindex': 99.31546 },
  247 + { 'id': '89%', 'data': '0.68753, 0, 0, 0, 0, 0.68753, 0, 0, 0, 0, 1, 0, 208.04493, -63.74182, 0, 1', 'zindex': 99.36258 },
  248 + { 'id': '90%', 'data': '0.70407, 0, 0, 0, 0, 0.70407, 0, 0, 0, 0, 1, 0, 218.4427, -58.77778, 0, 1', 'zindex': 99.41222 },
  249 + { 'id': '91', 'data': '0.72139, 0, 0, 0, 0, 0.72139, 0, 0, 0, 0, 1, 0, 227.97887, -53.58172, 0, 1', 'zindex': 99.46418 },
  250 + { 'id': '92%', 'data': '0.73942, 0, 0, 0, 0, 0.73942, 0, 0, 0, 0, 1, 0, 236.61593, -48.17414, 0, 1', 'zindex': 99.51826 },
  251 + { 'id': '93%', 'data': '0.75808, 0, 0, 0, 0, 0.75808, 0, 0, 0, 0, 1, 0, 244.31993, -42.57636, 0, 1', 'zindex': 99.57424 },
  252 + { 'id': '94%', 'data': '0.7773, 0, 0, 0, 0, 0.7773, 0, 0, 0, 0, 1, 0, 251.06067, -36.81045, 0, 1', 'zindex': 99.6319 },
  253 + { 'id': '95%', 'data': '0.797, 0, 0, 0, 0, 0.797, 0, 0, 0, 0, 1, 0, 256.81175, -30.89914, 0, 1', 'zindex': 99.69101 },
  254 + { 'id': '96%', 'data': '0.81711, 0, 0, 0, 0, 0.81711, 0, 0, 0, 0, 1, 0, 261.55076, -24.86574, 0, 1', 'zindex': 99.75134 },
  255 + { 'id': '97%', 'data': '0.83755, 0, 0, 0, 0, 0.83755, 0, 0, 0, 0, 1, 0, 265.25934, -18.73401, 0, 1', 'zindex': 99.81266 },
  256 + { 'id': '98%', 'data': '0.85824, 0, 0, 0, 0, 0.85824, 0, 0, 0, 0, 1, 0, 267.92326, -12.52811, 0, 1', 'zindex': 99.87472 },
  257 + { 'id': '99%', 'data': '0.87909, 0, 0, 0, 0, 0.87909, 0, 0, 0, 0, 1, 0, 269.5325, -6.27248, 0, 1', 'zindex': 99.93728 },
  258 + { 'id': '100%', 'data': '0.90003, 0, 0, 0, 0, 0.90003, 0, 0, 0, 0, 1, 0, 270.08133, 0.00827, 0, 1', 'zindex': 100.00008 },
  259 + ]
  260 +
  261 + const rotateballs = document.getElementsByClassName('rotateball');
  262 + for (let i = 0; i < rotateballs.length; i++) {
  263 + // 控制初始位置
  264 + // 该例有6个小球，用100/6再取整,使用16作为间隔。如果需要8个球，此处可以用100/8再取整
  265 + //注意：只能使用整数
  266 + const srartP = i * 20;
  267 + // 创建style标签
  268 + const style = document.createElement('style');
  269 + // 设置style属性
  270 + // style.type = 'text/css';
  271 + // 将style样式存放到head标签
  272 + document.head.appendChild(style);
  273 + let sheet = style.sheet;
  274 + //根据不同小球添加不同百分比数据
  275 + sheet.insertRule(
  276 + `@keyframes rotate` +(i + 11) + `{
  277 + 0%{
  278 + transform: matrix3d(`+ (option_data[srartP > 100 ? srartP - 100 : srartP].data) + `);
  279 + z-index: `+ (option_data[srartP > 100 ? srartP - 100 : srartP].zindex) + `;
  280 + }
  281 + 1%{
  282 + transform: matrix3d(`+ (option_data[srartP + 1 > 100 ? srartP - 99 : srartP + 1].data) + `);
  283 + z-index:`+ (option_data[srartP + 1 > 100 ? srartP - 99 : srartP + 1].zindex) + `;
  284 + }
  285 + 2%{
  286 + transform: matrix3d(`+ (option_data[srartP + 2 > 100 ? srartP - 98 : srartP + 2].data) + `);
  287 + z-index: `+ (option_data[srartP + 2 > 100 ? srartP - 98 : srartP + 2].zindex) + `;
  288 + }
  289 + 3%{
  290 + transform: matrix3d(`+ (option_data[srartP + 3 > 100 ? srartP - 97 : srartP + 3].data) + `);
  291 + z-index: `+ (option_data[srartP + 3 > 100 ? srartP - 97 : srartP + 3].zindex) + `;
  292 + }
  293 + 4%{
  294 + transform: matrix3d(`+ (option_data[srartP + 4 > 100 ? srartP - 96 : srartP + 4].data) + `);
  295 + z-index:`+ (option_data[srartP + 4 > 100 ? srartP - 96 : srartP + 4].zindex) + `;
  296 + }
  297 + 5%{
  298 + transform: matrix3d(`+ (option_data[srartP + 5 > 100 ? srartP - 95 : srartP + 5].data) + `);
  299 + z-index: `+ (option_data[srartP + 5 > 100 ? srartP - 95 : srartP + 5].zindex) + `;
  300 + }
  301 + 6%{
  302 + transform: matrix3d(`+ (option_data[srartP + 6 > 100 ? srartP - 94 : srartP + 6].data) + `);
  303 + z-index:`+ (option_data[srartP + 6 > 100 ? srartP - 94 : srartP + 6].zindex) + `;
  304 + }
  305 + 7%{
  306 + transform: matrix3d(`+ (option_data[srartP + 7 > 100 ? srartP - 93 : srartP + 7].data) + `);
  307 + z-index:`+ (option_data[srartP + 7 > 100 ? srartP - 93 : srartP + 7].zindex) + `;
  308 + }
  309 + 8%{
  310 + transform: matrix3d(`+ (option_data[srartP + 8 > 100 ? srartP - 92 : srartP + 8].data) + `);
  311 + z-index:`+ (option_data[srartP + 8 > 100 ? srartP - 92 : srartP + 8].zindex) + `;
  312 + }
  313 + 9%{
  314 + transform: matrix3d(`+ (option_data[srartP + 9 > 100 ? srartP - 91 : srartP + 9].data) + `);
  315 + z-index: `+ (option_data[srartP + 9 > 100 ? srartP - 91 : srartP + 9].zindex) + `;
  316 + }
  317 + 10%{
  318 + transform: matrix3d(`+ (option_data[srartP + 10 > 100 ? srartP - 90 : srartP + 10].data) + `);
  319 + z-index: `+ (option_data[srartP + 10 > 100 ? srartP - 90 : srartP + 10].zindex) + `;
  320 + }
  321 + 11%{
  322 + transform: matrix3d(`+ (option_data[srartP + 11 > 100 ? srartP - 89 : srartP + 11].data) + `);
  323 + z-index:`+ (option_data[srartP + 11 > 100 ? srartP - 89 : srartP + 11].zindex) + `;
  324 + }
  325 + 12%{
  326 + transform: matrix3d(`+ (option_data[srartP + 12 > 100 ? srartP - 88 : srartP + 12].data) + `);
  327 + z-index: `+ (option_data[srartP + 12 > 100 ? srartP - 88 : srartP + 12].zindex) + `;
  328 + }
  329 + 13%{
  330 + transform: matrix3d(`+ (option_data[srartP + 13 > 100 ? srartP - 87 : srartP + 13].data) + `);
  331 + z-index: `+ (option_data[srartP + 13 > 100 ? srartP - 87 : srartP + 13].zindex) + `;
  332 + }
  333 + 14%{
  334 + transform: matrix3d(`+ (option_data[srartP + 14 > 100 ? srartP - 86 : srartP + 14].data) + `);
  335 + z-index: `+ (option_data[srartP + 14 > 100 ? srartP - 86 : srartP + 14].zindex) + `;
  336 + }
  337 + 15%{
  338 + transform: matrix3d(`+ (option_data[srartP + 15 > 100 ? srartP - 85 : srartP + 15].data) + `);
  339 + z-index:`+ (option_data[srartP + 15 > 100 ? srartP - 85 : srartP + 15].zindex) + `;
  340 + }
  341 + 16%{
  342 + transform: matrix3d(`+ (option_data[srartP + 16 > 100 ? srartP - 84 : srartP + 16].data) + `);
  343 + z-index: `+ (option_data[srartP + 16 > 100 ? srartP - 84 : srartP + 16].zindex) + `;
  344 + }
  345 + 17%{
  346 + transform: matrix3d(`+ (option_data[srartP + 17 > 100 ? srartP - 83 : srartP + 17].data) + `);
  347 + z-index:`+ (option_data[srartP + 17 > 100 ? srartP - 83 : srartP + 17].zindex) + `;
  348 + }
  349 + 18%{
  350 + transform: matrix3d(`+ (option_data[srartP + 18 > 100 ? srartP - 82 : srartP + 18].data) + `);
  351 + z-index:`+ (option_data[srartP + 18 > 100 ? srartP - 82 : srartP + 18].zindex) + `;
  352 + }
  353 + 19%{
  354 + transform: matrix3d(`+ (option_data[srartP + 19 > 100 ? srartP - 81 : srartP + 19].data) + `);
  355 + z-index:`+ (option_data[srartP + 19 > 100 ? srartP - 81 : srartP + 19].zindex) + `;
  356 + }
  357 + 20%{
  358 + transform: matrix3d(`+ (option_data[srartP + 20 > 100 ? srartP - 80 : srartP + 20].data) + `);
  359 + z-index: `+ (option_data[srartP + 20 > 100 ? srartP - 80 : srartP + 20].zindex) + `;
  360 + }
  361 + 21%{
  362 + transform: matrix3d(`+ (option_data[srartP + 21 > 100 ? srartP - 79 : srartP + 21].data) + `);
  363 + z-index: `+ (option_data[srartP + 21 > 100 ? srartP - 79 : srartP + 21].zindex) + `;
  364 + }
  365 + 22%{
  366 + transform: matrix3d(`+ (option_data[srartP + 22 > 100 ? srartP - 78 : srartP + 22].data) + `);
  367 + z-index: `+ (option_data[srartP + 22 > 100 ? srartP - 78 : srartP + 22].zindex) + `;
  368 + }
  369 + 23%{
  370 + transform: matrix3d(`+ (option_data[srartP + 23 > 100 ? srartP - 77 : srartP + 23].data) + `);
  371 + z-index: `+ (option_data[srartP + 23 > 100 ? srartP - 77 : srartP + 23].zindex) + `;
  372 + }
  373 + 24%{
  374 + transform: matrix3d(`+ (option_data[srartP + 24 > 100 ? srartP - 76 : srartP + 24].data) + `);
  375 + z-index:`+ (option_data[srartP + 24 > 100 ? srartP - 76 : srartP + 24].zindex) + `;
  376 + }
  377 + 25%{
  378 + transform: matrix3d(`+ (option_data[srartP + 25 > 100 ? srartP - 75 : srartP + 25].data) + `);
  379 + z-index: `+ (option_data[srartP + 25 > 100 ? srartP - 75 : srartP + 25].zindex) + `;
  380 + }
  381 + 26%{
  382 + transform: matrix3d(`+ (option_data[srartP + 26 > 100 ? srartP - 74 : srartP + 26].data) + `);
  383 + z-index: `+ (option_data[srartP + 26 > 100 ? srartP - 74 : srartP + 26].zindex) + `;
  384 + }
  385 + 27%{
  386 + transform: matrix3d(`+ (option_data[srartP + 27 > 100 ? srartP - 73 : srartP + 27].data) + `);
  387 + z-index: `+ (option_data[srartP + 27 > 100 ? srartP - 73 : srartP + 27].zindex) + `;
  388 + }
  389 + 28%{
  390 + transform: matrix3d(`+ (option_data[srartP + 28 > 100 ? srartP - 72 : srartP + 28].data) + `);
  391 + z-index: `+ (option_data[srartP + 28 > 100 ? srartP - 72 : srartP + 28].zindex) + `;
  392 + }
  393 + 29%{
  394 + transform: matrix3d(`+ (option_data[srartP + 29 > 100 ? srartP - 71 : srartP + 29].data) + `);
  395 + z-index:`+ (option_data[srartP + 29 > 100 ? srartP - 71 : srartP + 29].zindex) + `;
  396 + }
  397 + 30%{
  398 + transform: matrix3d(`+ (option_data[srartP + 30 > 100 ? srartP - 70 : srartP + 30].data) + `);
  399 + z-index:`+ (option_data[srartP + 30 > 100 ? srartP - 70 : srartP + 30].zindex) + `;
  400 + }
  401 + 31%{
  402 + transform: matrix3d(`+ (option_data[srartP + 31 > 100 ? srartP - 69 : srartP + 31].data) + `);
  403 + z-index:`+ (option_data[srartP + 31 > 100 ? srartP - 69 : srartP + 31].zindex) + `;
  404 + }
  405 + 32%{
  406 + transform: matrix3d(`+ (option_data[srartP + 32 > 100 ? srartP - 68 : srartP + 32].data) + `);
  407 + z-index: `+ (option_data[srartP + 32 > 100 ? srartP - 68 : srartP + 32].zindex) + `;
  408 + }
  409 + 33%{
  410 + transform: matrix3d(`+ (option_data[srartP + 33 > 100 ? srartP - 67 : srartP + 33].data) + `);
  411 + z-index: `+ (option_data[srartP + 33 > 100 ? srartP - 67 : srartP + 33].zindex) + `;
  412 + }
  413 + 34%{
  414 + transform: matrix3d(`+ (option_data[srartP + 34 > 100 ? srartP - 66 : srartP + 34].data) + `);
  415 + z-index: `+ (option_data[srartP + 34 > 100 ? srartP - 66 : srartP + 34].zindex) + `;
  416 + }
  417 + 35%{
  418 + transform: matrix3d(`+ (option_data[srartP + 35 > 100 ? srartP - 65 : srartP + 35].data) + `);
  419 + z-index: `+ (option_data[srartP + 35 > 100 ? srartP - 65 : srartP + 35].zindex) + `;
  420 + }
  421 + 36%{
  422 + transform: matrix3d(`+ (option_data[srartP + 36 > 100 ? srartP - 64 : srartP + 36].data) + `);
  423 + z-index: `+ (option_data[srartP + 36 > 100 ? srartP - 64 : srartP + 36].zindex) + `;
  424 + }
  425 + 37%{
  426 + transform: matrix3d(`+ (option_data[srartP + 37 > 100 ? srartP - 63 : srartP + 37].data) + `);
  427 + z-index: `+ (option_data[srartP + 37 > 100 ? srartP - 63 : srartP + 37].zindex) + `;
  428 + }
  429 + 38%{
  430 + transform: matrix3d(`+ (option_data[srartP + 38 > 100 ? srartP - 62 : srartP + 38].data) + `);
  431 + z-index: `+ (option_data[srartP + 38 > 100 ? srartP - 62 : srartP + 38].zindex) + `;
  432 + }
  433 + 39%{
  434 + transform: matrix3d(`+ (option_data[srartP + 39 > 100 ? srartP - 61 : srartP + 39].data) + `);
  435 + z-index:`+ (option_data[srartP + 39 > 100 ? srartP - 61 : srartP + 39].zindex) + `;
  436 + }
  437 + 40%{
  438 + transform: matrix3d(`+ (option_data[srartP + 40 > 100 ? srartP - 60 : srartP + 40].data) + `);
  439 + z-index:`+ (option_data[srartP + 40 > 100 ? srartP - 60 : srartP + 40].zindex) + `;
  440 + }
  441 + 41%{
  442 + transform: matrix3d(`+ (option_data[srartP + 41 > 100 ? srartP - 59 : srartP + 41].data) + `);
  443 + z-index: `+ (option_data[srartP + 41 > 100 ? srartP - 59 : srartP + 41].zindex) + `;
  444 + }
  445 + 42%{
  446 + transform: matrix3d(`+ (option_data[srartP + 42 > 100 ? srartP - 58 : srartP + 42].data) + `);
  447 + z-index:`+ (option_data[srartP + 42 > 100 ? srartP - 58 : srartP + 42].zindex) + `;
  448 + }
  449 + 43%{
  450 + transform: matrix3d(`+ (option_data[srartP + 43 > 100 ? srartP - 57 : srartP + 43].data) + `);
  451 + z-index: `+ (option_data[srartP + 43 > 100 ? srartP - 57 : srartP + 43].zindex) + `;
  452 + }
  453 + 44%{
  454 + transform: matrix3d(`+ (option_data[srartP + 44 > 100 ? srartP - 56 : srartP + 44].data) + `);
  455 + z-index: `+ (option_data[srartP + 44 > 100 ? srartP - 56 : srartP + 44].zindex) + `;
  456 + }
  457 + 45%{
  458 + transform: matrix3d(`+ (option_data[srartP + 45 > 100 ? srartP - 55 : srartP + 45].data) + `);
  459 + z-index:`+ (option_data[srartP + 45 > 100 ? srartP - 55 : srartP + 45].zindex) + `;
  460 + }
  461 + 46%{
  462 + transform: matrix3d(`+ (option_data[srartP + 46 > 100 ? srartP - 54 : srartP + 46].data) + `);
  463 + z-index: `+ (option_data[srartP + 46 > 100 ? srartP - 54 : srartP + 46].zindex) + `;
  464 + }
  465 + 47%{
  466 + transform: matrix3d(`+ (option_data[srartP + 47 > 100 ? srartP - 53 : srartP + 47].data) + `);
  467 + z-index: `+ (option_data[srartP + 47 > 100 ? srartP - 53 : srartP + 47].zindex) + `;
  468 + }
  469 + 48%{
  470 + transform: matrix3d(`+ (option_data[srartP + 48 > 100 ? srartP - 52 : srartP + 48].data) + `);
  471 + z-index:`+ (option_data[srartP + 48 > 100 ? srartP - 52 : srartP + 48].zindex) + `;
  472 + }
  473 + 49%{
  474 + transform: matrix3d(`+ (option_data[srartP + 49 > 100 ? srartP - 51 : srartP + 49].data) + `);
  475 + z-index: `+ (option_data[srartP + 49 > 100 ? srartP - 51 : srartP + 49].zindex) + `;
  476 + }
  477 + 50%{
  478 + transform: matrix3d(`+ (option_data[srartP + 50 > 100 ? srartP - 50 : srartP + 50].data) + `);
  479 + z-index:`+ (option_data[srartP + 50 > 100 ? srartP - 50 : srartP + 50].zindex) + `;
  480 + }
  481 + 51%{
  482 + transform: matrix3d(`+ (option_data[srartP + 51 > 100 ? srartP - 49 : srartP + 51].data) + `);
  483 + z-index: `+ (option_data[srartP + 51 > 100 ? srartP - 49 : srartP + 51].zindex) + `;
  484 + }
  485 + 52%{
  486 + transform: matrix3d(`+ (option_data[srartP + 52 > 100 ? srartP - 48 : srartP + 52].data) + `);
  487 + z-index:`+ (option_data[srartP + 52 > 100 ? srartP - 48 : srartP + 52].zindex) + `;
  488 + }
  489 + 53%{
  490 + transform: matrix3d(`+ (option_data[srartP + 53 > 100 ? srartP - 47 : srartP + 53].data) + `);
  491 + z-index: `+ (option_data[srartP + 53 > 100 ? srartP - 47 : srartP + 53].zindex) + `;
  492 + }
  493 + 54%{
  494 + transform: matrix3d(`+ (option_data[srartP + 54 > 100 ? srartP - 46 : srartP + 54].data) + `);
  495 + z-index: `+ (option_data[srartP + 54 > 100 ? srartP - 46 : srartP + 54].zindex) + `;
  496 + }
  497 + 55%{
  498 + transform: matrix3d(`+ (option_data[srartP + 55 > 100 ? srartP - 45 : srartP + 55].data) + `);
  499 + z-index:`+ (option_data[srartP + 55 > 100 ? srartP - 45 : srartP + 55].zindex) + `;
  500 + }
  501 + 56%{
  502 + transform: matrix3d(`+ (option_data[srartP + 56 > 100 ? srartP - 44 : srartP + 56].data) + `);
  503 + z-index:`+ (option_data[srartP + 56 > 100 ? srartP - 44 : srartP + 56].zindex) + `;
  504 + }
  505 + 57%{
  506 + transform: matrix3d(`+ (option_data[srartP + 57 > 100 ? srartP - 43 : srartP + 57].data) + `);
  507 + z-index: `+ (option_data[srartP + 57 > 100 ? srartP - 43 : srartP + 57].zindex) + `;
  508 + }
  509 + 58%{
  510 + transform: matrix3d(`+ (option_data[srartP + 58 > 100 ? srartP - 42 : srartP + 58].data) + `);
  511 + z-index:`+ (option_data[srartP + 58 > 100 ? srartP - 42 : srartP + 58].zindex) + `;
  512 + }
  513 + 59%{
  514 + transform: matrix3d(`+ (option_data[srartP + 59 > 100 ? srartP - 41 : srartP + 59].data) + `);
  515 + z-index:`+ (option_data[srartP + 59 > 100 ? srartP - 41 : srartP + 59].zindex) + `;
  516 + }
  517 + 60%{
  518 + transform: matrix3d(`+ (option_data[srartP + 60 > 100 ? srartP - 40 : srartP + 60].data) + `);
  519 + z-index: `+ (option_data[srartP + 60 > 100 ? srartP - 40 : srartP + 60].zindex) + `;
  520 + }
  521 + 61%{
  522 + transform: matrix3d(`+ (option_data[srartP + 61 > 100 ? srartP - 39 : srartP + 61].data) + `);
  523 + z-index: `+ (option_data[srartP + 61 > 100 ? srartP - 39 : srartP + 61].zindex) + `;
  524 + }
  525 + 62%{
  526 + transform: matrix3d(`+ (option_data[srartP + 62 > 100 ? srartP - 38 : srartP + 62].data) + `);
  527 + z-index: `+ (option_data[srartP + 62 > 100 ? srartP - 38 : srartP + 62].zindexzindex) + `;
  528 + }
  529 + 63%{
  530 + transform: matrix3d(`+ (option_data[srartP + 63 > 100 ? srartP - 37 : srartP + 63].data) + `);
  531 + z-index: `+ (option_data[srartP + 63 > 100 ? srartP - 37 : srartP + 63].zindexzindex) + `;
  532 + }
  533 + 64%{
  534 + transform: matrix3d(`+ (option_data[srartP + 64 > 100 ? srartP - 36 : srartP + 64].data) + `);
  535 + z-index: `+ (option_data[srartP + 64 > 100 ? srartP - 36 : srartP + 64].zindexzindex) + `;
  536 + }
  537 + 65%{
  538 + transform: matrix3d(`+ (option_data[srartP + 65 > 100 ? srartP - 35 : srartP + 65].data) + `);
  539 + z-index:`+ (option_data[srartP + 65 > 100 ? srartP - 35 : srartP + 65].zindexzindex) + `;
  540 + }
  541 + 66%{
  542 + transform: matrix3d(`+ (option_data[srartP + 66 > 100 ? srartP - 34 : srartP + 66].data) + `);
  543 + z-index: `+ (option_data[srartP + 66 > 100 ? srartP - 34 : srartP + 66].zindexzindex) + `;
  544 + }
  545 + 67%{
  546 + transform: matrix3d(`+ (option_data[srartP + 67 > 100 ? srartP - 33 : srartP + 67].data) + `);
  547 + z-index: `+ (option_data[srartP + 67 > 100 ? srartP - 33 : srartP + 67].zindexzindex) + `;
  548 + }
  549 + 68%{
  550 + transform: matrix3d(`+ (option_data[srartP + 68 > 100 ? srartP - 32 : srartP + 68].data) + `);
  551 + z-index: `+ (option_data[srartP + 68 > 100 ? srartP - 32 : srartP + 68].zindexzindex) + `;
  552 + }
  553 + 69%{
  554 + transform: matrix3d(`+ (option_data[srartP + 69 > 100 ? srartP - 31 : srartP + 69].data) + `);
  555 + z-index:`+ (option_data[srartP + 69 > 100 ? srartP - 31 : srartP + 69].zindexzindex) + `;
  556 + }
  557 + 70%{
  558 + transform: matrix3d(`+ (option_data[srartP + 70 > 100 ? srartP - 30 : srartP + 70].data) + `);
  559 + z-index: `+ (option_data[srartP + 70 > 100 ? srartP - 30 : srartP + 70].zindexzindex) + `;
  560 + }
  561 + 71%{
  562 + transform: matrix3d(`+ (option_data[srartP + 71 > 100 ? srartP - 29 : srartP + 71].data) + `);
  563 + z-index: `+ (option_data[srartP + 71 > 100 ? srartP - 29 : srartP + 71].zindexzindex) + `;
  564 + }
  565 + 72%{
  566 + transform: matrix3d(`+ (option_data[srartP + 72 > 100 ? srartP - 28 : srartP + 72].data) + `);
  567 + z-index: `+ (option_data[srartP + 72 > 100 ? srartP - 28 : srartP + 72].zindexzindex) + `;
  568 + }
  569 + 73%{
  570 + transform: matrix3d(`+ (option_data[srartP + 73 > 100 ? srartP - 27 : srartP + 73].data) + `);
  571 + z-index: `+ (option_data[srartP + 73 > 100 ? srartP - 27 : srartP + 73].zindexzindex) + `;
  572 + }
  573 + 74%{
  574 + transform: matrix3d(`+ (option_data[srartP + 74 > 100 ? srartP - 26 : srartP + 74].data) + `);
  575 + z-index: `+ (option_data[srartP + 74 > 100 ? srartP - 26 : srartP + 74].zindexzindex) + `;
  576 + }
  577 + 75%{
  578 + transform: matrix3d(`+ (option_data[srartP + 75 > 100 ? srartP - 25 : srartP + 75].data) + `);
  579 + z-index: `+ (option_data[srartP + 75 > 100 ? srartP - 25 : srartP + 75].zindexzindexzindex) + `;
  580 + }
  581 + 76%{
  582 + transform: matrix3d(`+ (option_data[srartP + 76 > 100 ? srartP - 24 : srartP + 76].data) + `);
  583 + z-index: `+ (option_data[srartP + 76 > 100 ? srartP - 24 : srartP + 76].zindexzindexzindex) + `;
  584 + }
  585 + 77%{
  586 + transform: matrix3d(`+ (option_data[srartP + 77 > 100 ? srartP - 23 : srartP + 77].data) + `);
  587 + z-index: `+ (option_data[srartP + 77 > 100 ? srartP - 23 : srartP + 77].zindexzindexzindex) + `;
  588 + }
  589 + 78%{
  590 + transform: matrix3d(`+ (option_data[srartP + 78 > 100 ? srartP - 22 : srartP + 78].data) + `);
  591 + z-index: `+ (option_data[srartP + 78 > 100 ? srartP - 22 : srartP + 78].zindexzindexzindex) + `;
  592 + }
  593 + 79%{
  594 + transform: matrix3d(`+ (option_data[srartP + 79 > 100 ? srartP - 21 : srartP + 79].data) + `);
  595 + z-index: `+ (option_data[srartP + 79 > 100 ? srartP - 21 : srartP + 79].zindexzindexzindex) + `;
  596 + }
  597 + 80%{
  598 + transform: matrix3d(`+ (option_data[srartP + 80 > 100 ? srartP - 20 : srartP + 80].data) + `);
  599 + z-index: `+ (option_data[srartP + 80 > 100 ? srartP - 20 : srartP + 80].zindexzindexzindex) + `;
  600 + }
  601 + 81%{
  602 + transform: matrix3d(`+ (option_data[srartP + 81 > 100 ? srartP - 19 : srartP + 81].data) + `);
  603 + z-index: `+ (option_data[srartP + 81 > 100 ? srartP - 19 : srartP + 81].zindexzindexzindex) + `;
  604 + }
  605 + 82%{
  606 + transform: matrix3d(`+ (option_data[srartP + 82 > 100 ? srartP - 18 : srartP + 82].data) + `);
  607 + z-index: `+ (option_data[srartP + 82 > 100 ? srartP - 18 : srartP + 82].zindexzindexzindex) + `;
  608 + }
  609 + 83%{
  610 + transform: matrix3d(`+ (option_data[srartP + 83 > 100 ? srartP - 17 : srartP + 83].data) + `);
  611 + z-index: `+ (option_data[srartP + 83 > 100 ? srartP - 17 : srartP + 83].zindexzindexzindex) + `;
  612 + }
  613 + 84%{
  614 + transform: matrix3d(`+ (option_data[srartP + 84 > 100 ? srartP - 16 : srartP + 84].data) + `);
  615 + z-index:`+ (option_data[srartP + 84 > 100 ? srartP - 16 : srartP + 84].zindexzindexzindex) + `;
  616 + }
  617 + 85%{
  618 + transform: matrix3d(`+ (option_data[srartP + 85 > 100 ? srartP - 15 : srartP + 85].data) + `);
  619 + z-index: `+ (option_data[srartP + 85 > 100 ? srartP - 15 : srartP + 85].zindexzindexzindex) + `;
  620 + }
  621 + 86%{
  622 + transform: matrix3d(`+ (option_data[srartP + 86 > 100 ? srartP - 14 : srartP + 86].data) + `);
  623 + z-index: `+ (option_data[srartP + 86 > 100 ? srartP - 14 : srartP + 86].zindexzindexzindex) + `;
  624 + }
  625 + 87%{
  626 + transform: matrix3d(`+ (option_data[srartP + 87 > 100 ? srartP - 13 : srartP + 87].data) + `);
  627 + z-index:`+ (option_data[srartP + 87 > 100 ? srartP - 13 : srartP + 87].zindexzindexzindex) + `;
  628 + }
  629 + 88%{
  630 + transform: matrix3d(`+ (option_data[srartP + 88 > 100 ? srartP - 12 : srartP + 88].data) + `);
  631 + z-index:`+ (option_data[srartP + 88 > 100 ? srartP - 12 : srartP + 88].zindexzindexzindex) + `;
  632 + }
  633 + 89%{
  634 + transform: matrix3d(`+ (option_data[srartP + 89 > 100 ? srartP - 11 : srartP + 89].data) + `);
  635 + z-index: `+ (option_data[srartP + 89 > 100 ? srartP - 11 : srartP + 89].zindexzindexzindex) + `;
  636 + }
  637 + 90%{
  638 + transform: matrix3d(`+ (option_data[srartP + 90 > 100 ? srartP - 10 : srartP + 90].data) + `);
  639 + z-index: `+ (option_data[srartP + 90 > 100 ? srartP - 10 : srartP + 90].zindexzindexzindexzindex) + `;
  640 + }
  641 + 91%{
  642 + transform: matrix3d(`+ (option_data[srartP + 91 > 100 ? srartP - 9 : srartP + 91].data) + `);
  643 + z-index:`+ (option_data[srartP + 91 > 100 ? srartP - 9 : srartP + 91].zindexzindexzindexzindex) + `;
  644 + }
  645 + 92%{
  646 + transform: matrix3d(`+ (option_data[srartP + 92 > 100 ? srartP - 8 : srartP + 92].data) + `);
  647 + z-index: `+ (option_data[srartP + 92 > 100 ? srartP - 8 : srartP + 92].zindexzindexzindexzindex) + `;
  648 + }
  649 + 93%{
  650 + transform: matrix3d(`+ (option_data[srartP + 93 > 100 ? srartP - 7 : srartP + 93].data) + `);
  651 + z-index: `+ (option_data[srartP + 93 > 100 ? srartP - 7 : srartP + 93].zindexzindexzindexzindex) + `;
  652 + }
  653 + 94%{
  654 + transform: matrix3d(`+ (option_data[srartP + 94 > 100 ? srartP - 6 : srartP + 94].data) + `);
  655 + z-index: `+ (option_data[srartP + 94 > 100 ? srartP - 6 : srartP + 94].zindexzindexzindexzindex) + `;
  656 + }
  657 + 95%{
  658 + transform: matrix3d(`+ (option_data[srartP + 95 > 100 ? srartP - 5 : srartP + 95].data) + `);
  659 + z-index: `+ (option_data[srartP + 95 > 100 ? srartP - 5 : srartP + 95].zindexzindexzindexzindex) + `;
  660 + }
  661 + 96%{
  662 + transform: matrix3d(`+ (option_data[srartP + 96 > 100 ? srartP - 4 : srartP + 96].data) + `);
  663 + z-index: `+ (option_data[srartP + 96 > 100 ? srartP - 4 : srartP + 96].zindexzindexzindexzindex) + `;
  664 + }
  665 + 97%{
  666 + transform: matrix3d(`+ (option_data[srartP + 97 > 100 ? srartP - 3 : srartP + 97].data) + `);
  667 + z-index: `+ (option_data[srartP + 97 > 100 ? srartP - 3 : srartP + 97].zindexzindexzindexzindex) + `;
  668 + }
  669 + 98%{
  670 + transform: matrix3d(`+ (option_data[srartP + 98 > 100 ? srartP - 2 : srartP + 98].data) + `);
  671 + z-index: `+ (option_data[srartP + 98 > 100 ? srartP - 2 : srartP + 98].zindexzindexzindexzindex) + `;
  672 + }
  673 + 99%{
  674 + transform: matrix3d(`+ (option_data[srartP + 99 > 100 ? srartP - 1 : srartP + 99].data) + `);
  675 + z-index:`+ (option_data[srartP + 99 > 100 ? srartP - 1 : srartP + 99].zindexzindexzindexzindex) + `;
  676 + }
  677 + 100%{
  678 + transform: matrix3d(`+ (option_data[srartP + 100 > 100 ? srartP : srartP + 100].data) + `);
  679 + z-index: `+ (option_data[srartP + 100 > 100 ? srartP : srartP + 100].zindex) + `;
  680 + }
  681 + }`
  682 + , 0
  683 + );
  684 + }
  685 +
  686 + },
  687 +
  688 + // 配置修改
  689 + setOptionsConfig() {
  690 + const optionsSetup = this.optionsSetup;
  691 + this.options.rowNum =optionsSetup.rowNum;
  692 + this.options.waitTime =optionsSetup.waitTime;
  693 + this.options.carousel =optionsSetup.carousel;
  694 + this.options.unit =optionsSetup.unit;
  695 + this.options.sort =optionsSetup.sort;
  696 + this.options.isValueFormatter =optionsSetup.isValueFormatter;
  697 + if(this.options.isValueFormatter){
  698 + this.options.valueFormatter= this.valueFormatter;
  699 + }else{
  700 + this.options.valueFormatter=undefined;
  701 + }
  702 + this.options={...this.options};
  703 + },
  704 + //数据类型
  705 + setOptionsData() {
  706 + const optionsData = this.optionsData; // 数据类型 静态 or 动态
  707 + optionsData.dataType == "staticData"
  708 + ? this.staticDataFn(optionsData.staticData)
  709 + : this.dynamicDataFn(optionsData.dynamicData, optionsData.refreshTime);
  710 + },
  711 + staticDataFn(val) {
  712 + // console.log("设置静态数据",this.options)
  713 + const staticData = typeof val == "string" ? JSON.parse(val) : val;
  714 + this.options.data=staticData;
  715 + },
  716 + dynamicDataFn(val, refreshTime) {
  717 + if (!val) return;
  718 + if (this.ispreview) {
  719 + this.getEchartData(val);
  720 + this.flagInter = setInterval(() => {
  721 + this.getEchartData(val);
  722 + }, refreshTime);
  723 + } else {
  724 + this.getEchartData(val);
  725 + }
  726 + },
  727 + getEchartData(val) {
  728 + const data = this.queryEchartsData(val);
  729 + data.then(res => {
  730 + this.renderingFn(res);
  731 + });
  732 + },
  733 + renderingFn(val) {
  734 + this.options.data=val;
  735 + },
  736 + }
  737 +};
  738 +
  739 +</script>
  740 +<style scoped lang="scss">
  741 + .rondmain {
  742 + width: 100%;
  743 + padding: 0 2.5%;
  744 + box-sizing: border-box;
  745 + position: relative;
  746 + }
  747 + .rondmain .total {
  748 + width: 65%;
  749 + height: 100%;
  750 + float: left;
  751 + position: absolute;
  752 + }
  753 + .rondmain .total .rain {
  754 + position: absolute;
  755 + left: 0;
  756 + top: 0;
  757 + z-index: -1;
  758 + }
  759 + .rondmain .total .data1,
  760 + .rondmain .total .data2,
  761 + .rondmain .total .data3,
  762 + .rondmain .total .data4 {
  763 + width: 8rem;
  764 + height: 4rem;
  765 + position: absolute;
  766 + }
  767 + .rondmain .total .data1 span,
  768 + .rondmain .total .data2 span,
  769 + .rondmain .total .data3 span,
  770 + .rondmain .total .data4 span {
  771 + color: #0ac1c7;
  772 + font-size: 1rem;
  773 + font-family: '宋体';
  774 + font-weight: bold;
  775 + }
  776 + .rondmain .total .data1 p,
  777 + .rondmain .total .data2 p,
  778 + .rondmain .total .data3 p,
  779 + .rondmain .total .data4 p {
  780 + font-family: 'LCdd';
  781 + font-size: 1.5rem;
  782 + color: #f29701;
  783 + }
  784 + .rondmain .total .data1 {
  785 + left: 10%;
  786 + top: 12%;
  787 + }
  788 + .rondmain .total .data2 {
  789 + left: 42%;
  790 + top: 3%;
  791 + }
  792 + .rondmain .total .data3 {
  793 + left: 62%;
  794 + top: 5%;
  795 + }
  796 + .rondmain .total .data4 {
  797 + left: 73%;
  798 + top: 28%;
  799 + }
  800 + .rondmain .total .dashed {
  801 + position: absolute;
  802 + left: 0;
  803 + top: 0;
  804 + }
  805 + .rondmain .total .sphere {
  806 + width: 20rem;
  807 + height: 20rem;
  808 + position: absolute;
  809 + margin: 14% auto 0;
  810 + }
  811 + .rondmain .total .sphere .sphere-bg {
  812 + position: absolute;
  813 + z-index: 100;
  814 + left: 0;
  815 + top: 0;
  816 + width: 100%;
  817 + height: 100%;
  818 + background: url('../../../../../assets/images/widget/wdgetrotateranking/53earth.png') no-repeat center;
  819 + background-size: contain;
  820 + }
  821 + .rondmain .total .sphere .sum {
  822 + position: absolute;
  823 + z-index: 100;
  824 + left: 0;
  825 + top: 0;
  826 + width: 100%;
  827 + height: 100%;
  828 + background: url('../../../../../assets/images/widget/wdgetrotateranking/53cloud.png') no-repeat center;
  829 + background-size: 55%;
  830 + }
  831 + .rondmain .total .sphere .sum span {
  832 + display: block;
  833 + margin-top: 30%;
  834 + color: #983fb5;
  835 + font-size: 1.5rem;
  836 + font-weight: bold;
  837 + }
  838 + .rondmain .total .sphere .sum p {
  839 + margin-top: 2%;
  840 + text-align: center;
  841 + color: #983fb5;
  842 + font-family: 'LCdd';
  843 + font-size: 2rem;
  844 + }
  845 + .rondmain .total .cicle3 {
  846 + width: 35rem;
  847 + height: 35rem;
  848 + background: url('../../../../../assets/images/widget/wdgetrotateranking/circle.png') no-repeat center;
  849 + background-size: 100%;
  850 + position: absolute;
  851 + top: 20%;
  852 + left: 50%;
  853 + transform-style: preserve-3d;
  854 + transform: translateX(-50%) rotateX(75deg);
  855 + animation: rotate3 20s linear infinite;
  856 + }
  857 + .rondmain .total .cicle4 {
  858 + width: 15rem;
  859 + height: 15rem;
  860 + position: absolute;
  861 + top: 60%;
  862 + left: 50%;
  863 + transform-style: preserve-3d;
  864 + background: url('../../../../../assets/images/widget/wdgetrotateranking/53gqright.png') no-repeat center;
  865 + background-size: 100%;
  866 + transform: translateX(-50%) rotateX(75deg);
  867 + animation: rotate3 2s linear infinite;
  868 + }
  869 + .rondmain .total .cicle5 {
  870 + width: 15rem;
  871 + height: 15rem;
  872 + position: absolute;
  873 + top: 62%;
  874 + left: 50%;
  875 + transform-style: preserve-3d;
  876 + background: url('../../../../../assets/images/widget/wdgetrotateranking/53gqleft.png') no-repeat center;
  877 + background-size: 100%;
  878 + transform: translateX(-50%) rotateX(75deg);
  879 + animation: rotate4 2s linear infinite;
  880 + }
  881 + .rondmain .total .cicle6 {
  882 + width: 12rem;
  883 + height: 12rem;
  884 + position: absolute;
  885 + top: 70%;
  886 + left: 50%;
  887 + transform-style: preserve-3d;
  888 + background: url('../../../../../assets/images/widget/wdgetrotateranking/535gqbottomright.png') no-repeat center;
  889 + background-size: 100%;
  890 + transform: translateX(-50%) rotateX(75deg);
  891 + animation: rotate3 2s linear infinite;
  892 + }
  893 + .rondmain .total .cicle7 {
  894 + width: 12rem;
  895 + height: 12rem;
  896 + position: absolute;
  897 + top: 72%;
  898 + left: 50%;
  899 + transform-style: preserve-3d;
  900 + background: url('../../../../../assets/images/widget/wdgetrotateranking/53gqbottomleft.png') no-repeat center;
  901 + background-size: 100%;
  902 + transform: translateX(-50%) rotateX(75deg);
  903 + animation: rotate4 2s linear infinite;
  904 + }
  905 + .rondmain .total .cicle8,
  906 + .rondmain .total .cicle9,
  907 + .rondmain .total .cicle10,
  908 + .rondmain .total .cicle11,
  909 + .rondmain .total .cicle12{
  910 + width: 5rem;
  911 + height: 5rem;
  912 + position: absolute;
  913 + top: 50%;
  914 + left: 50%;
  915 + z-index: 100;
  916 + margin-left: -2.5rem;
  917 + border-radius: 50%;
  918 + }
  919 + .rondmain .total .cicle8 span,
  920 + .rondmain .total .cicle9 span,
  921 + .rondmain .total .cicle10 span,
  922 + .rondmain .total .cicle11 span,
  923 + .rondmain .total .cicle12 span {
  924 + font-family: 'LCdd';
  925 + display: block;
  926 + margin-left: 25%;
  927 + font-size: 1.5rem;
  928 + margin-top: 20%;
  929 + }
  930 + .rondmain .total .cicle8 p,
  931 + .rondmain .total .cicle9 p,
  932 + .rondmain .total .cicle10 p,
  933 + .rondmain .total .cicle11 p,
  934 + .rondmain .total .cicle12 p {
  935 + text-align: center;
  936 + font-size: 0.7rem;
  937 + }
  938 + .rondmain .total .cicle8 {
  939 + background: url('../../../../../assets/images/widget/wdgetrotateranking/circle1.png') no-repeat;
  940 + background-size: 100%;
  941 + animation: rotate11 20s linear infinite;
  942 + color: #9b3fb5;
  943 + }
  944 + .rondmain .total .cicle9 {
  945 + background: url('../../../../../assets/images/widget/wdgetrotateranking/circle2.png') no-repeat;
  946 + background-size: 100%;
  947 + animation: rotate12 20s linear infinite;
  948 + color: #0ac1c7;
  949 + }
  950 + .rondmain .total .cicle10 {
  951 + background: url('../../../../../assets/images/widget/wdgetrotateranking/circle1.png') no-repeat;
  952 + background-size: 100%;
  953 + animation: rotate13 20s linear infinite;
  954 + color: #983fb5;
  955 + }
  956 + .rondmain .total .cicle11 {
  957 + background: url('../../../../../assets/images/widget/wdgetrotateranking/circle2.png') no-repeat;
  958 + background-size: 100%;
  959 + color: #05a8ee;
  960 + animation: rotate14 20s linear infinite;
  961 + }
  962 + .rondmain .total .cicle12 {
  963 + background: url('../../../../../assets/images/widget/wdgetrotateranking/circle1.png') no-repeat;
  964 + background-size: 100%;
  965 + color: #0ac1c7;
  966 + animation: rotate15 20s linear infinite;
  967 + }
  968 +
  969 + @keyframes rotate {
  970 + 0% {
  971 + transform: rotate(0);
  972 + }
  973 + 100% {
  974 + transform: rotate(360deg);
  975 + }
  976 + }
  977 + @keyframes rotate2 {
  978 + 0% {
  979 + transform: rotateX(75deg) rotateZ(0);
  980 + }
  981 + 100% {
  982 + transform: rotateX(75deg) rotateZ(360deg);
  983 + }
  984 + }
  985 + @keyframes rotate3 {
  986 + 0% {
  987 + transform: translateX(-50%) rotateX(75deg) rotateZ(0);
  988 + }
  989 + 100% {
  990 + transform: translateX(-50%) rotateX(75deg) rotateZ(360deg);
  991 + }
  992 + }
  993 + @keyframes rotate4 {
  994 + 0% {
  995 + transform: translateX(-50%) rotateX(75deg) rotateZ(0);
  996 + }
  997 + 100% {
  998 + transform: translateX(-50%) rotateX(75deg) rotateZ(-360deg);
  999 + }
  1000 + }
  1001 +</style>
src/views/bigscreenDesigner/designer/widget/table/widgetTable.vue
  View file @4ff1579
@@ -7,6 +7,7 @@ @@ -7,6 +7,7 @@
7 v-for="(item, index) in header" 7 v-for="(item, index) in header"
8 :style="[headerTableStlye, tableFiledWidth(index), tableRowHeight()]" 8 :style="[headerTableStlye, tableFiledWidth(index), tableRowHeight()]"
9 :key="index" 9 :key="index"
  10 + class="content"
10 > 11 >
11 {{ item.name }} 12 {{ item.name }}
12 </div> 13 </div>
@@ -20,6 +21,7 @@ @@ -20,6 +21,7 @@
20 :style="tableRowHeight()" 21 :style="tableRowHeight()"
21 > 22 >
22 <div 23 <div
  24 + class="content"
23 v-for="(itemChild, idx) in header" 25 v-for="(itemChild, idx) in header"
24 :key="idx" 26 :key="idx"
25 :style="[ 27 :style="[
@@ -28,8 +30,8 @@ @@ -28,8 +30,8 @@
28 tableFiledWidth(idx), 30 tableFiledWidth(idx),
29 tableRowHeight() 31 tableRowHeight()
30 ]" 32 ]"
  33 + v-html="item[itemChild.key]"
31 > 34 >
32 - {{ item[itemChild.key] }}  
33 </div> 35 </div>
34 </li> 36 </li>
35 </ul> 37 </ul>
@@ -246,6 +248,12 @@ export default { @@ -246,6 +248,12 @@ export default {
246 .txtScroll-top .infoList li > div { 248 .txtScroll-top .infoList li > div {
247 width: 100%; 249 width: 100%;
248 } 250 }
  251 +.content
  252 +{
  253 + white-space: nowrap;
  254 + overflow: hidden;
  255 + text-overflow: ellipsis;
  256 +}
249 257
250 /*.txtScroll-top .infoList li:nth-child(n) { 258 /*.txtScroll-top .infoList li:nth-child(n) {
251 background: rgb(0, 59, 81); 259 background: rgb(0, 59, 81);
src/views/bigscreenDesigner/designer/widget/temp.vue
  View file @4ff1579
@@ -22,6 +22,7 @@ import WidgetFunnel from &quot;./funnel/widgetFunnel.vue&quot;; @@ -22,6 +22,7 @@ import WidgetFunnel from &quot;./funnel/widgetFunnel.vue&quot;;
22 import WidgetGauge from "./percent/widgetGauge.vue"; 22 import WidgetGauge from "./percent/widgetGauge.vue";
23 import WidgetPieNightingaleRoseArea from "./pie/widgetPieNightingaleRose"; 23 import WidgetPieNightingaleRoseArea from "./pie/widgetPieNightingaleRose";
24 import widgetTable from "./table/widgetTable.vue"; 24 import widgetTable from "./table/widgetTable.vue";
  25 +import widgetRotateRanking from "./table/WidgetRotateRanking.vue";
25 import widgetLineMap from "./map/widgetLineMap.vue"; 26 import widgetLineMap from "./map/widgetLineMap.vue";
26 import widgetPiePercentageChart from "./percent/widgetPiePercentageChart"; 27 import widgetPiePercentageChart from "./percent/widgetPiePercentageChart";
27 import widgetAirBubbleMap from "./map/widgetAirBubbleMap"; 28 import widgetAirBubbleMap from "./map/widgetAirBubbleMap";
@@ -35,7 +36,6 @@ import widgetWordCloud from &quot;./wordcloud/widgetWordCloud&quot;; @@ -35,7 +36,6 @@ import widgetWordCloud from &quot;./wordcloud/widgetWordCloud&quot;;
35 import widgetHeatmap from "./heatmap/widgetHeatmap"; 36 import widgetHeatmap from "./heatmap/widgetHeatmap";
36 import widgetRadar from "./radar/widgetRadar"; 37 import widgetRadar from "./radar/widgetRadar";
37 import widgetBarLineStackChart from "./barline/widgetBarLineStackChart"; 38 import widgetBarLineStackChart from "./barline/widgetBarLineStackChart";
38 -import widgetDecorate from "./decorate/decorate.vue";  
39 import widgetBorderBoxFloat from "./div/widgetBorderBoxFloat"; 39 import widgetBorderBoxFloat from "./div/widgetBorderBoxFloat";
40 import widgetBorderBox from "./div/widgetBorderBox"; 40 import widgetBorderBox from "./div/widgetBorderBox";
41 import widgetProgress from "./percent/widgetProgress"; 41 import widgetProgress from "./percent/widgetProgress";
@@ -52,8 +52,6 @@ import widgetSvg from &quot;./div/widgetSvg&quot;; @@ -52,8 +52,6 @@ import widgetSvg from &quot;./div/widgetSvg&quot;;
52 export default { 52 export default {
53 name: "WidgetTemp", 53 name: "WidgetTemp",
54 components: { 54 components: {
55 - // widgetDiv,  
56 - widgetDecorate,  
57 widgetHref, 55 widgetHref,
58 widgetText, 56 widgetText,
59 WidgetMarquee, 57 WidgetMarquee,
@@ -96,6 +94,7 @@ export default { @@ -96,6 +94,7 @@ export default {
96 widgetBorderBoxFloat, 94 widgetBorderBoxFloat,
97 widgetDigitalFlopSingle, 95 widgetDigitalFlopSingle,
98 widgetSvg, 96 widgetSvg,
  97 + widgetRotateRanking,
99 }, 98 },
100 model: { 99 model: {
101 prop: "value", 100 prop: "value",
src/views/bigscreenDesigner/designer/widget/text/widgetDigitalFlop.vue
  View file @4ff1579
@@ -25,11 +25,16 @@ export default { @@ -25,11 +25,16 @@ export default {
25 number:[],//数字数值 25 number:[],//数字数值
26 content:'数字{nt}',//number中的元素将被用于替换content内容模版中的{nt}标记，其替换顺序与模版标记的顺序一一对应：实际显示效果：'数字1,数字2,数字3,数字4' 26 content:'数字{nt}',//number中的元素将被用于替换content内容模版中的{nt}标记，其替换顺序与模版标记的顺序一一对应：实际显示效果：'数字1,数字2,数字3,数字4'
27 toFixed: 0,//小数位数 27 toFixed: 0,//小数位数
28 - textAlign: 'center',//水平对齐方式 textAlign用于设置文字的水平对齐方式，可选值为'center'|'left'|'right'，该值将覆盖style属性中的textAlign属性。  
29 rowGap: 0,//行间距 当使用\n进行换行的时候，rowGap可以控制行间距 28 rowGap: 0,//行间距 当使用\n进行换行的时候，rowGap可以控制行间距
  29 + textAlign: 'center',//水平对齐方式 textAlign用于设置文字的水平对齐方式，可选值为'center'|'left'|'right'，该值将覆盖style属性中的textAlign属性。
30 style: { 30 style: {
31 fontSize: 30, 31 fontSize: 30,
32 - fill: '#3de7c9' 32 + fill: '#3de7c9',
  33 + fontStyle: 'normal',
  34 + fontWeight: 'normal',
  35 + fontVarient: 'normal',
  36 + textAlign: 'center',//水平对齐方式 textAlign用于设置文字的水平对齐方式，可选值为'center'|'left'|'right'，该值将覆盖style属性中的textAlign属性。
  37 + fontFamily: '',
33 },//可使用fill属性设置字体颜色、stroke属性设置字体描边颜色、fontSize属性设置文字大小 38 },//可使用fill属性设置字体颜色、stroke属性设置字体描边颜色、fontSize属性设置文字大小
34 //formatter:this.formatterNum,//格式化数字 类型： Function, 39 //formatter:this.formatterNum,//格式化数字 类型： Function,
35 animationCurve: 'easeOutCubic', //动效曲线 40 animationCurve: 'easeOutCubic', //动效曲线
@@ -84,6 +89,14 @@ export default { @@ -84,6 +89,14 @@ export default {
84 this.optionsSetup = this.value.setup; 89 this.optionsSetup = this.value.setup;
85 this.editorOptions(); 90 this.editorOptions();
86 }, 91 },
  92 + mounted:function()
  93 + {
  94 + this.$nextTick(function(){
  95 + //样式渲染
  96 + this.setFontStyle();
  97 + })
  98 + },
  99 +
87 methods: { 100 methods: {
88 // 修改图标options属性 101 // 修改图标options属性
89 editorOptions() { 102 editorOptions() {
@@ -93,7 +106,7 @@ export default { @@ -93,7 +106,7 @@ export default {
93 //数据修改 106 //数据修改
94 this.setOptionsData(); 107 this.setOptionsData();
95 108
96 - //字体样式 109 + //字体样式修改
97 this.setFontStyle(); 110 this.setFontStyle();
98 }, 111 },
99 112
@@ -113,22 +126,27 @@ export default { @@ -113,22 +126,27 @@ export default {
113 //字体修改 126 //字体修改
114 setFontStyle() { 127 setFontStyle() {
115 const optionsSetup = this.optionsSetup; 128 const optionsSetup = this.optionsSetup;
116 - const fontStyle = {}; 129 + const fontStyle = this.options.style;
117 fontStyle.fill=optionsSetup.fill; 130 fontStyle.fill=optionsSetup.fill;
118 fontStyle.fontSize=optionsSetup.fontSize; 131 fontStyle.fontSize=optionsSetup.fontSize;
119 fontStyle.fontWeight=optionsSetup.fontWeight; 132 fontStyle.fontWeight=optionsSetup.fontWeight;
  133 + fontStyle.fontStyle=optionsSetup.fontStyle;
  134 + fontStyle.fontFamily=this.optionsSetup.fontFamily;
  135 + this.options.textAlign =optionsSetup.textAlign;
120 this.options.style = fontStyle; 136 this.options.style = fontStyle;
  137 + this.options={...this.options};
121 }, 138 },
122 //千为分隔符 139 //千为分隔符
123 formatterNum (number) { 140 formatterNum (number) {
124 - const numbers = number.toString().split('').reverse(); 141 + const numbersA=number.toString().split('.');
  142 + const numbersEnd=numbersA.length>1?numbersA[1]:"";
  143 + const numbers = numbersA[0].split('').reverse();
125 const segs = []; 144 const segs = [];
126 while (numbers.length) segs.push(numbers.splice(0, 3).join('')); 145 while (numbers.length) segs.push(numbers.splice(0, 3).join(''));
127 - return segs.join(',').split('').reverse().join(''); 146 + return segs.join(',').split('').reverse().join('')+(numbersA.length>1?"."+numbersEnd:"");
128 }, 147 },
129 // 数据修改 148 // 数据修改
130 setOptionsData() { 149 setOptionsData() {
131 -  
132 const optionsSetup = this.optionsSetup; 150 const optionsSetup = this.optionsSetup;
133 if(optionsSetup.isFormatterNum){ 151 if(optionsSetup.isFormatterNum){
134 this.options.formatter=this.formatterNum; 152 this.options.formatter=this.formatterNum;
@@ -138,12 +156,9 @@ export default { @@ -138,12 +156,9 @@ export default {
138 this.options.isFormatterNum=optionsSetup.isFormatterNum;//千分位显示 156 this.options.isFormatterNum=optionsSetup.isFormatterNum;//千分位显示
139 this.options.content=optionsSetup.content; 157 this.options.content=optionsSetup.content;
140 this.options.toFixed=optionsSetup.toFixed; 158 this.options.toFixed=optionsSetup.toFixed;
141 - this.options.textAlign=optionsSetup.textAlign; 159 + this.options.textAlign= this.options.style.textAlign;
142 this.options.animationFrame=optionsSetup.animationFrame; 160 this.options.animationFrame=optionsSetup.animationFrame;
143 - // const optionsDeep =this.deepClone(this.options);  
144 - // console.log("返回数据options",optionsDeep);  
145 - this.options={...this.options};  
146 - // this.options=optionsDeep; 161 + // this.options={...this.options};
147 }, 162 },
148 } 163 }
149 }; 164 };
src/views/bigscreenDesigner/designer/widget/text/widgetStatus.vue 0 → 100644
  View file @4ff1579
  1 +<template>
  2 + <div id="dx" class="breathe-zc"></div>
  3 + <!-- <div id="cz" class="breathe-zc"></div>-->
  4 + <!-- <div id="dmt" class="breathe-yc"></div>-->
  5 +</template>
  6 +
  7 +<script>
  8 +import { mapState } from 'vuex';
  9 +export default {
  10 + name: "WidgetText",
  11 + components: {},
  12 + props: {
  13 + value: Object,
  14 + ispreview: Boolean
  15 + },
  16 + data() {
  17 + return {
  18 + options: {},
  19 + optionsData: {}
  20 + };
  21 + },
  22 + computed: {
  23 + ...mapState('dataSource', ['staticData']),
  24 + transStyle() {
  25 + return this.objToOne(this.options);
  26 + },
  27 + styleColor() {
  28 + return {
  29 + position: this.ispreview ? "absolute" : "static",
  30 + color: this.transStyle.color,
  31 + "font-weight": this.transStyle.fontWeight,
  32 + text: this.transStyle.text,
  33 + "font-size": this.transStyle.fontSize + "px",
  34 + "letter-spacing": this.transStyle.letterSpacing + "em",
  35 + background: this.transStyle.background,
  36 + "text-align": this.transStyle.textAlign,
  37 + width: this.transStyle.width + "px",
  38 + height: this.transStyle.height + "px",
  39 + left: this.transStyle.left + "px",
  40 + top: this.transStyle.top + "px",
  41 + right: this.transStyle.right + "px"
  42 + };
  43 + },
  44 + showText() {
  45 + const {text, slectedDataType} = this.transStyle;
  46 + return this.staticData[slectedDataType] || text;
  47 + }
  48 + },
  49 + watch: {
  50 + value: {
  51 + handler(val) {
  52 + this.options = val;
  53 + this.optionsData = val.data;
  54 + this.setOptionsData();
  55 + },
  56 + deep: true
  57 + },
  58 + },
  59 + mounted() {
  60 + this.options = this.value;
  61 + this.optionsData = this.value.data;
  62 + this.setOptionsData();
  63 + },
  64 + methods: {
  65 + // 数据解析
  66 + setOptionsData() {
  67 + const optionsData = this.optionsData; // 数据类型 静态 or 动态
  68 + if (optionsData.dataType == "dynamicData") {
  69 + this.dynamicDataFn(optionsData.dynamicData, optionsData.refreshTime);
  70 + };
  71 + },
  72 + dynamicDataFn(val, refreshTime) {
  73 + if (!val) return;
  74 + if (this.ispreview) {
  75 + this.getEchartData(val);
  76 + this.flagInter = setInterval(() => {
  77 + this.getEchartData(val);
  78 + }, refreshTime);
  79 + } else {
  80 + this.getEchartData(val);
  81 + }
  82 + },
  83 + getEchartData(val) {
  84 + const data = this.queryEchartsData(val);
  85 + data.then(res => {
  86 + this.styleColor.text = res[0].value;
  87 + this.$forceUpdate();
  88 + });
  89 + }
  90 + }
  91 +};
  92 +</script>
  93 +
  94 +<style scoped lang="scss">
  95 +/*resize*/
  96 +.breathe-zct{ position:relative; width:20px; height:20px; top:2px;float:left; border:1px solid #008000; border-radius:20px; color:#fff; font-size:10px; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.3); overflow:hidden;
  97 + background-image: -webkit-gradient(linear, left top, left bottom, from(#00FF00), to(#00FF00));
  98 + background-image: -moz-linear-gradient(#00FF00,#00FF00);
  99 +}
  100 +
  101 +.breathe-yct{ position:relative; width:20px; height:20px; top:2px;float:left; border:1px solid #008000; border-radius:20px; color:#fff; font-size:20px; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.3); overflow:hidden;
  102 + background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FF0000));
  103 + background-image: -moz-linear-gradient(#FF0000,#FF0000);
  104 +}
  105 +
  106 +.breathe-zc{ position:relative; width:20px; height:20px; margin:10px auto; line-height:40px; border:1px solid #008000; border-radius:10px; color:#fff; font-size:20px; text-align:center; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.3); overflow:hidden;
  107 + background-image: -webkit-gradient(linear, left top, left bottom, from(#00FF00), to(#00FF00));
  108 + background-image: -moz-linear-gradient(#00FF00,#00FF00);
  109 + -webkit-animation-timing-function: ease-in-out;
  110 + -webkit-animation-name: breathe;
  111 + -webkit-animation-duration: 500ms;
  112 + -webkit-animation-iteration-count: infinite;
  113 + -webkit-animation-direction: alternate;
  114 + animation:ease-in-out breathe 500ms infinite alternate;
  115 +}
  116 +@keyframes breathe{
  117 + 0% { opacity: .2; box-shadow:0 1px 2px rgba(255,255,255,0.1);}
  118 + 100% { opacity: 1; border:1px solid rgba(59,235,235,1); box-shadow:0 1px 30px rgba(59,255,255,1);}
  119 +}
  120 +@-webkit-keyframes breathe {
  121 + 0% { opacity: .2; box-shadow:0 1px 2px rgba(255,255,255,0.1);}
  122 + 100% { opacity: 1; border:1px solid rgba(59,235,235,1); box-shadow:0 1px 30px rgba(59,255,255,1);}
  123 +}
  124 +
  125 +.breathe-yc{ position:relative; width:20px; height:20px; margin:10px auto; line-height:40px; border:1px solid #008000; border-radius:10px; color:#fff; font-size:20px; text-align:center; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.3); overflow:hidden;
  126 + background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#FF0000));
  127 + background-image: -moz-linear-gradient(#FF0000,#FF0000);
  128 + -webkit-animation-timing-function: ease-in-out;
  129 + -webkit-animation-name: breathe;
  130 + -webkit-animation-duration: 1000ms;
  131 + -webkit-animation-iteration-count: infinite;
  132 + -webkit-animation-direction: alternate;
  133 + animation:ease-in-out breathe 100ms infinite alternate;
  134 +}
  135 +@keyframes breathe{
  136 + 0% { opacity: .2; box-shadow:0 1px 2px rgba(255,255,255,0.1);}
  137 + 100% { opacity: 1; border:1px solid rgba(59,235,235,1); box-shadow:0 1px 30px rgba(59,255,255,1);}
  138 +}
  139 +@-webkit-keyframes breathe {
  140 + 0% { opacity: .2; box-shadow:0 1px 2px rgba(255,255,255,0.1);}
  141 + 100% { opacity: 1; border:1px solid rgba(59,235,235,1); box-shadow:0 1px 30px rgba(59,255,255,1);}
  142 +}
  143 +
  144 +</style>
src/views/bigscreenDesigner/designer/widget/text/widgetTime.vue
  View file @4ff1579
@@ -30,6 +30,7 @@ export default { @@ -30,6 +30,7 @@ export default {
30 background: this.transStyle.background, 30 background: this.transStyle.background,
31 "font-weight": this.transStyle.fontWeight, 31 "font-weight": this.transStyle.fontWeight,
32 "text-align": this.transStyle.textAlign, 32 "text-align": this.transStyle.textAlign,
  33 + 'font-family': this.transStyle.fontFamily,
33 display: 34 display:
34 this.transStyle.hideLayer == undefined 35 this.transStyle.hideLayer == undefined
35 ? "block" 36 ? "block"
src/views/bigscreenDesigner/designer/widget/widget.vue
  View file @4ff1579
@@ -31,6 +31,7 @@ import WidgetFunnel from &quot;./funnel/widgetFunnel.vue&quot;; @@ -31,6 +31,7 @@ import WidgetFunnel from &quot;./funnel/widgetFunnel.vue&quot;;
31 import WidgetGauge from "./percent/widgetGauge.vue"; 31 import WidgetGauge from "./percent/widgetGauge.vue";
32 import WidgetPieNightingaleRoseArea from "./pie/widgetPieNightingaleRose"; 32 import WidgetPieNightingaleRoseArea from "./pie/widgetPieNightingaleRose";
33 import widgetTable from "./table/widgetTable.vue"; 33 import widgetTable from "./table/widgetTable.vue";
  34 +import widgetRotateRanking from "./table/WidgetRotateRanking.vue";
34 import widgetLineMap from "./map/widgetLineMap.vue"; 35 import widgetLineMap from "./map/widgetLineMap.vue";
35 import widgetPiePercentageChart from "./percent/widgetPiePercentageChart"; 36 import widgetPiePercentageChart from "./percent/widgetPiePercentageChart";
36 import widgetAirBubbleMap from "./map/widgetAirBubbleMap"; 37 import widgetAirBubbleMap from "./map/widgetAirBubbleMap";
@@ -44,7 +45,6 @@ import widgetWordCloud from &quot;./wordcloud/widgetWordCloud&quot;; @@ -44,7 +45,6 @@ import widgetWordCloud from &quot;./wordcloud/widgetWordCloud&quot;;
44 import widgetHeatmap from "./heatmap/widgetHeatmap"; 45 import widgetHeatmap from "./heatmap/widgetHeatmap";
45 import widgetRadar from "./radar/widgetRadar"; 46 import widgetRadar from "./radar/widgetRadar";
46 import widgetBarLineStackChart from "./barline/widgetBarLineStackChart"; 47 import widgetBarLineStackChart from "./barline/widgetBarLineStackChart";
47 -import widgetDecorate from "./decorate/decorate.vue";  
48 import widgetImage from "./div/widgetImage.vue"; 48 import widgetImage from "./div/widgetImage.vue";
49 import widgetSlider from "./div/widgetSlider.vue"; 49 import widgetSlider from "./div/widgetSlider.vue";
50 import widgetBorderBox from "./div/widgetBorderBox.vue"; 50 import widgetBorderBox from "./div/widgetBorderBox.vue";
@@ -62,7 +62,6 @@ import widgetSvg from &quot;./div/widgetSvg&quot;; @@ -62,7 +62,6 @@ import widgetSvg from &quot;./div/widgetSvg&quot;;
62 export default { 62 export default {
63 name: "Widget", 63 name: "Widget",
64 components: { 64 components: {
65 - widgetDecorate,  
66 widgetDecoration, 65 widgetDecoration,
67 widgetCapsuleChart, 66 widgetCapsuleChart,
68 // widgetDiv, 67 // widgetDiv,
@@ -106,6 +105,7 @@ export default { @@ -106,6 +105,7 @@ export default {
106 widgetBorderBoxFloat, 105 widgetBorderBoxFloat,
107 widgetDigitalFlopSingle, 106 widgetDigitalFlopSingle,
108 widgetSvg, 107 widgetSvg,
  108 + widgetRotateRanking
109 }, 109 },
110 model: { 110 model: {
111 prop: "value", 111 prop: "value",
src/views/datasource/index.vue
  View file @4ff1579
1 <!-- 1 <!--
2 * @Descripttion: 报表设计--数据源 2 * @Descripttion: 报表设计--数据源
3 - * @version: 3 + * @version:
4 * @Author: qianlishi 4 * @Author: qianlishi
5 * @Date: 2021-12-11 14:48:27 5 * @Date: 2021-12-11 14:48:27
6 * @LastEditors: qianlishi 6 * @LastEditors: qianlishi
@@ -95,7 +95,7 @@ export default { @@ -95,7 +95,7 @@ export default {
95 field: "sourceName" 95 field: "sourceName"
96 }, 96 },
97 { 97 {
98 - inputType: "anji-select", //form表单类型 input|input-number|anji-select(传递url或者dictCode)|anji-tree(左侧树)|date|datetime|datetimerange 98 + inputType: "anji-select",
99 anjiSelectOption: { 99 anjiSelectOption: {
100 dictCode: "SOURCE_TYPE" 100 dictCode: "SOURCE_TYPE"
101 }, 101 },
@@ -174,7 +174,8 @@ export default { @@ -174,7 +174,8 @@ export default {
174 disabled: false 174 disabled: false
175 }, 175 },
176 { 176 {
177 - label: "数据源类型", //数据源类型 DIC_NAME=SOURCE_TYPE; mysql，orace，sqlserver，elasticsearch，接口，javaBean，数据源类型字典中item-extend动态生成表单 177 + label: "数据源类型",
  178 + //数据源类型 DIC_NAME=SOURCE_TYPE; mysql，orace，sqlserver，elasticsearch，接口，javaBean，数据源类型字典中item-extend动态生成表单
178 placeholder: "", 179 placeholder: "",
179 field: "sourceType", 180 field: "sourceType",
180 fieldTableRowRenderer: row => { 181 fieldTableRowRenderer: row => {
@@ -188,7 +189,8 @@ export default { @@ -188,7 +189,8 @@ export default {
188 disabled: false 189 disabled: false
189 }, 190 },
190 { 191 {
191 - label: "数据源连接配置json", //数据源连接配置json：关系库{ jdbcUrl:'', username:'', password:'' } ES{ hostList:'ip1:9300,ip2:9300,ip3:9300', clusterName:'elasticsearch_cluster' } 接口{ apiUrl:'http://ip:port/url', method:'' } javaBean{ beanNamw:'xxx' } 192 + label: "数据源连接配置json",
  193 + //数据源连接配置json：关系库{ jdbcUrl:'', username:'', password:'' } ES{ hostList:'ip1:9300,ip2:9300,ip3:9300', clusterName:'elasticsearch_cluster' } 接口{ apiUrl:'http://ip:port/url', method:'' } javaBean{ beanNamw:'xxx' }
192 placeholder: "", 194 placeholder: "",
193 field: "sourceConfig", 195 field: "sourceConfig",
194 editField: "sourceConfig", 196 editField: "sourceConfig",
@@ -212,7 +214,8 @@ export default { @@ -212,7 +214,8 @@ export default {
212 return this.getDictLabelByCode("ENABLE_FLAG", row["enableFlag"]); 214 return this.getDictLabelByCode("ENABLE_FLAG", row["enableFlag"]);
213 }, 215 },
214 colorStyle: { 216 colorStyle: {
215 - 0: "table-danger", //key为editField渲染的值（字典的提交值）'红色': 'danger','蓝色': 'primary','绿色': 'success','黄色': 'warning','灰色': 'info','白色'：'' 217 + 0: "table-danger",
  218 + //key为editField渲染的值（字典的提交值）'红色': 'danger','蓝色': 'primary','绿色': 'success','黄色': 'warning','灰色': 'info','白色'：''
216 1: "table-success" 219 1: "table-success"
217 }, 220 },
218 editField: "enableFlag", 221 editField: "enableFlag",
@@ -221,7 +224,8 @@ export default { @@ -221,7 +224,8 @@ export default {
221 disabled: false 224 disabled: false
222 }, 225 },
223 { 226 {
224 - label: "删除标记", //0--未删除 1--已删除 DIC_NAME=DELETE_FLAG 227 + label: "删除标记",
  228 + //0--未删除 1--已删除 DIC_NAME=DELETE_FLAG
225 placeholder: "", 229 placeholder: "",
226 field: "deleteFlag", 230 field: "deleteFlag",
227 editField: "deleteFlag", 231 editField: "deleteFlag",
src/views/login.vue
  View file @4ff1579
@@ -336,6 +336,8 @@ export default { @@ -336,6 +336,8 @@ export default {
336 .name { 336 .name {
337 font-size: 20px; 337 font-size: 20px;
338 font-weight: bold; 338 font-weight: bold;
  339 + //color: #206bcc;
  340 + color: #1a1a1a;
339 padding-bottom: 5px; 341 padding-bottom: 5px;
340 margin-left: 10px; 342 margin-left: 10px;
341 border-left: 1px solid #ccc; 343 border-left: 1px solid #ccc;
src/views/resultset/components/EditDataSet.vue
  View file @4ff1579
@@ -157,9 +157,22 @@ @@ -157,9 +157,22 @@
157 </el-table-column> 157 </el-table-column>
158 <el-table-column label="数据类型" align="center"> 158 <el-table-column label="数据类型" align="center">
159 <template slot-scope="scope"> 159 <template slot-scope="scope">
160 - <el-input 160 + <el-select
161 v-model.trim="tableData[scope.$index].paramType" 161 v-model.trim="tableData[scope.$index].paramType"
162 - /> 162 + placeholder="请选择"
  163 + >
  164 + <el-option
  165 + key="String"
  166 + label="文本"
  167 + value="String"
  168 +
  169 + />
  170 + <el-option
  171 + key="Integer"
  172 + label="数字"
  173 + value="Integer"
  174 + />
  175 + </el-select>
163 </template> 176 </template>
164 </el-table-column> 177 </el-table-column>
165 <el-table-column label="示例值" align="center"> 178 <el-table-column label="示例值" align="center">
@@ -533,7 +546,7 @@ export default { @@ -533,7 +546,7 @@ export default {
533 { 546 {
534 paramName: "", 547 paramName: "",
535 paramDesc: "", 548 paramDesc: "",
536 - paramType: "", 549 + paramType: "String",
537 sampleItem: "", 550 sampleItem: "",
538 mandatory: true, 551 mandatory: true,
539 requiredFlag: 1, 552 requiredFlag: 1,
src/views/resultset/index.vue
  View file @4ff1579
@@ -72,7 +72,7 @@ export default { @@ -72,7 +72,7 @@ export default {
72 field: "setName" 72 field: "setName"
73 }, 73 },
74 { 74 {
75 - inputType: "anji-select", //form表单类型 input|input-number|anji-select(传递url或者dictCode)|anji-tree(左侧树)|date|datetime|datetimerange 75 + inputType: "anji-select",
76 anjiSelectOption: { 76 anjiSelectOption: {
77 url: "/dataSource/queryAllDataSource", 77 url: "/dataSource/queryAllDataSource",
78 label: "sourceName", 78 label: "sourceName",
@@ -83,7 +83,7 @@ export default { @@ -83,7 +83,7 @@ export default {
83 field: "sourceCode" 83 field: "sourceCode"
84 }, 84 },
85 { 85 {
86 - inputType: "anji-select", //form表单类型 input|input-number|anji-select(传递url或者dictCode)|anji-tree(左侧树)|date|datetime|datetimerange 86 + inputType: "anji-select",
87 anjiSelectOption: { 87 anjiSelectOption: {
88 dictCode: "SET_TYPE" 88 dictCode: "SET_TYPE"
89 }, 89 },
static/logo-dp.png
View file @4ff1579

12.6 KB | W: | H:

16.4 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
static/logo-dp.png.bak 0 → 100644
View file @4ff1579
No preview for this file type
static/luckysheet/assets/numberfont/LCdd.TTF 0 → 100644
View file @4ff1579
No preview for this file type
static/luckysheet/assets/numberfont/numberfont.css 0 → 100644
  View file @4ff1579
  1 +/*数字、字母字体 */
  2 +@font-face {
  3 + font-family: "LCdd";
  4 + src: url('LCdd.TTF');
  5 +}