增加区域编码全部

src/views/modules/sys/dept-add-or-update.vue

@@ -18,10 +18,14 @@
         <el-input v-model="dataForm.partyCode"
                   :placeholder="$t('dept.partyCode')"></el-input>
       </el-form-item>
-      <el-form-item prop="areaCode"
-                    :label="$t('dept.areaCode')">
-        <el-input v-model="dataForm.areaCode"
-                  :placeholder="$t('dept.areaCode')"></el-input>
+<!--      <el-form-item prop="allAreaCode"-->
+<!--                    :label="$t('dept.areaCode')">-->
+<!--        <el-input v-model="dataForm.allAreaCode"-->
+<!--                  :placeholder="$t('dept.areaCode')"></el-input>-->
+<!--      </el-form-item>-->
+      <el-form-item prop="allAreaCode" :label="$t('dept.areaCode')">
+        <el-cascader v-model="dataForm.allAreaCode" :options="areaCodeOptions" :props="optionProps" clearable>
+        </el-cascader>
       </el-form-item>
       <el-form-item prop="parentName"
                     :label="$t('dept.parentName')"
@@ -96,8 +100,15 @@ export default {
         typeKey: '',
         typeName: '',
         areaCode: '',
+        allAreaCode: [],
         partyCode: ''
       },
+      optionProps: {
+        value: 'code',
+        label: 'name',
+        children: 'children'
+      },
+      areaCodeOptions:[],
       secondOrgDictList: []
     }
   },
@@ -110,7 +121,7 @@ export default {
         partyCode: [
           { required: true, message: this.$t('validate.required'), trigger: 'change' }
         ],
-        areaCode: [
+        allAreaCode: [
           { required: true, message: this.$t('validate.required'), trigger: 'change' }
         ],
         parentName: [
@@ -137,10 +148,13 @@ export default {
           } else {
             this.dataForm.partyCode = ''
             this.dataForm.typeKey = ''
+            this.dataForm.areaCode = ''
+            this.dataForm.allAreaCode = ''
           }
         })
       })
       this.getSecondOrgDicList()
+      this.getAreaCodeOption()
     },
     // 改变机构类型
     changeOrgType (item) {
@@ -155,6 +169,15 @@ export default {
         this.deptList = res.data
       }).catch(() => { })
     },
+    // 获取区域编码
+    getAreaCodeOption () {
+      return this.$http.get('/sys/dept/getEpmetAreaCode',{ params: { rootAreaCode: '370124', rootAreaLevel: 'province' }}).then(({ data: res }) => {
+        if (res.code !== 0) {
+          return this.$message.error(res.msg)
+        }
+        this.areaCodeOptions = res.data
+      }).catch(() => { })
+    },
     // 获取二级党委字典列表
     getSecondOrgDicList () {
       this.$http.get(`/sys/dict/listSimple/org_type`).then(({ data: res }) => {
@@ -174,6 +197,7 @@ export default {
           ...this.dataForm,
           ...res.data
         }
+        this.dataForm.allAreaCode = res.data.allAreaCode.split(',')
         if (this.dataForm.pid === '0') {
           return this.deptListTreeSetDefaultHandle()
         }
@@ -197,6 +221,8 @@ export default {
         if (!valid) {
           return false
         }
+        this.dataForm.areaCode = this.dataForm.allAreaCode[this.dataForm.allAreaCode.length - 1];
+        this.dataForm.allAreaCode = this.dataForm.allAreaCode.toString();
         this.$http[!this.dataForm.id ? 'post' : 'put']('/sys/dept', this.dataForm).then(({ data: res }) => {
           if (res.code !== 0) {
             return this.$message.error(res.msg)