|
@@ -48,10 +48,9 @@
|
|
|
</router-link>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- </div><!-- items-center -->
|
|
|
- <div
|
|
|
- class="sm:flex-1 ltr:sm:ml-0 ltr:ml-auto sm:rtl:mr-0 rtl:mr-auto flex space-x-1.5 lg:space-x-2 rtl:space-x-reverse dark:text-[#d0d2d6]"
|
|
|
- >
|
|
|
+ </div>
|
|
|
+ <!-- items-center -->
|
|
|
+ <div class="sm:flex-1 ltr:sm:ml-0 ltr:ml-auto sm:rtl:mr-0 rtl:mr-auto flex space-x-1.5 lg:space-x-2 rtl:space-x-reverse dark:text-[#d0d2d6]">
|
|
|
<div class="sm:ltr:mr-auto sm:rtl:ml-auto">
|
|
|
<form
|
|
|
class="sm:relative absolute inset-x-0 sm:top-0 top-1/2 sm:translate-y-0 -translate-y-1/2 sm:mx-0 mx-4 z-10 sm:block hidden"
|
|
@@ -215,26 +214,28 @@
|
|
|
<h4 class="text-base">
|
|
|
{{ store.state.user.user.username }}<span class="text-xs bg-success-light rounded text-success px-1 ltr:ml-2 rtl:ml-2">Pro</span>
|
|
|
</h4>
|
|
|
- <a class="text-black/60 hover:text-primary dark:text-dark-light/60 dark:hover:text-white" href="javascript:;">{{store.state.user.user.company_vo.name}}</a>
|
|
|
+ <a class="text-black/60 hover:text-primary dark:text-dark-light/60 dark:hover:text-white" href="javascript:;">{{
|
|
|
+ store.state.user.user?.company_vo?.name || '未知公司'
|
|
|
+ }}</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="javascript:;" class="dark:hover:text-white" @click="goInfo">
|
|
|
<icon-user class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 shrink-0" />
|
|
|
- {{$t('info')}}
|
|
|
+ {{ $t('info') }}
|
|
|
</a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="javascript:;" class="dark:hover:text-white" @click="editPassword">
|
|
|
<icon-lock-dots class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 shrink-0" />
|
|
|
- {{$t('edit_password')}}
|
|
|
+ {{ $t('edit_password') }}
|
|
|
</a>
|
|
|
</li>
|
|
|
<li class="border-t border-white-light dark:border-white-light/10">
|
|
|
<a class="text-danger !py-3 dark:hover:text-white" @click="handleLogoutClick">
|
|
|
<icon-logout class="w-4.5 h-4.5 ltr:mr-2 rtl:ml-2 rotate-90 shrink-0" />
|
|
|
- {{$t('logout')}}
|
|
|
+ {{ $t('logout') }}
|
|
|
</a>
|
|
|
</li>
|
|
|
</ul>
|
|
@@ -243,6 +244,534 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <ul
|
|
|
+ class="horizontal-menu hidden py-1.5 font-semibold px-6 lg:space-x-1.5 xl:space-x-8 rtl:space-x-reverse bg-white border-t border-[#ebedf2] dark:border-[#191e3a] dark:bg-[#0e1726] text-black dark:text-white-dark"
|
|
|
+ >
|
|
|
+ <li class="menu nav-item relative">
|
|
|
+ <a href="javascript:;" class="nav-link">
|
|
|
+ <div class="flex items-center">
|
|
|
+ <icon-menu-dashboard class="shrink-0" />
|
|
|
+
|
|
|
+ <span class="px-2">{{ $t('warehouse') }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="right_arrow">
|
|
|
+ <icon-caret-down />
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <ul class="sub-menu">
|
|
|
+ <li>
|
|
|
+ <router-link to="/stock/warehouseList">{{ $t('warehouseList') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/stock/warehouseLocation">{{ $t('warehouseLocation') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/stock/goodsLend">{{ $t('goodsLend') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/stock/goodsTransfer">{{ $t('goodsTransfer') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/stock/goodsExchange">{{ $t('goodsExchange') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/stock/goodsOutBound">{{ $t('goodsOutBound') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/stock/goodsInventory">{{ $t('goodsInventory') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/stock/goodsInventoryLoss">{{ $t('goodsInventoryLoss') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/stock/goodsUnderstock">{{ $t('goodsUnderstock') }}</router-link>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li class="menu nav-item relative">
|
|
|
+ <a href="javascript:;" class="nav-link">
|
|
|
+ <div class="flex items-center">
|
|
|
+ <icon-menu-apps class="shrink-0" />
|
|
|
+
|
|
|
+ <span class="px-2">{{ $t('goods') }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="right_arrow">
|
|
|
+ <icon-caret-down />
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <ul class="sub-menu">
|
|
|
+ <li>
|
|
|
+ <router-link to="/goods/SKUlist">{{ $t('SKUList') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <!-- <li>
|
|
|
+ <router-link to="/apps/mailbox">{{ $t('mailbox') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/apps/todolist">{{ $t('todo_list') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/apps/notes">{{ $t('notes') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/apps/scrumboard">{{ $t('scrumboard') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/apps/contacts">{{ $t('contacts') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li class="relative">
|
|
|
+ <a href="javascript:;"
|
|
|
+ >{{ $t('invoice') }}
|
|
|
+ <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-90 -rotate-90">
|
|
|
+ <icon-caret-down />
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <ul
|
|
|
+ class="rounded absolute top-0 ltr:left-[95%] rtl:right-[95%] min-w-[180px] bg-white z-[10] text-dark dark:text-white-dark dark:bg-[#1b2e4b] shadow p-0 py-2 hidden"
|
|
|
+ >
|
|
|
+ <li>
|
|
|
+ <router-link to="/apps/invoice/list">{{ $t('list') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/apps/invoice/preview">{{ $t('preview') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/apps/invoice/add">{{ $t('add') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/apps/invoice/edit">{{ $t('edit') }}</router-link>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/apps/calendar">{{ $t('calendar') }}</router-link>
|
|
|
+ </li> -->
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li class="menu nav-item relative">
|
|
|
+ <a href="javascript:;" class="nav-link">
|
|
|
+ <div class="flex items-center">
|
|
|
+ <icon-menu-components class="shrink-0" />
|
|
|
+ <span class="px-2">{{ $t('companyMent') }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="right_arrow">
|
|
|
+ <icon-caret-down />
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <ul class="sub-menu">
|
|
|
+ <li>
|
|
|
+ <router-link to="/companyMent/administratorManage">{{ $t('administratorManage') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/setting/roleManage">{{ $t('roleManage') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/companyMent/branch">{{ $t('branch') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/companyMent/configMsg">{{ $t('configMsg') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/setting/systemLog">{{ $t('systemLog') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <!-- <li>
|
|
|
+ <router-link to="/components/countdown">{{ $t('countdown') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/components/counter">{{ $t('counter') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/components/sweetalert">{{ $t('sweet_alerts') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/components/timeline">{{ $t('timeline') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/components/notifications">{{ $t('notifications') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/components/media-object">{{ $t('media_object') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/components/list-group">{{ $t('list_group') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/components/pricing-table">{{ $t('pricing_tables') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/components/lightbox">{{ $t('lightbox') }}</router-link>
|
|
|
+ </li> -->
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <!-- <li class="menu nav-item relative">
|
|
|
+ <a href="javascript:;" class="nav-link">
|
|
|
+ <div class="flex items-center">
|
|
|
+ <icon-menu-elements class="shrink-0" />
|
|
|
+ <span class="px-2">{{ $t('elements') }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="right_arrow">
|
|
|
+ <icon-caret-down />
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <ul class="sub-menu">
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/alerts">{{ $t('alerts') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/avatar">{{ $t('avatar') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/badges">{{ $t('badges') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/breadcrumbs">{{ $t('breadcrumbs') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/buttons">{{ $t('buttons') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/buttons-group">{{ $t('button_groups') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/color-library">{{ $t('color_library') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/dropdown">{{ $t('dropdown') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/infobox">{{ $t('infobox') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/jumbotron">{{ $t('jumbotron') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/loader">{{ $t('loader') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/pagination">{{ $t('pagination') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/popovers">{{ $t('popovers') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/progress-bar">{{ $t('progress_bar') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/search">{{ $t('search') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/tooltips">{{ $t('tooltips') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/treeview">{{ $t('treeview') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/elements/typography">{{ $t('typography') }}</router-link>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li class="menu nav-item relative">
|
|
|
+ <a href="javascript:;" class="nav-link">
|
|
|
+ <div class="flex items-center">
|
|
|
+ <icon-menu-datatables class="shrink-0" />
|
|
|
+ <span class="px-2">{{ $t('tables') }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="right_arrow">
|
|
|
+ <icon-caret-down />
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <ul class="sub-menu">
|
|
|
+ <li>
|
|
|
+ <router-link to="/tables">{{ $t('tables') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li class="relative">
|
|
|
+ <a href="javascript:;"
|
|
|
+ >{{ $t('datatables') }}
|
|
|
+ <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-90 -rotate-90">
|
|
|
+ <icon-caret-down />
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <ul
|
|
|
+ class="rounded absolute top-0 ltr:left-[95%] rtl:right-[95%] min-w-[180px] bg-white z-[10] text-dark dark:text-white-dark dark:bg-[#1b2e4b] shadow p-0 py-2 hidden"
|
|
|
+ >
|
|
|
+ <li>
|
|
|
+ <router-link to="/datatables/basic">{{ $t('basic') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/datatables/advanced">{{ $t('advanced') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/datatables/skin">{{ $t('skin') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/datatables/order-sorting">{{ $t('order_sorting') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/datatables/columns-filter">{{ $t('columns_filter') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/datatables/multi-column">{{ $t('multi_column') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/datatables/multiple-tables">{{ $t('multiple_tables') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/datatables/alt-pagination">{{ $t('alt_pagination') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/datatables/checkbox">{{ $t('checkbox') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/datatables/range-search">{{ $t('range_search') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/datatables/export">{{ $t('export') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/datatables/sticky-header">{{ $t('sticky_header') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/datatables/clone-header">{{ $t('clone_header') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/datatables/column-chooser">{{ $t('column_chooser') }}</router-link>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li class="menu nav-item relative">
|
|
|
+ <a href="javascript:;" class="nav-link">
|
|
|
+ <div class="flex items-center">
|
|
|
+ <icon-menu-forms class="shrink-0" />
|
|
|
+ <span class="px-2">{{ $t('forms') }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="right_arrow">
|
|
|
+ <icon-caret-down />
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <ul class="sub-menu">
|
|
|
+ <li>
|
|
|
+ <router-link to="/forms/basic">{{ $t('basic') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/forms/input-group">{{ $t('input_group') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/forms/layouts">{{ $t('layouts') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/forms/validation">{{ $t('validation') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/forms/input-mask">{{ $t('input_mask') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/forms/select2">{{ $t('select2') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/forms/touchspin">{{ $t('touchspin') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/forms/checkbox-radio">{{ $t('checkbox_and_radio') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/forms/switches">{{ $t('switches') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/forms/wizards">{{ $t('wizards') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/forms/file-upload">{{ $t('file_upload') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/forms/quill-editor">{{ $t('quill_editor') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/forms/markdown-editor">{{ $t('markdown_editor') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/forms/date-picker">{{ $t('date_and_range_picker') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/forms/clipboard">{{ $t('clipboard') }}</router-link>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li class="menu nav-item relative">
|
|
|
+ <a href="javascript:;" class="nav-link">
|
|
|
+ <div class="flex items-center">
|
|
|
+ <icon-menu-pages class="shrink-0" />
|
|
|
+ <span class="px-2">{{ $t('pages') }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="right_arrow">
|
|
|
+ <icon-caret-down />
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <ul class="sub-menu">
|
|
|
+ <li class="relative">
|
|
|
+ <a href="javascript:;"
|
|
|
+ >{{ $t('users') }}
|
|
|
+ <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-90 -rotate-90">
|
|
|
+ <icon-caret-down />
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <ul
|
|
|
+ class="rounded absolute top-0 ltr:left-[95%] rtl:right-[95%] min-w-[180px] bg-white z-[10] text-dark dark:text-white-dark dark:bg-[#1b2e4b] shadow p-0 py-2 hidden"
|
|
|
+ >
|
|
|
+ <li>
|
|
|
+ <router-link to="/users/profile">{{ $t('profile') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/users/user-account-settings">{{ $t('account_settings') }}</router-link>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/pages/knowledge-base">{{ $t('knowledge_base') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/pages/contact-us-boxed" target="_blank">{{ $t('contact_us_boxed') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/pages/contact-us-cover" target="_blank">{{ $t('contact_us_cover') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/pages/faq">FAQ</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/pages/coming-soon-boxed" target="_blank">{{ $t('coming_soon_boxed') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/pages/coming-soon-cover" target="_blank">{{ $t('coming_soon_cover') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/pages/maintenence" target="_blank">{{ $t('maintenence') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li class="relative">
|
|
|
+ <a href="javascript:;"
|
|
|
+ >{{ $t('error') }}
|
|
|
+ <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-90 -rotate-90">
|
|
|
+ <icon-caret-down />
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <ul
|
|
|
+ class="rounded absolute top-0 ltr:left-[95%] rtl:right-[95%] min-w-[180px] bg-white z-[10] text-dark dark:text-white-dark dark:bg-[#1b2e4b] shadow p-0 py-2 hidden"
|
|
|
+ >
|
|
|
+ <li>
|
|
|
+ <router-link to="/pages/error404" target="_blank">{{ $t('404') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/pages/error500" target="_blank">{{ $t('500') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/pages/error503" target="_blank">{{ $t('503') }}</router-link>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li class="relative">
|
|
|
+ <a href="javascript:;"
|
|
|
+ >{{ $t('login') }}
|
|
|
+ <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-90 -rotate-90">
|
|
|
+ <icon-caret-down />
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <ul
|
|
|
+ class="rounded absolute top-0 ltr:left-[95%] rtl:right-[95%] min-w-[180px] bg-white z-[10] text-dark dark:text-white-dark dark:bg-[#1b2e4b] shadow p-0 py-2 hidden"
|
|
|
+ >
|
|
|
+ <li>
|
|
|
+ <router-link to="/auth/cover-login" target="_blank">{{ $t('login_cover') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/auth/boxed-signin" target="_blank">{{ $t('login_boxed') }}</router-link>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li class="relative">
|
|
|
+ <a href="javascript:;"
|
|
|
+ >{{ $t('register') }}
|
|
|
+ <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-90 -rotate-90">
|
|
|
+ <icon-caret-down />
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <ul
|
|
|
+ class="rounded absolute top-0 ltr:left-[95%] rtl:right-[95%] min-w-[180px] bg-white z-[10] text-dark dark:text-white-dark dark:bg-[#1b2e4b] shadow p-0 py-2 hidden"
|
|
|
+ >
|
|
|
+ <li>
|
|
|
+ <router-link to="/auth/cover-register" target="_blank">{{ $t('register_cover') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/auth/boxed-signup" target="_blank">{{ $t('register_boxed') }}</router-link>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li class="relative">
|
|
|
+ <a href="javascript:;"
|
|
|
+ >{{ $t('password_recovery') }}
|
|
|
+ <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-90 -rotate-90">
|
|
|
+ <icon-caret-down />
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <ul
|
|
|
+ class="rounded absolute top-0 ltr:left-[95%] rtl:right-[95%] min-w-[180px] bg-white z-[10] text-dark dark:text-white-dark dark:bg-[#1b2e4b] shadow p-0 py-2 hidden"
|
|
|
+ >
|
|
|
+ <li>
|
|
|
+ <router-link to="/auth/cover-password-reset" target="_blank">{{ $t('recover_id_cover') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/auth/boxed-password-reset" target="_blank">{{ $t('recover_id_boxed') }}</router-link>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li class="relative">
|
|
|
+ <a href="javascript:;"
|
|
|
+ >{{ $t('lockscreen') }}
|
|
|
+ <div class="ltr:ml-auto rtl:mr-auto rtl:rotate-90 -rotate-90">
|
|
|
+ <icon-caret-down />
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <ul
|
|
|
+ class="rounded absolute top-0 ltr:left-[95%] rtl:right-[95%] min-w-[180px] bg-white z-[10] text-dark dark:text-white-dark dark:bg-[#1b2e4b] shadow p-0 py-2 hidden"
|
|
|
+ >
|
|
|
+ <li>
|
|
|
+ <router-link to="/auth/cover-lockscreen" target="_blank">{{ $t('unlock_cover') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/auth/boxed-lockscreen" target="_blank">{{ $t('unlock_boxed') }}</router-link>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ <li class="menu nav-item relative">
|
|
|
+ <a href="javascript:;" class="nav-link">
|
|
|
+ <div class="flex items-center">
|
|
|
+ <icon-menu-more class="shrink-0" />
|
|
|
+
|
|
|
+ <span class="px-2">{{ $t('more') }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="right_arrow">
|
|
|
+ <icon-caret-down />
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ <ul class="sub-menu">
|
|
|
+ <li>
|
|
|
+ <router-link to="/dragndrop">{{ $t('drag_and_drop') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/charts">{{ $t('charts') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/font-icons">{{ $t('font_icons') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <router-link to="/widgets">{{ $t('widgets') }}</router-link>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="https://vristo.sbthemes.com" target="_blank">{{ $t('documentation') }}</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li> -->
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
</header>
|
|
|
</template>
|
|
@@ -267,12 +796,12 @@ import IconMoon from '@/components/icon/icon-moon.vue';
|
|
|
import IconLaptop from '@/components/icon/icon-laptop.vue';
|
|
|
import IconMailDot from '@/components/icon/icon-mail-dot.vue';
|
|
|
import IconArrowLeft from '@/components/icon/icon-arrow-left.vue';
|
|
|
- import IconInfoCircle from '@/components/icon/icon-info-circle.vue';
|
|
|
+import IconInfoCircle from '@/components/icon/icon-info-circle.vue';
|
|
|
import IconBellBing from '@/components/icon/icon-bell-bing.vue';
|
|
|
import IconUser from '@/components/icon/icon-user.vue';
|
|
|
import IconMail from '@/components/icon/icon-mail.vue';
|
|
|
import IconLockDots from '@/components/icon/icon-lock-dots.vue';
|
|
|
-import IconLogout from '@/components/icon/icon-logout.vue';/* */
|
|
|
+import IconLogout from '@/components/icon/icon-logout.vue'; /* */
|
|
|
import IconMenuDashboard from '@/components/icon/menu/icon-menu-dashboard.vue';
|
|
|
import IconCaretDown from '@/components/icon/icon-caret-down.vue';
|
|
|
import IconMenuApps from '@/components/icon/menu/icon-menu-apps.vue';
|
|
@@ -424,8 +953,7 @@ const toggleSidebars = () => {
|
|
|
const toggleTheme = (theme) => {
|
|
|
store.dispatch('toggleTheme', theme);
|
|
|
};
|
|
|
-const closes = () => {
|
|
|
-};
|
|
|
+const closes = () => {};
|
|
|
const handleLogoutClick = () => {
|
|
|
ElMessageBox.confirm('确定退出吗?', '提示', {
|
|
|
confirmButtonText: '确定',
|