标准地址调整

Lou

2024-04-03 d6bcbf09ab54fb46f5e690de0c08ea2b638d7f91

标准地址调整

 src/api/place/place.js

@@ -159,6 +159,13 @@
  };


  
  // 标准地址
  export const  getPlaceAddressList = (params) => {
    return request({
      url: "/api/blade-doorplateAddress/doorplateAddress/getPlaceList",
      method: "get",
      params: params
    });
  };



 src/views/place/components/baseAllInfo.vue

@@ -4,6 +4,13 @@
      <div class="content-box">
        <box-title class="m10" :classVal="9" :title="'基本信息'"></box-title>
        <avue-form v-if="baseShow" ref="baseForm" :option="option" v-model="form">
          <template slot-scope="{ row, size, index }" slot="houseCodeBinds">
            <el-select v-model="form.houseCodeBinds" filterable remote  multiple  :remote-method="onRemoteMethod"
              @change="onSelectChange" placeholder="请选择标准地址"    reserve-keyword>
              <el-option v-for="item in standardAddressList"   :key="item.addressCode" :label="item.addressName" :value="item.addressCode">
              </el-option>
            </el-select>
          </template>
        </avue-form>


@@ -40,6 +47,7 @@
    getHoldList,
    update,
    updatePlaceExt,
  getPlaceAddressList
  } from "@/api/place/place"
  import {
    getPlaceList
@@ -375,32 +383,43 @@
              span: 12
            },

        // {
        //   width: 160,
        //   overHidden: true,
        //   slot: true,
        //   label: "标准地址",
        //   prop: "houseCodeBinds",
        //   span: 24,
        //   type: 'select',
        //   labelWidth:120,
        //   dataType: "object",
        //   remote: true,
        //   multiple: true,
        //   hide: true,
        //   display: false,
        //   filterable:true,
        //   dicUrl: `/api/blade-doorplateAddress/doorplateAddress/getPlaceList`,
        //   props: {
        //     label: 'addressName',
        //     value: 'addressCode',
        //   },
        //   dicData: [],
        //   rules: [{
        //     required: false,
        //     message: "请选择标准地址",
        //     trigger: "blur",
        //   }, ]
        // },
            {
              width: 160,
              overHidden: true,
          span: 24,
          hide: true,
          prop: "houseCodeBinds",
              slot: true,
              label: "标准地址",
              prop: "houseCodeBinds",
              span: 24,
              type: 'tree',
              labelWidth:120,
              dataType: "object",
              remote: true,
              multiple: true,
              hide: true,
              display: false,
              dicUrl: `/api/blade-doorplateAddress/doorplateAddress/getPlaceList?addressName={{addressName}}`,
              props: {
                label: 'addressName',
                value: 'addressCode',

              },
              dicData: [],
              rules: [{
                required: false,
                message: "请选择标准地址",
                trigger: "blur",
              }, ],
            },

            {
              label: "备注",
              prop: "remark",
@@ -689,6 +708,10 @@

          ],
        },

      standardAddressList:[] , //标准地址数据
      standardAddress:"",
      standardAddressSearchKey:""
      }
    },

@@ -768,6 +791,7 @@
          }), getPlaceList()])
          .then(
            that.$axios.spread(function(baseInfo, restInfo) {
            console.log("houseCodeBinds===>",baseInfo.data.data.houseCodeBinds)
              that.form = baseInfo.data.data
              that.form.addressName = that.form.location;
              that.form.location = [
@@ -775,6 +799,10 @@
                that.form.lat,
                that.form.location,
              ].join(",")
            if(baseInfo.data.data.houseCodeBinds){
              that.standardAddressList  = baseInfo.data.data.houseBindList;
              that.form.houseCodeBinds = baseInfo.data.data.houseCodeBinds.split(",")
            }

              if (that.form.imageUrls && that.form.imageUrls.length) {
                that.form.imageUrls = that.form.imageUrls
@@ -803,6 +831,9 @@

              that.baseShow = true
              const data = restInfo.data.data
            
          


              if (data) {
                let imageUrls = data.imageUrls
@@ -834,6 +865,8 @@
              that.restShow = true
            })
          )

        that.getPlaceAddressListRequest()
      },

      locationDispose(data) {
@@ -1027,6 +1060,27 @@
        this.restShow = false
        this.roleBox = false
      },

    getPlaceAddressListRequest(query){
      getPlaceAddressList({
        addressName:query
      }).then(res=>{
           this.standardAddressList = res.data.data; 
      })
    },

    onSelectChange(e){
        console.log("selectChange===>",e);
        // this.getPlaceAddressListRequest()
    },

    onRemoteMethod(query){
      console.log("remote===>",query)
      this.getPlaceAddressListRequest(query)
    },



    },
  }
</script>