From b164ab1dacb7f5004c4a7a111fee16e286e32c46 Mon Sep 17 00:00:00 2001 From: chenjinsong <523037378@qq.com> Date: Thu, 16 Jan 2020 18:11:15 +0800 Subject: [PATCH] =?UTF-8?q?perf:=20=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 1.按钮样式定义 2.侧滑结构调整 --- nezha-fronted/src/assets/img/logo.png | Bin 0 -> 5885 bytes nezha-fronted/src/assets/img/logo24_24.png | Bin 0 -> 1029 bytes nezha-fronted/src/assets/logo.png | Bin 6849 -> 0 bytes nezha-fronted/src/assets/logo14_14.png | Bin 0 -> 580 bytes nezha-fronted/src/assets/stylus/index.scss | 11 + nezha-fronted/src/assets/stylus/main.scss | 183 +++---- .../src/components/common/header.vue | 4 +- .../src/components/common/language/cn.js | 67 ++- .../src/components/common/language/en.js | 1 + .../common/rightBox/addEndpointBox.vue | 20 +- .../common/rightBox/alertConfigBox.vue | 21 +- .../common/rightBox/editEndpointBox.vue | 22 +- .../components/common/rightBox/moduleBox.vue | 48 +- .../components/common/rightBox/projectBox.vue | 25 +- .../src/components/common/searchInput.vue | 49 +- .../src/components/page/alert/config.vue | 14 +- .../components/page/asset/accountConfig.vue | 6 +- .../src/components/page/asset/asset.vue | 30 +- .../components/page/asset/assetAddUnit.vue | 14 +- .../components/page/asset/assetEditUnit.vue | 22 +- .../src/components/page/config/account.vue | 476 +++++++++--------- .../src/components/page/config/promServer.vue | 38 +- .../src/components/page/project/project.vue | 13 +- 23 files changed, 572 insertions(+), 492 deletions(-) create mode 100644 nezha-fronted/src/assets/img/logo.png create mode 100644 nezha-fronted/src/assets/img/logo24_24.png delete mode 100644 nezha-fronted/src/assets/logo.png create mode 100644 nezha-fronted/src/assets/logo14_14.png diff --git a/nezha-fronted/src/assets/img/logo.png b/nezha-fronted/src/assets/img/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..51aee3a1a653f3034f701a40f75fb64b312684d6 GIT binary patch literal 5885 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 literal 0 HcmV?d00001 diff --git a/nezha-fronted/src/assets/logo.png b/nezha-fronted/src/assets/logo.png deleted file mode 100644 index f3d2503fc2a44b5053b0837ebea6e87a2d339a43..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6849 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 DXI<`z literal 0 HcmV?d00001 diff --git a/nezha-fronted/src/assets/stylus/index.scss b/nezha-fronted/src/assets/stylus/index.scss index 9a81bf409..a4364fc9a 100644 --- a/nezha-fronted/src/assets/stylus/index.scss +++ b/nezha-fronted/src/assets/stylus/index.scss @@ -4,6 +4,17 @@ $header-text-color: #e5e5e5; // header默认字色 $header-text-color-active: #fff; // header高亮字色 $header-text-color-hover: #444; //header hover字色 +$btn-normal-background-color: linear-gradient(180deg, #F5B93E 0%, #EE9D3F 100%); //橙色按钮颜色 +$btn-normal-background-color-hover: #EE9D3F ; //橙色按钮hover颜色 +$btn-normal-txt-color: #fff; //橙色按钮颜色 +$btn-normal-shadow: 0 0 1px 1px rgba(162,162,162,0.50); //橙色按钮边框阴影 +$btn-light-background-color: linear-gradient(180deg, #FFFFFF 0%, #E0E0E0 100%); //灰色按钮颜色 +$btn-light-background-color-hover: linear-gradient(180deg, #F0F0F0 0%, #D8D8D8 99%); //橙色按钮hover颜色 +$btn-light-txt-color: #666; //灰色按钮颜色 +$btn-light-shadow: 0 0 1px 1px rgba(162,162,162,0.50); //灰色按钮边框阴影 + +$box-title-color: #333; //弹框标题字体颜色 + $content-left-text-color: #666; //左侧菜单默认字色 @import './main.scss'; diff --git a/nezha-fronted/src/assets/stylus/main.scss b/nezha-fronted/src/assets/stylus/main.scss index 52e3fb255..3d5375eb9 100644 --- a/nezha-fronted/src/assets/stylus/main.scss +++ b/nezha-fronted/src/assets/stylus/main.scss @@ -72,38 +72,50 @@ html { } /* begin--按钮组件*/ +.nz-btn-min-width-75 { + min-width: 75px; +} +.nz-btn-min-width-82 { + min-width: 82px; +} +.nz-btn-min-width-120 { + min-width: 120px; +} .nz-btn { - width: 82px; border-radius: 4px; cursor: pointer; - line-height: 18px; - font-size: 14px; - padding: 4px 6px; text-align: center; box-sizing: border-box; -webkit-appearance: none; white-space: nowrap; - margin-left: 20px; + font-size: 14px; + line-height: 16px; +} +.nz-btn.nz-btn-size-normal { + padding: 4px 8px; } -.nz-btn.nz-btn-size-normal {} /* size默认normal，是normal时这个class可不写*/ .nz-btn.nz-btn-size-small { font-size: 12px; - line-height: 18px; - padding: 2px 12px; - font-weight: 500; + padding: 2px 5px; } -.nz-btn.nz-btn-style-normal { /* 蓝色按钮 */ - background-color: $global-text-color-active; - // background-image: linear-gradient(#2d8cec, #16b); - border: 1px solid $global-text-color-active; - border-top-color: $global-text-color-active; - color: #fff; - // text-shadow: 0 1px 1px rgba(0,0,0,.75); +.nz-btn-size-large { + padding: 7px 15px; +} +.nz-btn.nz-btn-size-alien { //弹框顶部异形按钮 + height: 40px; + border-radius: 0 0 10px 10px; +} +.nz-btn.nz-btn-style-normal { /* 橙色按钮 */ + background-image: $btn-normal-background-color; + color: $btn-normal-txt-color; + box-shadow: $btn-normal-shadow; + border: 0px; } .nz-btn.nz-btn-style-light { /* 浅色按钮 */ - background-color: transparent; - border: 1px solid #999999; - color: #999999; + background-image: $btn-light-background-color; + border: 0px; + color: $btn-light-txt-color; + box-shadow: $btn-light-shadow; letter-spacing: 0; } .nz-btn.nz-btn-style-pure-white { /*纯白色按钮*/ @@ -115,13 +127,14 @@ html { padding: 2px 5px; } .nz-btn.nz-btn-size-normal.nz-btn-style-square { /* 单图标时是个正方形*/ - // padding: 4px 6px; + padding: 4px 6px; } .nz-btn.nz-btn-style-light:hover:not(.nz-btn-disabled) { - // background-image: linear-gradient(#dedede,#c5c5c5); + background-image: $btn-light-background-color-hover; } .nz-btn.nz-btn-style-normal:hover:not(.nz-btn-disabled) { - // background-image: linear-gradient(#16b, #0d4d8c); + background-image: none; + background-color: $btn-normal-background-color-hover; } .nz-btn.nz-btn-style-pure-white:hover:not(.nz-btn-disabled) { background-color: #dedede; @@ -148,8 +161,8 @@ html { /* begin--el-input扩展 */ .input-x-mini .el-input__inner { - height: 24px; - line-height: 24px; + height: 22px; + line-height: 22px; padding: 0 5px; font-size: 12px; } @@ -230,8 +243,8 @@ html { /* begin--右侧内容*/ .content-right { height: calc(100% - 131px); - margin-left: 270px; - padding: 0 15px 0 25px; + margin-left: 256px; + padding: 0 20px 0 20px; } .content-right-option { cursor: pointer; @@ -239,39 +252,25 @@ html { margin-right: 6px; } .content-right-option i { - color: #6E7274; -} -.content-right-option i:hover { - color: #3E4244; + font-size: 12px; } .content-right-option .el-icon-delete { - color: #F98D9A; + color: #ee6723; } -.content-right-option .el-icon-delete:hover { - color: #D96D7A; -} -.content-right-option .el-icon-view { - color: #60BEFF; +.content-right-option .nz-icon-view { + color: #898989; } .link { /*有外联的字段*/ - color: #1166bb; + color: #3971BA; cursor: pointer; } -.content-right-option .el-icon-view:hover { - color: #409EFF; -} -.content-right-option .el-icon-edit-outline { - color: #6E7274; -} -.content-right-option .el-icon-edit-outline:hover { - color: #3E4244; -} /* begin--顶部工具栏*/ .top-tools { padding: 22px 0 13px 0; } .top-tools .top-tool-search { - width: 320px; + width: 260px; + margin: -1px 20px 0 0; } /* end--顶部工具栏*/ @@ -334,7 +333,7 @@ html { min-width: 100px; } .content-right .el-table__row td:first-of-type { - padding-left: 33px; + padding-left: 38px; } .nz-table-gear { display: block; @@ -369,28 +368,28 @@ html { /* begin--右弹框滑入滑出动画*/ @keyframes slide-in-from-right-580 { - from {right: -615px} - to {right: 15px} + from {right: -630px} + to {right: 0px} } @keyframes slide-out-to-right-580 { - from {right: 15px} - to {right: -615px} + from {right: 0px} + to {right: -630px} } @keyframes slide-in-from-right-840 { - from {right: -855px} - to {right: 15px} + from {right: -870px} + to {right: 0px} } @keyframes slide-out-to-right-840 { - from {right: 15px} - to {right: -855px} + from {right: 0px} + to {right: -870px} } @keyframes slide-in-from-right { - from {right: -535px} - to {right: 15px} + from {right: -550px} + to {right: 0px} } @keyframes slide-out-to-right { - from {right: 15px} - to {right: -535px} + from {right: 0px} + to {right: -550px} } .right-box-enter-active { animation: slide-in-from-right 0.4s; @@ -433,14 +432,13 @@ html { /* begin--右侧弹框*/ .right-box, .right-sub-box { position: fixed; - top: 80px; - right: 15px; + top: 60px; + right: 0; z-index: 1; - border-radius: 8px; box-shadow: 0 0 15px #ccc; background-color: white; - padding: 0 0 0 20px; - height: calc(100% - 100px); + padding: 0 0 0 30px; + height: calc(100% - 60px); } /*此处自定义弹框尺寸，不同功能可能需要的尺寸不一样，需自行添加*/ @@ -448,7 +446,7 @@ html { width: 520px; } .right-box-add-asset { - width: 580px; + width: 550px; } .right-box-add-endpoint { width: 840px; @@ -457,8 +455,10 @@ html { .right-box-top-btns { text-align: center; float: right; - padding-right: 10px; - padding-top: 8px; + padding-right: 42px; +} +.right-box-top-btns button { + margin-left: 20px; } .pop-top-btns { text-align: center; @@ -468,11 +468,12 @@ html { /* begin--右侧弹框--内容*/ .right-box-title { - height: 56px; - line-height: 40px; + height: 36px; text-align: left; display: inline-block; - font-weight: bold; + padding-top: 20px; + font-size: 14px; + color: $box-title-color; } .pop-title { line-height: 25px; @@ -520,7 +521,7 @@ html { background-color: #d8d8d8; } .right-box-form-box { - height: calc(100% - 63px); + height: calc(100% - 132px); width: 100%; } .right-box-form-box .el-scrollbar__wrap { @@ -530,7 +531,7 @@ html { overflow-x: hidden !important; } .right-box-form { - width: calc(100% - 20px); + width: calc(100% - 30px); } .right-box-add-endpoint .right-box-form { height: 100%; @@ -588,6 +589,9 @@ html { display: inline-block; float: right; } +.right-box-form-btns button { + margin-left: 10px; +} /* start--param*/ .param-box { border: 1px solid #DCDFE6; @@ -675,38 +679,17 @@ html { /* begin--右侧弹框--底部按钮*/ .right-box-bottom-btns { + width: 100%; + height: 53px; position: absolute; bottom: 0; - width: 100%; - height: 40px; left: 0; + padding-top: 20px; + border-top: 1px solid #ccc; text-align: center; } -.right-box-bottom-btn:first-of-type { - border-bottom-left-radius: 8px; -} -.right-box-bottom-btn:last-of-type{ - border-bottom-right-radius: 8px; -} -.right-box-bottom-btn { - display: inline-block; - background-color: #656565; - color: white; - height: 100%; - line-height: 40px; - cursor: pointer; - width: 100%; -} -.config-dropdown-label-input { - width: 50%; - display: inline-block; -} -.right-box-bottom-btn-cancel { - background-color: #DADADA; - color: #656565; -} -.right-box-bottom-btn-50 { - width: 50%; +.right-box-bottom-btns :nth-child(2) { + margin-left: 40px; } /* end--右侧弹框--底部按钮*/ /* end--右侧弹框*/ diff --git a/nezha-fronted/src/components/common/header.vue b/nezha-fronted/src/components/common/header.vue index e29e6d413..fbdfc5cf0 100644 --- a/nezha-fronted/src/components/common/header.vue +++ b/nezha-fronted/src/components/common/header.vue @@ -45,7 +45,7 @@
{{item.name}}
+ class="nz-icon nz-icon-edit">
@@ -61,7 +61,7 @@ diff --git a/nezha-fronted/src/components/common/language/cn.js b/nezha-fronted/src/components/common/language/cn.js index 4bdd1d7d7..e31593eec 100644 --- a/nezha-fronted/src/components/common/language/cn.js +++ b/nezha-fronted/src/components/common/language/cn.js @@ -47,13 +47,13 @@ const cn = { chartForm:{ chartId:"ID", chartName:"图表名称", - type:"类别", + type:"类型", typeVal:{ line:{ - label:"线" + label:"曲线图" }, bar:{ - label:"柱" + label:"柱状图" }, table:{ label:"表格" @@ -61,11 +61,11 @@ const cn = { }, width:"宽", high:"高", - metric:"Metric", - addMetric:"新增Metric", + metric:"指标", + addMetric:"添加指标", }, chartTableColumn:{ - metric:'metric', + metric:'指标', label:'标签', time:'时间', value:'值', @@ -75,46 +75,45 @@ const cn = { to:'至', recOne:'最近1小时', recFour:'最近4小时', - recOneDay:'最近1天', - yesterday:'昨天', - recSevenDay:'最近1星期', + recOneDay:'最近1日', + yesterday:'昨日', + recSevenDay:'最近7日', recOneMonth:'最近1月', curMonth:'本月', lastMonth:'上月', refreshInterval:{ never:'从不', - oneMinute:'1 分', - threeMinutes:'3 分', - fiveMinutes:'5 分', - tenMinutes:'10 分', + oneMinute:'1分钟', + threeMinutes:'3分钟', + fiveMinutes:'5分钟', + tenMinutes:'10分钟', }, view:'查看', confirm:'Ok', cancel:'取消' }, metric:{ - name:"Metric", - normal:"Normal", - expert:"Expert", - label:"MetricLabel", - addMetric:"Create Metric", - expertTip:"Please enter an expression", - goPanelTip:"Go to the panel to view the created chart ?", - previewChart:"Preview Chart", - singleChartShow:"Single Graph Display", - multiChartsShow:"Multi Graph Display", - createPanel:"Create Panel", - selectPanel:"Select Panel", - saveChartToPanel:"Save Chart To Panel" + name:"指标名称", + normal:"普通", + expert:"专家", + label:"指标标签", + addMetric:"添加指标", + expertTip:"请输入表达式", + goPanelTip:"是否前去看板,查看创建的图表？", + previewChart:"预览图表", + singleChartShow:"单图展示", + multiChartsShow:"多图展示", + createPanel:"创建面板", + selectPanel:"选择已有面板", + saveChartToPanel:"保存图表到看板" }, metricPreview:{ - title:'Metric Preview', + title:'指标预览', }, - refresh:'refresh', - edit:'edit', - delete:'delete', - screen:'fullScreen' - + refresh:'刷新', + edit:'编辑', + delete:'删除', + screen:'全屏' }, validate: { //校验规则 required: '必填项', @@ -146,7 +145,7 @@ const cn = { }, asset:{ asset: '资产', - EditAsset:'Edit Asset', + EditAsset:'编辑资产', createAssetTab:{ title:'新增资产', sn:'SN', @@ -415,7 +414,7 @@ const cn = { moduleParameter: "组件参数" }, metrics: { - metrics: "Metrics", + metrics: "指标", name: '名称', type: '类型', description: '描述' diff --git a/nezha-fronted/src/components/common/language/en.js b/nezha-fronted/src/components/common/language/en.js index 365a05b39..d0995f4b9 100644 --- a/nezha-fronted/src/components/common/language/en.js +++ b/nezha-fronted/src/components/common/language/en.js @@ -9,6 +9,7 @@ const en = { create: 'Create', edit: 'Edit', delete: 'Delete', + view: 'View', esc: 'Esc', cancel: 'Cancel', save: 'Save', diff --git a/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue b/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue index 6e8ea015f..9342d0faf 100644 --- a/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue +++ b/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue @@ -3,12 +3,12 @@
-
@@ -94,7 +94,7 @@ - +
@@ -188,7 +188,7 @@
{{$t('validate.required')}}
- + All: {{this.endpointList.length}}
@@ -198,6 +198,16 @@ + +
+ + +
+
@@ -816,7 +826,7 @@ .endpoint-asset-search-input { display: inline-block; width: 100px; - vertical-align: middle; + vertical-align: top; } /* end--搜索框*/ diff --git a/nezha-fronted/src/components/common/rightBox/alertConfigBox.vue b/nezha-fronted/src/components/common/rightBox/alertConfigBox.vue index df66eb495..a2ca20f62 100644 --- a/nezha-fronted/src/components/common/rightBox/alertConfigBox.vue +++ b/nezha-fronted/src/components/common/rightBox/alertConfigBox.vue @@ -3,17 +3,16 @@
- - -
@@ -99,6 +98,16 @@ + + +
+ + +
diff --git a/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue b/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue index 09a313c17..6b13b6317 100644 --- a/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue +++ b/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue @@ -3,18 +3,18 @@
- - -
@@ -132,10 +132,10 @@ {{$t('project.endpoint.param')}}
- - + +
+ + +
+
- - - -->
@@ -74,10 +55,10 @@ {{$t('project.endpoint.param')}}
- -
@@ -102,6 +83,16 @@ + + +
+ + +
- - -
diff --git a/nezha-fronted/src/components/common/rightBox/projectBox.vue b/nezha-fronted/src/components/common/rightBox/projectBox.vue index 6f99b14a0..b959f01af 100644 --- a/nezha-fronted/src/components/common/rightBox/projectBox.vue +++ b/nezha-fronted/src/components/common/rightBox/projectBox.vue @@ -3,16 +3,15 @@
- - -
@@ -32,11 +31,15 @@ - - - + +
+ + +
diff --git a/nezha-fronted/src/components/common/searchInput.vue b/nezha-fronted/src/components/common/searchInput.vue index 88dec7c65..66e11139b 100644 --- a/nezha-fronted/src/components/common/searchInput.vue +++ b/nezha-fronted/src/components/common/searchInput.vue @@ -116,9 +116,10 @@
-
+ +
@@ -1138,8 +1139,8 @@ // 判断输入框的高度 getHeight(){ if(document.getElementById('search-ul').clientHeight<24||document.getElementById('input-center-box').clientHeight<24){ - document.getElementById('input-center-box').style.height = 30+'px' - document.getElementById('search-ul').style.height = 24+"px" + document.getElementById('input-center-box').style.height = 27+'px' + document.getElementById('search-ul').style.height = 21+"px" } }, chlick_sreach(e) { @@ -1204,29 +1205,35 @@ .new-search{ display: flex; position: relative; - box-shadow: 0px 0px 20px 0px rgba(0,0,0,.08); - line-height: 28px; + line-height: 25px; + border-radius: 4px; + border: 1px solid #D8D8D8; + /*box-shadow: inset 0 0 5px 0 rgba(184,184,184,0.80);*/ + } + .new-search .nz-btn { + box-shadow: 0 0 1px 1px #d8d8d8; + border-radius: 0 4px 4px 0; } .new-search .search-input-all{ - width: 300px; + width: 240px; background: #fff; color: rgba(0,0,0,.55); - height: 28px; - line-height: 28px; + height: 25px; + line-height: 25px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; display: flex; position: relative; - box-shadow: 0px 0px 20px 0px rgba(0,0,0,.08); + } .search-input-all .btn-retract{ padding: 0px 4px; text-align: center; } .search-input-all .search-history{ - padding: 0px 10px; - height: 20px; - line-height: 20px; + padding: 0px 7px; + height: 17px; + line-height: 17px; text-align: center; border-right: 1px solid #e5e5e5; margin-top: 4px; @@ -1274,16 +1281,16 @@ .sreach_box{ position: relative; width: 80%; - height: 28px; + height: 25px; padding: 20px; background: #fff; margin: 200px auto; } .keyring_sreach_right_btn{ width: 18%; - height: 28px; + height: 25px; float: right; - line-height: 28px; + line-height: 25px; text-align: center; border: 1px solid #dfdfdf; } @@ -1302,7 +1309,7 @@ right: 0; top: -50px; width: 24px; - height: 28px; + height: 25px; border-radius: 50%; background: #fff; text-align: center; @@ -1392,16 +1399,16 @@ } .selectinfo_box .select_condition{ float:left; - height: 16px; + height: 13px; padding: 3px; background:#f8f8f8; - line-height: 16px; + line-height: 13px; color: rgba(0,0,0,.55); } .selectinfo_box .select_content{ float: left; - line-height: 16px; - height: 16px; + line-height: 13px; + height: 13px; padding: 3px; background: #f0f0f0; color: rgba(0,0,0,0.85); diff --git a/nezha-fronted/src/components/page/alert/config.vue b/nezha-fronted/src/components/page/alert/config.vue index bd504eeef..c4d6d7cf3 100644 --- a/nezha-fronted/src/components/page/alert/config.vue +++ b/nezha-fronted/src/components/page/alert/config.vue @@ -19,7 +19,7 @@
-
{{$t('asset.createAssetTab.title')}}
@@ -327,6 +327,16 @@ + + +
+ + +
diff --git a/nezha-fronted/src/components/page/asset/assetEditUnit.vue b/nezha-fronted/src/components/page/asset/assetEditUnit.vue index adced3d6d..6c7b5c8e7 100644 --- a/nezha-fronted/src/components/page/asset/assetEditUnit.vue +++ b/nezha-fronted/src/components/page/asset/assetEditUnit.vue @@ -3,19 +3,19 @@
- - -
{{this.tabView == true ? $t('asset.asset') : $t('asset.EditAsset')}}
@@ -455,6 +455,16 @@ + + +
+ + +
diff --git a/nezha-fronted/src/components/page/config/account.vue b/nezha-fronted/src/components/page/config/account.vue index c2c5ba09e..5d74a3228 100644 --- a/nezha-fronted/src/components/page/config/account.vue +++ b/nezha-fronted/src/components/page/config/account.vue @@ -2,69 +2,81 @@ .account { height: 100%; } - .top-tools .top-tool-btn-txt .nz-icon{ + + .top-tools .top-tool-btn-txt .nz-icon { display: inline-block; font-size: 12px; - margin-right:6px; + margin-right: 6px; }