# code-review-agent **Repository Path**: zoofox/code-review-agent ## Basic Information - **Project Name**: code-review-agent - **Description**: 基于koa实现ai代码评审agent - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-08-26 - **Last Updated**: 2026-02-09 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ### Docker 部署 # redis docker run -d --name redis-cocainfer-codeagent \ --restart=always \ -p 16379:16379 \ -v /Users/xielei/Documents/src/redis/conf/redis.conf:/etc/redis/redis.conf:ro \ -v /Users/xielei/Documents/src/redis/data:/data \ redis:latest \ redis-server /etc/redis/redis.conf docker run -d --name redis-cocainfer-codeagent \ --restart=always \ -p 16379:16379 \ -v /root/xl/redis/conf/redis.conf:/etc/redis/redis.conf:ro \ -v /root/xl/redis/data:/data \ redis:latest \ redis-server /etc/redis/redis.conf ```sh # 构建镜像 docker build -t code-review-agent:latest . # 运行容器 docker run -d \ -p 3000:3000 \ -e OPENAI_API_KEY=your_key \ --name code-review-agent \ code-review-agent:latest # 使用docker-compose docker-compose up -d ``` ### 生产环境部署 ```sh # 推送到私有仓库 docker tag code-review-agent:latest your-registry.com/code-review-agent:latest docker push your-registry.com/code-review-agent:latest # 在服务器上运行 docker run -d \ --restart=always \ -p 80:3000 \ -e OPENAI_API_KEY=${OPENAI_API_KEY} \ your-registry.com/code-review-agent:latest ``` ### redis ```sh docker exec -it 091e34a65036 redis-cli -p 16379 -a '~gZ80Gze' keys fc* ``` ### 测试 ```sh curl -X POST http://localhost:3000/api/v1/review \ -H "Content-Type: application/json" \ -d '{ "mrInfo": { "id": "123456", "title": "fix: 修复用户注册时密码未加密的问题", "description": "用户注册时密码未加密，直接存入了数据库。", "author": "developer@example.com", "branchBase": "main", "branchHead": "feature/encrypt-password" }, "files": [ { "meta_a": { "name": "console/src/assets/js/request.js", "content_type": "text/javascript", "lines": 57, "web_links": [ { "name": "gitweb", "url": "/gitweb?p\u003dBCEC%2Fbcec_web_AiLab_hai.git;hb\u003df21331c2b81b04f986ae78ebf7bd7fc2d51b1495;f\u003dconsole%2Fsrc%2Fassets%2Fjs%2Frequest.js" } ] }, "meta_b": { "name": "console/src/assets/js/request.js", "content_type": "text/javascript", "lines": 61, "web_links": [ { "name": "gitweb", "url": "/gitweb?p\u003dBCEC%2Fbcec_web_AiLab_hai.git;hb\u003drefs%2Fchanges%2F20%2F5821520%2F1;f\u003dconsole%2Fsrc%2Fassets%2Fjs%2Frequest.js" } ] }, "intraline_status": "OK", "change_type": "MODIFIED", "diff_header": [ "diff --git a/console/src/assets/js/request.js b/console/src/assets/js/request.js", "index ff7f3c6..14b3f6a 100644", "--- a/console/src/assets/js/request.js", "+++ b/console/src/assets/js/request.js" ], "content": [ { "ab": [ "import axios from \u0027axios\u0027", "import qs from \u0027qs\u0027", "const axiosCustom \u003d axios.create({", " baseURL: \u0027\u0027,", " withCredentials: true,", " crossDomain: true", "})", "", "export const request \u003d (url, method \u003d \u0027get\u0027, params \u003d {}, config \u003d {}, autoRes \u003d true) \u003d\u003e {" ] }, { "b": [ " url \u003d", " location.origin.includes(\u0027localhost\u0027) \u0026\u0026 !url.includes(\u0027ecloud.10086.cn\u0027)", " ? \u0027https://ecloud.10086.cn:31015\u0027 + url", " : url" ] }, { "ab": [ " let obj \u003d { url, method, params }", " if (method.toLocaleLowerCase() \u003d\u003d\u003d \u0027get\u0027) {" ] }, { "a": [ " obj.paramsSerializer \u003d function(params) {" ], "b": [ " obj.paramsSerializer \u003d function (params) {" ], "edit_a": [], "edit_b": [ [ 35, 1 ] ] }, { "ab": [ " return qs.stringify(params, { arrayFormat: \u0027repeat\u0027 })", " }", " }", " if ([\u0027post\u0027, \u0027put\u0027, \u0027patch\u0027].includes(method.toLocaleLowerCase())) {", " obj \u003d { url, method, data: params }", " }", " const args \u003d Object.assign(obj, config)", " if (![\u0027put\u0027, \u0027post\u0027, \u0027patch\u0027, \u0027get\u0027, \u0027delete\u0027].includes(args.method.toLowerCase())) {", " args[\u0027params\u0027] \u003d args[\u0027params\u0027] || args[\u0027data\u0027]", " args[\u0027paramsSerializer\u0027] \u003d", " args[\u0027paramsSerializer\u0027] ||" ] }, { "a": [ " function(params) {" ], "b": [ " function (params) {" ], "edit_a": [], "edit_b": [ [ 14, 1 ] ] }, { "ab": [ " return qs.stringify(params, { arrayFormat: \u0027indices\u0027 })", " }", " }", " return axiosCustom(args).then(", " res \u003d\u003e {", " // 登录失效", " if (res.data \u0026\u0026 typeof res.data !\u003d\u003d \u0027object\u0027) {", " let domain \u003d window.location.origin", " const url \u003d `${domain}/op-login-static/login/user?service\u003d${encodeURIComponent(", " window.location.href", " )}`", " window.location.href \u003d url", " }", " return autoRes ? res.data : res", " },", " error \u003d\u003e {", " return Promise.reject(error)", " }", " )", "}", "", "export const queryParams \u003d (obj, prefix \u003d \u0027\u0027) \u003d\u003e {", " const queryString \u003d Object.entries(obj)", " .map(([key, value]) \u003d\u003e {", " // 处理嵌套对象或数组", " const fullKey \u003d prefix ? `${prefix}[${key}]` : key", " return `${encodeURIComponent(fullKey)}\u003d${encodeURIComponent(value)}`", " })", " .join(\u0027\u0026\u0027)", "", " return queryString", "}", "" ] } ] }, { "meta_a": { "name": "console/src/assets/scss/ESafeboxStyle.scss", "content_type": "text/x-scss", "lines": 1656, "web_links": [ { "name": "gitweb", "url": "/gitweb?p\u003dBCEC%2Fbcec_web_AiLab_hai.git;hb\u003df21331c2b81b04f986ae78ebf7bd7fc2d51b1495;f\u003dconsole%2Fsrc%2Fassets%2Fscss%2FESafeboxStyle.scss" } ] }, "meta_b": { "name": "console/src/assets/scss/ESafeboxStyle.scss", "content_type": "text/x-scss", "lines": 1662, "web_links": [ { "name": "gitweb", "url": "/gitweb?p\u003dBCEC%2Fbcec_web_AiLab_hai.git;hb\u003drefs%2Fchanges%2F20%2F5821520%2F1;f\u003dconsole%2Fsrc%2Fassets%2Fscss%2FESafeboxStyle.scss" } ] }, "intraline_status": "OK", "change_type": "MODIFIED", "diff_header": [ "diff --git a/console/src/assets/scss/ESafeboxStyle.scss b/console/src/assets/scss/ESafeboxStyle.scss", "index 752f4c2..7eff182 100644", "--- a/console/src/assets/scss/ESafeboxStyle.scss", "+++ b/console/src/assets/scss/ESafeboxStyle.scss" ], "content": [ { "ab": [ "@use \u0027basicColor\u0027 as bc;", "//menu", ".el-menu {", " font-family: MicrosoftYaHei;", " background: bc.$bgWhiteColor;", " text-align: left;", " border-right: none;", "}", ".el-menu-item-group__title {", " height: 60px;", " line-height: 60px;", " font-size: 14px;", " font-weight: 400;", " color: rgb(31, 31, 33);", " padding: 0;", "}", "li.el-menu-item {", " font-size: 12px;", " height: 40px;", " line-height: 40px;", " padding: 0 8px !important;", " color: rgb(31, 31, 33);", " margin-bottom: 5px;", " .svg-icon {", " display: block;", " }", " .active-icon {", " display: none;", " }", "}", "li.el-menu-item.is-active {", " color: #1a6aff;", " background: #fff;", " border-radius: 4px;", " .svg-icon {", " display: none;", " }", " .active-icon {", " display: block;", " }", "}", ".el-submenu__title:hover,", ".el-menu-item:focus,", ".el-menu-item:hover {", " color: #337dff;", " background-color: #fff;", " border-radius: 4px;", "}", ".el-submenu__title {", " height: 40px;", " line-height: 40px;", " font-size: 12px;", " padding-right: 6px;", "}", ".el-submenu__icon-arrow {", " right: 2px;", "}", ".menu-link {", " .el-submenu__icon-arrow {", " right: 12px;", " }", " .el-icon-arrow-down:before {", " color: #031129;", " font-family: \u0027eicon\u0027 !important;", " font-size: 8px;", " font-style: normal;", " -webkit-font-smoothing: antialiased;", " content: \u0027\\e605\u0027;", " }", "}", ".menu-product {", " .el-icon-arrow-down:before {", " font-family: \u0027eicon\u0027 !important;", " font-size: 16px;", " font-style: normal;", " -webkit-font-smoothing: antialiased;", " content: \u0027\\e606\u0027;", " color: #031129;", " }", "}", ".menu-link.is-opened \u003e .el-submenu__title .el-submenu__icon-arrow {", " transform: rotateZ(0) !important;", "}", ".el-submenu .el-menu-item-group__title {", " display: none;", "}", ".small-menu-link .el-submenu__title {", " padding-left: 30px !important;", "}", "//选择器样式", ".el-input__inner {", " font-family: PingFangSC-Regular;", " color: #333333;", " padding: 0 10px;", " border-radius: 4px;", " font-size: 12px;", " letter-spacing: 0;", " text-align: justify;", " border: 1px solid #d9d9d9;", " \u0026:hover {", " border: 1px solid #d9d9d9;", " }", " \u0026:focus,", " \u0026:active {", " border: 1px solid #337dff;", " color: #333333;", " }", "}", ".el-input__inner::-webkit-input-placeholder {", " color: #bbbbbb;", "}", ".el-input__inner::-ms-input-placeholder {", " color: #bbbbbb;", "}", ".el-input__inner::placeholder {", " color: #bbbbbb;", " font-size: 12px;", "}", "//选择器下拉选项样式", ".el-select {", " .el-input__inner:hover {", " border: 1px solid #d9d9d9;", " }", "}", ".el-select-dropdown {", " border-radius: 2px;", " box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);", " .el-select-dropdown__item {", " font-size: 12px;", " padding: 0 10px;", " height: 32px;", " line-height: 32px;", " color: #333333;", " \u0026.selected {", " font-weight: normal;", " background-color: #f5f8ff;", " color: bc.$primaryColor !important;", " }", " \u0026:hover {", " background-color: #f5f8ff;", " }", " \u0026.hover {", " background-color: #f5f8ff;", " }", " }", "}", ".el-select-dropdown .el-select-dropdown__item.selected {", " background: bc.$bgWhiteColor;", "}", ".el-select .el-input.is-disabled .el-input__inner {", " background: #f5f5f5;", " border: 1px solid #d9d9d9;", " font-family: PingFangSC-Regular;", " font-size: 12px;", " color: #bbbbbb;", "}", "", "//搜索框样式", ".el-input-group {", " width: 235px;", " .el-input__inner {", " width: 200px;", " border-radius: 2px 0 0 2px;", " padding: 0 10px;", " }", " .el-input-group__append {", " border-radius: 0 2px 2px 0;", " }", "}", ".el-input--small {", " font-size: 12px;", "}", ".el-input-group__append {", " border-radius: 0 2px 2px 0;", " .el-button {", " width: 36px;", " height: 32px;", " }", " .btnOn {", " background-color: bc.$primaryColor;", " border: 1px solid bc.$primaryColor;", " }", " .btnOff {", " background-color: #f5f7fa;", " border: 1px solid #f5f7fa;", " }", "}", "", "//日期选择样式", ".el-date-editor--daterange.el-input__inner {", " width: 400px;", "}", ".el-date-editor {", " .el-range__icon {", " font-size: 12px;", " position: absolute;", " right: 9px;", " bottom: 0px;", " top: 2px;", " }", " .el-range__close-icon {", " font-size: 14px;", " position: absolute;", " right: 9px;", " bottom: 0px;", " top: 2.2px;", " cursor: pointer;", " }", " .el-range-input {", " width: 40%;", " font-size: 12px;", " color: #333333;", " }", "}", ".el-range-editor--small .el-range-separator {", " font-size: 12px;", "}", "", ".el-date-range-picker__content {", " padding: 0 21px 9px 21px;", "}", ".el-date-range-picker__content .el-date-range-picker__header div {", " font-size: 12px;", "}", ".el-picker-panel {", " color: #666666;", " //max-width: 512px;", "}", ".el-date-table th {", " color: #666666;", " font-weight: normal;", "}", ".el-date-table td div {", " padding: 0;", " height: 24px;", "}", "", ".el-date-table td.today span {", " color: #337dff;", " opacity: 0.8;", " border: 1px solid #337dff;", " border-radius: 2px;", " box-sizing: border-box;", "}", ".el-date-table td.end-date span,", ".el-date-table td.start-date span {", " background: #337dff;", " border-radius: 2px;", "}", ".el-date-table td.start-date div {", " margin-left: 34px;", " border-top-left-radius: 2px;", " border-bottom-left-radius: 2px;", "}", ".el-date-table td.end-date div {", " margin-right: 34px;", " border-top-right-radius: 2px;", " border-bottom-right-radius: 2px;", "}", ".el-date-table td.next-month div,", ".el-date-table td.prev-month div {", " background: #f9f9f9;", " border-radius: 0;", "}", "", "//开关按钮样式", ".changeState .el-switch__label {", " position: absolute;", " display: none;", " color: bc.$bgWhiteColor;", "}", "//开启时文字位置设置", ".changeState .el-switch__label--right {", " z-index: 1;", " left: 10px;", " margin-left: 0;", "}", ".changeState .el-switch__label--right \u003e span {", " font-size: 12px;", " color: #ffffff;", " letter-spacing: 0;", "}", "//关闭时文字位置设置", ".changeState .el-switch__label--left {", " z-index: 1;", " right: -25px;", " margin-right: 0;", "}", ".changeState .el-switch__label--left \u003e span {", " font-size: 12px;", " color: #333333;", " letter-spacing: 0;", "}", "//显示文字", ".changeState .el-switch__label.is-active {", " display: block;", "}", "@media screen\\0 {", " //单独兼容ie浏览器 支持ie8 以上", " .changeState .el-switch__label.is-active {", " display: block;", " margin-top: -6px;", " line-height: 0;", " }", "}", ".changeState.el-switch .el-switch__core,", ".el-switch .el-switch__label {", " width: 59px !important;", " height: 22px !important;", "}", ".el-switch__core::after {", " width: 18px;", " height: 18px;", "}", ".el-switch.is-checked .el-switch__core::after {", " left: 100%;", " margin-left: -18px;", "}", "", "//穿梭框样式不带搜索", ".transfer {", " /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/", " ::-webkit-scrollbar {", " width: 6px; /*滚动条宽度*/", " height: 218px; /*滚动条高度*/", " background-color: #f8f9f9;", " }", " /*定义滑块 内阴影+圆角*/", " ::-webkit-scrollbar-thumb {", " box-shadow: inset 0 0 6px #e5e5e5;", " border-radius: 6px;", " height: 59px;", " background-color: #e5e5e5; /*滚动条的背景颜色*/", " }", " .el-transfer-panel {", " border: 1px solid #d9d9d9;", " border-radius: 2px;", " background: bc.$bgWhiteColor;", " max-height: 256px;", " .el-transfer-panel__empty {", " font-size: 12px;", " color: #bbbbbb;", " letter-spacing: -0.11px;", " }", " .el-transfer-panel__header {", " height: 32px;", " line-height: 32px;", " background: bc.$bgWhiteColor;", " padding-left: 10px;", " .el-checkbox {", " line-height: 32px;", " .el-checkbox__label {", " font-size: 12px;", " font-weight: normal;", " letter-spacing: -0.11px;", " }", " }", " .el-checkbox__inner {", " border-radius: 0px;", " // \u0026::after {", " // }", " // \u0026::before {", " // }", " }", " }", " .el-transfer-panel__body {", " .el-checkbox {", " color: #333333;", " margin-right: 0px;", " }", " .el-transfer-panel__list {", " padding: 0px 0;", " }", " .el-transfer-panel__item {", " height: 32px;", " line-height: 32px;", " padding-left: 10px;", " display: block;", "", " .el-checkbox__inner {", " border-radius: 0px;", " }", " .el-checkbox__label {", " font-size: 12px;", " }", " \u0026:hover {", " color: #333333;", " background: #f5f8ff;", " }", " .el-checkbox__input.is-checked + .el-checkbox__label {", " color: #333333;", " }", " }", " }", " }", " .el-transfer__buttons {", " padding: 0 16px;", " .el-transfer__button {", " width: 32px;", " height: 32px;", " border-radius: 3px;", " font-size: 0;", " \u0026:first-child {", " margin-bottom: 14px;", " }", " }", " .el-transfer__button.is-disabled,", " .el-transfer__button.is-disabled:hover {", " border: 1px solid #d9d9d9;", " background-color: #f5f5f5;", " color: #cccccc;", " }", " }", " .el-icon-arrow-right:before {", " margin-left: -7px;", " font-size: 16px;", " line-height: 10px;", " }", " .el-icon-arrow-left:before {", " margin-left: -7px;", " font-size: 16px;", " line-height: 10px;", " }", "}", "", "//穿梭框样式带搜索", ".transferSearch {", " /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/", " ::-webkit-scrollbar {", " width: 6px; /*滚动条宽度*/", " height: 163px; /*滚动条高度*/", " background-color: #f8f9f9;", " }", " /*定义滑块 内阴影+圆角*/", " ::-webkit-scrollbar-thumb {", " box-shadow: inset 0 0 6px #e5e5e5;", " border-radius: 6px;", " height: 52px;", " background-color: #e5e5e5; /*滚动条的背景颜色*/", " }", " .el-transfer-panel {", " border: 1px solid #d9d9d9;", " border-radius: 2px;", " background: bc.$bgWhiteColor;", " max-height: 256px;", " .el-transfer-panel__empty {", " font-size: 12px;", " color: #bbbbbb;", " letter-spacing: -0.11px;", " }", " .el-transfer-panel__header {", " height: 32px;", " line-height: 32px;", " background: bc.$bgWhiteColor;", " padding-left: 10px;", " .el-checkbox {", " line-height: 32px;", " .el-checkbox__label {", " font-size: 12px;", " font-weight: normal;", " letter-spacing: -0.11px;", " }", " }", "", " .el-checkbox__inner {", " border-radius: 0px;", " // \u0026::after {", " // }", " // \u0026::before {", " // }", " }", " }", " .el-transfer-panel__body {", " .el-transfer-panel__filter {", " margin: 10px 10px 10px 10px;", " width: 180px;", " height: 28px;", "", " .el-input__inner {", " border-radius: 2px;", " }", " .el-input__icon {", " margin-left: 0px;", " }", " }", "", " .el-checkbox {", " color: #333333;", " margin-right: 0px;", " }", " .el-transfer-panel__list {", " padding: 0px 0;", " }", " .el-transfer-panel__item {", " height: 32px;", " line-height: 32px;", " padding-left: 10px;", " display: block;", "", " .el-checkbox__inner {", " border-radius: 0px;", " }", " .el-checkbox__label {", " font-size: 12px;", " }", " \u0026:hover {", " color: #333333;", " background: #f5f8ff;", " }", " .el-checkbox__input.is-checked + .el-checkbox__label {", " color: #333333;", " }", " }", " }", " }", " .el-transfer__buttons {", " padding: 0 16px;", " .el-transfer__button {", " width: 32px;", " height: 32px;", " border-radius: 3px;", " font-size: 0;", " \u0026:first-child {", " margin-bottom: 14px;", " }", " }", " .el-transfer__button.is-disabled,", " .el-transfer__button.is-disabled:hover {", " border: 1px solid #d9d9d9;", " background-color: #f5f5f5;", " color: #cccccc;", " }", " }", " .el-icon-arrow-right:before {", " margin-left: -7px;", " font-size: 16px;", " line-height: 10px;", " }", " .el-icon-arrow-left:before {", " margin-left: -7px;", " font-size: 16px;", " line-height: 10px;", " }", "}", "//button", ".el-button--small {", " padding: 9px 15px;", "}", ".el-button {", " font-family: MicrosoftYaHei;", " font-size: 12px;", " border-radius: 4px;", "}", ".el-button--primary {", " color: #ffffff;", " background: #1a6aff;", " border: 1px solid #1a6aff;", "}", ".el-button--primary:hover,", ".el-button--primary:focus {", " background: #4787ff;", " border: 1px solid #4787ff;", "}", ".el-button--primary.is-active,", ".el-button--primary:active {", " background: #1458d7;", " border-color: #1458d7;", "}", ".el-button--primary.is-disabled,", ".el-button--primary.is-disabled:active,", ".el-button--primary.is-disabled:focus,", ".el-button--primary.is-disabled:hover {", " background: #a3c3ff;", " border: 1px solid #a3c3ff;", " cursor: not-allowed;", "}", ".el-button--text {", " background: transparent;", " border-color: transparent;", " color: #1a6aff;", "}", ".el-button--text:hover,", ".el-button--text:focus {", " color: #4787ff;", "}", ".el-button--text.is-active,", ".el-button--text:active {", " color: #1458d7;", "}", ".el-button--text.is-disabled,", ".el-button--text.is-disabled:active,", ".el-button--text.is-disabled:focus,", ".el-button--text.is-disabled:hover {", " color: #a3c3ff;", "}", "", ".el-button--default {", " background: #eff1f7;", " border: 1px solid #eff1f7;", " color: #3e3f43;", "}", ".el-button--default:hover,", ".el-button--default:focus {", " background: #f6f7fb;", " color: #4787ff;", " border: 1px solid #f6f7fb;", "}", ".el-button--default.is-active,", ".el-button--default:active {", " color: #1458d7;", " background: #e8f0ff;", " border: 1px solid #e8f0ff;", "}", ".el-button--default.is-disabled,", ".el-button--default.is-disabled:active,", ".el-button--default.is-disabled:focus,", ".el-button--default.is-disabled:hover {", " background: #f5f5f6;", " border: 1px solid #f5f5f6;", " color: #9d9ea9;", "}", "", ".el-button.is-disabled {", " cursor: not-allowed;", "}", "", "//radio", ".el-radio {", " font-family: PingFangSC-Regular;", " color: #333333;", " font-size: 12px;", "}", ".el-radio__label {", " font-size: 12px;", " padding-left: 10px;", "}", ".el-radio__inner {", " width: 16px;", " height: 16px;", "}", ".el-radio__input.is-checked .el-radio__inner::after {", " -webkit-transform: translate(-50%, -50%) scale(1.5);", " transform: translate(-50%, -50%) scale(1.5);", "}", ".el-radio__input.is-disabled .el-radio__inner,", ".el-radio__input.is-disabled.is-checked .el-radio__inner {", " background-color: #f5f5f5;", " border-color: #d9d9d9;", "}", ".el-radio__input.is-disabled + span.el-radio__label {", " color: #333333;", "}", ".el-radio-button--small .el-radio-button__inner {", " padding: 9px 14px;", "}", ".el-radio-button__inner {", " font-family: PingFangSC-Regular;", " color: #555555;", "}", ".el-radio-button__orig-radio:checked + .el-radio-button__inner {", " color: bc.$primaryColor;", " background: #e1ecff;", "}", ".el-radio-button:first-child .el-radio-button__inner {", " border-radius: 2px 0 0 2px;", "}", ".el-radio-button:last-child .el-radio-button__inner {", " border-radius: 0 2px 2px 0;", "}", "", "//checkbox", ".el-checkbox {", " font-family: PingFangSC-Regular;", " color: #333333;", "}", ".el-checkbox__label {", " font-size: 12px;", "}", ".el-checkbox__input.is-disabled .el-checkbox__inner {", " background: #f5f5f5;", "}", ".el-checkbox__input.is-disabled + span.el-checkbox__label {", " color: #333333;", "}", ".el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {", " background: #d9d9d9;", "}", ".el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {", " border-color: bc.$bgWhiteColor;", "}", ".el-checkbox-button--small .el-checkbox-button__inner {", " padding: 9px 14px;", "}", ".el-checkbox-button__inner {", " font-family: PingFangSC-Regular;", " color: #555555;", " //z-index: 2;", "}", ".el-checkbox-button.is-checked .el-checkbox-button__inner {", " color: bc.$primaryColor;", " background: #e1ecff;", " //z-index: 0;", "}", "// .el-checkbox-button__original {", "// right: 0px;", "// width: 14px;", "// height: 14px;", "// z-index: 1;", "// opacity: 1;", "// }", ".el-checkbox-button:first-child .el-checkbox-button__inner {", " border-radius: 2px 0 0 2px;", "}", ".el-checkbox-button:last-child .el-checkbox-button__inner {", " border-radius: 0 2px 2px 0;", "}", "", "//tab", ".el-tabs__item {", " font-family: PingFangSC-Regular;", " font-size: 14px;", " color: #555555;", " height: 30px;", " line-height: 30px;", "}", ".el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),", ".el-tabs--bottom .el-tabs__item.is-top:nth-child(2),", ".el-tabs--top .el-tabs__item.is-bottom:nth-child(2),", ".el-tabs--top .el-tabs__item.is-top:nth-child(2) {", " padding-left: 20px;", "}", ".el-tabs__nav-wrap::after {", " height: 1px;", " background-color: transparent;", " border-bottom: 1px solid #d9d9d9;", "}", ".el-tabs__active-bar {", " left: -20px;", " padding: 0 20px;", " background-color: transparent;", " border-bottom: 2px solid bc.$primaryColor;", "}", ".el-tabs__item.is-disabled {", " color: #bbbbbb;", "}", ".el-tabs__header {", " margin-bottom: 0px;", "}", "", "//breadcrumb", ".el-breadcrumb {", " display: inline-block;", " line-height: 12px;", "}", ".el-breadcrumb__inner a,", ".el-breadcrumb__inner.is-link {", " font-family: PingFangSC-Regular;", " font-size: 14px;", " color: bc.$primaryColor;", " font-weight: normal;", " \u0026:hover,", " \u0026:focus {", " color: #125de1;", " }", " \u0026.is-active,", " \u0026:active {", " color: #125de1;", " }", "}", ".el-breadcrumb__separator {", " margin: 0 6px;", " font-family: MicrosoftYaHei;", " font-size: 14px;", " color: #999999;", " font-weight: normal;", "}", ".el-breadcrumb__item:last-child .el-breadcrumb__inner,", ".el-breadcrumb__item:last-child .el-breadcrumb__inner a,", ".el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,", ".el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {", " font-family: PingFangSC-Regular;", " font-size: 14px;", " color: #333333;", "}", "", "//table", ".el-table {", " font-family: PingFangSC-Regular;", " font-size: 12px;", " color: #333333;", " border-left: none;", " border-top: none;", " .cell {", " overflow: visible;", " }", " .el-table__header-wrapper th {", " height: 40px;", " background: #f4f5f7;", " font-weight: normal;", " font-family: PingFangSC-Regular;", " font-size: 12px;", " color: #031129;", " padding: 4px 0;", " }", " .el-table__body-wrapper .el-table__row {", " height: 40px;", " }", " .el-button--text {", " font-family: PingFangSC-Regular;", " \u0026:hover,", " \u0026:focus {", " color: #125de1;", " }", " \u0026.is-active,", " \u0026:active {", " color: #125de1;", " }", " }", " .el-button.is-disabled.el-button--text {", " font-family: PingFangSC-Regular;", " color: #bbbbbb;", " \u0026:hover,", " \u0026:focus {", " color: #bbbbbb;", " }", " }", " .el-button--small {", " padding: 4px 0;", " }", " .el-button + .el-button {", " margin-left: 15px;", " }", " .el-checkbox {", " margin: 0 10px;", " }", "}", ".el-table::before {", " height: 0px;", "}", ".el-table--enable-row-hover .el-table__body tr:hover \u003e td {", " background-color: #f5f8ff;", "}", ".el-table--border::after {", " width: 0;", "}", ".el-table--border th {", " border-right: none;", " border-bottom: 1px solid #e9ebef;", "}", ".el-table--border td {", " border-right: none;", " border-bottom: 1px solid #e9ebef;", "}", ".el-table--small th,", ".el-table--small td {", " padding: 0;", "}", ".el-table__empty-block {", " min-height: 40px;", " border-bottom: 1px solid #e9ebef;", "}", ".el-table__empty-text {", " line-height: 0px;", "}", ".el-table th \u003e .cell {", " height: 30px;", " line-height: 30px;", " border-right: 1px solid bc.$bgWhiteColor;", "}", ".el-table td.gutter,", ".el-table th.gutter {", " display: inline-block !important;", "}", ".el-table .el-table__expand-icon .el-icon-arrow-right:before {", " content: \u0027\\e6d9\u0027;", " border: 1px solid #d9d9d9;", " color: #d9d9d9;", "}", ".el-table .el-table__expand-icon .el-icon-arrow-right:hover::before {", " content: \u0027\\e6d9\u0027;", " border: 1px solid #337dff;", " color: #337dff;", "}", ".el-table .el-table__expand-icon--expanded {", " transform: rotate(0);", " .el-icon-arrow-right:before {", " content: \u0027\\e6d8\u0027;", " color: #d9d9d9;", " }", "}", ".el-table .el-table__expand-icon--expanded {", " transform: rotate(0);", " .el-icon-arrow-right:hover::before {", " content: \u0027\\e6d8\u0027;", " border: 1px solid #337dff;", " color: #337dff;", " }", "}", ".el-table .second-th {", " margin: 0 0;", "}", ".el-table .el-table__row--level-0 .second-th {", " margin: 0 -12px;", "}", "//dropdown", ".el-dropdown-link {", " cursor: pointer;", " color: bc.$primaryColor;", " margin-left: 15px;", " font-size: 12px;", " border: none;", " \u0026:hover,", " \u0026:focus {", " color: #125de1;", " }", " \u0026.is-active,", " \u0026:active {", " color: #125de1;", " }", " .el-icon--right {", " margin-left: 0;", " }", "}", ".el-dropdown-menu--small .el-dropdown-menu__item {", " font-family: PingFangSC-Regular;", " font-size: 12px;", " color: #333333;", " line-height: 32px;", " padding: 0 10px;", " \u0026:hover,", " \u0026:focus {", " color: #333333;", " background: #f5f8ff;", " }", " \u0026.is-active,", " \u0026:active {", " color: #333333;", " background: #f5f8ff;", " }", "}", ".el-dropdown-menu--small {", " padding: 4px 0;", "}", ".el-dropdown-menu {", " margin: 0;", " box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);", " border-radius: 2px;", " min-width: 100px;", "}", ".el-popper[x-placement^\u003d\u0027bottom\u0027] .popper__arrow {", " display: none;", "}", ".el-popper[x-placement^\u003d\u0027bottom\u0027] {", " margin-top: 0;", "}", ".el-popper[x-placement^\u003d\u0027top\u0027] .popper__arrow {", " display: none;", "}", ".el-popper[x-placement^\u003d\u0027top\u0027] {", " margin-bottom: 0;", "}", ".el-dropdown-menu__item.is-disabled {", " color: #bbbbbb;", "}", "", "//tag", ".el-tag {", " border-radius: 2px;", " background: #e1ecff;", " // border: 1px solid bc.$primaryColor;", "}", ".el-tag.el-tag--warning {", " background: #fef9ed;", " border: 1px solid #ff931d;", " color: #ff931d;", "}", ".el-tag.el-tag--success {", " background: #edf8e8;", " // border: 1px solid #10c038;", " color: #10c038;", "}", ".el-tag.el-tag--danger {", " background: #fff2f1;", " // border: 1px solid #f04134;", " color: #f04134;", "}", ".el-tag.el-tag--info {", " background: #e9edf2;", " border: 1px solid #75849b;", " color: #75849b;", "}", ".el-tag--small {", " text-align: center;", " min-width: 60px;", " height: 20px;", " padding: 0 8px;", " line-height: 18px;", "}", "", "//pagination", ".el-pagination {", " font-family: PingFangSC-Regular;", " font-size: 12px;", " padding: 0px;", " font-weight: normal;", "}", ".el-pagination button,", ".el-pagination span:not([class*\u003d\u0027suffix\u0027]) {", " font-family: PingFangSC-Regular;", " font-size: 12px;", " color: #333333;", " font-weight: normal;", "}", ".el-pagination.is-background .btn-next,", ".el-pagination.is-background .el-pager li {", " margin: 0;", " background: bc.$bgWhiteColor;", " border-top: 1px solid #d9d9d9;", " border-right: 1px solid #d9d9d9;", " border-bottom: 1px solid #d9d9d9;", " color: #333333;", " border-radius: 0px;", " min-width: 28px;", " min-height: 28px;", " line-height: 26px;", "}", ".el-pagination.is-background .btn-prev {", " margin: 0;", " background: #ffffff;", " border: 1px solid #d9d9d9;", " color: #333333;", " border-radius: 0px;", " min-width: 28px;", " min-height: 28px;", " line-height: 26px;", "}", ".el-pagination.is-background .el-pager li:not(.disabled):hover {", " color: bc.$primaryColor;", " background: bc.$bgWhiteColor;", "}", ".el-pagination.is-background .el-pager li:not(.disabled).active {", " color: bc.$primaryColor;", " background: bc.$bgWhiteColor;", " border: 1px solid bc.$primaryColor;", "}", ".el-pagination.is-background .btn-next.disabled,", ".el-pagination.is-background .btn-next:disabled,", ".el-pagination.is-background .btn-prev.disabled,", ".el-pagination.is-background .btn-prev:disabled,", ".el-pagination.is-background .el-pager li.disabled {", " color: #bbbbbb;", "}", "", "//dialog", ".el-dialog {", " border-radius: 4px;", " box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);", " -webkit-box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);", " .el-form-item__label {", " font-family: PingFangSC-Regular;", " font-size: 12px;", " color: #333333;", " padding-right: 20px;", " }", "}", ".el-dialog__header {", " height: 49px;", " line-height: 49px;", " padding: 0 0 0 20px;", " border-bottom: 1px solid #e9ebef;", "}", ".el-dialog__title {", " font-family: PingFangSC-Regular;", " font-size: 16px;", " color: #031129;", "}", ".el-dialog__headerbtn {", " line-height: 0; //关闭按钮的位置兼容ie浏览器", " .el-dialog__close {", " color: #555555;", " }", "}", ".el-dialog__body {", " padding: 20px 20px 10px 20px;", "}", ".el-dialog__footer {", " height: 59px;", " line-height: 59px;", " padding: 0 20px 0 0;", " border-top: 1px solid #e9ebef;", "}", "", "//form", ".el-form-item__label {", " font-family: PingFangSC-Regular;", " font-size: 12px;", " color: #333333;", " padding-right: 20px;", "}", ".el-form-item--mini.el-form-item,", ".el-form-item--small.el-form-item {", " margin-bottom: 20px;", "}", ".el-form-item.is-success .el-input__inner:hover,", ".el-form-item.is-success .el-textarea__inner:hover {", " border: 1px solid #d9d9d9;", "}", ".el-form-item.is-success .el-input__inner:focus,", ".el-form-item.is-success .el-textarea__inner:focus {", " border: 1px solid bc.$primaryColor;", "}", ".el-form-item.is-required .el-form-item__label:before {", " color: #f04134;", " margin-right: 1px;", "}", ".el-form-item__error {", " font-family: PingFangSC-Regular;", " font-size: 12px;", " color: #f04134;", "}", ".el-form-item.is-error .el-input__inner,", ".el-form-item.is-error .el-input__inner:focus,", ".el-form-item.is-error .el-textarea__inner,", ".el-form-item.is-error .el-textarea__inner:focus {", " border-color: #f04134;", "}", ".el-form-item.is-error.el-form-item--small {", " margin-bottom: 30px !important;", "}", "", ".el-textarea__inner {", " overflow: auto; //兼容ie浏览器 隐藏滚动条", "}", ".el-textarea__inner {", " font-family: PingFangSC-Regular;", " font-size: 12px;", " color: #333333;", " padding: 5px 10px;", " border-radius: 4px;", "}", ".el-textarea__inner::-webkit-input-placeholder,", ".el-textarea__inner::-ms-input-placeholder,", ".el-textarea__inner::placeholder {", " font-family: PingFangSC-Regular;", " font-size: 12px;", " color: #bbbbbb;", "}", "", "//el-input-number", ".el-input-number {", " .el-input--small {", " .el-input__inner {", " text-align: left;", " padding-left: 10px;", " border-radius: 2px;", " \u0026:hover {", " border-color: bc.$primaryColor;", " }", " }", " }", "}", ".el-input-number--small {", " width: 120px;", " .el-input-number__decrease,", " .el-input-number__increase {", " width: 20px;", " }", " \u0026:hover,", " \u0026:focus,", " \u0026:active {", " .el-input-number__decrease,", " .el-input-number__increase {", " visibility: visible;", " }", " }", "}", "", "//el-message-box", ".el-message-box {", " width: 363px;", " box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);", " -webkit-box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);", " border-radius: 4px;", " padding-bottom: 0px;", " .el-button--primary,", " .el-button--primary:focus {", " color: bc.$bgWhiteColor;", " background: #337dff;", " }", " .el-button--primary:hover {", " background: #5392ff;", " border: 1px solid #5392ff;", " }", " .el-button--primary.is-active,", " .el-button--primary:active {", " background: #125de1;", " border-color: #125de1;", " }", "}", ".el-message-box__header {", " display: none;", "}", ".el-message-box__content {", " font-weight: bold;", " font-size: 14px;", " color: #333333;", " margin-top: 30px;", " margin-bottom: 24px;", " padding: 0px 20px 0 20px;", " .el-message-box__status {", " top: 0;", " left: 10px;", " transform: translate(-50%, 0);", " }", " .el-message-box__message {", " padding-right: 0;", " }", "}", ".el-message-box__btns {", " margin-bottom: 20px;", " padding: 5px 20px 0;", "}", "", "//el-message", ".el-message {", " margin-top: 45px;", " min-width: 0;", " padding: 12px 20px;", " border-radius: 4px;", "}", ".el-message--success {", " background-color: #edf8e8;", " border: 1px solid #b9e3c2;", " .el-message__icon {", " color: #67c87d;", " }", " .el-message__content {", " font-family: PingFangSC-Regular;", " font-size: 12px;", " color: #4a4a4a;", " }", "}", ".el-message--warning {", " background-color: #fef9ed;", " border: 1px solid #fddbb9;", " .el-message__icon {", " color: #ff9933;", " }", " .el-message__content {", " font-family: PingFangSC-Regular;", " font-size: 12px;", " color: #4a4a4a;", " }", "}", ".el-message--error {", " background-color: #fff2f1;", " border: 1px solid #ffa29f;", " .el-message__icon {", " color: #ea5200;", " }", " .el-message__content {", " font-family: PingFangSC-Regular;", " font-size: 12px;", " color: #4a4a4a;", " }", "}", "", "//el-tooltip", ".el-tooltip__popper {", " width: auto;", " max-width: 366px;", " border-radius: 4px;", " font-family: PingFangSC-Regular;", " font-size: 12px;", " padding: 8px 10px;", "}", ".el-tooltip__popper.is-dark {", " background: rgba(51, 51, 51, 0.85);", " box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);", " -webkit-box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);", " color: #ffffff;", "}", ".el-tooltip__popper.is-light {", " margin-left: 5px;", " background: bc.$bgWhiteColor;", " box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);", " border: none;", " -webkit-box-shadow: 0 0 10px 0 rgba(153, 153, 153, 0.3);", " color: #333333;", "}", ".el-tooltip__popper[x-placement^\u003d\u0027top\u0027] .popper__arrow:after {", " border-top-color: rgba(153, 153, 153, 0.3);", "}", ".el-tooltip__popper[x-placement^\u003d\u0027left\u0027] .popper__arrow:after {", " border-left-color: rgba(153, 153, 153, 0.3);", "}", ".el-tooltip__popper[x-placement^\u003d\u0027bottom\u0027] .popper__arrow:after {", " border-bottom-color: rgba(153, 153, 153, 0.3);", "}", ".el-tooltip__popper[x-placement^\u003d\u0027right\u0027] .popper__arrow:after {", " border-right-color: rgba(153, 153, 153, 0.3);", "}", ".el-tooltip__popper.is-light[x-placement^\u003d\u0027top\u0027] .popper__arrow,", ".el-tooltip__popper.is-light[x-placement^\u003d\u0027top\u0027] .popper__arrow::after,", ".el-tooltip__popper.is-light[x-placement^\u003d\u0027bottom\u0027] .popper__arrow,", ".el-tooltip__popper.is-light[x-placement^\u003d\u0027bottom\u0027] .popper__arrow::after,", ".el-tooltip__popper.is-light[x-placement^\u003d\u0027left\u0027] .popper__arrow,", ".el-tooltip__popper.is-light[x-placement^\u003d\u0027left\u0027] .popper__arrow::after,", ".el-tooltip__popper.is-light[x-placement^\u003d\u0027right\u0027] .popper__arrow,", ".el-tooltip__popper.is-light[x-placement^\u003d\u0027right\u0027] .popper__arrow::after {", " border-top-color: #fff;", "}", "", "//el-alert", ".el-alert {", " height: 34px;", " line-height: 34px;", " border: 1px solid #79a9ff;", "}", ".el-alert__title {", " font-family: PingFangSC-Regular;", " font-size: 12px;", " font-weight: 400;", " line-height: 17px;", "}", ".el-alert--info.is-light {", " background-color: #e1ecff;", " color: #4a4a4a;", "}", ".e-prompt-face:before {", " color: #337dff;", "}", "", "//弹框蒙层颜色", ".el-dialog__wrapper {", " background: rgba(0, 0, 0, 0.3);", "}", ".el-message-box__wrapper {", " background: rgba(0, 0, 0, 0.3);", "}", "", "//el-drawer", ".el-drawer {", " overflow: hidden;", "}", ".el-drawer:focus {", " outline: 0;", "}", "", ".el-drawer__header {", " padding: 10px 20px;", " margin-bottom: 0px;", " border-bottom: 1px solid #e9ebef;", " min-height: 30px;", " font-family: PingFangSC-Regular;", " font-size: 16px;", " color: #031129;", "}", ".el-drawer__header \u003e :first-child:focus {", " outline: 0;", "}", ".el-drawer__close-btn {", " font-size: 18px;", " color: #999999;", " \u0026:focus {", " outline: 0;", " }", "}", "", "//el-tree", ".el-tree {", " .el-tree-node__content {", " background: transparent;", " height: 24px;", " line-height: 24px;", " \u0026:hover {", " .el-tree-node__label {", " color: #337dff;", " }", " }", " }", " .el-tree-node__label {", " font-family: PingFangSC-Regular;", " font-size: 12px;", " color: #031129;", " }", " .el-tree-node:focus \u003e .el-tree-node__content {", " background: transparent;", " }", "}", "", "//el-time-panel", ".el-time-panel {", " .el-time-panel__footer {", " display: none !important;", " }", "}", "", "//卡片tab", ".el-tabs--border-card {", " box-shadow: none;", " border: none;", "}", "", "//复制", ".el-icon-document-copy {", " color: #337dff;", " padding-left: 8px;", " cursor: pointer;", "}", "//下展开箭头", ".e-xiangxiazhankai {", " font-size: 12px !important;", "}", "//输入规范提示文字", ".el-form-item-note {", " margin-bottom: 10px !important;", "}", ".el-tooltip__popper {", " z-index: 3002 !important;", "}", ".switch-with-text {", " .el-switch__core::after {", " width: 18px;", " height: 18px;", " }", " .el-switch__label {", " position: absolute;", " display: none;", " color: #fff !important;", " * {", " font-size: 12px;", " }", " }", " .el-switch__core {", " border-radius: 11px;", " }", " /*打开时文字位置设置*/", " .el-switch__label--right {", " z-index: 1;", " }", " /* 调整打开时文字的显示位子 */", " .el-switch__label--right span {", " margin-left: 10px;", " }", " /*关闭时文字位置设置*/", " .el-switch__label--left {", " z-index: 1;", " }", " /* 调整关闭时文字的显示位子 */", " .el-switch__label--left span {", " margin-left: 25px;", " color: #333;", " }", " /*显示文字*/", " .el-switch__label.is-active {", " display: block;", " top: 0px;", " }", " /* 调整按钮的宽度 */", " .el-switch__core {", " width: 59px !important;", " height: 22px;", " margin: 0;", " }", " .el-switch__label {", " width: 59px !important;", " height: 22px;", " margin: 0;", " }", "}", ".switch-with-text.is-checked .el-switch__core::after {", " margin-left: -19px;", "}", ".page-bottom-blank {", " height: 20px;", " display: block;", "}", ".el-table__empty-block {", " width: 100%;", " min-width: 100%;", " max-width: 100%;", " padding-right: 100%;", "}", ".el-table__body tr.hover-row \u003e td.el-table__cell,", ".el-table--enable-row-hover .el-table__body tr:hover \u003e td.el-table__cell {", " background-color: #f5f8ff;", "}", ".el-table--small .el-table__cell {", " padding: 5px 0;", "}", "/**", " 详情页-列表中各状态，不同颜色标识", " 1、可用、已挂载是绿色（#10C038）", " 2、其他xxx中是蓝色（#07B5F9）", " 3、失败、异常是红色（#ea5200）", " 4、未知是灰色(#999)", "**/", ".color-green {", " color: #10c038;", "}", ".color-blue {", " color: #07b5f9;", "}", ".color-red {", " color: #ea5200;", "}", ".color-grey {", " color: #999;", "}", "", "/**", " 详情页-列表中各状态，不同颜色标识", " 1、可用、已挂载是绿色（#10C038）", " 2、其他xxx中是蓝色（#07B5F9）", " 3、失败、异常是红色（#ea5200）", " 4、未知是灰色(#999)", "**/", ".back-green {", " background-color: #10c038;", "}", ".back-blue {", " background-color: #07b5f9;", "}", ".back-red {", " background-color: #ea5200;", "}", ".back-grey {", " background-color: #999;", "}", "", "/**", " 标签，不同颜色标识，标签span样式加上detail-state", " 1、成功、运行中等状态用绿色", " 2、失败、异常、错误等用红色，", " 3、告警、负面动作（注销、删除）用橘黄色，", " 4、普通或正面动作，如审批中、创建中用蓝色", " 5、灰色：停用、未绑定", "**/", ".tag-green {", " width: 81px;", " height: 20px;", " background: #edf8e8;", " border-radius: 2px;", " // border: 1px solid #10c038;", " font-size: 12px;", " font-family: PingFangSC-Regular, PingFang SC;", " font-weight: 400;", " color: #10c038;", " line-height: 18px;", " text-align: center;", "}", ".tag-blue {", " width: 81px;", " height: 20px;", " background: #e1ecff;", " border-radius: 2px;", " // border: 1px solid #337dff;", " font-size: 12px;", " font-family: PingFangSC-Regular, PingFang SC;", " font-weight: 400;", " color: #337dff;", " line-height: 18px;", " text-align: center;", "}", ".tag-red {", " width: 81px;", " height: 20px;", " background: #fff2f1;", " border-radius: 2px;", " // border: 1px solid #f04134;", " font-size: 12px;", " font-family: PingFangSC-Regular, PingFang SC;", " font-weight: 400;", " color: #f04134;", " line-height: 18px;", " text-align: center;", "}", ".tag-yellow {", " width: 81px;", " height: 20px;", " background: #fef9ed;", " border-radius: 2px;", " border: 1px solid #ff931d;", " font-size: 12px;", " font-family: PingFangSC-Regular, PingFang SC;", " font-weight: 400;", " color: #ff931d;", " line-height: 18px;", " text-align: center;", "}", ".tag-grey {", " width: 81px;", " height: 20px;", " background: #e9edf2;", " border-radius: 2px;", " border: 1px solid #75849b;", " font-size: 12px;", " font-family: PingFangSC-Regular, PingFang SC;", " font-weight: 400;", " color: #75849b;", " line-height: 18px;", " text-align: center;", "}", ".tag-spec {", " display: inline-block;", "}", "", ".ecloud-tabs.el-tabs--card \u003e .el-tabs__header {", " border: none;", " .el-tabs__header {", " .el-tabs__item,", " .el-tabs__nav {", " border: none;", " }", " }", " .el-tabs__item {", " height: 38px;", " line-height: 38px;", " border: none;", " color: rgb(31, 31, 33);", " margin-right: 14px;", " }", " .is-active {", " background-color: #fff;", " border-radius: 4px 4px 0px 0px;", " border-top: 2px solid rgb(26, 106, 255);", " color: rgb(26, 106, 255);", " box-sizing: content-box;", " }", "}", ".ecloud-tabs.el-tabs--card \u003e .el-tabs__header .el-tabs__nav {", " border: none;", "}", "::-webkit-scrollbar {" ] }, { "a": [ " width: 8px;", " height: 8px;" ], "b": [ " width: 6px;", " height: 6px;" ], "edit_a": [ [ 9, 1 ], [ 14, 1 ] ], "edit_b": [ [ 9, 1 ], [ 14, 1 ] ] }, { "ab": [ "}", "::-webkit-scrollbar-track {", " border-radius: 4px;", "}", "", "::-webkit-scrollbar-thumb {", " background: #cdd3e3;", " border-radius: 4px;", " margin: 4px;" ] }, { "b": [ " \u0026:hover {", " background: #b0bbd3;", " }", " \u0026:active {", " background: #9ba8c8;", " }" ] }, { "ab": [ "}", "", "a {", " text-decoration: none;", " color: #337dff;", " \u0026:hover {", " color: #5c97ff;", " }", "}", "" ] } ] }, { "meta_a": { "name": "console/src/components/SvgIcon/index.vue", "content_type": "application/octet-stream", "lines": 68, "web_links": [ { "name": "gitweb", "url": "/gitweb?p\u003dBCEC%2Fbcec_web_AiLab_hai.git;hb\u003df21331c2b81b04f986ae78ebf7bd7fc2d51b1495;f\u003dconsole%2Fsrc%2Fcomponents%2FSvgIcon%2Findex.vue" } ] }, "meta_b": { "name": "console/src/components/SvgIcon/index.vue", "content_type": "application/octet-stream", "lines": 72, "web_links": [ { "name": "gitweb", "url": "/gitweb?p\u003dBCEC%2Fbcec_web_AiLab_hai.git;hb\u003drefs%2Fchanges%2F20%2F5821520%2F1;f\u003dconsole%2Fsrc%2Fcomponents%2FSvgIcon%2Findex.vue" } ] }, "intraline_status": "OK", "change_type": "MODIFIED", "diff_header": [ "diff --git a/console/src/components/SvgIcon/index.vue b/console/src/components/SvgIcon/index.vue", "index bab22b6..f8c7844 100644", "--- a/console/src/components/SvgIcon/index.vue", "+++ b/console/src/components/SvgIcon/index.vue" ], "content": [ { "ab": [ "\u003ctemplate\u003e", " \u003csvg :class\u003d\"[svgClass, hover ? \u0027svg-icon-hover\u0027:\u0027\u0027, disabled]\" aria-hidden\u003d\"true\" @click\u003d\"_click\"\u003e", " \u003cuse :xlink:href\u003d\"iconName\"\u003e\u003c/use\u003e", " \u003c/svg\u003e", "\u003c/template\u003e", "", "\u003cscript\u003e", "export default {", " name: \u0027svg-icon\u0027,", " props: {", " iconClass: {", " type: String,", " required: true", " },", " className: {", " type: String", " },", " disabled: {", " type: Boolean,", " default: false", " },", " hover: { // 需使用fill为空的svg，例子见svg/question-lc", " type: Boolean,", " default: false", " }", " },", " methods: {", " _click () {", " this.$emit(\u0027click\u0027)", " }", " },", " computed: {", " iconName () {", " return `#icon-${this.iconClass}`", " },", " svgClass () {", " if (this.className) {", " return \u0027svg-icon \u0027 + this.className", " } else {", " return \u0027svg-icon\u0027", " }", " }", " }", "}", "\u003c/script\u003e", "", "\u003cstyle scoped\u003e", ".svg-icon {", " width: 1em;", " height: 1em;", " vertical-align: -0.15em;", " fill: currentColor;", " overflow: hidden;" ] }, { "b": [ " outline: none;", "}", ".svg-icon:focus {", " outline: none;" ] }, { "ab": [ "}", ".svg-icon-hover {", " color:#999999 !important;", " fill: currentColor;", "}", ".svg-icon-hover:hover {", " color: #518EFF !important;", " fill: currentColor;", "}", ".disabled {", " color:#B7BBC3 !important;", " fill: currentColor;", "}", "\u003c/style\u003e", "" ] } ] } ] }' ```