diff --git a/report-ui/config/dev.env.js b/report-ui/config/dev.env.js index ee3d90dc..f50fc84e 100644 --- a/report-ui/config/dev.env.js +++ b/report-ui/config/dev.env.js @@ -4,6 +4,6 @@ const prodEnv = require('./prod.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"', - BASE_API: '"http://127.0.0.1:9095"' - // BASE_API: '"http://10.108.26.197:9095"' + // BASE_API: '"http://127.0.0.1:9095"' + BASE_API: '"http://10.108.26.197:9095"' }) diff --git a/report-ui/src/assets/iconfont/demo_index.html b/report-ui/src/assets/iconfont/demo_index.html index 62576652..16625d00 100644 --- a/report-ui/src/assets/iconfont/demo_index.html +++ b/report-ui/src/assets/iconfont/demo_index.html @@ -1,13 +1,10 @@ - - + iconfont Demo - - + + @@ -37,625 +34,634 @@ } -

- - -

+ + +
-
    - -
  • - -
    展 开
    -
    
    -
  • - -
  • - -
    excel
    -
    
    -
  • - -
  • - -
    保存
    -
    
    -
  • - -
  • - -
    关 闭
    -
    
    -
  • - -
  • - -
    pdf
    -
    
    -
  • - -
  • - -
    复制
    -
    
    -
  • - -
  • - -
    020空心饼图
    -
    
    -
  • - -
  • - -
    时间
    -
    
    -
  • - -
  • - -
    保存
    -
    
    -
  • - -
  • - -
    图片
    -
    
    -
  • - -
  • - -
    柱状图
    -
    
    -
  • - -
  • - -
    超链接
    -
    
    -
  • - -
  • - -
    文本
    -
    
    -
  • - -
  • - -
    视频
    -
    
    -
  • - -
  • - -
    框架
    -
    
    -
  • - -
  • - -
    预览
    -
    
    -
  • - -
  • - -
    横向文字
    -
    
    -
  • - -
  • - -
    图表 _饼图
    -
    
    -
  • - -
  • - -
    漏斗图
    -
    
    -
  • - -
  • - -
    图表 折线图
    -
    
    -
  • - -
  • - -
    柱线图
    -
    
    -
  • - -
  • - -
    图片
    -
    
    -
  • - -
  • - -
    仪表盘
    -
    
    -
  • - -
  • - -
    返回
    -
    
    -
  • - -
  • - -
    下载
    -
    
    -
  • - -
  • - -
    下载
    -
    
    -
  • - -
  • - -
    邮箱
    -
    
    -
  • - -
  • - -
    绑定手机
    -
    
    -
  • - -
  • - -
    手机
    -
    
    -
  • - -
  • - -
    52-手机
    -
    
    -
  • - -
  • - -
    home
    -
    
    -
  • - -
  • - -
    home
    -
    
    -
  • - -
  • - -
    Kafka
    -
    
    -
  • - -
  • - -
    数据接入—Kafka集群
    -
    
    -
  • - -
  • - -
    kafka
    -
    
    -
  • - -
  • - -
    elasticsearch-Elasticsearch
    -
    
    -
  • - -
  • -  -
    apachekafka
    -
    
    -
  • - -
  • - -
    elasticsearch
    -
    
    -
  • - -
  • - -
    问题反馈
    -
    
    -
  • - -
  • - -
    问题反馈
    -
    
    -
  • - -
  • - -
    问题反馈
    -
    
    -
  • - -
  • - -
    alikafka 消息队列Kafka
    -
    
    -
  • - -
  • - -
    项目查询-查看设备
    -
    
    -
  • - -
  • - -
    elasticsearch Elasticsearch
    -
    
    -
  • - -
  • - -
    511统计_树图
    -
    
    -
  • - -
  • - -
    分享
    -
    
    -
  • - -
  • - -
    分享
    -
    
    -
  • - -
  • - -
    分享
    -
    
    -
  • - -
  • - -
    告警-紧急
    -
    
    -
  • - -
  • - -
    完成安全事件
    -
    
    -
  • - -
  • - -
    eventbridge 消息事件总线
    -
    
    -
  • - -
  • - -
    -
    
    -
  • - -
  • - -
    设备关机
    -
    
    -
  • - -
  • - -
    好房拓 4.0.0 iconfont_短信
    -
    
    -
  • - -
  • - -
    业务参数
    -
    
    -
  • - -
  • - -
    列表
    -
    
    -
  • - -
  • - -
    编辑
    -
    
    -
  • - -
  • - -
    邮件
    -
    
    -
  • - -
  • - -
    社交钉钉
    -
    
    -
  • - -
  • - -
    字典管理
    -
    
    -
  • - -
  • - -
    图表
    -
    
    -
  • - -
  • - -
    钉钉
    -
    
    -
  • - -
  • - -
    短信
    -
    
    -
  • - -
  • - -
    directmail 邮件推送
    -
    
    -
  • - -
  • - -
    设备设施
    -
    
    -
  • - -
  • - -
    通知
    -
    
    -
  • - -
  • - -
    日志
    -
    
    -
  • - -
  • - -
    触发器配置-灰
    -
    
    -
  • - -
  • - -
    vcs 视觉计算服务
    -
    
    -
  • - -
  • - -
    设备
    -
    
    -
  • - -
  • - -
    user-before
    -
    
    -
  • - -
  • - -
    科目维护图标
    -
    
    -
  • - -
  • - -
    会计科目维护
    -
    
    -
  • - -
  • - -
    成本查询
    -
    
    -
  • - -
  • - -
    成本数据管理
    -
    
    -
  • - -
  • - -
    基本数据
    -
    
    -
  • - -
  • - -
    B-省市区
    -
    
    -
  • - -
  • - -
    组织机构
    -
    
    -
  • - -
  • - -
    按钮
    -
    
    -
  • - -
  • - -
    菜单
    -
    
    -
  • - -
  • - -
    问号
    -
    
    -
  • - -
  • - -
    垃圾桶
    -
    
    -
  • - -
  • - -
    重置密码
    -
    
    -
  • - -
  • - -
    设置
    -
    
    -
  • - -
  • - -
    中转
    -
    
    -
  • - -
  • - -
    add
    -
    
    -
  • - -
  • - -
    minus
    -
    
    -
  • - -
  • - -
    password
    -
    
    -
  • - -
  • - -
    用户
    -
    
    -
  • - -
  • - -
    权限
    -
    
    -
  • - -
  • - -
    角色
    -
    
    -
  • - -
  • - -
    字典
    -
    
    -
  • - -
  • - -
    参数设置
    -
    
    -
  • - -
  • - -
    编辑
    -
    
    -
  • - -
  • - -
    用户权限
    -
    
    -
  • - -
  • - -
    分享
    -
    
    -
  • - -
  • - -
    授权
    -
    
    -
  • - -
  • - -
    左箭头
    -
    
    -
  • - -
  • - -
    左箭头
    -
    
    -
  • - -
-
+
    + +
  • + +
    仪表盘-抄表
    +
    
    +
  • + +
  • + +
    南丁格尔玫瑰图
    +
    
    +
  • + +
  • + +
    展 开
    +
    
    +
  • + +
  • + +
    excel
    +
    
    +
  • + +
  • + +
    保存
    +
    
    +
  • + +
  • + +
    关 闭
    +
    
    +
  • + +
  • + +
    pdf
    +
    
    +
  • + +
  • + +
    复制
    +
    
    +
  • + +
  • + +
    020空心饼图
    +
    
    +
  • + +
  • + +
    时间
    +
    
    +
  • + +
  • + +
    保存
    +
    
    +
  • + +
  • + +
    图片
    +
    
    +
  • + +
  • + +
    柱状图
    +
    
    +
  • + +
  • + +
    超链接
    +
    
    +
  • + +
  • + +
    文本
    +
    
    +
  • + +
  • + +
    视频
    +
    
    +
  • + +
  • + +
    框架
    +
    
    +
  • + +
  • + +
    预览
    +
    
    +
  • + +
  • + +
    横向文字
    +
    
    +
  • + +
  • + +
    图表 _饼图
    +
    
    +
  • + +
  • + +
    漏斗图
    +
    
    +
  • + +
  • + +
    图表 折线图
    +
    
    +
  • + +
  • + +
    柱线图
    +
    
    +
  • + +
  • + +
    图片
    +
    
    +
  • + +
  • + +
    仪表盘
    +
    
    +
  • + +
  • + +
    返回
    +
    
    +
  • + +
  • + +
    下载
    +
    
    +
  • + +
  • + +
    下载
    +
    
    +
  • + +
  • + +
    邮箱
    +
    
    +
  • + +
  • + +
    绑定手机
    +
    
    +
  • + +
  • + +
    手机
    +
    
    +
  • + +
  • + +
    52-手机
    +
    
    +
  • + +
  • + +
    home
    +
    
    +
  • + +
  • + +
    home
    +
    
    +
  • + +
  • + +
    Kafka
    +
    
    +
  • + +
  • + +
    数据接入—Kafka集群
    +
    
    +
  • + +
  • + +
    kafka
    +
    
    +
  • + +
  • + +
    elasticsearch-Elasticsearch
    +
    
    +
  • + +
  • +  +
    apachekafka
    +
    
    +
  • + +
  • + +
    elasticsearch
    +
    
    +
  • + +
  • + +
    问题反馈
    +
    
    +
  • + +
  • + +
    问题反馈
    +
    
    +
  • + +
  • + +
    问题反馈
    +
    
    +
  • + +
  • + +
    alikafka 消息队列Kafka
    +
    
    +
  • + +
  • + +
    项目查询-查看设备
    +
    
    +
  • + +
  • + +
    elasticsearch Elasticsearch
    +
    
    +
  • + +
  • + +
    511统计_树图
    +
    
    +
  • + +
  • + +
    分享
    +
    
    +
  • + +
  • + +
    分享
    +
    
    +
  • + +
  • + +
    分享
    +
    
    +
  • + +
  • + +
    告警-紧急
    +
    
    +
  • + +
  • + +
    完成安全事件
    +
    
    +
  • + +
  • + +
    eventbridge 消息事件总线
    +
    
    +
  • + +
  • + +
    +
    
    +
  • + +
  • + +
    设备关机
    +
    
    +
  • + +
  • + +
    好房拓 4.0.0 iconfont_短信
    +
    
    +
  • + +
  • + +
    业务参数
    +
    
    +
  • + +
  • + +
    列表
    +
    
    +
  • + +
  • + +
    编辑
    +
    
    +
  • + +
  • + +
    邮件
    +
    
    +
  • + +
  • + +
    社交钉钉
    +
    
    +
  • + +
  • + +
    字典管理
    +
    
    +
  • + +
  • + +
    图表
    +
    
    +
  • + +
  • + +
    钉钉
    +
    
    +
  • + +
  • + +
    短信
    +
    
    +
  • + +
  • + +
    directmail 邮件推送
    +
    
    +
  • + +
  • + +
    设备设施
    +
    
    +
  • + +
  • + +
    通知
    +
    
    +
  • + +
  • + +
    日志
    +
    
    +
  • + +
  • + +
    触发器配置-灰
    +
    
    +
  • + +
  • + +
    vcs 视觉计算服务
    +
    
    +
  • + +
  • + +
    设备
    +
    
    +
  • + +
  • + +
    user-before
    +
    
    +
  • + +
  • + +
    科目维护图标
    +
    
    +
  • + +
  • + +
    会计科目维护
    +
    
    +
  • + +
  • + +
    成本查询
    +
    
    +
  • + +
  • + +
    成本数据管理
    +
    
    +
  • + +
  • + +
    基本数据
    +
    
    +
  • + +
  • + +
    B-省市区
    +
    
    +
  • + +
  • + +
    组织机构
    +
    
    +
  • + +
  • + +
    按钮
    +
    
    +
  • + +
  • + +
    菜单
    +
    
    +
  • + +
  • + +
    问号
    +
    
    +
  • + +
  • + +
    垃圾桶
    +
    
    +
  • + +
  • + +
    重置密码
    +
    
    +
  • + +
  • + +
    设置
    +
    
    +
  • + +
  • + +
    中转
    +
    
    +
  • + +
  • + +
    add
    +
    
    +
  • + +
  • + +
    minus
    +
    
    +
  • + +
  • + +
    password
    +
    
    +
  • + +
  • + +
    用户
    +
    
    +
  • + +
  • + +
    权限
    +
    
    +
  • + +
  • + +
    角色
    +
    
    +
  • + +
  • + +
    字典
    +
    
    +
  • + +
  • + +
    参数设置
    +
    
    +
  • + +
  • + +
    编辑
    +
    
    +
  • + +
  • + +
    用户权限
    +
    
    +
  • + +
  • + +
    分享
    +
    
    +
  • + +
  • + +
    授权
    +
    
    +
  • + +
  • + +
    左箭头
    +
    
    +
  • + +
  • + +
    左箭头
    +
    
    +
  • + +
+

Unicode 引用


@@ -669,16 +675,16 @@

Unicode 使用步骤如下:

第一步:拷贝项目下面生成的 @font-face

-
@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1624613153423') format('woff2'),
-       url('iconfont.woff?t=1624613153423') format('woff'),
-       url('iconfont.ttf?t=1624613153423') format('truetype');
+  src: url('iconfont.woff2?t=1624933667537') format('woff2'),
+       url('iconfont.woff?t=1624933667537') format('woff'),
+       url('iconfont.ttf?t=1624933667537') format('truetype');
 }
 

第二步:定义使用 iconfont 的样式

-
.iconfont {
   font-family: "iconfont" !important;
   font-size: 16px;
@@ -688,27 +694,45 @@
 }
 

第三步:挑选相应图标并获取字体编码,应用于页面

-
+
 <span class="iconfont">&#x33;</span>
 

"iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。

-
+
    - + +
  • + +
    + 仪表盘-抄表 +
    +
    .iconyibiaopan-chaobiao +
    +
  • + +
  • + +
    + 南丁格尔玫瑰图 +
    +
    .iconnandinggeermeiguitu +
    +
  • +
  • - 展 开 + 展 开
    .iconzhankai
  • - +
  • @@ -717,7 +741,7 @@
    .iconexcel
  • - +
  • @@ -726,16 +750,16 @@
    .iconbaocun
  • - +
  • - 关 闭 + 关 闭
    .iconguanbi
  • - +
  • @@ -744,7 +768,7 @@
    .iconpdf
  • - +
  • @@ -753,7 +777,7 @@
    .iconfuzhi
  • - +
  • @@ -762,7 +786,7 @@
    .icon020kongxinbingtu
  • - +
  • @@ -771,7 +795,7 @@
    .iconshijian
  • - +
  • @@ -780,7 +804,7 @@
    .iconsave
  • - +
  • @@ -789,7 +813,7 @@
    .icontupian
  • - +
  • @@ -798,7 +822,7 @@
    .iconzhuzhuangtu
  • - +
  • @@ -807,7 +831,7 @@
    .iconchaolianjie
  • - +
  • @@ -816,7 +840,7 @@
    .iconziyuan
  • - +
  • @@ -825,7 +849,7 @@
    .iconshipin
  • - +
  • @@ -834,7 +858,7 @@
    .iconkuangjia
  • - +
  • @@ -843,7 +867,7 @@
    .iconyulan
  • - +
  • @@ -852,7 +876,7 @@
    .iconhengxiangwenzi
  • - +
  • @@ -861,7 +885,7 @@
    .iconicon_tubiao_bingtu
  • - +
  • @@ -870,7 +894,7 @@
    .iconloudoutu
  • - +
  • @@ -879,7 +903,7 @@
    .icontubiaozhexiantu
  • - +
  • @@ -888,7 +912,7 @@
    .iconzhuxiantu
  • - +
  • @@ -897,7 +921,7 @@
    .icontupian1
  • - +
  • @@ -906,7 +930,7 @@
    .iconyibiaopan
  • - +
  • @@ -915,7 +939,7 @@
    .icon1
  • - +
  • @@ -924,7 +948,7 @@
    .iconxiazai
  • - +
  • @@ -933,7 +957,7 @@
    .icon11-04
  • - +
  • @@ -942,7 +966,7 @@
    .iconyouxiang
  • - +
  • @@ -951,7 +975,7 @@
    .iconbangdingshouji
  • - +
  • @@ -960,7 +984,7 @@
    .iconshouji
  • - +
  • @@ -969,7 +993,7 @@
    .icon52-shouji
  • - +
  • @@ -978,7 +1002,7 @@
    .iconhome
  • - +
  • @@ -987,7 +1011,7 @@
    .iconhome2
  • - +
  • @@ -996,7 +1020,7 @@
    .iconKafka
  • - +
  • @@ -1005,7 +1029,7 @@
    .iconshujujieruKafkajiqun
  • - +
  • @@ -1014,7 +1038,7 @@
    .iconkafka
  • - +
  • @@ -1023,7 +1047,7 @@
    .iconelasticsearch-Elasticsearch
  • - +
  • @@ -1032,7 +1056,7 @@
    .iconapachekafka
  • - +
  • @@ -1041,7 +1065,7 @@
    .iconelasticsearch
  • - +
  • @@ -1050,7 +1074,7 @@
    .iconwentifankui
  • - +
  • @@ -1059,7 +1083,7 @@
    .iconwentifankui1
  • - +
  • @@ -1068,7 +1092,7 @@
    .iconwentifankui2
  • - +
  • @@ -1077,7 +1101,7 @@
    .iconalikafkaxiaoxiduilieKafka
  • - +
  • @@ -1086,7 +1110,7 @@
    .iconxiangmuchaxun-chakanshebei
  • - +
  • @@ -1095,7 +1119,7 @@
    .iconelasticsearchElasticsearch
  • - +
  • @@ -1104,7 +1128,7 @@
    .icon511tongji_shutu
  • - +
  • @@ -1113,7 +1137,7 @@
    .iconfenxiang1
  • - +
  • @@ -1122,7 +1146,7 @@
    .iconfenxiang2
  • - +
  • @@ -1131,7 +1155,7 @@
    .iconfenxiang_2
  • - +
  • @@ -1140,7 +1164,7 @@
    .iconNMStubiao-
  • - +
  • @@ -1149,7 +1173,7 @@
    .iconwanchenganquanshijian
  • - +
  • @@ -1158,7 +1182,7 @@
    .iconeventbridgexiaoxishijianzongxian
  • - +
  • @@ -1167,7 +1191,7 @@
    .iconshu
  • - +
  • @@ -1176,7 +1200,7 @@
    .iconshebeiguanji
  • - +
  • @@ -1185,7 +1209,7 @@
    .iconhaofangtuo400iconfontduanxin
  • - +
  • @@ -1194,7 +1218,7 @@
    .iconnavicon-ywcs
  • - +
  • @@ -1203,7 +1227,7 @@
    .iconliebiao
  • - +
  • @@ -1212,7 +1236,7 @@
    .iconbianji
  • - +
  • @@ -1221,7 +1245,7 @@
    .iconyoujian
  • - +
  • @@ -1230,7 +1254,7 @@
    .iconshejiaodingding
  • - +
  • @@ -1239,7 +1263,7 @@
    .iconzidianguanli
  • - +
  • @@ -1248,7 +1272,7 @@
    .icontubiao
  • - +
  • @@ -1257,7 +1281,7 @@
    .icondingding
  • - +
  • @@ -1266,7 +1290,7 @@
    .iconduanxin
  • - +
  • @@ -1275,7 +1299,7 @@
    .icondirectmailyoujiantuisong
  • - +
  • @@ -1284,7 +1308,7 @@
    .iconshebeisheshi
  • - +
  • @@ -1293,7 +1317,7 @@
    .icontongzhi
  • - +
  • @@ -1302,7 +1326,7 @@
    .iconrizhi
  • - +
  • @@ -1311,7 +1335,7 @@
    .iconchufaqipeizhi-hui
  • - +
  • @@ -1320,7 +1344,7 @@
    .iconvcsshijuejisuanfuwu
  • - +
  • @@ -1329,7 +1353,7 @@
    .iconbar_icon_shebei
  • - +
  • @@ -1338,7 +1362,7 @@
    .iconuser-before
  • - +
  • @@ -1347,7 +1371,7 @@
    .iconkemuweihutubiao
  • - +
  • @@ -1356,7 +1380,7 @@
    .iconaccounting-subjects
  • - +
  • @@ -1365,7 +1389,7 @@
    .iconRectangleCopy
  • - +
  • @@ -1374,7 +1398,7 @@
    .iconchengbenshujuguanli
  • - +
  • @@ -1383,7 +1407,7 @@
    .iconjibenshuju
  • - +
  • @@ -1392,7 +1416,7 @@
    .iconB-shengshiqu
  • - +
  • @@ -1401,7 +1425,7 @@
    .iconzuzhijigou
  • - +
  • @@ -1410,7 +1434,7 @@
    .iconanniu
  • - +
  • @@ -1419,7 +1443,7 @@
    .iconcaidan2
  • - +
  • @@ -1428,7 +1452,7 @@
    .iconwenhao
  • - +
  • @@ -1437,7 +1461,7 @@
    .iconlajitong
  • - +
  • @@ -1446,7 +1470,7 @@
    .iconzhongzhimima
  • - +
  • @@ -1455,7 +1479,7 @@
    .iconshezhi
  • - +
  • @@ -1464,7 +1488,7 @@
    .iconzhongzhuan
  • - +
  • @@ -1473,7 +1497,7 @@
    .iconadd
  • - +
  • @@ -1482,7 +1506,7 @@
    .iconminus
  • - +
  • @@ -1491,7 +1515,7 @@
    .iconpassword
  • - +
  • @@ -1500,7 +1524,7 @@
    .iconyonghu
  • - +
  • @@ -1509,7 +1533,7 @@
    .iconquanxian
  • - +
  • @@ -1518,7 +1542,7 @@
    .iconjiaose1
  • - +
  • @@ -1527,7 +1551,7 @@
    .iconzidian
  • - +
  • @@ -1536,7 +1560,7 @@
    .iconcssz
  • - +
  • @@ -1545,7 +1569,7 @@
    .iconbianji1
  • - +
  • @@ -1554,7 +1578,7 @@
    .icondfzq-
  • - +
  • @@ -1563,7 +1587,7 @@
    .iconfenxiang
  • - +
  • @@ -1572,7 +1596,7 @@
    .iconshouquan1
  • - +
  • @@ -1581,7 +1605,7 @@
    .iconjiantou
  • - +
  • @@ -1590,828 +1614,844 @@
    .iconjiantou-copy-copy
  • - +
-

font-class 引用

-
+

font-class 引用

+
-

font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。

-

与 Unicode 使用方式相比,具有如下特点:

-
    -
  • 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
  • -
  • 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
  • -
-

使用步骤如下:

-

第一步:引入项目下面生成的 fontclass 代码:

-
<link rel="stylesheet" href="./iconfont.css">
+        

font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。

+

与 Unicode 使用方式相比,具有如下特点:

+
    +
  • 相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。
  • +
  • 因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。
  • +
+

使用步骤如下:

+

第一步:引入项目下面生成的 fontclass 代码:

+
<link rel="stylesheet" href="./iconfont.css">
 
-

第二步:挑选相应图标并获取类名,应用于页面:

-
<span class="iconfont iconxxx"></span>
+        

第二步:挑选相应图标并获取类名,应用于页面:

+
<span class="iconfont iconxxx"></span>
 
-
-

" - iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。

-
-
+
+

" + iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。

+
+
-
    - -
  • - -
    展 开
    -
    #iconzhankai
    -
  • - -
  • - -
    excel
    -
    #iconexcel
    -
  • - -
  • - -
    保存
    -
    #iconbaocun
    -
  • - -
  • - -
    关 闭
    -
    #iconguanbi
    -
  • - -
  • - -
    pdf
    -
    #iconpdf
    -
  • - -
  • - -
    复制
    -
    #iconfuzhi
    -
  • - -
  • - -
    020空心饼图
    -
    #icon020kongxinbingtu
    -
  • - -
  • - -
    时间
    -
    #iconshijian
    -
  • - -
  • - -
    保存
    -
    #iconsave
    -
  • - -
  • - -
    图片
    -
    #icontupian
    -
  • - -
  • - -
    柱状图
    -
    #iconzhuzhuangtu
    -
  • - -
  • - -
    超链接
    -
    #iconchaolianjie
    -
  • - -
  • - -
    文本
    -
    #iconziyuan
    -
  • - -
  • - -
    视频
    -
    #iconshipin
    -
  • - -
  • - -
    框架
    -
    #iconkuangjia
    -
  • - -
  • - -
    预览
    -
    #iconyulan
    -
  • - -
  • - -
    横向文字
    -
    #iconhengxiangwenzi
    -
  • - -
  • - -
    图表 _饼图
    -
    #iconicon_tubiao_bingtu
    -
  • - -
  • - -
    漏斗图
    -
    #iconloudoutu
    -
  • - -
  • - -
    图表 折线图
    -
    #icontubiaozhexiantu
    -
  • - -
  • - -
    柱线图
    -
    #iconzhuxiantu
    -
  • - -
  • - -
    图片
    -
    #icontupian1
    -
  • - -
  • - -
    仪表盘
    -
    #iconyibiaopan
    -
  • - -
  • - -
    返回
    -
    #icon1
    -
  • - -
  • - -
    下载
    -
    #iconxiazai
    -
  • - -
  • - -
    下载
    -
    #icon11-04
    -
  • - -
  • - -
    邮箱
    -
    #iconyouxiang
    -
  • - -
  • - -
    绑定手机
    -
    #iconbangdingshouji
    -
  • - -
  • - -
    手机
    -
    #iconshouji
    -
  • - -
  • - -
    52-手机
    -
    #icon52-shouji
    -
  • - -
  • - -
    home
    -
    #iconhome
    -
  • - -
  • - -
    home
    -
    #iconhome2
    -
  • - -
  • - -
    Kafka
    -
    #iconKafka
    -
  • - -
  • - -
    数据接入—Kafka集群
    -
    #iconshujujieruKafkajiqun
    -
  • - -
  • - -
    kafka
    -
    #iconkafka
    -
  • - -
  • - -
    elasticsearch-Elasticsearch
    -
    #iconelasticsearch-Elasticsearch
    -
  • - -
  • - -
    apachekafka
    -
    #iconapachekafka
    -
  • - -
  • - -
    elasticsearch
    -
    #iconelasticsearch
    -
  • - -
  • - -
    问题反馈
    -
    #iconwentifankui
    -
  • - -
  • - -
    问题反馈
    -
    #iconwentifankui1
    -
  • - -
  • - -
    问题反馈
    -
    #iconwentifankui2
    -
  • - -
  • - -
    alikafka 消息队列Kafka
    -
    #iconalikafkaxiaoxiduilieKafka
    -
  • - -
  • - -
    项目查询-查看设备
    -
    #iconxiangmuchaxun-chakanshebei
    -
  • - -
  • - -
    elasticsearch Elasticsearch
    -
    #iconelasticsearchElasticsearch
    -
  • - -
  • - -
    511统计_树图
    -
    #icon511tongji_shutu
    -
  • - -
  • - -
    分享
    -
    #iconfenxiang1
    -
  • - -
  • - -
    分享
    -
    #iconfenxiang2
    -
  • - -
  • - -
    分享
    -
    #iconfenxiang_2
    -
  • - -
  • - -
    告警-紧急
    -
    #iconNMStubiao-
    -
  • - -
  • - -
    完成安全事件
    -
    #iconwanchenganquanshijian
    -
  • - -
  • - -
    eventbridge 消息事件总线
    -
    #iconeventbridgexiaoxishijianzongxian
    -
  • - -
  • - -
    -
    #iconshu
    -
  • - -
  • - -
    设备关机
    -
    #iconshebeiguanji
    -
  • - -
  • - -
    好房拓 4.0.0 iconfont_短信
    -
    #iconhaofangtuo400iconfontduanxin
    -
  • - -
  • - -
    业务参数
    -
    #iconnavicon-ywcs
    -
  • - -
  • - -
    列表
    -
    #iconliebiao
    -
  • - -
  • - -
    编辑
    -
    #iconbianji
    -
  • - -
  • - -
    邮件
    -
    #iconyoujian
    -
  • - -
  • - -
    社交钉钉
    -
    #iconshejiaodingding
    -
  • - -
  • - -
    字典管理
    -
    #iconzidianguanli
    -
  • - -
  • - -
    图表
    -
    #icontubiao
    -
  • - -
  • - -
    钉钉
    -
    #icondingding
    -
  • - -
  • - -
    短信
    -
    #iconduanxin
    -
  • - -
  • - -
    directmail 邮件推送
    -
    #icondirectmailyoujiantuisong
    -
  • - -
  • - -
    设备设施
    -
    #iconshebeisheshi
    -
  • - -
  • - -
    通知
    -
    #icontongzhi
    -
  • - -
  • - -
    日志
    -
    #iconrizhi
    -
  • - -
  • - -
    触发器配置-灰
    -
    #iconchufaqipeizhi-hui
    -
  • - -
  • - -
    vcs 视觉计算服务
    -
    #iconvcsshijuejisuanfuwu
    -
  • - -
  • - -
    设备
    -
    #iconbar_icon_shebei
    -
  • - -
  • - -
    user-before
    -
    #iconuser-before
    -
  • - -
  • - -
    科目维护图标
    -
    #iconkemuweihutubiao
    -
  • - -
  • - -
    会计科目维护
    -
    #iconaccounting-subjects
    -
  • - -
  • - -
    成本查询
    -
    #iconRectangleCopy
    -
  • - -
  • - -
    成本数据管理
    -
    #iconchengbenshujuguanli
    -
  • - -
  • - -
    基本数据
    -
    #iconjibenshuju
    -
  • - -
  • - -
    B-省市区
    -
    #iconB-shengshiqu
    -
  • - -
  • - -
    组织机构
    -
    #iconzuzhijigou
    -
  • - -
  • - -
    按钮
    -
    #iconanniu
    -
  • - -
  • - -
    菜单
    -
    #iconcaidan2
    -
  • - -
  • - -
    问号
    -
    #iconwenhao
    -
  • - -
  • - -
    垃圾桶
    -
    #iconlajitong
    -
  • - -
  • - -
    重置密码
    -
    #iconzhongzhimima
    -
  • - -
  • - -
    设置
    -
    #iconshezhi
    -
  • - -
  • - -
    中转
    -
    #iconzhongzhuan
    -
  • - -
  • - -
    add
    -
    #iconadd
    -
  • - -
  • - -
    minus
    -
    #iconminus
    -
  • - -
  • - -
    password
    -
    #iconpassword
    -
  • - -
  • - -
    用户
    -
    #iconyonghu
    -
  • - -
  • - -
    权限
    -
    #iconquanxian
    -
  • - -
  • - -
    角色
    -
    #iconjiaose1
    -
  • - -
  • - -
    字典
    -
    #iconzidian
    -
  • - -
  • - -
    参数设置
    -
    #iconcssz
    -
  • - -
  • - -
    编辑
    -
    #iconbianji1
    -
  • - -
  • - -
    用户权限
    -
    #icondfzq-
    -
  • - -
  • - -
    分享
    -
    #iconfenxiang
    -
  • - -
  • - -
    授权
    -
    #iconshouquan1
    -
  • - -
  • - -
    左箭头
    -
    #iconjiantou
    -
  • - -
  • - -
    左箭头
    -
    #iconjiantou-copy-copy
    -
  • - -
-
+
    + +
  • + +
    仪表盘-抄表
    +
    #iconyibiaopan-chaobiao
    +
  • + +
  • + +
    南丁格尔玫瑰图
    +
    #iconnandinggeermeiguitu
    +
  • + +
  • + +
    展 开
    +
    #iconzhankai
    +
  • + +
  • + +
    excel
    +
    #iconexcel
    +
  • + +
  • + +
    保存
    +
    #iconbaocun
    +
  • + +
  • + +
    关 闭
    +
    #iconguanbi
    +
  • + +
  • + +
    pdf
    +
    #iconpdf
    +
  • + +
  • + +
    复制
    +
    #iconfuzhi
    +
  • + +
  • + +
    020空心饼图
    +
    #icon020kongxinbingtu
    +
  • + +
  • + +
    时间
    +
    #iconshijian
    +
  • + +
  • + +
    保存
    +
    #iconsave
    +
  • + +
  • + +
    图片
    +
    #icontupian
    +
  • + +
  • + +
    柱状图
    +
    #iconzhuzhuangtu
    +
  • + +
  • + +
    超链接
    +
    #iconchaolianjie
    +
  • + +
  • + +
    文本
    +
    #iconziyuan
    +
  • + +
  • + +
    视频
    +
    #iconshipin
    +
  • + +
  • + +
    框架
    +
    #iconkuangjia
    +
  • + +
  • + +
    预览
    +
    #iconyulan
    +
  • + +
  • + +
    横向文字
    +
    #iconhengxiangwenzi
    +
  • + +
  • + +
    图表 _饼图
    +
    #iconicon_tubiao_bingtu
    +
  • + +
  • + +
    漏斗图
    +
    #iconloudoutu
    +
  • + +
  • + +
    图表 折线图
    +
    #icontubiaozhexiantu
    +
  • + +
  • + +
    柱线图
    +
    #iconzhuxiantu
    +
  • + +
  • + +
    图片
    +
    #icontupian1
    +
  • + +
  • + +
    仪表盘
    +
    #iconyibiaopan
    +
  • + +
  • + +
    返回
    +
    #icon1
    +
  • + +
  • + +
    下载
    +
    #iconxiazai
    +
  • + +
  • + +
    下载
    +
    #icon11-04
    +
  • + +
  • + +
    邮箱
    +
    #iconyouxiang
    +
  • + +
  • + +
    绑定手机
    +
    #iconbangdingshouji
    +
  • + +
  • + +
    手机
    +
    #iconshouji
    +
  • + +
  • + +
    52-手机
    +
    #icon52-shouji
    +
  • + +
  • + +
    home
    +
    #iconhome
    +
  • + +
  • + +
    home
    +
    #iconhome2
    +
  • + +
  • + +
    Kafka
    +
    #iconKafka
    +
  • + +
  • + +
    数据接入—Kafka集群
    +
    #iconshujujieruKafkajiqun
    +
  • + +
  • + +
    kafka
    +
    #iconkafka
    +
  • + +
  • + +
    elasticsearch-Elasticsearch
    +
    #iconelasticsearch-Elasticsearch
    +
  • + +
  • + +
    apachekafka
    +
    #iconapachekafka
    +
  • + +
  • + +
    elasticsearch
    +
    #iconelasticsearch
    +
  • + +
  • + +
    问题反馈
    +
    #iconwentifankui
    +
  • + +
  • + +
    问题反馈
    +
    #iconwentifankui1
    +
  • + +
  • + +
    问题反馈
    +
    #iconwentifankui2
    +
  • + +
  • + +
    alikafka 消息队列Kafka
    +
    #iconalikafkaxiaoxiduilieKafka
    +
  • + +
  • + +
    项目查询-查看设备
    +
    #iconxiangmuchaxun-chakanshebei
    +
  • + +
  • + +
    elasticsearch Elasticsearch
    +
    #iconelasticsearchElasticsearch
    +
  • + +
  • + +
    511统计_树图
    +
    #icon511tongji_shutu
    +
  • + +
  • + +
    分享
    +
    #iconfenxiang1
    +
  • + +
  • + +
    分享
    +
    #iconfenxiang2
    +
  • + +
  • + +
    分享
    +
    #iconfenxiang_2
    +
  • + +
  • + +
    告警-紧急
    +
    #iconNMStubiao-
    +
  • + +
  • + +
    完成安全事件
    +
    #iconwanchenganquanshijian
    +
  • + +
  • + +
    eventbridge 消息事件总线
    +
    #iconeventbridgexiaoxishijianzongxian
    +
  • + +
  • + +
    +
    #iconshu
    +
  • + +
  • + +
    设备关机
    +
    #iconshebeiguanji
    +
  • + +
  • + +
    好房拓 4.0.0 iconfont_短信
    +
    #iconhaofangtuo400iconfontduanxin
    +
  • + +
  • + +
    业务参数
    +
    #iconnavicon-ywcs
    +
  • + +
  • + +
    列表
    +
    #iconliebiao
    +
  • + +
  • + +
    编辑
    +
    #iconbianji
    +
  • + +
  • + +
    邮件
    +
    #iconyoujian
    +
  • + +
  • + +
    社交钉钉
    +
    #iconshejiaodingding
    +
  • + +
  • + +
    字典管理
    +
    #iconzidianguanli
    +
  • + +
  • + +
    图表
    +
    #icontubiao
    +
  • + +
  • + +
    钉钉
    +
    #icondingding
    +
  • + +
  • + +
    短信
    +
    #iconduanxin
    +
  • + +
  • + +
    directmail 邮件推送
    +
    #icondirectmailyoujiantuisong
    +
  • + +
  • + +
    设备设施
    +
    #iconshebeisheshi
    +
  • + +
  • + +
    通知
    +
    #icontongzhi
    +
  • + +
  • + +
    日志
    +
    #iconrizhi
    +
  • + +
  • + +
    触发器配置-灰
    +
    #iconchufaqipeizhi-hui
    +
  • + +
  • + +
    vcs 视觉计算服务
    +
    #iconvcsshijuejisuanfuwu
    +
  • + +
  • + +
    设备
    +
    #iconbar_icon_shebei
    +
  • + +
  • + +
    user-before
    +
    #iconuser-before
    +
  • + +
  • + +
    科目维护图标
    +
    #iconkemuweihutubiao
    +
  • + +
  • + +
    会计科目维护
    +
    #iconaccounting-subjects
    +
  • + +
  • + +
    成本查询
    +
    #iconRectangleCopy
    +
  • + +
  • + +
    成本数据管理
    +
    #iconchengbenshujuguanli
    +
  • + +
  • + +
    基本数据
    +
    #iconjibenshuju
    +
  • + +
  • + +
    B-省市区
    +
    #iconB-shengshiqu
    +
  • + +
  • + +
    组织机构
    +
    #iconzuzhijigou
    +
  • + +
  • + +
    按钮
    +
    #iconanniu
    +
  • + +
  • + +
    菜单
    +
    #iconcaidan2
    +
  • + +
  • + +
    问号
    +
    #iconwenhao
    +
  • + +
  • + +
    垃圾桶
    +
    #iconlajitong
    +
  • + +
  • + +
    重置密码
    +
    #iconzhongzhimima
    +
  • + +
  • + +
    设置
    +
    #iconshezhi
    +
  • + +
  • + +
    中转
    +
    #iconzhongzhuan
    +
  • + +
  • + +
    add
    +
    #iconadd
    +
  • + +
  • + +
    minus
    +
    #iconminus
    +
  • + +
  • + +
    password
    +
    #iconpassword
    +
  • + +
  • + +
    用户
    +
    #iconyonghu
    +
  • + +
  • + +
    权限
    +
    #iconquanxian
    +
  • + +
  • + +
    角色
    +
    #iconjiaose1
    +
  • + +
  • + +
    字典
    +
    #iconzidian
    +
  • + +
  • + +
    参数设置
    +
    #iconcssz
    +
  • + +
  • + +
    编辑
    +
    #iconbianji1
    +
  • + +
  • + +
    用户权限
    +
    #icondfzq-
    +
  • + +
  • + +
    分享
    +
    #iconfenxiang
    +
  • + +
  • + +
    授权
    +
    #iconshouquan1
    +
  • + +
  • + +
    左箭头
    +
    #iconjiantou
    +
  • + +
  • + +
    左箭头
    +
    #iconjiantou-copy-copy
    +
  • + +
+

Symbol 引用


@@ -2425,10 +2465,10 @@

使用步骤如下:

第一步:引入项目下面生成的 symbol 代码:

-
<script src="./iconfont.js"></script>
+
<script src="./iconfont.js"></script>
 

第二步:加入通用 CSS 代码(引入一次就行):

-
<style>
+
<style>
 .icon {
   width: 1em;
   height: 1em;
@@ -2439,17 +2479,17 @@
 </style>
 

第三步:挑选相应图标并获取类名,应用于页面:

-
<svg class="icon" aria-hidden="true">
+
<svg class="icon" aria-hidden="true">
   <use xlink:href="#icon-xxx"></use>
 </svg>
 
-
+
- - \ No newline at end of file + diff --git a/report-ui/src/assets/iconfont/iconfont.css b/report-ui/src/assets/iconfont/iconfont.css index 9f6da5da..44a5c9b2 100644 --- a/report-ui/src/assets/iconfont/iconfont.css +++ b/report-ui/src/assets/iconfont/iconfont.css @@ -1,8 +1,8 @@ @font-face { font-family: "iconfont"; /* Project id 1513211 */ - src: url('iconfont.woff2?t=1624613153423') format('woff2'), - url('iconfont.woff?t=1624613153423') format('woff'), - url('iconfont.ttf?t=1624613153423') format('truetype'); + src: url('iconfont.woff2?t=1624933667537') format('woff2'), + url('iconfont.woff?t=1624933667537') format('woff'), + url('iconfont.ttf?t=1624933667537') format('truetype'); } .iconfont { @@ -13,6 +13,14 @@ -moz-osx-font-smoothing: grayscale; } +.iconyibiaopan-chaobiao:before { + content: "\e72e"; +} + +.iconnandinggeermeiguitu:before { + content: "\e851"; +} + .iconzhankai:before { content: "\e631"; } diff --git a/report-ui/src/assets/iconfont/iconfont.js b/report-ui/src/assets/iconfont/iconfont.js index 025f4e70..bc1cad36 100644 --- a/report-ui/src/assets/iconfont/iconfont.js +++ b/report-ui/src/assets/iconfont/iconfont.js @@ -1 +1 @@ -!function(c){var l,h,a,i,z,o,m='',t=(t=document.getElementsByTagName("script"))[t.length-1].getAttribute("data-injectcss");if(t&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}function s(){z||(z=!0,a())}l=function(){var c,l,h;(h=document.createElement("div")).innerHTML=m,m=null,(l=h.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",c=l,(h=document.body).firstChild?(l=h.firstChild).parentNode.insertBefore(c,l):h.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(h=function(){document.removeEventListener("DOMContentLoaded",h,!1),l()},document.addEventListener("DOMContentLoaded",h,!1)):document.attachEvent&&(a=l,i=c.document,z=!1,(o=function(){try{i.documentElement.doScroll("left")}catch(c){return void setTimeout(o,50)}s()})(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,s())})}(window); \ No newline at end of file +!function(c){var l,h,a,i,z,o,m='',t=(t=document.getElementsByTagName("script"))[t.length-1].getAttribute("data-injectcss");if(t&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}function v(){z||(z=!0,a())}l=function(){var c,l,h;(h=document.createElement("div")).innerHTML=m,m=null,(l=h.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",c=l,(h=document.body).firstChild?(l=h.firstChild).parentNode.insertBefore(c,l):h.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(h=function(){document.removeEventListener("DOMContentLoaded",h,!1),l()},document.addEventListener("DOMContentLoaded",h,!1)):document.attachEvent&&(a=l,i=c.document,z=!1,(o=function(){try{i.documentElement.doScroll("left")}catch(c){return void setTimeout(o,50)}v()})(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,v())})}(window); \ No newline at end of file diff --git a/report-ui/src/assets/iconfont/iconfont.json b/report-ui/src/assets/iconfont/iconfont.json index 01b92a33..0b1ad0ad 100644 --- a/report-ui/src/assets/iconfont/iconfont.json +++ b/report-ui/src/assets/iconfont/iconfont.json @@ -5,6 +5,20 @@ "css_prefix_text": "icon", "description": "", "glyphs": [ + { + "icon_id": "16466332", + "name": "仪表盘-抄表", + "font_class": "yibiaopan-chaobiao", + "unicode": "e72e", + "unicode_decimal": 59182 + }, + { + "icon_id": "15872322", + "name": "南丁格尔玫瑰图", + "font_class": "nandinggeermeiguitu", + "unicode": "e851", + "unicode_decimal": 59473 + }, { "icon_id": "11990084", "name": "展 开 ", diff --git a/report-ui/src/assets/iconfont/iconfont.ttf b/report-ui/src/assets/iconfont/iconfont.ttf index 0a84cbd1..874ec8c9 100644 Binary files a/report-ui/src/assets/iconfont/iconfont.ttf and b/report-ui/src/assets/iconfont/iconfont.ttf differ diff --git a/report-ui/src/assets/iconfont/iconfont.woff b/report-ui/src/assets/iconfont/iconfont.woff index f0e1c3fa..a277bc52 100644 Binary files a/report-ui/src/assets/iconfont/iconfont.woff and b/report-ui/src/assets/iconfont/iconfont.woff differ diff --git a/report-ui/src/assets/iconfont/iconfont.woff2 b/report-ui/src/assets/iconfont/iconfont.woff2 index ac4c1685..5ddd11ef 100644 Binary files a/report-ui/src/assets/iconfont/iconfont.woff2 and b/report-ui/src/assets/iconfont/iconfont.woff2 differ diff --git a/report-ui/src/views/report/bigscreen/designer/tools.js b/report-ui/src/views/report/bigscreen/designer/tools.js index 543abfa7..66fbf3a6 100644 --- a/report-ui/src/views/report/bigscreen/designer/tools.js +++ b/report-ui/src/views/report/bigscreen/designer/tools.js @@ -4315,8 +4315,8 @@ const widgetTools = [ { code: 'WidgetPieNightingaleRoseArea', type: 'chart', - label: '饼图-南丁格尔-面积', - icon: 'iconicon_tubiao_bingtu', + label: '南丁格尔玫瑰图', + icon: 'iconnandinggeermeiguitu', options: { // 配置 setup: [ diff --git a/report-ui/src/views/report/bigscreen/designer/widget/pie/widgetPieNightingaleRoseArea.vue b/report-ui/src/views/report/bigscreen/designer/widget/pie/widgetPieNightingaleRoseArea.vue index 74b4ad89..cd9a6fb2 100644 --- a/report-ui/src/views/report/bigscreen/designer/widget/pie/widgetPieNightingaleRoseArea.vue +++ b/report-ui/src/views/report/bigscreen/designer/widget/pie/widgetPieNightingaleRoseArea.vue @@ -22,17 +22,14 @@ export default { toolbox: { show: true, feature: { - mark: { show: true }, - dataView: { show: true, readOnly: false }, - restore: { show: true }, - saveAsImage: { show: true } + mark: { show: true } } }, series: [ { name: "面积模式", type: "pie", - radius: [50, 250], + radius: ["10%", "50%"], center: ["50%", "50%"], roseType: "area", itemStyle: { @@ -338,8 +335,6 @@ export default { .echarts { width: 100%; height: 100%; - min-width: 200px; - min-height: 200px; overflow: hidden; }