{"version":3,"file":"index.js","sources":["../../../../../src/pages/certification/index.vue","../../../../../uniPage:/cGFnZXMvY2VydGlmaWNhdGlvbi9pbmRleC52dWU"],"sourcesContent":["<route lang=\"json5\" type=\"page\">\n{\n  layout: \"default\",\n  style: {\n    navigationBarTitleText: \"宠托师认证页面\",\n    navigationStyle: \"custom\",\n  },\n}\n</route>\n\n<template>\n  <!-- 返回按钮 -->\n  <TopBar />\n  <image\n    class=\"absolute w-full h-full\"\n    :src=\"'/static/certification/certification_bg.png'\"\n    mode=\"aspectFill\"\n  ></image>\n  <!-- 如果没有申请就显示这里，申请显示申请状态 -->\n  <view\n    v-if=\"!applyState || user.userInfo.isPetNursery\"\n    class=\"flex justify-center items-center h-screen bg-gray-100 pt-10\"\n  >\n    <view class=\"text-center flex gap-5 flex-col\" v-if=\"!user.userInfo.isPetNursery\">\n      <text class=\"text-xl text-gray-700 mb-4\">您还未认证，加入我们成为宠托师！</text>\n      <image\n        class=\"w-full h-[90px]\"\n        :src=\"imgUrl('@/static/certification/wy.png')\"\n        mode=\"scaleToFill\"\n        @click=\"goToApplication\"\n      />\n      <image\n        class=\"w-full h-[90px]\"\n        :src=\"imgUrl('@/static/certification/wyl.png')\"\n        mode=\"scaleToFill\"\n        @click=\"goToApplication\"\n      />\n      <image\n        class=\"w-full h-[90px]\"\n        :src=\"imgUrl('@/static/certification/mr.png')\"\n        mode=\"scaleToFill\"\n        @click=\"goToApplication\"\n      />\n    </view>\n\n    <view\n      class=\"text-center bg-white rounded absolute z-1 w-[80vw] h-[80vh] top-2/6\"\n      v-else\n    >\n      <image\n        class=\"absolute inset-0 w-full h-full object-cover z-[-1]\"\n        :src=\"imgUrl('@/static/certification/cert.png')\"\n        mode=\"widthFix\"\n      />\n      <text\n        class=\"text-[20px] mb-4 absolute top-[24%] left-[50%] text-[#5D392C] font-700 transform translate-x-[-50%] translate-y-[-50%]\"\n      >\n        您的宠托师证书\n      </text>\n      <text class=\"absolute top-[32%] left-[50%] translate-x-[-50%]\">证书详情</text>\n      <view\n        class=\"flex flex-col items-start z-2 absolute top-[38%] left-[21%] text-[#7E5B2E]\"\n      >\n        <text class=\"mb-2\">证书编号: {{ certificate.cardId }}</text>\n        <text class=\"mb-2\">证书类型: {{ certificate.type || \"宠托师\" }}</text>\n        <text class=\"mb-2\">服务次数: {{ certificate.serviceNumber }}</text>\n        <text class=\"mb-2\">创建时间: {{ formatDate(certificate.createTime) }}</text>\n        <text class=\"mb-2\">过期时间: {{ formatDate(certificate.expiredTime) }}</text>\n        <text class=\"mb-2\">最后更新: {{ formatDate(certificate.updateTime) }}</text>\n      </view>\n    </view>\n  </view>\n  <view v-else>\n    <view\n      class=\"z-999 absolute top-[48%] left-[50%] transform-translate-x-[-50%] font-800 text-size-2xl\"\n    >\n      {{ applyStateData }}\n    </view>\n  </view>\n  <wd-popup\n    :close-on-click-modal=\"false\"\n    v-model=\"show\"\n    position=\"center\"\n    :style=\"{ width: '100%' }\"\n  >\n    <CertPopup @handleJoin=\"handleJoin\" @handleReturn=\"handleReturn\" />\n  </wd-popup>\n</template>\n\n<script setup>\nimport TopBar from \"@/components/TopBar.vue\";\nimport { useUserStore } from \"@/store\";\nimport { httpGet } from \"@/utils/http\";\nimport { ref } from \"vue\";\nimport CertPopup from \"./components/certPopup.vue\";\nimport { imgUrl } from \"@/utils/commUtils\";\nimport { getUserInfo } from \"@/service/userService\";\n\nconst user = useUserStore();\nconst certificate = ref({}); // 证书信息\nconst show = ref(!user.userInfo.isPetNursery && false);\nconst applyState = ref(false);\nconst applyStateData = ref(\"\");\n\nconst handleReturn = () => {\n  show.value = false;\n  uni.navigateBack();\n};\n\nconst handleJoin = () => {\n  show.value = false;\n};\n\n// 获取认证状态和证书信息\nconst getCertificationStatus = async () => {\n  const res = await httpGet(\"/petInfo/getExpertInfo\");\n  // 说明有宠托师证书\n  if (res.code == 200) {\n    certificate.value = res.data;\n    if (!user.userInfo.isPetNursery) {\n      const userInfo = await getUserInfo();\n    }\n  }\n  // 如果返回值不是两百就表示该角色没有宠托师信息，获取申请状态\n  else {\n    const stateRes = await httpGet(\"/petInfo/getApplyState\");\n    if (stateRes.code == 200) {\n      // 这里是显示申请进度的地方\n      applyState.value = true;\n      applyStateData.value = stateRes.data;\n      if (stateRes.data == \"已通过\") {\n        // 这里是显示证书的地方\n        // 获取用户信息，判断是否是宠托师，如果是就显示证书，否则就显示申请状态\n        const userInfo = await getUserInfo();\n        if (userInfo.isPetNursery) {\n          // 证书信息\n          const epRes = await httpGet(\"/petInfo/getExpertInfo\");\n          if (epRes.code == 200) {\n            certificate.value = epRes.data;\n          }\n        }\n      }\n    } else {\n      // 这里跳转到申请界面， 好吧这里就是申请界面了，啥都不用干\n    }\n  }\n};\n\n// 格式化日期\nconst formatDate = (dateStr) => {\n  const date = new Date(dateStr);\n  return date.toLocaleDateString();\n};\n\n// 页面加载时获取认证状态和证书信息\nonLoad(async () => {\n  await getCertificationStatus();\n});\n\n// 跳转到申请页面\nconst goToApplication = () => {\n  uni.navigateTo({\n    url: \"/pages/certification/pet-sitter\",\n  });\n};\n</script>\n\n<style scoped>\n/* 证书样式 */\n.flex {\n  display: flex;\n}\n\n.flex-col {\n  flex-direction: column;\n}\n\n.items-start {\n  align-items: flex-start;\n}\n\n.p-4 {\n  padding: 1rem;\n}\n\n.bg-white {\n  background-color: white;\n}\n\n.rounded {\n  border-radius: 0.5rem;\n}\n\n.shadow {\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n}\n\n.mb-2 {\n  margin-bottom: 0.5rem;\n}\n</style>\n","import MiniProgramPage from 'D:/App/Work/addr/acdr-ui/src/pages/certification/index.vue'\nwx.createPage(MiniProgramPage)"],"names":["useUserStore","ref","uni","httpGet","getUserInfo","onLoad"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQQ,MAAA,SAAA,MAAA;AAAA,MAAA,YAAA,MAAA;;;;AAAA,UAAA,OAAAA,WAAA,aAAA;AAAA,UAAA,cAAAC,cAAAA,IAAA,CAAA,CAAA;AAAA,UAAA,OAAAA,cAAA,IAAA,CAAA,KAAA,SAAA,gBAAA,KAAA;AAAA,UAAA,aAAAA,cAAAA,IAAA,KAAA;AAAA,UAAA,iBAAAA,cAAAA,IAAA,EAAA;AAAA,UAAA,eAAA,MAAA;AAAA,WAAA,QAAA;AAAAC,oBAAA,MAAA,aAAA;AAAA,IAAA;AAAA,UAAA,aAAA,MAAA;AAAA,WAAA,QAAA;AAAA,IAAA;AAAA,UAAA,yBAAA,MAAA;AAAA,YAAA,MAAA,MAAAC,mBAAA,wBAAA;AAAA,UAAA,IAAA,QAAA,KAAA;AAAA,oBAAA,QAAA,IAAA;AAAA,YAAA,CAAA,KAAA,SAAA,cAAA;AAAA,gBAAAC,gCAAA;AAAA,QAAA;AAAA,MAAA,OAAA;AAAA,cAAA,WAAA,MAAAD,mBAAA,wBAAA;AAAA,YAAA,SAAA,QAAA,KAAA;AAAA,qBAAA,QAAA;AAAA,yBAAA,QAAA,SAAA;AAAA,cAAA,SAAA,QAAA,OAAA;AAAA,kBAAA,WAAA,MAAAC,oBAAAA;AAAA,gBAAA,SAAA,cAAA;AAAA,oBAAA,QAAA,MAAAD,mBAAA,wBAAA;AAAA,kBAAA,MAAA,QAAA,KAAA;AAAA,4BAAA,QAAA,MAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,UAAA,aAAA,CAAA,YAAA;AAAA,YAAA,OAAA,IAAA,KAAA,OAAA;AAAA,aAAA,KAAA;IAAA;AAAAE,kBAAAA,OAAA,MAAA;AAAA,YAAA,uBAAA;AAAA,IAAA,EAAA;AAAA,UAAA,kBAAA,MAAA;AAAAH,oBAAAA,MAAA,WAAA;AAAA,QAAA,KAAA;AAAA,MAAA,CAAA;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACPR,GAAG,WAAW,eAAe;"}