{"version":3,"sources":["webpack:///./src/components/user/picker/city-picker.vue","webpack:///src/components/user/picker/city-picker.vue","webpack:///./src/components/user/picker/city-picker.vue?79d9","webpack:///./src/components/user/picker/city-picker.vue?7d74","webpack:///./src/components/user/picker/city-picker.vue?8254"],"names":["render","_vm","this","_c","_self","hidden","_e","staticClass","province","name","on","$event","city","district","street","_v","_s","loading","pickerTitle","$emit","directives","rawName","value","expression","_l","cities","item","index","key","attrs","change","code","staticRenderFns","props","type","Boolean","default","deep","Number","validator","address","Object","data","addressDeep","watch","e","getDeep","_this$address","Province","ProvinceCode","City","CityCode","District","DistrictCode","Town","TownCode","computed","title","cityArray","$store","getters","getStreet","getStreetList","length","update","area","getDistrict","getDistrictList","getCity","getCityList","provinceList","getProvince","getProvinceList","methods","_objectSpread","mapGetters","mapActions","_this","$axios","get","then","res","setProvince","notifyError","_this2","params","setCity","_this3","setDistrict","_this4","setStreet","returnAddress","component"],"mappings":"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","file":"js/chunk-4f4fbb63.c0c3d7ce.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (!_vm.hidden)?_c('div',{staticClass:\"city-picker\"},[_c('div',{staticClass:\"card-header\"},[(_vm.province.name)?_c('span',{staticClass:\"address-item\",on:{\"click\":function($event){_vm.province = _vm.city = _vm.district = _vm.street = {}}}},[_vm._v(_vm._s(_vm.province.name))]):_vm._e(),(_vm.city.name)?_c('span',{staticClass:\"address-item\",on:{\"click\":function($event){_vm.city =_vm.district = _vm.street = {}}}},[_vm._v(_vm._s(_vm.city.name))]):_vm._e(),(_vm.district.name)?_c('span',{staticClass:\"address-item\",on:{\"click\":function($event){_vm.district = _vm.street = {}}}},[_vm._v(_vm._s(_vm.district.name))]):_vm._e(),(_vm.street.name)?_c('span',{staticClass:\"address-item\"},[_vm._v(_vm._s(_vm.street.name))]):_vm._e(),(!_vm.loading)?_c('span',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.pickerTitle))]):_vm._e(),_c('i',{staticClass:\"el-icon-circle-close\",on:{\"click\":function($event){return _vm.$emit('update:hidden', true)}}})]),_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"card-body\"},_vm._l((_vm.cities),function(item,index){return _c('div',{key:index,staticClass:\"item\",attrs:{\"title\":item.name},on:{\"click\":function($event){return _vm.change(item.code, item.name)}}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])}),0)]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"city-picker\" v-if=\"!hidden\">\r\n    <div class=\"card-header\">\r\n      <span\r\n        class=\"address-item\"\r\n        v-if=\"province.name\"\r\n        @click=\"province = city = district = street = {}\"\r\n        >{{ province.name }}</span\r\n      >\r\n      <span\r\n        class=\"address-item\"\r\n        v-if=\"city.name\"\r\n        @click=\" city =district = street = {}\"\r\n        >{{ city.name }}</span\r\n      >\r\n      <span\r\n        class=\"address-item\"\r\n        v-if=\"district.name\"\r\n        @click=\"district = street = {}\"\r\n        >{{ district.name }}</span\r\n      >\r\n      <span class=\"address-item\" v-if=\"street.name\">{{ street.name }}</span>\r\n      <span class=\"title\" v-if=\"!loading\">{{ pickerTitle }}</span>\r\n      <i class=\"el-icon-circle-close\" @click=\"$emit('update:hidden', true)\"></i>\r\n    </div>\r\n    <div class=\"card-body\" v-loading=\"loading\">\r\n      <div\r\n        class=\"item\"\r\n        v-for=\"(item, index) in cities\"\r\n        :key=\"index\"\r\n        @click=\"change(item.code, item.name)\"\r\n        :title=\"item.name\"\r\n      >\r\n        {{ item.name }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport cities from \"@/common/config/user/cities.config.js\";\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nexport default {\r\n  props: {\r\n    hidden: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    deep: {\r\n      type: Number,\r\n      default: 4,\r\n      validator: (value) => {\r\n        return value >= 1 && value <= 4;\r\n      },\r\n    },\r\n    address: {\r\n      type: Object,\r\n      default() {\r\n        return {};\r\n      },\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      province: {\r\n        name: \"\",\r\n        code: -1,\r\n      },\r\n      city: {\r\n        name: \"\",\r\n        code: -1,\r\n      },\r\n      district: {\r\n        name: \"\",\r\n        code: -1,\r\n      },\r\n      street: {\r\n        name: \"\",\r\n        code: -1,\r\n      },\r\n      loading: false,\r\n      addressDeep: 0, //选择栏展示地址级数\r\n    };\r\n  },\r\n  watch: {\r\n    hidden(e) {\r\n      if (e) {\r\n        const name = \"\",\r\n          code = -1;\r\n        const address = { name, code };\r\n        this.province = address;\r\n        this.city = address;\r\n        this.district = address;\r\n        this.street = address;\r\n        this.addressDeep = 0;\r\n      } else {\r\n        this.getDeep();\r\n        const {\r\n          Province,\r\n          ProvinceCode,\r\n          City,\r\n          CityCode,\r\n          District,\r\n          DistrictCode,\r\n          Town,\r\n          TownCode,\r\n        } = this.address;\r\n\r\n        this.province = { name: Province, code: ProvinceCode };\r\n\r\n        this.city = { name: City, code: CityCode };\r\n\r\n        this.district = { name: District, code: DistrictCode };\r\n\r\n        this.street = { name: Town, code: TownCode };\r\n      }\r\n    },\r\n    district(e){\r\n      if(!e.name){\r\n        this.addressDeep = this.deep\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    pickerTitle() {\r\n      let title = \"\";\r\n      if (!this.province.name) title = \"选择省份/直辖市/自治区\";\r\n      else if (!this.city.name) title = \"选择城市/地区\";\r\n      else if (!this.district.name) title = \"选择区/县/镇/乡/街道\";\r\n      else if (!this.street.name && this.addressDeep==4) title = \"选择街道/镇/乡\";\r\n      return title;\r\n    },\r\n    cities() {\r\n      let cityArray = [];\r\n      if (!this.province.name) {\r\n        // this.loading = true;\r\n        let provinceList = this.getProvince();\r\n        if (provinceList.length == 0) {\r\n          this.getProvinceList();\r\n        }\r\n        cityArray = provinceList;\r\n        // this.loading = false;\r\n      } else if (!this.city.name) {\r\n        //   if(this.cityList.length==0){\r\n\r\n        //   }\r\n        const code = this.province.code;\r\n        let city = this.$store.getters.getCity(code);\r\n        if (!city) {\r\n          this.getCityList(code);\r\n        }\r\n        // this.getCity(code);\r\n        if (city) {\r\n          cityArray = city.data;\r\n        }\r\n      } else if (!this.district.name || this.addressDeep == 3) {\r\n        const code = this.city.code;\r\n        let area = this.$store.getters.getDistrict(code);\r\n        if (!area) {\r\n          this.getDistrictList(code);\r\n        }\r\n        if (area) {\r\n          cityArray = area.data;\r\n        }\r\n      } else if (!this.street.name || this.addressDeep == 4) {\r\n        const code = this.district.code;\r\n       \r\n        let street = this.$store.getters.getStreet(code);\r\n        if (!street) {\r\n          this.getStreetList(code);\r\n        }\r\n        if (street) {\r\n          cityArray = street.data;\r\n          if (cityArray.length == 0) {\r\n            this.update();\r\n          }\r\n        }\r\n      }\r\n      return cityArray;\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapGetters([\"getProvince\"]),\r\n    ...mapActions([\"setProvince\", \"setCity\", \"setDistrict\", \"setStreet\"]),\r\n    getDeep() {\r\n      if (!this.address.Province) {\r\n        this.addressDeep = this.deep;\r\n        return;\r\n      }\r\n\r\n      if (this.address.Town) {\r\n        this.addressDeep = 4;\r\n      } else {\r\n        this.addressDeep = 3;\r\n      }\r\n    },\r\n    getProvinceList() {\r\n      this.loading = true;\r\n      this.$axios.get(\"/api/UserAddress/GetProvince\", \"\").then((res) => {\r\n        if (res.data.length > 0) {\r\n          //   const data = JSON.parse(res.data);\r\n          //   let list = [];\r\n          //   for (let key in data) {\r\n          //     list.push({ name: key, code: data[key] });\r\n          //   }\r\n          //   list.sort((a, b) => {\r\n          //     return a.code - b.code;\r\n          //   });\r\n          this.setProvince(res.data);\r\n          // this.provinceList.sort((a,b)=>{\r\n          // \treturn a.value-b.value\r\n          // })\r\n          this.loading = false;\r\n        } else {\r\n          this.notifyError(\"未获取到省份信息\");\r\n          this.loading = false;\r\n        }\r\n      });\r\n    },\r\n    getCityList(code) {\r\n      this.loading = true;\r\n      this.$axios\r\n        .get(\"/api/UserAddress/GetCity\", {\r\n          params: { code: code },\r\n        })\r\n        .then((res) => {\r\n          if (res.data) {\r\n            this.setCity({ code: code, data: res.data });\r\n            this.loading = false;\r\n          }\r\n        });\r\n    },\r\n    getDistrictList(code) {\r\n      this.loading = true;\r\n      this.$axios\r\n        .get(\"/api/UserAddress/getCounty\", {\r\n          params: { code: code },\r\n        })\r\n        .then((res) => {\r\n          if (res.data) {\r\n            this.setDistrict({ code: code, data: res.data });\r\n            this.loading = false;\r\n          }\r\n        });\r\n    },\r\n    getStreetList(code) {\r\n      this.loading = true;\r\n      this.$axios\r\n        .get(\"/api/UserAddress/getTown\", {\r\n          params: { code: code },\r\n        })\r\n        .then((res) => {\r\n          if (res.data) {\r\n            this.setStreet({ code: code, data: res.data });\r\n            this.loading = false;\r\n          }\r\n        });\r\n    },\r\n    change(code, name) {\r\n      // debugger\r\n      if(this.addressDeep==0){\r\n        this.addressDeep=this.deep\r\n      }\r\n      // 赋值\r\n      const address = {\r\n        name,\r\n        code,\r\n      };\r\n      let returnAddress = false;\r\n      if (!this.province.name ) {\r\n        if (this.addressDeep == 1) returnAddress = true;\r\n        this.province = address;\r\n      } else if (!this.city.name && this.addressDeep >= 2) {\r\n        if (this.addressDeep == 2) returnAddress = true;\r\n        this.city = address;\r\n      } else if (!this.district.name && this.addressDeep >= 3 ||this.addressDeep ==3) {\r\n        if (this.addressDeep == 3) returnAddress = true;\r\n        this.district = address;\r\n      } else if (!this.street.name && this.addressDeep == 4||this.addressDeep ==4) {\r\n        returnAddress = true;\r\n        this.street = address;\r\n      }\r\n      // 返回值\r\n      if (returnAddress) {\r\n        this.update();\r\n      }\r\n    },\r\n    update() {\r\n      let { province, city, district, street } = this;\r\n      this.$emit(\"change\", {\r\n        Province: province.name,\r\n        City: city.name,\r\n        District: district.name,\r\n        Town: street.name,\r\n        ProvinceCode: province.code,\r\n        CityCode: city.code,\r\n        DistrictCode: district.code,\r\n        TownCode: street.code,\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.city-picker {\r\n  position: absolute;\r\n  z-index: 3;\r\n  left: 0;\r\n  right: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n  background-color: $bg-color;\r\n  padding: 15px 20px;\r\n  border-radius: 4px;\r\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\r\n\r\n  .card-header {\r\n    position: relative;\r\n    padding: 6px 0;\r\n    line-height: 30px;\r\n    border-bottom: 1px solid #e0e0e0;\r\n\r\n    .address-item {\r\n      color: $color-primary;\r\n      margin-right: 5px;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .title {\r\n      color: #757575;\r\n    }\r\n\r\n    i {\r\n      position: absolute;\r\n      right: 0;\r\n      top: 0;\r\n      cursor: pointer;\r\n      font-size: 10px;\r\n      font-weight: bold;\r\n      color: #b0b0b0;\r\n    }\r\n  }\r\n\r\n  .card-body {\r\n    max-height: 180px;\r\n    overflow-y: auto;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding-top: 20px;\r\n    background-color: $bg-color;\r\n    min-height: 100px;\r\n    margin-left: 10px;\r\n    .item {\r\n      //   margin-right: 14px;\r\n      line-height: 30px;\r\n      margin-bottom: 6px;\r\n      color: $text-color;\r\n      cursor: pointer;\r\n      width: 98px;\r\n      text-align: center;\r\n      white-space: nowrap;\r\n      padding-right: 20px;\r\n      text-overflow: ellipsis;\r\n      overflow: hidden;\r\n      &:hover {\r\n        color: $color-primary;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./city-picker.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./city-picker.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./city-picker.vue?vue&type=template&id=7b3b5cc8&scoped=true\"\nimport script from \"./city-picker.vue?vue&type=script&lang=js\"\nexport * from \"./city-picker.vue?vue&type=script&lang=js\"\nimport style0 from \"./city-picker.vue?vue&type=style&index=0&id=7b3b5cc8&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7b3b5cc8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./city-picker.vue?vue&type=style&index=0&id=7b3b5cc8&prod&lang=scss&scoped=true\""],"sourceRoot":""}