From 55bf797dcc730b37bc691ebab2b51ff9db8ed245 Mon Sep 17 00:00:00 2001
From: zs <zhousong@weben-smart.com>
Date: 周二, 06 5月 2025 17:37:23 +0800
Subject: [PATCH] 修改代码样式
---
HIAWms/web/src/components/Variable/Variable.tsx | 183 +++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 183 insertions(+), 0 deletions(-)
diff --git a/HIAWms/web/src/components/Variable/Variable.tsx b/HIAWms/web/src/components/Variable/Variable.tsx
new file mode 100644
index 0000000..e3d854f
--- /dev/null
+++ b/HIAWms/web/src/components/Variable/Variable.tsx
@@ -0,0 +1,183 @@
+import { computed, defineComponent, ref } from 'vue'
+import sdk from 'sdk'
+import styles from './Variable.module.scss'
+import Icon from '../Icon/Icon'
+import { Base } from '@/libs/Base/Base'
+import { useVModels } from '@vueuse/core'
+const { openVariableDialog } = sdk.utils
+
+interface CurrentVariableType {
+ id?: string
+ name?: string
+}
+
+export default defineComponent({
+ name: '鍙橀噺',
+ props: {
+ modelValue: {
+ type: [Number, String],
+ default: '',
+ },
+ isClose: {
+ type: Boolean,
+ default: false,
+ },
+ clearable: {
+ type: Boolean,
+ default: false,
+ },
+ // 浠ヤ笅灞炴�х敤鏉ュ閫�
+ dataSource: {
+ type: Array,
+ default: () => [],
+ },
+ isMultiple: {
+ type: Boolean,
+ default: false,
+ },
+ index: {
+ type: Number,
+ default: 0,
+ },
+ field: {
+ type: String,
+ default: '',
+ },
+ type: {
+ type: String,
+ default: '',
+ },
+ },
+ emits: ['update:modelValue', 'update:dataSource', 'change'],
+ setup(props, { attrs, slots, emit }) {
+ const elementType = {
+ input: 'input',
+ select: 'select',
+ }
+ const variable = computed({
+ get: () => {
+ return props.modelValue === null ? '' : String(props.modelValue)
+ },
+ set: (val) => emit('update:modelValue', val),
+ })
+
+ const { dataSource } = useVModels(props, emit)
+
+ /**
+ * 澶氶��
+ */
+ const onMultipleSelectVariable = (varData: any[]) => {
+ if (props.field) {
+ const index = props.index
+ varData.forEach((variable, i: number) => {
+ const row: any = dataSource.value[index + i]
+ if (row) {
+ if (
+ typeof row[props.field] !== 'object' ||
+ row[props.field] === null
+ ) {
+ row[props.field] = variable.name
+ }
+ }
+ })
+ }
+ }
+
+ const onSelectVariable = async () => {
+ const currentVariable: CurrentVariableType = {}
+ if (variable.value) {
+ currentVariable.id = Base.getVariableIdByName(variable.value)
+ currentVariable.name = variable.value
+ }
+ try {
+ const varData = await openVariableDialog({
+ currentVariable,
+ isMultiple: props.isMultiple,
+ defaultCheckKey: [],
+ showConfig: false,
+ configData: {},
+ })
+ if (!props.isMultiple) {
+ variable.value = varData.name
+ emit('change', varData.name)
+ } else {
+ onMultipleSelectVariable(varData)
+ }
+ } catch (error) {
+ console.log(error)
+ }
+ }
+ const onClear = () => {
+ variable.value = ''
+ }
+ return () => {
+ const type = props.type || attrs.type
+ if (type === elementType.select) {
+ return (
+ <el-input
+ v-model={variable.value}
+ {...attrs}
+ clearable={props.clearable || props.isClose}
+ readonly={props.isClose || props.clearable}
+ class={styles.selectVariable}
+ placeholder="璇疯緭鍏�"
+ suffix-icon={
+ <el-button
+ link
+ type="primary"
+ size="small"
+ style="margin-right: 10px;"
+ onClick={onSelectVariable}
+ >
+ 閫夋嫨
+ </el-button>
+ }
+ ></el-input>
+ )
+ }
+ if (type === elementType.input) {
+ return (
+ <el-input
+ v-model={variable.value}
+ onClick={onSelectVariable}
+ {...attrs}
+ clearable={props.clearable || props.isClose}
+ readonly={props.isClose || props.clearable}
+ suffix-icon={
+ attrs.disabled ? null : (
+ <Icon
+ onClick={onClear}
+ style="cursor: pointer"
+ icon="close_x"
+ ></Icon>
+ )
+ }
+ ></el-input>
+ )
+ }
+ return (
+ <div class={styles.variable}>
+ {variable.value ? (
+ <div class={styles.content} onClick={onSelectVariable}>
+ <span title={variable.value} class={styles.text}>
+ {variable.value}
+ </span>
+ {props.isClose ? (
+ <Icon
+ width={16}
+ height={16}
+ icon="close_x"
+ onClick={() => (variable.value = '')}
+ />
+ ) : null}
+ </div>
+ ) : (
+ <span onClick={onSelectVariable} class={styles.select}>
+ 璇烽�夋嫨
+ </span>
+ )}
+ </div>
+ )
+ }
+ },
+})
--
Gitblit v1.9.3