Skip to content

A
api-gateway
Commit 9825e18d by damodmg
Options

更新样式

parent f1ad9990
Showing with 75 additions and 41 deletions
dist/index.html
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>API网关管理平台</title><link href=./static/css/app.2c457a9381aa15186173d1c7fd4cf7f4.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script src=//web-1251519181.file.myqcloud.com/components/input.2.0.15.js></script><script src=//web-1251519181.file.myqcloud.com/components/delete.2.0.01.js></script><script type=text/javascript src=./static/js/manifest.c79a13333675abfa1c43.js></script><script type=text/javascript src=./static/js/vendor.adc34c81686691b8a2e7.js></script><script type=text/javascript src=./static/js/app.eb7a92daf8e200957259.js></script></body></html> <!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>API网关管理平台</title><link href=./static/css/app.bcc0cd22308e6edcaa777319f4bcead0.css rel=stylesheet></head><body style="min-width: 1400px;"><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script src=//web-1251519181.file.myqcloud.com/components/input.2.0.15.js></script><script src=//web-1251519181.file.myqcloud.com/components/delete.2.0.01.js></script><script type=text/javascript src=./static/js/manifest.3dce40cfb4e70a189e4d.js></script><script type=text/javascript src=./static/js/vendor.adc34c81686691b8a2e7.js></script><script type=text/javascript src=./static/js/app.eb7a92daf8e200957259.js></script></body></html>
\ No newline at end of file \ No newline at end of file
dist/static/css/app.2c457a9381aa15186173d1c7fd4cf7f4.css deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/app.bcc0cd22308e6edcaa777319f4bcead0.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/css/custom-element.less
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
color: @gray-placeholder; color: @gray-placeholder;
} }
} }
&.is-loading:before { &.is-loading:before {
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
border-style: dashed; border-style: dashed;
} }
} }
:not(.el-transfer__buttons) .el-button & + .el-button { :not(.el-transfer__buttons) .el-button & + .el-button {
margin-left: 10px; margin-left: 10px;
} }
...@@ -509,7 +509,7 @@ ...@@ -509,7 +509,7 @@
background-color: transparent; background-color: transparent;
} }
} }
.el-select-dropdown__item.selected { .el-select-dropdown__item.selected {
color: @blue; color: @blue;
......
dist/static/js/8.33a68b03d370a0b4a128.js 0 → 100644
webpackJsonp([8],{"7Otq":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAohJREFUSA3llr9vjlEUx/u0fkVaWiQGtPEGVYnBJMwmE5PJwtbBYqhB/AESQUSnpiFCaMTAJKIq1GBQNWgTQyPKIKlfg2q1fX2+b+6t+97nXs9zG1tP8nnvueeec773+f1mDYlWrVb3UHIQqjCcZdl4SossJRmxbeSfAFsn0T5EP5bt01g20eR1MVoxheR3yilrqYI/A42nA7FoKFVwhE5fnW5f8F8780LXPT2FyUrgOq5hOAILcJ/r94uxtK0onWkSJYDoFNO5VDG1SBZETDVrYV4+onNqVNYKTylNV9JMj0OHYSuj3ajEPsB7wyQb+I0ftaAgIluo0CMgEfllb655cvVMagNjiH9irLNYo29kzcAmiOXUNTKTJlOjG+l7KCHW7AHJ++AqDIHEi0wig9AL++Ee5CwmuJHMy/AK2uASPINZ8E2xp6CczTAKF0B1OYsJ2sSdONrpQ/gB2sQL0M2im2MYJGSPbgC/AmnGTTMKvi0QuAUd0ALNUIEBCNnL0qpUvwl1MDE9+EfhGMyYWGgICtrnyd+MPjsxW83CLtC4KpYUixddw1jdkuPLV/Daks/Z38Jgj9wp5XbbTc0ZOA93IdVuU3ARztJrh19cu0tZaGfhAOgd2g/XefH2MOqDe5zhCqzX/B+mfwLd1ElQdXqvDjKeZNwA+oc3qYXDoGfLmt6HdcZCOzyxCYw9cM6ZP8LXV2XRmGfw3MmZxj8kwbdOUK7EmxcrjUOsEU6bdSuoJqcg95kj1gaz4NqIdqF3ZIsnUOHwJ7xYbUr+XpztoMuhb95YbcH7IU9/H8e98JSO8A64piPO7dgrLJzSowneuY3xb0iwFST6GR6DvhD/xejVBUOg3jdh3R/Z4PK7K+X7nwAAAABJRU5ErkJggg=="},JXTs:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=a("mvHQ"),i=a.n(n),r=a("P9l9"),o=a("LlAa"),s=a("TUB1"),c={name:"vue-api-header",data:function(){return{baseInfo:{}}},methods:{toLoginOut:function(){var e=this;e.$confirm("确认退出吗?","提示",{type:"warning"}).then(function(){e.postLoginOut()}).catch(function(e){})},postLoginOut:function(){var e=this;Object(r.a)("/gateway-manage/invalidate",{}).then(function(t){var a=t.data;if("0000"==a.code)return s.a.showmsg("退出成功","success"),e.$store.dispatch("clearUserInfo"),e.$router.push("/login"),!1;o.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},getUserInfo:function(){var e=this;Object(r.a)("/gateway-manage/get-login-userInfo",{}).then(function(t){var a=t.data;if("0000"==a.code)return e.baseInfo=a.result,localStorage.removeItem("userInfo"),void localStorage.setItem("userInfo",i()(a.result));o.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})}},watch:{$route:{handler:function(e,t){},deep:!0}},mounted:function(){this.pathName=this.$route.path,this.getUserInfo()}},l={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"api-header"},[a("div",{staticClass:"api-header-wrap border-box flex flex-space-between"},[e._m(0),e._v(" "),a("div",{staticClass:"api-header-right"},[a("div",{staticClass:"api-header-right_info"},[a("span",{staticClass:"api-header-message"},[e._v("消息")]),e._v(" "),a("el-popover",{staticStyle:{"min-width":"95px","margin-left":"10px"},attrs:{placement:"bottom",title:"",width:"95",trigger:"hover","popper-class":"user-header-pop"}},[a("ul",{staticClass:"navsuerwrap"},[a("li",{staticClass:"user-item loginout",staticStyle:{"text-align":"center"},on:{click:function(t){return t.stopPropagation(),e.toLoginOut(t)}}},[a("a",{staticClass:"usertext "},[e._v("退出登录")])])]),e._v(" "),a("div",{staticClass:"nav-user-name",staticStyle:{display:"inline-block"},attrs:{slot:"reference"},slot:"reference"},[a("a",{staticClass:"user-left-img flex flex-align-center"},[a("img",{staticStyle:{width:"30px",height:"30px","border-radius":"15px","padding-right":"2px"},attrs:{src:e.baseInfo.avatar,alt:""}}),a("span",{staticClass:"color-fff font-14 p-r-14"},[e._v(e._s(e.baseInfo.userName))]),a("i",{staticClass:"el-icon-arrow-down font-14 color-fff"})])])])],1)])])])},staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"api-header-left"},[t("img",{attrs:{src:a("7Otq"),alt:""}}),t("span",{staticClass:"color-fff "},[this._v("API网关管理后台")])])}]};var d=a("VU/8")(c,l,!1,function(e){a("WKN7")},"data-v-2884065b",null).exports,h={name:"vue-api-aside",props:{activeSelTab:{type:String,default:function(){return"1"}}},data:function(){return{activeTab:this.activeSelTab,leftMenuData:[{tabId:1,tabCode:1,tabName:"概览",tabIcon:"icongailan-",collapsFlag:!1,tabUrl:"/overview",children:[]},{tabId:2,tabCode:2,tabName:"API管理",tabIcon:"iconapi",collapsFlag:!0,tabUrl:"/apiProgram",children:[{tabId:21,tabCode:21,tabName:"项目列表",tabIcon:"",tabUrl:"/apiProgram"},{tabId:22,tabCode:22,tabName:"API列表",tabIcon:"",tabUrl:"/apiList"}]},{tabId:3,tabCode:3,tabName:"环境管理",tabIcon:"iconhuanjingguanli",collapsFlag:!1,tabUrl:"/envManage",children:[]},{tabId:4,tabCode:4,tabName:"发布记录",tabIcon:"iconfabu",collapsFlag:!1,tabUrl:"/releaseRecords",children:[]},{tabId:5,tabCode:5,tabName:"插件管理",tabIcon:"iconchajianguanli",collapsFlag:!1,tabUrl:"/pluginManage",children:[]},{tabId:6,tabCode:6,tabName:"错误码",tabIcon:"iconcuowu",collapsFlag:!1,tabUrl:"/errorCode",children:[]},{tabId:7,tabCode:7,tabName:"预警系统",tabIcon:"iconRectangleCopy",collapsFlag:!1,tabUrl:"/",children:[]},{tabId:8,tabCode:8,tabName:"日志管理",tabIcon:"iconrizhiguanli",collapsFlag:!1,tabUrl:"/",children:[]},{tabId:9,tabCode:9,tabName:"权限管理",tabIcon:"iconquanxian",collapsFlag:!1,tabUrl:"/",children:[]}]}},methods:{selectTab:function(e,t,a){if(t?this.leftMenuData[a].onlyIconActive=!0:(this.leftMenuData.forEach(function(e){e.onlyIconActive=!1}),e.collapsFlag=!(e.collapsFlag&&e.hasOwnProperty("children")&&e.children.length>0),this.$forceUpdate()),e.hasOwnProperty("children")&&e.children.length>0)return this.leftMenuData[a].onlyIconActive=!0,e.children[0].hasOwnProperty("children")&&e.children[0].hasOwnProperty("children").length>0?(this.activeTab=e.children[0].children[0].tabCode,this.$emit("setSelectTab",e),!1):(this.activeTab=e.children[0].tabCode,this.$emit("setSelectTab",e),!1);this.activeTab=e.tabCode,this.$emit("setSelectTab",e)},getLeftMenu:function(){var e=this,t={project:e.repProjectName,router:e.pathName,requestProject:e.repProjectName};Object(r.a)("/haoban-manage-web/menu-detail",t).then(function(t){var a=t.data;if(1==a.errorCode)return a.result?void 0:void e.$message.error({duration:1e3,message:"暂无数据"});e.$message.error({duration:1e3,message:a.message})}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})}},watch:{$route:{handler:function(e,t){},deep:!0},activeSelTab:function(e,t){this.activeTab=e}},mounted:function(){this.activeTab=this.activeSelTab}},b={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"api-body-left border-box"},[a("ul",{staticClass:"tab-left-list border-box"},[e._l(e.leftMenuData,function(t,n){return[a("li",{key:n,class:["tab-left-list-cell color-606266 font-14 border-box my-first-level",t.tabCode==e.activeTab?"active-tab":""],on:{click:function(a){return e.selectTab(t,!1,n)}}},[a("i",{class:["iconfont tab-icon",t.tabIcon,t.onlyIconActive?"iconActive":""]}),e._v(e._s(t.tabName)+"\n ")]),e._v(" "),t.collapsFlag?a("ul",{key:"childitem"+n,staticClass:"child-tab-left-list"},[e._l(t.children,function(t,i){return[a("li",{key:i,class:["tab-left-list-cell color-606266 font-14 border-box",t.tabCode==e.activeTab?"active-tab":""],on:{click:function(a){return e.selectTab(t,"child",n)}}},[e._v(e._s(t.tabName))])]})],2):e._e()]})],2)])},staticRenderFns:[]};var u={name:"index",data:function(){return{projectName:"haoban-manage-web",windowH:window.screen.height-56-40-72+"px",collapseFlag:!1,activeSelTab:""}},methods:{changeRoute:function(e){this.$router.push(e)},toRouterView:function(e){this.$router.push({path:e.path})},showTab:function(e){this.activeSelTab=e},setSelectTab:function(e){var t=e.tabCode;e.hasOwnProperty("children")&&e.children.length&&(t=e.children[0].tabCode,e.children[0].hasOwnProperty("children")&&e.children[0].hasOwnProperty("children").length&&(t=e.children[0].children[0].tabCode)),this.$router.push({path:e.tabUrl,query:{tabCode:t}})},getDataOverview:function(){}},mounted:function(){this.contentHeight=(document.documentElement.clientHeight||document.body.clientHeight)-204+"px"},components:{vueApiHeader:d,vueApiAside:a("VU/8")(h,b,!1,function(e){a("RTR3")},"data-v-a29aa6c2",null).exports}},f={render:function(){var e=this.$createElement,t=this._self._c||e;return t("div",{attrs:{id:"index"}},[t("vue-api-header"),this._v(" "),t("div",{staticClass:"api-body border-box"},[t("div",{staticClass:"api-body-wrap flex border-box"},[t("vue-api-aside",{attrs:{activeSelTab:this.activeSelTab},on:{setSelectTab:this.setSelectTab}}),this._v(" "),t("div",{staticClass:"api-body-right border-box",style:{height:this.windowH}},[t("transition",{attrs:{name:"fade",mode:"out-in"}},[t("router-view",{on:{showTab:this.showTab}})],1)],1)],1)])],1)},staticRenderFns:[]};var g=a("VU/8")(u,f,!1,function(e){a("mchB")},null,null);t.default=g.exports},RTR3:function(e,t){},WKN7:function(e,t){},mchB:function(e,t){}});
\ No newline at end of file
dist/static/js/8.8121d39547813d60ebc0.js deleted 100644 → 0
webpackJsonp([8],{"3OG2":function(e,t){},"7Otq":function(e,t){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAohJREFUSA3llr9vjlEUx/u0fkVaWiQGtPEGVYnBJMwmE5PJwtbBYqhB/AESQUSnpiFCaMTAJKIq1GBQNWgTQyPKIKlfg2q1fX2+b+6t+97nXs9zG1tP8nnvueeec773+f1mDYlWrVb3UHIQqjCcZdl4SossJRmxbeSfAFsn0T5EP5bt01g20eR1MVoxheR3yilrqYI/A42nA7FoKFVwhE5fnW5f8F8780LXPT2FyUrgOq5hOAILcJ/r94uxtK0onWkSJYDoFNO5VDG1SBZETDVrYV4+onNqVNYKTylNV9JMj0OHYSuj3ajEPsB7wyQb+I0ftaAgIluo0CMgEfllb655cvVMagNjiH9irLNYo29kzcAmiOXUNTKTJlOjG+l7KCHW7AHJ++AqDIHEi0wig9AL++Ee5CwmuJHMy/AK2uASPINZ8E2xp6CczTAKF0B1OYsJ2sSdONrpQ/gB2sQL0M2im2MYJGSPbgC/AmnGTTMKvi0QuAUd0ALNUIEBCNnL0qpUvwl1MDE9+EfhGMyYWGgICtrnyd+MPjsxW83CLtC4KpYUixddw1jdkuPLV/Daks/Z38Jgj9wp5XbbTc0ZOA93IdVuU3ARztJrh19cu0tZaGfhAOgd2g/XefH2MOqDe5zhCqzX/B+mfwLd1ElQdXqvDjKeZNwA+oc3qYXDoGfLmt6HdcZCOzyxCYw9cM6ZP8LXV2XRmGfw3MmZxj8kwbdOUK7EmxcrjUOsEU6bdSuoJqcg95kj1gaz4NqIdqF3ZIsnUOHwJ7xYbUr+XpztoMuhb95YbcH7IU9/H8e98JSO8A64piPO7dgrLJzSowneuY3xb0iwFST6GR6DvhD/xejVBUOg3jdh3R/Z4PK7K+X7nwAAAABJRU5ErkJggg=="},JXTs:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=a("mvHQ"),i=a.n(n),r=a("P9l9"),o=a("LlAa"),s=a("TUB1"),c={name:"vue-api-header",data:function(){return{baseInfo:{}}},methods:{toLoginOut:function(){var e=this;e.$confirm("确认退出吗?","提示",{type:"warning"}).then(function(){e.postLoginOut()}).catch(function(e){})},postLoginOut:function(){var e=this;Object(r.a)("/gateway-manage/invalidate",{}).then(function(t){var a=t.data;if("0000"==a.code)return s.a.showmsg("退出成功","success"),e.$store.dispatch("clearUserInfo"),e.$router.push("/login"),!1;o.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})},getUserInfo:function(){var e=this;Object(r.a)("/gateway-manage/get-login-userInfo",{}).then(function(t){var a=t.data;if("0000"==a.code)return e.baseInfo=a.result,localStorage.removeItem("userInfo"),void localStorage.setItem("userInfo",i()(a.result));o.a.errorMsg(a)}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})}},watch:{$route:{handler:function(e,t){},deep:!0}},mounted:function(){this.pathName=this.$route.path,this.getUserInfo()}},l={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"api-header"},[a("div",{staticClass:"api-header-wrap border-box flex flex-space-between"},[e._m(0),e._v(" "),a("div",{staticClass:"api-header-right"},[a("div",{staticClass:"api-header-right_info"},[a("span",{staticClass:"api-header-message"},[e._v("消息")]),e._v(" "),a("el-popover",{staticStyle:{"min-width":"95px","margin-left":"10px"},attrs:{placement:"bottom",title:"",width:"95",trigger:"hover","popper-class":"user-header-pop"}},[a("ul",{staticClass:"navsuerwrap"},[a("li",{staticClass:"user-item loginout",staticStyle:{"text-align":"center"},on:{click:function(t){return t.stopPropagation(),e.toLoginOut(t)}}},[a("a",{staticClass:"usertext "},[e._v("退出登录")])])]),e._v(" "),a("div",{staticClass:"nav-user-name",staticStyle:{display:"inline-block"},attrs:{slot:"reference"},slot:"reference"},[a("a",{staticClass:"user-left-img flex flex-align-center"},[a("img",{staticStyle:{width:"30px",height:"30px","border-radius":"15px","padding-right":"2px"},attrs:{src:e.baseInfo.avatar,alt:""}}),a("span",{staticClass:"color-fff font-14 p-r-14"},[e._v(e._s(e.baseInfo.userName))]),a("i",{staticClass:"el-icon-arrow-down font-14 color-fff"})])])])],1)])])])},staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"api-header-left"},[t("img",{attrs:{src:a("7Otq"),alt:""}}),t("span",{staticClass:"color-fff "},[this._v("API网关管理后台")])])}]};var d=a("VU/8")(c,l,!1,function(e){a("WKN7")},"data-v-2884065b",null).exports,b={name:"vue-api-aside",props:{activeSelTab:{type:String,default:function(){return"1"}}},data:function(){return{activeTab:this.activeSelTab,leftMenuData:[{tabId:1,tabCode:1,tabName:"概览",tabIcon:"icongailan-",collapsFlag:!1,tabUrl:"/overview",children:[]},{tabId:2,tabCode:2,tabName:"API管理",tabIcon:"iconapi",collapsFlag:!0,tabUrl:"/apiProgram",children:[{tabId:21,tabCode:21,tabName:"项目列表",tabIcon:"",tabUrl:"/apiProgram"},{tabId:22,tabCode:22,tabName:"API列表",tabIcon:"",tabUrl:"/apiList"}]},{tabId:3,tabCode:3,tabName:"环境管理",tabIcon:"iconhuanjingguanli",collapsFlag:!1,tabUrl:"/envManage",children:[]},{tabId:4,tabCode:4,tabName:"发布记录",tabIcon:"iconfabu",collapsFlag:!1,tabUrl:"/releaseRecords",children:[]},{tabId:5,tabCode:5,tabName:"插件管理",tabIcon:"iconchajianguanli",collapsFlag:!1,tabUrl:"/pluginManage",children:[]},{tabId:6,tabCode:6,tabName:"错误码",tabIcon:"iconcuowu",collapsFlag:!1,tabUrl:"/errorCode",children:[]},{tabId:7,tabCode:7,tabName:"预警系统",tabIcon:"iconRectangleCopy",collapsFlag:!1,tabUrl:"/",children:[]},{tabId:8,tabCode:8,tabName:"日志管理",tabIcon:"iconrizhiguanli",collapsFlag:!1,tabUrl:"/",children:[]},{tabId:9,tabCode:9,tabName:"权限管理",tabIcon:"iconquanxian",collapsFlag:!1,tabUrl:"/",children:[]}]}},methods:{selectTab:function(e,t,a){if(t?this.leftMenuData[a].onlyIconActive=!0:(this.leftMenuData.forEach(function(e){e.onlyIconActive=!1}),e.collapsFlag=!(e.collapsFlag&&e.hasOwnProperty("children")&&e.children.length>0),this.$forceUpdate()),e.hasOwnProperty("children")&&e.children.length>0)return this.leftMenuData[a].onlyIconActive=!0,e.children[0].hasOwnProperty("children")&&e.children[0].hasOwnProperty("children").length>0?(this.activeTab=e.children[0].children[0].tabCode,this.$emit("setSelectTab",e),!1):(this.activeTab=e.children[0].tabCode,this.$emit("setSelectTab",e),!1);this.activeTab=e.tabCode,this.$emit("setSelectTab",e)},getLeftMenu:function(){var e=this,t={project:e.repProjectName,router:e.pathName,requestProject:e.repProjectName};Object(r.a)("/haoban-manage-web/menu-detail",t).then(function(t){var a=t.data;if(1==a.errorCode)return a.result?void 0:void e.$message.error({duration:1e3,message:"暂无数据"});e.$message.error({duration:1e3,message:a.message})}).catch(function(t){e.$message.error({duration:1e3,message:t.message})})}},watch:{$route:{handler:function(e,t){},deep:!0},activeSelTab:function(e,t){this.activeTab=e}},mounted:function(){this.activeTab=this.activeSelTab}},h={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"api-body-left border-box"},[a("ul",{staticClass:"tab-left-list border-box"},[e._l(e.leftMenuData,function(t,n){return[a("li",{key:n,class:["tab-left-list-cell color-606266 font-14 border-box my-first-level",t.tabCode==e.activeTab?"active-tab":""],on:{click:function(a){return e.selectTab(t,!1,n)}}},[a("i",{class:["iconfont tab-icon",t.tabIcon,t.onlyIconActive?"iconActive":""]}),e._v(e._s(t.tabName)+"\n ")]),e._v(" "),t.collapsFlag?a("ul",{key:"childitem"+n,staticClass:"child-tab-left-list"},[e._l(t.children,function(t,i){return[a("li",{key:i,class:["tab-left-list-cell color-606266 font-14 border-box",t.tabCode==e.activeTab?"active-tab":""],on:{click:function(a){return e.selectTab(t,"child",n)}}},[e._v(e._s(t.tabName))])]})],2):e._e()]})],2)])},staticRenderFns:[]};var u={name:"index",data:function(){return{projectName:"haoban-manage-web",windowH:window.screen.height-104-56-40+24+"px",collapseFlag:!1,activeSelTab:""}},methods:{changeRoute:function(e){this.$router.push(e)},toRouterView:function(e){this.$router.push({path:e.path})},showTab:function(e){this.activeSelTab=e},setSelectTab:function(e){var t=e.tabCode;e.hasOwnProperty("children")&&e.children.length&&(t=e.children[0].tabCode,e.children[0].hasOwnProperty("children")&&e.children[0].hasOwnProperty("children").length&&(t=e.children[0].children[0].tabCode)),this.$router.push({path:e.tabUrl,query:{tabCode:t}})},getDataOverview:function(){}},mounted:function(){this.contentHeight=(document.documentElement.clientHeight||document.body.clientHeight)-204+"px"},components:{vueApiHeader:d,vueApiAside:a("VU/8")(b,h,!1,function(e){a("3OG2")},"data-v-ab24bd8c",null).exports}},f={render:function(){var e=this.$createElement,t=this._self._c||e;return t("div",{attrs:{id:"index"}},[t("vue-api-header"),this._v(" "),t("div",{staticClass:"api-body border-box",style:{height:this.windowH}},[t("div",{staticClass:"api-body-wrap flex border-box"},[t("vue-api-aside",{attrs:{activeSelTab:this.activeSelTab},on:{setSelectTab:this.setSelectTab}}),this._v(" "),t("div",{staticClass:"api-body-right border-box"},[t("transition",{attrs:{name:"fade",mode:"out-in"}},[t("router-view",{on:{showTab:this.showTab}})],1)],1)],1)])],1)},staticRenderFns:[]};var g=a("VU/8")(u,f,!1,function(e){a("oMVh")},null,null);t.default=g.exports},WKN7:function(e,t){},oMVh:function(e,t){}});
\ No newline at end of file
dist/static/js/manifest.3dce40cfb4e70a189e4d.js 0 → 100644
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,o){for(var f,d,i,u=0,b=[];u<r.length;u++)d=r[u],a[d]&&b.push(a[d][0]),a[d]=0;for(f in c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(n&&n(r,c,o);b.length;)b.shift()();if(o)for(u=0;u<o.length;u++)i=t(t.s=o[u]);return i};var r={},a={23:0};function t(n){if(r[n])return r[n].exports;var a=r[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,t),a.l=!0,a.exports}t.e=function(e){var n=a[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,t){n=a[e]=[r,t]});n[2]=r;var c=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.timeout=12e4,t.nc&&o.setAttribute("nonce",t.nc),o.src=t.p+"static/js/"+e+"."+{0:"4b92c76418bc5f3deedc",1:"490562478be660678b4c",2:"aba954d032af31777ca2",3:"891b203d9fe7a8561dfd",4:"30c337e8c999e197dd4a",5:"cf01ca2a300ce48d0136",6:"f4c9cb7fb0fea566317f",7:"a1935be11e77d5f2c5b4",8:"33a68b03d370a0b4a128",9:"b3deccff7d55a154a299",10:"0fa1f876e10fcdf5c8bc",11:"722834da6c9a43c2cd06",12:"67847cd5371b700c9f72",13:"28aedb2f2a8862416b38",14:"87bbee3da6a929830283",15:"2854ebb8d89f105b01a8",16:"ed20f73ba065fa5cfb56",17:"7654e050c5e95259b1af",18:"37321ffca9347a60b988",19:"76545794ef370769a689",20:"1e2a9dda654bf5adc16a"}[e]+".js";var f=setTimeout(d,12e4);function d(){o.onerror=o.onload=null,clearTimeout(f);var n=a[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),a[e]=void 0)}return o.onerror=o.onload=d,c.appendChild(o),r},t.m=e,t.c=r,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="./",t.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
dist/static/js/manifest.c79a13333675abfa1c43.js deleted 100644 → 0
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,o){for(var f,d,i,u=0,b=[];u<r.length;u++)d=r[u],t[d]&&b.push(t[d][0]),t[d]=0;for(f in c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(n&&n(r,c,o);b.length;)b.shift()();if(o)for(u=0;u<o.length;u++)i=a(a.s=o[u]);return i};var r={},t={23:0};function a(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,a),t.l=!0,t.exports}a.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,a){n=t[e]=[r,a]});n[2]=r;var c=document.getElementsByTagName("head")[0],o=document.createElement("script");o.type="text/javascript",o.charset="utf-8",o.async=!0,o.timeout=12e4,a.nc&&o.setAttribute("nonce",a.nc),o.src=a.p+"static/js/"+e+"."+{0:"90184a99cbf200fc5420",1:"490562478be660678b4c",2:"aba954d032af31777ca2",3:"891b203d9fe7a8561dfd",4:"708117be04c0644c10c0",5:"326fb42830c68b115dac",6:"f4c9cb7fb0fea566317f",7:"a1935be11e77d5f2c5b4",8:"8121d39547813d60ebc0",9:"b3deccff7d55a154a299",10:"0fa1f876e10fcdf5c8bc",11:"722834da6c9a43c2cd06",12:"67847cd5371b700c9f72",13:"28aedb2f2a8862416b38",14:"87bbee3da6a929830283",15:"2854ebb8d89f105b01a8",16:"ed20f73ba065fa5cfb56",17:"7654e050c5e95259b1af",18:"37321ffca9347a60b988",19:"76545794ef370769a689",20:"1e2a9dda654bf5adc16a"}[e]+".js";var f=setTimeout(d,12e4);function d(){o.onerror=o.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return o.onerror=o.onload=d,c.appendChild(o),r},a.m=e,a.c=r,a.d=function(e,n,r){a.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},a.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(n,"a",n),n},a.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},a.p="./",a.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
favicon.ico
No preview for this file type
src/components/nav/nav-bread.vue
...@@ -134,11 +134,17 @@ export default { ...@@ -134,11 +134,17 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
// .fix-nav{
// position: fixe
// }
.nav-wrap { .nav-wrap {
padding: 12px 0 0 21px; padding: 12px 0 0 21px;
height: 40px; height: 40px;
background-color: #fff; background-color: #fff;
border-radius: 2px; border-radius: 2px;
position:fixed;
width:100%;
} }
.boxbttom { .boxbttom {
border-bottom: 1px solid #e4e7ed; border-bottom: 1px solid #e4e7ed;
......
src/components/vue-api-aside.vue
...@@ -249,7 +249,7 @@ export default { ...@@ -249,7 +249,7 @@ export default {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
color: #909399; color: #606266;
&.my-first-level { &.my-first-level {
padding: 0 0 0 30px; padding: 0 0 0 30px;
} }
......
src/views/index/index.vue
<template> <template>
<div id="index"> <div id="index">
<vue-api-header></vue-api-header> <vue-api-header></vue-api-header>
<div class="api-body border-box" :style="{ height: windowH }"> <div class="api-body border-box">
<div class="api-body-wrap flex border-box"> <div class="api-body-wrap flex border-box">
<vue-api-aside :activeSelTab="activeSelTab" @setSelectTab="setSelectTab"></vue-api-aside> <vue-api-aside :activeSelTab="activeSelTab" @setSelectTab="setSelectTab"></vue-api-aside>
<div class="api-body-right border-box"> <div class="api-body-right border-box" :style="{ height: windowH }">
<transition name="fade" mode="out-in"> <transition name="fade" mode="out-in">
<router-view @showTab="showTab"></router-view> <router-view @showTab="showTab"></router-view>
</transition> </transition>
...@@ -14,6 +14,7 @@ ...@@ -14,6 +14,7 @@
</div> </div>
</template> </template>
<script> <script>
// :style="{ height: windowH }"
import vueApiHeader from '@/components/vue-api-header.vue'; import vueApiHeader from '@/components/vue-api-header.vue';
import vueApiAside from '@/components/vue-api-aside.vue'; import vueApiAside from '@/components/vue-api-aside.vue';
/* import { getRequest } from '@/api/api'; /* import { getRequest } from '@/api/api';
...@@ -23,7 +24,7 @@ export default { ...@@ -23,7 +24,7 @@ export default {
data() { data() {
return { return {
projectName: 'haoban-manage-web', // 当前项目名 projectName: 'haoban-manage-web', // 当前项目名
windowH: window.screen.height - 104 - 56 - 40 + 24 + 'px', // 页面内容高度 windowH: window.screen.height - 56 - 40 - 72 + 'px', // 页面内容高度
collapseFlag: false, // 折叠参数 collapseFlag: false, // 折叠参数
activeSelTab: '' activeSelTab: ''
}; };
...@@ -122,16 +123,18 @@ export default { ...@@ -122,16 +123,18 @@ export default {
.api-body { .api-body {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; // height: 100%;
height: calc(100% - 56px);
margin-top: 56px; margin-top: 56px;
overflow: hidden; overflow: hidden;
&-wrap { &-wrap {
position: relative; position: relative;
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow-y: hidden;
} }
&-left { &-left {
position: relative; position: fixed;
width: 150px; width: 150px;
min-width: 150px; min-width: 150px;
max-width: 150px; max-width: 150px;
...@@ -144,19 +147,24 @@ export default { ...@@ -144,19 +147,24 @@ export default {
position: relative; position: relative;
width: calc(100% - 150px); width: calc(100% - 150px);
min-width: 1200px; min-width: 1200px;
overflow-y: auto; overflow-y: hidden;
background: #f5f7fa;
margin-left: 150px;
.api-body-content { .api-body-content {
width: 100%; width: 100%;
min-width: 1200px; min-width: 1200px;
height: 100%; height: 100%;
background: #f5f7fa;
// overflow-y: hidden; // overflow-y: hidden;
.common-body-main { .common-body-main {
position: relative; position: relative;
width: 100%; // width: 100%;
min-height: calc(100% - 40px); // min-height: calc(100% - 40px);
// min-height: 100%; // min-height: 100%;
padding: 20px; margin: 20px;
background: #f5f7fa; // background: #f5f7fa;
background: #fff;
// padding-top: 60px;
// overflow-y: auto; // overflow-y: auto;
.api-main-content { .api-main-content {
position: relative; position: relative;
...@@ -165,6 +173,7 @@ export default { ...@@ -165,6 +173,7 @@ export default {
padding: 20px; padding: 20px;
background: #fff; background: #fff;
overflow-y: auto; overflow-y: auto;
// overflow-y: auto;
} }
} }
} }
...@@ -194,12 +203,12 @@ export default { ...@@ -194,12 +203,12 @@ export default {
} }
.search-wrap-right .el-radio-button__orig-radio:checked + .el-radio-button__inner { .search-wrap-right .el-radio-button__orig-radio:checked + .el-radio-button__inner {
color: #1890ff; color: #5584ff;
border-color: #1890ff; border-color: #5584ff;
background-color: #fff; background-color: #fff;
} }
.search-wrap-right .el-radio-button__inner:hover { .search-wrap-right .el-radio-button__inner:hover {
color: #1890ff; color: #5584ff;
} }
</style> </style>
src/views/index/plugAhsh.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<div class="api-body-content border-box"> <div class="api-body-content border-box">
<div class="common-nav"> <div class="common-nav">
<nav-bread :navPath="navPath"></nav-bread> <nav-bread :navPath="navPath"></nav-bread>
<div class="change-env" @click="goEnvList"><span>切换环境</span><i class="iconfont iconicon-qihuan" @click="goEnvList(item)"></i></div> <!-- <div class="change-env" @click="goEnvList"><span>切换环境</span><i class="iconfont iconicon-qihuan" @click="goEnvList(item)"></i></div> -->
</div> </div>
<div class="api-body-main common-body-main border-box"> <div class="api-body-main common-body-main border-box">
<div class="api-main-content border-box"> <div class="api-main-content border-box">
...@@ -19,7 +19,6 @@ ...@@ -19,7 +19,6 @@
</el-select> </el-select>
</div> </div>
<div> <div>
<el-button type="primary" v-if="activeName === 'first'" @click="addFluid">新建流控规则</el-button>
<el-button type="primary" v-if="activeName === 'second'" @click="addFusing">新建熔断规则</el-button> <el-button type="primary" v-if="activeName === 'second'" @click="addFusing">新建熔断规则</el-button>
<el-button type="primary" @click="publish" :disabled="publishNum <= 0">{{ publishNum > 0 ? '待发布' + '（' + publishNum + '）' : '发布' }}</el-button> <el-button type="primary" @click="publish" :disabled="publishNum <= 0">{{ publishNum > 0 ? '待发布' + '（' + publishNum + '）' : '发布' }}</el-button>
</div> </div>
...@@ -411,7 +410,8 @@ export default { ...@@ -411,7 +410,8 @@ export default {
margin-left:10px; margin-left:10px;
} }
.common-nav{ .common-nav{
position: relative; // position: fixed;
// z-index:10;
.change-env{ .change-env{
position:absolute; position:absolute;
right:20px; right:20px;
......
static/css/custom-element.less
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
color: @gray-placeholder; color: @gray-placeholder;
} }
} }
&.is-loading:before { &.is-loading:before {
background-color: rgba(255, 255, 255, 0.25); background-color: rgba(255, 255, 255, 0.25);
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
border-style: dashed; border-style: dashed;
} }
} }
:not(.el-transfer__buttons) .el-button & + .el-button { :not(.el-transfer__buttons) .el-button & + .el-button {
margin-left: 10px; margin-left: 10px;
} }
...@@ -509,7 +509,7 @@ ...@@ -509,7 +509,7 @@
background-color: transparent; background-color: transparent;
} }
} }
.el-select-dropdown__item.selected { .el-select-dropdown__item.selected {
color: @blue; color: @blue;
......
theme/index.css
...@@ -6056,17 +6056,17 @@ ...@@ -6056,17 +6056,17 @@
background-color: #5584FF; background-color: #5584FF;
border-color: #5584FF; } border-color: #5584FF; }
.el-button--primary:hover, .el-button--primary:focus { .el-button--primary:hover, .el-button--primary:focus {
background: #46a6ff; background: #3E71F7;
border-color: #46a6ff; border-color: #3E71F7;
color: #fff; } color: #fff; }
.el-button--primary:active { .el-button--primary:active {
background: #1682e6; background: #3E71F7;
border-color: #1682e6; border-color: #3E71F7;
color: #fff; color: #fff;
outline: none; } outline: none; }
.el-button--primary.is-active { .el-button--primary.is-active {
background: #1682e6; background: #3E71F7;
border-color: #1682e6; border-color: #3E71F7;
color: #fff; } color: #fff; }
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active { .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
color: #fff; color: #fff;
...@@ -6272,7 +6272,7 @@ ...@@ -6272,7 +6272,7 @@
padding-left: 0; padding-left: 0;
padding-right: 0; } padding-right: 0; }
.el-button--text:hover, .el-button--text:focus { .el-button--text:hover, .el-button--text:focus {
color: #46a6ff; color: #3E71F7;
border-color: transparent; border-color: transparent;
background-color: transparent; } background-color: transparent; }
.el-button--text:active { .el-button--text:active {
...@@ -13994,7 +13994,7 @@ ...@@ -13994,7 +13994,7 @@
border-color: transparent; border-color: transparent;
background-color: transparent; } background-color: transparent; }
.el-button--text:active { .el-button--text:active {
color: #1682e6; color: #3E71F7;
border-color: transparent; border-color: transparent;
background-color: transparent; } background-color: transparent; }
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus { .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
...@@ -26646,7 +26646,7 @@ ...@@ -26646,7 +26646,7 @@
padding-left: 0; padding-left: 0;
padding-right: 0; } padding-right: 0; }
.el-button--text:hover, .el-button--text:focus { .el-button--text:hover, .el-button--text:focus {
color: #46a6ff; color: #3E71F7;
border-color: transparent; border-color: transparent;
background-color: transparent; } background-color: transparent; }
.el-button--text:active { .el-button--text:active {
...@@ -42302,8 +42302,8 @@ ...@@ -42302,8 +42302,8 @@
background-color: #5584FF; background-color: #5584FF;
border-color: #5584FF; } border-color: #5584FF; }
.el-button--primary:hover, .el-button--primary:focus { .el-button--primary:hover, .el-button--primary:focus {
background: #40A9FF; background: #3E71F7;
border-color: #40A9FF; border-color: #3E71F7;
color: #fff; } color: #fff; }
.el-button--primary:active { .el-button--primary:active {
background: #096DD9; background: #096DD9;
...@@ -42521,7 +42521,7 @@ ...@@ -42521,7 +42521,7 @@
padding-right: 0; padding-right: 0;
padding: 0; } padding: 0; }
.el-button--text:hover, .el-button--text:focus { .el-button--text:hover, .el-button--text:focus {
color: #46a6ff; color:#3E71F7;
border-color: transparent; border-color: transparent;
background-color: transparent; } background-color: transparent; }
.el-button--text:active { .el-button--text:active {
...@@ -44500,3 +44500,22 @@ ...@@ -44500,3 +44500,22 @@
margin: 0 auto; margin: 0 auto;
border-radius: 18px; border-radius: 18px;
} }
.common-nav {
height: 40px;
}
.common-body-main{
overflow-y:auto;
}
.api-body-main{
height:calc(100% - 86px);
}
/* .common-nav {
height: 40px;
width: 100%;
position: fixed;
z-index: 2;
}
.api-main-content{
height:100%;
overflow-y:auto;
} */
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment