mirror of
				https://github.com/continew-org/continew-admin.git
				synced 2025-11-04 09:01:37 +08:00 
			
		
		
		
	feat: 完善仪表盘快捷操作区块内容
This commit is contained in:
		@@ -5,17 +5,16 @@
 | 
			
		||||
    :header-style="{ paddingBottom: '0' }"
 | 
			
		||||
    :body-style="{ padding: '24px 20px 0 20px' }"
 | 
			
		||||
  >
 | 
			
		||||
    <template #extra>
 | 
			
		||||
      <a-link>{{ $t('workplace.quickOperation.setup') }}</a-link>
 | 
			
		||||
    </template>
 | 
			
		||||
    <a-row :gutter="8">
 | 
			
		||||
      <a-col v-for="link in links" :key="link.text" :span="8" class="wrapper">
 | 
			
		||||
        <div class="icon">
 | 
			
		||||
          <component :is="link.icon" />
 | 
			
		||||
        <div @click="router.replace({ path: link.path })">
 | 
			
		||||
          <div class="icon">
 | 
			
		||||
            <svg-icon :icon-class="link.icon" />
 | 
			
		||||
          </div>
 | 
			
		||||
          <a-typography-paragraph class="text">
 | 
			
		||||
            {{ link.text }}
 | 
			
		||||
          </a-typography-paragraph>
 | 
			
		||||
        </div>
 | 
			
		||||
        <a-typography-paragraph class="text">
 | 
			
		||||
          {{ $t(link.text) }}
 | 
			
		||||
        </a-typography-paragraph>
 | 
			
		||||
      </a-col>
 | 
			
		||||
    </a-row>
 | 
			
		||||
    <a-divider class="split-line" style="margin: 0" />
 | 
			
		||||
@@ -23,12 +22,16 @@
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script lang="ts" setup>
 | 
			
		||||
  import { useRouter } from 'vue-router';
 | 
			
		||||
 | 
			
		||||
  const router = useRouter();
 | 
			
		||||
  const links = [
 | 
			
		||||
    { text: 'workplace.contentManagement', icon: 'icon-file' },
 | 
			
		||||
    { text: 'workplace.contentStatistical', icon: 'icon-storage' },
 | 
			
		||||
    { text: 'workplace.advanced', icon: 'icon-settings' },
 | 
			
		||||
    { text: 'workplace.onlinePromotion', icon: 'icon-mobile' },
 | 
			
		||||
    { text: 'workplace.contentPutIn', icon: 'icon-fire' },
 | 
			
		||||
    { text: '用户管理', icon: 'user', path: '/system/user' },
 | 
			
		||||
    { text: '角色管理', icon: 'safe', path: '/system/role' },
 | 
			
		||||
    { text: '部门管理', icon: 'user-group', path: '/system/dept' },
 | 
			
		||||
    { text: '代码生成', icon: 'code', path: '/tool/generator' },
 | 
			
		||||
    { text: '在线用户', icon: 'anonymity', path: '/monitor/online' },
 | 
			
		||||
    { text: '操作日志', icon: 'history', path: '/monitor/log/operation' },
 | 
			
		||||
  ];
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -8,12 +8,14 @@
 | 
			
		||||
    <div style="margin-bottom: -1rem">
 | 
			
		||||
      <a-row :gutter="8">
 | 
			
		||||
        <a-col v-for="link in links" :key="link.text" :span="8" class="wrapper">
 | 
			
		||||
          <div class="icon">
 | 
			
		||||
            <component :is="link.icon" />
 | 
			
		||||
          <div @click="router.replace({ path: link.path })">
 | 
			
		||||
            <div class="icon">
 | 
			
		||||
              <svg-icon :icon-class="link.icon" />
 | 
			
		||||
            </div>
 | 
			
		||||
            <a-typography-paragraph class="text">
 | 
			
		||||
              {{ link.text }}
 | 
			
		||||
            </a-typography-paragraph>
 | 
			
		||||
          </div>
 | 
			
		||||
          <a-typography-paragraph class="text">
 | 
			
		||||
            {{ $t(link.text) }}
 | 
			
		||||
          </a-typography-paragraph>
 | 
			
		||||
        </a-col>
 | 
			
		||||
      </a-row>
 | 
			
		||||
    </div>
 | 
			
		||||
@@ -21,19 +23,13 @@
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script lang="ts" setup>
 | 
			
		||||
  import { useRouter } from 'vue-router';
 | 
			
		||||
 | 
			
		||||
  const router = useRouter();
 | 
			
		||||
  const links = [
 | 
			
		||||
    {
 | 
			
		||||
      text: 'workplace.contentManagement',
 | 
			
		||||
      icon: 'icon-storage',
 | 
			
		||||
    },
 | 
			
		||||
    {
 | 
			
		||||
      text: 'workplace.contentStatistical',
 | 
			
		||||
      icon: 'icon-file',
 | 
			
		||||
    },
 | 
			
		||||
    {
 | 
			
		||||
      text: 'workplace.advanced',
 | 
			
		||||
      icon: 'icon-settings',
 | 
			
		||||
    },
 | 
			
		||||
    { text: '在线用户', icon: 'anonymity', path: '/monitor/online' },
 | 
			
		||||
    { text: '代码生成', icon: 'code', path: '/tool/generator' },
 | 
			
		||||
    { text: '角色管理', icon: 'safe', path: '/system/role' },
 | 
			
		||||
  ];
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -14,12 +14,6 @@ export default {
 | 
			
		||||
  'workplace.docs.userGuide': 'User Guide',
 | 
			
		||||
  'workplace.docs.faq': 'FAQ',
 | 
			
		||||
  'workplace.docs.changelog': 'Change Log',
 | 
			
		||||
  //
 | 
			
		||||
  'workplace.contentManagement': 'Content Management',
 | 
			
		||||
  'workplace.contentStatistical': 'Content Statistical',
 | 
			
		||||
  'workplace.advanced': 'Advanced',
 | 
			
		||||
  'workplace.onlinePromotion': 'Online Promotion',
 | 
			
		||||
  'workplace.contentPutIn': 'Put In',
 | 
			
		||||
  'workplace.announcement': 'Announcement',
 | 
			
		||||
  'workplace.recently.visited': 'Recently Visited',
 | 
			
		||||
  'workplace.record.nodata': 'No data',
 | 
			
		||||
 
 | 
			
		||||
@@ -14,11 +14,6 @@ export default {
 | 
			
		||||
  'workplace.docs.userGuide': '使用指南',
 | 
			
		||||
  'workplace.docs.faq': '常见问题',
 | 
			
		||||
  'workplace.docs.changelog': '更新日志',
 | 
			
		||||
  'workplace.contentManagement': '内容管理',
 | 
			
		||||
  'workplace.contentStatistical': '内容分析',
 | 
			
		||||
  'workplace.advanced': '高级管理',
 | 
			
		||||
  'workplace.onlinePromotion': '线上推广',
 | 
			
		||||
  'workplace.contentPutIn': '内容投放',
 | 
			
		||||
  'workplace.announcement': '公告',
 | 
			
		||||
  'workplace.recently.visited': '最近访问',
 | 
			
		||||
  'workplace.record.nodata': '暂无数据',
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user