Lou
2024-04-08 3aceaa16063d39b6f1ff7dc11d268fde85ee63a9
src/views/place/components/baseAllInfo.vue
@@ -5,9 +5,10 @@
        <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-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>
@@ -518,35 +519,6 @@
          searchSpan: 4,
          search: true,
        },
        {
          labelWidth: 100,
          label: "电话号码",
          prop: "telephone",
          search: true,
          searchSpan: 4,
          slot: true,
          overHidden: true,
          rules: [{
            validator: validatorPhone,
            trigger: "blur",
          },],
        },
        {
          labelWidth: 100,
          label: "身份证号",
          prop: "idCard",
        },
        {
          labelWidth: 100,
          label: "现居住地",
          prop: "tempAddress",
          searchSpan: 4,
          search: true,
        },
        {
          labelWidth: 100,
          label: "性别",
@@ -566,7 +538,6 @@
          }
          ],
        },
        {
          labelWidth: 100,
          span: 12,
@@ -581,7 +552,33 @@
            value: "dictKey",
          },
        },
        {
          labelWidth: 100,
          label: "身份证号",
          prop: "idCard",
        },
        {
          labelWidth: 100,
          label: "电话号码",
          prop: "telephone",
          search: true,
          searchSpan: 4,
          slot: true,
          overHidden: true,
          rules: [{
            validator: validatorPhone,
            trigger: "blur",
          },],
        },
        {
          labelWidth: 100,
          label: "现居住地",
          prop: "tempAddress",
          searchSpan: 4,
          search: true,
        },
        {
          labelWidth: 100,
          label: "岗位",
@@ -590,11 +587,63 @@
        },
        {
          label: "从业人员照片",
          prop: "employerImg",
          labelWidth: 100,
          type: "upload",
          listType: "picture-card",
          dataType: "string",
          multiple: true,
          action: "/api/blade-resource/oss/endpoint/put-file",
          propsHttp: {
            res: "data",
            name: "name",
            url: "link",
          },
          span: 24,
          hide: true
        },
        {
          label: "入职时间",
          labelWidth: 100,
          hide: true,
          row: true,
          prop: "resignationTime",
          type: "datetime",
          format: "yyyy-MM-dd",
          valueFormat: "yyyy-MM-dd",
          // format: "yyyy-MM-dd hh:mm:ss",
          // valueFormat: "yyyy-MM-dd hh:mm:ss",
          rules: [{
            required: false,
            message: "请选择入职时间",
            trigger: "blur",
          }]
        },
        {
          label: "离职时间",
          labelWidth: 100,
          hide: true,
          row: true,
          prop: "employmentTime",
          type: "datetime",
          format: "yyyy-MM-dd",
          valueFormat: "yyyy-MM-dd",
          // format: "yyyy-MM-dd hh:mm:ss",
          // valueFormat: "yyyy-MM-dd hh:mm:ss",
          rules: [{
            required: false,
            message: "请选择离职时间",
            trigger: "blur",
          }]
        },
        {
          labelWidth: 100,
          label: "状态",
          prop: "resignationFlag",
          // hide: true
          type: "select",
          display: false,
          dicData: [{
            label: "在职",
            value: 1
@@ -709,9 +758,9 @@
        ],
      },
      standardAddressList:[] , //标准地址数据
      standardAddress:"",
      standardAddressSearchKey:""
      standardAddressList: [], //标准地址数据
      standardAddress: "",
      standardAddressSearchKey: ""
    }
  },
@@ -791,7 +840,7 @@
        }), getPlaceList()])
        .then(
          that.$axios.spread(function (baseInfo, restInfo) {
            console.log("houseCodeBinds===>",baseInfo.data.data.houseCodeBinds)
            console.log("houseCodeBinds===>", baseInfo.data.data.houseCodeBinds)
            that.form = baseInfo.data.data
            that.form.addressName = that.form.location;
            that.form.location = [
@@ -799,8 +848,8 @@
              that.form.lat,
              that.form.location,
            ].join(",")
            if(baseInfo.data.data.houseCodeBinds){
              that.standardAddressList  = baseInfo.data.data.houseBindList;
            if (baseInfo.data.data.houseCodeBinds) {
              that.standardAddressList = baseInfo.data.data.houseBindList;
              that.form.houseCodeBinds = baseInfo.data.data.houseCodeBinds.split(",")
            }
@@ -831,8 +880,8 @@
            that.baseShow = true
            const data = restInfo.data.data
            if (data) {
@@ -866,7 +915,7 @@
          })
        )
        that.getPlaceAddressListRequest()
      that.getPlaceAddressListRequest()
    },
    locationDispose(data) {
@@ -1061,21 +1110,21 @@
      this.roleBox = false
    },
    getPlaceAddressListRequest(query){
    getPlaceAddressListRequest(query) {
      getPlaceAddressList({
        addressName:query
      }).then(res=>{
           this.standardAddressList = res.data.data;
        addressName: query
      }).then(res => {
        this.standardAddressList = res.data.data;
      })
    },
    onSelectChange(e){
        console.log("selectChange===>",e);
        // this.getPlaceAddressListRequest()
    onSelectChange(e) {
      console.log("selectChange===>", e);
      // this.getPlaceAddressListRequest()
    },
    onRemoteMethod(query){
      console.log("remote===>",query)
    onRemoteMethod(query) {
      console.log("remote===>", query)
      this.getPlaceAddressListRequest(query)
    },