{"version":3,"file":"OrderItem.js","sources":["../../../../../../src/pages/order/components/OrderItem.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9wYWdlcy9vcmRlci9jb21wb25lbnRzL09yZGVySXRlbS52dWU"],"sourcesContent":["<template>\n  <view class=\"order-item p-4 mb-4 bg-white shadow rounded-lg\">\n    <!-- 订单头部，包含标题和状态 -->\n    <view class=\"order-header flex justify-between items-center mb-2\">\n      <text v-if=\"serviceInfo && serviceInfo.serviceName\" class=\"order-title font-bold text-lg\">\n        {{ serviceInfo.serviceName }}\n      </text>\n      <text class=\"order-status text-sm text-gray-500\">{{ state }}</text>\n    </view>\n\n    <!-- 服务信息 -->\n    <view class=\"order-info text-sm text-gray-700 mb-4\">\n      <view>\n        <text>服务类型:</text>\n        <text v-if=\"serviceInfo && serviceInfo.type\">{{ serviceInfo.type }}</text>\n      </view>\n      <view>\n        <text>服务地址:</text>\n        <text v-if=\"serviceInfo && serviceInfo.address\">{{ serviceInfo.address }}</text>\n      </view>\n      <view>\n        <text>预约时间:</text>\n        {{ reservationTime }}\n      </view>\n      <view>\n        <text>服务时长:</text>\n        {{ serviceHours }} 小时\n      </view>\n    </view>\n\n    <!-- 宠物信息 -->\n    <view class=\"pet-info flex items-center mb-4\">\n      <image\n        :src=\"imgUrl(pet.profileUrl)\"\n        mode=\"aspectFill\"\n        class=\"w-16 h-16 rounded-full mr-4\"\n      ></image>\n      <view>\n        <view>\n          <text>宠物名称:</text>\n          {{ pet.name }}\n        </view>\n        <view>\n          <text>宠物品种:</text>\n          {{ pet.breed }}\n        </view>\n      </view>\n    </view>\n\n    <!-- 用户信息 -->\n    <view class=\"user-info text-sm text-gray-700 mb-4\">\n      <view>\n        <text>下单用户:</text>\n        {{ user.nickname }} ({{ user.phone }})\n      </view>\n      <view v-if=\"address\">\n        <text>用户地址:</text>\n        {{ address.province }} {{ address.city }} {{ address.district }}\n        {{ address.detailAddress }}\n      </view>\n    </view>\n\n    <!-- 支付信息 -->\n    <view class=\"payment-info text-sm text-gray-700 mb-4\">\n      <view>\n        <text>支付方式:</text>\n        {{ paymentMethod }}\n      </view>\n      <view>\n        <text>支付状态:</text>\n        {{ isPay ? '已支付' : '未支付' }}\n      </view>\n      <view>\n        <text>总价:</text>\n        ¥{{ price }}\n      </view>\n    </view>\n\n    <!-- 操作按钮 -->\n    <view class=\"flex justify-between items-center\">\n      <text class=\"text-lg text-red-500\">¥{{ price }} 共{{ serviceHours }}小时</text>\n      <view class=\"flex\">\n        <button v-if=\"!isTake\" class=\"btn\" @click=\"toOrderDetail\">查看详情</button>\n        <button v-if=\"!isTake\" class=\"btn ml-2\" @click=\"cancel\">取消订单</button>\n        <button v-if=\"!isTake\" class=\"btn-primary ml-2\" @click=\"orderPay\">支付</button>\n        <button v-if=\"isTake\" @click=\"bookingCancel\">取消订单</button>\n        <button v-if=\"isTake\" @click=\"confirm\">确认订单</button>\n        <button\n          v-if=\"state && state.includes('已预约') && user.userInfo.isPetNursery\"\n          @click=\"scan\"\n        >\n          扫描二维码\n        </button>\n      </view>\n    </view>\n  </view>\n</template>\n\n<script setup>\nimport { payOrder } from '@/logic/pay'\nimport { imgUrl, scanCodeAsync, showModalAsync, toast } from '@/utils/commUtils'\nimport { httpPost } from '@/utils/http'\nimport { defineProps } from 'vue'\n\nconst props = defineProps({\n  id: String,\n  userId: String,\n  reservationTime: String,\n  serviceHours: String,\n  personalServiceId: String,\n  personalServiceUserId: String,\n  price: Number,\n  isPay: Boolean,\n  feedback: String,\n  star: Number,\n  state: String,\n  paymentMethod: String,\n  qrcode: String,\n  createTime: String,\n  updateTime: String,\n  address: Object,\n  pet: Object,\n  user: Object,\n  psUser: Object,\n  serviceInfo: Object,\n  isTake: false,\n})\n\nconst shopRemark = ref('')\n\nconst scan = async () => {\n  // 扫描二维码，获取扫描信息发送给后端\n  const scan = await scanCodeAsync()\n  if (scan.result) {\n    try {\n      // 发送请求给后端\n      const res = await httpPost('/order/scan/' + props.id, {}, { qrcode: scan.result })\n      if (res.code == 200) {\n        toast('支付成功')\n        // 刷新数据\n        uni.$emit('refresh')\n      } else {\n        toast(res.message)\n      }\n    } catch (e) {\n      toast(e.data.codeStr)\n    }\n  } else {\n    toast('扫码失败')\n  }\n}\n\nconst orderPay = async () => {\n  try {\n    const res = await payOrder(props.id)\n    if (res.code == 200) {\n      toast('支付成功')\n    } else {\n      toast(res.message)\n    }\n  } catch (e) {\n    console.log(e)\n    toast(e.data.codeStr)\n  }\n}\n\nconst cancel = async () => {\n  const res = await httpPost('/order/cancel/' + props.id)\n  if (res.code == 200) {\n    toast('取消成功')\n    // 刷新数据\n    uni.$emit('refresh')\n  } else {\n    toast(res.message)\n  }\n}\n\nconst toOrderDetail = () => {\n  uni.navigateTo({\n    url: `/pages/order/order-detail?id=${props.id}`,\n  })\n}\n\nconst bookingCancel = async () => {\n  try {\n    // 弹出对话框让用户输入取消原因\n    const res = await showModalAsync({\n      title: '取消订单',\n      content: '',\n      editable: true,\n      placeholderText: '请输入取消原因!',\n    })\n\n    if (res.confirm) {\n      // 用户点击确定\n      shopRemark.value = res.content\n\n      // 进行订单取消操作\n      const response = await httpPost(\n        '/order/bookingCancel/' + props.id,\n        {},\n        { shopRemark: shopRemark.value },\n      )\n      if (response.code == 200) {\n        toast('取消订单成功！')\n        // 刷新数据\n        uni.$emit('refresh')\n      } else {\n        toast(response.message)\n      }\n    } else if (res.cancel) {\n      // 用户点击取消\n      toast('取消操作已取消')\n    }\n  } catch (e) {\n    toast('请求失败，请稍后再试')\n    console.error(e)\n  }\n}\n\nconst confirm = async () => {\n  try {\n    const res = await httpPost('/order/confirm/' + props.id)\n    if (res.code == 200) {\n      toast('确认订单成功！')\n      // 刷新数据\n      uni.$emit('refresh')\n    } else {\n      toast(res.message)\n    }\n  } catch (e) {\n    toast(e.data.message)\n  }\n}\n</script>\n\n<style scoped>\n.order-item {\n  @apply p-4 mb-4 bg-white shadow rounded-lg;\n}\n\n.order-header {\n  @apply flex justify-between items-center mb-2;\n}\n\n.order-title {\n  @apply font-bold text-lg;\n}\n\n.order-status {\n  @apply text-sm text-gray-500;\n}\n\n.order-info {\n  @apply text-sm text-gray-700 mb-4;\n}\n\n.pet-info {\n  @apply flex items-center mb-4;\n}\n\n.user-info {\n  @apply text-sm text-gray-700 mb-4;\n}\n\n.payment-info {\n  @apply text-sm text-gray-700 mb-4;\n}\n\n.btn {\n  @apply px-2 py-1 bg-gray-100 rounded text-xs;\n}\n\n.btn-primary {\n  @apply px-2 py-1 bg-[#ffc107] text-white rounded text-xs;\n}\n\n.text-red-500 {\n  @apply text-red-500;\n}\n</style>\n","import Component from 'D:/App/Work/addr/acdr-ui/src/pages/order/components/OrderItem.vue'\nwx.createComponent(Component)"],"names":["ref","scan","scanCodeAsync","httpPost","toast","uni","payOrder","showModalAsync"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,UAAA,QAAA;AAAA,UAAA,aAAAA,cAAA,IAAA,EAAA;AAAA,UAAA,OAAA,MAAA;AAAA,YAAAC,QAAA,MAAAC,8BAAA;AAAA,UAAAD,MAAA,QAAA;AAAA,YAAA;AAAA,gBAAA,MAAA,MAAAE,oBAAA,iBAAA,MAAA,IAAA,CAAA,GAAA,EAAA,QAAAF,MAAA,OAAA,CAAA;AAAA,cAAA,IAAA,QAAA,KAAA;AAAAG,4BAAAA,MAAA,MAAA;AAAAC,0BAAA,MAAA,MAAA,SAAA;AAAA,UAAA,OAAA;AAAAD,4BAAA,MAAA,IAAA,OAAA;AAAA,UAAA;AAAA,QAAA,SAAA,GAAA;AAAAA,gCAAA,EAAA,KAAA,OAAA;AAAA,QAAA;AAAA,MAAA,OAAA;AAAAA,wBAAAA,MAAA,MAAA;AAAA,MAAA;AAAA,IAAA;AAAA,UAAA,WAAA,MAAA;AAAA,UAAA;AAAA,cAAA,MAAA,MAAAE,mBAAA,MAAA,EAAA;AAAA,YAAA,IAAA,QAAA,KAAA;AAAAF,0BAAAA,MAAA,MAAA;AAAA,QAAA,OAAA;AAAAA,0BAAA,MAAA,IAAA,OAAA;AAAA,QAAA;AAAA,MAAA,SAAA,GAAA;AAAA,gBAAA,IAAA,CAAA;AAAAA,8BAAA,EAAA,KAAA,OAAA;AAAA,MAAA;AAAA,IAAA;AAAA,UAAA,SAAA,MAAA;AAAA,YAAA,MAAA,MAAAD,WAAAA,SAAA,mBAAA,MAAA,EAAA;AAAA,UAAA,IAAA,QAAA,KAAA;AAAAC,wBAAAA,MAAA,MAAA;AAAAC,sBAAA,MAAA,MAAA,SAAA;AAAA,MAAA,OAAA;AAAAD,wBAAA,MAAA,IAAA,OAAA;AAAA,MAAA;AAAA,IAAA;AAAA,UAAA,gBAAA,MAAA;AAAAC,oBAAAA,MAAA,WAAA;AAAA,QAAA,KAAA,gCAAA,MAAA,EAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,UAAA,gBAAA,MAAA;AAAA,UAAA;AAAA,cAAA,MAAA,MAAAE,+BAAA;AAAA,UAAA,OAAA;AAAA,UAAA,SAAA;AAAA,UAAA,UAAA;AAAA,UAAA,iBAAA;AAAA,QAAA,CAAA;AAAA,YAAA,IAAA,SAAA;AAAA,qBAAA,QAAA,IAAA;AAAA,gBAAA,WAAA,MAAAJ,WAAA;AAAA,YAAA,0BAAA,MAAA;AAAA,YAAA,CAAA;AAAA,YAAA,EAAA,YAAA,WAAA,MAAA;AAAA,UAAA;AAAA,cAAA,SAAA,QAAA,KAAA;AAAAC,4BAAAA,MAAA,SAAA;AAAAC,0BAAA,MAAA,MAAA,SAAA;AAAA,UAAA,OAAA;AAAAD,4BAAA,MAAA,SAAA,OAAA;AAAA,UAAA;AAAA,QAAA,WAAA,IAAA,QAAA;AAAAA,0BAAAA,MAAA,SAAA;AAAA,QAAA;AAAA,MAAA,SAAA,GAAA;AAAAA,wBAAAA,MAAA,YAAA;AAAA,gBAAA,MAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,UAAA,UAAA,MAAA;AAAA,UAAA;AAAA,cAAA,MAAA,MAAAD,WAAAA,SAAA,oBAAA,MAAA,EAAA;AAAA,YAAA,IAAA,QAAA,KAAA;AAAAC,0BAAAA,MAAA,SAAA;AAAAC,wBAAA,MAAA,MAAA,SAAA;AAAA,QAAA,OAAA;AAAAD,0BAAA,MAAA,IAAA,OAAA;AAAA,QAAA;AAAA,MAAA,SAAA,GAAA;AAAAA,8BAAA,EAAA,KAAA,OAAA;AAAA,MAAA;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACCA,GAAG,gBAAgB,SAAS;"}