fix: 去除card
This commit is contained in:
JiangQiming
parent
2b6048707b
commit
b667574d78
|
|
@ -1,162 +1,153 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="page-container">
|
<div class="page-container">
|
||||||
<a-card style="margin-bottom: 20px">
|
<Search
|
||||||
<Search
|
:columns="columns"
|
||||||
:columns="columns"
|
target="notice-config"
|
||||||
target="notice-config"
|
@search="handleSearch"
|
||||||
@search="handleSearch"
|
/>
|
||||||
/>
|
<JTable
|
||||||
</a-card>
|
ref="configRef"
|
||||||
<a-card>
|
:columns="columns"
|
||||||
<JTable
|
:request="ConfigApi.list"
|
||||||
ref="configRef"
|
:defaultParams="{
|
||||||
:columns="columns"
|
sorts: [{ name: 'createTime', order: 'desc' }],
|
||||||
:request="ConfigApi.list"
|
}"
|
||||||
:defaultParams="{
|
:params="params"
|
||||||
sorts: [{ name: 'createTime', order: 'desc' }],
|
>
|
||||||
}"
|
<template #headerTitle>
|
||||||
:params="params"
|
<a-space>
|
||||||
>
|
<a-button type="primary" @click="handleAdd">
|
||||||
<template #headerTitle>
|
新增
|
||||||
<a-space>
|
</a-button>
|
||||||
<a-button type="primary" @click="handleAdd">
|
<a-upload
|
||||||
新增
|
name="file"
|
||||||
</a-button>
|
accept="json"
|
||||||
<a-upload
|
:showUploadList="false"
|
||||||
name="file"
|
:before-upload="beforeUpload"
|
||||||
accept="json"
|
|
||||||
:showUploadList="false"
|
|
||||||
:before-upload="beforeUpload"
|
|
||||||
>
|
|
||||||
<a-button>导入</a-button>
|
|
||||||
</a-upload>
|
|
||||||
<a-popconfirm
|
|
||||||
title="确认导出当前页数据？"
|
|
||||||
ok-text="确定"
|
|
||||||
cancel-text="取消"
|
|
||||||
@confirm="handleExport"
|
|
||||||
>
|
|
||||||
<a-button>导出</a-button>
|
|
||||||
</a-popconfirm>
|
|
||||||
</a-space>
|
|
||||||
</template>
|
|
||||||
<template #card="slotProps">
|
|
||||||
<CardBox
|
|
||||||
:showStatus="false"
|
|
||||||
:value="slotProps"
|
|
||||||
:actions="getActions(slotProps, 'card')"
|
|
||||||
v-bind="slotProps"
|
|
||||||
>
|
>
|
||||||
<template #img>
|
<a-button>导入</a-button>
|
||||||
<slot name="img">
|
</a-upload>
|
||||||
<img
|
<a-popconfirm
|
||||||
:src="
|
title="确认导出当前页数据？"
|
||||||
getLogo(
|
ok-text="确定"
|
||||||
slotProps.type,
|
cancel-text="取消"
|
||||||
slotProps.provider,
|
@confirm="handleExport"
|
||||||
)
|
>
|
||||||
"
|
<a-button>导出</a-button>
|
||||||
/>
|
</a-popconfirm>
|
||||||
</slot>
|
</a-space>
|
||||||
</template>
|
</template>
|
||||||
<template #content>
|
<template #card="slotProps">
|
||||||
<h3 class="card-item-content-title">
|
<CardBox
|
||||||
{{ slotProps.name }}
|
:showStatus="false"
|
||||||
</h3>
|
:value="slotProps"
|
||||||
<a-row>
|
:actions="getActions(slotProps, 'card')"
|
||||||
<a-col :span="12">
|
v-bind="slotProps"
|
||||||
<div class="card-item-content-text">
|
>
|
||||||
通知方式
|
<template #img>
|
||||||
</div>
|
<slot name="img">
|
||||||
<div>
|
<img
|
||||||
{{ getMethodTxt(slotProps.type) }}
|
:src="
|
||||||
</div>
|
getLogo(slotProps.type, slotProps.provider)
|
||||||
</a-col>
|
"
|
||||||
<a-col :span="12">
|
/>
|
||||||
<div class="card-item-content-text">
|
</slot>
|
||||||
说明
|
</template>
|
||||||
</div>
|
<template #content>
|
||||||
<div>{{ slotProps.description }}</div>
|
<h3 class="card-item-content-title">
|
||||||
</a-col>
|
{{ slotProps.name }}
|
||||||
</a-row>
|
</h3>
|
||||||
</template>
|
<a-row>
|
||||||
<template #actions="item">
|
<a-col :span="12">
|
||||||
<a-tooltip
|
<div class="card-item-content-text">
|
||||||
v-bind="item.tooltip"
|
通知方式
|
||||||
:title="item.disabled && item.tooltip.title"
|
</div>
|
||||||
>
|
<div>
|
||||||
<a-popconfirm
|
{{ getMethodTxt(slotProps.type) }}
|
||||||
v-if="item.popConfirm"
|
</div>
|
||||||
v-bind="item.popConfirm"
|
</a-col>
|
||||||
:disabled="item.disabled"
|
<a-col :span="12">
|
||||||
>
|
<div class="card-item-content-text">说明</div>
|
||||||
<a-button :disabled="item.disabled">
|
<div>{{ slotProps.description }}</div>
|
||||||
<AIcon
|
</a-col>
|
||||||
type="DeleteOutlined"
|
</a-row>
|
||||||
v-if="item.key === 'delete'"
|
</template>
|
||||||
/>
|
<template #actions="item">
|
||||||
<template v-else>
|
|
||||||
<AIcon :type="item.icon" />
|
|
||||||
<span>{{ item.text }}</span>
|
|
||||||
</template>
|
|
||||||
</a-button>
|
|
||||||
</a-popconfirm>
|
|
||||||
<template v-else>
|
|
||||||
<a-button
|
|
||||||
:disabled="item.disabled"
|
|
||||||
@click="item.onClick"
|
|
||||||
>
|
|
||||||
<AIcon
|
|
||||||
type="DeleteOutlined"
|
|
||||||
v-if="item.key === 'delete'"
|
|
||||||
/>
|
|
||||||
<template v-else>
|
|
||||||
<AIcon :type="item.icon" />
|
|
||||||
<span>{{ item.text }}</span>
|
|
||||||
</template>
|
|
||||||
</a-button>
|
|
||||||
</template>
|
|
||||||
</a-tooltip>
|
|
||||||
</template>
|
|
||||||
</CardBox>
|
|
||||||
</template>
|
|
||||||
<template #action="slotProps">
|
|
||||||
<a-space :size="16">
|
|
||||||
<a-tooltip
|
<a-tooltip
|
||||||
v-for="i in getActions(slotProps, 'table')"
|
v-bind="item.tooltip"
|
||||||
:key="i.key"
|
:title="item.disabled && item.tooltip.title"
|
||||||
v-bind="i.tooltip"
|
|
||||||
>
|
>
|
||||||
<a-popconfirm
|
<a-popconfirm
|
||||||
v-if="i.popConfirm"
|
v-if="item.popConfirm"
|
||||||
v-bind="i.popConfirm"
|
v-bind="item.popConfirm"
|
||||||
:disabled="i.disabled"
|
:disabled="item.disabled"
|
||||||
>
|
>
|
||||||
<a-button
|
<a-button :disabled="item.disabled">
|
||||||
:disabled="i.disabled"
|
<AIcon
|
||||||
style="padding: 0"
|
type="DeleteOutlined"
|
||||||
type="link"
|
v-if="item.key === 'delete'"
|
||||||
><AIcon :type="i.icon"
|
/>
|
||||||
/></a-button>
|
<template v-else>
|
||||||
|
<AIcon :type="item.icon" />
|
||||||
|
<span>{{ item.text }}</span>
|
||||||
|
</template>
|
||||||
|
</a-button>
|
||||||
</a-popconfirm>
|
</a-popconfirm>
|
||||||
|
<template v-else>
|
||||||
|
<a-button
|
||||||
|
:disabled="item.disabled"
|
||||||
|
@click="item.onClick"
|
||||||
|
>
|
||||||
|
<AIcon
|
||||||
|
type="DeleteOutlined"
|
||||||
|
v-if="item.key === 'delete'"
|
||||||
|
/>
|
||||||
|
<template v-else>
|
||||||
|
<AIcon :type="item.icon" />
|
||||||
|
<span>{{ item.text }}</span>
|
||||||
|
</template>
|
||||||
|
</a-button>
|
||||||
|
</template>
|
||||||
|
</a-tooltip>
|
||||||
|
</template>
|
||||||
|
</CardBox>
|
||||||
|
</template>
|
||||||
|
<template #action="slotProps">
|
||||||
|
<a-space :size="16">
|
||||||
|
<a-tooltip
|
||||||
|
v-for="i in getActions(slotProps, 'table')"
|
||||||
|
:key="i.key"
|
||||||
|
v-bind="i.tooltip"
|
||||||
|
>
|
||||||
|
<a-popconfirm
|
||||||
|
v-if="i.popConfirm"
|
||||||
|
v-bind="i.popConfirm"
|
||||||
|
:disabled="i.disabled"
|
||||||
|
>
|
||||||
<a-button
|
<a-button
|
||||||
|
:disabled="i.disabled"
|
||||||
style="padding: 0"
|
style="padding: 0"
|
||||||
type="link"
|
type="link"
|
||||||
v-else
|
><AIcon :type="i.icon"
|
||||||
@click="i.onClick && i.onClick(slotProps)"
|
/></a-button>
|
||||||
>
|
</a-popconfirm>
|
||||||
<a-button
|
<a-button
|
||||||
:disabled="i.disabled"
|
style="padding: 0"
|
||||||
style="padding: 0"
|
type="link"
|
||||||
type="link"
|
v-else
|
||||||
><AIcon :type="i.icon"
|
@click="i.onClick && i.onClick(slotProps)"
|
||||||
/></a-button>
|
>
|
||||||
</a-button>
|
<a-button
|
||||||
</a-tooltip>
|
:disabled="i.disabled"
|
||||||
</a-space>
|
style="padding: 0"
|
||||||
</template>
|
type="link"
|
||||||
</JTable>
|
><AIcon :type="i.icon"
|
||||||
</a-card>
|
/></a-button>
|
||||||
|
</a-button>
|
||||||
|
</a-tooltip>
|
||||||
|
</a-space>
|
||||||
|
</template>
|
||||||
|
</JTable>
|
||||||
|
|
||||||
<Debug v-model:visible="debugVis" :data="currentConfig" />
|
<Debug v-model:visible="debugVis" :data="currentConfig" />
|
||||||
<Log v-model:visible="logVis" :data="currentConfig" />
|
<Log v-model:visible="logVis" :data="currentConfig" />
|
||||||
|
|
|
||||||
|
|
@ -1,162 +1,153 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="page-container">
|
<div class="page-container">
|
||||||
<a-card style="margin-bottom: 20px">
|
<Search
|
||||||
<Search
|
:columns="columns"
|
||||||
:columns="columns"
|
target="notice-config"
|
||||||
target="notice-config"
|
@search="handleSearch"
|
||||||
@search="handleSearch"
|
/>
|
||||||
/>
|
<JTable
|
||||||
</a-card>
|
ref="configRef"
|
||||||
<a-card>
|
:columns="columns"
|
||||||
<JTable
|
:request="ConfigApi.list"
|
||||||
ref="configRef"
|
:defaultParams="{
|
||||||
:columns="columns"
|
sorts: [{ name: 'createTime', order: 'desc' }],
|
||||||
:request="ConfigApi.list"
|
}"
|
||||||
:defaultParams="{
|
:params="params"
|
||||||
sorts: [{ name: 'createTime', order: 'desc' }],
|
>
|
||||||
}"
|
<template #headerTitle>
|
||||||
:params="params"
|
<a-space>
|
||||||
>
|
<a-button type="primary" @click="handleAdd">
|
||||||
<template #headerTitle>
|
新增
|
||||||
<a-space>
|
</a-button>
|
||||||
<a-button type="primary" @click="handleAdd">
|
<a-upload
|
||||||
新增
|
name="file"
|
||||||
</a-button>
|
accept="json"
|
||||||
<a-upload
|
:showUploadList="false"
|
||||||
name="file"
|
:before-upload="beforeUpload"
|
||||||
accept="json"
|
|
||||||
:showUploadList="false"
|
|
||||||
:before-upload="beforeUpload"
|
|
||||||
>
|
|
||||||
<a-button>导入</a-button>
|
|
||||||
</a-upload>
|
|
||||||
<a-popconfirm
|
|
||||||
title="确认导出当前页数据？"
|
|
||||||
ok-text="确定"
|
|
||||||
cancel-text="取消"
|
|
||||||
@confirm="handleExport"
|
|
||||||
>
|
|
||||||
<a-button>导出</a-button>
|
|
||||||
</a-popconfirm>
|
|
||||||
</a-space>
|
|
||||||
</template>
|
|
||||||
<template #card="slotProps">
|
|
||||||
<CardBox
|
|
||||||
:showStatus="false"
|
|
||||||
:value="slotProps"
|
|
||||||
:actions="getActions(slotProps, 'card')"
|
|
||||||
v-bind="slotProps"
|
|
||||||
>
|
>
|
||||||
<template #img>
|
<a-button>导入</a-button>
|
||||||
<slot name="img">
|
</a-upload>
|
||||||
<img
|
<a-popconfirm
|
||||||
:src="
|
title="确认导出当前页数据？"
|
||||||
getLogo(
|
ok-text="确定"
|
||||||
slotProps.type,
|
cancel-text="取消"
|
||||||
slotProps.provider,
|
@confirm="handleExport"
|
||||||
)
|
>
|
||||||
"
|
<a-button>导出</a-button>
|
||||||
/>
|
</a-popconfirm>
|
||||||
</slot>
|
</a-space>
|
||||||
</template>
|
</template>
|
||||||
<template #content>
|
<template #card="slotProps">
|
||||||
<h3 class="card-item-content-title">
|
<CardBox
|
||||||
{{ slotProps.name }}
|
:showStatus="false"
|
||||||
</h3>
|
:value="slotProps"
|
||||||
<a-row>
|
:actions="getActions(slotProps, 'card')"
|
||||||
<a-col :span="12">
|
v-bind="slotProps"
|
||||||
<div class="card-item-content-text">
|
>
|
||||||
通知方式
|
<template #img>
|
||||||
</div>
|
<slot name="img">
|
||||||
<div>
|
<img
|
||||||
{{ getMethodTxt(slotProps.type) }}
|
:src="
|
||||||
</div>
|
getLogo(slotProps.type, slotProps.provider)
|
||||||
</a-col>
|
"
|
||||||
<a-col :span="12">
|
/>
|
||||||
<div class="card-item-content-text">
|
</slot>
|
||||||
说明
|
</template>
|
||||||
</div>
|
<template #content>
|
||||||
<div>{{ slotProps.description }}</div>
|
<h3 class="card-item-content-title">
|
||||||
</a-col>
|
{{ slotProps.name }}
|
||||||
</a-row>
|
</h3>
|
||||||
</template>
|
<a-row>
|
||||||
<template #actions="item">
|
<a-col :span="12">
|
||||||
<a-tooltip
|
<div class="card-item-content-text">
|
||||||
v-bind="item.tooltip"
|
通知方式
|
||||||
:title="item.disabled && item.tooltip.title"
|
</div>
|
||||||
>
|
<div>
|
||||||
<a-popconfirm
|
{{ getMethodTxt(slotProps.type) }}
|
||||||
v-if="item.popConfirm"
|
</div>
|
||||||
v-bind="item.popConfirm"
|
</a-col>
|
||||||
:disabled="item.disabled"
|
<a-col :span="12">
|
||||||
>
|
<div class="card-item-content-text">说明</div>
|
||||||
<a-button :disabled="item.disabled">
|
<div>{{ slotProps.description }}</div>
|
||||||
<AIcon
|
</a-col>
|
||||||
type="DeleteOutlined"
|
</a-row>
|
||||||
v-if="item.key === 'delete'"
|
</template>
|
||||||
/>
|
<template #actions="item">
|
||||||
<template v-else>
|
|
||||||
<AIcon :type="item.icon" />
|
|
||||||
<span>{{ item.text }}</span>
|
|
||||||
</template>
|
|
||||||
</a-button>
|
|
||||||
</a-popconfirm>
|
|
||||||
<template v-else>
|
|
||||||
<a-button
|
|
||||||
:disabled="item.disabled"
|
|
||||||
@click="item.onClick"
|
|
||||||
>
|
|
||||||
<AIcon
|
|
||||||
type="DeleteOutlined"
|
|
||||||
v-if="item.key === 'delete'"
|
|
||||||
/>
|
|
||||||
<template v-else>
|
|
||||||
<AIcon :type="item.icon" />
|
|
||||||
<span>{{ item.text }}</span>
|
|
||||||
</template>
|
|
||||||
</a-button>
|
|
||||||
</template>
|
|
||||||
</a-tooltip>
|
|
||||||
</template>
|
|
||||||
</CardBox>
|
|
||||||
</template>
|
|
||||||
<template #action="slotProps">
|
|
||||||
<a-space :size="16">
|
|
||||||
<a-tooltip
|
<a-tooltip
|
||||||
v-for="i in getActions(slotProps, 'table')"
|
v-bind="item.tooltip"
|
||||||
:key="i.key"
|
:title="item.disabled && item.tooltip.title"
|
||||||
v-bind="i.tooltip"
|
|
||||||
>
|
>
|
||||||
<a-popconfirm
|
<a-popconfirm
|
||||||
v-if="i.popConfirm"
|
v-if="item.popConfirm"
|
||||||
v-bind="i.popConfirm"
|
v-bind="item.popConfirm"
|
||||||
:disabled="i.disabled"
|
:disabled="item.disabled"
|
||||||
>
|
>
|
||||||
<a-button
|
<a-button :disabled="item.disabled">
|
||||||
:disabled="i.disabled"
|
<AIcon
|
||||||
style="padding: 0"
|
type="DeleteOutlined"
|
||||||
type="link"
|
v-if="item.key === 'delete'"
|
||||||
><AIcon :type="i.icon"
|
/>
|
||||||
/></a-button>
|
<template v-else>
|
||||||
|
<AIcon :type="item.icon" />
|
||||||
|
<span>{{ item.text }}</span>
|
||||||
|
</template>
|
||||||
|
</a-button>
|
||||||
</a-popconfirm>
|
</a-popconfirm>
|
||||||
|
<template v-else>
|
||||||
|
<a-button
|
||||||
|
:disabled="item.disabled"
|
||||||
|
@click="item.onClick"
|
||||||
|
>
|
||||||
|
<AIcon
|
||||||
|
type="DeleteOutlined"
|
||||||
|
v-if="item.key === 'delete'"
|
||||||
|
/>
|
||||||
|
<template v-else>
|
||||||
|
<AIcon :type="item.icon" />
|
||||||
|
<span>{{ item.text }}</span>
|
||||||
|
</template>
|
||||||
|
</a-button>
|
||||||
|
</template>
|
||||||
|
</a-tooltip>
|
||||||
|
</template>
|
||||||
|
</CardBox>
|
||||||
|
</template>
|
||||||
|
<template #action="slotProps">
|
||||||
|
<a-space :size="16">
|
||||||
|
<a-tooltip
|
||||||
|
v-for="i in getActions(slotProps, 'table')"
|
||||||
|
:key="i.key"
|
||||||
|
v-bind="i.tooltip"
|
||||||
|
>
|
||||||
|
<a-popconfirm
|
||||||
|
v-if="i.popConfirm"
|
||||||
|
v-bind="i.popConfirm"
|
||||||
|
:disabled="i.disabled"
|
||||||
|
>
|
||||||
<a-button
|
<a-button
|
||||||
|
:disabled="i.disabled"
|
||||||
style="padding: 0"
|
style="padding: 0"
|
||||||
type="link"
|
type="link"
|
||||||
v-else
|
><AIcon :type="i.icon"
|
||||||
@click="i.onClick && i.onClick(slotProps)"
|
/></a-button>
|
||||||
>
|
</a-popconfirm>
|
||||||
<a-button
|
<a-button
|
||||||
:disabled="i.disabled"
|
style="padding: 0"
|
||||||
style="padding: 0"
|
type="link"
|
||||||
type="link"
|
v-else
|
||||||
><AIcon :type="i.icon"
|
@click="i.onClick && i.onClick(slotProps)"
|
||||||
/></a-button>
|
>
|
||||||
</a-button>
|
<a-button
|
||||||
</a-tooltip>
|
:disabled="i.disabled"
|
||||||
</a-space>
|
style="padding: 0"
|
||||||
</template>
|
type="link"
|
||||||
</JTable>
|
><AIcon :type="i.icon"
|
||||||
</a-card>
|
/></a-button>
|
||||||
|
</a-button>
|
||||||
|
</a-tooltip>
|
||||||
|
</a-space>
|
||||||
|
</template>
|
||||||
|
</JTable>
|
||||||
|
|
||||||
<Debug v-model:visible="debugVis" :data="currentConfig" />
|
<Debug v-model:visible="debugVis" :data="currentConfig" />
|
||||||
<Log v-model:visible="logVis" :data="currentConfig" />
|
<Log v-model:visible="logVis" :data="currentConfig" />
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue