update 项目管理

Web/src/pages/business/house/project/form.vue

@@ -12,7 +12,7 @@
         <!-- 表单控件 -->
         <a-form-model-item label="所属区域" prop="areaCode">
           <!-- <a-tree-select :dropdown-style="{ maxHeight: '300px', overflow: 'auto' }" :tree-data="areaData" :replace-fields="{ value: 'code', title: 'name', children: 'children' }" placeholder="请选择所属区域" tree-default-expand-all v-model="form.areaId" /> -->
-          <a-cascader :field-names="{ label: 'name', value: 'code', children: 'children' }" :options="areaData" expand-trigger="hover" placeholder="请选择所属区域" v-model="areaCode" />
+          <a-cascader :field-names="{ label: 'name', value: 'code', children: 'children' }" :options="areaData" expand-trigger="hover" placeholder="请选择所属区域" v-model="form.areaCode" :display-render="displayRender" />
         </a-form-model-item>
         <a-form-model-item label="项目名称" prop="name">
           <a-input placeholder="请输入项目名称" v-model="form.name" />
@@ -43,16 +43,18 @@ export default {
   data() {
     return {
       /** 表单数据 */
-      form: { areaId: '' },
+      form: {},
       /** 验证格式 */
       rules: {
         /* ... */
         note: [{ required: true, message: '请输入备注' }],
+        name: [{ required: true, message: '请输入项目名称' }],
+        sort: [{ required: true, message: '请输入排序' }],
+        areaCode: [{ required: true, message: '请选择所属区域' }],
       },
 
       /** 加载异步数据状态 */
       loading: false,
-
       /** 其他成员属性 */
       areaData: [],
       /* ... */
@@ -96,10 +98,9 @@ export default {
         ...defaultForm,
         ...params.record,
         /** 在此处添加其他默认数据转换 */
-        areaId: areaCode[3],
+        areaCode,
         /* ... */
       });
-      this.areaCode = areaCode;
     },
 
     /**
@@ -111,7 +112,7 @@ export default {
         this.$refs.form.validate((valid) => {
           if (valid) {
             const record = this.$_.cloneDeep(this.form);
-
+            record.areaCode = record.areaCode[record.areaCode.length - 1];
             /** 验证通过后可以对数据进行转换得到想要提交的格式 */
             /* ... */
 
@@ -162,6 +163,9 @@ export default {
         return res.data;
       });
     },
+    displayRender({ labels }) {
+      return labels[labels.length - 1];
+    },
     /* ... */
   },
 };