{"version":3,"file":"detail.js","sources":["../../../../../../../src/modules/mall/order/aftersale/detail.vue","../../../../../../../uniPage:/bW9kdWxlc1xtYWxsXG9yZGVyXGFmdGVyc2FsZVxkZXRhaWwudnVl"],"sourcesContent":["<!-- 售后详情 -->\r\n<template>\r\n  <s-layout title=\"售后详情\" :navbar=\"!isEmpty(state.info) && state.loading ? 'inner' : 'normal'\">\r\n    <view class=\"content_box\" v-if=\"!isEmpty(state.info) && state.loading\">\r\n      <!-- 步骤条 -->\r\n      <view\r\n        class=\"steps-box ss-flex\"\r\n        :style=\"[\r\n          {\r\n            marginTop: '-' + Number(statusBarHeight + 88) + 'rpx',\r\n            paddingTop: Number(statusBarHeight + 88) + 'rpx',\r\n          },\r\n        ]\"\r\n      >\r\n        <view class=\"ss-flex\">\r\n          <view class=\"steps-item\" v-for=\"(item, index) in state.list\" :key=\"index\">\r\n            <view class=\"ss-flex\">\r\n              <text\r\n                class=\"sicon-circleclose\"\r\n                v-if=\"state.list.length - 1 === index && [61, 62, 63].includes(state.info.status)\"\r\n              />\r\n              <text\r\n                class=\"sicon-circlecheck\"\r\n                v-else\r\n                :class=\"state.active >= index ? 'activity-color' : 'info-color'\"\r\n              />\r\n\r\n              <view\r\n                v-if=\"state.list.length - 1 !== index\"\r\n                class=\"line\"\r\n                :class=\"state.active >= index ? 'activity-bg' : 'info-bg'\"\r\n              />\r\n            </view>\r\n            <view\r\n              class=\"steps-item-title\"\r\n              :class=\"state.active >= index ? 'activity-color' : 'info-color'\"\r\n            >\r\n              {{ item.title }}\r\n            </view>\r\n          </view>\r\n        </view>\r\n      </view>\r\n\r\n      <!-- 服务状态 -->\r\n      <view\r\n        class=\"status-box ss-flex ss-col-center ss-row-between ss-m-x-20\"\r\n        @tap=\"sheep.$router.go('/modules/mall/order/aftersale/log', { id: state.id })\"\r\n      >\r\n        <view class=\"\">\r\n          <view class=\"status-text\">\r\n            {{ formatAfterSaleStatusDescription(state.info) }}\r\n          </view>\r\n          <view class=\"status-time\">\r\n            {{ sheep.$helper.timeFormat(state.info.updateTime, 'yyyy-mm-dd hh:MM:ss') }}\r\n          </view>\r\n        </view>\r\n        <text class=\"ss-iconfont _icon-forward\" style=\"color: #666\" />\r\n      </view>\r\n\r\n      <!-- 退款金额 -->\r\n      <view class=\"aftersale-money ss-flex ss-col-center ss-row-between\">\r\n        <view class=\"aftersale-money--title\">退款总额</view>\r\n        <view class=\"aftersale-money--num\">￥{{ fen2yuan(state.info.refundPrice) }}</view>\r\n      </view>\r\n      <!-- 服务商品 -->\r\n      <view class=\"order-shop\">\r\n        <s-goods-item\r\n          :img=\"state.info.picUrl\"\r\n          :title=\"state.info.spuName\"\r\n          :titleWidth=\"480\"\r\n          :skuText=\"state.info.properties.map((property) => property.valueName).join(' ')\"\r\n          :num=\"state.info.count\"\r\n        />\r\n      </view>\r\n\r\n      <!-- 服务内容 -->\r\n      <view class=\"aftersale-content\">\r\n        <view class=\"aftersale-item ss-flex ss-col-center\">\r\n          <view class=\"item-title\">服务单号：</view>\r\n          <view class=\"item-content ss-m-r-16\">{{ state.info.no }}</view>\r\n          <button class=\"ss-reset-button copy-btn\" @tap=\"onCopy\">复制</button>\r\n        </view>\r\n        <view class=\"aftersale-item ss-flex ss-col-center\">\r\n          <view class=\"item-title\">申请时间：</view>\r\n          <view class=\"item-content\">\r\n            {{ sheep.$helper.timeFormat(state.info.createTime, 'yyyy-mm-dd hh:MM:ss') }}\r\n          </view>\r\n        </view>\r\n        <view class=\"aftersale-item ss-flex ss-col-center\">\r\n          <view class=\"item-title\">售后类型：</view>\r\n          <view class=\"item-content\">{{ state.info.way === 10 ? '仅退款' : '退款退货' }}</view>\r\n        </view>\r\n        <view class=\"aftersale-item ss-flex ss-col-center\">\r\n          <view class=\"item-title\">申请原因：</view>\r\n          <view class=\"item-content\">{{ state.info.applyReason }}</view>\r\n        </view>\r\n        <view class=\"aftersale-item ss-flex ss-col-center\">\r\n          <view class=\"item-title\">相关描述：</view>\r\n          <view class=\"item-content\">{{ state.info.applyDescription }}</view>\r\n        </view>\r\n      </view>\r\n    </view>\r\n\r\n    <!-- 操作区 -->\r\n    <s-empty\r\n      v-if=\"isEmpty(state.info) && state.loading\"\r\n      icon=\"/static/order-empty.png\"\r\n      text=\"暂无该订单售后详情\"\r\n    />\r\n    <su-fixed bottom placeholder bg=\"bg-white\" v-if=\"!isEmpty(state.info)\">\r\n      <view class=\"foot_box\">\r\n        <button\r\n          class=\"ss-reset-button btn\"\r\n          v-if=\"state.info.buttons?.includes('cancel')\"\r\n          @tap=\"onApply(state.info.id)\"\r\n        >\r\n          取消申请\r\n        </button>\r\n        <button\r\n          class=\"ss-reset-button btn\"\r\n          v-if=\"state.info.buttons?.includes('delivery')\"\r\n          @tap=\"\r\n            sheep.$router.go('/modules/mall/order/aftersale/return-delivery', { id: state.info.id })\r\n          \"\r\n        >\r\n          填写退货\r\n        </button>\r\n        <button\r\n          class=\"ss-reset-button contcat-btn btn\"\r\n          @tap=\"sheep.$router.go('/modules/mall/chat/index')\"\r\n        >\r\n          联系客服\r\n        </button>\r\n      </view>\r\n    </su-fixed>\r\n  </s-layout>\r\n</template>\r\n\r\n<script setup>\r\nimport sheep from '@/sheep'\r\nimport { onLoad } from '@dcloudio/uni-app'\r\nimport { reactive } from 'vue'\r\nimport { isEmpty } from 'lodash-es'\r\nimport {\r\n  fen2yuan,\r\n  formatAfterSaleStatusDescription,\r\n  handleAfterSaleButtons,\r\n} from '@/sheep/hooks/useGoods'\r\nimport AfterSaleApi from '@/sheep/api/trade/afterSale'\r\n\r\nconst statusBarHeight = sheep.$platform.device.statusBarHeight * 2\r\nconst headerBg = sheep.$url.css('/static/img/shop/order/order_bg.png')\r\nconst state = reactive({\r\n  id: 0, // 售后编号\r\n  info: {}, // 收货信息\r\n  loading: false,\r\n  active: 0, // 在 list 的激活位置\r\n  list: [\r\n    {\r\n      title: '提交申请',\r\n    },\r\n    {\r\n      title: '处理中',\r\n    },\r\n    {\r\n      title: '完成',\r\n    },\r\n  ], // 时间轴\r\n})\r\n\r\nfunction onApply(id) {\r\n  uni.showModal({\r\n    title: '提示',\r\n    content: '确定要取消此申请吗？',\r\n    success: async function (res) {\r\n      if (!res.confirm) {\r\n        return\r\n      }\r\n      const { code } = await AfterSaleApi.cancelAfterSale(id)\r\n      if (code === 0) {\r\n        await getDetail(id)\r\n      }\r\n    },\r\n  })\r\n}\r\n\r\n// 复制\r\nconst onCopy = () => {\r\n  sheep.$helper.copyText(state.info.no)\r\n}\r\n\r\nasync function getDetail(id) {\r\n  state.loading = true\r\n  const { code, data } = await AfterSaleApi.getAfterSale(id)\r\n  if (code !== 0) {\r\n    state.info = null\r\n    return\r\n  }\r\n  state.info = data\r\n  handleAfterSaleButtons(state.info)\r\n\r\n  // 处理时间轴\r\n  if ([10].includes(state.info.status)) {\r\n    state.active = 0\r\n  } else if ([20, 30].includes(state.info.status)) {\r\n    state.active = 1\r\n  } else if ([40, 50].includes(state.info.status)) {\r\n    state.active = 2\r\n  } else if ([61, 62, 63].includes(state.info.status)) {\r\n    state.active = 2\r\n  }\r\n}\r\n\r\nonLoad((options) => {\r\n  if (!options.id) {\r\n    sheep.$helper.toast(`缺少订单信息，请检查`)\r\n    return\r\n  }\r\n  state.id = options.id\r\n  getDetail(options.id)\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n// 步骤条\r\n.steps-box {\r\n  width: 100%;\r\n  height: 190rpx;\r\n  padding-left: 72rpx;\r\n  background:\r\n    v-bind(headerBg) no-repeat,\r\n    linear-gradient(90deg, var(--ui-BG-Main), var(--ui-BG-Main-gradient));\r\n  background-size: 750rpx 100%;\r\n\r\n  .steps-item {\r\n    .sicon-circleclose {\r\n      font-size: 24rpx;\r\n      color: #fff;\r\n    }\r\n\r\n    .sicon-circlecheck {\r\n      font-size: 24rpx;\r\n    }\r\n\r\n    .steps-item-title {\r\n      width: 100rpx;\r\n      margin-top: 16rpx;\r\n      margin-left: -36rpx;\r\n      font-size: 24rpx;\r\n      font-weight: 400;\r\n      text-align: center;\r\n    }\r\n  }\r\n}\r\n\r\n.activity-color {\r\n  color: #fff;\r\n}\r\n\r\n.info-color {\r\n  color: rgba(#fff, 0.4);\r\n}\r\n\r\n.activity-bg {\r\n  background: #fff;\r\n}\r\n\r\n.info-bg {\r\n  background: rgba(#fff, 0.4);\r\n}\r\n\r\n.line {\r\n  width: 270rpx;\r\n  height: 4rpx;\r\n}\r\n\r\n// 服务状态\r\n.status-box {\r\n  position: relative;\r\n  z-index: 3;\r\n  padding: 20rpx;\r\n  margin-top: -20rpx;\r\n  background-color: #fff;\r\n  border-radius: 20rpx 20rpx 0px 0px;\r\n\r\n  .status-text {\r\n    margin-bottom: 20rpx;\r\n    font-size: 28rpx;\r\n\r\n    font-weight: 500;\r\n    color: rgba(51, 51, 51, 1);\r\n  }\r\n\r\n  .status-time {\r\n    font-size: 24rpx;\r\n\r\n    font-weight: 400;\r\n    color: rgba(153, 153, 153, 1);\r\n  }\r\n}\r\n\r\n// 退款金额\r\n.aftersale-money {\r\n  height: 98rpx;\r\n  padding: 0 20rpx;\r\n  margin: 20rpx;\r\n  background-color: #fff;\r\n\r\n  .aftersale-money--title {\r\n    font-size: 28rpx;\r\n\r\n    font-weight: 500;\r\n    color: rgba(51, 51, 51, 1);\r\n  }\r\n\r\n  .aftersale-money--num {\r\n    font-family: OPPOSANS;\r\n    font-size: 28rpx;\r\n    font-weight: 500;\r\n    color: #ff3000;\r\n  }\r\n}\r\n\r\n// order-shop\r\n.order-shop {\r\n  padding: 20rpx;\r\n  margin: 0 20rpx 20rpx 20rpx;\r\n  background-color: #fff;\r\n}\r\n\r\n// 服务内容\r\n.aftersale-content {\r\n  padding: 20rpx;\r\n  margin: 0 20rpx;\r\n  background-color: #fff;\r\n\r\n  .aftersale-item {\r\n    height: 60rpx;\r\n\r\n    .copy-btn {\r\n      width: 75rpx;\r\n      height: 40rpx;\r\n      font-size: 22rpx;\r\n      color: #333;\r\n      background: #eeeeee;\r\n      border-radius: 20rpx;\r\n    }\r\n\r\n    .item-title {\r\n      font-size: 28rpx;\r\n      color: #999;\r\n    }\r\n\r\n    .item-content {\r\n      font-size: 28rpx;\r\n      color: #333;\r\n    }\r\n  }\r\n}\r\n\r\n// 底部功能\r\n.foot_box {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-end;\r\n  height: 100rpx;\r\n  background-color: #fff;\r\n\r\n  .btn {\r\n    width: 160rpx;\r\n    padding: 0;\r\n    margin-right: 20rpx;\r\n    font-size: 26rpx;\r\n\r\n    font-weight: 400;\r\n    line-height: 60rpx;\r\n    color: rgba(51, 51, 51, 1);\r\n    background: rgba(238, 238, 238, 1);\r\n    border-radius: 30rpx;\r\n  }\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/App/Work/addr/acdr-ui/src/modules/mall/order/aftersale/detail.vue'\nwx.createPage(MiniProgramPage)"],"names":["sheep","reactive","uni","AfterSaleApi","handleAfterSaleButtons","onLoad"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsJA,UAAA,kBAAAA,YAAAA,MAAA,UAAA,OAAA,kBAAA;AACA,UAAA,WAAAA,YAAA,MAAA,KAAA,IAAA,qCAAA;AACA,UAAA,QAAAC,cAAAA,SAAA;AAAA,MACA,IAAA;AAAA;AAAA,MACA,MAAA,CAAA;AAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA;AAAA,MACA,MAAA;AAAA,QACA;AAAA,UACA,OAAA;AAAA,QACA;AAAA,QACA;AAAA,UACA,OAAA;AAAA,QACA;AAAA,QACA;AAAA,UACA,OAAA;AAAA,QACA;AAAA,MACA;AAAA;AAAA,IACA,CAAA;AAEA,aAAA,QAAA,IAAA;AACAC,oBAAAA,MAAA,UAAA;AAAA,QACA,OAAA;AAAA,QACA,SAAA;AAAA,QACA,SAAA,SAAA,KAAA;AAAA;AACA,gBAAA,CAAA,IAAA,SAAA;AACA;AAAA,YACA;AACA,kBAAA,EAAA,KAAA,IAAA,MAAAC,0BAAAA,aAAA,gBAAA,EAAA;AACA,gBAAA,SAAA,GAAA;AACA,oBAAA,UAAA,EAAA;AAAA,YACA;AAAA,UACA;AAAA;AAAA,MACA,CAAA;AAAA,IACA;AAGA,UAAA,SAAA,MAAA;AACAH,kBAAAA,MAAA,QAAA,SAAA,MAAA,KAAA,EAAA;AAAA,IACA;AAEA,aAAA,UAAA,IAAA;AAAA;AACA,cAAA,UAAA;AACA,cAAA,EAAA,MAAA,KAAA,IAAA,MAAAG,0BAAA,aAAA,aAAA,EAAA;AACA,YAAA,SAAA,GAAA;AACA,gBAAA,OAAA;AACA;AAAA,QACA;AACA,cAAA,OAAA;AACAC,6BAAA,uBAAA,MAAA,IAAA;AAGA,YAAA,CAAA,EAAA,EAAA,SAAA,MAAA,KAAA,MAAA,GAAA;AACA,gBAAA,SAAA;AAAA,QACA,WAAA,CAAA,IAAA,EAAA,EAAA,SAAA,MAAA,KAAA,MAAA,GAAA;AACA,gBAAA,SAAA;AAAA,QACA,WAAA,CAAA,IAAA,EAAA,EAAA,SAAA,MAAA,KAAA,MAAA,GAAA;AACA,gBAAA,SAAA;AAAA,QACA,WAAA,CAAA,IAAA,IAAA,EAAA,EAAA,SAAA,MAAA,KAAA,MAAA,GAAA;AACA,gBAAA,SAAA;AAAA,QACA;AAAA,MACA;AAAA;AAEAC,kBAAA,OAAA,CAAA,YAAA;AACA,UAAA,CAAA,QAAA,IAAA;AACAL,oBAAAA,MAAA,QAAA,MAAA,YAAA;AACA;AAAA,MACA;AACA,YAAA,KAAA,QAAA;AACA,gBAAA,QAAA,EAAA;AAAA,IACA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3NA,GAAG,WAAW,eAAe;"}