update 构成表单页的种子

Web/public/doc-code/seed/form.vue

@@ -1,114 +0,0 @@
-<template>
-  <!-- 
-    普通编辑窗体
-    v 1.2
-    2021-04-30
-    Lufthafen
-  -->
-  <a-form-model :model="form" :rules="rules" class="yo-form" ref="form">
-    <a-spin :spinning="loading">
-      <a-icon slot="indicator" spin type="loading" />
-      <div class="yo-form-group">
-        <!-- 表单控件 -->
-        <!-- ... -->
-      </div>
-    </a-spin>
-  </a-form-model>
-</template>
-<script>
-/* 表单内容默认值 */
-const defaultForm = {
-  /* ... */
-};
-
-export default {
-  data() {
-    return {
-      /** 表单数据 */
-      form: {},
-      /** 验证格式 */
-      rules: {
-        /* ... */
-      },
-
-      /** 加载异步数据状态 */
-      loading: false,
-
-      /** 其他成员属性 */
-      /* ... */
-    };
-  },
-
-  methods: {
-    /**
-     * 必要的方法
-     * 在打开编辑页时允许填充数据
-     */
-    onFillData(params) {
-      /** 将默认数据覆盖到form */
-      this.form = this.$_.cloneDeep({
-        ...defaultForm,
-        ...params.record,
-        /** 在此处添加其他默认数据转换 */
-        /* ... */
-      });
-    },
-
-    /**
-     * 必要方法
-     * 验证表单并获取表单数据
-     */
-    onGetData() {
-      return new Promise((reslove, reject) => {
-        this.$refs.form.validate((valid) => {
-          if (valid) {
-            const record = this.$_.cloneDeep(this.form);
-
-            /** 验证通过后可以对数据进行转换得到想要提交的格式 */
-            /* ... */
-
-            reslove(record);
-          } else {
-            reject();
-          }
-        });
-      });
-    },
-
-    /**
-     * 必要的方法
-     * 在外部窗口进行保存时调用表单验证
-     */
-    onValidate(callback) {
-      this.$refs.form.validate(callback);
-    },
-
-    /**
-     * 必要的方法
-     * 在外部窗口关闭或重置时对表单验证进行初始化
-     */
-    onResetFields() {
-      setTimeout(() => {
-        this.$refs.form.resetFields();
-
-        /** 在这里可以初始化当前组件中其他属性 */
-        /* ... */
-      }, 300);
-    },
-
-    /**
-     * 必要方法
-     * 加载当前表单中所需要的异步数据
-     */
-    async onInit(params) {
-      this.loading = true;
-      /** 可以在这里await获取一些异步数据 */
-      /* ... */
-      this.loading = false;
-    },
-
-    /** 当前组件的其他方法 */
-    /* ... */
-  },
-};
-</script>