From ce9ff4af4cf7ccc87d3ef94a849942baf112b811 Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期一, 07 四月 2025 18:03:01 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/wyyDatabase
---
src/components/form/form.vue | 83 +++++++++++++++++++++++++++++++++++++++++
1 files changed, 83 insertions(+), 0 deletions(-)
diff --git a/src/components/form/form.vue b/src/components/form/form.vue
new file mode 100644
index 0000000..06c86af
--- /dev/null
+++ b/src/components/form/form.vue
@@ -0,0 +1,83 @@
+<template >
+ <div>
+ <el-form
+ size="mini"
+ :inline="true"
+ style="padding: 0px 10px;
+ "
+ :model="from"
+ class="row demo-form-inline col-xs-12"
+ >
+ <el-row :gutter="10">
+ <el-form-item
+ style="width: 33%"
+ v-for="(item, i) in from.from"
+ :key="i"
+ :label="item.label"
+ >
+ <el-input
+ v-if="item.type === 'input'"
+ v-model="item.value"
+ :placeholder="item.label"
+ ></el-input>
+ </el-form-item>
+ <!-- 鍏朵粬琛ㄥ崟椤圭渷鐣� -->
+ <!-- <el-form-item style="display:block; "> -->
+ <div class="flex flex-center Formbtn">
+ <el-button
+
+ size="mini"
+ @click="handleSubmit"
+ >鎼滅储</el-button
+ >
+ <el-button size="mini" @click="handleReset"
+ >閲嶇疆</el-button
+ >
+ </div>
+ <!-- </el-form-item> -->
+ </el-row>
+ </el-form>
+ </div>
+</template>
+<script>
+export default {
+ props: ["from"],
+ mounted(){
+ },
+ methods: {
+ handleSubmit() {
+ this.$message({
+ message: "鏌ヨ鎴愬姛",
+ type: "success",
+ });
+ const result = this.from.from.reduce((obj, item) => {
+ obj[item.name] = item.value;
+ return obj;
+ }, {});
+ // 鎻愪氦閫昏緫
+ this.$emit("submit", result); // 鍙戦�� submit 浜嬩欢锛屽苟灏嗚〃鍗曟暟鎹綔涓哄弬鏁颁紶閫掔粰鐖剁粍浠�
+ },
+ handleReset() {
+ this.from.from.forEach((item) => {
+ item.value = "";
+ });
+ // 閲嶇疆閫昏緫
+ this.$emit('reset') // 鍙戦�� reset 浜嬩欢缁欑埗缁勪欢
+ },
+ },
+};
+</script>
+
+<style scoped>
+.el-form--inline .el-form-item {
+ margin-right: 0;
+}
+
+::v-deep .el-form-item__content {
+ width: 80%;
+}
+
+::v-deep .el-form-item__content div {
+ width: 100%;
+}
+</style>
--
Gitblit v1.9.1