update 区域管理使用新种子

Web/src/pages/system/area/form.vue

@@ -1,53 +1,78 @@
 <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">
         <!-- 表单控件 -->
+        <!-- ... -->
         <a-form-model-item label="参数类型" prop="levelType">
-          <a-select placeholder="请选择参数类型" v-model="form.levelType" :disabled="editDisabled">
-            <a-select-option :key="i" :value="item.code" v-for="(item, i) in levelType">{{ item.value }}</a-select-option>
+          <a-select :disabled="editDisabled" placeholder="请选择参数类型" v-model="form.levelType">
+            <a-select-option
+              :key="i"
+              :value="item.code"
+              v-for="(item, i) in levelType"
+            >{{ item.value }}</a-select-option>
           </a-select>
         </a-form-model-item>
         <a-form-model-item label="名称" prop="name">
           <a-input placeholder="请输入区域名称" v-model="form.name" />
         </a-form-model-item>
-        <a-form-model-item label="编码" prop="code" >
-          <a-input placeholder="请输入参数编码" :disabled="exist" v-model="form.code" />
+        <a-form-model-item label="编码" prop="code">
+          <a-input :disabled="exist" placeholder="请输入参数编码" v-model="form.code" />
         </a-form-model-item>
         <a-form-model-item label="区域编码" prop="adCode">
           <a-input placeholder="请输入显示编码" v-model="form.adCode" />
         </a-form-model-item>
         <a-form-model-item label="排序" prop="sort">
-          <a-input-number :max="1000" :min="0" class="w-100-p" placeholder="请输入排序" v-model="form.sort" />
+          <a-input-number
+            :max="1000"
+            :min="0"
+            class="w-100-p"
+            placeholder="请输入排序"
+            v-model="form.sort"
+          />
         </a-form-model-item>
         <a-form-model-item label="备注" prop="note">
-          <a-textarea v-model="form.note" :rows="4" placeholder="请输入备注"></a-textarea>
+          <a-textarea :rows="4" placeholder="请输入备注" v-model="form.note"></a-textarea>
         </a-form-model-item>
       </div>
     </a-spin>
   </a-form-model>
 </template>
 <script>
+/* 表单内容默认值 */
+const defaultForm = {
+  /* ... */
+};
+
 export default {
   data() {
     return {
       /** 表单数据 */
       form: {},
-      exist:false,
       /** 验证格式 */
       rules: {
+        /* ... */
         levelType: [{ required: true, message: '请选择参数类型' }],
         name: [{ required: true, message: '请输入参数名称' }],
         adCode: [{ required: true, message: '请输入参数编码' }],
         code: [{ required: true, message: '请输入显示编码' }],
       },
+
       /** 加载异步数据状态 */
       loading: false,
+
       /** 其他成员属性 */
+      /* ... */
+      exist: false,
       levelType: [],
       editDisabled: false,
-      /** ... */
     };
   },
 
@@ -56,14 +81,14 @@ export default {
      * 必要的方法
      * 在打开编辑页时允许填充数据
      */
-    onFillData(record) {
-      this.exist  = true;
+    onFillData(params) {
       /** 将默认数据覆盖到form */
       this.form = this.$_.cloneDeep({
-        ...record,
-        /** 在此处添加默认数据转换 */
-        /** ... */
-        levelType: record.levelType.toString(),
+        ...defaultForm,
+        ...params.record,
+        /** 在此处添加其他默认数据转换 */
+        /* ... */
+        levelType: params.record && params.record.levelType.toString(),
       });
     },
 
@@ -78,7 +103,7 @@ export default {
             const record = this.$_.cloneDeep(this.form);
 
             /** 验证通过后可以对数据进行转换得到想要提交的格式 */
-            /** ... */
+            /* ... */
 
             reslove(record);
           } else {
@@ -105,7 +130,7 @@ export default {
         this.$refs.form.resetFields();
 
         /** 在这里可以初始化当前组件中其他属性 */
-        /** ... */
+        /* ... */
       }, 300);
     },
 
@@ -113,22 +138,21 @@ export default {
      * 必要方法
      * 加载当前表单中所需要的异步数据
      */
-    async onInit() {
+    async onInit(params) {
       this.loading = true;
       /** 可以在这里await获取一些异步数据 */
-      /** ...BEGIN */
+      /* ... */
       this.levelType = await this.onLoadlevelTypeData();
-      /** ...END */
       this.loading = false;
     },
 
     /** 当前组件的其他方法 */
+    /* ... */
     onLoadlevelTypeData() {
       return this.$api.sysDictTypeDropDown({ code: 'dic_areacode_type' }).then(({ data }) => {
         return data;
       });
     },
-    /** ... */
   },
 };
 </script>