Dol0res
/
tiny-engine
forked from opentiny/tiny-engine
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(data-source): on configuring static data panel, the batch delete button should horizontally aligned. (#413) 

* 【设计器】静态数据配置面板，批量删除未对齐 BUG202403140918
This commit is contained in:
betterdancing 2024-04-22 17:59:31 -07:00 committed by GitHub
parent ade2d93331
commit d613b4e8f6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 22 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
packages/plugins/datasource/src/DataSourceRecordList.vue
View File

@ -11,16 +11,31 @@
>
<template #content>
<div class="actions">
<tiny-link class="addButton" :underline="false" :disabled="!allowCreate" @click.stop="insertNewData"
<tiny-link
type="primary"
class="addButton"
:underline="false"
:disabled="!allowCreate"
@click.stop="insertNewData"
><icon-plusCircle class="tiny-svg-size icon-plusCircle"></icon-plusCircle>新增静态数据</tiny-link
>
<tiny-link class="importButton" :underline="false" :disabled="!allowCreate" @click.stop="showImportModal(true)"
<tiny-link
type="primary"
class="importButton"
:underline="false"
:disabled="!allowCreate"
@click.stop="showImportModal(true)"
><icon-import class="tiny-svg-size icon-import"></icon-import>批量导入</tiny-link
>
<tiny-button class="box-all-delete" type="text" :disabled="state.isBatchDeleteDisable" @click.stop="batchDelete"
><span class="all-delete">批量删除</span></tiny-button
<tiny-link
type="primary"
class="box-all-delete"
:underline="false"
:disabled="state.isBatchDeleteDisable"
@click.stop="batchDelete"
><span class="all-delete">批量删除</span></tiny-link
>
<tiny-link class="download" :underline="false" @click="download"
<tiny-link type="primary" class="download" :underline="false" @click="download"
><icon-download class="tiny-svg-size icon-download"></icon-download>下载导入模板</tiny-link
>
</div>
@ -80,7 +95,7 @@
<script lang="jsx">
import { reactive, ref, watchEffect, watch, computed } from 'vue'
import { camelize, capitalize } from '@vue/shared'
import { Grid, Pager, Button, Input, Numeric, DatePicker, Switch, Slider, Link } from '@opentiny/vue'
import { Grid, Pager, Input, Numeric, DatePicker, Switch, Slider, Link } from '@opentiny/vue'
import { IconPlusCircle, IconImport } from '@opentiny/vue-icon'
import { PluginSetting } from '@opentiny/tiny-engine-common'
import { utils } from '@opentiny/tiny-engine-utils'
@ -104,7 +119,6 @@ export const close = () => {
export default {
components: {
TinyGrid: Grid,
TinyButton: Button,
PluginSetting,
TinyPager: Pager,
DataSourceRecordUpload,
@ -595,14 +609,13 @@ export default {
align-items: center;
margin: 16px 0 30px 0;
.box-all-delete {
margin: -3px 5px 0 5px;
margin: 1px 5px 0 5px;
.all-delete {
font-size: 14px;
}
}
.download {
margin: 0 12px;
color: var(--ti-lowcode-datasource-common-text-main-color);
font-size: 14px;
.icon-download {
margin: 0 1px 4px 0;
@ -611,7 +624,6 @@ export default {
}
.addButton {
margin: 0 12px;
color: var(--ti-lowcode-datasource-common-text-main-color);
font-size: 14px;
.icon-plusCircle {
margin: 0 1px 4px 0;
@ -620,7 +632,6 @@ export default {
}
.importButton {
margin: 0 12px;
color: var(--ti-lowcode-datasource-common-text-main-color);
font-size: 14px;
.icon-import {
margin: 0 1px 4px 0;