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

View File

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

View File

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

View File

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