20261008

2026-10-08 18:34:09 +08:00
commit 2933904f4c
905 changed files with 112129 additions and 0 deletions
@@ -0,0 +1,149 @@
+<template>
+  <u-picker ref="uPicker" :show="show" :columns="columns" @change="change" keyName="name"
+            :defaultIndex="defaultIndex"
+            @cancel="show = false" @close="show = false" closeOnClickOverlay @confirm="confirm">
+    <template slot="more" v-if="addNation">
+      <text @click="selectAll">全国</text>
+    </template>
+  </u-picker>
+</template>
+
+<script>
+import provinces from '@/util/address/provinces.json'
+import citys from '@/util/address/citys.json'
+import areas from '@/util/address/areas.json'
+
+export default {
+  name: "AddressSelect",
+  data() {
+    return {
+      level: 3,
+      show: false,
+      columns: [],
+      defaultIndex: [0, 0, 0],
+      addNation: false
+    }
+  },
+  methods: {
+    open(data, level = 3, addNation = false) {
+      this.show = true
+      this.addNation = addNation
+      if (level) this.level = level
+      if (this.level === 3) {
+        const cityCol = citys[0]
+        if (cityCol[0].name !== '不限区域') {
+          cityCol.unshift({
+            'code': '0',
+            'name': '不限区域',
+          })
+        }
+        const areaCol = areas[0][0]
+        if (areaCol[0].name !== '不限区域') {
+          areaCol.unshift({
+            'code': '0',
+            'name': '不限区域',
+          })
+        }
+        this.columns = [provinces,
+          cityCol,
+          areaCol
+        ]
+      } else if (this.level === 2) this.columns = [provinces, citys[0]]
+      else if (this.level === 1) this.columns = [provinces]
+      if (data && data.province && data.province.name) {
+        const provinceIndex = provinces.findIndex(item => item.name === data.province.name)
+        let cityIndex = 0
+        if (this.level > 1) {
+          this.columns[1] = citys[provinceIndex]
+          if (this.columns[1][0].name !== '不限区域') {
+            this.columns[1].unshift({
+              'code': '0',
+              'name': '不限区域',
+            })
+          }
+          this.$refs.uPicker.setColumnValues(1, this.columns[1])
+          if (data.city && data.city.name) {
+            cityIndex = this.columns[1].findIndex(item => item.name === data.city.name)
+          }
+        }
+        if (this.level === 3) {
+          this.columns[2] = areas[provinceIndex][cityIndex - 1]
+          if (this.columns[2][0].name !== '不限区域') {
+            this.columns[2].unshift({
+              'code': '0',
+              'name': '不限区域',
+            })
+          }
+          this.$refs.uPicker.setColumnValues(2, this.columns[2])
+          let areaIndex = 0
+          if (data.area && data.area.name) {
+            areaIndex = this.columns[2].findIndex(item => item.name === data.area.name)
+          }
+          this.defaultIndex = [provinceIndex, cityIndex, areaIndex]
+        } else if (this.level === 2) this.defaultIndex = [provinceIndex, cityIndex]
+        else if (this.level === 1) this.defaultIndex = [provinceIndex]
+      }
+    },
+    change({columnIndex, index, indexs}) {
+      console.log('index', columnIndex, index)
+      console.log('indexs', indexs)
+      // return
+      if (columnIndex === 0 && this.level > 1) {
+        console.log('here1')
+        this.columns[1] = citys[index]
+        if (this.columns[1][0].name !== '不限区域') {
+          this.columns[1].unshift({
+            'code': '0',
+            'name': '不限区域',
+          })
+        }
+        this.$refs.uPicker.setColumnValues(1, this.columns[1])
+        if (this.level === 3) {
+          this.columns[2] = areas[index][0]
+          if (this.columns[2][0].name !== '不限区域') {
+            this.columns[2].unshift({
+              'code': '0',
+              'name': '不限区域',
+            })
+          }
+          this.$refs.uPicker.setColumnValues(2, this.columns[2])
+        }
+      } else if (columnIndex === 1 && this.level === 3 && indexs[1] !== 0) {
+        console.log('here')
+        if (index === 0) {
+          this.columns[2] = [{
+            'code': '0',
+            'name': '不限区域',
+          }]
+        } else {
+          console.log(indexs)
+          this.columns[2] = areas[indexs[0]][indexs[1] - 1]
+          if (this.columns[2][0].name !== '不限区域') {
+            this.columns[2].unshift({
+              'code': '0',
+              'name': '不限区域',
+            })
+          }
+        }
+        this.$refs.uPicker.setColumnValues(2, this.columns[2])
+      }
+      this.defaultIndex = indexs
+      this.$forceUpdate()
+    },
+    confirm({value}) {
+      console.log(value)
+      this.$emit('confirm', {
+        province: value[0],
+        city: this.level > 1 ? value[1] : null,
+        area: this.level === 3 ? value[2] : null
+      })
+      this.show = false
+    },
+    selectAll() {
+      this.confirm({
+        value: [{code: null, name: '全国'}, {code: null, name: '全国'}, {code: null, name: '全国'}]
+      })
+    }
+  }
+}
+</script>