You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.2 KiB
40 lines
1.2 KiB
2 years ago
|
<template>
|
||
|
|
<el-tooltip effect="dark" :content="t('base.modify')" placement="top">
|
||
|
|
<el-button v-if="modify" :size="state.size.size" type="primary" @click="emit('modify')" icon="EditPen" circle />
|
||
|
|
</el-tooltip>
|
||
|
|
<el-tooltip effect="dark" :content="t('base.delete')" placement="top">
|
||
|
|
<el-button v-if="del" :size="state.size.size" type="danger" @click="emit('del')" icon="delete" circle />
|
||
|
|
</el-tooltip>
|
||
|
|
<el-tooltip effect="dark" :content="t('base.add')" placement="top">
|
||
|
|
<el-button v-if="add" :size="state.size.size" type="success" @click="emit('add')" icon="plus" circle />
|
||
|
|
</el-tooltip>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" setup>
|
||
|
|
import { useStore } from "vuex";
|
||
|
|
import { onMounted } from "vue";
|
||
|
|
import { useI18n } from "vue3-i18n";
|
||
|
|
|
||
|
|
const { t } = useI18n();
|
||
|
|
const { state } = useStore();
|
||
|
|
const emit = defineEmits(["modify", "del", "add"]);
|
||
|
|
const prop = defineProps({
|
||
|
|
add: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false,
|
||
|
|
},
|
||
|
|
modify: {
|
||
|
|
type: Boolean,
|
||
|
|
default: true,
|
||
|
|
},
|
||
|
|
del: {
|
||
|
|
type: Boolean,
|
||
|
|
default: true,
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
onMounted(() => { });
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
//@import url(); 引入公共css类
|
||
|
|
</style>
|