monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit 8417b2e408c9c4421bf33dc5449cbdd3222a6144 2 parents caf929e2 eb9709af

Merge branch 'master-500-dev' of http://192.168.1.136:82/monitor_v3/hg-monitor-w… 

…eb into master-500-dev-lushangqing
Inline Side-by-side
Showing 38 changed files with 1779 additions and 955 deletions
... ... @@ -246,18 +246,22 @@ layui.define(['table', 'form', 'admin', 'layer', 'common', 'sessions', 'xmSelect
//监听ckecked选中事件
table.on('checkbox(reslist_resListTable)', function (obj) {
var reslist = [];
if (obj.checked == true) {
if (obj.type == 'one' && resListSelectIds.indexOf(obj.data.resId) === -1) {//勾选单条
resListSelectIds.push(obj.data.resId);
reslist.push(obj.data);
}
if (obj.type == 'all') {//勾选全部
for (var i = 0; i < table_data.length; i++) {
reslist.push(table_data[i]);
if (resListSelectIds.indexOf(obj.data.resId) === -1) {
resListSelectIds.push(table_data[i].resId);
}
}
}
} else {
reslist.push(obj.data);
if (obj.type == 'one') {
for (var i = 0; i < resListSelectIds.length; i++) {
if (resListSelectIds[i] == obj.data.resId) {
... ... @@ -281,7 +285,7 @@ layui.define(['table', 'form', 'admin', 'layer', 'common', 'sessions', 'xmSelect
// 跨域发送信息，不能删除
obj.data["checked"] = obj.checked;
window.top.postMessage({res: obj.data}, "*");
window.top.postMessage({res: reslist}, "*");
})
... ...
... ... @@ -95,7 +95,8 @@ layui.define(['table', 'form', 'laydate', 'treeTable', 'admin', 'layer', 'laytpl
templet: '<div><span role-data-edit="{{d.id}}" data-name="{{d.name}}" ' +
'data-code="{{d.code}}" data-remark="{{d.remark}}" class="layui-table-link">{{d.name}}</span></div>'
}
, {field: 'userNames', title: '角色用户', align: 'left', width: '25%'}
, {field: 'code', title: '编码', align: 'left', width: '10%'}
, {field: 'userNames', title: '角色用户', align: 'left', width: '20%'}
, {field: 'remark', title: '角色描述', align: 'left',}
, {
field: 'updateTime',
... ...
... ... @@ -734,7 +734,6 @@ layui.extend({
tryFunc();
})
layui.pageTips.ajaxSetupInit();
//对外输出
exports('index', {
... ...
... ... @@ -83,8 +83,6 @@ layui.define(['laytpl', 'layer'], function (exports) {
options.data = options.data || {};
options.headers = options.headers || {};
layui.pageTips.viewReqHeader(options);
//
if (request.tokenName) {
var sendData = typeof options.data === 'string'
? JSON.parse(options.data)
... ...
... ... @@ -26,113 +26,113 @@ layui.define(['element', 'admin', 'view'], function (exports) {
hashChane: function () {
var that = this;
// window.onload = function () {
// // 绑定事件
// that.bindElemClickEvent();
// }
window.onload = function (){
// 绑定事件
that.bindElemClickEvent();
}
// debugger
var hash = window.top.location.hash;
sessionStorage.setItem("pagePath", hash);
sessionStorage.setItem("batchNo", that.getOperateUUID());
// sessionStorage.setItem("pagePath", hash);
// sessionStorage.setItem("batchNo", that.getOperateUUID());
if (hash == '#/') {
sessionStorage.setItem("pageName", "首页");
sessionStorage.setItem("menuName", "首页");
sessionStorage.setItem("menuPath", "");
sessionStorage.setItem("groupId",that.getOperateUUID());
// sessionStorage.setItem("pageName", "首页");
// sessionStorage.setItem("menuName", "首页");
// sessionStorage.setItem("menuPath", "");
// sessionStorage.setItem("groupId", that.getOperateUUID());
that.saveMenuLog("首页", "/")
return;
} else if (hash == '#/user/login/redirect=%2F') {
sessionStorage.setItem("pageName", "登录");
return;
}
//
//
// var url = [];
// window.top.location.hash.split('/').map(function (v) {
// if (v.indexOf('=') == -1 && v != '#' && v != '') {
// url.push(v);
// return v;
// }
// return '';
// })
//
// if (url.length > 0) {
// $.ajax({
// url: setter.views + url.join('/') + setter.engine,
// async: false,
// success(res) {
// var html = '<div>' + res + '</div>';
// var elemTitle = $(html).find('title')
// , title = elemTitle.text() || (html.match(/\<title\>([\s\S]*)\<\/title>/) || [])[1];
// sessionStorage.setItem("pageName", title);
// }
// });
// }
var url = [];
window.top.location.hash.split('/').map(function (v) {
if (v.indexOf('=') == -1 && v != '#' && v != '') {
url.push(v);
return v;
}
return '';
})
if (url.length > 0) {
$.ajax({
url: setter.views + url.join('/') + setter.engine,
async: false,
success(res) {
var html = '<div>' + res + '</div>';
var elemTitle = $(html).find('title')
, title = elemTitle.text() || (html.match(/\<title\>([\s\S]*)\<\/title>/) || [])[1];
sessionStorage.setItem("pageName", title);
}
});
}
},
/**
* hash变更
*/
viewReqHeader: function (options) {
options.headers['batchNo'] = this.getPath("batchNo");
options.headers['groupId'] = this.getPath("groupId");
options.headers['pagePath'] = this.getPath("pagePath");
options.headers['pageName'] = this.getEncodeName('pageName'); //encodeURIComponent(sessionStorage.getItem("pageName"))
options.headers['menuPath'] = this.getPath("menuPath")
options.headers['menuName'] = this.getEncodeName('menuName'); //encodeURIComponent(sessionStorage.getItem("menuName"))
options.headers['buttonPath'] = this.getPath("buttonPath")
options.headers['buttonName'] = this.getEncodeName('buttonName'); //encodeURIComponent(sessionStorage.getItem("buttonName"))
},
ajaxSetupInit: function () {
// /**
// * hash变更
// */
// viewReqHeader: function (options) {
// options.headers['batchNo'] = this.getPath("batchNo");
// options.headers['groupId'] = this.getPath("groupId");
// options.headers['intervalFunc'] = this.getPath("intervalFunc");
// options.headers['pagePath'] = this.getPath("pagePath");
// options.headers['pageName'] = this.getEncodeName('pageName'); //encodeURIComponent(sessionStorage.getItem("pageName"))
//
// options.headers['menuPath'] = this.getPath("menuPath")
// options.headers['menuName'] = this.getEncodeName('menuName'); //encodeURIComponent(sessionStorage.getItem("menuName"))
//
// options.headers['buttonPath'] = this.getPath("buttonPath")
// options.headers['buttonName'] = this.getEncodeName('buttonName'); //encodeURIComponent(sessionStorage.getItem("buttonName"))
// },
// sessionStorage.setItem("batchNo", "");
// sessionStorage.setItem("groupId", "");
// ajaxSetupInit: function () {
//
// // 清空按钮名称
// sessionStorage.setItem("pagePath", "");
// sessionStorage.setItem("pageName", "");
// // 清空按钮名称
// sessionStorage.setItem("menuPath", "");
// sessionStorage.setItem("pageName", "");
// 清空按钮名称
sessionStorage.setItem("buttonPath", "");
sessionStorage.setItem("buttonName", "");
$.ajaxSetup({
headers: {
batchNo: this.getPath("batchNo"),
groupId: this.getPath("groupId"),
pagePath: this.getPath("pagePath"),
pageName: this.getEncodeName('pageName'),// encodeURIComponent(sessionStorage.getItem(sessionStorage.getItem("pageName"))),
// sessionStorage.setItem("buttonPath", "");
// sessionStorage.setItem("buttonName", "");
//
// $.ajaxSetup({
// headers: {
// batchNo: this.getPath("batchNo"),
// groupId: this.getPath("groupId"),
// intervalFunc: this.getPath("IntervalFunc"),
// pagePath: this.getPath("pagePath"),
// pageName: this.getEncodeName('pageName'),// encodeURIComponent(sessionStorage.getItem(sessionStorage.getItem("pageName"))),
//
// menuPath: this.getPath("menuPath"),
// menuName: this.getEncodeName('menuName'),//encodeURIComponent(sessionStorage.getItem("menuName")),
//
// buttonPath: this.getPath("buttonPath"),
// buttonName: this.getEncodeName('buttonName'),//encodeURIComponent(sessionStorage.getItem("buttonName"))
// }
// });
// },
menuPath: this.getPath("menuPath"),
menuName: this.getEncodeName('menuName'),//encodeURIComponent(sessionStorage.getItem("menuName")),
buttonPath: this.getPath("buttonPath"),
buttonName: this.getEncodeName('buttonName'),//encodeURIComponent(sessionStorage.getItem("buttonName"))
}
});
/**
* 定时刷新任务
* @constructor
*/
IntervalFunc: (isAuto) => {
sessionStorage.setItem("IntervalFunc", isAuto);
},
getPath:(key)=>{
getPath: (key) => {
var val = sessionStorage.getItem(key);
if(val){
if (val) {
return val;
}
return '';
},
getEncodeName:(key)=>{
getEncodeName: (key) => {
var val = sessionStorage.getItem(key);
if(val){
if (val) {
return encodeURIComponent(val);
}
return '';
... ... @@ -141,7 +141,7 @@ layui.define(['element', 'admin', 'view'], function (exports) {
/**
* 获取操作
*/
getOperateUUID:() => {
getOperateUUID: () => {
return window.generateUUID().replace(/-/g, "") + (new Date()).getTime();
},
... ... @@ -157,7 +157,7 @@ layui.define(['element', 'admin', 'view'], function (exports) {
// 绑定菜单点击事件
that.bindMenuClickEvent();
// 绑定元素点击事件
that.bindElemClickEvent();
// that.bindElemClickEvent();
// console.log("日志事件注册完成！")
}, 500)
... ... @@ -224,22 +224,7 @@ layui.define(['element', 'admin', 'view'], function (exports) {
}
})
},
// /**
// * ajax掉接口之前传参
// * @author lsq
// * @date 2022-08-18
// * */
// sendAjaxData(menuPath, elementName) {
// let name = encodeURIComponent(elementName);
//
// $.ajaxSetup({
// headers: {
// menuPath: obj.getCurrentHash(),
// elementName: name
// }
//
// });
// },
/**
* 左侧菜单，鼠标点击事件
*/
... ... @@ -299,13 +284,17 @@ layui.define(['element', 'admin', 'view'], function (exports) {
//菜单点击传入属性lay-href的值，普通元素传入当前页面路由
if (flg) {
// 清空按钮名称
sessionStorage.setItem("buttonPath", "");
sessionStorage.setItem("buttonName", "");
// sessionStorage.setItem("buttonPath", "");
// sessionStorage.setItem("buttonName", "");
//
// sessionStorage.setItem("groupId", that.getOperateUUID());
// //that.sendAjaxData(layHref, text)
// sessionStorage.setItem("menuName", text);
// sessionStorage.setItem("menuPath", layHref);
that.saveMenuLog(text, layHref)
sessionStorage.setItem("groupId",that.getOperateUUID());
//that.sendAjaxData(layHref, text)
sessionStorage.setItem("menuName", text);
sessionStorage.setItem("menuPath", layHref);
} else {
let locationPath = location.hash;
let pathArr = locationPath.split("#/");
... ... @@ -314,68 +303,58 @@ layui.define(['element', 'admin', 'view'], function (exports) {
path = pathArr[1]
}
// that.sendAjaxData(path, text)
sessionStorage.setItem("buttonName", text);
sessionStorage.setItem("buttonPath", layHref);
// sessionStorage.setItem("buttonName", text);
// sessionStorage.setItem("buttonPath", layHref);
}
},
saveMenuLog(name, href) {
if (href && href != '') {
// 菜单请求日志
admin.req({
url: domainName + `/api-web/setGroupName?name=${name}&url=${href}`
, method: 'GET'
, async: true
, success: function (res) {
}
})
}
},
/**
* 页面其他元素绑定事件
* @author lsq
* @date 2022-08-11
*/
clickEventHandle(thisObj, key) {
let that = this;
sessionStorage.setItem("groupId",that.getOperateUUID());
let layHref = thisObj.attr('lay-href') ? thisObj.attr('lay-href') : '';
sessionStorage.setItem("buttonName", thisObj.text());
sessionStorage.setItem("buttonPath", layHref);
//绑定事件时增加一个class防止多次绑定事件
// thisObj.addClass("on_fn");
// that.pushArrNoRepeat(thisObj);
// // 把点击的元素按顺序展示
// let handleStr = '';
// let menuStrArr = [];
// let menuStrArrSecond = [];
// that.data.handleLog.map(item => {
// if (item.menuType) {
// menuStrArr.push(item.text)
// } else {
// menuStrArrSecond.push(item.text)
// }
// })
// if (menuStrArr.length > 0) {
// handleStr = menuStrArr.join('->');
// }
// if (menuStrArrSecond.length > 0) {
// handleStr += '->' + menuStrArrSecond.join(',');
// }
},
// /**
// * 页面其他元素绑定事件
// * @author lsq
// * @date 2022-08-11
// */
// clickEventHandle(thisObj, key) {
// let that = this;
// sessionStorage.setItem("groupId", that.getOperateUUID());
// sessionStorage.setItem("IntervalFunc", '0');
//
// let layHref = thisObj.attr('lay-href') ? thisObj.attr('lay-href') : '';
// let title = thisObj.attr('title') == '点击鼠标右键查看功能点描述信息' ? '' : thisObj.attr('title');
//
// let btnName = thisObj.text() ? thisObj.text() : title;
// sessionStorage.setItem("buttonName", btnName);
// sessionStorage.setItem("buttonPath", layHref);
// },
/**
* 页面其他元素绑定事件
* @author lsq
* @date 2022-08-11
*/
bindElemClickEvent() {
let that = this;
var eventKeys = ['button', '[data-bizid]', '.layui-table-link', '[data-zymc]', '[data-busid]','.layui-tree-txt','.layui-cols-items'];
eventKeys.map(item => {
// if (!$(item).hasClass("on_fn")) {
// console.log(`${item}元素点击事件绑定完成！`)
// let that = this;
// var eventKeys = ['button', '[data-bizid]', '.layui-table-link', '[data-zymc]', '[data-busid]', '.layui-tree-txt', '.layui-cols-items'];
// eventKeys.map(item => {
// setTimeout(function () {
// // console.log(`${item}元素点击事件绑定完成！`)
// $(item).unbind('click.handle').on('click.handle', (function (e) {
// e.preventDefault();
// that.clickEventHandle($(this), item)
// }))
// }
setTimeout(function (){
// console.log(`${item}元素点击事件绑定完成！`)
$(item).unbind('click.handle').on('click.handle', (function (e) {
e.preventDefault();
that.clickEventHandle($(this), item)
}))
},500)
})
// }, 500)
// })
},
/**
* 绑定鼠标右键事件
... ...
<title>操作日志</title>
<title>操作日志统计</title>
<iframe class="layadmin-iframe" src="/vue3/index.html#/vue3/operationLog" style="height: 99.5%!important;"/>
... ...
<title>我的操作日志</title>
<iframe class="layadmin-iframe" src="/vue3/index.html#/vue3/operationLog/userList" style="height: 99.5%!important;"/>
... ...
... ... @@ -5,6 +5,7 @@
<link href="public/shui.png" rel="icon"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>智能综合监控平台</title>
<script src="public/lib/polyfill/polyfill.min.js"></script>
<script src="public/lib/vue/vue.global.prod.js"></script>
<script src="public/lib/vue/vue-router.global.prod.js"></script>
<script src="public/lib/vue/vuex.global.prod.js"></script>
... ... @@ -16,7 +17,7 @@
<link href="public/lib/vant/index.css" rel="stylesheet">
<script src="public/lib/vant/vant.min.js"></script>
<script src="public/lib/axios/axios.min.js"></script>
<!-- <script src="public/lib/dayjs/dayjs.min.js"></script> -->
<script src="public/lib/dayjs/dayjs.min.js"></script>
<script src="public/lib/jquery/jquery.min.js"></script>
<script src="public/lib/echarts/echarts.min.js"></script>
... ...
... ... @@ -11,8 +11,6 @@
@import "../css/cmdbdatasync.css";
/*登录logo配置*/
@import "../css/logoConfig.css";
/*lsq 操作记录日志样式 2022-09-26*/
@import "../css/operationLog.css";
.d-flex {
display: flex;
... ... @@ -33,14 +31,14 @@
/*最外层样式*/
.container {
background-color: #CCCCCC;
padding: 3px 3px;
width: calc(100% - 10px);
padding: 0px 0px;
width: calc(100% - 6px);
}
.container .cm-card {
overflow-y: auto;
background: white;
border-radius: 3px
border-radius: 3px;
}
.container .cm-card .search {
... ... @@ -63,13 +61,16 @@
margin-bottom: 3px !important;
/*width: 250px !important;*/
}
/*lsq esData下的搜索条件栏样式调整 2022-06-27*/
.container .cm-card .search .condition.esData-conditon div {
margin-bottom: 0px !important;
}
.container .cm-card .search .condition.esData-conditon{
.container .cm-card .search .condition.esData-conditon {
margin-bottom: 3px;
}
.container .cm-card .search .btns {
width: 200px;
display: flex;
... ... @@ -82,6 +83,74 @@
padding: 0px 6px;
}
/* 盒子样式 */
.m-6 {
margin: 6px;
}
.m-l-6 {
margin-left: 6px;
}
.m-r-6 {
margin-right: 6px;
}
.m-t-6 {
margin-top: 6px;
}
.m-b-6 {
margin-top: 6px;
}
.p-6 {
padding: 6px;
}
.p-l-6 {
padding-left: 6px;
}
.p-r-6 {
padding-right: 6px;
}
.p-t-6 {
padding-top: 6px;
}
.p-b-6 {
padding-top: 6px;
}
.p-l-3 {
padding-left: 3px;
}
.p-r-3 {
padding-right: 3px;
}
.page-item{
padding: 0px 10px
}
.page-item-title-h3 {
text-align: left;
color: #2b9eef;
padding-left: 6px;
}
.page-item-content {
position: relative;
cursor: default;
border: 1px solid rgb(228, 228, 228);
-webkit-tap-highlight-color: transparent;
user-select: none;
margin: 6px;
padding: 6px;
}
/*
共通弹框配置样式
custom-class="config-dialog"
... ... @@ -161,30 +230,37 @@ custom-class="config-dialog"
.tree-table .el-table .el-table__cell.is-center div {
justify-content: center;
}
/*lsq 资产视图下搜索栏样式调整 2022-06-27*/
.resList-form.el-form--inline .el-form-item{
.resList-form.el-form--inline .el-form-item {
align-items: center;
margin-right:6px;
margin-right: 6px;
}
/*lsq ping详情页面中搜索栏的样式调整 2022-06-28*/
.container .cm-card .search .condition.ping div{
.container .cm-card .search .condition.ping div {
margin-bottom: 0px !important;
}
.container .cm-card .search .condition.ping{
.container .cm-card .search .condition.ping {
margin-bottom: 6px;
}
/*lsq elementUI的滚动条样式修改 2022-06-28*/
.el-scrollbar__bar.is-vertical {
width:15px;
top:0px;
width: 15px;
top: 0px;
}
.el-scrollbar__bar.is-horizontal {
height: 15px;
left:0px;
left: 0px;
}
.el-scrollbar__thumb,.el-scrollbar__thumb:hover {
.el-scrollbar__thumb, .el-scrollbar__thumb:hover {
border-radius: 0px;
background-color: #CCCCCC;
opacity: 1;
width:10px;.el-scrollbar__bar.is-horizontal>div
width: 10px;
. el-scrollbar__bar . is-horizontal > div
}
... ...
.operation-log-search{
display: flex;
align-items: center;
justify-content: center;
margin-top:6px;
}
.container-none{
width:100%;
height: 20px;
background:#fafafa;
}
.operation-log-container.container .cm-card .search-table{padding:15px;}
.echart-con{
padding:10px;
}
.echart-con .echart-title{
font-size: 16px;
color:#1e9fff;
text-align: left;
margin-bottom: 6px;
padding:10px;
}
.echart-left,.echart-right{
border:1px solid #eee;
}
.echart-chart{
height: 300px;
}
\ No newline at end of file
... ... @@ -215,35 +215,35 @@
margin: 1em 0;
}
.markdown > p,
.markdown > blockquote,
.markdown > .highlight,
.markdown > ol,
.markdown > ul {
.markdown>p,
.markdown>blockquote,
.markdown>.highlight,
.markdown>ol,
.markdown>ul {
width: 80%;
}
.markdown ul > li {
.markdown ul>li {
list-style: circle;
}
.markdown > ul li,
.markdown blockquote ul > li {
.markdown>ul li,
.markdown blockquote ul>li {
margin-left: 20px;
padding-left: 4px;
}
.markdown > ul li p,
.markdown > ol li p {
.markdown>ul li p,
.markdown>ol li p {
margin: 0.6em 0;
}
.markdown ol > li {
.markdown ol>li {
list-style: decimal;
}
.markdown > ol li,
.markdown blockquote ol > li {
.markdown>ol li,
.markdown blockquote ol>li {
margin-left: 20px;
padding-left: 4px;
}
... ... @@ -260,7 +260,7 @@
font-weight: 600;
}
.markdown > table {
.markdown>table {
border-collapse: collapse;
border-spacing: 0px;
empty-cells: show;
... ... @@ -269,20 +269,20 @@
margin-bottom: 24px;
}
.markdown > table th {
.markdown>table th {
white-space: nowrap;
color: #333;
font-weight: 600;
}
.markdown > table th,
.markdown > table td {
.markdown>table th,
.markdown>table td {
border: 1px solid #e9e9e9;
padding: 8px 16px;
text-align: left;
}
.markdown > table th {
.markdown>table th {
background: #F7F7F7;
}
... ... @@ -318,8 +318,8 @@
display: inline-block;
}
.markdown > br,
.markdown > p > br {
.markdown>br,
.markdown>p>br {
clear: both;
}
... ... @@ -453,13 +453,13 @@ pre[class*="language-"] {
overflow: auto;
}
:not(pre) > code[class*="language-"],
:not(pre)>code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
}
/* Inline code */
:not(pre) > code[class*="language-"] {
:not(pre)>code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
... ...
... ... @@ -3,14 +3,11 @@
<head>
<meta charset="utf-8"/>
<title>iconfont Demo</title>
<link href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico"
rel="shortcut icon"
type="image/x-icon"/>
<link href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg" rel="icon"
type="image/svg+xml"/>
<link href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css" rel="stylesheet">
<link href="demo.css" rel="stylesheet">
<link href="iconfont.css" rel="stylesheet">
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css">
<script src="iconfont.js"></script>
<!-- jQuery -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
... ... @@ -38,21 +35,19 @@
</style>
</head>
<body>
<div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" target="_blank" title="iconfont 首页">
<img src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg"
width="200">
<div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
</a></h1>
<div class="nav-tabs">
<ul class="dib-box" id="tabs">
<ul id="tabs" class="dib-box">
<li class="dib active"><span>Unicode</span></li>
<li class="dib"><span>Font class</span></li>
<li class="dib"><span>Symbol</span></li>
</ul>
<a class="nav-more" href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2843738"
target="_blank">查看项目</a>
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2843738" target="_blank" class="nav-more">查看项目</a>
</div>
<div class="tab-container">
... ... @@ -60,6 +55,48 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe67c;</span>
<div class="name">提示</div>
<div class="code-name">&amp;#xe67c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xec1e;</span>
<div class="name">点</div>
<div class="code-name">&amp;#xec1e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c4;</span>
<div class="name">216更多-竖向</div>
<div class="code-name">&amp;#xe8c4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe67b;</span>
<div class="name">微信</div>
<div class="code-name">&amp;#xe67b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe908;</span>
<div class="name">邮箱</div>
<div class="code-name">&amp;#xe908;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeb42;</span>
<div class="name">短信群发</div>
<div class="code-name">&amp;#xeb42;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xea6f;</span>
<div class="name">业务资源拓扑</div>
<div class="code-name">&amp;#xea6f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xeb67;</span>
<div class="name">仪表盘</div>
<div class="code-name">&amp;#xeb67;</div>
... ... @@ -1412,17 +1449,17 @@
</blockquote>
<p>Unicode 使用步骤如下：</p>
<h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1639498542236') format('woff2'),
url('iconfont.woff?t=1639498542236') format('woff'),
url('iconfont.ttf?t=1639498542236') format('truetype');
src: url('iconfont.woff2?t=1659325108758') format('woff2'),
url('iconfont.woff?t=1659325108758') format('woff'),
url('iconfont.ttf?t=1659325108758') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
<pre><code class="language-css"
>.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
... ... @@ -1431,7 +1468,7 @@
}
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
... ... @@ -1444,6 +1481,69 @@
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-tishi"></span>
<div class="name">
提示
</div>
<div class="code-name">.icon-tishi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dian"></span>
<div class="name">
点
</div>
<div class="code-name">.icon-dian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gengduo-shuxiang"></span>
<div class="name">
216更多-竖向
</div>
<div class="code-name">.icon-gengduo-shuxiang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-weixin"></span>
<div class="name">
微信
</div>
<div class="code-name">.icon-weixin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-youxiang"></span>
<div class="name">
邮箱
</div>
<div class="code-name">.icon-youxiang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-duanxinqunfa"></span>
<div class="name">
短信群发
</div>
<div class="code-name">.icon-duanxinqunfa
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yewuziyuantuopu"></span>
<div class="name">
业务资源拓扑
</div>
<div class="code-name">.icon-yewuziyuantuopu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yibiaopan"></span>
<div class="name">
仪表盘
... ... @@ -3463,10 +3563,10 @@
</ul>
<p>使用步骤如下：</p>
<h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"
... ... @@ -3478,7 +3578,63 @@
<ul class="icon_lists dib-box">
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tishi"></use>
</svg>
<div class="name">提示</div>
<div class="code-name">#icon-tishi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dian"></use>
</svg>
<div class="name">点</div>
<div class="code-name">#icon-dian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gengduo-shuxiang"></use>
</svg>
<div class="name">216更多-竖向</div>
<div class="code-name">#icon-gengduo-shuxiang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weixin"></use>
</svg>
<div class="name">微信</div>
<div class="code-name">#icon-weixin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-youxiang"></use>
</svg>
<div class="name">邮箱</div>
<div class="code-name">#icon-youxiang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duanxinqunfa"></use>
</svg>
<div class="name">短信群发</div>
<div class="code-name">#icon-duanxinqunfa</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yewuziyuantuopu"></use>
</svg>
<div class="name">业务资源拓扑</div>
<div class="code-name">#icon-yewuziyuantuopu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yibiaopan"></use>
</svg>
<div class="name">仪表盘</div>
... ... @@ -3486,7 +3642,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nginx"></use>
</svg>
<div class="name">nginx</div>
... ... @@ -3494,7 +3650,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianya"></use>
</svg>
<div class="name">电流</div>
... ... @@ -3502,7 +3658,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shujujiekou"></use>
</svg>
<div class="name">数据接口</div>
... ... @@ -3510,7 +3666,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xudianchizu"></use>
</svg>
<div class="name">蓄电池组</div>
... ... @@ -3518,7 +3674,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tomcat2"></use>
</svg>
<div class="name">tomcat</div>
... ... @@ -3526,7 +3682,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaoxingji"></use>
</svg>
<div class="name">小型机</div>
... ... @@ -3534,7 +3690,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianyabiao"></use>
</svg>
<div class="name">电压表</div>
... ... @@ -3542,7 +3698,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-suzhuji"></use>
</svg>
<div class="name">宿主机</div>
... ... @@ -3550,7 +3706,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kongtiao1"></use>
</svg>
<div class="name">空调</div>
... ... @@ -3558,7 +3714,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kaiguan"></use>
</svg>
<div class="name">开关</div>
... ... @@ -3566,7 +3722,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenduji"></use>
</svg>
<div class="name">温度计</div>
... ... @@ -3574,7 +3730,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kaiguan1"></use>
</svg>
<div class="name">开关</div>
... ... @@ -3582,7 +3738,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xuehua"></use>
</svg>
<div class="name">雪花</div>
... ... @@ -3590,7 +3746,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-aliyun"></use>
</svg>
<div class="name">阿里云</div>
... ... @@ -3598,7 +3754,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kongtiao2"></use>
</svg>
<div class="name">空调</div>
... ... @@ -3606,7 +3762,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kaiguan2"></use>
</svg>
<div class="name">开关</div>
... ... @@ -3614,7 +3770,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchizu"></use>
</svg>
<div class="name">电池组</div>
... ... @@ -3622,7 +3778,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchizu1"></use>
</svg>
<div class="name">电池组</div>
... ... @@ -3630,7 +3786,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-CADshezhi"></use>
</svg>
<div class="name">CAD设置</div>
... ... @@ -3638,7 +3794,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-EPStubiao"></use>
</svg>
<div class="name">EPS图标</div>
... ... @@ -3646,7 +3802,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-webLogic"></use>
</svg>
<div class="name">webLogic</div>
... ... @@ -3654,7 +3810,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaoxingji1"></use>
</svg>
<div class="name">小型机</div>
... ... @@ -3662,7 +3818,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenduji1"></use>
</svg>
<div class="name">温度计</div>
... ... @@ -3670,7 +3826,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-guangyuwang"></use>
</svg>
<div class="name">广域网</div>
... ... @@ -3678,7 +3834,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wangguanshezhi"></use>
</svg>
<div class="name">网关设置</div>
... ... @@ -3686,7 +3842,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sanjiaohuanji"></use>
</svg>
<div class="name">san交换机</div>
... ... @@ -3694,7 +3850,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Redis1"></use>
</svg>
<div class="name">Redis</div>
... ... @@ -3702,7 +3858,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchi3"></use>
</svg>
<div class="name">电池</div>
... ... @@ -3710,7 +3866,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaoxingji2"></use>
</svg>
<div class="name">小型机</div>
... ... @@ -3718,7 +3874,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaoxingji3"></use>
</svg>
<div class="name">小型机服务器</div>
... ... @@ -3726,7 +3882,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dns"></use>
</svg>
<div class="name">dns</div>
... ... @@ -3734,7 +3890,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yangan"></use>
</svg>
<div class="name">烟感</div>
... ... @@ -3742,7 +3898,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shujuku"></use>
</svg>
<div class="name">数据库</div>
... ... @@ -3750,7 +3906,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xuehua1"></use>
</svg>
<div class="name">雪花</div>
... ... @@ -3758,7 +3914,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kongtiao3"></use>
</svg>
<div class="name">空调</div>
... ... @@ -3766,7 +3922,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jifang"></use>
</svg>
<div class="name">机房</div>
... ... @@ -3774,7 +3930,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-eps"></use>
</svg>
<div class="name">eps</div>
... ... @@ -3782,7 +3938,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sharpicons_snowflake"></use>
</svg>
<div class="name">sharpicons_snowflake</div>
... ... @@ -3790,7 +3946,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-SANjiaohuanji"></use>
</svg>
<div class="name">SAN交换机</div>
... ... @@ -3798,7 +3954,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchi4"></use>
</svg>
<div class="name">电池</div>
... ... @@ -3806,7 +3962,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianyabiao1"></use>
</svg>
<div class="name">电压表</div>
... ... @@ -3814,7 +3970,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchizu2"></use>
</svg>
<div class="name">电池组</div>
... ... @@ -3822,7 +3978,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-hengban-huaweiyun-quanbu"></use>
</svg>
<div class="name">横版-华为云-全部</div>
... ... @@ -3830,7 +3986,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-UPS"></use>
</svg>
<div class="name">UPS</div>
... ... @@ -3838,7 +3994,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yangan1"></use>
</svg>
<div class="name">烟感</div>
... ... @@ -3846,7 +4002,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianliu"></use>
</svg>
<div class="name">电流</div>
... ... @@ -3854,7 +4010,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchi-wu"></use>
</svg>
<div class="name">电池 - 无</div>
... ... @@ -3862,7 +4018,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ecsyunfuwuqi"></use>
</svg>
<div class="name">ecs云服务器</div>
... ... @@ -3870,7 +4026,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ups"></use>
</svg>
<div class="name">ups</div>
... ... @@ -3878,7 +4034,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mysqlshujukumgrban"></use>
</svg>
<div class="name">mysql数据库(mgr版)</div>
... ... @@ -3886,7 +4042,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianya1"></use>
</svg>
<div class="name">电压</div>
... ... @@ -3894,7 +4050,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-VMware"></use>
</svg>
<div class="name">VMware</div>
... ... @@ -3902,7 +4058,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yibiaopan1"></use>
</svg>
<div class="name">仪表盘</div>
... ... @@ -3910,7 +4066,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ecsyunfuwuqiECS"></use>
</svg>
<div class="name">ecs 云服务器ECS</div>
... ... @@ -3918,7 +4074,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ecsyunfuwuqiECS1"></use>
</svg>
<div class="name">ecs 云服务器ECS</div>
... ... @@ -3926,7 +4082,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ruqinjiance1"></use>
</svg>
<div class="name">入侵检测</div>
... ... @@ -3934,7 +4090,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gongxiangcunchu"></use>
</svg>
<div class="name">共享存储</div>
... ... @@ -3942,7 +4098,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianliu1"></use>
</svg>
<div class="name">电流</div>
... ... @@ -3950,7 +4106,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-huaweiyunxuniji"></use>
</svg>
<div class="name">icon-华为云虚拟机</div>
... ... @@ -3958,7 +4114,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-MySQLshujuku"></use>
</svg>
<div class="name">MySQL数据库</div>
... ... @@ -3966,7 +4122,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Internet-yunzhuangjiedian"></use>
</svg>
<div class="name">Internet-云状节点</div>
... ... @@ -3974,7 +4130,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Internet-yunzhuangjiedian1"></use>
</svg>
<div class="name">Internet-云状节点</div>
... ... @@ -3982,7 +4138,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yangan2"></use>
</svg>
<div class="name">烟感</div>
... ... @@ -3990,7 +4146,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-KAFAKA"></use>
</svg>
<div class="name">KAFAKA</div>
... ... @@ -3998,7 +4154,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhongjiqi"></use>
</svg>
<div class="name">中继器</div>
... ... @@ -4006,7 +4162,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wangguan"></use>
</svg>
<div class="name">网关</div>
... ... @@ -4014,7 +4170,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-alarm-full"></use>
</svg>
<div class="name">报警,警报,报警灯,危险</div>
... ... @@ -4022,7 +4178,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-alarm"></use>
</svg>
<div class="name">报警,警报,报警灯,危险</div>
... ... @@ -4030,7 +4186,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-blood-full"></use>
</svg>
<div class="name">血,血液,水,水滴</div>
... ... @@ -4038,7 +4194,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mianxingbaojingdengtubiao"></use>
</svg>
<div class="name">面性报警灯图标</div>
... ... @@ -4046,7 +4202,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fuwuqi2"></use>
</svg>
<div class="name">服务器</div>
... ... @@ -4054,7 +4210,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fenqu"></use>
</svg>
<div class="name">分区</div>
... ... @@ -4062,7 +4218,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenduji2"></use>
</svg>
<div class="name">温度计</div>
... ... @@ -4070,7 +4226,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shujukucaozuo-chaxunmysqlshujuku"></use>
</svg>
<div class="name">数据库操作-查询mysql数据库</div>
... ... @@ -4078,7 +4234,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jifang1"></use>
</svg>
<div class="name">机房</div>
... ... @@ -4086,7 +4242,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhuanyongsuzhuji"></use>
</svg>
<div class="name">专用宿主机</div>
... ... @@ -4094,7 +4250,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-danxingwangka"></use>
</svg>
<div class="name">弹性网卡</div>
... ... @@ -4102,7 +4258,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wuliwangkaduankou"></use>
</svg>
<div class="name">物理网卡端口</div>
... ... @@ -4110,7 +4266,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wangluoruqinjiance"></use>
</svg>
<div class="name">网络入侵检测</div>
... ... @@ -4118,7 +4274,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-qiansuanxudianchizu"></use>
</svg>
<div class="name">铅酸蓄电池组</div>
... ... @@ -4126,7 +4282,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-UPS1"></use>
</svg>
<div class="name">UPS</div>
... ... @@ -4134,7 +4290,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-guangyuwangxianlu"></use>
</svg>
<div class="name">广域网线路</div>
... ... @@ -4142,7 +4298,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wuliwangka"></use>
</svg>
<div class="name">物理网卡</div>
... ... @@ -4150,7 +4306,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Nginx"></use>
</svg>
<div class="name">Nginx</div>
... ... @@ -4158,7 +4314,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Weblogic"></use>
</svg>
<div class="name">Weblogic</div>
... ... @@ -4166,7 +4322,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-TOMCAT"></use>
</svg>
<div class="name">TOMCAT</div>
... ... @@ -4174,7 +4330,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wulifuwuqi1"></use>
</svg>
<div class="name">物理服务器</div>
... ... @@ -4182,7 +4338,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-VMware1"></use>
</svg>
<div class="name">VMware</div>
... ... @@ -4190,7 +4346,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiqun"></use>
</svg>
<div class="name">集群</div>
... ... @@ -4198,7 +4354,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianyuanjiaohuanji"></use>
</svg>
<div class="name">边缘交换机</div>
... ... @@ -4206,7 +4362,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-epsdaoru"></use>
</svg>
<div class="name">eps导入</div>
... ... @@ -4214,7 +4370,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-epsdaochu"></use>
</svg>
<div class="name">eps导出</div>
... ... @@ -4222,7 +4378,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhongjiqi1"></use>
</svg>
<div class="name">中继器</div>
... ... @@ -4230,7 +4386,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-a-ziyuan117"></use>
</svg>
<div class="name">Tomcat</div>
... ... @@ -4238,7 +4394,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-suzhuji1"></use>
</svg>
<div class="name">宿主机</div>
... ... @@ -4246,7 +4402,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-binghaitushi_shuizi"></use>
</svg>
<div class="name">病害图示_水渍</div>
... ... @@ -4254,7 +4410,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gongxiangcunchu1"></use>
</svg>
<div class="name">共享存储</div>
... ... @@ -4262,7 +4418,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-loudiandianliu-xian"></use>
</svg>
<div class="name">漏电电流-线</div>
... ... @@ -4270,7 +4426,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-alarm-full1"></use>
</svg>
<div class="name">报警,警报,报警灯,危险</div>
... ... @@ -4278,7 +4434,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiaoxingji4"></use>
</svg>
<div class="name">小型机</div>
... ... @@ -4286,7 +4442,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianliu2"></use>
</svg>
<div class="name">电流</div>
... ... @@ -4294,7 +4450,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-huaweiyun"></use>
</svg>
<div class="name">华为云</div>
... ... @@ -4302,7 +4458,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchi"></use>
</svg>
<div class="name">电池</div>
... ... @@ -4310,7 +4466,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-chongdian"></use>
</svg>
<div class="name">充电</div>
... ... @@ -4318,7 +4474,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-5"></use>
</svg>
<div class="name">water</div>
... ... @@ -4326,7 +4482,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tomcat"></use>
</svg>
<div class="name">tomcat</div>
... ... @@ -4334,7 +4490,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ids"></use>
</svg>
<div class="name">ids</div>
... ... @@ -4342,7 +4498,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fuzaijunheng"></use>
</svg>
<div class="name">负载均衡</div>
... ... @@ -4350,7 +4506,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xuniips"></use>
</svg>
<div class="name">虚拟IPS</div>
... ... @@ -4358,7 +4514,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xuniips1"></use>
</svg>
<div class="name">虚拟IPS</div>
... ... @@ -4366,7 +4522,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fanghuoqiang37"></use>
</svg>
<div class="name">防火墙</div>
... ... @@ -4374,7 +4530,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-vlb"></use>
</svg>
<div class="name">弹性负载均衡</div>
... ... @@ -4382,7 +4538,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shouye"></use>
</svg>
<div class="name">血糖</div>
... ... @@ -4390,7 +4546,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shuizisunshixian"></use>
</svg>
<div class="name">水渍损失险</div>
... ... @@ -4398,7 +4554,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ruqinjiance"></use>
</svg>
<div class="name">入侵检测</div>
... ... @@ -4406,7 +4562,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiaohuanji"></use>
</svg>
<div class="name">交换机</div>
... ... @@ -4414,7 +4570,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jingwuicon_svg-"></use>
</svg>
<div class="name">警报</div>
... ... @@ -4422,7 +4578,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tomcat1"></use>
</svg>
<div class="name">tomcat</div>
... ... @@ -4430,7 +4586,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiaohuanji1"></use>
</svg>
<div class="name">交换机</div>
... ... @@ -4438,7 +4594,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-oracleshujuku"></use>
</svg>
<div class="name">oracle数据库</div>
... ... @@ -4446,7 +4602,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fanghuoqiang"></use>
</svg>
<div class="name">防火墙</div>
... ... @@ -4454,7 +4610,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fuwuqi"></use>
</svg>
<div class="name">服务器</div>
... ... @@ -4462,7 +4618,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fuwuqi1"></use>
</svg>
<div class="name">服务器</div>
... ... @@ -4470,7 +4626,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kongtiao"></use>
</svg>
<div class="name">空调</div>
... ... @@ -4478,7 +4634,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yunshujuku"></use>
</svg>
<div class="name">云数据库</div>
... ... @@ -4486,7 +4642,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchi1"></use>
</svg>
<div class="name">电池</div>
... ... @@ -4494,7 +4650,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Redis"></use>
</svg>
<div class="name">Redis</div>
... ... @@ -4502,7 +4658,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-current"></use>
</svg>
<div class="name">电流</div>
... ... @@ -4510,7 +4666,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-oracleshujuku1"></use>
</svg>
<div class="name">oracle数据库</div>
... ... @@ -4518,7 +4674,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-DNS-xiugai"></use>
</svg>
<div class="name">DNS-修改</div>
... ... @@ -4526,7 +4682,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wulifuwuqi"></use>
</svg>
<div class="name">物理服务器</div>
... ... @@ -4534,7 +4690,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dianchi2"></use>
</svg>
<div class="name">电池</div>
... ... @@ -4542,7 +4698,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daochu"></use>
</svg>
<div class="name">导出</div>
... ... @@ -4550,7 +4706,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daochu1"></use>
</svg>
<div class="name">导出</div>
... ... @@ -4558,7 +4714,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-database"></use>
</svg>
<div class="name">数据库,数据</div>
... ... @@ -4566,7 +4722,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-OPCtiaobanjiquanxianshenqing"></use>
</svg>
<div class="name">OPC跳板机权限申请</div>
... ... @@ -4574,7 +4730,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-assets"></use>
</svg>
<div class="name">资产</div>
... ... @@ -4582,7 +4738,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shoucang"></use>
</svg>
<div class="name">收藏</div>
... ... @@ -4590,7 +4746,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wangluotuopu"></use>
</svg>
<div class="name">网络拓扑</div>
... ... @@ -4598,7 +4754,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shoucang1"></use>
</svg>
<div class="name">收藏</div>
... ... @@ -4606,7 +4762,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xunizhuomian"></use>
</svg>
<div class="name">虚拟桌面</div>
... ... @@ -4614,7 +4770,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-baoleiji"></use>
</svg>
<div class="name">堡垒机</div>
... ... @@ -4622,7 +4778,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-baoleijisas"></use>
</svg>
<div class="name">堡垒机sas</div>
... ... @@ -4630,7 +4786,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-baoleijishouquanshenqingliucheng"></use>
</svg>
<div class="name">堡垒机授权申请流程</div>
... ... @@ -4638,7 +4794,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xunizhuomian1"></use>
</svg>
<div class="name">虚拟桌面</div>
... ... @@ -4646,7 +4802,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shuiba2"></use>
</svg>
<div class="name">水坝b</div>
... ... @@ -4654,7 +4810,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xunizhuomian2"></use>
</svg>
<div class="name">虚拟桌面</div>
... ... @@ -4662,7 +4818,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gunshuiba"></use>
</svg>
<div class="name">滚水坝</div>
... ... @@ -4670,7 +4826,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-line1"></use>
</svg>
<div class="name">线</div>
... ... @@ -4678,7 +4834,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-line"></use>
</svg>
<div class="name">line</div>
... ... @@ -4686,7 +4842,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-luyouqi"></use>
</svg>
<div class="name">路由器</div>
... ... @@ -4694,7 +4850,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sousuo"></use>
</svg>
<div class="name">搜索</div>
... ... @@ -4702,7 +4858,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon--mubiaoku"></use>
</svg>
<div class="name">目标库</div>
... ... @@ -4710,7 +4866,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon--download"></use>
</svg>
<div class="name">下载</div>
... ... @@ -4718,7 +4874,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon--shangchuan"></use>
</svg>
<div class="name">上传</div>
... ... @@ -4726,7 +4882,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon--tongji"></use>
</svg>
<div class="name">统计</div>
... ... @@ -4734,7 +4890,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon--quanxian"></use>
</svg>
<div class="name">权限</div>
... ... @@ -4742,7 +4898,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon--yingbing"></use>
</svg>
<div class="name">迎宾</div>
... ... @@ -4750,7 +4906,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon--yes"></use>
</svg>
<div class="name">对</div>
... ... @@ -4758,7 +4914,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon--shanchu"></use>
</svg>
<div class="name">删除</div>
... ... @@ -4766,7 +4922,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-rizhi"></use>
</svg>
<div class="name">日志</div>
... ... @@ -4774,7 +4930,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-gaojing"></use>
</svg>
<div class="name">告警</div>
... ... @@ -4782,7 +4938,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-icon-liucheng"></use>
</svg>
<div class="name">流程</div>
... ... @@ -4790,7 +4946,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yuangongchelianglika"></use>
</svg>
<div class="name">人员离开</div>
... ... @@ -4798,7 +4954,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yuangongcheliangjinr"></use>
</svg>
<div class="name">人员进入</div>
... ... @@ -4806,7 +4962,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-lunxun"></use>
</svg>
<div class="name">轮巡</div>
... ... @@ -4814,7 +4970,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-haoyou"></use>
</svg>
<div class="name">好友</div>
... ... @@ -4822,7 +4978,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yonghu"></use>
</svg>
<div class="name">224用户</div>
... ... @@ -4830,7 +4986,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiaoseguanli"></use>
</svg>
<div class="name">角色管理</div>
... ... @@ -4838,7 +4994,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-liebiaomoshi"></use>
</svg>
<div class="name">列表模式</div>
... ... @@ -4846,7 +5002,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-liebiao"></use>
</svg>
<div class="name">列表</div>
... ... @@ -4854,7 +5010,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bt_duigou_B"></use>
</svg>
<div class="name">AK-BT_对勾_B</div>
... ... @@ -4862,7 +5018,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duigouxuanzhong"></use>
</svg>
<div class="name">对勾选中</div>
... ... @@ -4870,7 +5026,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-confirm-line"></use>
</svg>
<div class="name">对勾</div>
... ... @@ -4878,7 +5034,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duigou_kuai"></use>
</svg>
<div class="name">对勾_块</div>
... ... @@ -4886,7 +5042,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duigou3"></use>
</svg>
<div class="name">进度条-对勾</div>
... ... @@ -4894,7 +5050,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cha"></use>
</svg>
<div class="name">叉</div>
... ... @@ -4902,7 +5058,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duigou4"></use>
</svg>
<div class="name">对，勾</div>
... ... @@ -4910,7 +5066,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-guifandaohanglancha"></use>
</svg>
<div class="name">规范－导航栏－叉</div>
... ... @@ -4918,7 +5074,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ziyuan"></use>
</svg>
<div class="name">地图找房_交叉</div>
... ... @@ -4926,7 +5082,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duigou"></use>
</svg>
<div class="name">对勾</div>
... ... @@ -4934,7 +5090,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duigou1"></use>
</svg>
<div class="name">对勾</div>
... ... @@ -4942,7 +5098,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-duigou2"></use>
</svg>
<div class="name">操作-对勾</div>
... ... @@ -4950,7 +5106,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bt_duigou_a"></use>
</svg>
<div class="name">AK-BT_对勾_A</div>
... ... @@ -4958,7 +5114,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenjian"></use>
</svg>
<div class="name">文件</div>
... ... @@ -4966,7 +5122,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bianjiwenjian"></use>
</svg>
<div class="name">编辑文件</div>
... ... @@ -4974,7 +5130,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dengdaiwenjian"></use>
</svg>
<div class="name">等待文件</div>
... ... @@ -4982,7 +5138,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shanchuwenjian"></use>
</svg>
<div class="name">删除文件</div>
... ... @@ -4990,7 +5146,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jianqiewenjian"></use>
</svg>
<div class="name">剪切文件</div>
... ... @@ -4998,7 +5154,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenjianjia"></use>
</svg>
<div class="name">文件夹</div>
... ... @@ -5006,7 +5162,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shanchuwenjianjia"></use>
</svg>
<div class="name">删除文件夹</div>
... ... @@ -5014,7 +5170,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-weidaqiadewenjianjia"></use>
</svg>
<div class="name">未打卡的文件夹</div>
... ... @@ -5022,7 +5178,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ziliaoku"></use>
</svg>
<div class="name">资料库</div>
... ... @@ -5030,7 +5186,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenben"></use>
</svg>
<div class="name">文本</div>
... ... @@ -5038,7 +5194,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daimawenjian"></use>
</svg>
<div class="name">代码文件</div>
... ... @@ -5046,7 +5202,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-excel"></use>
</svg>
<div class="name">excel</div>
... ... @@ -5054,7 +5210,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-24gf-fileEmpty"></use>
</svg>
<div class="name">24gf-fileEmpty</div>
... ... @@ -5062,7 +5218,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-24gf-fileText"></use>
</svg>
<div class="name">24gf-fileText</div>
... ... @@ -5070,7 +5226,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-24gf-folderHeart"></use>
</svg>
<div class="name">24gf-folderHeart</div>
... ... @@ -5078,7 +5234,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-24gf-folderStar"></use>
</svg>
<div class="name">24gf-folderStar</div>
... ... @@ -5086,7 +5242,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-24gf-folderOpen"></use>
</svg>
<div class="name">24gf-folderOpen</div>
... ... @@ -5094,7 +5250,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wenjian1"></use>
</svg>
<div class="name">文件</div>
... ... @@ -5102,7 +5258,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-image"></use>
</svg>
<div class="name">文件,图片,image</div>
... ... @@ -5110,7 +5266,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-image-full"></use>
</svg>
<div class="name">文件,图片,image</div>
... ... @@ -5118,7 +5274,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-json-full"></use>
</svg>
<div class="name">文件,json</div>
... ... @@ -5126,7 +5282,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-json"></use>
</svg>
<div class="name">文件,json</div>
... ... @@ -5134,7 +5290,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pdf"></use>
</svg>
<div class="name">文件,pdf</div>
... ... @@ -5142,7 +5298,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pdf-full"></use>
</svg>
<div class="name">文件,pdf</div>
... ... @@ -5150,7 +5306,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-txt-full"></use>
</svg>
<div class="name">文件,txt</div>
... ... @@ -5158,7 +5314,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-txt"></use>
</svg>
<div class="name">文件,txt</div>
... ... @@ -5166,7 +5322,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-excel1"></use>
</svg>
<div class="name">文件,excel</div>
... ... @@ -5174,7 +5330,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-excel-full"></use>
</svg>
<div class="name">文件,excel</div>
... ... @@ -5182,7 +5338,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ppt"></use>
</svg>
<div class="name">文件,ppt</div>
... ... @@ -5190,7 +5346,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ppt-full"></use>
</svg>
<div class="name">文件,ppt</div>
... ... @@ -5198,7 +5354,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-word-full"></use>
</svg>
<div class="name">文件,word</div>
... ... @@ -5206,7 +5362,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-word"></use>
</svg>
<div class="name">文件,word</div>
... ... @@ -5214,7 +5370,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-audio-full"></use>
</svg>
<div class="name">文件,音频</div>
... ... @@ -5222,7 +5378,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-audio"></use>
</svg>
<div class="name">文件,音频</div>
... ... @@ -5230,7 +5386,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-avi-full"></use>
</svg>
<div class="name">文件,视频</div>
... ... @@ -5238,7 +5394,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-avi"></use>
</svg>
<div class="name">文件,视频</div>
... ... @@ -5246,7 +5402,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zip-full"></use>
</svg>
<div class="name">文件,zip</div>
... ... @@ -5254,7 +5410,7 @@
</li>
<li class="dib">
<svg aria-hidden="true" class="icon svg-icon">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zip"></use>
</svg>
<div class="name">文件,zip</div>
... ... @@ -5276,10 +5432,10 @@
</ul>
<p>使用步骤如下：</p>
<h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
<h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
<pre><code class="language-html">&lt;style&gt;
.icon {
width: 1em;
height: 1em;
... ... @@ -5290,7 +5446,7 @@
&lt;/style&gt;
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
&lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
... ... @@ -5298,8 +5454,8 @@
</div>
</div>
</div>
<script>
</div>
<script>
$(document).ready(function () {
$('.tab-container .content:first').show()
... ... @@ -5317,6 +5473,6 @@
}
})
})
</script>
</script>
</body>
</html>
... ...
@font-face {
font-family: "iconfont"; /* Project id 2843738 */
src: url('iconfont.woff2?t=1639498542236') format('woff2'),
url('iconfont.woff?t=1639498542236') format('woff'),
url('iconfont.ttf?t=1639498542236') format('truetype');
src: url('iconfont.woff2?t=1659325108758') format('woff2'),
url('iconfont.woff?t=1659325108758') format('woff'),
url('iconfont.ttf?t=1659325108758') format('truetype');
}
.iconfont {
... ... @@ -13,6 +13,34 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-tishi:before {
content: "\e67c";
}
.icon-dian:before {
content: "\ec1e";
}
.icon-gengduo-shuxiang:before {
content: "\e8c4";
}
.icon-weixin:before {
content: "\e67b";
}
.icon-youxiang:before {
content: "\e908";
}
.icon-duanxinqunfa:before {
content: "\eb42";
}
.icon-yewuziyuantuopu:before {
content: "\ea6f";
}
.icon-yibiaopan:before {
content: "\eb67";
}
... ...
... ... @@ -6,6 +6,55 @@
"description": "",
"glyphs": [
{
"icon_id": "577891",
"name": "提示",
"font_class": "tishi",
"unicode": "e67c",
"unicode_decimal": 59004
},
{
"icon_id": "4933869",
"name": "点",
"font_class": "dian",
"unicode": "ec1e",
"unicode_decimal": 60446
},
{
"icon_id": "1727447",
"name": "216更多-竖向",
"font_class": "gengduo-shuxiang",
"unicode": "e8c4",
"unicode_decimal": 59588
},
{
"icon_id": "1206404",
"name": "微信",
"font_class": "weixin",
"unicode": "e67b",
"unicode_decimal": 59003
},
{
"icon_id": "4552970",
"name": "邮箱",
"font_class": "youxiang",
"unicode": "e908",
"unicode_decimal": 59656
},
{
"icon_id": "5387727",
"name": "短信群发",
"font_class": "duanxinqunfa",
"unicode": "eb42",
"unicode_decimal": 60226
},
{
"icon_id": "742139",
"name": "业务资源拓扑",
"font_class": "yewuziyuantuopu",
"unicode": "ea6f",
"unicode_decimal": 60015
},
{
"icon_id": "3868284",
"name": "仪表盘",
"font_class": "yibiaopan",
... ...
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.dayjs=e()}(this,function(){"use strict";const t=60,e=60*t,s=24*e,r=7*s,n=(t,e,s)=>!t||t.length>=e?t:`${Array(e+1-t.length).join(s)}${t}`;class i{constructor(t){this.utc=!1;const e=this.parseConfig(t);this.date=new Date(e),this.timeZone=this.date.getTimezoneOffset()/60,this.timeZoneString=n(String(-1*this.timeZone).replace(/^(.)?(\d)/,"$10$200"),5,"+"),this.mYear=this.date.getFullYear(),this.mMonth=this.date.getMonth(),this.mDay=this.date.getDate(),this.mWeek=this.date.getDay(),this.mHour=this.date.getHours(),this.mMinute=this.date.getMinutes(),this.mSecond=this.date.getSeconds()}parseConfig(t){if(!t)return new Date;if(t instanceof Date)return t;if(/^(\d){8}$/.test(t)){return this.utc=!0,`${t.substr(0,4)}-${t.substr(4,2)}-${t.substr(6,2)}`}return t}year(){return this.mYear}month(){return this.mMonth}unix(){const t=this.utc?60*this.timeZone*60*1e3:0;return Math.floor((this.date.getTime()+t)/1e3)}toString(){return this.date.toUTCString()}startOf(t){switch(t){case"year":return new i(new Date(this.year(),0,1));case"month":return new i(new Date(this.year(),this.month(),1));default:return this}}add(n,a){let h;switch(a){case"m":case"minutes":h=t;break;case"h":case"hours":h=e;break;case"d":case"days":h=s;break;case"w":case"weeks":h=r;break;default:h=1}const u=this.unix()+n*h;return new i(1e3*u)}subtract(t,e){return this.add(-1*t,e)}format(t="YYYY-MM-DDTHH:mm:ssZ"){const e=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];return t.replace(/Y{2,4}|M{1,2}|D{1,2}|d{1,4}|H{1,2}|m{1,2}|s{1,2}|Z{1,2}/g,t=>{switch(t){case"YY":return String(this.mYear).slice(-2);case"YYYY":return String(this.mYear);case"M":return String(this.mMonth+1);case"MM":return n(String(this.mMonth+1),2,"0");case"D":return String(this.mDay);case"DD":return n(String(this.mDay),2,"0");case"d":return String(this.mWeek);case"dddd":return e[this.mWeek];case"H":return String(this.mHour);case"HH":return n(String(this.mHour),2,"0");case"m":return String(this.mMinute);case"mm":return n(String(this.mMinute),2,"0");case"s":return String(this.mSecond);case"ss":return n(String(this.mSecond),2,"0");case"Z":return`${this.timeZoneString.slice(0,-2)}:00`;case"ZZ":return this.timeZoneString;default:return t}})}}return t=>new i(t)});
!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):t.dayjs=n()}(this,function(){"use strict";var t="millisecond",n="second",e="minute",r="hour",i="day",s="week",u="month",o="quarter",a="year",h=/^(\d{4})-?(\d{1,2})-?(\d{0,2})[^0-9]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?.?(\d{1,3})?$/,f=/\[([^\]]+)]|Y{2,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,c=function(t,n,e){var r=String(t);return!r||r.length>=n?t:""+Array(n+1-r.length).join(e)+t},d={s:c,z:function(t){var n=-t.utcOffset(),e=Math.abs(n),r=Math.floor(e/60),i=e%60;return(n<=0?"+":"-")+c(r,2,"0")+":"+c(i,2,"0")},m:function(t,n){var e=12*(n.year()-t.year())+(n.month()-t.month()),r=t.clone().add(e,u),i=n-r<0,s=t.clone().add(e+(i?-1:1),u);return Number(-(e+(n-r)/(i?r-s:s-r))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(h){return{M:u,y:a,w:s,d:i,D:"date",h:r,m:e,s:n,ms:t,Q:o}[h]||String(h||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},$={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_")},l="en",m={};m[l]=$;var y=function(t){return t instanceof v},M=function(t,n,e){var r;if(!t)return l;if("string"==typeof t)m[t]&&(r=t),n&&(m[t]=n,r=t);else{var i=t.name;m[i]=t,r=i}return e||(l=r),r},g=function(t,n,e){if(y(t))return t.clone();var r=n?"string"==typeof n?{format:n,pl:e}:n:{};return r.date=t,new v(r)},D=d;D.l=M,D.i=y,D.w=function(t,n){return g(t,{locale:n.$L,utc:n.$u,$offset:n.$offset})};var v=function(){function c(t){this.$L=this.$L||M(t.locale,null,!0),this.parse(t)}var d=c.prototype;return d.parse=function(t){this.$d=function(t){var n=t.date,e=t.utc;if(null===n)return new Date(NaN);if(D.u(n))return new Date;if(n instanceof Date)return new Date(n);if("string"==typeof n&&!/Z$/i.test(n)){var r=n.match(h);if(r)return e?new Date(Date.UTC(r[1],r[2]-1,r[3]||1,r[4]||0,r[5]||0,r[6]||0,r[7]||0)):new Date(r[1],r[2]-1,r[3]||1,r[4]||0,r[5]||0,r[6]||0,r[7]||0)}return new Date(n)}(t),this.init()},d.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},d.$utils=function(){return D},d.isValid=function(){return!("Invalid Date"===this.$d.toString())},d.isSame=function(t,n){var e=g(t);return this.startOf(n)<=e&&e<=this.endOf(n)},d.isAfter=function(t,n){return g(t)<this.startOf(n)},d.isBefore=function(t,n){return this.endOf(n)<g(t)},d.$g=function(t,n,e){return D.u(t)?this[n]:this.set(e,t)},d.year=function(t){return this.$g(t,"$y",a)},d.month=function(t){return this.$g(t,"$M",u)},d.day=function(t){return this.$g(t,"$W",i)},d.date=function(t){return this.$g(t,"$D","date")},d.hour=function(t){return this.$g(t,"$H",r)},d.minute=function(t){return this.$g(t,"$m",e)},d.second=function(t){return this.$g(t,"$s",n)},d.millisecond=function(n){return this.$g(n,"$ms",t)},d.unix=function(){return Math.floor(this.valueOf()/1e3)},d.valueOf=function(){return this.$d.getTime()},d.startOf=function(t,o){var h=this,f=!!D.u(o)||o,c=D.p(t),d=function(t,n){var e=D.w(h.$u?Date.UTC(h.$y,n,t):new Date(h.$y,n,t),h);return f?e:e.endOf(i)},$=function(t,n){return D.w(h.toDate()[t].apply(h.toDate(),(f?[0,0,0,0]:[23,59,59,999]).slice(n)),h)},l=this.$W,m=this.$M,y=this.$D,M="set"+(this.$u?"UTC":"");switch(c){case a:return f?d(1,0):d(31,11);case u:return f?d(1,m):d(0,m+1);case s:var g=this.$locale().weekStart||0,v=(l<g?l+7:l)-g;return d(f?y-v:y+(6-v),m);case i:case"date":return $(M+"Hours",0);case r:return $(M+"Minutes",1);case e:return $(M+"Seconds",2);case n:return $(M+"Milliseconds",3);default:return this.clone()}},d.endOf=function(t){return this.startOf(t,!1)},d.$set=function(s,o){var h,f=D.p(s),c="set"+(this.$u?"UTC":""),d=(h={},h[i]=c+"Date",h.date=c+"Date",h[u]=c+"Month",h[a]=c+"FullYear",h[r]=c+"Hours",h[e]=c+"Minutes",h[n]=c+"Seconds",h[t]=c+"Milliseconds",h)[f],$=f===i?this.$D+(o-this.$W):o;if(f===u||f===a){var l=this.clone().set("date",1);l.$d[d]($),l.init(),this.$d=l.set("date",Math.min(this.$D,l.daysInMonth())).toDate()}else d&&this.$d[d]($);return this.init(),this},d.set=function(t,n){return this.clone().$set(t,n)},d.get=function(t){return this[D.p(t)]()},d.add=function(t,o){var h,f=this;t=Number(t);var c=D.p(o),d=function(n){var e=g(f);return D.w(e.date(e.date()+Math.round(n*t)),f)};if(c===u)return this.set(u,this.$M+t);if(c===a)return this.set(a,this.$y+t);if(c===i)return d(1);if(c===s)return d(7);var $=(h={},h[e]=6e4,h[r]=36e5,h[n]=1e3,h)[c]||1,l=this.$d.getTime()+t*$;return D.w(l,this)},d.subtract=function(t,n){return this.add(-1*t,n)},d.format=function(t){var n=this;if(!this.isValid())return"Invalid Date";var e=t||"YYYY-MM-DDTHH:mm:ssZ",r=D.z(this),i=this.$locale(),s=this.$H,u=this.$m,o=this.$M,a=i.weekdays,h=i.months,c=function(t,r,i,s){return t&&(t[r]||t(n,e))||i[r].substr(0,s)},d=function(t){return D.s(s%12||12,t,"0")},$=i.meridiem||function(t,n,e){var r=t<12?"AM":"PM";return e?r.toLowerCase():r},l={YY:String(this.$y).slice(-2),YYYY:this.$y,M:o+1,MM:D.s(o+1,2,"0"),MMM:c(i.monthsShort,o,h,3),MMMM:h[o]||h(this,e),D:this.$D,DD:D.s(this.$D,2,"0"),d:String(this.$W),dd:c(i.weekdaysMin,this.$W,a,2),ddd:c(i.weekdaysShort,this.$W,a,3),dddd:a[this.$W],H:String(s),HH:D.s(s,2,"0"),h:d(1),hh:d(2),a:$(s,u,!0),A:$(s,u,!1),m:String(u),mm:D.s(u,2,"0"),s:String(this.$s),ss:D.s(this.$s,2,"0"),SSS:D.s(this.$ms,3,"0"),Z:r};return e.replace(f,function(t,n){return n||l[t]||r.replace(":","")})},d.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},d.diff=function(t,h,f){var c,d=D.p(h),$=g(t),l=6e4*($.utcOffset()-this.utcOffset()),m=this-$,y=D.m(this,$);return y=(c={},c[a]=y/12,c[u]=y,c[o]=y/3,c[s]=(m-l)/6048e5,c[i]=(m-l)/864e5,c[r]=m/36e5,c[e]=m/6e4,c[n]=m/1e3,c)[d]||m,f?y:D.a(y)},d.daysInMonth=function(){return this.endOf(u).$D},d.$locale=function(){return m[this.$L]},d.locale=function(t,n){if(!t)return this.$L;var e=this.clone(),r=M(t,n,!0);return r&&(e.$L=r),e},d.clone=function(){return D.w(this.$d,this)},d.toDate=function(){return new Date(this.valueOf())},d.toJSON=function(){return this.isValid()?this.toISOString():null},d.toISOString=function(){return this.$d.toISOString()},d.toString=function(){return this.$d.toUTCString()},c}();return g.prototype=v.prototype,g.extend=function(t,n){return t(n,v,g),g},g.locale=M,g.isDayjs=y,g.unix=function(t){return g(1e3*t)},g.en=m[l],g.Ls=m,g});
... ...
/* Disable minification (remove `.min` from URL path) for more info */
(function(undefined) {var _mutation=function(){function e(e){return"function"==typeof Node?e instanceof Node:e&&"object"==typeof e&&e.nodeName&&e.nodeType>=1&&e.nodeType<=12}return function(n){if(1===n.length)return e(n[0])?n[0]:document.createTextNode(n[0]+"");for(var t=document.createDocumentFragment(),o=0;o<n.length;o++)t.appendChild(e(n[o])?n[o]:document.createTextNode(n[o]+""));return t}}();DocumentFragment.prototype.append=function(){this.appendChild(_mutation(arguments))};DocumentFragment.prototype.prepend=function(){this.insertBefore(_mutation(arguments),this.firstChild)};Document.prototype.after=Element.prototype.after=function(){if(this.parentNode){for(var t=Array.prototype.slice.call(arguments),e=this.nextSibling,o=e?t.indexOf(e):-1;-1!==o&&(e=e.nextSibling);)o=t.indexOf(e);this.parentNode.insertBefore(_mutation(arguments),e)}},"Text"in this&&(Text.prototype.after=Element.prototype.after);Document.prototype.append=Element.prototype.append=function(){this.appendChild(_mutation(arguments))};Document.prototype.before=Element.prototype.before=function(){if(this.parentNode){for(var e=Array.prototype.slice.call(arguments),t=this.previousSibling,o=t?e.indexOf(t):-1;-1!==o&&(t=t.previousSibling);)o=e.indexOf(t);this.parentNode.insertBefore(_mutation(arguments),t?t.nextSibling:this.parentNode.firstChild)}},"Text"in this&&(Text.prototype.before=Element.prototype.before);Element.prototype.matches=Element.prototype.webkitMatchesSelector||Element.prototype.oMatchesSelector||Element.prototype.msMatchesSelector||Element.prototype.mozMatchesSelector||function(e){for(var t=this,o=(t.document||t.ownerDocument).querySelectorAll(e),r=0;o[r]&&o[r]!==t;)++r;return!!o[r]};Element.prototype.closest=function(e){for(var n=this;n;){if(n.matches(e))return n;n="SVGElement"in window&&n instanceof SVGElement?n.parentNode:n.parentElement}return null};Document.prototype.prepend=Element.prototype.prepend=function(){this.insertBefore(_mutation(arguments),this.firstChild)};Document.prototype.replaceWith=Element.prototype.replaceWith=function(){this.parentNode&&this.parentNode.replaceChild(_mutation(arguments),this)},"Text"in this&&(Text.prototype.replaceWith=Element.prototype.replaceWith);!function(e){"use strict";function t(t){return!!t&&("Symbol"in e&&"iterator"in e.Symbol&&"function"==typeof t[Symbol.iterator]||!!Array.isArray(t))}function n(e){return"from"in Array?Array.from(e):Array.prototype.slice.call(e)}!function(){function r(e){var t="",n=!0;return e.forEach(function(e){var r=encodeURIComponent(e.name),a=encodeURIComponent(e.value);n||(t+="&"),t+=r+"="+a,n=!1}),t.replace(/%20/g,"+")}function a(e,t){var n=e.split("&");t&&-1===n[0].indexOf("=")&&(n[0]="="+n[0]);var r=[];n.forEach(function(e){if(0!==e.length){var t=e.indexOf("=");if(-1!==t)var n=e.substring(0,t),a=e.substring(t+1);else n=e,a="";n=n.replace(/\+/g," "),a=a.replace(/\+/g," "),r.push({name:n,value:a})}});var a=[];return r.forEach(function(e){a.push({name:decodeURIComponent(e.name),value:decodeURIComponent(e.value)})}),a}function i(e){if(c)return new s(e);var t=document.createElement("a");return t.href=e,t}function o(e){var i=this;this._list=[],e===undefined||null===e||(e instanceof o?this._list=a(String(e)):"object"==typeof e&&t(e)?n(e).forEach(function(e){if(!t(e))throw TypeError();var r=n(e);if(2!==r.length)throw TypeError();i._list.push({name:String(r[0]),value:String(r[1])})}):"object"==typeof e&&e?Object.keys(e).forEach(function(t){i._list.push({name:String(t),value:String(e[t])})}):(e=String(e),"?"===e.substring(0,1)&&(e=e.substring(1)),this._list=a(e))),this._url_object=null,this._setList=function(e){u||(i._list=e)};var u=!1;this._update_steps=function(){u||(u=!0,i._url_object&&("about:"===i._url_object.protocol&&-1!==i._url_object.pathname.indexOf("?")&&(i._url_object.pathname=i._url_object.pathname.split("?")[0]),i._url_object.search=r(i._list),u=!1))}}function u(e,t){var n=0;this.next=function(){if(n>=e.length)return{done:!0,value:undefined};var r=e[n++];return{done:!1,value:"key"===t?r.name:"value"===t?r.value:[r.name,r.value]}}}function l(t,n){function r(){var e=l.href.replace(/#$|\?$|\?(?=#)/g,"");l.href!==e&&(l.href=e)}function u(){m._setList(l.search?a(l.search.substring(1)):[]),m._update_steps()}if(!(this instanceof e.URL))throw new TypeError("Failed to construct 'URL': Please use the 'new' operator.");n&&(t=function(){if(c)return new s(t,n).href;var e;try{var r;if("[object OperaMini]"===Object.prototype.toString.call(window.operamini)?(e=document.createElement("iframe"),e.style.display="none",document.documentElement.appendChild(e),r=e.contentWindow.document):document.implementation&&document.implementation.createHTMLDocument?r=document.implementation.createHTMLDocument(""):document.implementation&&document.implementation.createDocument?(r=document.implementation.createDocument("http://www.w3.org/1999/xhtml","html",null),r.documentElement.appendChild(r.createElement("head")),r.documentElement.appendChild(r.createElement("body"))):window.ActiveXObject&&(r=new window.ActiveXObject("htmlfile"),r.write("<head></head><body></body>"),r.close()),!r)throw Error("base not supported");var a=r.createElement("base");a.href=n,r.getElementsByTagName("head")[0].appendChild(a);var i=r.createElement("a");return i.href=t,i.href}finally{e&&e.parentNode.removeChild(e)}}());var l=i(t||""),f=function(){if(!("defineProperties"in Object))return!1;try{var e={};return Object.defineProperties(e,{prop:{get:function(){return!0}}}),e.prop}catch(t){return!1}}(),h=f?this:document.createElement("a"),m=new o(l.search?l.search.substring(1):null);return m._url_object=h,Object.defineProperties(h,{href:{get:function(){return l.href},set:function(e){l.href=e,r(),u()},enumerable:!0,configurable:!0},origin:{get:function(){return"origin"in l?l.origin:this.protocol+"//"+this.host},enumerable:!0,configurable:!0},protocol:{get:function(){return l.protocol},set:function(e){l.protocol=e},enumerable:!0,configurable:!0},username:{get:function(){return l.username},set:function(e){l.username=e},enumerable:!0,configurable:!0},password:{get:function(){return l.password},set:function(e){l.password=e},enumerable:!0,configurable:!0},host:{get:function(){var e={"http:":/:80$/,"https:":/:443$/,"ftp:":/:21$/}[l.protocol];return e?l.host.replace(e,""):l.host},set:function(e){l.host=e},enumerable:!0,configurable:!0},hostname:{get:function(){return l.hostname},set:function(e){l.hostname=e},enumerable:!0,configurable:!0},port:{get:function(){return l.port},set:function(e){l.port=e},enumerable:!0,configurable:!0},pathname:{get:function(){return"/"!==l.pathname.charAt(0)?"/"+l.pathname:l.pathname},set:function(e){l.pathname=e},enumerable:!0,configurable:!0},search:{get:function(){return l.search},set:function(e){l.search!==e&&(l.search=e,r(),u())},enumerable:!0,configurable:!0},searchParams:{get:function(){return m},enumerable:!0,configurable:!0},hash:{get:function(){return l.hash},set:function(e){l.hash=e,r()},enumerable:!0,configurable:!0},toString:{value:function(){return l.toString()},enumerable:!1,configurable:!0},valueOf:{value:function(){return l.valueOf()},enumerable:!1,configurable:!0}}),h}var c,s=e.URL;try{if(s){if("searchParams"in(c=new e.URL("http://example.com")))return;"href"in c||(c=undefined)}}catch(h){}if(Object.defineProperties(o.prototype,{append:{value:function(e,t){this._list.push({name:e,value:t}),this._update_steps()},writable:!0,enumerable:!0,configurable:!0},"delete":{value:function(e){for(var t=0;t<this._list.length;)this._list[t].name===e?this._list.splice(t,1):++t;this._update_steps()},writable:!0,enumerable:!0,configurable:!0},get:{value:function(e){for(var t=0;t<this._list.length;++t)if(this._list[t].name===e)return this._list[t].value;return null},writable:!0,enumerable:!0,configurable:!0},getAll:{value:function(e){for(var t=[],n=0;n<this._list.length;++n)this._list[n].name===e&&t.push(this._list[n].value);return t},writable:!0,enumerable:!0,configurable:!0},has:{value:function(e){for(var t=0;t<this._list.length;++t)if(this._list[t].name===e)return!0;return!1},writable:!0,enumerable:!0,configurable:!0},set:{value:function(e,t){for(var n=!1,r=0;r<this._list.length;)this._list[r].name===e?n?this._list.splice(r,1):(this._list[r].value=t,n=!0,++r):++r;n||this._list.push({name:e,value:t}),this._update_steps()},writable:!0,enumerable:!0,configurable:!0},entries:{value:function(){return new u(this._list,"key+value")},writable:!0,enumerable:!0,configurable:!0},keys:{value:function(){return new u(this._list,"key")},writable:!0,enumerable:!0,configurable:!0},values:{value:function(){return new u(this._list,"value")},writable:!0,enumerable:!0,configurable:!0},forEach:{value:function(e){var t=arguments.length>1?arguments[1]:undefined;this._list.forEach(function(n,r){e.call(t,n.value,n.name)})},writable:!0,enumerable:!0,configurable:!0},toString:{value:function(){return r(this._list)},writable:!0,enumerable:!1,configurable:!0}}),"Symbol"in e&&"iterator"in e.Symbol&&(Object.defineProperty(o.prototype,e.Symbol.iterator,{value:o.prototype.entries,writable:!0,enumerable:!0,configurable:!0}),Object.defineProperty(u.prototype,e.Symbol.iterator,{value:function(){return this},writable:!0,enumerable:!0,configurable:!0})),s)for(var f in s)s.hasOwnProperty(f)&&"function"==typeof s[f]&&(l[f]=s[f]);e.URL=l,e.URLSearchParams=o}(),function(){if("1"!==new e.URLSearchParams([["a",1]]).get("a")||"1"!==new e.URLSearchParams({a:1}).get("a")){var r=e.URLSearchParams;e.URLSearchParams=function(e){if(e&&"object"==typeof e&&t(e)){var a=new r;return n(e).forEach(function(e){if(!t(e))throw TypeError();var r=n(e);if(2!==r.length)throw TypeError();a.append(r[0],r[1])}),a}return e&&"object"==typeof e?(a=new r,Object.keys(e).forEach(function(t){a.set(t,e[t])}),a):new r(e)}}}()}(self);}).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
\ No newline at end of file
... ...
import http from "../script/http.js";
/**
* 获取配置信息
* <p>
* 作者： Wang
* 时间：2022/7/26 11:18
*/
const getOptions = (opt) => {
if (!opt) {
opt = {};
}
return Object.assign({
showLoadding: true,// 展示加载库，默认展示
needToken: true,// 是否需要token，默认true
asSync: true // 是否同步请求，
}, opt);
}
/**
* 发送get请求
* @param url 请求地址
* @param params 请求参数
* @param options 配置参数
* {
* showLoadding : true ,// 展示加载库，默认展示
* needToken:true,// 是否需要token，默认true
* asSync:true // 是否同步请求，
* }
* @returns {Promise<unknown>}
*/
export const get = (url, params, options) => {
params = params || {};
var option = getOptions(options);
return new Promise((resolve, reject) => {
// 发送请求
http.get(url, params,function (res){
resolve(res);
},function (res){
reject(res);
},option.showLoadding,option.needToken,option.asSync);
})
}
/**
* 发送get请求
* @param url 请求地址
* @param params 请求参数
* @param options 配置参数
* {
* showLoadding : true ,// 展示加载库，默认展示
* needToken:true,// 是否需要token，默认true
* asSync:true // 是否同步请求，
* }
* @returns {Promise<unknown>}
*/
export const post = (url, params, options) => {
params = params || {};
var option = getOptions(options);
return new Promise((resolve, reject) => {
// 发送请求
http.post(url, params,function (res){
resolve(res);
},function (res){
reject(res);
},option.showLoadding,option.needToken,option.asSync);
})
}
... ...
import {get, post} from './BaseApi.js'
/**
* 获取巡检组以及组下的用户
* @returns {Promise<*>}
*/
const getGroupAndGroupUser = () => {
return get('/api-log/log/groupUser', {});
}
/**
* 组统计
* @param params /api-log/user/log?userName=&id=&startTime=&endTime=&timeType=
* @returns {Promise<*>}
*/
const stackedGraphGroup = (params) => {
return get('/api-log/log/group', params);
}
/**
* 用户统计
* @param params /api-log/log/user?userName=&id=1&startTime=&endTime=&timeType=
* @returns {Promise<*>}
*/
const stackedGraphUser = (params) => {
return get('/api-log/log/user', params);
}
/**
* 获取操作日志列表
* @param params /api-log/log/groupList?userName=&id=1&startTime=&endTime=&timeType=&access_token=0f7119f9-9b86-4c9e-a122-ba651c9eea7a
* @returns {Promise<*>}
*/
const getOperationLogList = (params) => {
return get('/api-log/log/groupList', params);
}
export default {
getGroupAndGroupUser,
stackedGraphGroup,
stackedGraphUser,
getOperationLogList
}
... ...
<el-breadcrumb>
<el-breadcrumb-item v-for="item in linkInfo">
<el-tooltip placement="top">
<template #content>{{item.flag ? '已存在操作记录' : '未查询到操作记录'}}</template>
<div :style="{color:(item.flag ? '#67C23A' : '#F56C6C')}">{{item.name}}</div>
</el-tooltip>
</el-breadcrumb-item>
</el-breadcrumb>
... ...
export default {
name: "operationLogLink",
template: '',
props: {
opLink: {
type: String,
default: '',
},
opLinkSource: {
type: String,
default: '',
},
},
setup(props) {
const linkInfo = Vue.ref([]);
const getLinkInfo = () => {
let l = props.opLink.split(' => ');
let ls = props.opLinkSource.split(' => ')
for (let i = 0; i < ls.length; i++) {
let itemName = ls[i];
let linkDetail = {
name: itemName,
flag: l.includes(itemName)
}
linkInfo.value.push(linkDetail);
}
}
Vue.onMounted(() => {
getLinkInfo();
});
return {
linkInfo
}
}
}
... ...
import store from '/vue3/src/store/index.js'
/**
* 获取接口数据
* @param storeApiName store中apide
* @param params
*/
export function useGetData(storeApiName, params) {
const data = Vue.ref({})
const error = Vue.ref('')
const flag = Vue.ref(false);
let api = store.dispatch(storeApiName, params);
if (!api) {
let msg = "无效的请求";
console.log(`${msg},API:${storeApiName} params:${params}`)
error.value = msg
return {data, error}
}
api.then((json) => {
data.value = json;
flag.value = true;
}).catch((err) => {
data.value.success = false;
error.value = err
flag.value = true;
});
return {data, error, flag}
}
... ...
“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和复用有状态逻辑的函数。
命名#
组合式函数约定用驼峰命名法命名，并以“use”作为开头。
文档：
https://cn.vuejs.org/guide/reusability/composables.html#mouse-tracker-example
... ...
... ... @@ -54,47 +54,24 @@ Promise.all([
.component('cm-user-type-tree-input', Vue.defineAsyncComponent(() => myImport('components/common/inputusertree/index')))
//菜单下拉树
.component('cm-tree-select-menu', Vue.defineAsyncComponent(() => myImport('components/common/treeSelectMenu/index')));
// // 自定义指令
// app.directive('permissions', {
// // 当被绑定的元素插入到 DOM 中时……
// mounted(el, binding, vnode) {
// debugger
// let p = sessionStorage.getItem('permissions')
// let val = binding.value;
// if (p && val) {
// let arr = p.split(',');
//
// if (arr.indexOf(val) == -1) {
// // 删除元素
// el.parentNode && el.parentNode.removeChild(el)
// }
// }
// }
// })
//start lsq 设置ajax请求增加headers参数 2022-09-20
let setAjaxData=(val)=>{
let p = window.top.location.hash;
if (p) {
let arr = p.split('#/');
if(arr && arr.length>1){
let menuPath=arr[1];
//title的值
let nameText=$(window.top.document).find("[lay-id='/"+menuPath+"'] span").text();
if(val){
nameText=val;
}
let name=encodeURIComponent(nameText)
$.ajaxSetup({
headers:{
menuPath:menuPath,
elementName:name
}
});
// 自定义指令 授权按钮
app.directive('permissions', {
// 当被绑定的元素插入到 DOM 中时……
mounted(el, binding, vnode) {
let p = sessionStorage.getItem('permissions')
let val = binding.value;
if (p && val) {
let arr = p.split(',');
if (arr.indexOf(val) == -1) {
// 删除元素
el.parentNode && el.parentNode.removeChild(el)
}
}
}
setAjaxData();
//end lsq 2022-09-20
})
app.config.globalProperties.$global = res[3].default
app.config.globalProperties.$http = res[4].default
app.mount('#app'); // 挂载Vue的app实例
... ...
... ... @@ -183,6 +183,12 @@ const routes = [{
path: '/vue3/operationLog',
name: 'operationLog',
component: () => myImport('views/operationLog/index')
},
//操作日志 - 用户列表
{
path: '/vue3/operationLog/userList',
name: 'operationLogUserList',
component: () => myImport('views/operationLog/userList')
}
];
... ...
import operationLog from './modules/operationLog.js'
export default Vuex.createStore({
state: {},
getters: {},
mutations: {},
actions: {},
modules: {}
modules: {
operationLog
}
})
... ...
import operationLog from '../../api/operationLog.js';
export default {
state: {},
mutations: {},
getters: {},
actions: {
stackedGraphGroup(context, params) {
return operationLog.stackedGraphGroup(params);
},
stackedGraphUser(context, params) {
return operationLog.stackedGraphUser(params);
},
getGroupAndGroupUser(context, params) {
return operationLog.getGroupAndGroupUser(params);
},
getOperationLogList(context, params) {
return operationLog.getOperationLogList(params);
},
}
};
... ...
<div :style="{'height':height+'px','max-height':height+'px'}" class="container operation-log-container">
<div :style="{'height':height+'px','max-height':height+'px'}" class="container">
<div :style="{'min-height':height+'px','max-height':height+'px','height':'100%'}" class="cm-card">
<!-- 搜索区域 -->
<el-row>
<el-col :span="14" class="search-item">
<div class="search">
<div class="operation-log-search">
<el-button-group class="ml-4">
<el-button :size="$global.elementConfig.size.button" :type="search.status == 1 ? 'primary' : ''"
@click="getDataList(1)">用户名
</el-button>
<el-button :size="$global.elementConfig.size.button" :type="search.status == 2 ? 'primary' : ''"
@click="getDataList(2)">巡检组
</el-button>
</el-button-group>
</div>
</div>
<div class="echart-con">
<div class="echart-left">
<div class="echart-title">巡检点击完成统计</div>
<div class="echart-chart">
<LineChart :optionData="optionData" v-if="optionData"></LineChart>
</div>
</div>
</div>
<el-col :span="14" class="search">
<div>
<el-select v-model="search.groupId" clearable v-if="groupList && groupList.length > 0"
:size="$global.elementConfig.size.input" placeholder="请选择巡检组" @change="getGroupUser">
<el-option
v-for="item in groupList"
:key="item.groupId"
:label="item.groupName"
:value="item.groupId"/>
</el-select>
<el-select v-model="search.userId" clearable class="m-l-6" :size="$global.elementConfig.size.input"
placeholder="请选择用户">
<el-option
v-for="item in userList"
:key="item.username"
:label="item.nickName"
:value="item.username"/>
</el-select>
</div>
</el-col>
<el-col :span="10">
<div class="search">
<div class="operation-log-search">
<el-col :span="10" class="search">
<el-button-group class="ml-4">
<el-button :size="$global.elementConfig.size.button" :type="search.status == 'yesterday' ? 'primary' : ''"
@click="getDataList('yesterday')">昨天
<el-button :size="$global.elementConfig.size.button"
:type="search.dateType == 'yesterday' ? 'primary' : ''"
@click="loadPage('yesterday')">昨天
</el-button>
<el-button :size="$global.elementConfig.size.button" :type="search.status == 'today' ? 'primary' : ''"
@click="getDataList('today')">今天
<el-button :size="$global.elementConfig.size.button"
:type="search.dateType == 'today' ? 'primary' : ''"
@click="loadPage('today')">今天
</el-button>
<el-button :size="$global.elementConfig.size.button" :type="search.status == 'lastWeek' ? 'primary' : ''"
@click="getDataList('lastWeek')">上周
<el-button :size="$global.elementConfig.size.button"
:type="search.dateType == 'lastWeek' ? 'primary' : ''"
@click="loadPage('lastWeek')">上周
</el-button>
<el-button :size="$global.elementConfig.size.button" :type="search.status == 'thisWeek' ? 'primary' : ''"
@click="getDataList('thisWeek')">本周
<el-button :size="$global.elementConfig.size.button"
:type="search.dateType == 'thisWeek' ? 'primary' : ''"
@click="loadPage('thisWeek')">本周
</el-button>
<el-button :size="$global.elementConfig.size.button" :type="search.status == 'thisMonth' ? 'primary' : ''"
@click="getDataList('thisMonth')">本月
<el-button :size="$global.elementConfig.size.button"
:type="search.dateType == 'thisMonth' ? 'primary' : ''"
@click="loadPage('thisMonth')">本月
</el-button>
<el-button style="border-radius: 0;" :size="$global.elementConfig.size.button" :type="search.status == 'all' ? 'primary' : ''"
@click="getDataList('all')">全部
<el-button style="border-radius: 0;" :size="$global.elementConfig.size.button"
:type="search.dateType == 'all' ? 'primary' : ''"
@click="loadPage('all')">全部
</el-button>
</el-button-group>
<el-date-picker
... ... @@ -59,26 +62,35 @@
value-format="YYYY-MM-DD"
:prefix-icon="'none'"
@focus="dateFocus"
@change="dateChange"
/>
</div>
</div>
<div class="echart-con">
<div class="echart-right">
<div class="echart-title">人员功能点击量</div>
<div class="echart-chart">
<LineChart :optionData="optionDataR" v-if="optionDataR"></LineChart>
</div>
@change="dateChange"/>
<el-button :size="$global.elementConfig.size.button" class="m-l-6" type="primary" @click="loadPage('')">
查询
</el-button>
</el-col>
</el-row>
<!--统计区区域-->
<el-row>
<el-col :span="12" class="p-r-3">
<h3 class="page-item-title-h3">巡检点击完成统计</h3>
<div class="page-item-content" style="height: 300px">
<LineChart :optionData="stackedGraphGroupData" v-if="stackedGraphGroupData"></LineChart>
</div>
</el-col>
<el-col :span="12" class="p-l-3">
<h3 class="page-item-title-h3">人员功能点击量</h3>
<div class="page-item-content" style="height: 300px">
<LineChart :optionData="stackedGraphUserData" v-if="stackedGraphUserData"></LineChart>
</div>
</el-col>
</el-row>
<div class="container-none"></div>
<div class="search-table">
<!--表格区域-->
<div class="p-6">
<cm-table-page :columns="tableData.columns" :dataList="tableData.dataList"
:height="height - 110"
:height="height - 480"
:pageSizes='[10,20,50,100, 200, 300, 400]'
:loading="false"
:pageSize="pageSize"
:showBorder="true"
... ... @@ -89,16 +101,19 @@
:total="tableData.count"
@loaddata="loaddata">
<template #default="{row,prop,column}">
<div v-if="prop == 'link'">
<operationLogLink :opLink="row.link" :opLinkSource="row.linkSource"></operationLogLink>
</div>
<div v-if="prop == 'dwellTime'">
{{row.dwellTime}}
<el-tooltip placement="top">
<template #content>统计规则<br/>当前操作路径的<span style="color: #67C23A">首次操作时间（{{row.createTime}}）</span>与<span style="color: #67C23A">最后一次的操作时间（{{row.endTime}}）</span>的间隔</template>
<i class="iconfont icon-tishi"style="position: absolute;right: 5px;"></i>
</el-tooltip>
</div>
</template>
</cm-table-page>
</div>
</div>
</div>
<!--新增编辑弹框-->
<cm-dialog :showDialogVisible="dialog.show" :showFooter="false" :title="dialog.title" @hidedialog="hideDialog">
<template v-slot>
</template>
</cm-dialog>
... ...
import operationLogService from "./operationLogService.js";
export default {
name: 'operationLog',
template: '',
components: {
'LineChart': Vue.defineAsyncComponent(
() => myImport('views/page/components/lineChart/index')
),
'operationLogLink': Vue.defineAsyncComponent(
() => myImport('components/page/operationLog/operationLogLink')
)
},
props: [],
setup(props, {attrs, slots, emit}) {
const {proxy} = Vue.getCurrentInstance();
let isView = Vue.ref(false);
let height = Vue.ref(window.innerHeight);
let optionData = Vue.ref('');
let optionDataR = Vue.ref('');
let series = Vue.ref([]);
let seriesR = Vue.ref([]);
let names = Vue.ref(['智能综合巡检系统', '数据中心虚拟化', '备份系统']);
let namesR = Vue.ref(['吴斌斌','袁晋鹏'])
let kpiName=Vue.ref('');
let kpiNameR = Vue.ref('');
let kpiUnit=Vue.ref('');
let kpiUnitR=Vue.ref('');
let colorsArr = Vue.ref([
{
start: '#468ced',
end: '#68a5fa'
},
{
start: '#79dda1',
end: '#9bddb5'
}
])
const optionDataInit = () => {
let height = Vue.ref(window.innerHeight - 10);
let groupList = Vue.ref([]);
let userList = Vue.ref([]);
let stackedGraphGroupData = Vue.ref({});
let stackedGraphUserData = Vue.ref({});
optionData.value = {
tooltip: {
trigger: 'axis',
formatter: function (param) {
var tips = kpiName.value + " " + param[0].name + "<br/>";
$.each(param, function (i, v) {
tips += v.marker + " " + v.seriesName + ":" + v.value + kpiUnit.value + "</br>"
// 搜索
let search = Vue.ref({
groupId: '',
userId: '',
dateType: 'today',
dateTime: '',
page: 1,
limit: 20,
});
return tips;
}
},
legend: {
show: true
},
grid: {
top: '10%',
left: '3%',
right: '4%',
bottom: '5%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {
show: false
}
}
},
xAxis: {
type: 'category',
data: names.value,
axisLine: {
lineStyle: {
color: '#c9c9c9'
}
},
axisLabel: {
color: '#232425',
showMaxLabel: true,
lineHeight:18,
formatter: function (params) {
var newParamsName = '';
let paramsNameNumber = params.length;
let provideNumber = 4;
let rowNumber = Math.ceil(paramsNameNumber / provideNumber);
if (paramsNameNumber > provideNumber) {
for (let i = 0; i < rowNumber; i++) {
let tempStr = '';
let start = i * provideNumber;
let end = start + provideNumber;
if (i == rowNumber - 1) {
tempStr = params.substring(start, paramsNameNumber);
/**
* 初始化报表
*/
const loadPage = (dateType) => {
// 加载表格内容
if (dateType && dateType != '') {
// 设置最新的类型
search.value.dateType = dateType;
} else {
tempStr = params.substring(start, end) + "\n";
}
newParamsName += tempStr;
// 获取当前点击的配置
dateType = search.value.dateType;
}
if (dateType != 'dateRange') {
search.value.dateTime = [];
} else {
newParamsName = params;
if (search.value.dateTime && search.value.dateTime.length == 0) {
// 时间范围
proxy.$global.showMsg("请选择开始结束时间！", "warning");
return;
}
return newParamsName;
}
},
splitArea: {
show: true,
areaStyle: {
color: ['rgba(200,200,200,0.1)', 'transparent'
]
let startTime = '';
let endTime = ''
if (search.value.dateTime && search.value.dateTime.length > 0) {
startTime = search.value.dateTime[0];
endTime = search.value.dateTime[1];
}
let params = {
page: search.value.page,
limit: search.value.limit,
id: search.value.groupId,
userName: search.value.userId,
timeType: search.value.dateType,
startTime: startTime,
endTime: endTime
}
},
yAxis: {
type: 'value',
scale: true,
min:0,
boundaryGap: ['10%', '10%'],
axisLine: {
lineStyle: {
color: '#232425'
},
show: false
},
axisTick: {
show: false
},
splitLine: {
lineStyle: {
color: ['#ddd'],
type: 'dotted',
// 组统计
operationLogService.stackedGraphGroupInit(params, stackedGraphGroupData);
// 用户统计
operationLogService.stackedGraphUserInit(params, stackedGraphUserData);
// 下拉列表选项
operationLogService.getOperationLogGroupAndUserList(groupList);
// 查询列表
operationLogService.pageList(params,tableData);
}
/**
* 变更巡检组，获取用户列表
* @param val
*/
const getGroupUser = (val) => {
let group = groupList.value.filter(item => {
if (item.groupId === val) {
return item;
}
},
series: series.value
};
optionDataR.value= {
tooltip: {
trigger: 'axis',
formatter: function (param) {
var tips = kpiName.value + " " + param[0].name + "<br/>";
$.each(param, function (i, v) {
tips += v.marker + " " + v.seriesName + ":" + v.value + kpiUnit.value + "</br>"
});
return tips;
}
},
legend: {
show: true
},
grid: {
top: '10%',
left: '3%',
right: '4%',
bottom: '5%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {
show: false
}
}
},
xAxis: {
type: 'category',
data: namesR.value,
axisLine: {
lineStyle: {
color: '#c9c9c9'
}
},
axisLabel: {
color: '#232425',
showMaxLabel: true,
lineHeight:18,
formatter: function (params) {
var newParamsName = '';
let paramsNameNumber = params.length;
let provideNumber = 4;
let rowNumber = Math.ceil(paramsNameNumber / provideNumber);
if (paramsNameNumber > provideNumber) {
for (let i = 0; i < rowNumber; i++) {
let tempStr = '';
let start = i * provideNumber;
let end = start + provideNumber;
if (i == rowNumber - 1) {
tempStr = params.substring(start, paramsNameNumber);
} else {
tempStr = params.substring(start, end) + "\n";
}
newParamsName += tempStr;
}
} else {
newParamsName = params;
if(group && group.length > 0){
userList.value = group[0].groupUser;
}
return newParamsName;
}
},
splitArea: {
show: true,
areaStyle: {
color: ['rgba(200,200,200,0.1)', 'transparent'
]
}
}
},
yAxis: {
type: 'value',
scale: true,
boundaryGap: ['10%', '10%'],
axisLine: {
lineStyle: {
color: '#232425'
},
show: false
},
axisTick: {
show: false
},
splitLine: {
lineStyle: {
color: ['#ddd'],
type: 'dotted',
}
}
},
series: seriesR.value
};
}
let rateData=Vue.ref([
{name:'应点击量',data:[1,34,12]},
{name:'实际点击量',data:[15,24,10]}
])
let rateDataR=Vue.ref([
{name:'',data:[1,6,8,9,10]},
])
const setSeries = () => {
series.value = [];
$.each(rateData.value, function (i, v) {
series.value.push({
name: v.name,
type: 'bar',
barWidth: 16,//设置柱状图大小
data: v.data,
stack:'total',
symbolSize: 12,
symbol: 'circle',
itemStyle: {
normal: {
// color: colorsArr.value[i].start //图标颜色
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ //关键在这里, 设置面积渐变
offset: 0,
color: colorsArr.value[i].start //这里是我设置的渐变的颜色从线条颜色变为透明
}, {
offset: 1,
color: colorsArr.value[i].end
}])
}
}
})
});
/**
* 分页事件，加载数据
* @param page
* @param limit
*/
const loaddata = ({page, limit}) => {
search.value.page = page;
search.value.limit = limit;
seriesR.value = [];
$.each(rateDataR.value, function (i, v) {
seriesR.value.push({
name: v.name,
type: 'bar',
barWidth: 16,//设置柱状图大小
data: v.data,
stack:'noStack',
symbolSize: 12,
symbol: 'circle',
itemStyle: {
normal: {
// color: colorsArr.value[i].start //图标颜色
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ //关键在这里, 设置面积渐变
offset: 0,
color: colorsArr.value[i].start //这里是我设置的渐变的颜色从线条颜色变为透明
}, {
offset: 1,
color: colorsArr.value[i].end
}])
},
borderRadius:[3,3,0,0]
loadPage('');
}
})
});
optionDataInit();
}
let search = Vue.ref({
status: 'today',
dateTime:'',
keyword: '',
page: 1,
limit: 10,
});
let dialog = Vue.ref({
title: "处理审批",
show: false,
amId: '',
amStatus: 0,
alarmId: '',
});
//表格字段
let tableData = Vue.ref({
... ... @@ -305,143 +116,122 @@ export default {
dataList: [],
columns: [
{
prop: 'alarmNo',
prop: 'groupName',
label: '组名称',
sortable: true,
align: 'center',
width: '180'
},
{
prop: 'nickName',
label: '用户名',
sortable: true,
align: 'center',
width: '150'
},
{
prop: 'resName',
prop: 'createTime',
label: '时间',
sortable: true,
align: 'center',
width: '250',
width: '170',
},
{
prop: 'resTypeName',
prop: 'ip',
label: 'IP地址',
sortable: true,
align: 'center',
width: '150'
}, {
prop: 'managenameName',
prop: 'link',
label: '访问位置',
sortable: true,
align: 'center',
}, {
prop: 'reason',
prop: 'dwellTime',
label: '停留总时长',
sortable: true,
align: 'center',
width: '120'
width: '150'
}
]
})
//点击时间选择时，其他按钮不高亮
let dateFocus=()=>{
search.value.status = 'dateRange';
let dateFocus = () => {
search.value.dateType = 'dateRange';
}
//时间更改事件
let dateChange=(val)=>{
console.log(val,search.value.dateTime)
getDataList('dateRange')
}
//获取aj配置信息
let statusVal = Vue.ref('today');
let getDataList = (status) => {
if (status == undefined) {
status = 'today'
}
if(status != 'dateRange'){
search.value.dateTime=[];
}
statusVal.value = status;
search.value.status = status;
let startTime='';
let endTime=''
if(search.value.dateTime && search.value.dateTime.length>0){
startTime=search.value.dateTime[0];
endTime=search.value.dateTime[1];
}
let params={
page: search.value.page,
limit: search.value.limit,
keyword: search.value.keyword,
status: search.value.status,
startTime:startTime,
endTime:endTime
}
proxy.$http.get(`/api-web/bAlarmManage/page`, params, function (res) {
if (res && res.data) {
tableData.value.dataList = res.data;
tableData.value.count = res.count;
} else {
tableData.value.dataList = [];
tableData.value.count = 0;
}
});
}
let loaddata = ({page, limit}) => {
search.value.page = page;
search.value.limit = limit;
let dateChange = (val) => {
loadPage('dateRange')
}
let hideDialog = (flg) => {
dialog.value.show = flg;
if (!flg) {
getDataList(dialog.value.amStatus)
}
}
// let getDataList = (dateType) => {
// if (dateType) {
// // 设置最新的类型
// search.value.dateType = dateType;
// } else {
// // 获取当前点击的配置
// dateType = search.value.dateType;
// }
//
// if (dateType != 'dateRange') {
// search.value.dateTime = [];
// } else {
// if (search.value.dateTime && search.value.dateTime.length == 0) {
// // 时间范围
// proxy.$global.showMsg("请选择开始结束时间！", "warning");
// return;
// }
// }
//
// let startTime = '';
// let endTime = ''
// if (search.value.dateTime && search.value.dateTime.length > 0) {
// startTime = search.value.dateTime[0];
// endTime = search.value.dateTime[1];
// }
// let params = {
// page: search.value.page,
// limit: search.value.limit,
// id: search.value.groupId,
// userName: search.value.userId,
// timeType: search.value.dateType,
// startTime: startTime,
// endTime: endTime
// }
// // // 查询列表
// operationLogService.pageList(params,tableData);
//
// }
// 处理弹框
let handle = (row, flag) => {
isView.value = flag;
hideDialog(true);
dialog.value.amId = row.id;
dialog.value.amStatus = row.status;
dialog.value.alarmId = row.alarmId;
}
//审核保存后关闭弹框
let saveback = (val) => {
hideDialog(val)
}
let loginName = Vue.ref(localStorage.getItem('lgn'));
// 挂载完
Vue.onMounted(() => {
getDataList();
setSeries();
// 默认加载搜索条件、统计图、表格
loadPage();
})
return {
loginName,
height,
optionData,
optionDataInit,
series,
names,
rateData,
optionDataR,
seriesR,
namesR,
rateDataR,
setSeries,
groupList,
userList,
// 搜索条件
search,
getGroupUser,
dateFocus,
dateChange,
dialog,
hideDialog,
search,
tableData,
stackedGraphGroupData,
stackedGraphUserData,
// 搜索数据
loadPage,
loaddata,
getDataList,
handle,
saveback,
statusVal,
isView
// 表格数据
tableData
}
}
... ...
import {useGetData} from '/vue3/src/composables/usePageCurd.js'
const getSeriesData = (resData) => {
let series = [];
let colorsArr = [
{
start: '#468ced',
end: '#68a5fa'
},
{
start: '#79dda1',
end: '#9bddb5'
}
];
$.each(resData, function (i, v) {
series.push({
name: v.name,
type: 'bar',
barWidth: 16,//设置柱状图大小
data: v.data,
stack: 'total',
symbolSize: 12,
symbol: 'circle',
itemStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ //关键在这里, 设置面积渐变
offset: 0,
color: colorsArr[i].start //这里是我设置的渐变的颜色从线条颜色变为透明
}, {
offset: 1,
color: colorsArr[i].end
}])
}
}
})
});
return series;
}
const getOptionData = (rateData, barNames) => {
let seriesData = getSeriesData(rateData);
return {
tooltip: {
trigger: 'axis',
formatter: function (param) {
var tips = param[0].name + "<br/>";
$.each(param, function (i, v) {
tips += v.marker + " " + v.seriesName + ":" + v.value + "</br>"
});
return tips;
}
},
legend: {
show: true
},
grid: {
top: '10%',
left: '3%',
right: '4%',
bottom: '5%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {
show: false
}
}
},
xAxis: {
type: 'category',
data: barNames,
axisLine: {
lineStyle: {
color: '#c9c9c9'
}
},
axisLabel: {
color: '#232425',
showMaxLabel: true,
lineHeight: 18,
formatter: function (params) {
var newParamsName = '';
let paramsNameNumber = params.length;
let provideNumber = 4;
let rowNumber = Math.ceil(paramsNameNumber / provideNumber);
if (paramsNameNumber > provideNumber) {
for (let i = 0; i < rowNumber; i++) {
let tempStr = '';
let start = i * provideNumber;
let end = start + provideNumber;
if (i == rowNumber - 1) {
tempStr = params.substring(start, paramsNameNumber);
} else {
tempStr = params.substring(start, end) + "\n";
}
newParamsName += tempStr;
}
} else {
newParamsName = params;
}
return newParamsName;
}
},
splitArea: {
show: true,
areaStyle: {
color: ['rgba(200,200,200,0.1)', 'transparent'
]
}
}
},
yAxis: {
type: 'value',
scale: true,
min: 0,
boundaryGap: ['10%', '10%'],
axisLine: {
lineStyle: {
color: '#232425'
},
show: false
},
axisTick: {
show: false
},
splitLine: {
lineStyle: {
color: ['#ddd'],
type: 'dotted',
}
}
},
series: seriesData
};
}
const operationLogService = {
/**
* 获取操作日志分组用户列表
* @param type group 组 user 用户
* @param groupId 组id
* @param outData1 输出数据
* @returns [{
* groupName: '组1',
* groupId: '1',
* groupUser: [{username: 'admin', nickName: '管理员ad'},
* {username: 'root', nickName: '管理员ad1'},
* {username: 'admin1', nickName: '管理员ad1'}]
* }]
*/
getOperationLogGroupAndUserList: (outGroupData) => {
const {data, error} = useGetData('getGroupAndGroupUser', {});
Vue.watchEffect(() => {
if (data.value && data.value.data) {
outGroupData.value = data.value.data;
}
})
},
/**
* 堆叠图-按照巡检组统计
* 样例数据：
* let data = {
* nameList: ['智能综合巡检系统', '数据中心虚拟化', '备份系统'],
* dataList: [
* {name: '应点击量', data: [1, 34, 12]},
* {name: '实际点击量', data: [15, 24, 10]}
* ]
* }
*/
stackedGraphGroupInit: (params, outData) => {
const {data, error} = useGetData('stackedGraphGroup', params);
Vue.watchEffect(() => {
if (data.value.object) {
outData.value = getOptionData(data.value.object.dataList, data.value.object.nameList)
}
})
},
/**
* 堆叠图-按照人员统计
* 样例数据
* let data = {
* nameList: ['吴斌斌', '袁晋鹏'],
* dataList: [
* {name: '应点击量', data: [1, 34, 12]},
* {name: '实际点击量', data: [15, 24, 10]}
* ]
* }
*/
stackedGraphUserInit: (params, outData) => {
const {data, error} = useGetData('stackedGraphUser', params);
Vue.watchEffect(() => {
if (data.value.object) {
outData.value = getOptionData(data.value.object.dataList, data.value.object.nameList)
}
});
},
pageList: (params, outData) => {
const {data, error} = useGetData('getOperationLogList', params);
Vue.watchEffect(() => {
if (data.value) {
outData.value.count = data.value.count;
outData.value.dataList = data.value.data;
}
});
}
}
export default operationLogService
... ...
<div :style="{'height':height+'px','max-height':height+'px'}" class="container">
<div :style="{'min-height':height+'px','max-height':height+'px','height':'100%'}" class="cm-card">
<!-- 搜索区域 -->
<el-row>
<el-col :span="10" class="search">
<el-button-group class="ml-4">
<el-button :size="$global.elementConfig.size.button" :type="search.dateType == 'yesterday' ? 'primary' : ''"
@click="loadPage('yesterday')">昨天
</el-button>
<el-button :size="$global.elementConfig.size.button" :type="search.dateType == 'today' ? 'primary' : ''"
@click="loadPage('today')">今天
</el-button>
<el-button :size="$global.elementConfig.size.button" :type="search.dateType == 'lastWeek' ? 'primary' : ''"
@click="loadPage('lastWeek')">上周
</el-button>
<el-button :size="$global.elementConfig.size.button" :type="search.dateType == 'thisWeek' ? 'primary' : ''"
@click="loadPage('thisWeek')">本周
</el-button>
<el-button :size="$global.elementConfig.size.button" :type="search.dateType == 'thisMonth' ? 'primary' : ''"
@click="loadPage('thisMonth')">本月
</el-button>
<el-button style="border-radius: 0;" :size="$global.elementConfig.size.button" :type="search.dateType == 'all' ? 'primary' : ''"
@click="loadPage('all')">全部
</el-button>
</el-button-group>
<el-date-picker
:size="$global.elementConfig.size.input"
style="width:150px;border-radius: 0 4px 4px 0;"
end-placeholder="结束日期"
format="YYYY-MM-DD"
range-separator="-"
start-placeholder="开始日期"
type="daterange"
v-model="search.dateTime"
value-format="YYYY-MM-DD"
:prefix-icon="'none'"
@focus="dateFocus"
@change="dateChange"/>
<el-button :size="$global.elementConfig.size.button" class="m-l-6" type="primary" @click="loadPage('')">
查询
</el-button>
</el-col>
</el-row>
<!--表格区域-->
<div class="p-6">
<cm-table-page :columns="tableData.columns" :dataList="tableData.dataList"
:height="height - 95"
:pageSizes = '[10,20,50,100, 200, 300, 400]'
:loading="false"
:pageSize="pageSize"
:showBorder="true"
:showIndex="true"
:showPage="true"
:showSelection="false"
:showTools="false"
:total="tableData.count"
@loaddata="loaddata">
<template #default="{row,prop,column}">
<div v-if="prop == 'link'">
<operationLogLink :opLink="row.link" :opLinkSource="row.linkSource"></operationLogLink>
</div>
<div v-if="prop == 'dwellTime'">
{{row.dwellTime}}
<el-tooltip placement="top">
<template #content>统计规则<br/>当前操作路径的<span style="color: #67C23A">首次操作时间（{{row.createTime}}）</span>与<span style="color: #67C23A">最后一次的操作时间（{{row.endTime}}）</span>的间隔</template>
<i class="iconfont icon-tishi"style="position: absolute;right: 5px;"></i>
</el-tooltip>
</div>
</template>
</cm-table-page>
</div>
</div>
</div>
... ...
import operationLogService from "./operationLogService.js";
export default {
name: 'operationLog',
template: '',
components: {
'LineChart': Vue.defineAsyncComponent(
() => myImport('views/page/components/lineChart/index')
),
'operationLogLink': Vue.defineAsyncComponent(
() => myImport('components/page/operationLog/operationLogLink')
)
},
props: [],
setup(props, {attrs, slots, emit}) {
const {proxy} = Vue.getCurrentInstance();
let height = Vue.ref(window.innerHeight - 10);
let groupList = Vue.ref([]);
let userList = Vue.ref([]);
let stackedGraphGroupData = Vue.ref({});
let stackedGraphUserData = Vue.ref({});
// 搜索
let search = Vue.ref({
groupId: '',
userId: '',
dateType: 'today',
dateTime: '',
page: 1,
limit: 20,
});
/**
* 初始化报表
*/
const loadPage = (dateType) => {
// 加载表格内容
if (dateType && dateType != '') {
// 设置最新的类型
search.value.dateType = dateType;
} else {
// 获取当前点击的配置
dateType = search.value.dateType;
}
if (dateType != 'dateRange') {
search.value.dateTime = [];
} else {
if (search.value.dateTime && search.value.dateTime.length == 0) {
// 时间范围
proxy.$global.showMsg("请选择开始结束时间！", "warning");
return;
}
}
let startTime = '';
let endTime = ''
if (search.value.dateTime && search.value.dateTime.length > 0) {
startTime = search.value.dateTime[0];
endTime = search.value.dateTime[1];
}
let params = {
page: search.value.page,
limit: search.value.limit,
id: search.value.groupId,
userName: localStorage.getItem('lgn'),
timeType: search.value.dateType,
startTime: startTime,
endTime: endTime
}
// 下拉列表选项
operationLogService.getOperationLogGroupAndUserList(groupList);
// 查询列表
operationLogService.pageList(params,tableData);
}
/**
* 变更巡检组，获取用户列表
* @param val
*/
const getGroupUser = (val) => {
let group = groupList.value.filter(item => {
if (item.groupId === val) {
return item;
}
});
if(group && group.length > 0){
userList.value = group[0].groupUser;
}
}
/**
* 分页事件，加载数据
* @param page
* @param limit
*/
const loaddata = ({page, limit}) => {
search.value.page = page;
search.value.limit = limit;
loadPage('');
}
//表格字段
let tableData = Vue.ref({
count: 0,
dataList: [],
columns: [
{
prop: 'groupName',
label: '组名称',
sortable: true,
align: 'center',
width: '180'
},
{
prop: 'nickName',
label: '用户名',
sortable: true,
align: 'center',
width: '150'
},
{
prop: 'createTime',
label: '时间',
sortable: true,
align: 'center',
width: '170',
},
{
prop: 'ip',
label: 'IP地址',
sortable: true,
align: 'center',
width: '150'
}, {
prop: 'link',
label: '访问位置',
sortable: true,
align: 'center',
}, {
prop: 'dwellTime',
label: '停留总时长',
sortable: true,
align: 'center',
width: '150'
}
]
})
//点击时间选择时，其他按钮不高亮
let dateFocus = () => {
search.value.dateType = 'dateRange';
}
//时间更改事件
let dateChange = (val) => {
loadPage('dateRange')
}
// let getDataList = (dateType) => {
// if (dateType) {
// // 设置最新的类型
// search.value.dateType = dateType;
// } else {
// // 获取当前点击的配置
// dateType = search.value.dateType;
// }
//
// if (dateType != 'dateRange') {
// search.value.dateTime = [];
// } else {
// if (search.value.dateTime && search.value.dateTime.length == 0) {
// // 时间范围
// proxy.$global.showMsg("请选择开始结束时间！", "warning");
// return;
// }
// }
//
// let startTime = '';
// let endTime = ''
// if (search.value.dateTime && search.value.dateTime.length > 0) {
// startTime = search.value.dateTime[0];
// endTime = search.value.dateTime[1];
// }
// let params = {
// page: search.value.page,
// limit: search.value.limit,
// id: search.value.groupId,
// userName: search.value.userId,
// timeType: search.value.dateType,
// startTime: startTime,
// endTime: endTime
// }
// // // 查询列表
// operationLogService.pageList(params,tableData);
//
// }
// 挂载完
Vue.onMounted(() => {
// 默认加载搜索条件、统计图、表格
loadPage();
})
return {
height,
groupList,
userList,
// 搜索条件
search,
getGroupUser,
dateFocus,
dateChange,
stackedGraphGroupData,
stackedGraphUserData,
// 搜索数据
loadPage,
loaddata,
// 表格数据
tableData
}
}
}
... ...
... ... @@ -52,15 +52,15 @@
<el-row :gutter="20" style="padding: 3px 10px;">
<el-col :span="8">
<h3 style="text-align: left;color:#2b9eef;">资源类型快照量TOP5</h3>
<h3 class="page-item-title-h3">资源类型快照量TOP5</h3>
<div ref="bizChartsRefs" style="width: 100%;height: 320px;border: 1px solid #e4e4e4;"></div>
</el-col>
<el-col :span="8">
<h3 style="text-align: left;color:#2b9eef;">业务系统快照量TOP5</h3>
<h3 class="page-item-title-h3">业务系统快照量TOP5</h3>
<div ref="devChartsRefs" style="width: 100%;height: 320px;border: 1px solid #e4e4e4;"></div>
</el-col>
<el-col :span="8">
<h3 style="text-align: left;color:#2b9eef;">快照量</h3>
<h3 class="page-item-title-h3">快照量</h3>
<div ref="snapshotChartsRefs" style="width: 100%;height: 320px;border: 1px solid #e4e4e4;"></div>
</el-col>
</el-row>
... ...
... ... @@ -284,6 +284,12 @@ const routes = [{
path: '/vue3/operationLog',
name: 'operationLog',
component: () => myImport('views/operationLog/index')
},
//操作日志 - 用户列表
{
path: '/vue3/operationLog/userList',
name: 'operationLogUserList',
component: () => myImport('views/operationLog/userList')
}
];
... ...
export default Vuex.createStore({
state: {},
getters: {},
mutations: {},
actions: {},
modules: {}
})