前端业务拆分.
This commit is contained in:
@@ -97,7 +97,7 @@
|
||||
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: 'asset-host-connect-log-table'
|
||||
name: 'hostReviewConnectLogTable'
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -1,18 +1,18 @@
|
||||
<template>
|
||||
<div class="layout-container" v-if="render">
|
||||
<!-- 列表-表格 -->
|
||||
<host-connect-log-table />
|
||||
<connect-log-table />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
export default {
|
||||
name: 'assetHostConnectLog'
|
||||
name: 'hostReviewConnectLog'
|
||||
};
|
||||
</script>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import HostConnectLogTable from './components/host-connect-log-table.vue';
|
||||
import ConnectLogTable from './components/connect-log-table.vue';
|
||||
import { ref, onBeforeMount, onUnmounted } from 'vue';
|
||||
import { useCacheStore, useDictStore } from '@/store';
|
||||
import { dictKeys } from './types/const';
|
||||
@@ -11,10 +11,6 @@
|
||||
<new-connection-view v-if="tab.key === InnerTabs.NEW_CONNECTION.key" />
|
||||
<!-- 显示设置 -->
|
||||
<terminal-view-setting v-else-if="tab.key === InnerTabs.VIEW_SETTING.key" />
|
||||
<span v-else>
|
||||
{{ tab.key }}
|
||||
{{ tab.title }}
|
||||
</span>
|
||||
</template>
|
||||
<!-- 终端 -->
|
||||
<template v-else-if="tab.type === TabType.TERMINAL">
|
||||
@@ -14,37 +14,39 @@
|
||||
:cancel-button-props="{ disabled: loading }"
|
||||
:on-before-ok="handlerOk"
|
||||
@close="handleClose">
|
||||
<a-spin :loading="loading" class="role-menu-wrapper">
|
||||
<a-alert class="usn mb8">
|
||||
<span>{{ roleRecord.name }} {{ roleRecord.code }}</span>
|
||||
<span class="mx8">-</span>
|
||||
<span>菜单分配后需要用户手动刷新页面才会生效</span>
|
||||
</a-alert>
|
||||
<div class="usn mb8">
|
||||
<a-space>
|
||||
<a-tag color="arcoblue">全选操作</a-tag>
|
||||
<!-- 全选操作 -->
|
||||
<template v-for="opt of quickGrantMenuOperator" :key="opt.name">
|
||||
<a-button size="mini" type="text" @click="() => { table.checkOrUncheckByFilter(opt.filter, true) }">
|
||||
{{ opt.name }}
|
||||
</a-button>
|
||||
</template>
|
||||
</a-space>
|
||||
</div>
|
||||
<div class="usn mb8">
|
||||
<a-space>
|
||||
<a-tag color="arcoblue">反选操作</a-tag>
|
||||
<!-- 反选操作 -->
|
||||
<template v-for="opt of quickGrantMenuOperator" :key="opt.name">
|
||||
<a-button size="mini" type="text" @click="() => { table.checkOrUncheckByFilter(opt.filter, false) }">
|
||||
{{ opt.name }}
|
||||
</a-button>
|
||||
</template>
|
||||
</a-space>
|
||||
</div>
|
||||
<!-- 菜单 -->
|
||||
<menu-grant-table ref="table" />
|
||||
</a-spin>
|
||||
<div class="role-menu-wrapper">
|
||||
<a-spin :loading="loading">
|
||||
<a-alert class="usn mb8">
|
||||
<span>{{ roleRecord.name }} {{ roleRecord.code }}</span>
|
||||
<span class="mx8">-</span>
|
||||
<span>菜单分配后需要用户手动刷新页面才会生效</span>
|
||||
</a-alert>
|
||||
<div class="usn mb8">
|
||||
<a-space>
|
||||
<a-tag color="arcoblue">全选操作</a-tag>
|
||||
<!-- 全选操作 -->
|
||||
<template v-for="opt of quickGrantMenuOperator" :key="opt.name">
|
||||
<a-button size="mini" type="text" @click="() => { table.checkOrUncheckByFilter(opt.filter, true) }">
|
||||
{{ opt.name }}
|
||||
</a-button>
|
||||
</template>
|
||||
</a-space>
|
||||
</div>
|
||||
<div class="usn mb8">
|
||||
<a-space>
|
||||
<a-tag color="arcoblue">反选操作</a-tag>
|
||||
<!-- 反选操作 -->
|
||||
<template v-for="opt of quickGrantMenuOperator" :key="opt.name">
|
||||
<a-button size="mini" type="text" @click="() => { table.checkOrUncheckByFilter(opt.filter, false) }">
|
||||
{{ opt.name }}
|
||||
</a-button>
|
||||
</template>
|
||||
</a-space>
|
||||
</div>
|
||||
<!-- 菜单 -->
|
||||
<menu-grant-table ref="table" />
|
||||
</a-spin>
|
||||
</div>
|
||||
</a-modal>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user