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 4  
5 5 module.exports = merge(prodEnv, {
6 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 9 //API_WS: '"ws://127.0.0.1:8080/api/websocket"'
9 10 })
... ...
index.html
  View file @4ff1579
... ... @@ -8,6 +8,7 @@
8 8 <link rel='stylesheet' href='./static/luckysheet/plugins/css/pluginsCss.css' />
9 9 <link rel='stylesheet' href='./static/luckysheet/plugins/plugins.css' />
10 10 <link rel='stylesheet' href='./static/luckysheet/css/luckysheet.css' />
  11 + <link rel='stylesheet' href='./static/luckysheet/assets/numberfont/numberfont.css' />
11 12 <script src="./static/luckysheet/plugins/js/plugin.js"></script>
12 13 <script src="./static/luckysheet/luckysheet.umd.js"></script>
13 14  
... ...
package.json
  View file @4ff1579
... ... @@ -34,6 +34,7 @@
34 34 "uninstall": "0.0.0",
35 35 "v-chart": "^1.0.0",
36 36 "vue": "2.6.11",
  37 + "vue-animate-number": "^0.4.2",
37 38 "vue-codemirror": "^4.0.6",
38 39 "vue-color": "^2.8.1",
39 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 40 watch: {
41 41 value(newValue, oldValue) {
42 42 if ( typeof newValue == "string") {
43   - // 传string进来 表示编辑进来 重新赋值给
  43 + // 传string进来 表示编辑进来 重新赋值给
44 44 setTimeout(()=>{ //保证动态select 渲染完成再赋值
45 45 this.ConfigData = JSON.parse(newValue || "{}")
46 46 },10)
... ... @@ -57,7 +57,7 @@ export default {
57 57 computed: {},
58 58 methods: {
59 59 eachChange(val){
60   - console.log(val, '回传的值');
  60 + // console.log(val, '回传的值');
61 61 this.$emit('myChanged', val)
62 62 },
63 63 // 无论哪个输入框改变 都需要触发事件 将值回传
... ... @@ -70,8 +70,8 @@ export default {
70 70 }else{
71 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 86 }
87 87 }
88 88 }
89   -</script>
90 89 \ No newline at end of file
  90 +</script>
... ...
src/mixins/queryform.js
  View file @4ff1579
... ... @@ -113,12 +113,12 @@ export default {
113 113 // widget-mapline 中国地图-路线图
114 114 // widget-radar 雷达图
115 115 const chartType = params.chartType
116   - if (
117   - chartType == "widget-barchart" ||
118   - chartType == "widget-linechart" ||
  116 + if (chartType == "widget-linechart" ||
119 117 chartType == "widget-barlinechart"
120 118 ) {
121 119 return this.barOrLineChartFn(params.chartProperties, data);
  120 + }else if ( chartType == "widget-barchart") {
  121 + return this.barOrLineChartFn(params.chartProperties, data);
122 122 } else if (
123 123 chartType == "widget-piechart" ||
124 124 chartType == "widget-funnel"
... ... @@ -138,11 +138,32 @@ export default {
138 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 160 barOrLineChartFn(chartProperties, data) {
143 161 const ananysicData = {};
144 162 const xAxisList = [];
145 163 const series = [];
  164 + // legend: {
  165 + // data: ['Forest']
  166 + // },
146 167 for (const key in chartProperties) {
147 168 const obj = {};
148 169 const seriesData = [];
... ... @@ -158,6 +179,8 @@ export default {
158 179 seriesData[i] = data[i][key];
159 180 }
160 181 }
  182 + // console.log("seriesData",seriesData);
  183 + // console.log("xAxisList",xAxisList);
161 184 obj["data"] = seriesData;
162 185 if (!obj["type"].startsWith("xAxis")) {
163 186 series.push(obj);
... ... @@ -165,37 +188,67 @@ export default {
165 188 }
166 189 ananysicData["xAxis"] = xAxisList;
167 190 ananysicData["series"] = series;
  191 + // console.log("11111",ananysicData);
168 192 return ananysicData;
169 193 },
170 194 //堆叠图
171   - stackChartFn(chartProperties, data) {
  195 + stackChartFn(chartProperties, val) {
172 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 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 252 ananysicData["xAxis"] = xAxisList;
200 253 ananysicData["series"] = series;
201 254 return ananysicData;
... ... @@ -309,6 +362,23 @@ export default {
309 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 383 watch: {
314 384 'selectInput.keyname'(newVal, oldVal) {
... ...
src/utils/request.js
  View file @4ff1579
... ... @@ -5,7 +5,7 @@ import { getToken } from &#39;@/utils/auth&#39;
5 5 // 创建axios实例
6 6 const service = axios.create({
7 7 baseURL: process.env.BASE_API, // api 的 base_url
8   - timeout: 20000 // 请求超时时间
  8 + timeout: 60000 // 请求超时时间
9 9 })
10 10  
11 11 // request拦截器
... ...
src/views/bigscreenDesigner/designer/components/dynamicForm.vue
  View file @4ff1579
... ... @@ -189,7 +189,7 @@
189 189 :chart-type="item.chartType"
190 190 @change="changed($event, item.name)"/>
191 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 193 <el-collapse accordion>
194 194 <el-collapse-item
195 195 v-for="(itemChild, indexChild) in item"
... ... @@ -355,6 +355,7 @@ export default {
355 355 return {
356 356 formData: {},
357 357 inputShow: {}, // 控制表单是否显示
  358 + bDomBorderBox: true, // 控制自定义样式是否显示
358 359 dialogVisibleStaticData: false,
359 360 // validationRules: "",
360 361 optionsJavascript: {
... ... @@ -393,6 +394,28 @@ export default {
393 394 onJsonSave(val) {
394 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 420 changed(val, key) {
398 421 if (val.extend) {
... ... @@ -400,7 +423,6 @@ export default {
400 423 } else {
401 424 this.$set(this.formData, key, val);
402 425 }
403   -
404 426 this.$emit("onChanged", this.formData);
405 427 // key为当前用户操作的表单组件
406 428 for (let i = 0; i < this.options.length; i++) {
... ... @@ -410,6 +432,7 @@ export default {
410 432 this.inputShow = Object.assign({}, this.inputShow);
411 433 }
412 434 }
  435 + this.onHiddenDomBorderBox(val,key);
413 436 },
414 437 saveData() {
415 438 this.$emit("onChanged", this.formData);
... ... @@ -426,6 +449,8 @@ export default {
426 449 isShowData() {
427 450 let currentData = {};
428 451 const data = [];
  452 + let divType = false;
  453 + let val = "";
429 454 for (let i = 0; i < this.options.length; i++) {
430 455 // 添加默认的inputShow值
431 456 this.inputShow[this.options[i].name] = true;
... ... @@ -434,12 +459,23 @@ export default {
434 459 } else {
435 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 471 data.forEach(el => {
439 472 if (el.relactiveDomValue != currentData.value) {
440 473 this.inputShow[el.name] = false;
441 474 }
442 475 });
  476 + if(divType){
  477 + this.onHiddenDomBorderBox(val,"divType");
  478 + }
443 479 },
444 480 // 组件拖入时 赋值
445 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 230 @contextmenu.prevent.native="rightClick($event, index)"
231 231 @mousedown.prevent.native="widgetsClick(index)"
232 232 @mouseup.prevent.native="widgetsMouseup"
  233 + @keyup.delete.native="entryDelete(index)"
233 234 />
234 235 </div>
235 236 </vue-ruler-tool>
... ... @@ -856,6 +857,7 @@ export default {
856 857 }
857 858 }
858 859 }
  860 + // console.log("widgetJson",widgetJson);
859 861 return widgetJson;
860 862 },
861 863 layerClick(index) {
... ... @@ -1038,6 +1040,7 @@ export default {
1038 1040 },
1039 1041 // 复制
1040 1042 copylayer() {
  1043 + // console.log("copylayer");
1041 1044 const obj = this.deepClone(this.widgets[this.rightClickIndex]);
1042 1045 this.widgets.splice(this.widgets.length, 0, obj);
1043 1046 },
... ... @@ -1078,6 +1081,14 @@ export default {
1078 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 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 38 {code: 'dv-border-Box-11', name: '边框11'},
39 39 {code: 'dv-border-Box-12', name: '边框12'},
40 40 {code: 'dv-border-Box-13', name: '边框13'},
  41 + {code: 'dv-border-Box-14', name: '自定义边框'},
41 42 ],
42 43 value: 'dv-border-Box-1'
43 44 },
... ... @@ -87,7 +88,7 @@ export const widgetBorderBox = {
87 88 name: 'title',
88 89 require: false,
89 90 placeholder: '',
90   - value: '',
  91 + value: '标题显示值',
91 92 },
92 93 {
93 94 type: 'el-input-number',
... ... @@ -96,7 +97,70 @@ export const widgetBorderBox = {
96 97 require: false,
97 98 placeholder: '',
98 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 166 data: [],
... ...
src/views/bigscreenDesigner/designer/tools/configure/percentCharts/widget-progress.js
  View file @4ff1579
... ... @@ -67,10 +67,9 @@ export const widgetProgress = {
67 67 placeholder: "",
68 68 value: ""
69 69 },
70   -
71 70 {
72 71 type: "el-select-static",
73   - label: "静态数据选择",
  72 + label: "数值",
74 73 name: "slectedDataType",
75 74 require: false,
76 75 placeholder: "",
... ... @@ -78,6 +77,15 @@ export const widgetProgress = {
78 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 89 type: "vue-color",
82 90 label: "底色",
83 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 180 },
181 181 {
182 182 type: 'el-switch',
  183 + label: '标题',
  184 + name: 'isShowTitle',
  185 + require: false,
  186 + placeholder: '',
  187 + value: true,
  188 + },
  189 + {
  190 + type: 'el-switch',
183 191 label: '数值',
184 192 name: 'numberValue',
185 193 require: false,
... ... @@ -259,6 +267,30 @@ export const widgetPieNightingale = {
259 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 294 type: 'vue-color',
263 295 label: '字体颜色',
264 296 name: 'legendColor',
... ...
src/views/bigscreenDesigner/designer/tools/configure/pieCharts/widget-piechart.js
  View file @4ff1579
... ... @@ -185,6 +185,14 @@ export const widgetPiechart = {
185 185 },
186 186 {
187 187 type: 'el-switch',
  188 + label: '标题',
  189 + name: 'isShowTitle',
  190 + require: false,
  191 + placeholder: '',
  192 + value: true,
  193 + },
  194 + {
  195 + type: 'el-switch',
188 196 label: '数值',
189 197 name: 'numberValue',
190 198 require: false,
... ... @@ -264,6 +272,22 @@ export const widgetPiechart = {
264 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 291 type: 'vue-color',
268 292 label: '字体颜色',
269 293 name: 'legendColor',
... ... @@ -272,7 +296,7 @@ export const widgetPiechart = {
272 296 value: '#fff',
273 297 },
274 298 {
275   - type: 'el-input-text',
  299 + type: 'el-input-number',
276 300 label: '字体字号',
277 301 name: 'legendFontSize',
278 302 required: false,
... ... @@ -308,6 +332,7 @@ export const widgetPiechart = {
308 332 placeholder: '',
309 333 selectOptions: [
310 334 { code: 'top', name: '顶部' },
  335 + { code: 'center', name: '居中' },
311 336 { code: 'bottom', name: '底部' },
312 337 ],
313 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 240 relactiveDom: 'dataType',
241 241 relactiveDomValue: 'staticData',
242 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 244 {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0002'},
245 245 {date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄0003'},
246 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 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 63 type: 'el-input-number',
77 64 label: '动效帧数',
78 65 name: 'animationFrame',
... ... @@ -102,6 +89,43 @@ export const widgetDigitalFlop= {
102 89 },
103 90 {
104 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 129 label: '字体粗细',
106 130 name: 'fontWeight',
107 131 required: false,
... ...
src/views/bigscreenDesigner/designer/tools/configure/texts/widget-time.js
  View file @4ff1579
... ... @@ -25,6 +25,17 @@ export const widgetTime = {
25 25 },
26 26 {
27 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 39 label: '时间格式',
29 40 name: 'timeFormat',
30 41 required: false,
... ...
src/views/bigscreenDesigner/designer/tools/configure/video/widget-video.js
  View file @4ff1579
1 1 export const widgetVideo = {
2 2 code: 'widget-video',
3   - type: 'video',
  3 + type: 'html',
4 4 tabName: '播放器',
5 5 label: '视频',
6 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 28 import { widgetBarCompare } from "./configure/barCharts/widget-bar-compare"
29 29 import { widgetLineCompare } from "./configure/lineCharts/widget-line-compare"
30 30 import { widgetDecoratePie } from "./configure/decorateCharts/widget-decorate-pie";
31   -import {widgetDecorate} from "./configure/decorateCharts/widget-decorate";
32 31 import { widgetMoreBarLine } from "./configure/barlineCharts/widget-more-bar-line";
33 32 import { widgetWordCloud } from "./configure/wordcloudCharts/widget-word-cloud";
34 33 import { widgetHeatmap } from "./configure/heatmap/widget-heatmap";
... ... @@ -43,6 +42,7 @@ import {widgetConicalColumnChart} from &quot;./configure/funnelCharts/widget-conical-
43 42 import {widgetBorderBoxFloat} from "./configure/div/widget-border-box-float";
44 43 import {widgetDigitalFlopSingle} from "./configure/texts/widget-digital-flop-single";
45 44 import {widgetSvg} from "./configure/div/widget-svg";
  45 +import {widgetRotateRanking} from "./configure/table/widget-rotate-ranking";
46 46  
47 47  
48 48 export const widgetTool = [
... ... @@ -81,7 +81,6 @@ export const widgetTool = [
81 81 widgetLineCompare,
82 82 //装饰
83 83 widgetDecoratePie,
84   - widgetDecorate,
85 84 widgetMoreBarLine,
86 85 widgetWordCloud,
87 86 widgetHeatmap,
... ... @@ -94,4 +93,5 @@ export const widgetTool = [
94 93 widgetBorderBoxFloat,
95 94 widgetDigitalFlopSingle,
96 95 widgetSvg,
  96 + widgetRotateRanking
97 97 ]
... ...
src/views/bigscreenDesigner/designer/widget/bar/widgetBarStackChart.vue
  View file @4ff1579
... ... @@ -237,22 +237,6 @@ export default {
237 237 };
238 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 241 setOptionsLegendName(name){
258 242 const optionsSetup = this.optionsSetup;
... ... @@ -304,6 +288,7 @@ export default {
304 288 },
305 289 //静态数据
306 290 staticDataFn(val) {
  291 + console.log("staticDataFn",val);
307 292 const optionsSetup = this.optionsSetup;
308 293 //颜色
309 294 const customColor = optionsSetup.customColor;
... ... @@ -373,6 +358,21 @@ export default {
373 358 this.options.legend['data'] = legendName;
374 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 377 dynamicDataFn(val, refreshTime, optionsSetup) {
378 378 if (!val) return;
... ... @@ -411,7 +411,8 @@ export default {
411 411 this.options.yAxis.type = "value";
412 412 }
413 413 const series = [];
414   - const legendName = [];
  414 + let legendName = [];
  415 + legendName = this.setUnique(legendName);
415 416 for (const i in val.series) {
416 417 if (val.series[i].type == "bar") {
417 418 series.push({
... ...
src/views/bigscreenDesigner/designer/widget/barline/widgetBarLineStackChart.vue
  View file @4ff1579
  1 +<!--@Descripttion: 柱线堆叠图-->
1 2 <template>
2 3 <div :style="styleObj">
3 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 31 <dv-border-Box-12 :style="styleColor" :color="transStyle.color" :backgroundColor="transStyle.backgroundColor"
32 32 v-else-if="styleColor.divClass === 'dv-border-Box-12'"></dv-border-Box-12>
33 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 44 </template>
36 45 <script>
37 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 56 import borderBox11 from "@jiaminghi/data-view/lib/components/borderBox11";
48 57 import borderBox12 from "@jiaminghi/data-view/lib/components/borderBox12";
49 58 import borderBox13 from "@jiaminghi/data-view/lib/components/borderBox13";
  59 +import Vue from "vue";
50 60 Vue.use(borderBox1)
51 61 Vue.use(borderBox2)
52 62 Vue.use(borderBox3)
... ... @@ -92,21 +102,50 @@ export default {
92 102 return transStyleObj;
93 103 },
94 104 styleColor() {
95   - return {
  105 + let ret = {
96 106 position: this.ispreview ? "absolute" : "static",
97   - // color: this.transStyle.colorOne,
98   - // text: this.transStyle.text,
99 107 divClass:
100 108 this.transStyle.divType == undefined
101 109 ? "dv-border-Box-1"
102 110 : this.transStyle.divType,
103   - // background: this.transStyle.backgroundColor,
104 111 width: this.transStyle.width + "px",
105 112 height: this.transStyle.height + "px",
106 113 left: this.transStyle.left + "px",
107 114 top: this.transStyle.top + "px",
108 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 151 watch: {
... ... @@ -121,21 +160,46 @@ export default {
121 160 mounted() {
122 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 183 </script>
127 184  
128 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 205 </style>
... ...
src/views/bigscreenDesigner/designer/widget/div/widgetSvg.vue
  View file @4ff1579
... ... @@ -49,21 +49,8 @@ export default {
49 49 if(dataSvg[i].key==key){
50 50 /** 控制svg图片拖动，原理在于设置svg的viewbox属性，viewbox的第一个参数控制左右位置，第二个参数设置上下位置 */
51 51 /** 控制svg图片放大缩小，原理在于设置svg的viewbox属性，viewbox的第三个参数控制左右大小，第四个参数设置上下大小 */
52   - //设置svg 自适应 添加属性 viewBox="0,0,640,480"
  52 + //设置svg 自适应 添加属性 viewBox="0,0,640,480"
53 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 54 return svg;
68 55 }
69 56 }
... ... @@ -107,24 +94,8 @@ export default {
107 94 </script>
108 95  
109 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 97 .div_Style {
119 98 width: 100%;
120 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 101 </style>
... ...
src/views/bigscreenDesigner/designer/widget/percent/widgetProgress.vue
  View file @4ff1579
... ... @@ -59,11 +59,17 @@ export default {
59 59 showText: this.transStyle.showText,
60 60 textInside: this.transStyle.textInside,
61 61 color: this.transStyle.color,
62   - percentage: 50
  62 + percentage: 0
63 63 };
64 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 74 return result;
69 75 }
... ...
src/views/bigscreenDesigner/designer/widget/pie/widgetPieNightingaleRose.vue
  View file @4ff1579
... ... @@ -28,8 +28,8 @@ export default {
28 28 {
29 29 //name: "面积模式",
30 30 type: "pie",
31   - radius: ["10%", "50%"],
32   - center: ["50%", "50%"],
  31 + radius: ["30%", "100%"],
  32 + center: ["45%", "50%"],
33 33 roseType: "area",
34 34 itemStyle: {
35 35 borderRadius: 8
... ... @@ -41,7 +41,8 @@ export default {
41 41 optionsStyle: {}, // 样式
42 42 optionsData: {}, // 数据
43 43 optionsCollapse: {}, // 图标属性
44   - optionsSetup: {}
  44 + optionsSetup: {
  45 + }
45 46 };
46 47 },
47 48 computed: {
... ... @@ -88,7 +89,10 @@ export default {
88 89 },
89 90 // 饼图模式 面积模式"area" 半径模式"radius"
90 91 setOptionsRosetype() {
  92 + const piechartSize = this.optionsSetup.piechartSize;
  93 + const randWidth = this.optionsSetup.randWidth;
91 94 this.options.series[0]["roseType"] = this.optionsSetup.nightingleRosetype;
  95 + this.options.series[0]["radius"] = [randWidth+"%", piechartSize+"%"];
92 96 },
93 97 // 标题修改
94 98 setOptionsTitle() {
... ... @@ -118,9 +122,11 @@ export default {
118 122 const series = this.options.series;
119 123 const numberValue = optionsSetup.numberValue ? "{c}" : "";
120 124 const percentage = optionsSetup.percentage ? "({d})%" : "";
  125 + const formatterVaue
  126 + = optionsSetup.isShowTitle ?`{a|{b}：${numberValue} ${percentage}}`:`${numberValue} ${percentage}`;
121 127 const label = {
122 128 show: optionsSetup.isShow,
123   - formatter: `{a|{b}：${numberValue} ${percentage}}`,
  129 + formatter: formatterVaue ,
124 130 rich: {
125 131 a: {
126 132 padding: [-30, 15, -20, 15],
... ...
src/views/bigscreenDesigner/designer/widget/pie/widgetPiechart.vue
  View file @4ff1579
... ... @@ -94,11 +94,14 @@ export default {
94 94 },
95 95 // 饼图样式
96 96 setOptionsPiechartStyle() {
  97 + const piechartSize = this.optionsSetup.piechartSize;
  98 + const randWidth = this.optionsSetup.randWidth;
97 99 if (this.optionsSetup.piechartStyle == "shixin") {
98   - this.options.series[0]["radius"] = "50%";
  100 + this.options.series[0]["radius"] = piechartSize+"%";
99 101 } else if (this.optionsSetup.piechartStyle == "kongxin") {
100   - this.options.series[0]["radius"] = ["40%", "70%"];
  102 + this.options.series[0]["radius"] = [randWidth+"%", piechartSize+"%"];
101 103 } else {
  104 +
102 105 }
103 106 },
104 107 // 标题设置
... ... @@ -129,9 +132,11 @@ export default {
129 132 const series = this.options.series;
130 133 const numberValue = optionsSetup.numberValue ? "{c}" : "";
131 134 const percentage = optionsSetup.percentage ? "({d})%" : "";
  135 + const formatterVaue
  136 + = optionsSetup.isShowTitle ?`{a|{b}：${numberValue} ${percentage}}`:`${numberValue} ${percentage}`;
132 137 const label = {
133 138 show: optionsSetup.isShow,
134   - formatter: `{a|{b}：${numberValue} ${percentage}}`,
  139 + formatter: formatterVaue,
135 140 rich: {
136 141 a: {
137 142 padding: [-30, 15, -20, 15],
... ... @@ -169,11 +174,18 @@ export default {
169 174 const optionsSetup = this.optionsSetup;
170 175 const legend = this.options.legend;
171 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 189 legend.orient = optionsSetup.layoutFront;
178 190 legend.textStyle = {
179 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 7 v-for="(item, index) in header"
8 8 :style="[headerTableStlye, tableFiledWidth(index), tableRowHeight()]"
9 9 :key="index"
  10 + class="content"
10 11 >
11 12 {{ item.name }}
12 13 </div>
... ... @@ -20,6 +21,7 @@
20 21 :style="tableRowHeight()"
21 22 >
22 23 <div
  24 + class="content"
23 25 v-for="(itemChild, idx) in header"
24 26 :key="idx"
25 27 :style="[
... ... @@ -28,8 +30,8 @@
28 30 tableFiledWidth(idx),
29 31 tableRowHeight()
30 32 ]"
  33 + v-html="item[itemChild.key]"
31 34 >
32   - {{ item[itemChild.key] }}
33 35 </div>
34 36 </li>
35 37 </ul>
... ... @@ -246,6 +248,12 @@ export default {
246 248 .txtScroll-top .infoList li > div {
247 249 width: 100%;
248 250 }
  251 +.content
  252 +{
  253 + white-space: nowrap;
  254 + overflow: hidden;
  255 + text-overflow: ellipsis;
  256 +}
249 257  
250 258 /*.txtScroll-top .infoList li:nth-child(n) {
251 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 22 import WidgetGauge from "./percent/widgetGauge.vue";
23 23 import WidgetPieNightingaleRoseArea from "./pie/widgetPieNightingaleRose";
24 24 import widgetTable from "./table/widgetTable.vue";
  25 +import widgetRotateRanking from "./table/WidgetRotateRanking.vue";
25 26 import widgetLineMap from "./map/widgetLineMap.vue";
26 27 import widgetPiePercentageChart from "./percent/widgetPiePercentageChart";
27 28 import widgetAirBubbleMap from "./map/widgetAirBubbleMap";
... ... @@ -35,7 +36,6 @@ import widgetWordCloud from &quot;./wordcloud/widgetWordCloud&quot;;
35 36 import widgetHeatmap from "./heatmap/widgetHeatmap";
36 37 import widgetRadar from "./radar/widgetRadar";
37 38 import widgetBarLineStackChart from "./barline/widgetBarLineStackChart";
38   -import widgetDecorate from "./decorate/decorate.vue";
39 39 import widgetBorderBoxFloat from "./div/widgetBorderBoxFloat";
40 40 import widgetBorderBox from "./div/widgetBorderBox";
41 41 import widgetProgress from "./percent/widgetProgress";
... ... @@ -52,8 +52,6 @@ import widgetSvg from &quot;./div/widgetSvg&quot;;
52 52 export default {
53 53 name: "WidgetTemp",
54 54 components: {
55   - // widgetDiv,
56   - widgetDecorate,
57 55 widgetHref,
58 56 widgetText,
59 57 WidgetMarquee,
... ... @@ -96,6 +94,7 @@ export default {
96 94 widgetBorderBoxFloat,
97 95 widgetDigitalFlopSingle,
98 96 widgetSvg,
  97 + widgetRotateRanking,
99 98 },
100 99 model: {
101 100 prop: "value",
... ...
src/views/bigscreenDesigner/designer/widget/text/widgetDigitalFlop.vue
  View file @4ff1579
... ... @@ -25,11 +25,16 @@ export default {
25 25 number:[],//数字数值
26 26 content:'数字{nt}',//number中的元素将被用于替换content内容模版中的{nt}标记，其替换顺序与模版标记的顺序一一对应：实际显示效果：'数字1,数字2,数字3,数字4'
27 27 toFixed: 0,//小数位数
28   - textAlign: 'center',//水平对齐方式 textAlign用于设置文字的水平对齐方式，可选值为'center'|'left'|'right'，该值将覆盖style属性中的textAlign属性。
29 28 rowGap: 0,//行间距 当使用\n进行换行的时候，rowGap可以控制行间距
  29 + textAlign: 'center',//水平对齐方式 textAlign用于设置文字的水平对齐方式，可选值为'center'|'left'|'right'，该值将覆盖style属性中的textAlign属性。
30 30 style: {
31 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 38 },//可使用fill属性设置字体颜色、stroke属性设置字体描边颜色、fontSize属性设置文字大小
34 39 //formatter:this.formatterNum,//格式化数字 类型： Function,
35 40 animationCurve: 'easeOutCubic', //动效曲线
... ... @@ -84,6 +89,14 @@ export default {
84 89 this.optionsSetup = this.value.setup;
85 90 this.editorOptions();
86 91 },
  92 + mounted:function()
  93 + {
  94 + this.$nextTick(function(){
  95 + //样式渲染
  96 + this.setFontStyle();
  97 + })
  98 + },
  99 +
87 100 methods: {
88 101 // 修改图标options属性
89 102 editorOptions() {
... ... @@ -93,7 +106,7 @@ export default {
93 106 //数据修改
94 107 this.setOptionsData();
95 108  
96   - //字体样式
  109 + //字体样式修改
97 110 this.setFontStyle();
98 111 },
99 112  
... ... @@ -113,22 +126,27 @@ export default {
113 126 //字体修改
114 127 setFontStyle() {
115 128 const optionsSetup = this.optionsSetup;
116   - const fontStyle = {};
  129 + const fontStyle = this.options.style;
117 130 fontStyle.fill=optionsSetup.fill;
118 131 fontStyle.fontSize=optionsSetup.fontSize;
119 132 fontStyle.fontWeight=optionsSetup.fontWeight;
  133 + fontStyle.fontStyle=optionsSetup.fontStyle;
  134 + fontStyle.fontFamily=this.optionsSetup.fontFamily;
  135 + this.options.textAlign =optionsSetup.textAlign;
120 136 this.options.style = fontStyle;
  137 + this.options={...this.options};
121 138 },
122 139 //千为分隔符
123 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 144 const segs = [];
126 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 149 setOptionsData() {
131   -
132 150 const optionsSetup = this.optionsSetup;
133 151 if(optionsSetup.isFormatterNum){
134 152 this.options.formatter=this.formatterNum;
... ... @@ -138,12 +156,9 @@ export default {
138 156 this.options.isFormatterNum=optionsSetup.isFormatterNum;//千分位显示
139 157 this.options.content=optionsSetup.content;
140 158 this.options.toFixed=optionsSetup.toFixed;
141   - this.options.textAlign=optionsSetup.textAlign;
  159 + this.options.textAlign= this.options.style.textAlign;
142 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 30 background: this.transStyle.background,
31 31 "font-weight": this.transStyle.fontWeight,
32 32 "text-align": this.transStyle.textAlign,
  33 + 'font-family': this.transStyle.fontFamily,
33 34 display:
34 35 this.transStyle.hideLayer == undefined
35 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 31 import WidgetGauge from "./percent/widgetGauge.vue";
32 32 import WidgetPieNightingaleRoseArea from "./pie/widgetPieNightingaleRose";
33 33 import widgetTable from "./table/widgetTable.vue";
  34 +import widgetRotateRanking from "./table/WidgetRotateRanking.vue";
34 35 import widgetLineMap from "./map/widgetLineMap.vue";
35 36 import widgetPiePercentageChart from "./percent/widgetPiePercentageChart";
36 37 import widgetAirBubbleMap from "./map/widgetAirBubbleMap";
... ... @@ -44,7 +45,6 @@ import widgetWordCloud from &quot;./wordcloud/widgetWordCloud&quot;;
44 45 import widgetHeatmap from "./heatmap/widgetHeatmap";
45 46 import widgetRadar from "./radar/widgetRadar";
46 47 import widgetBarLineStackChart from "./barline/widgetBarLineStackChart";
47   -import widgetDecorate from "./decorate/decorate.vue";
48 48 import widgetImage from "./div/widgetImage.vue";
49 49 import widgetSlider from "./div/widgetSlider.vue";
50 50 import widgetBorderBox from "./div/widgetBorderBox.vue";
... ... @@ -62,7 +62,6 @@ import widgetSvg from &quot;./div/widgetSvg&quot;;
62 62 export default {
63 63 name: "Widget",
64 64 components: {
65   - widgetDecorate,
66 65 widgetDecoration,
67 66 widgetCapsuleChart,
68 67 // widgetDiv,
... ... @@ -106,6 +105,7 @@ export default {
106 105 widgetBorderBoxFloat,
107 106 widgetDigitalFlopSingle,
108 107 widgetSvg,
  108 + widgetRotateRanking
109 109 },
110 110 model: {
111 111 prop: "value",
... ...
src/views/datasource/index.vue
  View file @4ff1579
1 1 <!--
2 2 * @Descripttion: 报表设计--数据源
3   - * @version:
  3 + * @version:
4 4 * @Author: qianlishi
5 5 * @Date: 2021-12-11 14:48:27
6 6 * @LastEditors: qianlishi
... ... @@ -95,7 +95,7 @@ export default {
95 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 99 anjiSelectOption: {
100 100 dictCode: "SOURCE_TYPE"
101 101 },
... ... @@ -174,7 +174,8 @@ export default {
174 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 179 placeholder: "",
179 180 field: "sourceType",
180 181 fieldTableRowRenderer: row => {
... ... @@ -188,7 +189,8 @@ export default {
188 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 194 placeholder: "",
193 195 field: "sourceConfig",
194 196 editField: "sourceConfig",
... ... @@ -212,7 +214,8 @@ export default {
212 214 return this.getDictLabelByCode("ENABLE_FLAG", row["enableFlag"]);
213 215 },
214 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 219 1: "table-success"
217 220 },
218 221 editField: "enableFlag",
... ... @@ -221,7 +224,8 @@ export default {
221 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 229 placeholder: "",
226 230 field: "deleteFlag",
227 231 editField: "deleteFlag",
... ...
src/views/login.vue
  View file @4ff1579
... ... @@ -336,6 +336,8 @@ export default {
336 336 .name {
337 337 font-size: 20px;
338 338 font-weight: bold;
  339 + //color: #206bcc;
  340 + color: #1a1a1a;
339 341 padding-bottom: 5px;
340 342 margin-left: 10px;
341 343 border-left: 1px solid #ccc;
... ...
src/views/resultset/components/EditDataSet.vue
  View file @4ff1579
... ... @@ -157,9 +157,22 @@
157 157 </el-table-column>
158 158 <el-table-column label="数据类型" align="center">
159 159 <template slot-scope="scope">
160   - <el-input
  160 + <el-select
161 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 176 </template>
164 177 </el-table-column>
165 178 <el-table-column label="示例值" align="center">
... ... @@ -533,7 +546,7 @@ export default {
533 546 {
534 547 paramName: "",
535 548 paramDesc: "",
536   - paramType: "",
  549 + paramType: "String",
537 550 sampleItem: "",
538 551 mandatory: true,
539 552 requiredFlag: 1,
... ...
src/views/resultset/index.vue
  View file @4ff1579
... ... @@ -72,7 +72,7 @@ export default {
72 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 76 anjiSelectOption: {
77 77 url: "/dataSource/queryAllDataSource",
78 78 label: "sourceName",
... ... @@ -83,7 +83,7 @@ export default {
83 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 87 anjiSelectOption: {
88 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 +}
... ...