perf: update detail

This commit is contained in:
ibuler 2024-12-27 19:08:51 +08:00
parent 48d81dbd19
commit 24f30ab198
48 changed files with 150 additions and 121 deletions

View File

@ -13,7 +13,6 @@
</el-form-item> </el-form-item>
</span> </span>
</el-form> </el-form>
<slot />
</IBox> </IBox>
</template> </template>
@ -45,7 +44,7 @@ export default {
}, },
labelWidth: { labelWidth: {
type: String, type: String,
default: '25%' default: ''
} }
}, },
data() { data() {
@ -71,13 +70,18 @@ export default {
padding: 20px 40px; padding: 20px 40px;
} }
.el-form-item { .content {
border-bottom: 1px dashed #EBEEF5; font-size: 13px;
line-height: 2;
::v-deep .el-form-item {
//border-bottom: 1px dashed #EBEEF5;
padding: 1px 0; padding: 1px 0;
margin-bottom: 0; margin-bottom: 0;
text-align: end;
&:last-child { &:last-child {
border-bottom: none; //border-bottom: none;
} }
&.array-item { &.array-item {
@ -92,21 +96,25 @@ export default {
} }
} }
::v-deep .el-form-item__label { .el-form-item__label {
padding-right: 8%; //padding-right: 8%;
overflow: hidden; overflow: hidden;
color: var(--color-icon-primary); color: var(--color-icon-primary);
font-size: 12px;
line-height: 1.4;
font-weight: 400;
span { span {
display: inline-block; display: inline-block;
line-height: 1.5; //line-height: 1.1;
} }
} }
::v-deep .el-form-item__content { .el-form-item__content {
color: var(--color-text-primary); color: var(--color-text-primary);
font-size: 13px; font-size: 13px;
line-height: 40px; //line-height: 1.3;
//padding-bottom: 10px;
} }
::v-deep .el-tag--mini { ::v-deep .el-tag--mini {
@ -117,9 +125,5 @@ export default {
.item-value span { .item-value span {
word-break: break-word; word-break: break-word;
} }
.content {
font-size: 13px;
line-height: 2.5;
} }
</style> </style>

View File

@ -341,7 +341,7 @@ b, strong {
tr td { tr td {
line-height: 1.42857; line-height: 1.42857;
padding: 8px; padding: 8px 0;
vertical-align: top; vertical-align: top;
} }

View File

@ -89,6 +89,11 @@ export default {
margin-right: 30px; margin-right: 30px;
height: 100%; height: 100%;
// Detail
&.content {
margin-right: 0;
}
&.el-form--label-top { &.el-form--label-top {
.el-radio-group { .el-radio-group {
.el-radio { .el-radio {

View File

@ -45,7 +45,7 @@ export default {
.quick-actions ::v-deep tr > td { .quick-actions ::v-deep tr > td {
line-height: 1.43; line-height: 1.43;
padding: 8px; padding: 8px 0;
vertical-align: top; vertical-align: top;
font-size: 13px; font-size: 13px;
width: 50%; width: 50%;

View File

@ -3,7 +3,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<QuickActions :actions="quickActions" type="primary" /> <QuickActions :actions="quickActions" type="primary" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -7,7 +7,7 @@
:table-config="tableConfig" :table-config="tableConfig"
/> />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AssetRelationCard type="primary" v-bind="assetRelationConfig" /> <AssetRelationCard type="primary" v-bind="assetRelationConfig" />
<RelationCard style="margin-top: 15px" type="info" v-bind="nodeRelationConfig" /> <RelationCard style="margin-top: 15px" type="info" v-bind="nodeRelationConfig" />
</el-col> </el-col>

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -3,7 +3,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<QuickActions :actions="quickActions" type="primary" /> <QuickActions :actions="quickActions" type="primary" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :object="detail" :url="url" /> <AutoDetailCard :object="detail" :url="url" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -3,7 +3,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<QuickActions :actions="quickActions" type="primary" /> <QuickActions :actions="quickActions" type="primary" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :object="object" v-bind="detail" /> <AutoDetailCard :object="object" v-bind="detail" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :object="object" :url="url" /> <AutoDetailCard :object="object" :url="url" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -3,7 +3,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<QuickActions :actions="quickActions" type="primary" /> <QuickActions :actions="quickActions" type="primary" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -5,7 +5,7 @@
<AutoDetailCard :excludes="excludes" :object="object" :url="url" /> <AutoDetailCard :excludes="excludes" :object="object" :url="url" />
<AutoDetailCard :fields="detailFields" :object="object" :title="$tc('TaskDetail')" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :title="$tc('TaskDetail')" :url="url" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<QuickActions :actions="quickEditActions" type="primary" /> <QuickActions :actions="quickEditActions" type="primary" />
<QuickActions :actions="quickExecuteActions" type="primary" /> <QuickActions :actions="quickExecuteActions" type="primary" />
<RelationCard <RelationCard

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -3,7 +3,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<QuickActions :actions="quickActions" type="primary" /> <QuickActions :actions="quickActions" type="primary" />
<IBox :title="$tc('Protocols')"> <IBox :title="$tc('Protocols')">
<ProtocolSelector <ProtocolSelector

View File

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -4,7 +4,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<QuickActions <QuickActions
v-if="object.id" v-if="object.id"
:actions="quickActions" :actions="quickActions"

View File

@ -8,7 +8,7 @@
:url="url" :url="url"
/> />
</el-col> </el-col>
<el-col v-if="hasSummary" :md="20" :sm="24"> <el-col v-if="hasSummary" :md="20" :sm="24" class="detail-right-quick-actions">
<IBox <IBox
v-if="object.summary.ok" v-if="object.summary.ok"
:title="`${$tc('SuccessAsset')} (${object.summary.ok.length})` " :title="`${$tc('SuccessAsset')} (${object.summary.ok.length})` "

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :excludes="excludes" :object="object" :url="url" /> <AutoDetailCard :excludes="excludes" :object="object" :url="url" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -4,7 +4,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<QuickActions :actions="quickActions" type="primary" /> <QuickActions :actions="quickActions" type="primary" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -3,7 +3,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<QuickActions :actions="quickActions" type="primary" /> <QuickActions :actions="quickActions" type="primary" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -1,6 +1,6 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -13,7 +13,7 @@
:url="url" :url="url"
/> />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<IBox :title="$tc('Account')" type="primary"> <IBox :title="$tc('Account')" type="primary">
<AccountFormatter <AccountFormatter
:assets="assetIds" :assets="assetIds"

View File

@ -3,7 +3,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<ListTable ref="ListTable" :header-actions="headerActions" :table-config="tableConfig" class- /> <ListTable ref="ListTable" :header-actions="headerActions" :table-config="tableConfig" class- />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<AssetRelationCard type="primary" v-bind="assetRelationConfig" /> <AssetRelationCard type="primary" v-bind="assetRelationConfig" />
<RelationCard style="margin-top: 15px" type="info" v-bind="nodeRelationConfig" /> <RelationCard style="margin-top: 15px" type="info" v-bind="nodeRelationConfig" />
</el-col> </el-col>

View File

@ -3,7 +3,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<QuickActions :actions="quickActions" type="primary" /> <QuickActions :actions="quickActions" type="primary" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -3,7 +3,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<ListTable ref="ListTable" :header-actions="headerActions" :table-config="tableConfig" /> <ListTable ref="ListTable" :header-actions="headerActions" :table-config="tableConfig" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<RelationCard type="primary" v-bind="userRelationConfig" /> <RelationCard type="primary" v-bind="userRelationConfig" />
<RelationCard style="margin-top: 15px" type="info" v-bind="groupRelationConfig" /> <RelationCard style="margin-top: 15px" type="info" v-bind="groupRelationConfig" />
</el-col> </el-col>

View File

@ -5,7 +5,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<DetailCard :items="detailCardItems" /> <DetailCard :items="detailCardItems" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<QuickActions <QuickActions
:actions="authQuickActions" :actions="authQuickActions"
:title="$tc('AuthSettings')" :title="$tc('AuthSettings')"

View File

@ -3,7 +3,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<DetailCard v-if="object" :items="detailItems" /> <DetailCard v-if="object" :items="detailItems" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<QuickActions v-if="object" :actions="quickActions" type="primary" /> <QuickActions v-if="object" :actions="quickActions" type="primary" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -3,7 +3,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<ListTable :header-actions="headerConfig" :table-config="config" /> <ListTable :header-actions="headerConfig" :table-config="config" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<QuickActions :actions="quickActions" type="primary" /> <QuickActions :actions="quickActions" type="primary" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -5,7 +5,7 @@
<AutoDetailCard v-bind="detailSpecInfoConfig" /> <AutoDetailCard v-bind="detailSpecInfoConfig" />
<AutoDetailCard v-bind="detailInfoConfig" /> <AutoDetailCard v-bind="detailInfoConfig" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<QuickActions :actions="quickActions" type="primary" /> <QuickActions :actions="quickActions" type="primary" />
<RelationCard <RelationCard
ref="LabelRelation" ref="LabelRelation"

View File

@ -3,7 +3,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<ListTable :header-actions="headerConfig" :table-config="config" /> <ListTable :header-actions="headerConfig" :table-config="config" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<QuickActions :actions="quickActions" type="primary" /> <QuickActions :actions="quickActions" type="primary" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -8,7 +8,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<DetailCard :items="detailItems" :title="cardTitle" /> <DetailCard :items="detailItems" :title="cardTitle" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<QuickActions :actions="quickActions" type="primary" /> <QuickActions :actions="quickActions" type="primary" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -3,7 +3,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
<el-col :md="20" :sm="24" /> <el-col :md="20" :sm="24" class="detail-right-quick-actions" />
</el-row> </el-row>
</template> </template>

View File

@ -4,7 +4,7 @@
<el-col :md="24" :sm="24"> <el-col :md="24" :sm="24">
<GenericListTable ref="listTable" :header-actions="headerActions" :table-config="tableConfig" /> <GenericListTable ref="listTable" :header-actions="headerActions" :table-config="tableConfig" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<RelationCard :key="relationKey" v-bind="relationConfig" @addSuccess="addSuccess" /> <RelationCard :key="relationKey" v-bind="relationConfig" @addSuccess="addSuccess" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -1,9 +1,9 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="14" :sm="24"> <el-col :md="20" :sm="24">
<AutoDetailCard :fields="detailFields" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :object="object" :url="url" />
</el-col> </el-col>
<el-col :md="10" :sm="24"> <el-col :md="20" :sm="24">
<IBox :title="$tc('Permissions')"> <IBox :title="$tc('Permissions')">
<div style="height: 10%"> <div style="height: 10%">
<el-button <el-button

View File

@ -7,7 +7,7 @@
:table-config="tableConfig" :table-config="tableConfig"
/> />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="20" :sm="24" class="detail-right-quick-actions">
<RelationCard v-if="!loading" ref="userRelation" v-bind="relationConfig" /> <RelationCard v-if="!loading" ref="userRelation" v-bind="relationConfig" />
</el-col> </el-col>
</el-row> </el-row>

View File

@ -52,6 +52,13 @@ export default {
} }
} }
}, },
beforeClick: ({ row }) => {
vm.$router.push({
query: {
_scope: row.scope.value
}
})
},
drawer: true drawer: true
} }
}, },

View File

@ -1,11 +1,11 @@
<template> <template>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :md="24" :sm="24"> <el-col :md="14" :sm="24">
<AutoDetailCard :fields="detailFields" :formatters="detailFormatters" :object="object" :url="url" /> <AutoDetailCard :fields="detailFields" :formatters="detailFormatters" :object="object" :url="url" />
</el-col> </el-col>
<el-col :md="20" :sm="24"> <el-col :md="10" :sm="24">
<QuickActions :actions="quickActions" type="primary" /> <QuickActions :actions="quickActions" type="primary" />
<RelationCard style="margin-top: 15px" type="info" v-bind="relationConfig" /> <RelationCard type="info" v-bind="relationConfig" />
</el-col> </el-col>
</el-row> </el-row>
</template> </template>
@ -262,10 +262,23 @@ export default {
} }
</script> </script>
<style scoped> <style lang="scss" scoped>
.mfa-setting ::v-deep .el-slider__runway { .mfa-setting ::v-deep .el-slider__runway {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }
.detail-right-quick-actions {
display: flex;
& > div {
margin-right: 20px;
width: 350px;
}
& > div:last-child {
margin-right: 0; /* 清除最后一个元素的多余间距 */
}
}
</style> </style>