Skip to content

D
dataease
提交 0760bd7d authored 作者: wangjiahao's avatar wangjiahao
浏览文件
操作

feat: 仪表板可以对组件设置边框

上级 7c67717b
隐藏空白字符变更
内嵌 并排
正在显示 包含 1076 行增加 和 38 行删除
backend/src/main/java/io/dataease/controller/background/BackgroundController.java 0 → 100644
浏览文件 @ 0760bd7d
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();
}
}
backend/src/main/java/io/dataease/service/background/BackgroundService.java 0 → 100644
浏览文件 @ 0760bd7d
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));
}
}
backend/src/main/resources/generatorConfig.xml
浏览文件 @ 0760bd7d
...@@ -60,6 +60,6 @@ ...@@ -60,6 +60,6 @@
</javaClientGenerator> </javaClientGenerator>
<!--要生成的数据库表 --> <!--要生成的数据库表 -->
<table tableName="chart_view"/> <table tableName="sys_background_image"/>
</context> </context>
</generatorConfiguration> </generatorConfiguration>
backend/src/main/resources/i18n/messages_en_US.properties
浏览文件 @ 0760bd7d
...@@ -120,3 +120,4 @@ connection_failed=Connection Failed ...@@ -120,3 +120,4 @@ connection_failed=Connection Failed
theme_name_repeat=name of theme has been existed theme_name_repeat=name of theme has been existed
theme_name_empty=name can not be empty theme_name_empty=name can not be empty
i18n_public_chart=【Public Chart】 i18n_public_chart=【Public Chart】
i18n_class_blue=Blue Tone
backend/src/main/resources/i18n/messages_zh_CN.properties
浏览文件 @ 0760bd7d
...@@ -119,3 +119,5 @@ connection_failed=连接失败 ...@@ -119,3 +119,5 @@ connection_failed=连接失败
theme_name_repeat=名称已存在 theme_name_repeat=名称已存在
theme_name_empty=名称不能为空 theme_name_empty=名称不能为空
i18n_public_chart=【存量视图】 i18n_public_chart=【存量视图】
i18n_class_blue=蓝色调
backend/src/main/resources/i18n/messages_zh_TW.properties
浏览文件 @ 0760bd7d
...@@ -120,3 +120,4 @@ connection_failed=連接失敗 ...@@ -120,3 +120,4 @@ connection_failed=連接失敗
theme_name_repeat=名稱已存在 theme_name_repeat=名稱已存在
theme_name_empty=名稱不能為空 theme_name_empty=名稱不能為空
i18n_public_chart=【存量视图】 i18n_public_chart=【存量视图】
i18n_class_blue=蓝色调
frontend/public/board/blue_1.svg 0 → 100644
浏览文件 @ 0760bd7d
<?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>
frontend/public/board/blue_2.svg 0 → 100644
浏览文件 @ 0760bd7d
<?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>
frontend/public/board/blue_3.svg 0 → 100644
浏览文件 @ 0760bd7d
<?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>
frontend/public/board/blue_4.svg 0 → 100644
浏览文件 @ 0760bd7d
<?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>
frontend/public/board/blue_5.svg 0 → 100644
浏览文件 @ 0760bd7d
<?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>
frontend/src/api/background/background.js 0 → 100644
浏览文件 @ 0760bd7d
import request from '@/utils/request'
export function queryBackground() {
return request({
url: 'background/findAll',
method: 'get'
})
}
frontend/src/assets/blue_1.svg 0 → 100644
浏览文件 @ 0760bd7d
<?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>
frontend/src/components/DeDrag/index.vue
浏览文件 @ 0760bd7d
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
]" ]"
:style="mainSlotStyle" :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" /> <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 v-if="resizing" style="transform: translateZ(11px);position: absolute; z-index: 3" :style="resizeShadowStyle" />
<div <div
...@@ -531,6 +531,10 @@ export default { ...@@ -531,6 +531,10 @@ export default {
width: this.computedMainSlotWidth, width: this.computedMainSlotWidth,
height: this.computedMainSlotHeight height: this.computedMainSlotHeight
} }
if (this.element.commonBackground.enable) {
style['background'] = `url(${this.element.commonBackground.innerImage}) no-repeat`
style['background-size'] = `100% 100%`
}
return style return style
}, },
curComponent() { curComponent() {
...@@ -1744,6 +1748,10 @@ export default { ...@@ -1744,6 +1748,10 @@ export default {
// 跳转设置 // 跳转设置
linkJumpSet() { linkJumpSet() {
this.$emit('linkJumpSet') this.$emit('linkJumpSet')
},
// 跳转设置
boardSet() {
this.$emit('boardSet')
} }
} }
......
frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
浏览文件 @ 0760bd7d
...@@ -5,36 +5,38 @@ ...@@ -5,36 +5,38 @@
@click="handleClick" @click="handleClick"
@mousedown="elementMouseDown" @mousedown="elementMouseDown"
> >
<edit-bar v-if="componentActiveFlag" :element="config" @showViewDetails="showViewDetails" /> <div :style="commonStyle">
<close-bar v-if="previewVisible" @closePreview="closePreview" /> <edit-bar v-if="componentActiveFlag" :element="config" @showViewDetails="showViewDetails" />
<de-out-widget <close-bar v-if="previewVisible" @closePreview="closePreview" />
v-if="config.type==='custom'" <de-out-widget
:id="'component' + config.id" v-if="config.type==='custom'"
class="component-custom" :id="'component' + config.id"
:style="getComponentStyleDefault(config.style)" class="component-custom"
style="overflow: hidden" :style="getComponentStyleDefault(config.style)"
:out-style="config.style" style="overflow: hidden"
:element="config" :out-style="config.style"
:in-screen="inScreen" :element="config"
:edit-mode="'preview'" :in-screen="inScreen"
:h="config.style.height" :edit-mode="'preview'"
/> :h="config.style.height"
<component />
:is="config.component" <component
v-else :is="config.component"
ref="wrapperChild" v-else
:out-style="config.style" ref="wrapperChild"
:style="getComponentStyleDefault(config.style)" :out-style="config.style"
:prop-value="config.propValue" :style="getComponentStyleDefault(config.style)"
:is-edit="false" :prop-value="config.propValue"
:active="componentActiveFlag" :is-edit="false"
:element="config" :active="componentActiveFlag"
:search-count="searchCount" :element="config"
:h="config.style.height" :search-count="searchCount"
:edit-mode="'preview'" :h="config.style.height"
:filters="filters" :edit-mode="'preview'"
:terminal="terminal" :filters="filters"
/> :terminal="terminal"
/>
</div>
</div> </div>
</template> </template>
...@@ -87,6 +89,17 @@ export default { ...@@ -87,6 +89,17 @@ export default {
} }
}, },
computed: { 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() { componentActiveFlag() {
return (this.curComponent && this.config === this.curComponent) && !this.previewVisible return (this.curComponent && this.config === this.curComponent) && !this.previewVisible
}, },
......
frontend/src/components/canvas/components/Editor/EditBar.vue
浏览文件 @ 0760bd7d
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<linkage-field v-if="linkageInfo.linkageActive" :element="element" /> <linkage-field v-if="linkageInfo.linkageActive" :element="element" />
</div> </div>
<div v-if="normalAreaShow"> <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')"> <span slot="icon" :title="$t('panel.setting')">
<i class="icon iconfont icon-shezhi" style="margin-top:2px" /> <i class="icon iconfont icon-shezhi" style="margin-top:2px" />
</span> </span>
...@@ -242,6 +242,9 @@ export default { ...@@ -242,6 +242,9 @@ export default {
} }
reader.readAsDataURL(file) reader.readAsDataURL(file)
},
boardSet() {
this.$emit('boardSet')
} }
} }
} }
......
frontend/src/components/canvas/components/Editor/SettingMenu.vue
浏览文件 @ 0760bd7d
...@@ -14,6 +14,7 @@ ...@@ -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="'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="'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 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-menu>
</el-dropdown> </el-dropdown>
</div> </div>
...@@ -147,6 +148,10 @@ export default { ...@@ -147,6 +148,10 @@ export default {
// 跳转设置 // 跳转设置
linkJumpSet() { linkJumpSet() {
this.$emit('linkJumpSet') this.$emit('linkJumpSet')
},
// 设置边框
boardSet() {
this.$emit('boardSet')
} }
} }
} }
......
frontend/src/components/canvas/components/Editor/index.vue
浏览文件 @ 0760bd7d
...@@ -55,6 +55,7 @@ ...@@ -55,6 +55,7 @@
@amRemoveItem="removeItem(item._dragId)" @amRemoveItem="removeItem(item._dragId)"
@amAddItem="addItemBox(item)" @amAddItem="addItemBox(item)"
@linkJumpSet="linkJumpSet(item)" @linkJumpSet="linkJumpSet(item)"
@boardSet="boardSet(item)"
@canvasDragging="canvasDragging" @canvasDragging="canvasDragging"
> >
<component <component
...@@ -167,6 +168,18 @@ ...@@ -167,6 +168,18 @@
> >
<LinkJumpSet v-if="linkJumpSetVisible" :view-id="linkJumpSetViewId" @closeJumpSetDialog="closeJumpSetDialog" /> <LinkJumpSet v-if="linkJumpSetVisible" :view-id="linkJumpSetViewId" @closeJumpSetDialog="closeJumpSetDialog" />
</el-dialog> </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> </div>
</template> </template>
...@@ -196,6 +209,7 @@ import { buildFilterMap } from '@/utils/conditionUtil' ...@@ -196,6 +209,7 @@ import { buildFilterMap } from '@/utils/conditionUtil'
// 挤占式画布 // 挤占式画布
import _ from 'lodash' import _ from 'lodash'
import $ from 'jquery' import $ from 'jquery'
import Background from '@/views/background/index'
let positionBox = [] let positionBox = []
let coordinates = [] // 坐标点集合 let coordinates = [] // 坐标点集合
...@@ -762,7 +776,7 @@ function getoPsitionBox() { ...@@ -762,7 +776,7 @@ function getoPsitionBox() {
} }
export default { 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: { props: {
isEdit: { isEdit: {
type: Boolean, type: Boolean,
...@@ -827,6 +841,7 @@ export default { ...@@ -827,6 +841,7 @@ export default {
}, },
data() { data() {
return { return {
boardSetVisible: false,
psDebug: false, // 定位调试模式 psDebug: false, // 定位调试模式
editorX: 0, editorX: 0,
editorY: 0, editorY: 0,
...@@ -1009,10 +1024,16 @@ export default { ...@@ -1009,10 +1024,16 @@ export default {
_this.positionBoxInfoArray = positionBox _this.positionBoxInfoArray = positionBox
}, 500) }, 500)
} }
eventBus.$on('backgroundSetClose', () => {
this.boardSetVisible = false
})
}, },
created() { created() {
}, },
methods: { methods: {
boardSet(item) {
this.boardSetVisible = true
},
changeStyleWithScale, changeStyleWithScale,
handleMouseDown(e) { handleMouseDown(e) {
// 如果没有选中组件 在画布上点击时需要调用 e.preventDefault() 防止触发 drop 事件 // 如果没有选中组件 在画布上点击时需要调用 e.preventDefault() 防止触发 drop 事件
......
frontend/src/components/canvas/custom-component/component-list.js
浏览文件 @ 0760bd7d
...@@ -16,6 +16,15 @@ export const BASE_MOBILE_STYLE = { ...@@ -16,6 +16,15 @@ export const BASE_MOBILE_STYLE = {
auxiliaryMatrix: true auxiliaryMatrix: true
} }
// 公共背景
export const COMMON_BACKGROUND = {
enable: false,
backgroundType: 'color',
color: '#FFFFFF',
innerImage: null,
outerImage: null
}
// 公共样式 // 公共样式
export const commonStyle = { export const commonStyle = {
rotate: 0, rotate: 0,
......
frontend/src/components/canvas/utils/utils.js
浏览文件 @ 0760bd7d
import { import {
BASE_MOBILE_STYLE, BASE_MOBILE_STYLE, COMMON_BACKGROUND,
HYPERLINKS HYPERLINKS
} from '@/components/canvas/custom-component/component-list' } from '@/components/canvas/custom-component/component-list'
...@@ -93,6 +93,7 @@ export function panelInit(componentData, componentStyle) { ...@@ -93,6 +93,7 @@ export function panelInit(componentData, componentStyle) {
if (item.type === 'picture-add') { if (item.type === 'picture-add') {
item.hyperlinks = (item.hyperlinks || HYPERLINKS) item.hyperlinks = (item.hyperlinks || HYPERLINKS)
} }
item.commonBackground = item.commonBackground || deepCopy(COMMON_BACKGROUND)
}) })
// style初始化 // style初始化
componentStyle.refreshTime = (componentStyle.refreshTime || 5) componentStyle.refreshTime = (componentStyle.refreshTime || 5)
......
frontend/src/lang/en.js
浏览文件 @ 0760bd7d
...@@ -1555,7 +1555,8 @@ export default { ...@@ -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', 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', input_title: 'Input Title',
show_title: 'Show Title', show_title: 'Show Title',
default_settings: 'Default Settings' default_settings: 'Default Settings',
choose_border: 'Choose Border'
}, },
plugin: { plugin: {
local_install: 'Local installation', local_install: 'Local installation',
......
frontend/src/lang/tw.js
浏览文件 @ 0760bd7d
...@@ -1556,7 +1556,8 @@ export default { ...@@ -1556,7 +1556,8 @@ export default {
public_link_tips: '當前是公共鏈接模式，目標儀錶闆未設置公共鏈接，無法跳轉', public_link_tips: '當前是公共鏈接模式，目標儀錶闆未設置公共鏈接，無法跳轉',
input_title: '請輸入標題', input_title: '請輸入標題',
show_title: '顯示標題', show_title: '顯示標題',
default_settings: '默認值設置' default_settings: '默認值設置',
choose_border: '选择边框'
}, },
plugin: { plugin: {
local_install: '本地安裝', local_install: '本地安裝',
......
frontend/src/lang/zh.js
浏览文件 @ 0760bd7d
...@@ -1565,7 +1565,8 @@ export default { ...@@ -1565,7 +1565,8 @@ export default {
public_link_tips: '当前是公共链接模式，目标仪表板未设置公共链接，无法跳转', public_link_tips: '当前是公共链接模式，目标仪表板未设置公共链接，无法跳转',
input_title: '请输入标题', input_title: '请输入标题',
show_title: '显示标题', show_title: '显示标题',
default_settings: '默认值设置' default_settings: '默认值设置',
choose_border: '选择边框'
}, },
plugin: { plugin: {
local_install: '本地安装', local_install: '本地安装',
......
frontend/src/views/background/BackgroundItem.vue 0 → 100644
浏览文件 @ 0760bd7d
<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>
frontend/src/views/background/index.vue 0 → 100644
浏览文件 @ 0760bd7d
<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>
frontend/src/views/chart/components/component-style/BackgroundColorSelector.vue
浏览文件 @ 0760bd7d
...@@ -9,6 +9,14 @@ ...@@ -9,6 +9,14 @@
<el-color-picker v-model="colorForm.color" :predefine="predefineColors" size="mini" style="cursor: pointer;z-index: 1004;" @change="changeBackgroundStyle" /> <el-color-picker v-model="colorForm.color" :predefine="predefineColors" size="mini" style="cursor: pointer;z-index: 1004;" @change="changeBackgroundStyle" />
</el-col> </el-col>
</el-row> </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-row style="height: 60px;margin-top:10px;overflow: hidden">
<el-col :span="5" class="col-label-item"> <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> <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 { ...@@ -151,6 +159,9 @@ export default {
}, },
upload(file) { upload(file) {
// console.log('this is upload') // console.log('this is upload')
},
openBoardDialog() {
// console.log('this is upload')
} }
} }
} }
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论