{"ast":null,"code":"import { computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { useStore } from 'vuex';\nimport { Document, Plus, List, User } from '@element-plus/icons-vue';\nimport { ElMessage } from 'element-plus';\nimport { logout } from '@/api/auth';\nexport default {\n  __name: 'index',\n  setup(__props, {\n    expose: __expose\n  }) {\n    __expose();\n    const route = useRoute();\n    const router = useRouter();\n    const store = useStore();\n    const userInfo = computed(() => store.state.userInfo);\n    const handleLogout = async () => {\n      try {\n        await logout();\n        store.dispatch('logout');\n        ElMessage.success('退出成功');\n        router.push('/login');\n      } catch (error) {\n        console.error('退出失败:', error);\n        store.dispatch('logout');\n        router.push('/login');\n      }\n    };\n\n    // 根据用户角色计算菜单项\n    const menuItems = computed(() => {\n      const role = store.state.userInfo.role;\n      const items = [{\n        key: 'orders',\n        label: '我的订单',\n        path: '/orders/my',\n        icon: 'el-icon-document'\n      }];\n\n      // 仓库管理员可以创建订单\n      if (role === 'ROLE_WAREHOUSE_ADMIN') {\n        items.push({\n          key: 'createOrder',\n          label: '创建订单',\n          path: '/orders/create',\n          icon: 'el-icon-plus'\n        });\n      }\n\n      // 管理员和物流管理员可以查看所有订单\n      if (['ROLE_ADMIN', 'ROLE_LOGISTICS_ADMIN'].includes(role)) {\n        items.push({\n          key: 'allOrders',\n          label: '全部订单',\n          path: '/admin/orders',\n          icon: 'el-icon-tickets'\n        });\n      }\n\n      // 只有超级管理员可以管理用户\n      if (role === 'ROLE_ADMIN') {\n        items.push({\n          key: 'users',\n          label: '用户管理',\n          path: '/admin/users',\n          icon: 'el-icon-user'\n        });\n      }\n      return items;\n    });\n    const __returned__ = {\n      route,\n      router,\n      store,\n      userInfo,\n      handleLogout,\n      menuItems,\n      computed,\n      get useRoute() {\n        return useRoute;\n      },\n      get useRouter() {\n        return useRouter;\n      },\n      get useStore() {\n        return useStore;\n      },\n      get Document() {\n        return Document;\n      },\n      get Plus() {\n        return Plus;\n      },\n      get List() {\n        return List;\n      },\n      get User() {\n        return User;\n      },\n      get ElMessage() {\n        return ElMessage;\n      },\n      get logout() {\n        return logout;\n      }\n    };\n    Object.defineProperty(__returned__, '__isScriptSetup', {\n      enumerable: false,\n      value: true\n    });\n    return __returned__;\n  }\n};","map":{"version":3,"names":["computed","useRoute","useRouter","useStore","Document","Plus","List","User","ElMessage","logout","route","router","store","userInfo","state","handleLogout","dispatch","success","push","error","console","menuItems","role","items","key","label","path","icon","includes"],"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        <!-- 管理员和物流管理员看到\"全部订单\"，其他用户看到\"我的订单\" -->\r\n        <el-menu-item \r\n          :index=\"['ROLE_ADMIN', 'ROLE_LOGISTICS_ADMIN'].includes(userInfo.role) ? '/admin/orders' : '/orders/my'\"\r\n        >\r\n          <el-icon><Document /></el-icon>\r\n          <span>{{ ['ROLE_ADMIN', 'ROLE_LOGISTICS_ADMIN'].includes(userInfo.role) ? '全部订单' : '我的订单' }}</span>\r\n        </el-menu-item>\r\n        \r\n        <!-- 仓库管理员可见 -->\r\n        <el-menu-item \r\n          v-if=\"userInfo.role === 'ROLE_WAREHOUSE_ADMIN'\"\r\n          index=\"/orders/create\"\r\n        >\r\n          <el-icon><Plus /></el-icon>\r\n          <span>创建订单</span>\r\n        </el-menu-item>\r\n\r\n        <!-- 只有管理员可见 -->\r\n        <el-menu-item \r\n          v-if=\"userInfo.role === 'ROLE_ADMIN'\"\r\n          index=\"/admin/users\"\r\n        >\r\n          <el-icon><User /></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, Plus, List, User } 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\r\n// 根据用户角色计算菜单项\r\nconst menuItems = computed(() => {\r\n  const role = store.state.userInfo.role\r\n  const items = [\r\n    {\r\n      key: 'orders',\r\n      label: '我的订单',\r\n      path: '/orders/my',\r\n      icon: 'el-icon-document'\r\n    }\r\n  ]\r\n\r\n  // 仓库管理员可以创建订单\r\n  if (role === 'ROLE_WAREHOUSE_ADMIN') {\r\n    items.push({\r\n      key: 'createOrder',\r\n      label: '创建订单',\r\n      path: '/orders/create',\r\n      icon: 'el-icon-plus'\r\n    })\r\n  }\r\n\r\n  // 管理员和物流管理员可以查看所有订单\r\n  if (['ROLE_ADMIN', 'ROLE_LOGISTICS_ADMIN'].includes(role)) {\r\n    items.push({\r\n      key: 'allOrders',\r\n      label: '全部订单',\r\n      path: '/admin/orders',\r\n      icon: 'el-icon-tickets'\r\n    })\r\n  }\r\n\r\n  // 只有超级管理员可以管理用户\r\n  if (role === 'ROLE_ADMIN') {\r\n    items.push({\r\n      key: 'users',\r\n      label: '用户管理',\r\n      path: '/admin/users',\r\n      icon: 'el-icon-user'\r\n    })\r\n  }\r\n\r\n  return items\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":"AAoDA,SAASA,QAAQ,QAAQ,KAAK;AAC9B,SAASC,QAAQ,EAAEC,SAAS,QAAQ,YAAY;AAChD,SAASC,QAAQ,QAAQ,MAAM;AAC/B,SAASC,QAAQ,EAAEC,IAAI,EAAEC,IAAI,EAAEC,IAAI,QAAQ,yBAAyB;AACpE,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,MAAM,QAAQ,YAAY;;;;;;;IAEnC,MAAMC,KAAK,GAAGT,QAAQ,CAAC,CAAC;IACxB,MAAMU,MAAM,GAAGT,SAAS,CAAC,CAAC;IAC1B,MAAMU,KAAK,GAAGT,QAAQ,CAAC,CAAC;IAExB,MAAMU,QAAQ,GAAGb,QAAQ,CAAC,MAAMY,KAAK,CAACE,KAAK,CAACD,QAAQ,CAAC;IAErD,MAAME,YAAY,GAAG,MAAAA,CAAA,KAAY;MAC/B,IAAI;QACF,MAAMN,MAAM,CAAC,CAAC;QACdG,KAAK,CAACI,QAAQ,CAAC,QAAQ,CAAC;QACxBR,SAAS,CAACS,OAAO,CAAC,MAAM,CAAC;QACzBN,MAAM,CAACO,IAAI,CAAC,QAAQ,CAAC;MACvB,CAAC,CAAC,OAAOC,KAAK,EAAE;QACdC,OAAO,CAACD,KAAK,CAAC,OAAO,EAAEA,KAAK,CAAC;QAC7BP,KAAK,CAACI,QAAQ,CAAC,QAAQ,CAAC;QACxBL,MAAM,CAACO,IAAI,CAAC,QAAQ,CAAC;MACvB;IACF,CAAC;;IAED;IACA,MAAMG,SAAS,GAAGrB,QAAQ,CAAC,MAAM;MAC/B,MAAMsB,IAAI,GAAGV,KAAK,CAACE,KAAK,CAACD,QAAQ,CAACS,IAAI;MACtC,MAAMC,KAAK,GAAG,CACZ;QACEC,GAAG,EAAE,QAAQ;QACbC,KAAK,EAAE,MAAM;QACbC,IAAI,EAAE,YAAY;QAClBC,IAAI,EAAE;MACR,CAAC,CACF;;MAED;MACA,IAAIL,IAAI,KAAK,sBAAsB,EAAE;QACnCC,KAAK,CAACL,IAAI,CAAC;UACTM,GAAG,EAAE,aAAa;UAClBC,KAAK,EAAE,MAAM;UACbC,IAAI,EAAE,gBAAgB;UACtBC,IAAI,EAAE;QACR,CAAC,CAAC;MACJ;;MAEA;MACA,IAAI,CAAC,YAAY,EAAE,sBAAsB,CAAC,CAACC,QAAQ,CAACN,IAAI,CAAC,EAAE;QACzDC,KAAK,CAACL,IAAI,CAAC;UACTM,GAAG,EAAE,WAAW;UAChBC,KAAK,EAAE,MAAM;UACbC,IAAI,EAAE,eAAe;UACrBC,IAAI,EAAE;QACR,CAAC,CAAC;MACJ;;MAEA;MACA,IAAIL,IAAI,KAAK,YAAY,EAAE;QACzBC,KAAK,CAACL,IAAI,CAAC;UACTM,GAAG,EAAE,OAAO;UACZC,KAAK,EAAE,MAAM;UACbC,IAAI,EAAE,cAAc;UACpBC,IAAI,EAAE;QACR,CAAC,CAAC;MACJ;MAEA,OAAOJ,KAAK;IACd,CAAC,CAAC","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}