Commit 9a1a6c39 by 无尘

feat: 增加文档中心

parent 2607985b
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>达摩开放平台</title><link href=./static/css/app.e24cf086bbc12f37651f7f22ebcbe512.css rel=stylesheet></head><body class=damolish><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 type=text/javascript src=./static/js/manifest.c1a50f4a81e228694294.js></script><script type=text/javascript src=./static/js/vendor.c9aebfe11d5b9c28e775.js></script><script type=text/javascript src=./static/js/app.e77a057a643b6a561bbc.js></script></body></html>
\ No newline at end of file
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>达摩开放平台</title><link href=./static/css/app.348bb9ab7bf80787d9cdc2d3b8ac3cfc.css rel=stylesheet></head><body class=damolish><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 type=text/javascript src=./static/js/manifest.5f526214ab478f999de3.js></script><script type=text/javascript src=./static/js/vendor.2b107cdd6cec563c6dab.js></script><script type=text/javascript src=./static/js/app.1129bfcdd6c254304c01.js></script></body></html>
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
webpackJsonp([10],{AejC:function(t,s,i){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var e=i("Minx"),a=i.n(e),n={name:"page404",data:function(){return{img_404:a.a}},computed:{message:function(){return"抱歉,你访问的页面不存在"}},mounted:function(){}},r={render:function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticStyle:{background:"#f0f2f5","margin-top":"-20px",height:"100%"}},[s("div",{staticClass:"wscn-http404"},[s("div",{staticClass:"pic-404"},[s("img",{staticClass:"pic-404__parent",attrs:{src:this.img_404,alt:"404"}})]),this._v(" "),s("div",{staticClass:"bullshit"},[s("div",{staticClass:"bullshit__headline"},[this._v(this._s(this.message))]),this._v(" "),s("a",{staticClass:"bullshit__return-home",attrs:{href:"#/companyGroup"}},[this._v("返回首页")])])])])},staticRenderFns:[]};var c=i("VU/8")(n,r,!1,function(t){i("AsY3")},"data-v-18a2f51c",null);s.default=c.exports},AsY3:function(t,s){},Minx:function(t,s,i){t.exports=i.p+"static/img/error_404.bf58747.svg"}});
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
webpackJsonp([5],{"/FCF":function(e,t){},"0cd1":function(e,t){},"9Z3f":function(e,t){},TFh4:function(e,t){},UYHc:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a={name:"vue-open-header",props:{currentTab:{type:[String,Number],default:function(){return"2"}}},data:function(){return{openMenuData:[{menuId:"2",menuName:"开发者接入",menuUrl:""},{menuId:"1",menuName:"解决方案",menuUrl:""}],searchValue:""}},methods:{toRedirect:function(e){this.$emit("changeTab",e.menuId)},toHome:function(){this.$router.push("/home")}},watch:{$route:{handler:function(e,t){},deep:!0}},mounted:function(){this.pathName=this.$route.path}},r={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"open-header"},[a("div",{staticClass:"open-header-wrap border-box flex "},[a("div",{staticClass:"open-header-left",on:{click:e.toHome}},[a("img",{attrs:{src:n("QFhU"),alt:""}})]),e._v(" "),a("div",{staticClass:"open-header-right border-box"},[a("div",{staticClass:"open-header-right_wrap flex flex-space-between"},[a("ul",{staticClass:"flex"},e._l(e.openMenuData,function(t,n){return a("li",{key:n+"menu",class:["menu-li border-box",e.currentTab==t.menuId?"active-tab":""],on:{click:function(n){n.stopPropagation(),n.preventDefault(),e.toRedirect(t)}}},[a("span",[e._v(e._s(t.menuName))])])})),e._v(" "),a("div",{staticClass:"search-wrap"},[a("el-input",{attrs:{placeholder:"请输入搜索内容","prefix-icon":"el-icon-search"},model:{value:e.searchValue,callback:function(t){e.searchValue=t},expression:"searchValue"}})],1)])])])])},staticRenderFns:[]};var c=n("VU/8")(a,r,!1,function(e){n("TFh4")},"data-v-47fd4ede",null).exports,i=n("P9l9"),l=n("LlAa"),o={props:{currentTab:{type:[String,Number],default:function(){return"2"}}},data:function(){return{parentId:this.currentTab,activeId:"",menuData:[{level:1,memo:"嗷呜",menuId:"44498258223366144",menuName:"第四个关联了api128",operator:"10",operatorName:"蘑菇",parentId:"1",relationData:"",seq:0,subType:1,updateFlag:1,expanded:!1,children:[{level:2,memo:"嗷呜",menuId:"444982582233661446",menuName:"第四个关联了api128",operator:"10",operatorName:"蘑菇",parentId:"1",relationData:"",seq:0,subType:1,updateFlag:1,expanded:!1,children:[{level:3,memo:"嗷呜",menuId:"4449825822336614646",menuName:"第四个关联了api128",operator:"10",operatorName:"蘑菇",parentId:"1",relationData:"",seq:0,subType:1,updateFlag:1,expanded:!1}]}]},{level:1,memo:"嗷呜",menuId:"111825822336614646",menuName:"第四个关联了api128",operator:"10",operatorName:"蘑菇",parentId:"1",relationData:"",seq:0,subType:1,updateFlag:1,expanded:!1}]}},methods:{changeMenu:function(e){this.activeId=e.menuId,e.children&&e.children.length&&(e.expanded=!e.expanded),this.$emit("changeDoc",this.activeId)},getMenuData:function(e){var t,n=this;(t={parentId:e},Object(i.a)("/open-platform-home-web/tree-menu",t)).then(function(e){var t=e.data;if("0000"==t.code)return t.result&&t.result.length&&t.result.forEach(function(e){e.expanded=!1,e.children=[]}),void(n.menuData=t.result||[]);l.a.errorMsg(t)}).catch(function(e){n.$message.error({duration:1e3,message:e.message})})}},watch:{currentTab:function(e,t){this.parentId=e,this.getMenuData(e)}},mounted:function(){this.parentId=this.currentTab,this.getMenuData(this.parentId)}},s={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"document-left-body border-box"},[n("ul",{staticClass:"document-ul"},[e._l(e.menuData,function(t,a){return[n("li",{key:a+"level1"},[n("div",{class:["li-cell flex flex-space-between",e.activeId==t.menuId?"active-menu":""],on:{click:function(n){e.changeMenu(t)}}},[n("span",{staticClass:"li-cell-name"},[e._v(e._s(t.menuName))]),e._v(" "),t.children&&t.children.length?n("span",{class:["li-cell-icon font_family icon-arrow_right",t.expanded?"rotate-icon":""]}):e._e(),e._v(" "),t.children&&t.children.length?e._e():n("span",{staticClass:"li-cell-icon icon-round"})]),e._v(" "),t.children&&t.children.length&&t.expanded?n("ul",[e._l(t.children,function(t,a){return[n("li",{key:a+"level1"},[n("div",{class:["li-cell flex flex-space-between",e.activeId==t.menuId?"active-menu":""],on:{click:function(n){e.changeMenu(t)}}},[n("span",{staticClass:"li-cell-name"},[e._v(e._s(t.menuName))]),e._v(" "),t.children&&t.children.length?n("span",{class:["li-cell-icon font_family icon-arrow_right",t.expanded?"rotate-icon":""]}):e._e(),e._v(" "),t.children&&t.children.length?e._e():n("span",{staticClass:"li-cell-icon icon-round"})]),e._v(" "),t.children&&t.children.length&&t.expanded?n("ul",[e._l(t.children,function(t,a){return[n("li",{key:a+"level1"},[n("div",{class:["li-cell flex flex-space-between",e.activeId==t.menuId?"active-menu":""],on:{click:function(n){e.changeMenu(t)}}},[n("span",{staticClass:"li-cell-name"},[e._v(e._s(t.menuName))]),e._v(" "),t.children&&t.children.length?n("span",{class:["li-cell-icon font_family icon-arrow_right",t.expanded?"rotate-icon":""]}):e._e(),e._v(" "),t.children&&t.children.length?e._e():n("span",{staticClass:"li-cell-icon icon-round"})]),e._v(" "),t.children&&t.children.length&&t.expanded?n("ul",[e._l(t.children,function(t,a){return[n("li",{key:a+"level1"},[n("div",{class:["li-cell flex flex-space-between",e.activeId==t.menuId?"active-menu":""],on:{click:function(n){e.changeMenu(t)}}},[n("span",{staticClass:"li-cell-name"},[e._v(e._s(t.menuName))]),e._v(" "),n("span",{staticClass:"li-cell-icon icon-round"})])])]})],2):e._e()])]})],2):e._e()])]})],2):e._e()])]})],2)])},staticRenderFns:[]};var u=n("VU/8")(o,s,!1,function(e){n("9Z3f")},"data-v-7a7108b0",null).exports,d={render:function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"home-footer-content"},[t("div",{staticClass:"home-site-footer"},[t("p",[this._v("Copyright © "+this._s((new Date).getFullYear())+" 浙江达摩网络科技有限公司 | 浙ICP备15033117号-1")])])])},staticRenderFns:[]};var h={components:{openDocFooter:n("VU/8")({name:"index",data:function(){return{}}},d,!1,function(e){n("0cd1")},"data-v-7bbea458",null).exports}},p={render:function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"document-right"},[t("div",{staticClass:"document-right-body border-box"}),this._v(" "),t("open-doc-footer")],1)},staticRenderFns:[]};var m={components:{openDocHeader:c,openDocLeft:u,openDocRight:n("VU/8")(h,p,!1,function(e){n("/FCF")},"data-v-10c24b87",null).exports},data:function(){return{currentTab:"2",currentDoc:""}},methods:{changeTab:function(e){this.currentTab=e}},mounted:function(){this.currentTab=this.$route.query.currentTab||"2"}},f={render:function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"document-center"},[t("open-doc-header",{attrs:{currentTab:this.currentTab},on:{changeTab:this.changeTab}}),this._v(" "),t("div",{staticClass:"document-center-body"},[t("div",{staticClass:"document-center-body_wrap flex"},[t("div",{staticClass:"document-center-left border-box"},[t("open-doc-left",{attrs:{currentTab:this.currentTab}})],1),this._v(" "),t("div",{staticClass:"document-center-right"},[t("open-doc-right",{attrs:{currentDoc:this.currentDoc}})],1)])])],1)},staticRenderFns:[]};var v=n("VU/8")(m,f,!1,function(e){n("Yp+w")},"data-v-a4c07eac",null);t.default=v.exports},"Yp+w":function(e,t){}});
\ No newline at end of file
webpackJsonp([5],{NC6I:function(module,exports,__webpack_require__){(function(process,global){var __WEBPACK_AMD_DEFINE_RESULT__;
webpackJsonp([6],{NC6I:function(module,exports,__webpack_require__){(function(process,global){var __WEBPACK_AMD_DEFINE_RESULT__;
/**
* [js-md5]{@link https://github.com/emn178/js-md5}
*
......
webpackJsonp([7],{"2X9c":function(t,s,i){t.exports=i.p+"static/img/error_500.ed0cba4.svg"},FskK:function(t,s,i){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var a=i("2X9c"),e=i.n(a),n={name:"page500",data:function(){return{img_500:e.a}},computed:{message:function(){return"抱歉,服务器出错了"}}},c={render:function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticStyle:{background:"#f0f2f5","margin-top":"-20px",height:"100%"}},[s("div",{staticClass:"wscn-http404"},[s("div",{staticClass:"pic-404"},[s("img",{staticClass:"pic-404__parent",attrs:{src:this.img_500,alt:"500"}})]),this._v(" "),s("div",{staticClass:"bullshit"},[s("div",{staticClass:"bullshit__headline"},[this._v(this._s(this.message))]),this._v(" "),s("a",{staticClass:"bullshit__return-home",attrs:{href:"#/companyGroup"}},[this._v("返回首页")])])])])},staticRenderFns:[]};var r=i("VU/8")(n,c,!1,function(t){i("wJ+N")},"data-v-d1f21788",null);s.default=r.exports},"wJ+N":function(t,s){}});
\ No newline at end of file
webpackJsonp([8],{"2X9c":function(t,s,i){t.exports=i.p+"static/img/error_500.ed0cba4.svg"},FskK:function(t,s,i){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var a=i("2X9c"),e=i.n(a),n={name:"page500",data:function(){return{img_500:e.a}},computed:{message:function(){return"抱歉,服务器出错了"}}},c={render:function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticStyle:{background:"#f0f2f5","margin-top":"-20px",height:"100%"}},[s("div",{staticClass:"wscn-http404"},[s("div",{staticClass:"pic-404"},[s("img",{staticClass:"pic-404__parent",attrs:{src:this.img_500,alt:"500"}})]),this._v(" "),s("div",{staticClass:"bullshit"},[s("div",{staticClass:"bullshit__headline"},[this._v(this._s(this.message))]),this._v(" "),s("a",{staticClass:"bullshit__return-home",attrs:{href:"#/companyGroup"}},[this._v("返回首页")])])])])},staticRenderFns:[]};var r=i("VU/8")(n,c,!1,function(t){i("wJ+N")},"data-v-d1f21788",null);s.default=r.exports},"wJ+N":function(t,s){}});
\ No newline at end of file
webpackJsonp([9],{AejC:function(t,s,i){"use strict";Object.defineProperty(s,"__esModule",{value:!0});var e=i("Minx"),a=i.n(e),n={name:"page404",data:function(){return{img_404:a.a}},computed:{message:function(){return"抱歉,你访问的页面不存在"}},mounted:function(){}},r={render:function(){var t=this.$createElement,s=this._self._c||t;return s("div",{staticStyle:{background:"#f0f2f5","margin-top":"-20px",height:"100%"}},[s("div",{staticClass:"wscn-http404"},[s("div",{staticClass:"pic-404"},[s("img",{staticClass:"pic-404__parent",attrs:{src:this.img_404,alt:"404"}})]),this._v(" "),s("div",{staticClass:"bullshit"},[s("div",{staticClass:"bullshit__headline"},[this._v(this._s(this.message))]),this._v(" "),s("a",{staticClass:"bullshit__return-home",attrs:{href:"#/companyGroup"}},[this._v("返回首页")])])])])},staticRenderFns:[]};var c=i("VU/8")(n,r,!1,function(t){i("AsY3")},"data-v-18a2f51c",null);s.default=c.exports},AsY3:function(t,s){},Minx:function(t,s,i){t.exports=i.p+"static/img/error_404.bf58747.svg"}});
\ No newline at end of file
webpackJsonp([12],{"/NA0":function(e,t){},0:function(e,t,n){n("j1ja"),e.exports=n("NHnr")},"4qCZ":function(e,t){},"5tgt":function(e,t,n){e.exports=function(e,t){return function(o){n("Opzk")("./"+e+"/"+t+".vue").then(function(e){o(e)})}}},NHnr:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n("fZjL"),a=n.n(o),r=(n("j1ja"),n("hKoQ")),i=n.n(r),u={render:function(){var e=this.$createElement,t=this._self._c||e;return t("div",{attrs:{id:"app"}},[t("transition",{attrs:{name:"fade",mode:"out-in"}},[t("router-view")],1)],1)},staticRenderFns:[]};var s=n("VU/8")({name:"App",data:function(){return{}}},u,!1,function(e){n("/NA0")},null,null).exports,c=n("lRwf"),f=n.n(c),l=n("pRNm"),m=n.n(l),g=n("5tgt"),p=n.n(g);f.a.use(m.a);var d,v=function(e){n.e(1).then(n.bind(null,"ODjX")).then(function(t){e(t)})},h=[{path:"/",name:"/",redirect:"home"},{path:"/login",name:"登录",component:p()("login","index")},{path:"/index",name:"首页",redirect:"home",component:p()("index","index"),children:[{path:"/home",name:"首页",component:p()("index","home")},{path:"/noticeDetail",name:"公告详情",component:p()("index","noticeDetail")},{path:"/noticeList",name:"公告列表",component:p()("index","noticeList")}]},{path:"/document",name:"文档中心",component:p()("document","index")},{path:"/403",name:"无权访问",component:v},{path:"/404",name:"error404",component:v},{path:"/500",name:"error500",component:v},{path:"*",redirect:"/404",hidden:!0}],I=new m.a({routes:h,scrollBehavior:function(){return{y:0}}}),x=n("zL8q"),D=n.n(x),S=n("Rf8U"),w=n.n(S),M=n("mtWM"),k=n.n(M),R=n("bOdI"),b=n.n(R),H=n("mvHQ"),U=n.n(H),j=n("SJI6"),F=n.n(j);f.a.use(F.a);var T=new F.a.Store({state:{userInfo:{},token:null,title:"",show:!1,bgHeight:window.screen.availHeight-440-24+"px",baseInfo:{},frontInfo:{},backInfo:{},resultInfo:{}},mutations:(d={},b()(d,"login",function(e,t){sessionStorage.token=t,e.token=t}),b()(d,"logout",function(e){sessionStorage.removeItem("token"),e.token=null}),b()(d,"title",function(e,t){e.title=t}),b()(d,"show",function(e,t){e.show=t}),b()(d,"saveUser",function(e,t){localStorage.removeItem("userInfo"),localStorage.setItem("userInfo",U()(t)),e.userInfo=JSON.parse(localStorage.getItem("userInfo"))}),b()(d,"clearUser",function(e){e.userInfo={},localStorage.getItem("userInfo")&&localStorage.removeItem("userInfo")}),b()(d,"saveBase",function(e,t){e.baseInfo=t}),b()(d,"saveFront",function(e,t){e.frontInfo=t}),b()(d,"saveBack",function(e,t){e.backInfo=t}),b()(d,"saveResult",function(e,t){e.resultInfo=t}),b()(d,"clearData",function(e){e.baseInfo={},e.frontInfo={},e.backInfo={},e.resultInfo={}}),d),actions:{saveUserInfo:function(e,t){e.commit("saveUser",t)},clearUserInfo:function(e,t){e.commit("clearUser",t)},saveBaseInfo:function(e,t){e.commit("saveBase",t)},saveFrontInfo:function(e,t){e.commit("saveFront",t)},saveBackInfo:function(e,t){e.commit("saveBack",t)},saveResultInfo:function(e,t){e.commit("saveResult",t)},clearApiData:function(e,t){e.commit("clearData")}}}),V=(n("4qCZ"),n("uKUT"),n("Xcu2"),{dateFormat:function(e,t){if(e){e=10===e.toString().length?1e3*e:e;var n=new Date(e),o={"M+":n.getMonth()+1,"D+":n.getDate(),W:"日一二三四五六".charAt(n.getDay()),"h+":n.getHours(),"m+":n.getMinutes(),"s+":n.getSeconds(),"q+":Math.floor((n.getMonth()+3)/3),S:n.getMilliseconds()};for(var a in/(Y+)/.test(t)&&(t=t.replace(RegExp.$1,(n.getFullYear()+"").substr(4-RegExp.$1.length))),o)new RegExp("("+a+")").test(t)&&(t=t.replace(RegExp.$1,1===RegExp.$1.length?o[a]:("00"+o[a]).substr((""+o[a]).length)));return t}},formatTimeStamp:function(e){if(e){var t=new Date(e),n=t.getMonth()+1,o=t.getDate()<10?"0"+t.getDate():t.getDate(),a=n<10?"0"+n:n,r=t.getHours()<10?"0"+t.getHours():t.getHours(),i=t.getMinutes()<10?"0"+t.getMinutes():t.getMinutes(),u=t.getSeconds()<10?"0"+t.getSeconds():t.getSeconds();return t.getFullYear()+"-"+a+"-"+o+" "+r+":"+i+":"+u}},timeStampToYmd:function(e){if(e){var t=new Date(e),n=t.getMonth()+1,o=t.getDate()<10?"0"+t.getDate():t.getDate(),a=n<10?"0"+n:n;return t.getFullYear()+"-"+a+"-"+o}},timeStampToLineYmd:function(e){if(e){var t=new Date(e),n=t.getMonth()+1,o=t.getDate()<10?"0"+t.getDate():t.getDate(),a=n<10?"0"+n:n;return t.getFullYear()+"/"+a+"/"+o}},timeStampToHms:function(e){if(e){var t=new Date(e);return(t.getHours()<10?"0"+t.getHours():t.getHours())+":"+(t.getMinutes()<10?"0"+t.getMinutes():t.getMinutes())+":"+(t.getSeconds()<10?"0"+t.getSeconds():t.getSeconds())}},timeStampToMd:function(e){if(e){var t=new Date(e),n=t.getMonth()+1,o=t.getDate()<10?"0"+t.getDate():t.getDate();return(n<10?"0"+n:n)+"-"+o}}});i.a.polyfill(),Vue.config.productionTip=!1,Vue.use(D.a,{size:"large"}),Vue.use(w.a,k.a),Vue.axios.defaults.withCredentials=!0,a()(V).forEach(function(e){Vue.filter(e,V[e])}),new Vue({el:"#app",router:I,store:T,components:{App:s},template:"<App/>"})},Opzk:function(e,t,n){var o={"./document/index.vue":["UYHc",0,5],"./errorPage/403.vue":["6XGN",9],"./errorPage/404.vue":["AejC",10],"./errorPage/500.vue":["FskK",8],"./errorPage/index.vue":["ODjX",1],"./index/home.vue":["BB8f",0,4],"./index/index.vue":["JXTs",0,2],"./index/noticeDetail.vue":["m2x8",0,7],"./index/noticeList.vue":["U6qK",0,3],"./login/index.vue":["T+/8",0,6]};function a(e){var t=o[e];return t?Promise.all(t.slice(1).map(n.e)).then(function(){return n(t[0])}):Promise.reject(new Error("Cannot find module '"+e+"'."))}a.keys=function(){return Object.keys(o)},a.id="Opzk",e.exports=a},SJI6:function(e,t){e.exports=Vuex},Xcu2:function(e,t){},lRwf:function(e,t){e.exports=Vue},pRNm:function(e,t){e.exports=VueRouter},uKUT:function(e,t){}},[0]);
\ No newline at end of file
webpackJsonp([11],{"/NA0":function(e,t){},0:function(e,t,n){n("j1ja"),e.exports=n("NHnr")},"4qCZ":function(e,t){},"5tgt":function(e,t,n){e.exports=function(e,t){return function(o){n("Opzk")("./"+e+"/"+t+".vue").then(function(e){o(e)})}}},NHnr:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n("fZjL"),a=n.n(o),r=(n("j1ja"),n("hKoQ")),i=n.n(r),u={render:function(){var e=this.$createElement,t=this._self._c||e;return t("div",{attrs:{id:"app"}},[t("transition",{attrs:{name:"fade",mode:"out-in"}},[t("router-view")],1)],1)},staticRenderFns:[]};var s=n("VU/8")({name:"App",data:function(){return{}}},u,!1,function(e){n("/NA0")},null,null).exports,c=n("lRwf"),f=n.n(c),l=n("pRNm"),g=n.n(l),m=n("5tgt"),p=n.n(m);f.a.use(g.a);var d,v=function(e){n.e(1).then(n.bind(null,"ODjX")).then(function(t){e(t)})},h=[{path:"/",name:"/",redirect:"home"},{path:"/login",name:"登录",component:p()("login","index")},{path:"/index",name:"首页",redirect:"home",component:p()("index","index"),children:[{path:"/home",name:"首页",component:p()("index","home")},{path:"/noticeDetail",name:"公告详情",component:p()("index","noticeDetail")},{path:"/noticeList",name:"公告列表",component:p()("index","noticeList")}]},{path:"/403",name:"无权访问",component:v},{path:"/404",name:"error404",component:v},{path:"/500",name:"error500",component:v},{path:"*",redirect:"/404",hidden:!0}],I=new g.a({routes:h,scrollBehavior:function(){return{y:0}}}),x=n("zL8q"),D=n.n(x),S=n("Rf8U"),w=n.n(S),M=n("mtWM"),k=n.n(M),R=n("bOdI"),b=n.n(R),H=n("mvHQ"),j=n.n(H),U=n("SJI6"),F=n.n(U);f.a.use(F.a);var T=new F.a.Store({state:{userInfo:{},token:null,title:"",show:!1,bgHeight:window.screen.availHeight-440-24+"px",baseInfo:{},frontInfo:{},backInfo:{},resultInfo:{}},mutations:(d={},b()(d,"login",function(e,t){sessionStorage.token=t,e.token=t}),b()(d,"logout",function(e){sessionStorage.removeItem("token"),e.token=null}),b()(d,"title",function(e,t){e.title=t}),b()(d,"show",function(e,t){e.show=t}),b()(d,"saveUser",function(e,t){localStorage.removeItem("userInfo"),localStorage.setItem("userInfo",j()(t)),e.userInfo=JSON.parse(localStorage.getItem("userInfo"))}),b()(d,"clearUser",function(e){e.userInfo={},localStorage.getItem("userInfo")&&localStorage.removeItem("userInfo")}),b()(d,"saveBase",function(e,t){e.baseInfo=t}),b()(d,"saveFront",function(e,t){e.frontInfo=t}),b()(d,"saveBack",function(e,t){e.backInfo=t}),b()(d,"saveResult",function(e,t){e.resultInfo=t}),b()(d,"clearData",function(e){e.baseInfo={},e.frontInfo={},e.backInfo={},e.resultInfo={}}),d),actions:{saveUserInfo:function(e,t){e.commit("saveUser",t)},clearUserInfo:function(e,t){e.commit("clearUser",t)},saveBaseInfo:function(e,t){e.commit("saveBase",t)},saveFrontInfo:function(e,t){e.commit("saveFront",t)},saveBackInfo:function(e,t){e.commit("saveBack",t)},saveResultInfo:function(e,t){e.commit("saveResult",t)},clearApiData:function(e,t){e.commit("clearData")}}}),V=(n("4qCZ"),n("uKUT"),n("Xcu2"),{dateFormat:function(e,t){if(e){e=10===e.toString().length?1e3*e:e;var n=new Date(e),o={"M+":n.getMonth()+1,"D+":n.getDate(),W:"日一二三四五六".charAt(n.getDay()),"h+":n.getHours(),"m+":n.getMinutes(),"s+":n.getSeconds(),"q+":Math.floor((n.getMonth()+3)/3),S:n.getMilliseconds()};for(var a in/(Y+)/.test(t)&&(t=t.replace(RegExp.$1,(n.getFullYear()+"").substr(4-RegExp.$1.length))),o)new RegExp("("+a+")").test(t)&&(t=t.replace(RegExp.$1,1===RegExp.$1.length?o[a]:("00"+o[a]).substr((""+o[a]).length)));return t}},formatTimeStamp:function(e){if(e){var t=new Date(e),n=t.getMonth()+1,o=t.getDate()<10?"0"+t.getDate():t.getDate(),a=n<10?"0"+n:n,r=t.getHours()<10?"0"+t.getHours():t.getHours(),i=t.getMinutes()<10?"0"+t.getMinutes():t.getMinutes(),u=t.getSeconds()<10?"0"+t.getSeconds():t.getSeconds();return t.getFullYear()+"-"+a+"-"+o+" "+r+":"+i+":"+u}},timeStampToYmd:function(e){if(e){var t=new Date(e),n=t.getMonth()+1,o=t.getDate()<10?"0"+t.getDate():t.getDate(),a=n<10?"0"+n:n;return t.getFullYear()+"-"+a+"-"+o}},timeStampToLineYmd:function(e){if(e){var t=new Date(e),n=t.getMonth()+1,o=t.getDate()<10?"0"+t.getDate():t.getDate(),a=n<10?"0"+n:n;return t.getFullYear()+"/"+a+"/"+o}},timeStampToHms:function(e){if(e){var t=new Date(e);return(t.getHours()<10?"0"+t.getHours():t.getHours())+":"+(t.getMinutes()<10?"0"+t.getMinutes():t.getMinutes())+":"+(t.getSeconds()<10?"0"+t.getSeconds():t.getSeconds())}},timeStampToMd:function(e){if(e){var t=new Date(e),n=t.getMonth()+1,o=t.getDate()<10?"0"+t.getDate():t.getDate();return(n<10?"0"+n:n)+"-"+o}}});i.a.polyfill(),Vue.config.productionTip=!1,Vue.use(D.a,{size:"large"}),Vue.use(w.a,k.a),Vue.axios.defaults.withCredentials=!0,a()(V).forEach(function(e){Vue.filter(e,V[e])}),new Vue({el:"#app",router:I,store:T,components:{App:s},template:"<App/>"})},Opzk:function(e,t,n){var o={"./errorPage/403.vue":["6XGN",8],"./errorPage/404.vue":["AejC",9],"./errorPage/500.vue":["FskK",7],"./errorPage/index.vue":["ODjX",1],"./index/home.vue":["BB8f",0,4],"./index/index.vue":["JXTs",0,2],"./index/noticeDetail.vue":["m2x8",0,6],"./index/noticeList.vue":["U6qK",0,3],"./login/index.vue":["T+/8",0,5]};function a(e){var t=o[e];return t?Promise.all(t.slice(1).map(n.e)).then(function(){return n(t[0])}):Promise.reject(new Error("Cannot find module '"+e+"'."))}a.keys=function(){return Object.keys(o)},a.id="Opzk",e.exports=a},SJI6:function(e,t){e.exports=Vuex},Xcu2:function(e,t){},lRwf:function(e,t){e.exports=Vue},pRNm:function(e,t){e.exports=VueRouter},uKUT:function(e,t){}},[0]);
\ No newline at end of file
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(d=0;d<c.length;d++)u=o(o.s=c[d]);return u};var r={},t={13:0};function o(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,o),t.l=!0,t.exports}o.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,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"dc5820857959176b1da4",1:"0ebe3ead93207dc78a78",2:"78f59f0e37cbd9544576",3:"953747746c3caf71cd86",4:"2ff0ba051a42a51dbec4",5:"7f078713325b19d220a1",6:"4a571dddcc1a56031102",7:"3b027583d4af17e36af0",8:"5e787f5eb2f4bd7cfb7b",9:"9caad4c0ba5b8b4813ee",10:"63807a09986add449f8a"}[e]+".js";var f=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var i,u,f,d=0,s=[];d<r.length;d++)u=r[d],t[u]&&s.push(t[u][0]),t[u]=0;for(i in c)Object.prototype.hasOwnProperty.call(c,i)&&(e[i]=c[i]);for(n&&n(r,c,a);s.length;)s.shift()();if(a)for(d=0;d<a.length;d++)f=o(o.s=a[d]);return f};var r={},t={12:0};function o(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,o),t.l=!0,t.exports}o.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,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"dc5820857959176b1da4",1:"0ebe3ead93207dc78a78",2:"1c016ea9a3298b6e4a59",3:"85c10ec1a15d9c34cccb",4:"2ff0ba051a42a51dbec4",5:"5363361069200e3e0740",6:"50511dca4c0c949d1c44",7:"7a9f6ebfddf9cc979084",8:"767565e25e9757d96d88",9:"d09f88496f390e11bc0b"}[e]+".js";var i=setTimeout(u,12e4);function u(){a.onerror=a.onload=null,clearTimeout(i);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=u,c.appendChild(a),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
\ No newline at end of file
/**
* 开放平台文档 API
*/
import { getRequest } from './api';
export const PREFIX = '/open-platform-home-web/';
// 文档菜单
export const getMenu = params => getRequest(`${PREFIX}tree-menu`, params);
<!--
<open-doc-footer></open-doc-footer>
import openDocFooter from '@/components/open-doc-footer.vue';
-->
<template>
<div class="home-footer-content">
<div class="home-site-footer">
<p>Copyright © {{ new Date().getFullYear() }} 浙江达摩网络科技有限公司 | 浙ICP备15033117号-1</p>
</div>
</div>
</template>
<script>
export default {
name: 'index',
data() {
return {};
}
};
</script>
<style lang="less" scoped>
.home-footer-content {
width: 100%;
height: 60px;
line-height: 60px;
.home-site-footer {
width: 100%;
height: 60px;
line-height: 60px;
background: #fff;
text-align: center;
font-size: 13px;
color: #34495e;
}
}
</style>
<!--
<open-doc-header :currentTab="currentTab"></open-doc-header>
import openDocHeader from '@/components/open-doc-header.vue';
-->
<template>
<div class="open-header">
<div class="open-header-wrap border-box flex ">
<div class="open-header-left" @click="toHome"><img src="../assets/logo_01.png" alt="" /></div>
<div class="open-header-right border-box">
<div class="open-header-right_wrap flex flex-space-between">
<ul class="flex">
<li v-for="(item, index) in openMenuData" :key="index + 'menu'" :class="['menu-li border-box', currentTab == item.menuId ? 'active-tab' : '']" @click.stop.prevent="toRedirect(item)">
<span>{{ item.menuName }}</span>
</li>
</ul>
<div class="search-wrap">
<el-input placeholder="请输入搜索内容" prefix-icon="el-icon-search" v-model="searchValue"> </el-input>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'vue-open-header',
props: {
currentTab: {
type: [String, Number],
default() {
return '2';
}
}
},
data() {
return {
openMenuData: [
{
menuId: '2',
menuName: '开发者接入',
menuUrl: ''
},
{
menuId: '1',
menuName: '解决方案',
menuUrl: ''
}
],
searchValue: ''
};
},
methods: {
toRedirect(item) {
const that = this;
that.$emit('changeTab', item.menuId);
},
toHome() {
const that = this;
that.$router.push('/home');
}
},
watch: {
$route: {
handler: function(val, oldVal) {
// console.log('获取当前路由:', val);
},
// 深度观察监听
deep: true
}
},
/* 接收数据 */
mounted() {
var that = this;
that.pathName = that.$route.path;
}
};
</script>
<style lang="less" scoped>
.open-header {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 58px;
line-height: 58px;
background: #fff;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.03);
z-index: 3;
&-wrap {
width: 100%;
margin: 0 auto;
height: 58px;
line-height: 58px;
.open-header-left {
position: relative;
width: 300px;
text-align: center;
cursor: pointer;
&::after {
content: '';
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 21px;
border-right: 1px solid #e1e6ef;
}
img {
display: inline-block;
vertical-align: middle;
}
span {
font-size: 17px;
}
}
.open-header-right {
width: calc(100% - 300px);
padding: 0 40px 0 32px;
.open-header-right_wrap {
height: 58px;
}
ul {
.menu-li {
position: relative;
margin-right: 32px;
height: 58px;
line-height: 58px;
font-size: 14px;
color: #16214a;
cursor: pointer;
&.active-tab {
color: #4c70e8;
border-bottom: 2px solid #4c70e8;
}
.icon-arrow_right {
display: inline-block;
padding: 0 4px;
font-size: 12px;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-o-transition: 0.3s all;
-ms-transition: 0.3s all;
transition: 0.3s all;
}
&:hover {
color: #4c70e8;
border-bottom: 2px solid #4c70e8;
.icon-arrow_right {
color: #4c70e8;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.menu-child {
display: block;
}
}
.menu-child {
display: none;
position: absolute;
top: 58px;
left: -30px;
width: 140px;
// border: 1px solid #ebeef5;
border-radius: 0px;
background: #ffffff;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
z-index: 1;
.child-menu-ul {
padding: 20px 0 20px 32px;
}
.child-item-menu {
line-height: 40px;
margin: 0;
cursor: pointer;
outline: none;
font-size: 14px;
color: #16214a;
&:hover {
color: #4c70e8;
}
}
}
}
}
.search-wrap {
position: relative;
&::after {
content: '';
position: absolute;
left: -12px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 21px;
border-left: 1px solid #e1e6ef;
}
.el-input {
/deep/ .el-input__inner {
border: none;
padding-left: 33px;
}
/deep/ .el-input__prefix {
color: #34495e;
font-size: 16px;
.child-item-menu {
color: #34495e;
}
}
}
}
}
}
}
</style>
<!--
<open-doc-left :currentTab="currentTab" @changeDoc="changeDoc"></open-doc-left>
import openDocLeft from '@/components/open-doc-left.vue';
-->
<template>
<div class="document-left-body border-box">
<ul class="document-ul">
<template v-for="(item, index) in menuData">
<li :key="index + 'level1'">
<div :class="['li-cell flex flex-space-between', activeId == item.menuId ? 'active-menu' : '']" @click="changeMenu(item)">
<span class="li-cell-name">{{ item.menuName }}</span>
<span v-if="item.children && item.children.length" :class="['li-cell-icon font_family icon-arrow_right', item.expanded ? 'rotate-icon' : '']"></span>
<span v-if="!item.children || !item.children.length" class="li-cell-icon icon-round"></span>
</div>
<ul v-if="item.children && item.children.length && item.expanded">
<template v-for="(levelTwo, two) in item.children">
<li :key="two + 'level1'">
<div :class="['li-cell flex flex-space-between', activeId == levelTwo.menuId ? 'active-menu' : '']" @click="changeMenu(levelTwo)">
<span class="li-cell-name">{{ levelTwo.menuName }}</span>
<span v-if="levelTwo.children && levelTwo.children.length" :class="['li-cell-icon font_family icon-arrow_right', levelTwo.expanded ? 'rotate-icon' : '']"></span>
<span v-if="!levelTwo.children || !levelTwo.children.length" class="li-cell-icon icon-round"></span>
</div>
<ul v-if="levelTwo.children && levelTwo.children.length && levelTwo.expanded">
<template v-for="(levelThree, three) in levelTwo.children">
<li :key="three + 'level1'">
<div :class="['li-cell flex flex-space-between', activeId == levelThree.menuId ? 'active-menu' : '']" @click="changeMenu(levelThree)">
<span class="li-cell-name">{{ levelThree.menuName }}</span>
<span v-if="levelThree.children && levelThree.children.length" :class="['li-cell-icon font_family icon-arrow_right', levelThree.expanded ? 'rotate-icon' : '']"></span>
<span v-if="!levelThree.children || !levelThree.children.length" class="li-cell-icon icon-round"></span>
</div>
<ul v-if="levelThree.children && levelThree.children.length && levelThree.expanded">
<template v-for="(levelFour, four) in levelThree.children">
<li :key="four + 'level1'">
<div :class="['li-cell flex flex-space-between', activeId == levelFour.menuId ? 'active-menu' : '']" @click="changeMenu(levelFour)">
<span class="li-cell-name">{{ levelFour.menuName }}</span>
<span class="li-cell-icon icon-round"></span>
</div>
</li>
</template>
</ul>
</li>
</template>
</ul>
</li>
</template>
</ul>
</li>
</template>
</ul>
</div>
</template>
<script>
import { getMenu } from '@/api/document';
import errMsg from '@/assets/js/error';
export default {
props: {
currentTab: {
type: [String, Number],
default() {
return '2';
}
}
},
data() {
return {
parentId: this.currentTab, // 1:解决方案,2:开发者接入
activeId: '',
menuData: [
{
level: 1,
memo: '嗷呜',
menuId: '44498258223366144',
menuName: '第四个关联了api128',
operator: '10',
operatorName: '蘑菇',
parentId: '1',
relationData: '',
seq: 0,
subType: 1,
updateFlag: 1,
expanded: false, // 新增展开
children: [
{
level: 2,
memo: '嗷呜',
menuId: '444982582233661446',
menuName: '第四个关联了api128',
operator: '10',
operatorName: '蘑菇',
parentId: '1',
relationData: '',
seq: 0,
subType: 1,
updateFlag: 1,
expanded: false, // 新增展开
children: [
{
level: 3,
memo: '嗷呜',
menuId: '4449825822336614646',
menuName: '第四个关联了api128',
operator: '10',
operatorName: '蘑菇',
parentId: '1',
relationData: '',
seq: 0,
subType: 1,
updateFlag: 1,
expanded: false // 新增展开
}
]
}
]
},
{
level: 1,
memo: '嗷呜',
menuId: '111825822336614646',
menuName: '第四个关联了api128',
operator: '10',
operatorName: '蘑菇',
parentId: '1',
relationData: '',
seq: 0,
subType: 1,
updateFlag: 1,
expanded: false // 新增展开
}
]
};
},
methods: {
changeMenu(item) {
const that = this;
// 注意:这里要判断是否有子级,是否展开,是否关联
that.activeId = item.menuId;
if (item.children && item.children.length) {
item.expanded = !item.expanded;
}
that.$emit('changeDoc', that.activeId);
},
getMenuData(parentId) {
const that = this;
let para = {
parentId: parentId
};
getMenu(para)
.then(res => {
let resData = res.data;
if (resData.code == '0000') {
if (!!resData.result && resData.result.length) {
resData.result.forEach(ele => {
ele.expanded = false;
ele.children = [];
});
}
that.menuData = resData.result || [];
return;
}
errMsg.errorMsg(resData);
})
.catch(function(error) {
that.$message.error({
duration: 1000,
message: error.message
});
});
}
},
watch: {
currentTab(newData, oldData) {
this.parentId = newData;
this.getMenuData(newData);
}
},
mounted() {
const that = this;
that.parentId = that.currentTab;
that.getMenuData(that.parentId);
}
};
</script>
<style lang="less" scoped>
.document-left-body {
position: relative;
padding: 10px 40px 0 40px;
.document-ul {
.li-cell {
height: 40px;
line-height: 40px;
font-size: 14px;
color: #142655;
cursor: pointer;
.icon-round {
display: inline-block;
width: 3px;
height: 3px;
border: 1px solid #cacfd6;
align-self: center;
border-radius: 50%;
}
.li-cell-name {
width: 206px;
min-width: 206px;
max-width: 206px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
&:hover {
.li-cell-name {
color: #4c70e8;
}
.li-cell-icon {
color: #4c70e8;
&.icon-round {
border-color: #4c70e8;
}
}
}
&.active-menu {
.li-cell-name {
color: #4c70e8;
}
.li-cell-icon {
color: #4c70e8;
&.icon-round {
border-color: #4c70e8;
}
}
}
.icon-arrow_right {
display: inline-block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
&.rotate-icon {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
}
}
}
}
</style>
<template>
<div class="document-right">
<div class="document-right-body border-box"></div>
<open-doc-footer></open-doc-footer>
</div>
</template>
<script>
import openDocFooter from '@/components/open-doc-footer.vue';
export default {
components: {
openDocFooter
}
};
</script>
<style lang="less" scoped>
.document-right {
position: relative;
.document-right-body {
width: 900px;
margin: 0 auto;
min-height: calc(100vh - 118px;);
}
}
</style>
......@@ -30,11 +30,11 @@ export default {
openMenuData: [
{
menuName: '开发者接入',
menuUrl: ''
menuUrl: '/document?currentTab=2'
},
{
menuName: '解决方案',
menuUrl: ''
menuUrl: '/document?currentTab=1'
},
{
menuName: '开发者中心',
......
......@@ -58,7 +58,11 @@ export const constantRouterMap = [
}
]
},
{
path: '/document',
name: '文档中心',
component: _import('document', 'index')
},
{
path: '/403',
name: '无权访问',
......
<template>
<div class="document-center">
<open-doc-header :currentTab="currentTab" @changeTab="changeTab"></open-doc-header>
<div class="document-center-body">
<div class="document-center-body_wrap flex">
<div class="document-center-left border-box">
<open-doc-left :currentTab="currentTab"></open-doc-left>
</div>
<div class="document-center-right">
<open-doc-right :currentDoc="currentDoc"></open-doc-right>
</div>
</div>
</div>
</div>
</template>
<script>
import openDocHeader from '@/components/open-doc-header.vue';
import openDocLeft from '@/components/open-doc-left.vue';
import openDocRight from '@/components/open-doc-right.vue';
export default {
components: {
openDocHeader,
openDocLeft,
openDocRight
},
data() {
return {
currentTab: '2',
currentDoc: ''
};
},
methods: {
changeTab(tab) {
const that = this;
that.currentTab = tab;
}
},
mounted() {
const that = this;
that.currentTab = that.$route.query.currentTab || '2';
}
};
</script>
<style lang="less" scoped>
.document-center {
.document-center-body {
position: relative;
width: 100%;
height: calc(100vh - 58px);
margin-top: 58px;
.document-center-body_wrap {
width: 100%;
height: 100%;
.document-center-left {
position: relative;
width: 300px;
height: 100%;
background: #f5f7f9;
&::after {
content: '';
position: absolute;
right: 0;
top: 0;
width: 0;
height: 100%;
border-right: 1px solid #e1e6ef;
}
}
.document-center-right {
width: calc(100% - 300px);
height: 100%;
background: #fff;
overflow-y: auto;
}
}
}
}
</style>
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