mirror of
https://github.com/dataease/dataease.git
synced 2025-02-25 03:52:59 +08:00
feat: 仪表板可以对组件设置边框
This commit is contained in:
wangjiahao
parent
7c67717b3c
commit
0760bd7db1
@ -0,0 +1,36 @@
|
||||
package io.dataease.controller.background;
|
||||
|
||||
import com.github.xiaoymin.knife4j.annotations.ApiSupport;
|
||||
import io.dataease.base.domain.SysBackgroundImage;
|
||||
import io.dataease.controller.handler.annotation.I18n;
|
||||
import io.dataease.service.background.BackgroundService;
|
||||
import io.swagger.annotations.Api;
|
||||
import org.springframework.web.bind.annotation.GetMapping;
|
||||
import org.springframework.web.bind.annotation.RequestMapping;
|
||||
import org.springframework.web.bind.annotation.RestController;
|
||||
|
||||
import javax.annotation.Resource;
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
|
||||
/**
|
||||
* Author: wangjiahao
|
||||
* Date: 2022/2/22
|
||||
* Description:
|
||||
*/
|
||||
@Api(tags = "背景：背景边框")
|
||||
@ApiSupport(order = 170)
|
||||
@RestController
|
||||
@RequestMapping("background")
|
||||
public class BackgroundController {
|
||||
@Resource
|
||||
private BackgroundService backgroundService;
|
||||
|
||||
@GetMapping("/findAll")
|
||||
@I18n
|
||||
public Map<String, List<SysBackgroundImage>> findAll(){
|
||||
return backgroundService.findAll();
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@ -0,0 +1,28 @@
|
||||
package io.dataease.service.background;
|
||||
|
||||
import io.dataease.base.domain.SysBackgroundImage;
|
||||
import io.dataease.base.mapper.SysBackgroundImageMapper;
|
||||
import org.springframework.stereotype.Service;
|
||||
|
||||
import javax.annotation.Resource;
|
||||
import java.util.List;
|
||||
import java.util.Map;
|
||||
import java.util.stream.Collectors;
|
||||
|
||||
/**
|
||||
* Author: wangjiahao
|
||||
* Date: 2022/2/22
|
||||
* Description:
|
||||
*/
|
||||
@Service
|
||||
public class BackgroundService {
|
||||
|
||||
@Resource
|
||||
private SysBackgroundImageMapper sysBackgroundImageMapper;
|
||||
|
||||
public Map<String,List<SysBackgroundImage>> findAll(){
|
||||
List<SysBackgroundImage> result = sysBackgroundImageMapper.selectByExampleWithBLOBs(null);
|
||||
return result.stream().collect(Collectors.groupingBy(SysBackgroundImage::getClassification));
|
||||
}
|
||||
|
||||
}
|
||||
@ -60,6 +60,6 @@
|
||||
</javaClientGenerator>
|
||||
|
||||
<!--要生成的数据库表 -->
|
||||
<table tableName="chart_view"/>
|
||||
<table tableName="sys_background_image"/>
|
||||
</context>
|
||||
</generatorConfiguration>
|
||||
|
||||
@ -120,3 +120,4 @@ connection_failed=Connection Failed
|
||||
theme_name_repeat=name of theme has been existed
|
||||
theme_name_empty=name can not be empty
|
||||
i18n_public_chart=【Public Chart】
|
||||
i18n_class_blue=Blue Tone
|
||||
|
||||
@ -119,3 +119,5 @@ connection_failed=连接失败
|
||||
theme_name_repeat=名称已存在
|
||||
theme_name_empty=名称不能为空
|
||||
i18n_public_chart=【存量视图】
|
||||
i18n_class_blue=蓝色调
|
||||
|
||||
|
||||
@ -120,3 +120,4 @@ connection_failed=連接失敗
|
||||
theme_name_repeat=名稱已存在
|
||||
theme_name_empty=名稱不能為空
|
||||
i18n_public_chart=【存量视图】
|
||||
i18n_class_blue=蓝色调
|
||||
|
||||
151
frontend/public/board/blue_1.svg
Normal file
151
frontend/public/board/blue_1.svg
Normal file
@ -0,0 +1,151 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" preserveAspectRatio="none meet"
|
||||
viewBox="0 0 454.2 286.6" style="enable-background:new 0 0 454.2 286.6;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#0B101E;}
|
||||
.st1{opacity:0.1;fill:#006CE2;}
|
||||
.st2{fill:none;stroke:#31ECFF;stroke-width:0.6677;stroke-miterlimit:10;}
|
||||
.st3{fill:#31ECFF;}
|
||||
.st4{opacity:0.75;fill:#31ECFF;}
|
||||
.st5{opacity:0.5;fill:#31ECFF;}
|
||||
.st6{opacity:0.25;fill:#31ECFF;}
|
||||
.st7{opacity:0.25;fill:#006CE2;}
|
||||
</style>
|
||||
<rect x="2743.8" y="-1694.6" class="st0" width="1920" height="1080"/>
|
||||
<g>
|
||||
<polygon class="st1" points="63,-472.9 -388.8,-472.9 -388.8,-756.4 -353.3,-756.4 -312.8,-712.4 63,-712.4 "/>
|
||||
<polygon class="st1" points="-345.9,-756.4 -309,-717 63,-717 63,-756.4 "/>
|
||||
<polygon class="st2" points="63,-472.9 -388.8,-472.9 -388.8,-756.4 -353.3,-756.4 -312.8,-712.4 63,-712.4 "/>
|
||||
<polygon class="st2" points="-345.9,-756.4 -309,-717 63,-717 63,-756.4 "/>
|
||||
<g>
|
||||
<rect x="52.2" y="-474.1" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="57" y="-478.9" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 -414.7073 -540.6516)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="-394.8" y="-478.9" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 -866.4924 -88.8664)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="-390" y="-474.1" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 -768.0378 -945.7705)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="56.6" y="-752.7" transform="matrix(6.123234e-17 -1 1 6.123234e-17 814.0578 -688.874)" class="st3" width="12" height="2.4"/>
|
||||
<rect x="51.8" y="-757.4" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="-389.7" y="-757.4" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 -767.3794 -1512.5201)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="-394.5" y="-752.7" transform="matrix(6.123234e-17 -1 1 6.123234e-17 362.9821 -1139.9497)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="84.6,-1179.5 -367.2,-1179.5 -367.2,-1447.9 -352.5,-1463 84.6,-1463 "/>
|
||||
<polygon class="st2" points="84.6,-1179.5 -367.2,-1179.5 -367.2,-1447.9 -352.5,-1463 84.6,-1463 "/>
|
||||
<polyline class="st2" points="-367.2,-1419 63.9,-1419 84.6,-1434.2 "/>
|
||||
<polygon class="st3" points="20,-1421.6 12,-1421.6 24.3,-1431.5 32.3,-1431.5 "/>
|
||||
<polygon class="st4" points="34.1,-1421.6 26.1,-1421.6 38.4,-1431.5 46.4,-1431.5 "/>
|
||||
<polygon class="st5" points="48.2,-1421.6 40.2,-1421.6 52.5,-1431.5 60.5,-1431.5 "/>
|
||||
<polygon class="st6" points="62.3,-1421.6 54.3,-1421.6 66.6,-1431.5 74.6,-1431.5 "/>
|
||||
<polygon class="st3" points="-367.5,-1450.9 -367.5,-1463 -355.9,-1463 "/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="15.6,-844.6 -436.1,-844.6 -436.1,-1128.1 -110.9,-1128.1 -88.4,-1111 15.6,-1111 "/>
|
||||
<polygon class="st2" points="15.6,-844.6 -436.1,-844.6 -436.1,-1128.1 -110.9,-1128.1 -88.4,-1111 15.6,-1111 "/>
|
||||
<g>
|
||||
<rect x="4.9" y="-845.7" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="9.7" y="-850.5" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 -833.7073 -864.9849)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="-442.1" y="-850.5" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 -1285.4924 -413.1997)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="-437.3" y="-845.7" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 -862.7045 -1689.1039)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="-437" y="-1129.1" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 -862.0461 -2255.8535)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="-441.8" y="-1124.3" transform="matrix(6.123234e-17 -1 1 6.123234e-17 687.3154 -1558.9497)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<polygon class="st3" points="-54.9,-1114.3 -76.3,-1114.3 -89.6,-1124.2 -68.2,-1124.2 "/>
|
||||
<polygon class="st4" points="-28.8,-1114.3 -47.5,-1114.3 -60.8,-1124.2 -42.1,-1124.2 "/>
|
||||
<polygon class="st5" points="-5.4,-1114.3 -21.4,-1114.3 -34.7,-1124.2 -18.7,-1124.2 "/>
|
||||
<polygon class="st6" points="15.4,-1114.3 2,-1114.3 -11.2,-1124.2 15.4,-1124.2 "/>
|
||||
<rect x="-436.1" y="-1081.9" class="st3" width="451.8" height="1.8"/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="2182.7,-1069.2 1731,-1069.2 1731,-1337.6 1745.7,-1352.8 2182.7,-1352.8 "/>
|
||||
<polygon class="st2" points="2182.7,-1069.2 1731,-1069.2 1731,-1337.6 1745.7,-1352.8 2182.7,-1352.8 "/>
|
||||
<polyline class="st2" points="1731,-1308.7 2162.1,-1308.7 2182.7,-1323.9 "/>
|
||||
<polygon class="st3" points="2118.2,-1311.3 2110.2,-1311.3 2122.5,-1321.3 2130.5,-1321.3 "/>
|
||||
<polygon class="st4" points="2132.3,-1311.3 2124.3,-1311.3 2136.6,-1321.3 2144.6,-1321.3 "/>
|
||||
<polygon class="st5" points="2146.4,-1311.3 2138.4,-1311.3 2150.7,-1321.3 2158.7,-1321.3 "/>
|
||||
<polygon class="st6" points="2160.5,-1311.3 2152.4,-1311.3 2164.8,-1321.3 2172.8,-1321.3 "/>
|
||||
<polygon class="st3" points="1730.7,-1340.6 1730.7,-1352.8 1742.3,-1352.8 "/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="2182.6,-750.6 1730.8,-750.6 1730.8,-1034.2 2056,-1034.2 2078.6,-1017.1 2182.6,-1017.1 "/>
|
||||
<polygon class="st2" points="2182.6,-750.6 1730.8,-750.6 1730.8,-1034.2 2056,-1034.2 2078.6,-1017.1 2182.6,-1017.1 "/>
|
||||
<g>
|
||||
<rect x="2171.8" y="-751.8" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="2176.6" y="-756.6" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 1427.1624 -2938.0291)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="1724.8" y="-756.6" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 975.3772 -2486.2439)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="1729.6" y="-751.8" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 3471.2095 -1501.2784)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="1730" y="-1035.2" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 3471.8679 -2068.0281)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="1725.2" y="-1030.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 2760.3596 701.9199)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<polygon class="st3" points="2112,-1020.3 2090.6,-1020.3 2077.4,-1030.3 2098.7,-1030.3 "/>
|
||||
<polygon class="st4" points="2138.1,-1020.3 2119.4,-1020.3 2106.2,-1030.3 2124.9,-1030.3 "/>
|
||||
<polygon class="st5" points="2161.6,-1020.3 2145.5,-1020.3 2132.3,-1030.3 2148.3,-1030.3 "/>
|
||||
<polygon class="st6" points="2182.3,-1020.3 2169,-1020.3 2155.7,-1030.3 2182.3,-1030.3 "/>
|
||||
<rect x="1730.8" y="-988" class="st3" width="451.8" height="1.8"/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="1682.5,-750.7 850.3,-750.7 850.3,-1034.3 1555.9,-1034.3 1578.5,-1017.2 1682.5,-1017.2 "/>
|
||||
<polygon class="st2" points="1682.5,-750.7 850.3,-750.7 850.3,-1034.3 1555.9,-1034.3 1578.5,-1017.2 1682.5,-1017.2 "/>
|
||||
<g>
|
||||
<rect x="1671.7" y="-751.9" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="1676.5" y="-756.7" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 926.9837 -2438.0081)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="844.3" y="-756.7" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 94.7936 -1605.818)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="849.1" y="-751.9" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 1710.2 -1501.436)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="849.4" y="-1035.3" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 1710.8583 -2068.1858)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="844.7" y="-1030.5" transform="matrix(6.123234e-17 -1 1 6.123234e-17 1879.9337 -178.6637)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<polygon class="st3" points="1611.9,-1020.4 1590.5,-1020.4 1577.3,-1030.4 1598.6,-1030.4 "/>
|
||||
<polygon class="st4" points="1638,-1020.4 1619.3,-1020.4 1606.1,-1030.4 1624.8,-1030.4 "/>
|
||||
<polygon class="st5" points="1661.5,-1020.4 1645.4,-1020.4 1632.2,-1030.4 1648.2,-1030.4 "/>
|
||||
<polygon class="st6" points="1682.2,-1020.4 1668.9,-1020.4 1655.6,-1030.4 1682.2,-1030.4 "/>
|
||||
<rect x="850.2" y="-988.1" class="st3" width="832.3" height="1.8"/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="444.4,285.1 2.4,285.1 2.4,11.8 12.1,1.6 454.2,1.6 454.2,275 "/>
|
||||
<polygon class="st3" points="414.3,3.2 194.9,3.2 191.7,0 417.3,0 "/>
|
||||
<polyline class="st2" points="454.2,50 454.2,1.6 418.8,1.6 415.3,5.3 193.8,5.3 190.3,1.6 12.4,1.6 2.4,11.9 2.4,18.5 "/>
|
||||
|
||||
<rect x="25.5" y="283.4" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 314.9124 570.0419)" class="st3" width="263.9" height="3.2"/>
|
||||
<polyline class="st2" points="2.4,249.9 2.4,285 444.2,285 454.2,274.7 454.2,268.2 "/>
|
||||
<polygon class="st7" points="454.2,50 454.2,1.6 418.8,1.6 415.3,5.3 193.8,5.3 190.2,1.6 12.1,1.6 2.4,11.8 2.4,50 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.6 KiB |
40
frontend/public/board/blue_2.svg
Normal file
40
frontend/public/board/blue_2.svg
Normal file
@ -0,0 +1,40 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
preserveAspectRatio="none meet"
|
||||
viewBox="0 0 454.2 285.7" style="enable-background:new 0 0 454.2 285.7;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#0B101E;}
|
||||
.st1{opacity:0.1;fill:#006CE2;}
|
||||
.st2{fill:none;stroke:#31ECFF;stroke-width:0.6677;stroke-miterlimit:10;}
|
||||
.st3{fill:#31ECFF;}
|
||||
.st4{opacity:0.75;fill:#31ECFF;}
|
||||
.st5{opacity:0.5;fill:#31ECFF;}
|
||||
.st6{opacity:0.25;fill:#31ECFF;}
|
||||
.st7{opacity:0.25;fill:#006CE2;}
|
||||
</style>
|
||||
<g>
|
||||
<polygon class="st1" points="453,284.6 1.2,284.6 1.2,1 326.4,1 348.9,18.1 453,18.1 "/>
|
||||
<polygon class="st2" points="453,284.6 1.2,284.6 1.2,1 326.4,1 348.9,18.1 453,18.1 "/>
|
||||
<g>
|
||||
<rect x="442.2" y="283.4" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="447" y="278.6" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 732.7397 -173.2045)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="-4.8" y="278.6" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 280.9546 278.5807)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="0" y="283.4" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 11.9622 569.1235)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="0.3" y="0" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 12.6206 2.3739)" class="st3" width="12" height="2.4"/>
|
||||
<rect x="-4.5" y="4.8" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -4.465 7.4973)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<polygon class="st3" points="382.4,14.9 361,14.9 347.8,4.9 369.1,4.9 "/>
|
||||
<polygon class="st4" points="408.5,14.9 389.8,14.9 376.5,4.9 395.2,4.9 "/>
|
||||
<polygon class="st5" points="431.9,14.9 415.9,14.9 402.7,4.9 418.7,4.9 "/>
|
||||
<polygon class="st6" points="452.7,14.9 439.4,14.9 426.1,4.9 452.7,4.9 "/>
|
||||
<rect x="1.2" y="47.2" class="st3" width="451.8" height="1.8"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
26
frontend/public/board/blue_3.svg
Normal file
26
frontend/public/board/blue_3.svg
Normal file
@ -0,0 +1,26 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
preserveAspectRatio="none meet"
|
||||
viewBox="0 0 454.2 285.7" style="enable-background:new 0 0 454.2 285.7;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#0B101E;}
|
||||
.st1{opacity:0.1;fill:#006CE2;}
|
||||
.st2{fill:none;stroke:#31ECFF;stroke-width:0.6677;stroke-miterlimit:10;}
|
||||
.st3{fill:#31ECFF;}
|
||||
.st4{opacity:0.75;fill:#31ECFF;}
|
||||
.st5{opacity:0.5;fill:#31ECFF;}
|
||||
.st6{opacity:0.25;fill:#31ECFF;}
|
||||
.st7{opacity:0.25;fill:#006CE2;}
|
||||
</style>
|
||||
<g>
|
||||
<polygon class="st1" points="453.1,284.6 1.3,284.6 1.3,16.3 16.1,1.1 453.1,1.1 "/>
|
||||
<polygon class="st2" points="453.1,284.6 1.3,284.6 1.3,16.3 16.1,1.1 453.1,1.1 "/>
|
||||
<polyline class="st2" points="1.3,45.2 432.5,45.2 453.1,30 "/>
|
||||
<polygon class="st3" points="388.6,42.5 380.5,42.5 392.9,32.6 400.9,32.6 "/>
|
||||
<polygon class="st4" points="402.6,42.5 394.6,42.5 407,32.6 415,32.6 "/>
|
||||
<polygon class="st5" points="416.7,42.5 408.7,42.5 421,32.6 429.1,32.6 "/>
|
||||
<polygon class="st6" points="430.8,42.5 422.8,42.5 435.1,32.6 443.2,32.6 "/>
|
||||
<polygon class="st3" points="1.1,13.3 1.1,1.1 12.7,1.1 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
151
frontend/public/board/blue_4.svg
Normal file
151
frontend/public/board/blue_4.svg
Normal file
@ -0,0 +1,151 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
preserveAspectRatio="none meet"
|
||||
viewBox="0 0 454.2 285.7" style="enable-background:new 0 0 454.2 285.7;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#0B101E;}
|
||||
.st1{opacity:0.1;fill:#006CE2;}
|
||||
.st2{fill:none;stroke:#31ECFF;stroke-width:0.6677;stroke-miterlimit:10;}
|
||||
.st3{fill:#31ECFF;}
|
||||
.st4{opacity:0.75;fill:#31ECFF;}
|
||||
.st5{opacity:0.5;fill:#31ECFF;}
|
||||
.st6{opacity:0.25;fill:#31ECFF;}
|
||||
.st7{opacity:0.25;fill:#006CE2;}
|
||||
</style>
|
||||
<rect x="2743.8" y="-1695.4" class="st0" width="1920" height="1080"/>
|
||||
<g>
|
||||
<polygon class="st1" points="453,284.6 1.2,284.6 1.2,1 36.7,1 77.2,45.1 453,45.1 "/>
|
||||
<polygon class="st1" points="44.1,1 81,40.5 453,40.5 453,1 "/>
|
||||
<polygon class="st2" points="453,284.6 1.2,284.6 1.2,1 36.7,1 77.2,45.1 453,45.1 "/>
|
||||
<polygon class="st2" points="44.1,1 81,40.5 453,40.5 453,1 "/>
|
||||
<g>
|
||||
<rect x="442.2" y="283.4" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="447" y="278.6" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 732.7397 -173.2045)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="-4.8" y="278.6" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 280.9546 278.5807)" class="st3" width="12" height="2.4"/>
|
||||
<rect y="283.4" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 11.9622 569.1235)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="446.6" y="4.8" transform="matrix(6.123234e-17 -1 1 6.123234e-17 446.6108 458.573)" class="st3" width="12" height="2.4"/>
|
||||
<rect x="441.8" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
<rect x="0.3" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 12.6206 2.3739)" class="st3" width="12" height="2.4"/>
|
||||
<rect x="-4.5" y="4.8" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -4.465 7.4973)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="823,-1070.1 371.2,-1070.1 371.2,-1338.5 386,-1353.6 823,-1353.6 "/>
|
||||
<polygon class="st2" points="823,-1070.1 371.2,-1070.1 371.2,-1338.5 386,-1353.6 823,-1353.6 "/>
|
||||
<polyline class="st2" points="371.2,-1309.6 802.4,-1309.6 823,-1324.8 "/>
|
||||
<polygon class="st3" points="758.4,-1312.2 750.4,-1312.2 762.8,-1322.1 770.8,-1322.1 "/>
|
||||
<polygon class="st4" points="772.5,-1312.2 764.5,-1312.2 776.8,-1322.1 784.9,-1322.1 "/>
|
||||
<polygon class="st5" points="786.6,-1312.2 778.6,-1312.2 790.9,-1322.1 799,-1322.1 "/>
|
||||
<polygon class="st6" points="800.7,-1312.2 792.7,-1312.2 805,-1322.1 813,-1322.1 "/>
|
||||
<polygon class="st3" points="371,-1341.5 371,-1353.6 382.6,-1353.6 "/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="822.9,-751.5 371.1,-751.5 371.1,-1035 696.3,-1035 718.8,-1018 822.9,-1018 "/>
|
||||
<polygon class="st2" points="822.9,-751.5 371.1,-751.5 371.1,-1035 696.3,-1035 718.8,-1018 822.9,-1018 "/>
|
||||
<g>
|
||||
<rect x="812.1" y="-752.7" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="816.9" y="-757.5" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 66.5642 -1579.1746)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="365.1" y="-757.5" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 -385.2209 -1127.3894)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="369.9" y="-752.7" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 751.7568 -1503.022)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="370.2" y="-1036.1" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 752.4152 -2069.7717)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="365.4" y="-1031.3" transform="matrix(6.123234e-17 -1 1 6.123234e-17 1401.505 -658.6782)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<polygon class="st3" points="752.3,-1021.2 730.9,-1021.2 717.7,-1031.2 739,-1031.2 "/>
|
||||
<polygon class="st4" points="778.4,-1021.2 759.7,-1021.2 746.4,-1031.2 765.1,-1031.2 "/>
|
||||
<polygon class="st5" points="801.8,-1021.2 785.8,-1021.2 772.6,-1031.2 788.6,-1031.2 "/>
|
||||
<polygon class="st6" points="822.6,-1021.2 809.3,-1021.2 796,-1031.2 822.6,-1031.2 "/>
|
||||
<rect x="371.1" y="-988.9" class="st3" width="451.8" height="1.8"/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="2182.7,-1070.1 1731,-1070.1 1731,-1338.5 1745.7,-1353.6 2182.7,-1353.6 "/>
|
||||
<polygon class="st2" points="2182.7,-1070.1 1731,-1070.1 1731,-1338.5 1745.7,-1353.6 2182.7,-1353.6 "/>
|
||||
<polyline class="st2" points="1731,-1309.6 2162.1,-1309.6 2182.7,-1324.8 "/>
|
||||
<polygon class="st3" points="2118.2,-1312.2 2110.2,-1312.2 2122.5,-1322.1 2130.5,-1322.1 "/>
|
||||
<polygon class="st4" points="2132.3,-1312.2 2124.3,-1312.2 2136.6,-1322.1 2144.6,-1322.1 "/>
|
||||
<polygon class="st5" points="2146.4,-1312.2 2138.4,-1312.2 2150.7,-1322.1 2158.7,-1322.1 "/>
|
||||
<polygon class="st6" points="2160.5,-1312.2 2152.4,-1312.2 2164.8,-1322.1 2172.8,-1322.1 "/>
|
||||
<polygon class="st3" points="1730.7,-1341.5 1730.7,-1353.6 1742.3,-1353.6 "/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="2182.6,-751.5 1730.8,-751.5 1730.8,-1035 2056,-1035 2078.6,-1018 2182.6,-1018 "/>
|
||||
<polygon class="st2" points="2182.6,-751.5 1730.8,-751.5 1730.8,-1035 2056,-1035 2078.6,-1018 2182.6,-1018 "/>
|
||||
<g>
|
||||
<rect x="2171.8" y="-752.7" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="2176.6" y="-757.5" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 1426.2906 -2938.9009)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="1724.8" y="-757.5" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 974.5054 -2487.1157)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="1729.6" y="-752.7" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 3471.2095 -1503.022)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="1730" y="-1036.1" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 3471.8679 -2069.7717)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="1725.2" y="-1031.3" transform="matrix(6.123234e-17 -1 1 6.123234e-17 2761.2314 701.0482)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<polygon class="st3" points="2112,-1021.2 2090.6,-1021.2 2077.4,-1031.2 2098.7,-1031.2 "/>
|
||||
<polygon class="st4" points="2138.1,-1021.2 2119.4,-1021.2 2106.2,-1031.2 2124.9,-1031.2 "/>
|
||||
<polygon class="st5" points="2161.6,-1021.2 2145.5,-1021.2 2132.3,-1031.2 2148.3,-1031.2 "/>
|
||||
<polygon class="st6" points="2182.3,-1021.2 2169,-1021.2 2155.7,-1031.2 2182.3,-1031.2 "/>
|
||||
<rect x="1730.8" y="-988.9" class="st3" width="451.8" height="1.8"/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="1682.5,-751.6 850.3,-751.6 850.3,-1035.1 1555.9,-1035.1 1578.5,-1018.1 1682.5,-1018.1 "/>
|
||||
<polygon class="st2" points="1682.5,-751.6 850.3,-751.6 850.3,-1035.1 1555.9,-1035.1 1578.5,-1018.1 1682.5,-1018.1 "/>
|
||||
<g>
|
||||
<rect x="1671.7" y="-752.8" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="1676.5" y="-757.6" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 926.1119 -2438.8799)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="844.3" y="-757.6" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 93.9218 -1606.6898)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="849.1" y="-752.8" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 1710.2 -1503.1797)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="849.4" y="-1036.2" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 1710.8583 -2069.9292)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="844.7" y="-1031.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 1880.8054 -179.5355)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<polygon class="st3" points="1611.9,-1021.3 1590.5,-1021.3 1577.3,-1031.2 1598.6,-1031.2 "/>
|
||||
<polygon class="st4" points="1638,-1021.3 1619.3,-1021.3 1606.1,-1031.2 1624.8,-1031.2 "/>
|
||||
<polygon class="st5" points="1661.5,-1021.3 1645.4,-1021.3 1632.2,-1031.2 1648.2,-1031.2 "/>
|
||||
<polygon class="st6" points="1682.2,-1021.3 1668.9,-1021.3 1655.6,-1031.2 1682.2,-1031.2 "/>
|
||||
<rect x="850.2" y="-989" class="st3" width="832.3" height="1.8"/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="2172.9,-1379.3 1730.8,-1379.3 1730.8,-1652.7 1740.6,-1662.9 2182.6,-1662.9 2182.6,-1389.5 "/>
|
||||
<polygon class="st3" points="2142.7,-1661.3 1923.3,-1661.3 1920.1,-1664.5 2145.7,-1664.5 "/>
|
||||
<polyline class="st2" points="2182.6,-1614.5 2182.6,-1662.9 2147.2,-1662.9 2143.7,-1659.2 1922.2,-1659.2 1918.7,-1662.9
|
||||
1740.8,-1662.9 1730.8,-1652.5 1730.8,-1646 "/>
|
||||
|
||||
<rect x="1753.9" y="-1381" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 3771.7532 -2758.8643)" class="st3" width="263.9" height="3.2"/>
|
||||
<polyline class="st2" points="1730.8,-1414.5 1730.8,-1379.4 2172.6,-1379.4 2182.6,-1389.8 2182.6,-1396.3 "/>
|
||||
<polygon class="st7" points="2182.6,-1614.5 2182.6,-1662.9 2147.2,-1662.9 2143.7,-1659.2 1922.2,-1659.2 1918.6,-1662.9
|
||||
1740.6,-1662.9 1730.8,-1652.7 1730.8,-1614.5 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.6 KiB |
152
frontend/public/board/blue_5.svg
Normal file
152
frontend/public/board/blue_5.svg
Normal file
@ -0,0 +1,152 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
preserveAspectRatio="none meet"
|
||||
viewBox="0 0 835.4 286.6" style="enable-background:new 0 0 835.4 286.6;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#0B101E;}
|
||||
.st1{opacity:0.1;fill:#006CE2;}
|
||||
.st2{fill:none;stroke:#31ECFF;stroke-width:0.6677;stroke-miterlimit:10;}
|
||||
.st3{fill:#31ECFF;}
|
||||
.st4{opacity:0.75;fill:#31ECFF;}
|
||||
.st5{opacity:0.5;fill:#31ECFF;}
|
||||
.st6{opacity:0.25;fill:#31ECFF;}
|
||||
.st7{opacity:0.25;fill:#006CE2;}
|
||||
</style>
|
||||
<rect x="2743.8" y="-1694.6" class="st0" width="1920" height="1080"/>
|
||||
<g>
|
||||
<polygon class="st1" points="63,-472.9 -388.8,-472.9 -388.8,-756.4 -353.3,-756.4 -312.8,-712.4 63,-712.4 "/>
|
||||
<polygon class="st1" points="-345.9,-756.4 -309,-717 63,-717 63,-756.4 "/>
|
||||
<polygon class="st2" points="63,-472.9 -388.8,-472.9 -388.8,-756.4 -353.3,-756.4 -312.8,-712.4 63,-712.4 "/>
|
||||
<polygon class="st2" points="-345.9,-756.4 -309,-717 63,-717 63,-756.4 "/>
|
||||
<g>
|
||||
<rect x="52.2" y="-474.1" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="57" y="-478.9" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 -414.7073 -540.6516)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="-394.8" y="-478.9" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 -866.4924 -88.8664)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="-390" y="-474.1" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 -768.0378 -945.7705)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="56.6" y="-752.7" transform="matrix(6.123234e-17 -1 1 6.123234e-17 814.0578 -688.874)" class="st3" width="12" height="2.4"/>
|
||||
<rect x="51.8" y="-757.4" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="-389.7" y="-757.4" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 -767.3794 -1512.5201)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="-394.5" y="-752.7" transform="matrix(6.123234e-17 -1 1 6.123234e-17 362.9821 -1139.9497)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="84.6,-1179.5 -367.2,-1179.5 -367.2,-1447.9 -352.5,-1463 84.6,-1463 "/>
|
||||
<polygon class="st2" points="84.6,-1179.5 -367.2,-1179.5 -367.2,-1447.9 -352.5,-1463 84.6,-1463 "/>
|
||||
<polyline class="st2" points="-367.2,-1419 63.9,-1419 84.6,-1434.2 "/>
|
||||
<polygon class="st3" points="20,-1421.6 12,-1421.6 24.3,-1431.5 32.3,-1431.5 "/>
|
||||
<polygon class="st4" points="34.1,-1421.6 26.1,-1421.6 38.4,-1431.5 46.4,-1431.5 "/>
|
||||
<polygon class="st5" points="48.2,-1421.6 40.2,-1421.6 52.5,-1431.5 60.5,-1431.5 "/>
|
||||
<polygon class="st6" points="62.3,-1421.6 54.3,-1421.6 66.6,-1431.5 74.6,-1431.5 "/>
|
||||
<polygon class="st3" points="-367.5,-1450.9 -367.5,-1463 -355.9,-1463 "/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="15.6,-844.6 -436.1,-844.6 -436.1,-1128.1 -110.9,-1128.1 -88.4,-1111 15.6,-1111 "/>
|
||||
<polygon class="st2" points="15.6,-844.6 -436.1,-844.6 -436.1,-1128.1 -110.9,-1128.1 -88.4,-1111 15.6,-1111 "/>
|
||||
<g>
|
||||
<rect x="4.9" y="-845.7" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="9.7" y="-850.5" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 -833.7073 -864.9849)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="-442.1" y="-850.5" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 -1285.4924 -413.1997)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="-437.3" y="-845.7" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 -862.7045 -1689.1039)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="-437" y="-1129.1" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 -862.0461 -2255.8535)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="-441.8" y="-1124.3" transform="matrix(6.123234e-17 -1 1 6.123234e-17 687.3154 -1558.9497)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<polygon class="st3" points="-54.9,-1114.3 -76.3,-1114.3 -89.6,-1124.2 -68.2,-1124.2 "/>
|
||||
<polygon class="st4" points="-28.8,-1114.3 -47.5,-1114.3 -60.8,-1124.2 -42.1,-1124.2 "/>
|
||||
<polygon class="st5" points="-5.4,-1114.3 -21.4,-1114.3 -34.7,-1124.2 -18.7,-1124.2 "/>
|
||||
<polygon class="st6" points="15.4,-1114.3 2,-1114.3 -11.2,-1124.2 15.4,-1124.2 "/>
|
||||
<rect x="-436.1" y="-1081.9" class="st3" width="451.8" height="1.8"/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="2182.7,-1069.2 1731,-1069.2 1731,-1337.6 1745.7,-1352.8 2182.7,-1352.8 "/>
|
||||
<polygon class="st2" points="2182.7,-1069.2 1731,-1069.2 1731,-1337.6 1745.7,-1352.8 2182.7,-1352.8 "/>
|
||||
<polyline class="st2" points="1731,-1308.7 2162.1,-1308.7 2182.7,-1323.9 "/>
|
||||
<polygon class="st3" points="2118.2,-1311.3 2110.2,-1311.3 2122.5,-1321.3 2130.5,-1321.3 "/>
|
||||
<polygon class="st4" points="2132.3,-1311.3 2124.3,-1311.3 2136.6,-1321.3 2144.6,-1321.3 "/>
|
||||
<polygon class="st5" points="2146.4,-1311.3 2138.4,-1311.3 2150.7,-1321.3 2158.7,-1321.3 "/>
|
||||
<polygon class="st6" points="2160.5,-1311.3 2152.4,-1311.3 2164.8,-1321.3 2172.8,-1321.3 "/>
|
||||
<polygon class="st3" points="1730.7,-1340.6 1730.7,-1352.8 1742.3,-1352.8 "/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="2182.6,-750.6 1730.8,-750.6 1730.8,-1034.2 2056,-1034.2 2078.6,-1017.1 2182.6,-1017.1 "/>
|
||||
<polygon class="st2" points="2182.6,-750.6 1730.8,-750.6 1730.8,-1034.2 2056,-1034.2 2078.6,-1017.1 2182.6,-1017.1 "/>
|
||||
<g>
|
||||
<rect x="2171.8" y="-751.8" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="2176.6" y="-756.6" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 1427.1624 -2938.0291)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="1724.8" y="-756.6" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 975.3772 -2486.2439)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="1729.6" y="-751.8" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 3471.2095 -1501.2784)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="1730" y="-1035.2" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 3471.8679 -2068.0281)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="1725.2" y="-1030.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 2760.3596 701.9199)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<polygon class="st3" points="2112,-1020.3 2090.6,-1020.3 2077.4,-1030.3 2098.7,-1030.3 "/>
|
||||
<polygon class="st4" points="2138.1,-1020.3 2119.4,-1020.3 2106.2,-1030.3 2124.9,-1030.3 "/>
|
||||
<polygon class="st5" points="2161.6,-1020.3 2145.5,-1020.3 2132.3,-1030.3 2148.3,-1030.3 "/>
|
||||
<polygon class="st6" points="2182.3,-1020.3 2169,-1020.3 2155.7,-1030.3 2182.3,-1030.3 "/>
|
||||
<rect x="1730.8" y="-988" class="st3" width="451.8" height="1.8"/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="833.4,285 1.2,285 1.2,1.5 706.8,1.5 729.3,18.5 833.4,18.5 "/>
|
||||
<polygon class="st2" points="833.4,285 1.2,285 1.2,1.5 706.8,1.5 729.3,18.5 833.4,18.5 "/>
|
||||
<g>
|
||||
<rect x="822.6" y="283.8" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="827.4" y="279" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 1113.5806 -553.1735)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="-4.8" y="279" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 281.3904 279.0165)" class="st3" width="12" height="2.4"/>
|
||||
<rect y="283.8" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 11.9622 569.9953)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="0.3" y="0.4" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 12.6206 3.2457)" class="st3" width="12" height="2.4"/>
|
||||
<rect x="-4.5" y="5.2" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -4.9009 7.9331)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<polygon class="st3" points="762.8,15.3 741.4,15.3 728.2,5.4 749.5,5.4 "/>
|
||||
<polygon class="st4" points="788.9,15.3 770.2,15.3 756.9,5.4 775.6,5.4 "/>
|
||||
<polygon class="st5" points="812.3,15.3 796.3,15.3 783.1,5.4 799.1,5.4 "/>
|
||||
<polygon class="st6" points="833.1,15.3 819.8,15.3 806.5,5.4 833.1,5.4 "/>
|
||||
<rect x="1" y="47.6" class="st3" width="832.3" height="1.8"/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="-171.5,-100.6 -613.5,-100.6 -613.5,-374 -603.8,-384.2 -161.7,-384.2 -161.7,-110.8 "/>
|
||||
<polygon class="st3" points="-201.6,-382.6 -421,-382.6 -424.2,-385.8 -198.6,-385.8 "/>
|
||||
<polyline class="st2" points="-161.7,-335.8 -161.7,-384.2 -197.1,-384.2 -200.6,-380.5 -422.1,-380.5 -425.6,-384.2
|
||||
-603.5,-384.2 -613.5,-373.9 -613.5,-367.3 "/>
|
||||
|
||||
<rect x="-590.4" y="-102.4" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 -916.9052 -201.5188)" class="st3" width="263.9" height="3.2"/>
|
||||
<polyline class="st2" points="-613.5,-135.8 -613.5,-100.8 -171.7,-100.8 -161.7,-111.1 -161.7,-117.6 "/>
|
||||
<polygon class="st7" points="-161.7,-335.8 -161.7,-384.2 -197.1,-384.2 -200.6,-380.5 -422.1,-380.5 -425.7,-384.2 -603.8,-384.2
|
||||
-613.5,-374 -613.5,-335.8 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.6 KiB |
8
frontend/src/api/background/background.js
Normal file
8
frontend/src/api/background/background.js
Normal file
@ -0,0 +1,8 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function queryBackground() {
|
||||
return request({
|
||||
url: 'background/findAll',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
151
frontend/src/assets/blue_1.svg
Normal file
151
frontend/src/assets/blue_1.svg
Normal file
@ -0,0 +1,151 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" preserveAspectRatio="none meet"
|
||||
viewBox="0 0 454.2 286.6" style="enable-background:new 0 0 454.2 286.6;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#0B101E;}
|
||||
.st1{opacity:0.1;fill:#006CE2;}
|
||||
.st2{fill:none;stroke:#31ECFF;stroke-width:0.6677;stroke-miterlimit:10;}
|
||||
.st3{fill:#31ECFF;}
|
||||
.st4{opacity:0.75;fill:#31ECFF;}
|
||||
.st5{opacity:0.5;fill:#31ECFF;}
|
||||
.st6{opacity:0.25;fill:#31ECFF;}
|
||||
.st7{opacity:0.25;fill:#006CE2;}
|
||||
</style>
|
||||
<rect x="2743.8" y="-1694.6" class="st0" width="1920" height="1080"/>
|
||||
<g>
|
||||
<polygon class="st1" points="63,-472.9 -388.8,-472.9 -388.8,-756.4 -353.3,-756.4 -312.8,-712.4 63,-712.4 "/>
|
||||
<polygon class="st1" points="-345.9,-756.4 -309,-717 63,-717 63,-756.4 "/>
|
||||
<polygon class="st2" points="63,-472.9 -388.8,-472.9 -388.8,-756.4 -353.3,-756.4 -312.8,-712.4 63,-712.4 "/>
|
||||
<polygon class="st2" points="-345.9,-756.4 -309,-717 63,-717 63,-756.4 "/>
|
||||
<g>
|
||||
<rect x="52.2" y="-474.1" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="57" y="-478.9" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 -414.7073 -540.6516)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="-394.8" y="-478.9" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 -866.4924 -88.8664)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="-390" y="-474.1" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 -768.0378 -945.7705)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="56.6" y="-752.7" transform="matrix(6.123234e-17 -1 1 6.123234e-17 814.0578 -688.874)" class="st3" width="12" height="2.4"/>
|
||||
<rect x="51.8" y="-757.4" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="-389.7" y="-757.4" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 -767.3794 -1512.5201)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="-394.5" y="-752.7" transform="matrix(6.123234e-17 -1 1 6.123234e-17 362.9821 -1139.9497)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="84.6,-1179.5 -367.2,-1179.5 -367.2,-1447.9 -352.5,-1463 84.6,-1463 "/>
|
||||
<polygon class="st2" points="84.6,-1179.5 -367.2,-1179.5 -367.2,-1447.9 -352.5,-1463 84.6,-1463 "/>
|
||||
<polyline class="st2" points="-367.2,-1419 63.9,-1419 84.6,-1434.2 "/>
|
||||
<polygon class="st3" points="20,-1421.6 12,-1421.6 24.3,-1431.5 32.3,-1431.5 "/>
|
||||
<polygon class="st4" points="34.1,-1421.6 26.1,-1421.6 38.4,-1431.5 46.4,-1431.5 "/>
|
||||
<polygon class="st5" points="48.2,-1421.6 40.2,-1421.6 52.5,-1431.5 60.5,-1431.5 "/>
|
||||
<polygon class="st6" points="62.3,-1421.6 54.3,-1421.6 66.6,-1431.5 74.6,-1431.5 "/>
|
||||
<polygon class="st3" points="-367.5,-1450.9 -367.5,-1463 -355.9,-1463 "/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="15.6,-844.6 -436.1,-844.6 -436.1,-1128.1 -110.9,-1128.1 -88.4,-1111 15.6,-1111 "/>
|
||||
<polygon class="st2" points="15.6,-844.6 -436.1,-844.6 -436.1,-1128.1 -110.9,-1128.1 -88.4,-1111 15.6,-1111 "/>
|
||||
<g>
|
||||
<rect x="4.9" y="-845.7" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="9.7" y="-850.5" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 -833.7073 -864.9849)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="-442.1" y="-850.5" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 -1285.4924 -413.1997)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="-437.3" y="-845.7" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 -862.7045 -1689.1039)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="-437" y="-1129.1" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 -862.0461 -2255.8535)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="-441.8" y="-1124.3" transform="matrix(6.123234e-17 -1 1 6.123234e-17 687.3154 -1558.9497)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<polygon class="st3" points="-54.9,-1114.3 -76.3,-1114.3 -89.6,-1124.2 -68.2,-1124.2 "/>
|
||||
<polygon class="st4" points="-28.8,-1114.3 -47.5,-1114.3 -60.8,-1124.2 -42.1,-1124.2 "/>
|
||||
<polygon class="st5" points="-5.4,-1114.3 -21.4,-1114.3 -34.7,-1124.2 -18.7,-1124.2 "/>
|
||||
<polygon class="st6" points="15.4,-1114.3 2,-1114.3 -11.2,-1124.2 15.4,-1124.2 "/>
|
||||
<rect x="-436.1" y="-1081.9" class="st3" width="451.8" height="1.8"/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="2182.7,-1069.2 1731,-1069.2 1731,-1337.6 1745.7,-1352.8 2182.7,-1352.8 "/>
|
||||
<polygon class="st2" points="2182.7,-1069.2 1731,-1069.2 1731,-1337.6 1745.7,-1352.8 2182.7,-1352.8 "/>
|
||||
<polyline class="st2" points="1731,-1308.7 2162.1,-1308.7 2182.7,-1323.9 "/>
|
||||
<polygon class="st3" points="2118.2,-1311.3 2110.2,-1311.3 2122.5,-1321.3 2130.5,-1321.3 "/>
|
||||
<polygon class="st4" points="2132.3,-1311.3 2124.3,-1311.3 2136.6,-1321.3 2144.6,-1321.3 "/>
|
||||
<polygon class="st5" points="2146.4,-1311.3 2138.4,-1311.3 2150.7,-1321.3 2158.7,-1321.3 "/>
|
||||
<polygon class="st6" points="2160.5,-1311.3 2152.4,-1311.3 2164.8,-1321.3 2172.8,-1321.3 "/>
|
||||
<polygon class="st3" points="1730.7,-1340.6 1730.7,-1352.8 1742.3,-1352.8 "/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="2182.6,-750.6 1730.8,-750.6 1730.8,-1034.2 2056,-1034.2 2078.6,-1017.1 2182.6,-1017.1 "/>
|
||||
<polygon class="st2" points="2182.6,-750.6 1730.8,-750.6 1730.8,-1034.2 2056,-1034.2 2078.6,-1017.1 2182.6,-1017.1 "/>
|
||||
<g>
|
||||
<rect x="2171.8" y="-751.8" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="2176.6" y="-756.6" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 1427.1624 -2938.0291)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="1724.8" y="-756.6" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 975.3772 -2486.2439)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="1729.6" y="-751.8" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 3471.2095 -1501.2784)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="1730" y="-1035.2" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 3471.8679 -2068.0281)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="1725.2" y="-1030.4" transform="matrix(6.123234e-17 -1 1 6.123234e-17 2760.3596 701.9199)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<polygon class="st3" points="2112,-1020.3 2090.6,-1020.3 2077.4,-1030.3 2098.7,-1030.3 "/>
|
||||
<polygon class="st4" points="2138.1,-1020.3 2119.4,-1020.3 2106.2,-1030.3 2124.9,-1030.3 "/>
|
||||
<polygon class="st5" points="2161.6,-1020.3 2145.5,-1020.3 2132.3,-1030.3 2148.3,-1030.3 "/>
|
||||
<polygon class="st6" points="2182.3,-1020.3 2169,-1020.3 2155.7,-1030.3 2182.3,-1030.3 "/>
|
||||
<rect x="1730.8" y="-988" class="st3" width="451.8" height="1.8"/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="1682.5,-750.7 850.3,-750.7 850.3,-1034.3 1555.9,-1034.3 1578.5,-1017.2 1682.5,-1017.2 "/>
|
||||
<polygon class="st2" points="1682.5,-750.7 850.3,-750.7 850.3,-1034.3 1555.9,-1034.3 1578.5,-1017.2 1682.5,-1017.2 "/>
|
||||
<g>
|
||||
<rect x="1671.7" y="-751.9" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="1676.5" y="-756.7" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 926.9837 -2438.0081)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="844.3" y="-756.7" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 94.7936 -1605.818)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="849.1" y="-751.9" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 1710.2 -1501.436)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<rect x="849.4" y="-1035.3" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 1710.8583 -2068.1858)" class="st3" width="12" height="2.4"/>
|
||||
|
||||
<rect x="844.7" y="-1030.5" transform="matrix(6.123234e-17 -1 1 6.123234e-17 1879.9337 -178.6637)" class="st3" width="12" height="2.4"/>
|
||||
</g>
|
||||
<polygon class="st3" points="1611.9,-1020.4 1590.5,-1020.4 1577.3,-1030.4 1598.6,-1030.4 "/>
|
||||
<polygon class="st4" points="1638,-1020.4 1619.3,-1020.4 1606.1,-1030.4 1624.8,-1030.4 "/>
|
||||
<polygon class="st5" points="1661.5,-1020.4 1645.4,-1020.4 1632.2,-1030.4 1648.2,-1030.4 "/>
|
||||
<polygon class="st6" points="1682.2,-1020.4 1668.9,-1020.4 1655.6,-1030.4 1682.2,-1030.4 "/>
|
||||
<rect x="850.2" y="-988.1" class="st3" width="832.3" height="1.8"/>
|
||||
</g>
|
||||
<g>
|
||||
<polygon class="st1" points="444.4,285.1 2.4,285.1 2.4,11.8 12.1,1.6 454.2,1.6 454.2,275 "/>
|
||||
<polygon class="st3" points="414.3,3.2 194.9,3.2 191.7,0 417.3,0 "/>
|
||||
<polyline class="st2" points="454.2,50 454.2,1.6 418.8,1.6 415.3,5.3 193.8,5.3 190.3,1.6 12.4,1.6 2.4,11.9 2.4,18.5 "/>
|
||||
|
||||
<rect x="25.5" y="283.4" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 314.9124 570.0419)" class="st3" width="263.9" height="3.2"/>
|
||||
<polyline class="st2" points="2.4,249.9 2.4,285 444.2,285 454.2,274.7 454.2,268.2 "/>
|
||||
<polygon class="st7" points="454.2,50 454.2,1.6 418.8,1.6 415.3,5.3 193.8,5.3 190.2,1.6 12.1,1.6 2.4,11.8 2.4,50 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.6 KiB |
@ -30,7 +30,7 @@
|
||||
]"
|
||||
:style="mainSlotStyle"
|
||||
>
|
||||
<edit-bar v-if="editBarShow" style="transform: translateZ(10px)" :active-model="'edit'" :element="element" @showViewDetails="showViewDetails" @amRemoveItem="amRemoveItem" @amAddItem="amAddItem" @resizeView="resizeView" @linkJumpSet="linkJumpSet" />
|
||||
<edit-bar v-if="editBarShow" style="transform: translateZ(10px)" :active-model="'edit'" :element="element" @showViewDetails="showViewDetails" @amRemoveItem="amRemoveItem" @amAddItem="amAddItem" @resizeView="resizeView" @linkJumpSet="linkJumpSet" @boardSet="boardSet" />
|
||||
<mobile-check-bar v-if="mobileCheckBarShow" :element="element" @amRemoveItem="amRemoveItem" />
|
||||
<div v-if="resizing" style="transform: translateZ(11px);position: absolute; z-index: 3" :style="resizeShadowStyle" />
|
||||
<div
|
||||
@ -531,6 +531,10 @@ export default {
|
||||
width: this.computedMainSlotWidth,
|
||||
height: this.computedMainSlotHeight
|
||||
}
|
||||
if (this.element.commonBackground.enable) {
|
||||
style['background'] = `url(${this.element.commonBackground.innerImage}) no-repeat`
|
||||
style['background-size'] = `100% 100%`
|
||||
}
|
||||
return style
|
||||
},
|
||||
curComponent() {
|
||||
@ -1744,6 +1748,10 @@ export default {
|
||||
// 跳转设置
|
||||
linkJumpSet() {
|
||||
this.$emit('linkJumpSet')
|
||||
},
|
||||
// 跳转设置
|
||||
boardSet() {
|
||||
this.$emit('boardSet')
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -5,36 +5,38 @@
|
||||
@click="handleClick"
|
||||
@mousedown="elementMouseDown"
|
||||
>
|
||||
<edit-bar v-if="componentActiveFlag" :element="config" @showViewDetails="showViewDetails" />
|
||||
<close-bar v-if="previewVisible" @closePreview="closePreview" />
|
||||
<de-out-widget
|
||||
v-if="config.type==='custom'"
|
||||
:id="'component' + config.id"
|
||||
class="component-custom"
|
||||
:style="getComponentStyleDefault(config.style)"
|
||||
style="overflow: hidden"
|
||||
:out-style="config.style"
|
||||
:element="config"
|
||||
:in-screen="inScreen"
|
||||
:edit-mode="'preview'"
|
||||
:h="config.style.height"
|
||||
/>
|
||||
<component
|
||||
:is="config.component"
|
||||
v-else
|
||||
ref="wrapperChild"
|
||||
:out-style="config.style"
|
||||
:style="getComponentStyleDefault(config.style)"
|
||||
:prop-value="config.propValue"
|
||||
:is-edit="false"
|
||||
:active="componentActiveFlag"
|
||||
:element="config"
|
||||
:search-count="searchCount"
|
||||
:h="config.style.height"
|
||||
:edit-mode="'preview'"
|
||||
:filters="filters"
|
||||
:terminal="terminal"
|
||||
/>
|
||||
<div :style="commonStyle">
|
||||
<edit-bar v-if="componentActiveFlag" :element="config" @showViewDetails="showViewDetails" />
|
||||
<close-bar v-if="previewVisible" @closePreview="closePreview" />
|
||||
<de-out-widget
|
||||
v-if="config.type==='custom'"
|
||||
:id="'component' + config.id"
|
||||
class="component-custom"
|
||||
:style="getComponentStyleDefault(config.style)"
|
||||
style="overflow: hidden"
|
||||
:out-style="config.style"
|
||||
:element="config"
|
||||
:in-screen="inScreen"
|
||||
:edit-mode="'preview'"
|
||||
:h="config.style.height"
|
||||
/>
|
||||
<component
|
||||
:is="config.component"
|
||||
v-else
|
||||
ref="wrapperChild"
|
||||
:out-style="config.style"
|
||||
:style="getComponentStyleDefault(config.style)"
|
||||
:prop-value="config.propValue"
|
||||
:is-edit="false"
|
||||
:active="componentActiveFlag"
|
||||
:element="config"
|
||||
:search-count="searchCount"
|
||||
:h="config.style.height"
|
||||
:edit-mode="'preview'"
|
||||
:filters="filters"
|
||||
:terminal="terminal"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -87,6 +89,17 @@ export default {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
commonStyle() {
|
||||
const style = {
|
||||
width: '100%',
|
||||
height: '100%'
|
||||
}
|
||||
if (this.config.commonBackground.enable) {
|
||||
style['background'] = `url(${this.config.commonBackground.innerImage}) no-repeat`
|
||||
style['background-size'] = `100% 100%`
|
||||
}
|
||||
return style
|
||||
},
|
||||
componentActiveFlag() {
|
||||
return (this.curComponent && this.config === this.curComponent) && !this.previewVisible
|
||||
},
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
<linkage-field v-if="linkageInfo.linkageActive" :element="element" />
|
||||
</div>
|
||||
<div v-if="normalAreaShow">
|
||||
<setting-menu v-if="activeModel==='edit'" style="float: right;height: 24px!important;" @amRemoveItem="amRemoveItem" @linkJumpSet="linkJumpSet">
|
||||
<setting-menu v-if="activeModel==='edit'" style="float: right;height: 24px!important;" @amRemoveItem="amRemoveItem" @linkJumpSet="linkJumpSet" @boardSet="boardSet">
|
||||
<span slot="icon" :title="$t('panel.setting')">
|
||||
<i class="icon iconfont icon-shezhi" style="margin-top:2px" />
|
||||
</span>
|
||||
@ -242,6 +242,9 @@ export default {
|
||||
}
|
||||
|
||||
reader.readAsDataURL(file)
|
||||
},
|
||||
boardSet() {
|
||||
this.$emit('boardSet')
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -14,6 +14,7 @@
|
||||
<el-dropdown-item v-if="'view'===curComponent.type" icon="el-icon-link" @click.native="linkageSetting">{{ $t('panel.linkage_setting') }}</el-dropdown-item>
|
||||
<el-dropdown-item v-if="'de-tabs'===curComponent.type" icon="el-icon-link" @click.native="addTab">{{ $t('panel.add_tab') }}</el-dropdown-item>
|
||||
<el-dropdown-item v-if="'view'===curComponent.type" icon="el-icon-connection" @click.native="linkJumpSet">跳转设置</el-dropdown-item>
|
||||
<el-dropdown-item icon="el-icon-full-screen" @click.native="boardSet">设置边框</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
</div>
|
||||
@ -147,6 +148,10 @@ export default {
|
||||
// 跳转设置
|
||||
linkJumpSet() {
|
||||
this.$emit('linkJumpSet')
|
||||
},
|
||||
// 设置边框
|
||||
boardSet() {
|
||||
this.$emit('boardSet')
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -55,6 +55,7 @@
|
||||
@amRemoveItem="removeItem(item._dragId)"
|
||||
@amAddItem="addItemBox(item)"
|
||||
@linkJumpSet="linkJumpSet(item)"
|
||||
@boardSet="boardSet(item)"
|
||||
@canvasDragging="canvasDragging"
|
||||
>
|
||||
<component
|
||||
@ -167,6 +168,18 @@
|
||||
>
|
||||
<LinkJumpSet v-if="linkJumpSetVisible" :view-id="linkJumpSetViewId" @closeJumpSetDialog="closeJumpSetDialog" />
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog
|
||||
:visible.sync="boardSetVisible"
|
||||
width="750px"
|
||||
:title="$t('panel.choose_border')"
|
||||
class="dialog-css"
|
||||
:show-close="false"
|
||||
:destroy-on-close="true"
|
||||
:append-to-body="true"
|
||||
>
|
||||
<background />
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -196,6 +209,7 @@ import { buildFilterMap } from '@/utils/conditionUtil'
|
||||
// 挤占式画布
|
||||
import _ from 'lodash'
|
||||
import $ from 'jquery'
|
||||
import Background from '@/views/background/index'
|
||||
|
||||
let positionBox = []
|
||||
let coordinates = [] // 坐标点集合
|
||||
@ -762,7 +776,7 @@ function getoPsitionBox() {
|
||||
}
|
||||
|
||||
export default {
|
||||
components: { Shape, ContextMenu, MarkLine, Area, Grid, PGrid, DeDrag, UserViewDialog, DeOutWidget, CanvasOptBar, DragShadow, LinkJumpSet },
|
||||
components: { Background, Shape, ContextMenu, MarkLine, Area, Grid, PGrid, DeDrag, UserViewDialog, DeOutWidget, CanvasOptBar, DragShadow, LinkJumpSet },
|
||||
props: {
|
||||
isEdit: {
|
||||
type: Boolean,
|
||||
@ -827,6 +841,7 @@ export default {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
boardSetVisible: false,
|
||||
psDebug: false, // 定位调试模式
|
||||
editorX: 0,
|
||||
editorY: 0,
|
||||
@ -1009,10 +1024,16 @@ export default {
|
||||
_this.positionBoxInfoArray = positionBox
|
||||
}, 500)
|
||||
}
|
||||
eventBus.$on('backgroundSetClose', () => {
|
||||
this.boardSetVisible = false
|
||||
})
|
||||
},
|
||||
created() {
|
||||
},
|
||||
methods: {
|
||||
boardSet(item) {
|
||||
this.boardSetVisible = true
|
||||
},
|
||||
changeStyleWithScale,
|
||||
handleMouseDown(e) {
|
||||
// 如果没有选中组件 在画布上点击时需要调用 e.preventDefault() 防止触发 drop 事件
|
||||
|
||||
@ -16,6 +16,15 @@ export const BASE_MOBILE_STYLE = {
|
||||
auxiliaryMatrix: true
|
||||
}
|
||||
|
||||
// 公共背景
|
||||
export const COMMON_BACKGROUND = {
|
||||
enable: false,
|
||||
backgroundType: 'color',
|
||||
color: '#FFFFFF',
|
||||
innerImage: null,
|
||||
outerImage: null
|
||||
}
|
||||
|
||||
// 公共样式
|
||||
export const commonStyle = {
|
||||
rotate: 0,
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import {
|
||||
BASE_MOBILE_STYLE,
|
||||
BASE_MOBILE_STYLE, COMMON_BACKGROUND,
|
||||
HYPERLINKS
|
||||
} from '@/components/canvas/custom-component/component-list'
|
||||
|
||||
@ -93,6 +93,7 @@ export function panelInit(componentData, componentStyle) {
|
||||
if (item.type === 'picture-add') {
|
||||
item.hyperlinks = (item.hyperlinks || HYPERLINKS)
|
||||
}
|
||||
item.commonBackground = item.commonBackground || deepCopy(COMMON_BACKGROUND)
|
||||
})
|
||||
// style初始化
|
||||
componentStyle.refreshTime = (componentStyle.refreshTime || 5)
|
||||
|
||||
@ -1555,7 +1555,8 @@ export default {
|
||||
public_link_tips: 'Currently in public link mode, the target panel does not have a public link and cannot jump to it',
|
||||
input_title: 'Input Title',
|
||||
show_title: 'Show Title',
|
||||
default_settings: 'Default Settings'
|
||||
default_settings: 'Default Settings',
|
||||
choose_border: 'Choose Border'
|
||||
},
|
||||
plugin: {
|
||||
local_install: 'Local installation',
|
||||
|
||||
@ -1556,7 +1556,8 @@ export default {
|
||||
public_link_tips: '當前是公共鏈接模式，目標儀錶闆未設置公共鏈接，無法跳轉',
|
||||
input_title: '請輸入標題',
|
||||
show_title: '顯示標題',
|
||||
default_settings: '默認值設置'
|
||||
default_settings: '默認值設置',
|
||||
choose_border: '选择边框'
|
||||
},
|
||||
plugin: {
|
||||
local_install: '本地安裝',
|
||||
|
||||
@ -1565,7 +1565,8 @@ export default {
|
||||
public_link_tips: '当前是公共链接模式，目标仪表板未设置公共链接，无法跳转',
|
||||
input_title: '请输入标题',
|
||||
show_title: '显示标题',
|
||||
default_settings: '默认值设置'
|
||||
default_settings: '默认值设置',
|
||||
choose_border: '选择边框'
|
||||
},
|
||||
plugin: {
|
||||
local_install: '本地安装',
|
||||
|
||||
120
frontend/src/views/background/BackgroundItem.vue
Normal file
120
frontend/src/views/background/BackgroundItem.vue
Normal file
@ -0,0 +1,120 @@
|
||||
<template>
|
||||
<div class="testcase-template">
|
||||
<div
|
||||
:class="[
|
||||
{
|
||||
['template-img-active']:itemActive
|
||||
},
|
||||
'template-img'
|
||||
]"
|
||||
:style="classBackground"
|
||||
@click.stop="setBoard"
|
||||
/>
|
||||
<el-tooltip class="item" effect="light" :content="template.name" placement="bottom">
|
||||
<span class="demonstration">{{ template.name }}</span>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { mapState } from 'vuex'
|
||||
|
||||
export default {
|
||||
name: 'BackgroundItem',
|
||||
props: {
|
||||
template: {
|
||||
type: Object,
|
||||
default() {
|
||||
return {}
|
||||
}
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
itemActive() {
|
||||
return this.curComponent.commonBackground.innerImage === this.template.url
|
||||
},
|
||||
classBackground() {
|
||||
if (this.template.url) {
|
||||
return {
|
||||
background: `url(${this.template.url}) no-repeat`,
|
||||
'background-size': `100% 100%`
|
||||
}
|
||||
} else {
|
||||
return {}
|
||||
}
|
||||
},
|
||||
...mapState([
|
||||
'curComponent'
|
||||
])
|
||||
},
|
||||
methods: {
|
||||
setBoard() {
|
||||
this.curComponent.commonBackground.innerImage = this.template.url
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
.testcase-template {
|
||||
display: inline-block;
|
||||
margin: 10px 30px;
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.demonstration {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
color: gray;
|
||||
text-align: center;
|
||||
margin: 10px auto;
|
||||
width: 150px;
|
||||
white-space:nowrap;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
}
|
||||
|
||||
.template-img {
|
||||
height: 112px;
|
||||
width: 200px;
|
||||
margin: 0 auto;
|
||||
box-shadow: 0 0 2px 0 rgba(31,31,31,0.15), 0 1px 2px 0 rgba(31,31,31,0.15);
|
||||
border: solid 2px #fff;
|
||||
box-sizing: border-box;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.template-img:hover {
|
||||
border: solid 1px #4b8fdf;
|
||||
border-radius: 3px;
|
||||
color: deepskyblue;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.template-img > i{
|
||||
display:none;
|
||||
float: right;
|
||||
color: gray;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.template-img > i:hover {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.template-img:hover > .el-icon-error {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.template-img:hover > .el-icon-edit {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.template-img-active {
|
||||
border: solid 1px red;
|
||||
border-radius: 3px;
|
||||
color: deepskyblue;
|
||||
}
|
||||
|
||||
</style>
|
||||
97
frontend/src/views/background/index.vue
Normal file
97
frontend/src/views/background/index.vue
Normal file
@ -0,0 +1,97 @@
|
||||
<template>
|
||||
<el-row>
|
||||
<el-row class="main-row">
|
||||
<el-row v-for="(value, key) in BackgroundShowMap" :key="key">
|
||||
<el-col :span="24"><span>{{ key }}</span> </el-col>
|
||||
<el-col
|
||||
v-for="item in value"
|
||||
:key="item.id"
|
||||
:span="8"
|
||||
>
|
||||
<background-item
|
||||
:template="item"
|
||||
/>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-row>
|
||||
<el-row class="root-class">
|
||||
<el-col :span="9" style="text-align: right;vertical-align: middle">
|
||||
<el-checkbox v-model="curComponent.commonBackground.enable">{{ $t('commons.enable') }}</el-checkbox>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-button size="mini" @click="cancel()">{{ $t('commons.cancel') }}</el-button>
|
||||
<el-button type="primary" size="mini" @click="save()">{{ $t('commons.confirm') }}</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-row>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { queryBackground } from '@/api/background/background'
|
||||
import BackgroundItem from '@/views/background/BackgroundItem'
|
||||
import { mapState } from 'vuex'
|
||||
import eventBus from '@/components/canvas/utils/eventBus'
|
||||
import { deepCopy } from '@/components/canvas/utils/utils'
|
||||
|
||||
export default {
|
||||
name: 'Background',
|
||||
components: { BackgroundItem },
|
||||
data() {
|
||||
return {
|
||||
BackgroundShowMap: {},
|
||||
checked: false,
|
||||
backgroundOrigin: {}
|
||||
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.backgroundOrigin = deepCopy(this.curComponent.commonBackground)
|
||||
this.queryBackground()
|
||||
},
|
||||
computed: {
|
||||
...mapState([
|
||||
'curComponent'
|
||||
])
|
||||
},
|
||||
methods: {
|
||||
queryBackground() {
|
||||
queryBackground().then(response => {
|
||||
this.BackgroundShowMap = response.data
|
||||
})
|
||||
},
|
||||
cancel() {
|
||||
this.curComponent.commonBackground.enable = this.backgroundOrigin.enable
|
||||
this.curComponent.commonBackground.backgroundType = this.backgroundOrigin.backgroundType
|
||||
this.curComponent.commonBackground.color = this.backgroundOrigin.color
|
||||
this.curComponent.commonBackground.innerImage = this.backgroundOrigin.innerImage
|
||||
this.curComponent.commonBackground.outerImage = this.backgroundOrigin.outerImage
|
||||
eventBus.$emit('backgroundSetClose')
|
||||
},
|
||||
save() {
|
||||
this.$store.commit('recordSnapshot')
|
||||
eventBus.$emit('backgroundSetClose')
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-card-template {
|
||||
min-width: 260px;
|
||||
min-width: 460px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.main-row{
|
||||
height: 60vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.root-class {
|
||||
margin: 15px 0px 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
</style>
|
||||
@ -9,6 +9,14 @@
|
||||
<el-color-picker v-model="colorForm.color" :predefine="predefineColors" size="mini" style="cursor: pointer;z-index: 1004;" @change="changeBackgroundStyle" />
|
||||
</el-col>
|
||||
</el-row>
|
||||
<!-- <el-row>-->
|
||||
<!-- <el-col :span="5" class="col-label-item">-->
|
||||
<!-- <el-radio v-model="colorForm.backgroundType" label="innerImage" @change="changeBackgroundStyle"><span class="label-item">边框</span></el-radio>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- <el-col :span="19">-->
|
||||
<!-- <el-button @click="openBoardDialog"> 选择边框</el-button>-->
|
||||
<!-- </el-col>-->
|
||||
<!-- </el-row>-->
|
||||
<el-row style="height: 60px;margin-top:10px;overflow: hidden">
|
||||
<el-col :span="5" class="col-label-item">
|
||||
<el-radio v-model="colorForm.backgroundType" label="outImage" @change="changeBackgroundStyle"><span class="label-item">{{ $t('panel.photo') }}</span></el-radio>
|
||||
@ -151,6 +159,9 @@ export default {
|
||||
},
|
||||
upload(file) {
|
||||
// console.log('this is upload')
|
||||
},
|
||||
openBoardDialog() {
|
||||
// console.log('this is upload')
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user