省市区传参name

src/views/Task/daikeComponents/KtLetter1.vue

@@ -337,7 +337,7 @@
           </el-col>
           <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="ownerInfo.property=='0'">
             <el-form-item label="省市区" >
-              <el-cascader v-model="selectedOptions1" :options="areaOption" :props="{ value: 'code',label: 'name',children: 'sub'}"
+              <el-cascader   v-model="selectedOptions1" :options="areaOption" :props="{ value: 'code',label: 'name',children: 'sub'}"
                 @change="event => areahandleChange(event, 'ownerInfo')" ></el-cascader>
             </el-form-item>
           </el-col>
@@ -480,7 +480,7 @@
           </el-col>
           <el-col :xs="colSpan.xs" :sm="colSpan.sm" :md="colSpan.md" :lg="colSpan.lg" :xl="colSpan.xl" v-if="policyHolderInfo.property=='0'">
             <el-form-item label="省市区">
-              <el-cascader v-model="selectedOptions2" :options="areaOption" :props="{ value: 'code',label: 'name',children: 'sub'}"
+              <el-cascader   v-model="selectedOptions2" :options="areaOption" :props="{ value: 'code',label: 'name',children: 'sub'}"
                 @change="event => areahandleChange(event, 'policyHolderInfo')"></el-cascader>
             </el-form-item>
           </el-col>
@@ -4258,7 +4258,7 @@ import imageDialog from "@/views/Core/components/imageDialog.vue";
 import { mapState } from "vuex";
 import Ktletter1Popover from "./components/LetterPopover.vue"
 
-export default {
+  export default {
   inject: ["reload"],
   name: "qrCode",
   data() {
@@ -7075,10 +7075,28 @@ export default {
     areahandleChange(event, info) {
       if (event[0] != null && event[1] != null && event[2] != null) {
         this[info].province = event[0]
+        this[info].provinceName = this.getSelectedNames(event)[0]
         this[info].city = event[1]
+        this[info].cityName = this.getSelectedNames(event)[1]
         this[info].county = event[2]
+        this[info].countyName = this.getSelectedNames(event)[2]
       }
     },
+    getSelectedNames(codes) {
+      const names = [];
+      const findNames = (options, codes) => {
+        options.forEach(option => {
+          if (codes.includes(option.code)) {
+            names.push(option.name);
+            if (option.sub) {
+              findNames(option.sub, codes);
+            }
+          }
+        });
+      };
+      findNames(this.areaOption, codes);
+      return names;
+  },
     iconfftter(icon) {
       return CommonUtil.getDataName({
         dataList: this.global.insCompanyList,