清哥的小屋

1
 <el-cascader
2
   ref="serveArea"
3
    v-model="form.installServiceArea"
4
    :options="regionData"
5
    :props="areaProps"
6
    clearable
7
    placeholder="请选择服务区域"
8
  >

1
handleParams() {
2
  ...
3
  const { installServiceArea } = this.mainDetail;
4
   // 服务区域
5
      if (installServiceArea.length) {
6
      // 服务区域的 name
7
        let serveAreaName = this.$refs.baseInfo.$refs.serveArea.getCheckedNodes();
8
        console.log(serveAreaName);
9
        // 将服务区域处理成数组对象的数据格式
10
        let serveAreaName = serveAreaName.map((i) => {
11
          return {
12
            provinceName: i.pathLabels[0],
13
            cityName: i.pathLabels[1],
14
            regionName: i.pathLabels[2],
15
          };
16
        });
17

18
        console.log(serveAreaName, 'serveAreaName');
19
    // 将服务区域的name和code合并成一个数组对象
20
        let serveAreaParams = serveAreaName.map((i, ind) => {
21
          return {
22
            ...i,
23
            provinceCode: installServiceArea[ind][0],
24
            cityCode: installServiceArea[ind][1],
25
            regionCode: installServiceArea[ind][2],
26
          };
27
        });
28

29
        console.log(serveAreaParams, 'serveAreaParams');
30
      }
31
}