{"version":3,"file":"pet-detail-page.js","sources":["../../../../../src/pages/pet/pet-detail-page.vue","../../../../../uniPage:/cGFnZXMvcGV0L3BldC1kZXRhaWwtcGFnZS52dWU"],"sourcesContent":["<route lang=\"json5\">\n{\n  style: {\n    navigationBarTitleText: '宠物详情',\n    navigationStyle: 'custom',\n  },\n}\n</route>\n\n<template>\n  <TopBar />\n  <image\n    :src=\"imgUrl('@/static/push/bg.png')\"\n    class=\"object-cover absolute top-[-80px] left-0 w-full z-[-1]\"\n    mode=\"widthFix\"\n  ></image>\n  <view class=\"w-full h-40\"></view>\n  <view class=\"w-full bg-[#ffff]\">\n    <!-- 顶部背景和头像 -->\n    <view class=\"relative\">\n      <view class=\"absolute left-4 bottom-[-20px] z-10\">\n        <image\n          :src=\"petInfo.profileUrl ? imgUrl(petInfo.profileUrl) : imgUrl('@/static/icons/cat.png')\"\n          class=\"w-20 h-20 object-cover rounded-full border-4 border-white\"\n        ></image>\n      </view>\n      <!-- 圆角遮罩 -->\n      <view\n        class=\"absolute bottom-[-5px] left-0 w-full h-6 bg-white rounded-tl-xl rounded-tr-xl z-0\"\n      ></view>\n    </view>\n\n    <!-- 数据统计 -->\n    <view class=\"flex justify-around bg-white pt-4 rounded-lg\">\n      <view class=\"text-center\">\n        <text class=\"text-lg\">0</text>\n        <text class=\"block text-gray-600\">粉丝</text>\n      </view>\n      <view class=\"text-center\">\n        <text class=\"text-lg\">0</text>\n        <text class=\"block text-gray-600\">关注度</text>\n      </view>\n      <view class=\"text-center\">\n        <text class=\"text-lg\">0</text>\n        <text class=\"block text-gray-600\">获得赞</text>\n      </view>\n    </view>\n\n    <view class=\"pl-4 pr-4\">\n      <!-- 宠物信息 -->\n      <view class=\"bg-white p-4 rounded-lg\">\n        <text class=\"text-xl\">{{ petInfo.name || 'cat' }}</text>\n        <view class=\"flex items-center mt-2\">\n          <wd-icon name=\"calendar\" size=\"20\" class=\"text-[#ffc107]\"></wd-icon>\n          <text class=\"ml-2 text-gray-600\">\n            距离生日还有{{ daysUntilBirthday(petInfo.age) }}天哦\n          </text>\n        </view>\n      </view>\n\n      <!-- 操作按钮 -->\n      <view class=\"flex justify-between py-4\">\n        <button\n          @click=\"editPet(petInfo.id)\"\n          class=\"bg-[#F0985A] text-white rounded-lg py-2 px-6 h-9 flex-grow-[8] flex items-center justify-center\"\n        >\n          修改信息\n        </button>\n        <button\n          @click=\"share\"\n          class=\"bg-[#ffc107] text-white rounded-lg py-2 px-6 h-9 flex-grow-[2] flex items-center justify-center ml-4\"\n        >\n          分享\n        </button>\n      </view>\n\n      <!-- 标签栏 -->\n      <view class=\"flex justify-around bg-white py-2 rounded-lg\">\n        <view\n          v-for=\"tab in tabs\"\n          :key=\"tab\"\n          :class=\"[\n            'text-lg px-4',\n            activeTab === tab\n              ? 'text-[#ffc107] relative border-b-2 border-[#ffc107]'\n              : 'text-gray-600',\n          ]\"\n          @click=\"activeTab = tab\"\n        >\n          {{ tab }}\n          <view v-if=\"activeTab === tab\" class=\"active-underline\"></view>\n        </view>\n      </view>\n\n      <!-- 内容提示 -->\n      <EmptyState type=\"default\" message=\"暂无内容\" />\n    </view>\n  </view>\n</template>\n\n<script setup>\nimport EmptyState from '@/components/EmptyState.vue'\nimport TopBar from '@/components/TopBar.vue'\nimport { imgUrl, toast, toPath } from '@/utils/commUtils'\nimport { httpGet } from '@/utils/http'\nimport { ref } from 'vue'\n\nconst tabs = ref(['全部', '心情', '养护', '清洁'])\nconst activeTab = ref('全部')\nconst petInfo = ref({})\n\nconst getPetId = async (id) => {\n  try {\n    const res = await httpGet('/petInfo/find_by_id/' + id)\n    if (res.code === 200) {\n      petInfo.value = res.data\n      console.log(petInfo.value)\n    } else {\n      toast(res.data.message)\n    }\n  } catch (e) {\n    console.log(e)\n  }\n}\n\nconst editPet = (id) => {\n  toPath('/pages/pet/pet-add-page?id=' + id)\n}\n\nconst share = () => {}\n\nconst daysUntilBirthday = (birthDateStr) => {\n  // 将出生日期转换为日期对象\n  const birthDate = new Date(birthDateStr)\n  const today = new Date()\n\n  // 将出生年份替换为当前年份\n  const nextBirthday = new Date(today.getFullYear(), birthDate.getMonth(), birthDate.getDate())\n\n  // 如果今年的生日已经过了，则计算明年的生日\n  if (nextBirthday < today) {\n    nextBirthday.setFullYear(today.getFullYear() + 1)\n  }\n\n  // 计算天数差\n  const oneDay = 24 * 60 * 60 * 1000 // 一天的毫秒数\n  const daysLeft = Math.ceil((nextBirthday - today) / oneDay)\n\n  return daysLeft\n}\n\nonLoad(async (options) => {\n  if (options.id) {\n    await getPetId(options.id)\n  }\n})\n</script>\n\n<style scoped>\n/* 使用 UnoCSS 定义样式 */\n.view {\n  @apply bg-[#F5F5F5] h-full;\n}\n\n.image {\n  @apply w-full h-40 object-cover;\n}\n\n.button {\n  @apply bg-[#ffc107] text-white rounded-lg py-2 px-6 h-12;\n}\n\n.text-gray-600 {\n  @apply text-gray-600;\n}\n\n.text-gray-400 {\n  @apply text-gray-400;\n}\n\n.border-b-2 {\n  border-bottom-width: 2px;\n}\n\n.active-underline {\n  @apply w-6 h-[0.20rem] bg-yellow-400 mt-1 absolute bottom-[-2px] left-[1.45rem] transform;\n}\n</style>\n","import MiniProgramPage from 'D:/App/Work/addr/acdr-ui/src/pages/pet/pet-detail-page.vue'\nwx.createPage(MiniProgramPage)"],"names":["ref","httpGet","toast","toPath","onLoad"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOQ,MAAA,aAAA,MAAA;AAAA,MAAA,SAAA,MAAA;;;;AAAA,UAAA,OAAAA,cAAA,IAAA,CAAA,MAAA,MAAA,MAAA,IAAA,CAAA;AAAA,UAAA,YAAAA,cAAA,IAAA,IAAA;AAAA,UAAA,UAAAA,cAAA,IAAA,EAAA;AAAA,UAAA,WAAA,CAAA,OAAA;AAAA,UAAA;AAAA,cAAA,MAAA,MAAAC,mBAAA,yBAAA,EAAA;AAAA,YAAA,IAAA,SAAA,KAAA;AAAA,kBAAA,QAAA,IAAA;AAAA,kBAAA,IAAA,QAAA,KAAA;AAAA,QAAA,OAAA;AAAAC,gCAAA,IAAA,KAAA,OAAA;AAAA,QAAA;AAAA,MAAA,SAAA,GAAA;AAAA,gBAAA,IAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,UAAA,UAAA,CAAA,OAAA;AAAAC,sBAAA,OAAA,gCAAA,EAAA;AAAA,IAAA;AAAA,UAAA,QAAA,MAAA;AAAA,IAAA;AAAA,UAAA,oBAAA,CAAA,iBAAA;AAAA,YAAA,YAAA,IAAA,KAAA,YAAA;AAAA,YAAA,QAAA,oBAAA,KAAA;AAAA,YAAA,eAAA,IAAA,KAAA,MAAA,YAAA,GAAA,UAAA,SAAA,GAAA,UAAA,SAAA;AAAA,UAAA,eAAA,OAAA;AAAA,qBAAA,YAAA,MAAA,YAAA,IAAA,CAAA;AAAA,MAAA;AAAA,YAAA,SAAA,KAAA,KAAA,KAAA;AAAA,YAAA,WAAA,KAAA,MAAA,eAAA,SAAA,MAAA;AAAA,aAAA;AAAA,IAAA;AAAAC,kBAAA,OAAA,CAAA,YAAA;AAAA,UAAA,QAAA,IAAA;AAAA,cAAA,SAAA,QAAA,EAAA;AAAA,MAAA;AAAA,IAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACNR,GAAG,WAAW,eAAe;"}