style: 样式优化
parent
7167274dec
commit
bb5e784429
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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'
|
||||||
|
|
Loading…
Reference in New Issue