{"version":3,"file":"index.js","sources":["../../../../../src/pages/address/index.vue","../../../../../uniPage:/cGFnZXMvYWRkcmVzcy9pbmRleC52dWU"],"sourcesContent":["<route lang=\"json5\">\r\n{\r\n  style: {\r\n    navigationBarTitleText: '新增地址',\r\n  },\r\n}\r\n</route>\r\n<template>\r\n  <view class=\"address-management\">\r\n    <view v-for=\"(address, index) in addresses\" :key=\"index\" class=\"address-cell\">\r\n      <view class=\"address-info\">\r\n        <view class=\"address-label\">\r\n          <view class=\"tag\">{{ address.type }}</view>\r\n          <view class=\"address-detail\">\r\n            {{ address.name }} {{ address.phone }} -\r\n            {{ `${address['province']}-${address['city']}-${address['district']}` }}\r\n          </view>\r\n        </view>\r\n      </view>\r\n      <view class=\"address-actions\">\r\n        <wd-icon name=\"edit\" size=\"20px\" @click=\"editAddress(index)\" />\r\n        <wd-icon name=\"delete\" size=\"20px\" @click=\"deleteAddress(index)\" />\r\n      </view>\r\n    </view>\r\n    <wd-status-tip v-if=\"addresses.length == 0\" image=\"content\" tip=\"暂无内容\" />\r\n    <!-- 新增地址按钮 -->\r\n    <button class=\"add-address-button\" @click=\"addAddress\">新增地址</button>\r\n\r\n    <!-- 弹窗组件 -->\r\n    <wd-popup\r\n      v-model=\"showPopup\"\r\n      position=\"bottom\"\r\n      custom-style=\"height: 60%; width: 100%;\"\r\n      @close=\"handleClose\"\r\n    >\r\n      <AddAddress :initialAddress=\"currentAddress\" @save-address=\"saveAddress\" />\r\n    </wd-popup>\r\n  </view>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, onMounted } from 'vue'\r\nimport AddAddress from './components/AddAddress.vue'\r\nimport { httpGet, httpPost } from '@/utils/http'\r\n\r\n// 地址列表数据\r\nconst addresses = ref([])\r\n\r\n// 当前操作的地址数据\r\nconst currentAddress = ref({\r\n  id: null,\r\n  name: '',\r\n  phone: '',\r\n  address: '',\r\n})\r\n\r\n// 控制弹窗的显示\r\nconst showPopup = ref(false)\r\n\r\n// 获取地址列表\r\nconst fetchAddresses = async () => {\r\n  const res = await httpPost('/china-address/page')\r\n  addresses.value = res.records\r\n}\r\n\r\n// 页面加载时获取地址列表\r\nonMounted(() => {\r\n  fetchAddresses()\r\n})\r\n\r\n// 新增地址\r\nconst addAddress = () => {\r\n  currentAddress.value = { id: null, name: '', phone: '', address: '' }\r\n  showPopup.value = true\r\n}\r\n\r\n// 编辑地址\r\nconst editAddress = (index) => {\r\n  const address = addresses.value[index]\r\n  addresses.value[index].address = `${address.province}-${address.city}-${address.district}`\r\n  currentAddress.value = { ...addresses.value[index] }\r\n  showPopup.value = true\r\n}\r\n\r\n// 保存地址（新增或修改）\r\nconst saveAddress = async (address) => {\r\n  let res\r\n  if (address.address != '') {\r\n    const addressList = address.address.split('-')\r\n    address.province = addressList[0]\r\n    address.city = addressList[1]\r\n    address.district = addressList[2]\r\n  }\r\n  if (address.id) {\r\n    // 修改地址\r\n    res = await httpPost('/china-address/modify', address)\r\n  } else {\r\n    // 新增地址\r\n    res = await httpPost('/china-address/add', address)\r\n  }\r\n  if (res.code == 200) {\r\n    uni.showToast({ title: '操作成功', icon: '' })\r\n    fetchAddresses() // 刷新地址列表\r\n    showPopup.value = false\r\n  }\r\n}\r\n\r\n// 删除地址\r\nconst deleteAddress = async (index) => {\r\n  const addressId = addresses.value[index].id\r\n  uni.showModal({\r\n    title: '确认删除',\r\n    content: '你确定要删除这个地址吗？',\r\n    success: async (res) => {\r\n      if (res.confirm) {\r\n        const deleteRes = await httpGet(`/china-address/remove/${addressId}`)\r\n        if (deleteRes.code === 200) {\r\n          uni.showToast({ title: '删除成功', icon: 'success' })\r\n          fetchAddresses() // 刷新地址列表\r\n        }\r\n      }\r\n    },\r\n  })\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.address-management {\r\n  padding: 20px;\r\n}\r\n\r\n.address-cell {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 10px;\r\n  border-bottom: 1px solid #eee;\r\n}\r\n\r\n.address-info {\r\n  display: flex;\r\n  flex: 1;\r\n  align-items: center;\r\n}\r\n\r\n.address-label {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.tag {\r\n  padding: 2px 5px;\r\n  margin-right: 10px;\r\n  color: white;\r\n  background-color: #f5a623;\r\n  border-radius: 3px;\r\n}\r\n\r\n.address-detail {\r\n  flex-grow: 1;\r\n}\r\n\r\n.address-actions {\r\n  display: flex;\r\n  gap: 10px; /* Ensure space between icons */\r\n  align-items: center;\r\n}\r\n\r\n.wd-icon {\r\n  color: #333; /* Adjust color as needed */\r\n  cursor: pointer;\r\n}\r\n\r\n.add-address-button {\r\n  position: absolute;\r\n  bottom: 30px;\r\n  left: 50%;\r\n  width: 90%;\r\n  min-height: 50px;\r\n  cursor: pointer;\r\n  background-color: #fcd038 !important;\r\n  border: none;\r\n  transform: translateX(-50%);\r\n}\r\n\r\n.wd-popup {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/App/Work/addr/acdr-ui/src/pages/address/index.vue'\nwx.createPage(MiniProgramPage)"],"names":["ref","httpPost","onMounted","uni","httpGet"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,MAAA,aAAA,MAAA;;;;AAIA,UAAA,YAAAA,cAAA,IAAA,EAAA;AAGA,UAAA,iBAAAA,cAAAA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA;AAAA,IACA,CAAA;AAGA,UAAA,YAAAA,cAAA,IAAA,KAAA;AAGA,UAAA,iBAAA,MAAA;AACA,YAAA,MAAA,MAAAC,WAAA,SAAA,qBAAA;AACA,gBAAA,QAAA,IAAA;AAAA,IACA;AAGAC,kBAAAA,UAAA,MAAA;AACA,qBAAA;AAAA,IACA,CAAA;AAGA,UAAA,aAAA,MAAA;AACA,qBAAA,QAAA,EAAA,IAAA,MAAA,MAAA,IAAA,OAAA,IAAA,SAAA,GAAA;AACA,gBAAA,QAAA;AAAA,IACA;AAGA,UAAA,cAAA,CAAA,UAAA;AACA,YAAA,UAAA,UAAA,MAAA,KAAA;AACA,gBAAA,MAAA,KAAA,EAAA,UAAA,GAAA,QAAA,QAAA,IAAA,QAAA,IAAA,IAAA,QAAA,QAAA;AACA,qBAAA,QAAA,mBAAA,UAAA,MAAA,KAAA;AACA,gBAAA,QAAA;AAAA,IACA;AAGA,UAAA,cAAA,CAAA,YAAA;AACA,UAAA;AACA,UAAA,QAAA,WAAA,IAAA;AACA,cAAA,cAAA,QAAA,QAAA,MAAA,GAAA;AACA,gBAAA,WAAA,YAAA,CAAA;AACA,gBAAA,OAAA,YAAA,CAAA;AACA,gBAAA,WAAA,YAAA,CAAA;AAAA,MACA;AACA,UAAA,QAAA,IAAA;AAEA,cAAA,MAAAD,WAAAA,SAAA,yBAAA,OAAA;AAAA,MACA,OAAA;AAEA,cAAA,MAAAA,WAAAA,SAAA,sBAAA,OAAA;AAAA,MACA;AACA,UAAA,IAAA,QAAA,KAAA;AACAE,sBAAA,MAAA,UAAA,EAAA,OAAA,QAAA,MAAA,IAAA;AACA,uBAAA;AACA,kBAAA,QAAA;AAAA,MACA;AAAA,IACA;AAGA,UAAA,gBAAA,CAAA,UAAA;AACA,YAAA,YAAA,UAAA,MAAA,KAAA,EAAA;AACAA,oBAAAA,MAAA,UAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA,CAAA,QAAA;AACA,cAAA,IAAA,SAAA;AACA,kBAAA,YAAA,MAAAC,WAAA,QAAA,yBAAA,SAAA,EAAA;AACA,gBAAA,UAAA,SAAA,KAAA;AACAD,4BAAA,MAAA,UAAA,EAAA,OAAA,QAAA,MAAA,WAAA;AACA,6BAAA;AAAA,YACA;AAAA,UACA;AAAA,QACA;AAAA,MACA,CAAA;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1HA,GAAG,WAAW,eAAe;"}