表单项组件化、政策入库流程重构

2023-09-25 16:58:30 +08:00
parent 24577c7f3a
commit 37a3124c3a
25 changed files with 2888 additions and 12 deletions
@@ -0,0 +1,61 @@
+<template>
+  <el-form-item :label="label" :prop="prop" class="add-form-item form-item-disabled">
+    <el-datePicker :value="value"
+                   :editable="editable"
+                   :disabled="disabled"
+                   :clearable="clearable"
+                   :placeholder="placeholder"
+                   value-format="yyyy-MM-dd"
+                   @input="handleChange">
+    </el-datePicker>
+  </el-form-item>
+</template>
+
+<script>
+export default {
+  name: "DatePickerFormItem",
+  props: {
+    value: {
+      required: true
+    },
+    prop: {
+      type: String
+    },
+    label: {
+      type: String,
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    },
+    editable: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    placeholder () {
+      return `请选择${this.label}`
+    },
+  },
+  methods: {
+    handleChange (event) {
+      this.$emit('input', event)
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.add-form-item {
+  margin-bottom: 0;
+  min-height: 50px;
+  line-height: 50px;
+  border-bottom: 1px dashed #e5e5e5;
+  clear: both;
+}
+</style>