feat: 新增表单

client/pages/editor/components/attr-configure/attr-props-components/props-attr/SourceForm.vue

@@ -0,0 +1,65 @@
+<template>
+<div>
+  <el-form-item label="留资 Source">
+    <el-input
+        placeholder="请输入留资 Source"
+        v-model.trim="temp.source">
+    </el-input>
+  </el-form-item>
+  <el-collapse v-model="activeNames">
+    <el-collapse-item title="字段配置：" name="1">
+      <div class="attr-item-edit-wrapper marginB15">
+        <div class="sizeAndPosition-wrapper">
+          <el-form-item label="姓名">
+            <el-switch v-model="temp.name"></el-switch>
+          </el-form-item>
+          <el-form-item label="手机号">
+            <el-switch v-model="temp.phone"></el-switch>
+          </el-form-item>
+          <el-form-item label="公司名称">
+            <el-switch v-model="temp.company"></el-switch>
+          </el-form-item>
+        </div>
+      </div>
+    </el-collapse-item>
+  </el-collapse>
+</div>
+
+</template>
+
+<script>
+	export default {
+		name: "attr-sourceFormConfig",
+		props: {
+      sourceFormConfig: {
+        type: Object
+      }
+		},
+		data() {
+			return {
+        activeNames: ['1'],
+        temp: {
+          source: ''
+        },
+			}
+		},
+		mounted() {
+			this.temp = this.sourceFormConfig;
+		},
+		watch: {
+			noticeBarStyle(val) {
+				this.temp = val;
+			},
+			temp:{
+        handler(){
+          this.$emit('update:sourceFormConfig', this.temp);
+        },
+        deep:true
+			}
+		}
+	}
+</script>
+
+<style scoped>
+
+</style>