{"ast":null,"code":"import { createElementVNode as _createElementVNode, createVNode as _createVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\";\nconst _hoisted_1 = {\n  class: \"header-right\"\n};\nexport function render(_ctx, _cache, $props, $setup, $data, $options) {\n  const _component_el_icon = _resolveComponent(\"el-icon\");\n  const _component_el_menu_item = _resolveComponent(\"el-menu-item\");\n  const _component_el_menu = _resolveComponent(\"el-menu\");\n  const _component_el_aside = _resolveComponent(\"el-aside\");\n  const _component_el_button = _resolveComponent(\"el-button\");\n  const _component_el_header = _resolveComponent(\"el-header\");\n  const _component_router_view = _resolveComponent(\"router-view\");\n  const _component_el_main = _resolveComponent(\"el-main\");\n  const _component_el_container = _resolveComponent(\"el-container\");\n  return _openBlock(), _createBlock(_component_el_container, {\n    class: \"layout-container\"\n  }, {\n    default: _withCtx(() => [_createVNode(_component_el_aside, {\n      width: \"200px\"\n    }, {\n      default: _withCtx(() => [_cache[1] || (_cache[1] = _createElementVNode(\"div\", {\n        class: \"logo\"\n      }, \"物流管理系统\", -1 /* HOISTED */)), _createVNode(_component_el_menu, {\n        router: true,\n        \"default-active\": $setup.route.path\n      }, {\n        default: _withCtx(() => [_createVNode(_component_el_menu_item, {\n          index: \"/orders/my\"\n        }, {\n          default: _withCtx(() => [_createVNode(_component_el_icon, null, {\n            default: _withCtx(() => [_createVNode($setup[\"Document\"])]),\n            _: 1 /* STABLE */\n          }), _cache[0] || (_cache[0] = _createElementVNode(\"span\", null, \"我的订单\", -1 /* HOISTED */))]),\n          _: 1 /* STABLE */\n        })]),\n        _: 1 /* STABLE */\n      }, 8 /* PROPS */, [\"default-active\"])]),\n      _: 1 /* STABLE */\n    }), _createVNode(_component_el_container, null, {\n      default: _withCtx(() => [_createVNode(_component_el_header, null, {\n        default: _withCtx(() => [_createElementVNode(\"div\", _hoisted_1, [_createElementVNode(\"span\", null, _toDisplayString($setup.userInfo.username), 1 /* TEXT */), _createVNode(_component_el_button, {\n          type: \"text\",\n          onClick: $setup.handleLogout\n        }, {\n          default: _withCtx(() => _cache[2] || (_cache[2] = [_createTextVNode(\"退出登录\")])),\n          _: 1 /* STABLE */\n        })])]),\n        _: 1 /* STABLE */\n      }), _createVNode(_component_el_main, null, {\n        default: _withCtx(() => [_createVNode(_component_router_view)]),\n        _: 1 /* STABLE */\n      })]),\n      _: 1 /* STABLE */\n    })]),\n    _: 1 /* STABLE */\n  });\n}","map":{"version":3,"names":["class","_createBlock","_component_el_container","default","_withCtx","_createVNode","_component_el_aside","width","_createElementVNode","_component_el_menu","router","$setup","route","path","_component_el_menu_item","index","_component_el_icon","_","_component_el_header","_hoisted_1","_toDisplayString","userInfo","username","_component_el_button","type","onClick","handleLogout","_cache","_createTextVNode","_component_el_main","_component_router_view"],"sources":["D:\\language\\VScode\\Front-end logistics\\src\\components\\layout\\index.vue"],"sourcesContent":["<template>\r\n  <el-container class=\"layout-container\">\r\n    <el-aside width=\"200px\">\r\n      <div class=\"logo\">物流管理系统</div>\r\n      <el-menu\r\n        :router=\"true\"\r\n        :default-active=\"route.path\"\r\n      >\r\n        <el-menu-item index=\"/orders/my\">\r\n          <el-icon><Document /></el-icon>\r\n          <span>我的订单</span>\r\n        </el-menu-item>\r\n      </el-menu>\r\n    </el-aside>\r\n    \r\n    <el-container>\r\n      <el-header>\r\n        <div class=\"header-right\">\r\n          <span>{{ userInfo.username }}</span>\r\n          <el-button type=\"text\" @click=\"handleLogout\">退出登录</el-button>\r\n        </div>\r\n      </el-header>\r\n      \r\n      <el-main>\r\n        <router-view></router-view>\r\n      </el-main>\r\n    </el-container>\r\n  </el-container>\r\n</template>\r\n\r\n<script setup>\r\nimport { computed } from 'vue'\r\nimport { useRoute, useRouter } from 'vue-router'\r\nimport { useStore } from 'vuex'\r\nimport { Document } from '@element-plus/icons-vue'\r\nimport { ElMessage } from 'element-plus'\r\nimport { logout } from '@/api/auth'\r\n\r\nconst route = useRoute()\r\nconst router = useRouter()\r\nconst store = useStore()\r\n\r\nconst userInfo = computed(() => store.state.userInfo)\r\n\r\nconst handleLogout = async () => {\r\n  try {\r\n    await logout()\r\n    store.dispatch('logout')\r\n    ElMessage.success('退出成功')\r\n    router.push('/login')\r\n  } catch (error) {\r\n    console.error('退出失败:', error)\r\n    store.dispatch('logout')\r\n    router.push('/login')\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.layout-container {\r\n  height: 100vh;\r\n}\r\n\r\n.logo {\r\n  height: 60px;\r\n  line-height: 60px;\r\n  text-align: center;\r\n  font-size: 20px;\r\n  font-weight: bold;\r\n  color: #409EFF;\r\n  border-bottom: 1px solid #DCDFE6;\r\n}\r\n\r\n.el-aside {\r\n  background-color: #fff;\r\n  border-right: 1px solid #DCDFE6;\r\n}\r\n\r\n.el-header {\r\n  background-color: #fff;\r\n  border-bottom: 1px solid #DCDFE6;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  padding: 0 20px;\r\n}\r\n\r\n.header-right {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n}\r\n\r\n.el-main {\r\n  background-color: #f5f5f5;\r\n  padding: 20px;\r\n}\r\n</style> "],"mappings":";;EAiBaA,KAAK,EAAC;AAAc;;;;;;;;;;;uBAhB/BC,YAAA,CA0BeC,uBAAA;IA1BDF,KAAK,EAAC;EAAkB;IADxCG,OAAA,EAAAC,QAAA,CAEI,MAWW,CAXXC,YAAA,CAWWC,mBAAA;MAXDC,KAAK,EAAC;IAAO;MAF3BJ,OAAA,EAAAC,QAAA,CAGM,MAA8B,C,0BAA9BI,mBAAA,CAA8B;QAAzBR,KAAK,EAAC;MAAM,GAAC,QAAM,sBACxBK,YAAA,CAQUI,kBAAA;QAPPC,MAAM,EAAE,IAAI;QACZ,gBAAc,EAAEC,MAAA,CAAAC,KAAK,CAACC;;QAN/BV,OAAA,EAAAC,QAAA,CAQQ,MAGe,CAHfC,YAAA,CAGeS,uBAAA;UAHDC,KAAK,EAAC;QAAY;UARxCZ,OAAA,EAAAC,QAAA,CASU,MAA+B,CAA/BC,YAAA,CAA+BW,kBAAA;YATzCb,OAAA,EAAAC,QAAA,CASmB,MAAY,CAAZC,YAAA,CAAYM,MAAA,c;YAT/BM,CAAA;wCAUUT,mBAAA,CAAiB,cAAX,MAAI,qB;UAVpBS,CAAA;;QAAAA,CAAA;;MAAAA,CAAA;QAeIZ,YAAA,CAWeH,uBAAA;MA1BnBC,OAAA,EAAAC,QAAA,CAgBM,MAKY,CALZC,YAAA,CAKYa,oBAAA;QArBlBf,OAAA,EAAAC,QAAA,CAiBQ,MAGM,CAHNI,mBAAA,CAGM,OAHNW,UAGM,GAFJX,mBAAA,CAAoC,cAAAY,gBAAA,CAA3BT,MAAA,CAAAU,QAAQ,CAACC,QAAQ,kBAC1BjB,YAAA,CAA6DkB,oBAAA;UAAlDC,IAAI,EAAC,MAAM;UAAEC,OAAK,EAAEd,MAAA,CAAAe;;UAnBzCvB,OAAA,EAAAC,QAAA,CAmBuD,MAAIuB,MAAA,QAAAA,MAAA,OAnB3DC,gBAAA,CAmBuD,MAAI,E;UAnB3DX,CAAA;;QAAAA,CAAA;UAuBMZ,YAAA,CAEUwB,kBAAA;QAzBhB1B,OAAA,EAAAC,QAAA,CAwBQ,MAA2B,CAA3BC,YAAA,CAA2ByB,sBAAA,E;QAxBnCb,CAAA;;MAAAA,CAAA;;IAAAA,CAAA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}