From 25750ab29ce4e243f4e4e17a796167f3a0f0697b Mon Sep 17 00:00:00 2001 From: zs <zhousong@weben-smart.com> Date: 周一, 05 5月 2025 16:33:49 +0800 Subject: [PATCH] Merge branch 'master' of http://222.71.245.114:9086/r/HIA24016N_PipeLineDemo --- Weben_CMS专用代码生成器/Weben_CMS_TemplateDemo/web/src/components/BaseQueryDrawer/BaseQueryDrawer.tsx | 113 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 113 insertions(+), 0 deletions(-) diff --git "a/Weben_CMS\344\270\223\347\224\250\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250/Weben_CMS_TemplateDemo/web/src/components/BaseQueryDrawer/BaseQueryDrawer.tsx" "b/Weben_CMS\344\270\223\347\224\250\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250/Weben_CMS_TemplateDemo/web/src/components/BaseQueryDrawer/BaseQueryDrawer.tsx" new file mode 100644 index 0000000..9d144bb --- /dev/null +++ "b/Weben_CMS\344\270\223\347\224\250\344\273\243\347\240\201\347\224\237\346\210\220\345\231\250/Weben_CMS_TemplateDemo/web/src/components/BaseQueryDrawer/BaseQueryDrawer.tsx" @@ -0,0 +1,113 @@ +import { computed, defineComponent, onMounted, ref } from 'vue' +import styles from './BaseQueryDrawer.module.scss' +import Icon from '../Icon/Icon' +//@ts-ignore +export default defineComponent<{ + [key: string]: any +}>({ + // @ts-ignore + name: 'BaseDrawer', + props: { + // 閬僵鏄惁鍙偣鍑� + clickable: { + type: Boolean, + default: false, + }, + title: { + type: String, + default: '', + }, + width: { + type: String, + default: '', + }, + // modelValue: { + // type: Boolean, + // default: false, + // }, + }, + emits: ['close','reset', 'confirmQueryForBase', 'update:modelValue', 'open', 'beforeClose'], + setup(props: any, { emit, slots, attrs }: any) { + // const size = computed(() => { + // if (attrs.size.includes('px')) { + // return attrs.size + // } + // }) + + // const model = computed(() => { + // if (attrs.model.includes('')) { + // return attrs.model + // } + // }) + + return () => { + return ( + <div + class={styles.drawContent} + //@ts-ignore + // style={props.clickable ? { '--drawer-width': size.value } : {}} + > + <el-drawer + // modal-class={props.clickable ? styles.modal : ''} + class={{ + [styles.informationDrawer]: true, + // [styles.informationDrawerPosition]: props.clickable, + }} + onOpen={() => emit('open')} + onClose={() => emit('close')} + v-slots={{ + footer() { + return ( + <div class={styles.csDialogFooter}> + <el-button + onClick={() => emit('close')} + type="info" + plain + class={{ + [styles.dialogBtn]: true, + [styles.csBaseBtn]: true, + }} + > + 鍏抽棴 + </el-button> + <el-button + onClick={() => emit('reset')} + type="info" + plain + class={{ + [styles.dialogBtn]: true, + [styles.csBaseBtn]: true, + }} + > + 閲嶇疆 + </el-button> + <el-button + onClick={() => emit('confirmQueryForBase')} + type="primary" + class={{ + [styles.csBaseBtn]: true, + }} + > + 鏌ヨ + </el-button> + </div> + ) + }, + }} + {...attrs} + title={props.title} + size={props.width || attrs.size} + > + <Icon + width={167} + height={54} + class={styles.iconPosition} + icon="drawer_bg" + /> + {slots.default?.()} + </el-drawer> + </div> + ) + } + }, +}) -- Gitblit v1.9.3