style: 样式优化

develop
时启龙 2024-08-28 16:53:22 +08:00
parent 7167274dec
commit bb5e784429
4 changed files with 53 additions and 45 deletions

View File

@ -1,20 +1,22 @@
<template>
<div class="warpper">
<div>
<AmsPosition></AmsPosition>
<history-detail v-if="detailDialog.visible" :dialog="detailDialog"></history-detail>
<cb-advance-table v-show="!detailDialog.visible" title="采集历史" :search-configs="searchConfigs" :data="list" :params="params" :columns="columns" :get-list="getList" :total="total" :loading="loading">
<template #name="name, record">
<span class="detail-href" @click="getDetail(record)">{{ name }}</span>
</template>
<template #status="status">
<cb-status-icon :type="taskExeStatusFilter(status, 'color')">
{{ taskExeStatusFilter(status) }}
</cb-status-icon>
</template>
<template #type="type">
<el-tag type="primary">{{ typeOptions[type] }}</el-tag>
</template>
</cb-advance-table>
<div class="warpper">
<history-detail v-if="detailDialog.visible" :dialog="detailDialog"></history-detail>
<cb-advance-table v-show="!detailDialog.visible" title="采集历史" :search-configs="searchConfigs" :data="list" :params="params" :columns="columns" :get-list="getList" :total="total" :loading="loading">
<template #name="name, record">
<span class="detail-href" @click="getDetail(record)">{{ name }}</span>
</template>
<template #status="status">
<cb-status-icon :type="taskExeStatusFilter(status, 'color')">
{{ taskExeStatusFilter(status) }}
</cb-status-icon>
</template>
<template #type="type">
<el-tag type="primary">{{ typeOptions[type] }}</el-tag>
</template>
</cb-advance-table>
</div>
</div>
</template>

View File

@ -1,16 +1,18 @@
<template>
<div class="warpper">
<div>
<AmsPosition></AmsPosition>
<split-pane class="split-pane" :min-percent="10" :default-percent="20" split="vertical">
<template slot="paneL">
<Tree ref="TreeRef" category="template" @handleNodeClick="handleNodeClick"></Tree>
</template>
<template slot="paneR">
<List ref="listRef" :currentModuleId="currentModuleId" @handleCreate="handleCreate" @getDetail="getDetail"></List>
</template>
</split-pane>
<AddData :addData="addData" v-if="visible" @goBack="goBack"></AddData>
<Detail :detail="detail" v-if="detailVisible" @goBack="goBack"></Detail>
<div class="warpper">
<split-pane class="split-pane" :min-percent="10" :default-percent="20" split="vertical">
<template slot="paneL">
<Tree ref="TreeRef" category="template" @handleNodeClick="handleNodeClick"></Tree>
</template>
<template slot="paneR">
<List ref="listRef" :currentModuleId="currentModuleId" @handleCreate="handleCreate" @getDetail="getDetail"></List>
</template>
</split-pane>
<AddData :addData="addData" v-if="visible" @goBack="goBack"></AddData>
<Detail :detail="detail" v-if="detailVisible" @goBack="goBack"></Detail>
</div>
</div>
</template>

View File

@ -1,14 +1,16 @@
<template>
<div class="warpper">
<div>
<AmsPosition></AmsPosition>
<split-pane class="split-pane" :min-percent="10" :default-percent="20" split="vertical">
<template slot="paneL">
<Tree ref="TreeRef" category="task" @handleNodeClick="handleNodeClick"></Tree>
</template>
<template slot="paneR">
<Content ref="ListRef" :currentModuleId="currentModuleId"></Content>
</template>
</split-pane>
<div class="warpper">
<split-pane class="split-pane" :min-percent="10" :default-percent="20" split="vertical">
<template slot="paneL">
<Tree ref="TreeRef" category="task" @handleNodeClick="handleNodeClick"></Tree>
</template>
<template slot="paneR">
<Content ref="ListRef" :currentModuleId="currentModuleId"></Content>
</template>
</split-pane>
</div>
</div>
</template>

View File

@ -1,15 +1,17 @@
<template>
<el-card>
<div>
<AmsPosition></AmsPosition>
<el-tabs v-model="activeName">
<el-tab-pane label="操作审计" name="first">
<LogList ref="ItemRef" v-if="activeName === 'first'" :isLog="true" />
</el-tab-pane>
<el-tab-pane label="备份列表" name="third">
<LogList ref="ItemRef" v-if="activeName === 'third'" :isLog="false" />
</el-tab-pane>
</el-tabs>
</el-card>
<el-card>
<el-tabs v-model="activeName">
<el-tab-pane label="操作审计" name="first">
<LogList ref="ItemRef" v-if="activeName === 'first'" :isLog="true" />
</el-tab-pane>
<el-tab-pane label="备份列表" name="third">
<LogList ref="ItemRef" v-if="activeName === 'third'" :isLog="false" />
</el-tab-pane>
</el-tabs>
</el-card>
</div>
</template>
<script lang="ts">
import { defineComponent, reactive, ref } from 'vue'