From 58dea2b63641f930bad79a8b5a4c66b860967b88 Mon Sep 17 00:00:00 2001
From: 田源 <lastanimals@163.com>
Date: 星期一, 18 三月 2024 16:24:53 +0800
Subject: [PATCH] 表单关键属性 文字提示
---
Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue | 25 +++++++++++++++++++++++--
1 files changed, 23 insertions(+), 2 deletions(-)
diff --git a/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue b/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue
index d0ccd6c..947b92d 100644
--- a/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue
+++ b/Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue
@@ -1,7 +1,22 @@
<template>
<basic-container>
<el-dialog v-if="dialogFormVisible" :title="title" :visible.sync="dialogFormVisible" @close="closeHandler" append-to-body>
- <avue-form v-model="form" :option="option" @submit="submitHandler" @reset-change="changeHandler"></avue-form>
+ <avue-form v-model="form" :option="option" @submit="submitHandler" @reset-change="changeHandler">
+ <template v-for="item in slotData" :slot="item.prop + 'Label'">
+ <span>
+ <span>{{ item.label }} </span>
+ <el-tooltip
+ v-if="item.keyAttr"
+ class="item"
+ content="璇ュ睘鎬т负鍏抽敭灞炴��"
+ effect="dark"
+ placement="top-start"
+ >
+ <i class="el-icon-star-on" style="font-size: 17px !important; color: red;vertical-align: baseline;"></i>
+ </el-tooltip>
+ </span>
+ </template>
+ </avue-form>
</el-dialog>
</basic-container>
</template>
@@ -61,11 +76,15 @@
column: this.formColumn(this.formList)
}
},
+ slotData(){
+ return this.formColumn(this.formList)
+ }
},
methods:{
//琛ㄥ崟鎻愪氦
submitHandler(form,done){
console.log(form)
+ console.log(this.slotData)
done()
},
changeHandler(){
@@ -89,6 +108,8 @@
suffixIcon: item.prefix,
placeholder:item.placeholder,
clearable:item.clearable,
+ tip: item.tooltips,
+ keyAttr: item.keyAttr,
rules: [{
required: item.required,
message: `璇疯緭鍏�${item.text}!`,
@@ -104,6 +125,6 @@
}
</script>
-<style scoped>
+<style scoped lang="scss">
</style>
--
Gitblit v1.9.3