diff --git a/src/assets/css/index.css b/src/assets/css/index.css index 6772c5e1d72ef52c3e6e90ace81f1b3c033ee13b..53fdf6377765456f558e83e8b95cbe1e063f52f3 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -1,69 +1,69 @@ -[v-cloak]{ - display: none -} +[v-cloak] { + display: none; +} /* 新增按钮颜色 */ -.form-group .el-button--primary{ - background-color: #264dd9!important; - border-color: #264dd9!important; +.form-group .el-button--primary { + background-color: #264dd9 !important; + border-color: #264dd9 !important; } /* 返回按钮颜色 */ -.from_return>.el-button--primary{ - background-color: #edf0ff!important; - border-color: #edf0ff!important; - color:#264dd9!important; +.from_return > .el-button--primary { + background-color: #edf0ff !important; + border-color: #edf0ff !important; + color: #264dd9 !important; } /* 取消按钮颜色 */ -.form_c{ - background-color: #dde4ff!important; - border-color: #dde4ff!important; - color:#264dd9!important ; +.form_c { + background-color: #dde4ff !important; + border-color: #dde4ff !important; + color: #264dd9 !important ; } /* 确定按钮颜色 */ -.form_t{ - background-color: #264dd9!important; - border-color: #264dd9!important; - color:#f4f7fc!important ; +.form_t { + background-color: #264dd9 !important; + border-color: #264dd9 !important; + color: #f4f7fc !important ; } /* 搜索框颜色 */ -.form-group .el-input__inner{ - border-radius: 28px!important; - border: 1px solid #bcc1d0!important; - background: #f4f7fc!important; - color: #8890a7!important; -} -.drawer_return .el-input__inner{ - border-radius: 28px!important; - border: 1px solid #bcc1d0!important; - background: #f4f7fc!important; - color: #8890a7!important; +.form-group .el-input__inner { + border-radius: 28px !important; + border: 1px solid #bcc1d0 !important; + background: #f4f7fc !important; + color: #8890a7 !important; +} +.drawer_return .el-input__inner { + border-radius: 28px !important; + border: 1px solid #bcc1d0 !important; + background: #f4f7fc !important; + color: #8890a7 !important; } /* 多行文本框样式 */ -.jbxx_desc textarea{ - height: 150px!important; - border-radius: 8px!important; - border-color: #bcc1d0!important; - outline: none!important; - resize: none!important; +.jbxx_desc textarea { + height: 150px !important; + border-radius: 8px !important; + border-color: #bcc1d0 !important; + outline: none !important; + resize: none !important; } /* 面包屑文字大小 */ -.el-breadcrumb{ +.el-breadcrumb { font-size: 14px; color: #898d9e; } /* 编辑颜色*/ -.primary-edit{ +.primary-edit { color: #264dd9; cursor: pointer; } /* 删除颜色 */ -.primary-del{ +.primary-del { color: #264dd9; cursor: pointer; } -.space_bet{} +.space_bet { +} /* reset */ html { - } body { margin: 0; @@ -87,7 +87,7 @@ h5 { font-weight: normal; } -div{ +div { box-sizing: border-box; } /* reset end */ @@ -141,7 +141,7 @@ div{ } .ss_card > .sc_right_container > .sc_info { display: flex; - justify-content: space-between; + justify-content: space-between; } .form-group { padding: 20px 20px 15px; @@ -152,56 +152,66 @@ div{ padding: 0 20px; } /* 设置抽屉的样式 */ -.el-drawer__header{ - display: none; +.el-drawer__header { + display: none; } -.from_return{ - text-align: center; - padding: 18px 20px 10px; - border-bottom: 1px solid #edf0ff; - position: relative; +.from_return { + text-align: center; + padding: 18px 20px 10px; + border-bottom: 1px solid #edf0ff; + position: relative; } -.from_return>.el-button--primary{ +.from_return > .el-button--primary { position: absolute; top: 15px; left: 20px; } -.from_return>span{ - color:#1a2236; +.from_return > span { + color: #1a2236; font-size: 16px; } -.demo-drawer__content .el-form-item__label{ +.demo-drawer__content .el-form-item__label { color: #242c43; } -.demo-drawer__content .el-input__inner{ +.demo-drawer__content .el-input__inner { border: 1px solid #bcc1d0; border-radius: 17px; color: #58617a; background: #fff; } -.demo-drawer__footer{ +.demo-drawer__footer { text-align: right; padding-right: 40px; margin-top: 40px; } -.el-form-item__error{ - font-size:11px; +.el-form-item__error { + font-size: 11px; } /* 设置提示弹窗的样式 */ -.el-dialog{ +.el-dialog { border-radius: 10px; } .el-dialog__header { border-bottom: 1px solid #edf0ff; } -.el-dialog__title{ +.el-dialog__title { font-size: 16px; font-weight: 700; color: #1d1e20; - border-left: 4px solid #0367f6; padding-left: 8px; + position: relative; } -.el-dialog__body{ +.el-dialog__title::before { + content: ""; + position: absolute; + width: 4px; + height: 16px; + border-radius: 2px; + background-color: #515fe7; + left: 0; + top: 2px; +} +.el-dialog__body { font-size: 18px; color: #242c43; text-align: center; @@ -213,23 +223,22 @@ div{ .el-tabs__item { font-size: 16px; color: #8890a7; - line-height: 24px!important; + line-height: 24px !important; } .el-tabs__nav-scroll .el-tabs__item { - line-height: 40px!important; + line-height: 40px !important; } .el-tabs__item:hover { color: #687087; - } .el-tabs__item.is-active { color: #e56600 !important; } -.el-tabs__active-bar{ +.el-tabs__active-bar { height: 3px; - background-color:#e56600 !important; + background-color: #e56600 !important; } -.el-tabs__nav-wrap::after{ +.el-tabs__nav-wrap::after { height: 1px; background-color: #edf0ff; } @@ -277,51 +286,54 @@ border-radius:8px; } */ /* 左右布局 */ .flex { -height: 100%; -display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ -display: -moz-box; /* Firefox 17- */ -display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ -display: -moz-flex; /* Firefox 18+ */ -display: -ms-flexbox; /* IE 10 */ -display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ + height: 100%; + display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ + display: -moz-box; /* Firefox 17- */ + display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ + display: -moz-flex; /* Firefox 18+ */ + display: -ms-flexbox; /* IE 10 */ + display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ } .flex-left { -width: 178px; -background-color: #1a2236; -height: 100%; + width: 178px; + background-color: #1a2236; + height: 100%; } .flex-right { -padding: 0 20px 20px; -box-sizing: border-box; --webkit-box-flex: auto; --ms-flex: auto; --webkit-flex: auto; -flex: 1; -overflow-y: auto; + padding: 0 20px 20px; + box-sizing: border-box; + -webkit-box-flex: auto; + -ms-flex: auto; + -webkit-flex: auto; + flex: 1; + overflow-y: auto; } -.flex-right-box{ -width: 100%; -height: 100%; -position: relative; +.flex-right-box { + width: 100%; + height: 100%; + position: relative; } -.ces-main{ -position: absolute; -width: 100%; +.ces-main { + position: absolute; + width: 100%; } -.v-modal{ -background: #000a2b!important; +.v-modal { + background: #000a2b !important; } -.drawer600{ -width: 600px!important; +.drawer600 { + width: 600px !important; } -.drawer620{ -width: 620px!important; +.drawer620 { + width: 620px !important; } -.drawer1202{ - width: 1202px!important; +.drawer1202 { + width: 1202px !important; } -.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{ - content:"" +.el-form-item.is-required:not(.is-no-asterisk) + .el-form-item__label-wrap + > .el-form-item__label:before, +.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before { + content: ""; } /* 设置switch的样式 */ .switchStyle1 .el-switch__label { @@ -338,7 +350,7 @@ width: 620px!important; /*关闭时文字位置设置*/ .switchStyle1 .el-switch__label--left { z-index: 1; - left: 28px; + left: 28px; top: 1px; } .switchStyle1 .el-switch__label.is-active { @@ -347,8 +359,8 @@ width: 620px!important; .switchStyle1.el-switch .el-switch__core, .switchStyle1.el-switch .el-switch__label { width: 62px !important; - height: 28px!important; - border-radius: 28px!important; + height: 28px !important; + border-radius: 28px !important; } .switchStyle1 .el-switch__core { background: #f8f9fd !important; @@ -372,7 +384,7 @@ width: 620px!important; right: 0; top: 2.1px; } -.switchStyle1.el-switch.is-checked .el-switch__core::after{ +.switchStyle1.el-switch.is-checked .el-switch__core::after { margin-left: -25px; } .switchStyle1 .el-switch__label * { @@ -412,7 +424,8 @@ width: 620px!important; .el-input__inner { border-radius: 8px; } -.el-input-group__append, .el-input-group__prepend { +.el-input-group__append, +.el-input-group__prepend { border-radius: 8px; } .el-button { @@ -454,10 +467,10 @@ width: 620px!important; .el-scrollbar { border-radius: 8px; } -.el-popper[x-placement^=bottom] .popper__arrow::after { +.el-popper[x-placement^="bottom"] .popper__arrow::after { border-bottom-color: transparent; } -.el-popper[x-placement^=top] .popper__arrow::after { +.el-popper[x-placement^="top"] .popper__arrow::after { border-top-color: transparent; } /* 单选激活样式 */ @@ -465,13 +478,13 @@ width: 620px!important; border-color: #838383; background-color: #fff; } -.el-radio__input.is-checked+.el-radio__label { +.el-radio__input.is-checked + .el-radio__label { color: #1a2236; font-weight: 700; } .el-radio__inner::after { width: 8px; - height: 8px; + height: 8px; } .el-radio__input.is-checked .el-radio__inner::after { background-color: #e56600; @@ -508,7 +521,6 @@ width: 620px!important; margin: 0 auto; } - /* common */ .apass_breadcrumb > .el-breadcrumb { padding: 15px 0; @@ -519,7 +531,10 @@ width: 620px!important; color: #898d9e; line-height: 23px; } -.apass_breadcrumb > .el-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner { +.apass_breadcrumb + > .el-breadcrumb + .el-breadcrumb__item:last-child + .el-breadcrumb__inner { color: #242c43; font-weight: normal; } @@ -527,7 +542,7 @@ width: 620px!important; min-width: 90px; color: #0f2683; } -.apaas_button .el-button--mini, +.apaas_button .el-button--mini, .apaas_button .el-button--mini.is-round { padding: 10px 15px; } @@ -546,8 +561,8 @@ width: 620px!important; background-color: #e15260; border-color: #e15260; } -.apaas_button .el-button.is-disabled, -.apaas_button .el-button.is-disabled:focus, +.apaas_button .el-button.is-disabled, +.apaas_button .el-button.is-disabled:focus, .apaas_button .el-button.is-disabled:hover { cursor: not-allowed; } @@ -564,11 +579,11 @@ width: 620px!important; .apaas_button .el-button.is-disabled, .apaas_button .el-button.is-disabled:focus, .apaas_button .el-button.is-disabled:hover { - color: #C0C4CC; + color: #c0c4cc; cursor: not-allowed; background-image: none; - background-color: #FFF; - border-color: #EBEEF5; + background-color: #fff; + border-color: #ebeef5; } .apass_table .el-table th > .cell { @@ -831,4 +846,10 @@ width: 620px!important; .meassage_detail_dialog .detail_item .full_content .item_content { margin: 0; } -/* 详情页公共样式 by xuyiming ~~~end */ \ No newline at end of file +.no_wrap .apass_table td .cell { + overflow: hidden; + text-overflow: ellipsis; + word-break: break-all; + white-space: nowrap; +} +/* 详情页公共样式 by xuyiming ~~~end */ diff --git a/src/assets/i18n/language-zh.js b/src/assets/i18n/language-zh.js index f368162f74ac353b52e4a6b10b5415724f8c5855..119319edee7c117dc1a9c93c943ed4dc74d90ccc 100644 --- a/src/assets/i18n/language-zh.js +++ b/src/assets/i18n/language-zh.js @@ -22,9 +22,9 @@ export const lang = { cloud_resources_detail: "云资源详情", // data analysis - data_analysis: "数据分析中心", - my_service_data_analysis: "我的服务数据分析", - my_application_data_analysis: "我的应用数据分析", + data_analysis: "运营管控中心", + my_service_data_analysis: "服务分析", + my_application_data_analysis: "应用分析", // message message: "消息与推送管理", @@ -33,4 +33,13 @@ export const lang = { message_alert: "消息提醒管理", banner: "banner管理", message_template: "消息模板管理", + + //online component tool + online_component_tool: "在线组件中心", + process_design: "流程设计", + process_management: "流程管理", + new: "新建", + + // technical-support + technical_support: "技术支持" } \ No newline at end of file diff --git a/src/assets/imgs/img_default_jszc.png b/src/assets/imgs/img_default_jszc.png new file mode 100644 index 0000000000000000000000000000000000000000..f0629854c0cf9c1dbd80016229183aed58d05ea4 Binary files /dev/null and b/src/assets/imgs/img_default_jszc.png differ diff --git a/src/assets/imgs/img_head.png b/src/assets/imgs/img_head.png index df8e3e35771c570a1e1df076bb36f02a6654ee0f..801b461b0f444967d8b1e0b45e7a3a7e64d5ae4f 100644 Binary files a/src/assets/imgs/img_head.png and b/src/assets/imgs/img_head.png differ diff --git a/src/components/apass-table.vue b/src/components/apass-table.vue index cfdbada9632e2539c180cf222080ae5ba3fdd3c6..a0c08a18e653a4d6c8163f582cc22cd166efb2b2 100644 --- a/src/components/apass-table.vue +++ b/src/components/apass-table.vue @@ -338,16 +338,24 @@ export default { _self.moreActionList = []; _self.showMoreActionList = true; - _self.moreActionList = moreActionList.map((item) => ({ - id: row.id, - label: item.label, - callback() { - _self.showMoreActionList = false; - _self.moreActionList = []; + _self.moreActionList = moreActionList + .filter((item) => { + if (item.showRule) { + return item.showRule(row); + } else { + return true; + } + }) + .map((item) => ({ + id: row.id, + label: item.label, + callback() { + _self.showMoreActionList = false; + _self.moreActionList = []; - item.callback && item.callback(row); - }, - })); + item.callback && item.callback(row); + }, + })); _self.$nextTick(() => { let targetInfo = $event.target.getBoundingClientRect(); @@ -499,10 +507,11 @@ export default { .more_action_list > li:first-child::before { content: ""; position: absolute; - top: -14px; - right: calc(50% - 14px); - width: 28px; - height: 14px; + top: -20px; + right: calc(50% - 20px); + width: 40px; + height: 20px; + /* background-color: red; */ } .more_action_list > li:first-child::after { content: ""; diff --git a/src/components/app-build-steps/app-build-step.vue b/src/components/app-build-steps/app-build-step.vue index 51422948d78d09353e79c38505a5f577d93b3a11..b7cf24895b9856db9eac2a8bad97097d44845317 100644 --- a/src/components/app-build-steps/app-build-step.vue +++ b/src/components/app-build-steps/app-build-step.vue @@ -20,6 +20,10 @@ export default { type: String, default: () => "", }, + stepTitle: { + type: String, + default: "", + }, }, data: () => ({}), computed: { diff --git a/src/components/app-build-steps/app-build-steps.vue b/src/components/app-build-steps/app-build-steps.vue index 3568024c09bb5a92c8629ede0a38ec3734c04da2..3c7340cd878c93537be5fe04d379957afa1f8c88 100644 --- a/src/components/app-build-steps/app-build-steps.vue +++ b/src/components/app-build-steps/app-build-steps.vue @@ -25,7 +25,12 @@
+
+ + {{ item.stepTitle }} + +
+已完成 diff --git a/src/components/comments-list.vue b/src/components/comments-list.vue index fd41b14a2da50e18d9e7e024120a633ab56762c6..f806f6f830fb6e52c5745ef120a2d18733332fba 100644 --- a/src/components/comments-list.vue +++ b/src/components/comments-list.vue @@ -6,7 +6,7 @@ :key="'comment_' + index" >
diff --git a/src/components/e-charts/histogramScroll.vue b/src/components/e-charts/histogramScroll.vue
index df6c975680a4b75a5718529d4511b0c217161a55..572f7cd42150dbf0e7939e202814fa16ced9fb9b 100644
--- a/src/components/e-charts/histogramScroll.vue
+++ b/src/components/e-charts/histogramScroll.vue
@@ -59,11 +59,21 @@ export default {
{
type: "category",
axisLabel: {
+ interval: 0,
textStyle: {
color: "#0d1847",
fontSize: 12,
lineHeight: 20,
},
+ formatter(value) {
+ let valueTxt = "";
+ if (value.length > 7) {
+ valueTxt = value.substring(0, 7 - 1) + "...";
+ } else {
+ valueTxt = value;
+ }
+ return valueTxt;
+ },
},
axisTick: {
show: false,
diff --git a/src/components/e-charts/multiple_circle.vue b/src/components/e-charts/multiple_circle.vue
index 0cc073a3f9a5928470027f83a4a51fc5da729322..9cc2f4597a8cb45bdd2426d3dc3ad876b6e5d9c5 100644
--- a/src/components/e-charts/multiple_circle.vue
+++ b/src/components/e-charts/multiple_circle.vue
@@ -32,6 +32,10 @@ export default {
isPercent: {
type: Boolean,
default: true
+ },
+ color: {
+ type: Array,
+ default: null
}
},
components: {},
diff --git a/src/components/e-charts/process-top-list.vue b/src/components/e-charts/process-top-list.vue
new file mode 100644
index 0000000000000000000000000000000000000000..2b2c3d7ba899b5ee9a32b27e0e9ce222cfb4c85e
--- /dev/null
+++ b/src/components/e-charts/process-top-list.vue
@@ -0,0 +1,174 @@
+
+
+
+ {{ option.service_name }}
+
+
+
+
+
当前实例数:{{ meta.running_nodes || 0 }}
+当前超时比率:{{ (meta.cur_timeout_rate || 0) * 100 }}%
+总超时比率:{{ (meta.total_timeout_rate || 0) * 100 }}%
+节点平均耗时:{{ meta.avg_elapsed_time || 0 }}分钟
+节点最大耗时:{{ meta.max_elapsed_time || 0 }}分钟
+节点插件:
+在线组件工具 / 流程设计 / 流程管理 / 详情
流程实例总数
-2,980万
+{{all_count.total_instances>=10000?all_count.total_instances/10000:all_count.total_instances}}万
流程平均耗时
-35min
+{{all_count.avg_time}}min
流程超时率
-5%
+{{all_count.timeout_rate}}%
在线组件工具 / 流程设计 / 流程监控
+流程总数 35
+流程实例总数 2,380
+流程名称:
+工作区域:
+流程描述:
+流程名称:
+工作区域:
+流程描述:
+保存成功
+可返回流程管理列表查看该流程,并进行流程的部署和发布。
+我的服务 / 申请的服务 / 服务详情
-我的服务 / 申请的服务 / 服务详情
+- 我的服务 / {{now_user==0||now_user==4?'注册发布的服务':now_user==1?'组织服务管理':'平台服务管理'}} / + 我的服务 / + {{ + now_user == 0 || now_user == 4 + ? "注册发布的服务" + : now_user == 1 + ? "组织服务管理" + : "平台服务管理" + }} + / 服务详情
+ 流程服务接口说明见文档中心流程服务接口文档 +
- 服务运行概况 -
+服务运行概况
{{ yx_state.state }}
+ > + {{ yx_state.state }} +{{ yx_state.memory }}
- 服务调用列表 -
-服务调用列表
+服务规格:
-购买方式:
{{ - buy_type == 1 - ? "按月购买" - : buy_type == 2 - ? "按年购买" - : "按月购买&按年购买" + buy_type == 1 + ? "按月购买" + : buy_type == 2 + ? "按年购买" + : "按月购买&按年购买" }}
-规格设置:
++ 规格设置: +
购买方式:
++ 购买方式: +