From beca65f4d01ca07c358102a35b949c2a4f277afe Mon Sep 17 00:00:00 2001 From: baoshiwei <baoshiwei@shlanbao.cn> Date: 星期三, 24 五月 2023 10:36:27 +0800 Subject: [PATCH] 增加车间监控界面 --- src/components/Button/src/BasicButton.vue | 66 ++++++++++++++++---------------- 1 files changed, 33 insertions(+), 33 deletions(-) diff --git a/src/components/Button/src/BasicButton.vue b/src/components/Button/src/BasicButton.vue index efbb7c3..c112f5d 100644 --- a/src/components/Button/src/BasicButton.vue +++ b/src/components/Button/src/BasicButton.vue @@ -1,41 +1,41 @@ <template> - <Button v-bind="getBindValue" :class="getButtonClass" @click="onClick"> - <template v-if="preIcon" #icon> - <Icon :icon="preIcon" :size="iconSize" /> - </template> - <template #default="data"> - <slot v-bind="data || {}"></slot> - <Icon :icon="postIcon" v-if="postIcon" :size="iconSize" /> - </template> - </Button> + <Button v-bind="getBindValue" :class="getButtonClass" @click="onClick"> + <template v-if="preIcon" #icon> + <Icon :icon="preIcon" :size="iconSize" /> + </template> + <template #default="data"> + <slot v-bind="data || {}"></slot> + <Icon :icon="postIcon" v-if="postIcon" :size="iconSize" /> + </template> + </Button> </template> <script lang="ts"> - import { defineComponent } from 'vue'; - export default defineComponent({ - name: 'AButton', - inheritAttrs: false, - }); + import { defineComponent } from 'vue' + export default defineComponent({ + name: 'AButton', + inheritAttrs: false, + }) </script> <script lang="ts" setup> - import { computed, unref } from 'vue'; - import { Button } from 'ant-design-vue'; - import Icon from '/@/components/Icon/src/Icon.vue'; - import { buttonProps } from './props'; - import { useAttrs } from '/@/hooks/core/useAttrs'; - const props = defineProps(buttonProps); - // get component class - const attrs = useAttrs({ excludeDefaultKeys: false }); - const getButtonClass = computed(() => { - const { color, disabled } = props; - return [ - { - [`ant-btn-${color}`]: !!color, - [`is-disabled`]: disabled, - }, - ]; - }); + import { computed, unref } from 'vue' + import { Button } from 'ant-design-vue' + import Icon from '/@/components/Icon/src/Icon.vue' + import { buttonProps } from './props' + import { useAttrs } from '/@/hooks/core/useAttrs' + const props = defineProps(buttonProps) + // get component class + const attrs = useAttrs({ excludeDefaultKeys: false }) + const getButtonClass = computed(() => { + const { color, disabled } = props + return [ + { + [`ant-btn-${color}`]: !!color, + [`is-disabled`]: disabled, + }, + ] + }) - // get inherit binding value - const getBindValue = computed(() => ({ ...unref(attrs), ...props })); + // get inherit binding value + const getBindValue = computed(() => ({ ...unref(attrs), ...props })) </script> -- Gitblit v1.9.3