{"remainingRequest":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\artfess-module\\src\\demo\\tabs.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\artfess-module\\src\\demo\\tabs.vue","mtime":1675232038762},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-module\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport CodeBox from \"@/components/CodeBox.vue\";\r\nimport AnchorWrapper from \"@/components/AnchorWrapper.vue\";\r\nimport MdView from \"@/views/MdView.vue\";\r\nimport req from \"@/api/sysType.js\";\r\nimport Table from \"@/demo/Table.vue\";\r\nimport SidebarDialog from \"@/demo/SidebarDialog.vue\";\r\nimport I18n from \"@/demo/I18n.vue\";\r\n\r\nexport default {\r\n  name: \"tabs\",\r\n  components: { CodeBox, AnchorWrapper, MdView, Table, SidebarDialog,I18n },\r\n  data() {\r\n    return {\r\n      tabPosition: \"top\",\r\n      tabType:\"\",\r\n      currentTabComponent: \"SidebarDialog\",\r\n      tabComponentOptions:[\r\n        {\"componentName\":\"Table\",label:\"用户管理\"},\r\n        {\"componentName\":\"SidebarDialog\",label:\"侧边栏对话框\"},\r\n        {\"componentName\":\"I18n\",label:\"国际化\"}\r\n      ],\r\n      demo: {\r\n        anchors: [\r\n          {\r\n            content: \"tabs标签\",\r\n            alias: \"tabs\"\r\n          }\r\n        ],\r\n        code: `\r\n          <el-radio-group v-model=\"tabPosition\" style=\"margin-bottom: 30px;\">\r\n            <el-radio-button label=\"top\">top</el-radio-button>\r\n            <el-radio-button label=\"right\">right</el-radio-button>\r\n            <el-radio-button label=\"bottom\">bottom</el-radio-button>\r\n            <el-radio-button label=\"left\">left</el-radio-button>\r\n          </el-radio-group>\r\n\r\n          <el-tabs\r\n            v-model=\"currentTabComponent\"\r\n            :tab-position=\"tabPosition\"\r\n            @tab-click=\"handlePaneClick\"\r\n          >\r\n            <el-tab-pane :name=\"tabComponent.componentName\" v-for=\"(tabComponent,index) in tabComponentOptions\" :key=\"index\">\r\n              <span slot=\"label\">\r\n                <el-link :underline=\"false\" :href=\"genHref(tabComponent.componentName)\">{{tabComponent.label}}</el-link>\r\n              </span>\r\n              <keep-alive>\r\n                <component v-bind:is=\"currentTabComponent\"></component>\r\n              </keep-alive>\r\n            </el-tab-pane>\r\n          </el-tabs>\r\n              `\r\n      }\r\n    };\r\n  },\r\n  methods: {\r\n    handlePaneClick: function(data) {\r\n      if (data.name) {\r\n        this.currentTabComponent = data.name;\r\n      }\r\n    },\r\n    genHref(anchor){\r\n      if(this.$router.mode==\"history\"){\r\n        return \"#\"+anchor;\r\n      }\r\n      return \"/#\"+this.$route.path+\"#\" + anchor;\r\n    }\r\n  },\r\n  mounted() {\r\n    // 根据url#定位激活的面板\r\n    if (window.location.href.lastIndexOf(\"#\") != -1  ) {\r\n      let index = window.location.href.lastIndexOf(\"#\");\r\n      let urlAnchor = window.location.href.substr(index + 1);\r\n      this.tabComponentOptions.filter(item => {\r\n        if(item.componentName == urlAnchor){\r\n          this.currentTabComponent = urlAnchor;\r\n        }\r\n      });\r\n      \r\n    }\r\n\r\n    let _this = this;\r\n    req.getSysTypeData({}).then(function(data) {\r\n      _this.data = data;\r\n    });\r\n  }\r\n};\r\n",null]}