From 64d172717748c383a5c88348037354bffd60f966 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期二, 27 五月 2025 17:52:03 +0800
Subject: [PATCH] 页面样式修改
---
src/views/tool/build/TreeNodeDialog.vue | 93 ++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 93 insertions(+), 0 deletions(-)
diff --git a/src/views/tool/build/TreeNodeDialog.vue b/src/views/tool/build/TreeNodeDialog.vue
new file mode 100644
index 0000000..372d3af
--- /dev/null
+++ b/src/views/tool/build/TreeNodeDialog.vue
@@ -0,0 +1,93 @@
+<template>
+ <div>
+ <el-dialog title="娣诲姞閫夐」" v-model="open" width="800px" :close-on-click-modal="false" :modal-append-to-body="false"
+ @open="onOpen" @close="onClose">
+ <el-form ref="treeNodeForm" :model="formData" :rules="rules" label-width="100px">
+ <el-col :span="24">
+ <el-form-item label="閫夐」鍚�" prop="label">
+ <el-input v-model="formData.label" placeholder="璇疯緭鍏ラ�夐」鍚�" clearable />
+ </el-form-item>
+ </el-col>
+ <el-col :span="24">
+ <el-form-item label="閫夐」鍊�" prop="value">
+ <el-input v-model="formData.value" placeholder="璇疯緭鍏ラ�夐」鍊�" clearable>
+ <template #append>
+ <el-select v-model="dataType" :style="{ width: '100px' }">
+ <el-option v-for="(item, index) in dataTypeOptions" :key="index" :label="item.label" :value="item.value"
+ :disabled="item.disabled" />
+ </el-select>
+ </template>
+
+ </el-input>
+ </el-form-item>
+ </el-col>
+ </el-form>
+ <template #footer>
+ <div class="dialog-footer">
+ <el-button type="primary" @click="handelConfirm">纭� 瀹�</el-button>
+ <el-button @click="onClose">鍙� 娑�</el-button>
+ </div>
+ </template>
+ </el-dialog>
+ </div>
+</template>
+<script setup>
+const open = defineModel()
+const emit = defineEmits(['confirm'])
+const formData = ref({
+ label: undefined,
+ value: undefined
+})
+const rules = {
+ label: [
+ {
+ required: true,
+ message: '璇疯緭鍏ラ�夐」鍚�',
+ trigger: 'blur'
+ }
+ ],
+ value: [
+ {
+ required: true,
+ message: '璇疯緭鍏ラ�夐」鍊�',
+ trigger: 'blur'
+ }
+ ]
+}
+const dataType = ref('string')
+const dataTypeOptions = ref([
+ {
+ label: '瀛楃涓�',
+ value: 'string'
+ },
+ {
+ label: '鏁板瓧',
+ value: 'number'
+ }
+])
+const id = ref(100)
+const treeNodeForm = ref()
+
+function onOpen() {
+ formData.value = {
+ label: undefined,
+ value: undefined
+ }
+}
+
+function onClose() {
+ open.value = false
+}
+
+function handelConfirm() {
+ treeNodeForm.value.validate(valid => {
+ if (!valid) return
+ if (dataType.value === 'number') {
+ formData.value.value = parseFloat(formData.value.value)
+ }
+ formData.value.id = id.value++
+ emit('commit', formData.value)
+ onClose()
+ })
+}
+</script>
--
Gitblit v1.9.3