优化调整

This commit is contained in:
Mrtangl 2022-04-22 15:55:56 +08:00
parent b2251f8f0d
commit f859d48ee2
12 changed files with 2867 additions and 278 deletions

View File

@ -2526,11 +2526,18 @@
}
},
"vue-router": {
"version": "4.0.12",
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.0.12.tgz",
"integrity": "sha512-CPXvfqe+mZLB1kBWssssTiWg4EQERyqJZes7USiqfW9B5N2x+nHlnsM1D3b5CaJ6qgCvMmYJnz+G0iWjNCvXrg==",
"version": "4.0.14",
"resolved": "https://registry.npmmirror.com/vue-router/-/vue-router-4.0.14.tgz",
"integrity": "sha512-wAO6zF9zxA3u+7AkMPqw9LjoUCjSxfFvINQj3E/DceTt6uEz1XZLraDhdg2EYmvVwTBSGlLYsUw8bDmx0754Mw==",
"requires": {
"@vue/devtools-api": "^6.0.0-beta.18"
"@vue/devtools-api": "^6.0.0"
},
"dependencies": {
"@vue/devtools-api": {
"version": "6.1.4",
"resolved": "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.1.4.tgz",
"integrity": "sha512-IiA0SvDrJEgXvVxjNkHPFfDx6SXw0b/TUkqMcDZWNg9fnCAHbTpoo59YfJ9QLFkwa3raau5vSlRVzMSLDnfdtQ=="
}
}
},
"vue-tsc": {

View File

@ -2,13 +2,10 @@
@font-face {
font-family: 'iconfont logo';
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix')
format('embedded-opentype'),
src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834')
format('truetype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont')
format('svg');
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
}
.logo {

File diff suppressed because it is too large Load Diff

View File

@ -1,8 +1,7 @@
@font-face {
font-family: 'iconfont'; /* Project id 3112541 */
src: url('iconfont.woff2?t=1640939015921') format('woff2'),
url('iconfont.woff?t=1640939015921') format('woff'),
url('iconfont.ttf?t=1640939015921') format('truetype');
font-family: 'iconfont'; /* Project id 2786219 */
src: url('iconfont.woff2?t=1638503419755') format('woff2'), url('iconfont.woff?t=1638503419755') format('woff'),
url('iconfont.ttf?t=1638503419755') format('truetype');
}
.iconfont {
@ -13,14 +12,354 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-quanxian:before {
.icon_kdzs_mdsz:before {
content: '\e7c2';
}
.icon_xpdy_mbgl:before {
content: '\e6f9';
}
.icon_xcxzb_zb:before {
content: '\e701';
}
.icon_xycj_cj:before {
content: '\e752';
}
.icon_kdzs_fjrmb:before {
content: '\e75a';
}
.operation:before {
content: '\e75c';
}
.icon_pcshop:before {
content: '\e75d';
}
.icon_xpdy_dyjgl:before {
content: '\e75e';
}
.icon_kdzs_pldy:before {
content: '\e772';
}
.icon_kdzs_mdmb:before {
content: '\e7cc';
}
.icon_qudao_h5:before {
content: '\e753';
}
.icon_fenxiao_goods:before {
content: '\e75b';
}
.icon_kanjia:before {
content: '\e6d1';
}
.icon_hexiao_order:before {
content: '\e7b4';
}
.icon_pintuan:before {
content: '\e7cf';
}
.carryout:before {
content: '\e7d3';
}
.icon_qiandao_jilu:before {
content: '\e7d4';
}
.icon_notice:before {
content: '\e7da';
}
.icon_notice_mail:before {
content: '\e7de';
}
.gift:before {
content: '\e842';
}
.icon_notice_buyer:before {
content: '\e8e8';
}
.Field-time:before {
content: '\e90e';
}
.icon_hexiao_member2:before {
content: '\e747';
}
.icon_coupons:before {
content: '\e74a';
}
.icon_coupons_data:before {
content: '\e74b';
}
.icon_fenxiao_member:before {
content: '\e74c';
}
.icon_qiandao_guize:before {
content: '\e751';
}
.icon_pintuan2:before {
content: '\e759';
}
.icon_notice_seller:before {
content: '\e76a';
}
.icon_pintuan_data:before {
content: '\e76b';
}
.icon_fenxiao_data:before {
content: '\e76c';
}
.icon_ziti_store:before {
content: '\e76f';
}
.wallet:before {
content: '\e774';
}
.icon_kefu_comments:before {
content: '\e7b2';
}
.tradingdata:before {
content: '\e7b5';
}
.icon_fenxiao_order:before {
content: '\e7c4';
}
.icon_hexiao_member:before {
content: '\e7c9';
}
.icon_fenxiao_set:before {
content: '\e7ca';
}
.icon_fenxiao_grade:before {
content: '\e7d5';
}
.yiguanzhugongyingshang:before {
content: '\e7d6';
}
.icon_user_gaikuang:before {
content: '\e834';
}
.icon_qudao_weixin:before {
content: '\e833';
}
.icon_qudao_app:before {
content: '\e827';
}
.icon_qudao_xiaochengxu:before {
content: '\e6b4';
}
.icon_dianpu_daohang:before {
content: '\e857';
}
.icon_yingxiao_qipao:before {
content: '\e860';
}
.icon_set_jiaoyi:before {
content: '\e88f';
}
.icon_caiwu_yue:before {
content: '\e82c';
}
.icon_caiwu_tixian:before {
content: '\e828';
}
.icon_caiwu_jifen:before {
content: '\e829';
}
.icon_shuju_liuliang:before {
content: '\e82b';
}
.icon_user_dengji:before {
content: '\e82f';
}
.icon_user_guanli:before {
content: '\e830';
}
.icon_user_biaoqian:before {
content: '\e831';
}
.icon_order_shouhou:before {
content: '\e82a';
}
.icon_copy:before {
content: '\e861';
}
.icon_set_product:before {
content: '\e880';
}
.icon_set_save:before {
content: '\e887';
}
.icon_dianpu_fenlei:before {
content: '\e889';
}
.icon_dianpu_fengge:before {
content: '\e896';
}
.icon_dianpu_sucai:before {
content: '\e897';
}
.icon_dianpu_xiangqing:before {
content: '\e8a1';
}
.icon_order_guanli:before {
content: '\e8a9';
}
.icon_caiwu:before {
content: '\e826';
}
.icon_user:before {
content: '\e82d';
}
.icon_set_user:before {
content: '\e82e';
}
.icon_shuju:before {
content: '\e832';
}
.icon_dianpu_home:before {
content: '\e84c';
}
.icon_yingyongcenter:before {
content: '\e84f';
}
.icon_qudao:before {
content: '\e853';
}
.icon_qudao2:before {
content: '\e854';
}
.icon_set_store:before {
content: '\e85c';
}
.icon_dianpu_weiyem:before {
content: '\e85d';
}
.icon_set_quanxian:before {
content: '\e866';
}
.icon_hide:before {
content: '\e86f';
}
.icon_show:before {
content: '\e870';
}
.icon_wallet:before {
content: '\e871';
}
.icon_set_pay:before {
content: '\e872';
}
.icon_set_weihu:before {
content: '\e875';
}
.icon_set_peisong:before {
content: '\e877';
}
.icon_yingxiaowf:before {
content: '\e879';
}
.icon_dianpu_shoppingCar:before {
content: '\e87e';
}
.icon_goods:before {
content: '\e657';
}
.icon_sort:before {
content: '\e658';
}
.icon-setting:before {
content: '\e659';
.icon_danwei:before {
content: '\e653';
}
.icon-home:before {
content: '\e65a';
.icon_pingjia:before {
content: '\e654';
}
.icon_pinpai:before {
content: '\e655';
}
.icon_gongyingshang:before {
content: '\e656';
}

View File

@ -1,30 +1,625 @@
{
"id": "3112541",
"name": "likesadmin",
"id": "2786219",
"name": "菜单图标",
"font_family": "iconfont",
"css_prefix_text": "icon-",
"css_prefix_text": "",
"description": "",
"glyphs": [
{
"icon_id": "26923968",
"name": "quanxian",
"font_class": "quanxian",
"icon_id": "13087831",
"name": "分层配置",
"font_class": "icon_kdzs_mdsz",
"unicode": "e7c2",
"unicode_decimal": 59330
},
{
"icon_id": "11474291",
"name": "integral",
"font_class": "icon_xpdy_mbgl",
"unicode": "e6f9",
"unicode_decimal": 59129
},
{
"icon_id": "11474324",
"name": "play",
"font_class": "icon_xcxzb_zb",
"unicode": "e701",
"unicode_decimal": 59137
},
{
"icon_id": "11488055",
"name": "gift",
"font_class": "icon_xycj_cj",
"unicode": "e752",
"unicode_decimal": 59218
},
{
"icon_id": "11488086",
"name": "office-supplies",
"font_class": "icon_kdzs_fjrmb",
"unicode": "e75a",
"unicode_decimal": 59226
},
{
"icon_id": "11488090",
"name": "operation",
"font_class": "operation",
"unicode": "e75c",
"unicode_decimal": 59228
},
{
"icon_id": "11488094",
"name": "phone",
"font_class": "icon_pcshop",
"unicode": "e75d",
"unicode_decimal": 59229
},
{
"icon_id": "11488099",
"name": "print",
"font_class": "icon_xpdy_dyjgl",
"unicode": "e75e",
"unicode_decimal": 59230
},
{
"icon_id": "11488203",
"name": "invoice",
"font_class": "icon_kdzs_pldy",
"unicode": "e772",
"unicode_decimal": 59250
},
{
"icon_id": "13087859",
"name": "cascades",
"font_class": "icon_kdzs_mdmb",
"unicode": "e7cc",
"unicode_decimal": 59340
},
{
"icon_id": "11488057",
"name": "image-text",
"font_class": "icon_qudao_h5",
"unicode": "e753",
"unicode_decimal": 59219
},
{
"icon_id": "11488091",
"name": "packaging",
"font_class": "icon_fenxiao_goods",
"unicode": "e75b",
"unicode_decimal": 59227
},
{
"icon_id": "16322380",
"name": "砍价",
"font_class": "icon_kanjia",
"unicode": "e6d1",
"unicode_decimal": 59089
},
{
"icon_id": "4766459",
"name": "file done",
"font_class": "icon_hexiao_order",
"unicode": "e7b4",
"unicode_decimal": 59316
},
{
"icon_id": "4766779",
"name": "shopping",
"font_class": "icon_pintuan",
"unicode": "e7cf",
"unicode_decimal": 59343
},
{
"icon_id": "4766856",
"name": "carry out",
"font_class": "carryout",
"unicode": "e7d3",
"unicode_decimal": 59347
},
{
"icon_id": "4766857",
"name": "calendar-check",
"font_class": "icon_qiandao_jilu",
"unicode": "e7d4",
"unicode_decimal": 59348
},
{
"icon_id": "4766907",
"name": "sound",
"font_class": "icon_notice",
"unicode": "e7da",
"unicode_decimal": 59354
},
{
"icon_id": "4766918",
"name": "mail",
"font_class": "icon_notice_mail",
"unicode": "e7de",
"unicode_decimal": 59358
},
{
"icon_id": "4936458",
"name": "gift",
"font_class": "gift",
"unicode": "e842",
"unicode_decimal": 59458
},
{
"icon_id": "6598316",
"name": "comment",
"font_class": "icon_notice_buyer",
"unicode": "e8e8",
"unicode_decimal": 59624
},
{
"icon_id": "9229178",
"name": "Field-time",
"font_class": "Field-time",
"unicode": "e90e",
"unicode_decimal": 59662
},
{
"icon_id": "11488002",
"name": "certified-supplier",
"font_class": "icon_hexiao_member2",
"unicode": "e747",
"unicode_decimal": 59207
},
{
"icon_id": "11488015",
"name": "coupons",
"font_class": "icon_coupons",
"unicode": "e74a",
"unicode_decimal": 59210
},
{
"icon_id": "11488023",
"name": "data",
"font_class": "icon_coupons_data",
"unicode": "e74b",
"unicode_decimal": 59211
},
{
"icon_id": "11488024",
"name": "Customer management",
"font_class": "icon_fenxiao_member",
"unicode": "e74c",
"unicode_decimal": 59212
},
{
"icon_id": "11488044",
"name": "feeds",
"font_class": "icon_qiandao_guize",
"unicode": "e751",
"unicode_decimal": 59217
},
{
"icon_id": "11488081",
"name": "New user zone",
"font_class": "icon_pintuan2",
"unicode": "e759",
"unicode_decimal": 59225
},
{
"icon_id": "11488152",
"name": "trade alert",
"font_class": "icon_notice_seller",
"unicode": "e76a",
"unicode_decimal": 59242
},
{
"icon_id": "11488153",
"name": "top sales",
"font_class": "icon_pintuan_data",
"unicode": "e76b",
"unicode_decimal": 59243
},
{
"icon_id": "11488154",
"name": "trading volume",
"font_class": "icon_fenxiao_data",
"unicode": "e76c",
"unicode_decimal": 59244
},
{
"icon_id": "11488170",
"name": "store",
"font_class": "icon_ziti_store",
"unicode": "e76f",
"unicode_decimal": 59247
},
{
"icon_id": "11488210",
"name": "wallet",
"font_class": "wallet",
"unicode": "e774",
"unicode_decimal": 59252
},
{
"icon_id": "12011693",
"name": "comments",
"font_class": "icon_kefu_comments",
"unicode": "e7b2",
"unicode_decimal": 59314
},
{
"icon_id": "12012167",
"name": "trading data",
"font_class": "tradingdata",
"unicode": "e7b5",
"unicode_decimal": 59317
},
{
"icon_id": "13087832",
"name": "申请记录",
"font_class": "icon_fenxiao_order",
"unicode": "e7c4",
"unicode_decimal": 59332
},
{
"icon_id": "13087848",
"name": "中间人",
"font_class": "icon_hexiao_member",
"unicode": "e7c9",
"unicode_decimal": 59337
},
{
"icon_id": "13087852",
"name": "账户操作",
"font_class": "icon_fenxiao_set",
"unicode": "e7ca",
"unicode_decimal": 59338
},
{
"icon_id": "13119207",
"name": "通讯录",
"font_class": "icon_fenxiao_grade",
"unicode": "e7d5",
"unicode_decimal": 59349
},
{
"icon_id": "13119208",
"name": "已关注供应商",
"font_class": "yiguanzhugongyingshang",
"unicode": "e7d6",
"unicode_decimal": 59350
},
{
"icon_id": "23974314",
"name": "icon_164",
"font_class": "icon_user_gaikuang",
"unicode": "e834",
"unicode_decimal": 59444
},
{
"icon_id": "6154432",
"name": "微信",
"font_class": "icon_qudao_weixin",
"unicode": "e833",
"unicode_decimal": 59443
},
{
"icon_id": "23974200",
"name": "icon_59",
"font_class": "icon_qudao_app",
"unicode": "e827",
"unicode_decimal": 59431
},
{
"icon_id": "15643755",
"name": "小程序设置",
"font_class": "icon_qudao_xiaochengxu",
"unicode": "e6b4",
"unicode_decimal": 59060
},
{
"icon_id": "23974663",
"name": "icon_511",
"font_class": "icon_dianpu_daohang",
"unicode": "e857",
"unicode_decimal": 59479
},
{
"icon_id": "23974709",
"name": "icon_563",
"font_class": "icon_yingxiao_qipao",
"unicode": "e860",
"unicode_decimal": 59488
},
{
"icon_id": "23974926",
"name": "icon_777",
"font_class": "icon_set_jiaoyi",
"unicode": "e88f",
"unicode_decimal": 59535
},
{
"icon_id": "23974194",
"name": "icon_52",
"font_class": "icon_caiwu_yue",
"unicode": "e82c",
"unicode_decimal": 59436
},
{
"icon_id": "23974189",
"name": "icon_48",
"font_class": "icon_caiwu_tixian",
"unicode": "e828",
"unicode_decimal": 59432
},
{
"icon_id": "23974193",
"name": "icon_41",
"font_class": "icon_caiwu_jifen",
"unicode": "e829",
"unicode_decimal": 59433
},
{
"icon_id": "23974195",
"name": "icon_56",
"font_class": "icon_shuju_liuliang",
"unicode": "e82b",
"unicode_decimal": 59435
},
{
"icon_id": "23974284",
"name": "icon_136",
"font_class": "icon_user_dengji",
"unicode": "e82f",
"unicode_decimal": 59439
},
{
"icon_id": "23974285",
"name": "icon_141",
"font_class": "icon_user_guanli",
"unicode": "e830",
"unicode_decimal": 59440
},
{
"icon_id": "23974287",
"name": "icon_137",
"font_class": "icon_user_biaoqian",
"unicode": "e831",
"unicode_decimal": 59441
},
{
"icon_id": "23974238",
"name": "icon_95",
"font_class": "icon_order_shouhou",
"unicode": "e82a",
"unicode_decimal": 59434
},
{
"icon_id": "23974703",
"name": "icon_551",
"font_class": "icon_copy",
"unicode": "e861",
"unicode_decimal": 59489
},
{
"icon_id": "23974857",
"name": "icon_710",
"font_class": "icon_set_product",
"unicode": "e880",
"unicode_decimal": 59520
},
{
"icon_id": "23974892",
"name": "icon_744",
"font_class": "icon_set_save",
"unicode": "e887",
"unicode_decimal": 59527
},
{
"icon_id": "23974902",
"name": "icon_754",
"font_class": "icon_dianpu_fenlei",
"unicode": "e889",
"unicode_decimal": 59529
},
{
"icon_id": "23974956",
"name": "icon_808",
"font_class": "icon_dianpu_fengge",
"unicode": "e896",
"unicode_decimal": 59542
},
{
"icon_id": "23974958",
"name": "icon_810",
"font_class": "icon_dianpu_sucai",
"unicode": "e897",
"unicode_decimal": 59543
},
{
"icon_id": "23974996",
"name": "icon_850",
"font_class": "icon_dianpu_xiangqing",
"unicode": "e8a1",
"unicode_decimal": 59553
},
{
"icon_id": "23975028",
"name": "icon_880",
"font_class": "icon_order_guanli",
"unicode": "e8a9",
"unicode_decimal": 59561
},
{
"icon_id": "23974187",
"name": "icon_30",
"font_class": "icon_caiwu",
"unicode": "e826",
"unicode_decimal": 59430
},
{
"icon_id": "23974276",
"name": "icon_130",
"font_class": "icon_user",
"unicode": "e82d",
"unicode_decimal": 59437
},
{
"icon_id": "23974282",
"name": "icon_138",
"font_class": "icon_set_user",
"unicode": "e82e",
"unicode_decimal": 59438
},
{
"icon_id": "23974320",
"name": "icon_170",
"font_class": "icon_shuju",
"unicode": "e832",
"unicode_decimal": 59442
},
{
"icon_id": "23974561",
"name": "icon_415",
"font_class": "icon_dianpu_home",
"unicode": "e84c",
"unicode_decimal": 59468
},
{
"icon_id": "23974584",
"name": "icon_436",
"font_class": "icon_yingyongcenter",
"unicode": "e84f",
"unicode_decimal": 59471
},
{
"icon_id": "23974606",
"name": "icon_460",
"font_class": "icon_qudao",
"unicode": "e853",
"unicode_decimal": 59475
},
{
"icon_id": "23974607",
"name": "icon_457",
"font_class": "icon_qudao2",
"unicode": "e854",
"unicode_decimal": 59476
},
{
"icon_id": "23974689",
"name": "icon_542",
"font_class": "icon_set_store",
"unicode": "e85c",
"unicode_decimal": 59484
},
{
"icon_id": "23974694",
"name": "icon_545",
"font_class": "icon_dianpu_weiyem",
"unicode": "e85d",
"unicode_decimal": 59485
},
{
"icon_id": "23974743",
"name": "icon_595",
"font_class": "icon_set_quanxian",
"unicode": "e866",
"unicode_decimal": 59494
},
{
"icon_id": "23974791",
"name": "icon_643",
"font_class": "icon_hide",
"unicode": "e86f",
"unicode_decimal": 59503
},
{
"icon_id": "23974792",
"name": "icon_644",
"font_class": "icon_show",
"unicode": "e870",
"unicode_decimal": 59504
},
{
"icon_id": "23974793",
"name": "icon_645",
"font_class": "icon_wallet",
"unicode": "e871",
"unicode_decimal": 59505
},
{
"icon_id": "23974795",
"name": "icon_646",
"font_class": "icon_set_pay",
"unicode": "e872",
"unicode_decimal": 59506
},
{
"icon_id": "23974814",
"name": "icon_663",
"font_class": "icon_set_weihu",
"unicode": "e875",
"unicode_decimal": 59509
},
{
"icon_id": "23974823",
"name": "icon_673",
"font_class": "icon_set_peisong",
"unicode": "e877",
"unicode_decimal": 59511
},
{
"icon_id": "23974833",
"name": "icon_684",
"font_class": "icon_yingxiaowf",
"unicode": "e879",
"unicode_decimal": 59513
},
{
"icon_id": "23974842",
"name": "icon_695",
"font_class": "icon_dianpu_shoppingCar",
"unicode": "e87e",
"unicode_decimal": 59518
},
{
"icon_id": "24076801",
"name": "menu_goods",
"font_class": "icon_goods",
"unicode": "e657",
"unicode_decimal": 58967
},
{
"icon_id": "24076802",
"name": "menu_sort",
"font_class": "icon_sort",
"unicode": "e658",
"unicode_decimal": 58968
},
{
"icon_id": "26923969",
"name": "setting",
"font_class": "setting",
"unicode": "e659",
"unicode_decimal": 58969
"icon_id": "24069361",
"name": "menu_danwei",
"font_class": "icon_danwei",
"unicode": "e653",
"unicode_decimal": 58963
},
{
"icon_id": "26923970",
"name": "home",
"font_class": "home",
"unicode": "e65a",
"unicode_decimal": 58970
"icon_id": "24069362",
"name": "menu_pingjia",
"font_class": "icon_pingjia",
"unicode": "e654",
"unicode_decimal": 58964
},
{
"icon_id": "24069363",
"name": "menu_pinpai",
"font_class": "icon_pinpai",
"unicode": "e655",
"unicode_decimal": 58965
},
{
"icon_id": "24069364",
"name": "menu_gongyingshang",
"font_class": "icon_gongyingshang",
"unicode": "e656",
"unicode_decimal": 58966
}
]
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -2,6 +2,8 @@
<div class="menu-edit">
<el-card shadow="never">
<el-page-header :content="id ? '编辑菜单' : '新增菜单'" @back="$router.back()" />
<select-icon class="m-t-20"></select-icon>
</el-card>
<el-card class="m-t-15" shadow="never">
@ -52,7 +54,7 @@
</el-form-item>
<div v-if="(formData.menuType == menuDataType.BUTTON) == ''">
<el-form-item label="菜单图标">
<el-form-item label="请选择图标">
<el-input
v-model="formData.menuIcon"
show-word-limit
@ -156,85 +158,6 @@
</el-radio-group>
</el-form-item>
</div>
<!-- <el-form-item label="父级菜单">
<el-cascader
v-model="formData.pid"
style="width: 340px"
:options="menuList"
:props="{
checkStrictly: true,
emitPath: false,
label: 'menuName',
value: 'id'
}"
clearable
></el-cascader>
</el-form-item>
<el-form-item label="菜单类型">
<el-radio-group v-model="formData.menuType">
<el-radio :label="menuDataType.CATALOG">目录</el-radio>
<el-radio :label="menuDataType.MENU">菜单</el-radio>
<el-radio :label="menuDataType.BUTTON">按钮</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="菜单名称">
<el-input
v-model="formData.menuName"
show-word-limit
placeholder="请输入名称"
></el-input>
</el-form-item>
<el-form-item label="菜单图标">
<el-input
v-model="formData.menuIcon"
show-word-limit
placeholder="请输入图标"
></el-input>
</el-form-item>
<el-form-item label="菜单排序">
<el-input
v-model="formData.menuSort"
show-word-limit
placeholder="请输入排序"
></el-input>
</el-form-item>
<el-form-item label="菜单权限字符">
<el-input
v-model="formData.perms"
show-word-limit
placeholder="请输入"
></el-input>
</el-form-item>
<el-form-item label="路由路径">
<el-input
v-model="formData.paths"
show-word-limit
placeholder="请输入"
></el-input>
</el-form-item>
<el-form-item label="组件路径">
<el-input
v-model="formData.component"
show-word-limit
placeholder="请输入"
></el-input>
</el-form-item>
<el-form-item label="菜单状态">
<el-switch
v-model="formData.isDisable"
:active-value="0"
:inactive-value="1"
/>
</el-form-item> -->
</el-form>
</div>
</el-card>
@ -250,6 +173,7 @@ import { onMounted, reactive, ref } from 'vue'
import FooterBtns from '@/components/footer-btns/index.vue'
import type { ElForm, ElMessage } from 'element-plus'
import { apiConfigGetMenu, apiMenuDetail, apiMenuAdd, apiMenuEdit, apiMenuDelete } from '@/api/auth'
import SelectIcon from './select-icon/index.vue'
const menuDataType = {
CATALOG: 'M', //
@ -284,7 +208,7 @@ const formData = ref({
//
const getMenuDetail = async (id: number) => {
(formData.value as {}) = await apiMenuDetail({ id })
;(formData.value as {}) = await apiMenuDetail({ id })
getFatherMenu()
}

View File

@ -0,0 +1,9 @@
<template>
<div class="select-icon">
<div>选择图标</div>
</div>
</template>
<script lang="ts" setup></script>
<style lang="scss" scoped></style>

View File

@ -14,49 +14,76 @@
<el-card class="m-t-15" shadow="never">
<div>
<div class="m-b-15">基本信息</div>
<div class="m-b-20 lg">基本信息</div>
<el-form :inline="true" :model="formData" label-width="110px" size="small">
<el-form-item label="Redis版本">
<div>{{ formData.redis_version || '-' }}</div>
</el-form-item>
<el-form-item label="运行模式">
<div>{{ formData.redis_mode || '-' }}</div>
</el-form-item>
<el-form-item label="端口">
<div>{{ formData.tcp_port || '-' }}</div>
</el-form-item>
<el-form-item label="客户端数">
<div>{{ formData.connected_clients || '-' }}</div>
</el-form-item>
<el-form-item label="运行时间(天)">
<div>{{ formData.uptime_in_days || '-' }}</div>
</el-form-item>
<el-form-item label="使用内存">
<div>{{ formData.used_memory_human || '-' }}</div>
</el-form-item>
<el-form-item label="使用CPU">
<div>{{ formData.used_cpu_user_children || '-' }}</div>
</el-form-item>
<el-form-item label="内存配置">
<div>{{ formData.maxmemory_human || '-' }}</div>
</el-form-item>
<el-form-item label="AOF是否开启">
<div>{{ formData.aof_enabled || '-' }}</div>
</el-form-item>
<el-form-item label="RDB是否成功">
<div>{{ formData.rdb_last_bgsave_status || '-' }}</div>
</el-form-item>
<el-form-item label="Key数量">
<div>{{ formData.dbSize || '-' }}</div>
</el-form-item>
<el-form-item label="网络入口/出口">
<div>
{{ formData.instantaneous_input_kbps || '-' }}
<span>/</span>
{{ formData.instantaneous_output_kbps || '-' }}
<el-form :inline="true" :model="formData" size="small">
<div class="flex basic-information">
<div class="flex-1">
<span class="m-r-40 nr">Redis版本</span>
<span>{{ formData.redis_version || '-' }}</span>
</div>
</el-form-item>
<div class="flex-1">
<span class="m-r-40 nr">运行模式</span>
<span>{{ formData.redis_mode || '-' }}</span>
</div>
<div class="flex-1">
<span class="m-r-40 nr">端口</span>
<span>{{ formData.tcp_port || '-' }}</span>
</div>
<div class="flex-1">
<span class="m-r-40 nr">客户端数</span>
<span>{{ formData.connected_clients || '-' }}</span>
</div>
</div>
<div class="flex basic-information">
<div class="flex-1">
<span class="m-r-40 nr">运行时间()</span>
<span>{{ formData.uptime_in_days || '-' }}</span>
</div>
<div class="flex-1">
<span class="m-r-40 nr">使用内存</span>
<span>{{ formData.used_memory_human || '-' }}</span>
</div>
<div class="flex-1">
<span class="m-r-40 nr">使用CPU</span>
<span>{{ formData.used_cpu_user_children || '-' }}</span>
</div>
<div class="flex-1">
<span class="m-r-40 nr">内存配置</span>
<span>{{ formData.maxmemory_human || '-' }}</span>
</div>
</div>
<div class="flex basic-information">
<div class="flex-1">
<span class="m-r-40 nr">AOF是否开启</span>
<span>{{ formData.aof_enabled == '0' ? '开启' : '关闭' || '-' }}</span>
</div>
<div class="flex-1">
<span class="m-r-40 nr">RDB是否成功</span>
<span>
{{
formData.rdb_last_bgsave_status == 'ok' ? '成功' : '失败' || '-'
}}
</span>
</div>
<div class="flex-1">
<span class="m-r-40 nr">Key数量</span>
<span>{{ formData.dbSize || '-' }}</span>
</div>
<div class="flex-1">
<span class="m-r-40 nr">网络入口/出口</span>
<span>
{{ formData.instantaneous_input_kbps || '-' }}
<span>/</span>
{{ formData.instantaneous_output_kbps || '-' }}
</span>
</div>
</div>
</el-form>
</div>
</el-card>
@ -65,7 +92,7 @@
<!-- 命令统计 -->
<el-card class="m-r-15 flex-1 test" shadow="never">
<div>
<div class="p-b-60">命令统计</div>
<div class="p-b-60 lg">命令统计</div>
<div class="statistical-chart">
<v-chart class="chart" :option="statisticalData.commandChartOption" />
</div>
@ -75,7 +102,7 @@
<!-- 内存信息 -->
<el-card class="flex-1" shadow="never">
<div>
<div class="p-b-40">内存信息</div>
<div class="p-b-40 lg">内存信息</div>
<div class="statistical-chart">
<v-chart class="chart" :option="statisticalData.memoryChartOption" />
</div>
@ -223,4 +250,10 @@ onMounted(() => {
justify-content: center;
height: 240px;
}
.basic-information {
padding-bottom: 20px;
margin-top: 20px;
border-bottom: 1px solid #dfdfdf;
}
</style>

View File

@ -3,92 +3,88 @@
<div class="system-environment">
<div class="flex">
<el-card class="flex-1 m-r-15" shadow="never">
<div>CPU</div>
<div class="lg">CPU</div>
<div class="m-t-15">
<el-form :inline="true" :model="cpuFormData" label-width="110px" size="small">
<el-form-item label="核心数">
<div>{{ cpuFormData.cpuNum || '-' }}</div>
</el-form-item>
<el-form-item label="用户使用率">
<div>{{ cpuFormData.used || '-' }}%</div>
</el-form-item>
<el-form-item label="系统使用率">
<div>{{ cpuFormData.sys || '-' }}%</div>
</el-form-item>
<el-form-item label="当前空闲率">
<div>{{ cpuFormData.free || '-' }}%</div>
</el-form-item>
<div class="flex">
<div class="flex-1">
<div class="f-s-32 m-b-10">{{ cpuFormData.cpuNum || '-' }}</div>
<div class="lighter">核心数</div>
</div>
<div class="flex-1">
<div class="f-s-32 m-b-10">{{ cpuFormData.used || '-' }}%</div>
<div class="lighter">用户使用率</div>
</div>
<div class="flex-1">
<div class="f-s-32 m-b-10">{{ cpuFormData.sys || '-' }}%</div>
<div class="lighter">系统使用率</div>
</div>
<div class="flex-1">
<div class="f-s-32 m-b-10">{{ cpuFormData.free || '-' }}%</div>
<div class="lighter">当前空闲率</div>
</div>
</div>
</el-form>
</div>
</el-card>
<el-card class="flex-1" shadow="never">
<div>内存</div>
<div class="lg">内存</div>
<div class="m-t-15">
<el-form :inline="true" :model="memFormData" label-width="110px" size="small">
<el-form-item label="总内存">
<div>{{ memFormData.total || '-' }}G</div>
</el-form-item>
<el-form-item label="已用内存">
<div>{{ memFormData.used || '-' }}G</div>
</el-form-item>
<el-form-item label="剩余内存">
<div>{{ memFormData.free || '-' }}G</div>
</el-form-item>
<el-form-item label="使用率">
<div>{{ memFormData.usage || '-' }}%</div>
</el-form-item>
<div class="flex">
<div class="flex-1">
<div class="f-s-32 m-b-10">{{ memFormData.total || '-' }}G</div>
<div class="lighter">总内存</div>
</div>
<div class="flex-1">
<div class="f-s-32 m-b-10">{{ memFormData.used || '-' }}G</div>
<div class="lighter">已用内存</div>
</div>
<div class="flex-1">
<div class="f-s-32 m-b-10">{{ memFormData.free || '-' }}G</div>
<div class="lighter">剩余内存</div>
</div>
<div class="flex-1">
<div class="f-s-32 m-b-10">{{ memFormData.usage || '-' }}%</div>
<div class="lighter">使用率</div>
</div>
</div>
</el-form>
</div>
</el-card>
</div>
<el-card shadow="never" class="m-t-15">
<div>服务器信息</div>
<div class="lg">服务器信息</div>
<div class="m-t-15">
<el-form :inline="true" :model="serverFormData" label-width="160px" size="small">
<el-form-item label="服务器名称">
<div>{{ serverFormData.computerName || '-' }}</div>
</el-form-item>
<el-form-item label="服务器IP">
<div>{{ serverFormData.computerIp || '-' }}</div>
</el-form-item>
<el-form-item label="操作系统">
<div>{{ serverFormData.osName || '-' }}</div>
</el-form-item>
<el-form-item label="系统架构">
<div>{{ serverFormData.osArch || '-' }}</div>
</el-form-item>
<el-form-item label="项目路径">
<div>{{ serverFormData.userDir || '-' }}</div>
</el-form-item>
</el-form>
<el-table :data="info.serverFormData" size="medium">
<el-table-column prop="computerName" label="服务器名称"> </el-table-column>
<el-table-column prop="computerIp" label="服务器IP"> </el-table-column>
<el-table-column prop="osName" label="操作系统"> </el-table-column>
<el-table-column prop="osArch" label="系统架构"> </el-table-column>
<el-table-column prop="userDir" label="项目路径"> </el-table-column>
</el-table>
</div>
</el-card>
<el-card shadow="never" class="m-t-15">
<div>Java虚拟机信息</div>
<div class="m-t-15">
<el-form :inline="true" :model="jvmFormData" label-width="120px" size="small">
<el-form-item label="Java名称">
<div>{{ jvmFormData.name || '-' }}</div>
</el-form-item>
<el-form-item label="启动时间">
<div>{{ jvmFormData.startTime || '-' }}</div>
</el-form-item>
<el-form-item label="安装路径">
<div>{{ jvmFormData.home || '-' }}</div>
</el-form-item>
<el-form-item label="运行参数">
<div>{{ jvmFormData.inputArgs || '-' }}</div>
</el-form-item>
<el-form-item label="Java版本">
<div>{{ jvmFormData.version || '-' }}</div>
</el-form-item>
<el-form-item label="运行时长">
<div>{{ jvmFormData.runTime || '-' }}</div>
</el-form-item>
</el-form>
<el-table :data="info.jvmFormData" size="medium">
<el-table-column prop="name" label="Java名称"> </el-table-column>
<el-table-column prop="startTime" label="启动时间"> </el-table-column>
<el-table-column prop="home" label="安装路径"> </el-table-column>
<el-table-column prop="inputArgs" label="运行参数"> </el-table-column>
<el-table-column prop="version" label="Java版本"> </el-table-column>
<el-table-column prop="runTime" label="运行时长"> </el-table-column>
</el-table>
</div>
</el-card>
@ -114,13 +110,13 @@ import { defineComponent, reactive, onMounted, ref } from 'vue'
import { apiSystemInfo } from '@/api/setting'
const info = reactive({
disk: [] //
disk: [], //
serverFormData: [], //
jvmFormData: [] // Java
})
const cpuFormData = ref<any>({})
const memFormData = ref<any>({})
const serverFormData = ref<any>({})
const jvmFormData = ref<any>({})
const cpuFormData = ref<any>({}) // CPU
const memFormData = ref<any>({}) //
const getSystemInfo = () => {
apiSystemInfo()
@ -128,10 +124,10 @@ const getSystemInfo = () => {
console.log('res', res)
cpuFormData.value = res.cpu
memFormData.value = res.mem
serverFormData.value = res.sys
jvmFormData.value = res.jvm
info.disk = res.disk
info.serverFormData = [res.sys]
info.jvmFormData = [res.jvm]
})
.catch((err: any) => {
console.log('err', err)