From 928c61ccddebc8d2c697b86ee9bee0c207330a8c Mon Sep 17 00:00:00 2001
From: schangxiang@126.com <schangxiang@126.com>
Date: 周二, 06 5月 2025 07:18:22 +0800
Subject: [PATCH] 222
---
HIAWms/web/src/components/BaseDialog/BaseDialog.tsx | 106 +++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 106 insertions(+), 0 deletions(-)
diff --git a/HIAWms/web/src/components/BaseDialog/BaseDialog.tsx b/HIAWms/web/src/components/BaseDialog/BaseDialog.tsx
new file mode 100644
index 0000000..bdfe8a0
--- /dev/null
+++ b/HIAWms/web/src/components/BaseDialog/BaseDialog.tsx
@@ -0,0 +1,106 @@
+import {
+ defineComponent,
+ SetupContext,
+ computed,
+ useSlots,
+ Fragment,
+} from 'vue'
+import { _t } from '@/libs/Language/Language'
+import Icon from '../Icon/Icon'
+import './BaseDialog.scss'
+
+export default defineComponent({
+ emits: ['close', 'confirm', 'open'],
+ props: [],
+ setup(props, { emit, attrs, slots }: SetupContext) {
+ const footer = !!useSlots().footer
+ const className = computed(() => {
+ if (attrs.class) {
+ return `without-cs-dialog ${attrs.class}`
+ }
+ return 'without-cs-dialog'
+ })
+
+ // 鍏抽棴寮圭獥閮戒細璋冭繖涓柟娉曪紝鏈変簺鏃跺�欑偣鍑籧onfirm鐨勬椂鍊欎笉鑳藉悓鏃惰Е鍙慶lose鐨勶紝鍔犱釜鍙傛暟锛岀敤浜庡尯鍒嗘槸鐐瑰嚮鎸夐挳鍏抽棴鐨勪簨浠惰繕鏄痗lose浜嬩欢
+ const onClose = (isClose = true) => emit('close', isClose)
+
+ const onConfirm = () => emit('confirm')
+
+ const onOpen = () => emit('open')
+
+ const currentHeight = computed(() => {
+ return attrs.height || 'auto'
+ })
+ return () => {
+ return (
+ <el-dialog
+ class={className.value}
+ width="525px"
+ v-bind="attrs"
+ show-close={false}
+ onClose={() => onClose(false)}
+ onOpen={onOpen}
+ v-slots={{
+ header: () => (
+ <div class="cs-dialog-content">
+ <p>{_t(attrs.title)}</p>
+ {!attrs.hideClose ? (
+ <Icon
+ style="cursor: pointer"
+ width={16}
+ height={16}
+ icon="X"
+ onClick={onClose}
+ />
+ ) : null}
+ </div>
+ ),
+ footer: () =>
+ attrs.isHideFooter ? null : (
+ <div class="cs-dialog-footer">
+ {footer ? (
+ // <slot name="footer"></slot>
+ slots?.footer?.()
+ ) : (
+ <Fragment>
+ {slots?.customBtn?.()}
+ {/* <slot name="custom-btn"></slot> */}
+ <el-button
+ onClick={onClose}
+ type="info"
+ plain
+ class="dialog-btn cs-base-btn"
+ >
+ {_t('鍙栨秷')}
+ </el-button>
+ {!attrs.hideSubmit ? (
+ <el-button
+ v-if=""
+ disabled={attrs.submitDisabled}
+ onClick={onConfirm}
+ type="primary"
+ class="cs-base-btn"
+ >
+ {_t('纭')}
+ </el-button>
+ ) : null}
+ </Fragment>
+ )}
+ </div>
+ ),
+ }}
+ >
+ <div
+ style={`
+ height: ${currentHeight};
+ overflow: ${attrs.height ? 'auto' : 'initial'};
+ padding-right: 20px;
+ `}
+ >
+ {slots?.default?.()}
+ </div>
+ </el-dialog>
+ )
+ }
+ },
+})
--
Gitblit v1.9.3