(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-725d1b43"],{1799:function(t,e,n){"use strict";n("5a13")},"5a13":function(t,e,n){},b132:function(t,e,n){"use strict";n.r(e);var o=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("el-row",{attrs:{gutter:20}},[n("el-col",{attrs:{span:24}},[n("MdView",[[t._v("# tabs标签页")]],2),n("CodeBox",{attrs:{name:"tabs标签页",alias:"tabs",code:t.demo.code,desc:"elementUItabs用法"}},[n("template",{slot:"demo"},[n("el-radio-group",{staticStyle:{"margin-bottom":"30px"},model:{value:t.tabPosition,callback:function(e){t.tabPosition=e},expression:"tabPosition"}},[n("el-radio-button",{attrs:{label:"top"}},[t._v("top")]),n("el-radio-button",{attrs:{label:"right"}},[t._v("right")]),n("el-radio-button",{attrs:{label:"bottom"}},[t._v("bottom")]),n("el-radio-button",{attrs:{label:"left"}},[t._v("left")])],1),n("el-radio-group",{staticStyle:{"margin-bottom":"30px"},model:{value:t.tabType,callback:function(e){t.tabType=e},expression:"tabType"}},[n("el-radio-button",{attrs:{label:"card"}},[t._v("选项卡样式")]),n("el-radio-button",{attrs:{label:""}},[t._v("默认样式")]),n("el-radio-button",{attrs:{label:"border-card"}},[t._v("卡片化的标签页")])],1),n("el-tabs",{attrs:{"tab-position":t.tabPosition,type:t.tabType},on:{"tab-click":t.handlePaneClick},model:{value:t.currentTabComponent,callback:function(e){t.currentTabComponent=e},expression:"currentTabComponent"}},t._l(t.tabComponentOptions,(function(e,o){return n("el-tab-pane",{key:o,attrs:{name:e.componentName}},[n("span",{attrs:{slot:"label"},slot:"label"},[n("el-link",{attrs:{underline:!1,href:t.genHref(e.componentName)}},[t._v(t._s(e.label))])],1),n("keep-alive",[n(t.currentTabComponent,{tag:"component"})],1)],1)})),1)],1)],2)],1)],1)},a=[],l=(n("7f7f"),n("ae9b")),i=n("c396"),r=n("a55f"),b=n("88de"),s=n("2a5ef"),p=n("e627"),c=n("2835"),m={name:"tabs",components:{CodeBox:l["a"],AnchorWrapper:i["a"],MdView:r["a"],Table:s["a"],SidebarDialog:p["a"],I18n:c["a"]},data:function(){return{tabPosition:"top",tabType:"",currentTabComponent:"SidebarDialog",tabComponentOptions:[{componentName:"Table",label:"用户管理"},{componentName:"SidebarDialog",label:"侧边栏对话框"},{componentName:"I18n",label:"国际化"}],demo:{anchors:[{content:"tabs标签",alias:"tabs"}],code:'\n          <el-radio-group v-model="tabPosition" style="margin-bottom: 30px;">\n            <el-radio-button label="top">top</el-radio-button>\n            <el-radio-button label="right">right</el-radio-button>\n            <el-radio-button label="bottom">bottom</el-radio-button>\n            <el-radio-button label="left">left</el-radio-button>\n          </el-radio-group>\n\n          <el-tabs\n            v-model="currentTabComponent"\n            :tab-position="tabPosition"\n            @tab-click="handlePaneClick"\n          >\n            <el-tab-pane :name="tabComponent.componentName" v-for="(tabComponent,index) in tabComponentOptions" :key="index">\n              <span slot="label">\n                <el-link :underline="false" :href="genHref(tabComponent.componentName)">{{tabComponent.label}}</el-link>\n              </span>\n              <keep-alive>\n                <component v-bind:is="currentTabComponent"></component>\n              </keep-alive>\n            </el-tab-pane>\n          </el-tabs>\n              '}}},methods:{handlePaneClick:function(t){t.name&&(this.currentTabComponent=t.name)},genHref:function(t){return"history"==this.$router.mode?"#"+t:"/#"+this.$route.path+"#"+t}},mounted:function(){var t=this;if(-1!=window.location.href.lastIndexOf("#")){var e=window.location.href.lastIndexOf("#"),n=window.location.href.substr(e+1);this.tabComponentOptions.filter((function(e){e.componentName==n&&(t.currentTabComponent=n)}))}var o=this;b["a"].getSysTypeData({}).then((function(t){o.data=t}))}},d=m,u=(n("1799"),n("2877")),f=Object(u["a"])(d,o,a,!1,null,"3e16f73c",null);e["default"]=f.exports}}]);