{"version":3,"sources":["webpack:///./src/views/shop/orders/detail.vue?4e02","webpack:///./src/views/shop/orders/detail.vue?165c","webpack:///src/views/shop/orders/detail.vue","webpack:///./src/views/shop/orders/detail.vue?11c4","webpack:///./src/views/shop/orders/detail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","marginTop","isWxApplets","attrs","on","onClickLeft","_e","order_status","_v","_s","detail","Status","PickUpMethod","ContactName","ContactPhone","Address","_l","goods","j","key","SpecImg","$event","toGoodsDetail","GoodsId","GoodsName","length","substr","SpecName","GoodsCount","Points","GoodsPrice","IsEvaluation","gotoEvaluate","SpecId","Postage","_m","DiscountMoney","gotoRefund","TotalMoney","GivePoint","ShopOrderNumber","CreateTime","PayTime","staticStyle","goService","deleteOrder","gotoLogistics","pay","model","value","callback","$$v","showPicker","expression","columns","onConfirm","onCancel","staticRenderFns","data","orderId","payOrderId","created","ua","window","navigator","userAgent","toLowerCase","match","document","title","mounted","$route","query","getQueryShopOrderDetail","methods","history","go","console","log","location","href","itm","Id","$router","push","path","message","goodsId","component"],"mappings":"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","file":"static/js/chunk-80ab8314.c78d0056.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=style&index=0&id=7f363ec7&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"details_info\",style:({ marginTop: _vm.isWxApplets ? '46px' : '' })},[(_vm.isWxApplets)?[_c('van-nav-bar',{attrs:{\"title\":\"订单详情\",\"fixed\":\"\",\"left-arrow\":\"\"},on:{\"click-left\":_vm.onClickLeft}})]:_vm._e(),(_vm.order_status == 0)?_c('div',{staticClass:\"details_payStatus\"},[_c('div',[_vm._v(\"等待买家付款\")]),_c('div',[_vm._v(\"剩23小时8分自动关闭\")])]):(_vm.order_status == 1)?_c('div',{staticClass:\"details_payStatus\"},[_c('div',[_vm._v(\" \"+_vm._s(_vm.detail.Status == 0 ? \"待付款\" : _vm.detail.Status == 1 ? \"待发货\" : _vm.detail.Status == 2 ? \"待收货\" : _vm.detail.Status == 3 ? \"交易成功\" : _vm.detail.Status == 4 ? \"已退款\" : \"交易成功\")+\" \")])]):_c('div',{staticClass:\"details_payStatus\"},[_c('div',[_vm._v(\"待收货\")]),_c('div',[_vm._v(\"还剩6天18时自动确认\")])]),_c('div',{staticClass:\"details_address\"},[_c('div',{staticClass:\"address_icon\"},[_c('van-icon',{attrs:{\"name\":\"location\",\"size\":\"18\",\"color\":\"#ffffff\"}})],1),_c('div',{staticClass:\"address_text\"},[(_vm.detail.PickUpMethod == 0)?_c('div',[_c('span',[_vm._v(_vm._s(_vm.detail.ContactName))]),_c('span',[_vm._v(_vm._s(_vm.detail.ContactPhone))])]):_vm._e(),_c('div',[_vm._v(_vm._s(_vm.detail.Address))])])]),_c('div',{staticClass:\"order_info\"},[_vm._l((_vm.detail.OrderDetailList),function(goods,j){return _c('div',{key:j,staticClass:\"info_detail\"},[_c('img',{attrs:{\"src\":goods.SpecImg,\"alt\":\"\"},on:{\"click\":function($event){return _vm.toGoodsDetail(goods.GoodsId)}}}),_c('div',{staticClass:\"detail_content\"},[_c('div',{on:{\"click\":function($event){return _vm.toGoodsDetail(goods.GoodsId)}}},[_vm._v(\" \"+_vm._s(goods.GoodsName.length > 25 ? goods.GoodsName.substr(0, 25) + \"...\" : goods.GoodsName)+\" \")]),_c('div',[_c('span',[_vm._v(_vm._s(goods.SpecName))]),_c('span',[_vm._v(\"x\"+_vm._s(goods.GoodsCount))])]),_c('div',[(goods.Points > 0)?_c('span',[_vm._v(_vm._s(goods.Points)+\"积分+\")]):_vm._e(),_vm._v(\" ￥\"),_c('span',[_vm._v(_vm._s(goods.GoodsPrice))]),(goods.IsEvaluation != 1 && goods.Status == 3)?_c('div',{staticClass:\"info_evaluate\",on:{\"click\":function($event){return _vm.gotoEvaluate(goods.SpecId)}}},[_c('div',{staticClass:\"pj\"},[_vm._v(\"评价\")])]):_vm._e()])])])}),_c('div',{staticClass:\"info_freight\"},[_c('div',[_c('span',[_vm._v(\"运费\")]),_c('span',[_vm._v(\"运费（\"+_vm._s(_vm.detail.PickUpMethod == 0 ? \"快递\" : \"自提\")+\"）\")])]),_c('div',[_c('span',[_vm._v(\"￥\")]),_c('span',[_vm._v(_vm._s(_vm.detail.Postage))])])]),_c('div',{staticClass:\"info_freight\"},[_vm._m(0),_c('div',[_c('span',[_vm._v(\"-￥\")]),_c('span',[_vm._v(_vm._s(_vm.detail.DiscountMoney))])])]),(_vm.detail.Status == 1 || _vm.detail.Status == 2 || _vm.detail.Status == 3)?_c('div',{staticClass:\"info_refund\",on:{\"click\":_vm.gotoRefund}},[_c('div',[_vm._v(\"退款\")])]):_vm._e(),_c('div',{staticClass:\"info_price\"},[_c('div',[_vm._v(_vm._s(_vm.detail.Status == 0 ? \"需付款：\" : \"实付款：\"))]),_c('div',[_c('span',[_vm._v(\"￥\")]),_c('span',[_vm._v(_vm._s(_vm.detail.TotalMoney))])])])],2),_c('div',{staticClass:\"details_integral\"},[_c('div',[_vm._v(\"积分\")]),_c('div',[_vm._v(\" 获得\"),_c('span',[_vm._v(_vm._s(_vm.detail.GivePoint))]),_vm._v(\"点积分 \")])]),_c('div',{staticClass:\"details_order\"},[_c('div',[_vm._v(\"订单信息\")]),_c('div',[_c('span',[_vm._v(\"订单编号: \"+_vm._s(_vm.detail.ShopOrderNumber))])]),(_vm.order_status == 0)?_c('div',[_c('span',[_vm._v(\"积分: 获得0点积分\")])]):_vm._e(),_c('div',[_c('span',[_vm._v(\"创建时间: \"+_vm._s(_vm.detail.CreateTime))])]),_c('div',[_c('span',[_vm._v(\"支付时间: \"+_vm._s(_vm.detail.PayTime))])])]),_c('div',{staticStyle:{\"height\":\"3.375rem\"}}),_c('div',{staticClass:\"details_btm_btn\"},[_c('div',{staticClass:\"details_icon\"},[_c('van-icon',{attrs:{\"name\":\"service-o\",\"size\":\"24\",\"color\":\"#333333\"},on:{\"click\":_vm.goService}})],1),_c('div',{staticClass:\"details_btn\"},[(_vm.detail.Status == 0)?_c('div',{on:{\"click\":_vm.deleteOrder}},[_vm._v(\"取消订单\")]):_vm._e(),(_vm.detail.Status == 2 || _vm.detail.Status == 3)?_c('div',{on:{\"click\":_vm.gotoLogistics}},[_vm._v(\" 查看物流 \")]):_vm._e(),(_vm.detail.Status == 0 || _vm.detail.Status == 2)?_c('div',{on:{\"click\":function($event){return _vm.pay(_vm.detail)}}},[_vm._v(\" \"+_vm._s(_vm.detail.Status == 0 ? \"付款\" : \"确认收货\")+\" \")]):_vm._e()])]),_c('van-popup',{attrs:{\"round\":\"\",\"position\":\"bottom\"},model:{value:(_vm.showPicker),callback:function ($$v) {_vm.showPicker=$$v},expression:\"showPicker\"}},[_c('van-picker',{attrs:{\"title\":\"支付方式\",\"show-toolbar\":\"\",\"columns\":_vm.columns},on:{\"confirm\":_vm.onConfirm,\"cancel\":_vm.onCancel}})],1)],2)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('span',[_vm._v(\"优惠\")]),_c('span',[_vm._v(\"优惠券\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"details_info\" :style=\"{ marginTop: isWxApplets ? '46px' : '' }\">\r\n    <template v-if=\"isWxApplets\">\r\n      <van-nav-bar\r\n        title=\"订单详情\"\r\n        fixed\r\n        left-arrow\r\n        @click-left=\"onClickLeft\"\r\n      />\r\n    </template>\r\n    <!-- 订单顶部信息 -->\r\n    <div class=\"details_payStatus\" v-if=\"order_status == 0\">\r\n      <div>等待买家付款</div>\r\n      <div>剩23小时8分自动关闭</div>\r\n    </div>\r\n    <div class=\"details_payStatus\" v-else-if=\"order_status == 1\">\r\n      <div>\r\n        {{\r\n          detail.Status == 0\r\n            ? \"待付款\"\r\n            : detail.Status == 1\r\n            ? \"待发货\"\r\n            : detail.Status == 2\r\n            ? \"待收货\"\r\n            : detail.Status == 3\r\n            ? \"交易成功\"\r\n            : detail.Status == 4\r\n            ? \"已退款\"\r\n            : \"交易成功\"\r\n        }}\r\n      </div>\r\n    </div>\r\n    <div class=\"details_payStatus\" v-else>\r\n      <div>待收货</div>\r\n      <div>还剩6天18时自动确认</div>\r\n    </div>\r\n    <!-- 用户收货地址 -->\r\n    <div class=\"details_address\">\r\n      <div class=\"address_icon\">\r\n        <!-- <img\r\n          src=\"../../../assets/ShopImg/deizhi.png\"\r\n          alt=\"\"\r\n          style=\"width: 100%; height: 100%\"\r\n        /> -->\r\n        <van-icon name=\"location\" size=\"18\" color=\"#ffffff\" />\r\n      </div>\r\n      <div class=\"address_text\">\r\n        <div v-if=\"detail.PickUpMethod == 0\">\r\n          <span>{{ detail.ContactName }}</span\r\n          ><span>{{ detail.ContactPhone }}</span>\r\n        </div>\r\n        <div>{{ detail.Address }}</div>\r\n      </div>\r\n    </div>\r\n    <!-- 商品信息 -->\r\n    <div class=\"order_info\">\r\n      <div\r\n        class=\"info_detail\"\r\n        v-for=\"(goods, j) in detail.OrderDetailList\"\r\n        :key=\"j\"\r\n      >\r\n        <img\r\n          :src=\"goods.SpecImg\"\r\n          alt=\"\"\r\n          @click=\"toGoodsDetail(goods.GoodsId)\"\r\n        />\r\n        <div class=\"detail_content\">\r\n          <div @click=\"toGoodsDetail(goods.GoodsId)\">\r\n            {{\r\n              goods.GoodsName.length > 25\r\n                ? goods.GoodsName.substr(0, 25) + \"...\"\r\n                : goods.GoodsName\r\n            }}\r\n          </div>\r\n          <!-- <div><span>{{goods.SpecName}}</span></div> -->\r\n          <div>\r\n            <span>{{ goods.SpecName }}</span\r\n            ><span>x{{ goods.GoodsCount }}</span>\r\n          </div>\r\n          <div>\r\n            <span v-if=\"goods.Points > 0\">{{ goods.Points }}积分+</span> ￥<span\r\n              >{{ goods.GoodsPrice }}</span\r\n            >\r\n            <div\r\n              class=\"info_evaluate\"\r\n              @click=\"gotoEvaluate(goods.SpecId)\"\r\n              v-if=\"goods.IsEvaluation != 1 && goods.Status == 3\"\r\n            >\r\n              <div class=\"pj\">评价</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"info_freight\">\r\n        <div>\r\n          <span>运费</span\r\n          ><span>运费（{{ detail.PickUpMethod == 0 ? \"快递\" : \"自提\" }}）</span>\r\n        </div>\r\n        <div>\r\n          <span>￥</span><span>{{ detail.Postage }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"info_freight\">\r\n        <div><span>优惠</span><span>优惠券</span></div>\r\n        <div>\r\n          <span>-￥</span><span>{{ detail.DiscountMoney }}</span>\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"info_refund\"\r\n        v-if=\"detail.Status == 1 || detail.Status == 2 || detail.Status == 3\"\r\n        @click=\"gotoRefund\"\r\n      >\r\n        <div>退款</div>\r\n      </div>\r\n\r\n      <div class=\"info_price\">\r\n        <div>{{ detail.Status == 0 ? \"需付款：\" : \"实付款：\" }}</div>\r\n        <div>\r\n          <span>￥</span><span>{{ detail.TotalMoney }}</span>\r\n        </div>\r\n      </div>\r\n      <!-- 数量 -->\r\n      <!-- <div class=\"info_num\"><van-stepper v-model=\"value\" /></div> -->\r\n    </div>\r\n    <!-- 积分 -->\r\n    <div class=\"details_integral\">\r\n      <div>积分</div>\r\n      <div>\r\n        获得<span>{{ detail.GivePoint }}</span\r\n        >点积分\r\n      </div>\r\n    </div>\r\n    <!-- 订单信息 -->\r\n    <div class=\"details_order\">\r\n      <div>订单信息</div>\r\n      <!-- <div v-if=\"order_status != 2\">\r\n        <span>物流编号: 689595968796879874</span><span>复制</span>\r\n      </div> -->\r\n      <div>\r\n        <span>订单编号: {{ detail.ShopOrderNumber }}</span>\r\n      </div>\r\n      <div v-if=\"order_status == 0\"><span>积分: 获得0点积分</span></div>\r\n      <div>\r\n        <span>创建时间: {{ detail.CreateTime }}</span>\r\n      </div>\r\n      <div>\r\n        <span>支付时间: {{ detail.PayTime }}</span>\r\n      </div>\r\n    </div>\r\n    <div style=\"height: 3.375rem\"></div>\r\n    <!-- 底部按钮 -->\r\n    <div class=\"details_btm_btn\">\r\n      <div class=\"details_icon\">\r\n        <van-icon\r\n          name=\"service-o\"\r\n          size=\"24\"\r\n          color=\"#333333\"\r\n          @click=\"goService\"\r\n        />\r\n        <!-- <van-goods-action-icon icon=\"service-o\" text=\"客服\" @click=\"goService\" /> -->\r\n      </div>\r\n      <div class=\"details_btn\">\r\n        <div v-if=\"detail.Status == 0\" @click=\"deleteOrder\">取消订单</div>\r\n        <!-- <div v-else-if=\"detail.Status == 1\">提醒发货</div> -->\r\n        <div\r\n          v-if=\"detail.Status == 2 || detail.Status == 3\"\r\n          @click=\"gotoLogistics\"\r\n        >\r\n          查看物流\r\n        </div>\r\n        <div\r\n          @click=\"pay(detail)\"\r\n          v-if=\"detail.Status == 0 || detail.Status == 2\"\r\n        >\r\n          {{ detail.Status == 0 ? \"付款\" : \"确认收货\" }}\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <van-popup v-model=\"showPicker\" round position=\"bottom\">\r\n      <van-picker\r\n        title=\"支付方式\"\r\n        show-toolbar\r\n        :columns=\"columns\"\r\n        @confirm=\"onConfirm\"\r\n        @cancel=\"onCancel\"\r\n      />\r\n    </van-popup>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  queryShopOrderDetail,\r\n  shopOrderDelete,\r\n  shopOrderPay,\r\n} from \"@/api/shop\";\r\nimport { Toast, Dialog } from \"vant\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      value: 1,\r\n      orderId: 0,\r\n      detail: {},\r\n      order_status: 1, // 订单状态 暂定 0 未支付，1 待发货，2 待收货\r\n      payOrderId: 0,\r\n      showPicker: false,\r\n      columns: [\"普利点\", \"支付宝\", \"微信\"],\r\n      isWxApplets: true,\r\n    };\r\n  },\r\n  created() {\r\n    //判断是否是微信浏览器的函数\r\n    var ua = window.navigator.userAgent.toLowerCase();\r\n    if (ua.match(/MicroMessenger/i) == \"micromessenger\") {\r\n      document.title = \"订单详情\";\r\n      this.isWxApplets = false;\r\n    }\r\n  },\r\n  mounted() {\r\n    this.orderId = this.$route.query.orderId;\r\n    this.getQueryShopOrderDetail();\r\n  },\r\n  methods: {\r\n    // 顶部返回\r\n    onClickLeft() {\r\n      window.history.go(-1);\r\n    },\r\n    goService() {\r\n      console.log(1);\r\n      // this.$router.push({\r\n      //   path: \"/shop/service/index\",\r\n      //   query: {},\r\n      // });\r\n      window.location.href =\r\n        \"https://work.weixin.qq.com/kfid/kfc8db1b9998eef1aba\";\r\n    },\r\n    // 付款\r\n    pay(itm) {\r\n      if (itm.Status == 0) {\r\n        // console.log(\"付款\");\r\n        this.showPicker = true;\r\n        this.payOrderId = itm.Id;\r\n      } else {\r\n        this.$router.push({\r\n          path: \"/shop/orders/logistics\",\r\n          query: { orderId: itm.Id },\r\n        });\r\n      }\r\n    },\r\n    async onConfirm(value, index) {\r\n      // Toast(`当前值：${value}, 当前索引：${index}`);\r\n      let parm = {\r\n        OrderId: this.payOrderId,\r\n        PayMethod: index,\r\n        OrderSource: \"H5\",\r\n      };\r\n      const res = await shopOrderPay(parm);\r\n      this.showPicker = false;\r\n      if (res.success == true) {\r\n        if (index == 0) {\r\n          //普利点支付\r\n          Toast.success({\r\n            message: res.msg,\r\n          });\r\n          this.$router.push({\r\n            path: \"/shop/orders/detail\",\r\n            query: { orderId: res.response.Id },\r\n          });\r\n          this.getQueryShopOrderDetail();\r\n        } else if (index == 1) {\r\n          //支付宝支付\r\n          const div = document.createElement(\"div\");\r\n          div.id = \"alipay\";\r\n          div.innerHTML = res.response.PayData;\r\n          document.body.appendChild(div);\r\n          document.querySelector(\"#alipay\").children[0].submit(); // 执行后会唤起支付宝\r\n          this.$router.push({\r\n            path: \"/shop/orders/detail\",\r\n            query: { orderId: res.response.Id },\r\n          });\r\n        } else if (index == 2) {\r\n          //微信支付\r\n          window.open(res.response.PayData);\r\n          this.$router.push({\r\n            path: \"/shop/orders/detail\",\r\n            query: { orderId: res.response.Id },\r\n          });\r\n        }\r\n      } else {\r\n        Toast.fail({\r\n          message: res.msg,\r\n        });\r\n      }\r\n    },\r\n    onCancel() {\r\n      Toast(\"取消支付\");\r\n      this.showPicker = false;\r\n    },\r\n    // 订单详情\r\n    async getQueryShopOrderDetail() {\r\n      const res = await queryShopOrderDetail(this.orderId);\r\n      this.detail = res.response;\r\n    },\r\n    //取消订单\r\n    deleteOrder() {\r\n      Dialog.confirm({\r\n        title: \"取消订单\",\r\n        message: \"确定取消该订单吗\",\r\n      })\r\n        .then(() => {\r\n          this.postShopOrderDelete();\r\n        })\r\n        .catch(() => {\r\n          // on cancel\r\n        });\r\n    },\r\n    //取消订单\r\n    async postShopOrderDelete() {\r\n      const res = await shopOrderDelete(this.orderId);\r\n      if (res.success == true) {\r\n        Toast.success({\r\n          message: res.msg,\r\n        });\r\n        // this.$router.push({\r\n        //   path: \"/shop/orders/index\",\r\n        // });\r\n        this.$router.go(-1);\r\n      } else {\r\n        Toast.fail({\r\n          message: res.msg,\r\n        });\r\n      }\r\n    },\r\n    //查看物流\r\n    gotoLogistics() {\r\n      this.$router.push({\r\n        path: \"/shop/orders/logistics\",\r\n        query: { orderId: this.orderId },\r\n      });\r\n    },\r\n    //前去退款\r\n    gotoRefund() {\r\n      this.$router.push({\r\n        path: \"/shop/orders/refund\",\r\n        query: { orderId: this.orderId },\r\n      });\r\n    },\r\n    gotoEvaluate(specId) {\r\n      this.$router.push({\r\n        path: \"/shop/orders/evaluate\",\r\n        query: { orderId: this.orderId, specId: specId },\r\n      });\r\n    },\r\n    toGoodsDetail(goodsId) {\r\n      this.$router.push({\r\n        path: \"/shop/goods/detail/?id=\" + goodsId,\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .van-ellipsis {\r\n  color: #333333;\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n}\r\n/deep/ .van-nav-bar .van-icon {\r\n  color: #333333;\r\n}\r\n//导航栏下边框\r\n/deep/ .van-hairline--bottom::after {\r\n  border: 0;\r\n}\r\n.details_info {\r\n  position: relative;\r\n  .details_payStatus {\r\n    width: 100%;\r\n    height: 6.5rem;\r\n    background: linear-gradient(to right, #fc6d33, #f54124);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    font-size: 1.0625rem;\r\n    color: #fff;\r\n    div:first-child {\r\n      margin-top: 0.9375rem;\r\n    }\r\n    div:nth-child(2) {\r\n      margin-top: 0.3125rem;\r\n      font-size: 0.8125rem;\r\n      color: #fa947b;\r\n    }\r\n  }\r\n  .details_address {\r\n    width: 21.5625rem;\r\n    min-height: 5.25rem;\r\n    background: #fff;\r\n    // position: absolute;\r\n    // left: 0.9375rem;\r\n    // top: 7.8125rem;\r\n    border-radius: 0.625rem;\r\n    padding: 1rem 0.625rem 1rem 0.9375rem;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin: -2.8125rem auto 0;\r\n    .address_icon {\r\n      width: 2rem;\r\n      height: 2rem;\r\n      display: flex;\r\n      flex: 0 0 2rem;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background-color: #000000;\r\n      border-radius: 50%;\r\n      margin-right: 10px;\r\n    }\r\n    .address_text {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      font-size: 0.8125rem;\r\n      color: #999999;\r\n      width: 100%;\r\n      height: 80%;\r\n      div:first-child {\r\n        span:first-child {\r\n          font-size: 0.9375rem;\r\n          color: #333;\r\n          font-weight: 700;\r\n          margin-right: 0.5rem;\r\n        }\r\n      }\r\n    }\r\n    .address_edit {\r\n      font-size: 0.875rem;\r\n      color: #999999;\r\n      width: 3.25rem;\r\n      height: 1.625rem;\r\n      line-height: 1.625rem;\r\n      text-align: center;\r\n      border-radius: 1.875rem;\r\n      border: 1px solid #e8e8e8;\r\n    }\r\n  }\r\n  .order_info {\r\n    background: #fff;\r\n    width: 100%;\r\n    // height: 12.6rem;\r\n    box-sizing: border-box;\r\n    padding: 0.9375rem;\r\n    margin-top: 1rem;\r\n    position: relative;\r\n    .info_detail {\r\n      display: flex;\r\n      margin-bottom: 0.9375rem;\r\n      img {\r\n        width: 5.5625rem;\r\n        height: 5.5rem;\r\n        flex: 0 0 5.5625rem;\r\n        border-radius: 0.25rem;\r\n        margin-right: 0.9375rem;\r\n      }\r\n      .detail_content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        div:first-child {\r\n          font-size: 0.875rem;\r\n          color: #333333;\r\n          font-weight: 700;\r\n          margin-right: 1.25rem;\r\n        }\r\n        div:nth-child(2) {\r\n          font-size: 0.75rem;\r\n          color: #858585;\r\n          display: flex;\r\n          justify-content: space-between;\r\n        }\r\n        div:nth-child(3) {\r\n          font-size: 0.75rem;\r\n          color: #fe4a4a;\r\n          span {\r\n            color: #fe4a4a;\r\n            font-size: 0.9375rem;\r\n            font-weight: 700;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .info_freight {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      font-size: 0.875rem;\r\n      color: #333333;\r\n      margin-bottom: 0.5rem;\r\n      div:first-child {\r\n        margin-left: 3.8rem;\r\n        span:first-child {\r\n          margin-right: 0.625rem;\r\n        }\r\n        span:nth-child(2) {\r\n          color: #d2d1d1;\r\n        }\r\n      }\r\n      div:nth-child(2) {\r\n        span:first-child {\r\n          font-size: 0.5625rem;\r\n        }\r\n        // span:nth-child(2) {\r\n        //   font-size: 1rem;\r\n        //   font-weight: 700;\r\n        // }\r\n      }\r\n    }\r\n    .info_refund {\r\n      width: 100%;\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      align-items: center;\r\n      margin-bottom: 0.75rem;\r\n      div {\r\n        width: 4.125rem;\r\n        height: 1.75rem;\r\n        border-radius: 1.875rem;\r\n        border: 1px solid #e8e8e8;\r\n        font-size: 0.75rem;\r\n        color: #999;\r\n        text-align: center;\r\n        line-height: 1.75rem;\r\n      }\r\n    }\r\n    .info_price {\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      align-items: center;\r\n      // font-size: 1rem;\r\n      color: #333333;\r\n      div:first-child {\r\n        font-weight: 700;\r\n      }\r\n      div:nth-child(2) {\r\n        color: #fe4a4a;\r\n        span:first-child {\r\n          font-size: 0.5625rem;\r\n        }\r\n        span:nth-child(2) {\r\n          font-size: 1rem;\r\n          font-weight: 700;\r\n        }\r\n      }\r\n    }\r\n    .info_num {\r\n      position: absolute;\r\n      right: 0.9375rem;\r\n      top: 4.8125rem;\r\n    }\r\n  }\r\n  .details_integral {\r\n    width: 100%;\r\n    height: 3.125rem;\r\n    padding: 0 0.9375rem;\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: 0.875rem;\r\n    margin-top: 0.625rem;\r\n    background: #fff;\r\n    div:first-child {\r\n      width: 2.25rem;\r\n      height: 1.25rem;\r\n      border: 1px solid #fe4a4a;\r\n      font-size: 0.75rem;\r\n      color: #fe4a4a;\r\n      text-align: center;\r\n      line-height: 1.25rem;\r\n      border-radius: 1.875rem;\r\n      margin-right: 0.5rem;\r\n    }\r\n    div:nth-child(2) {\r\n      height: 3.125rem;\r\n      line-height: 3.125rem;\r\n      color: #333;\r\n      span {\r\n        color: #fe4a4a;\r\n      }\r\n    }\r\n  }\r\n  .details_order {\r\n    margin-top: 0.625rem;\r\n    width: 100%;\r\n    // height: 10.625rem;\r\n    box-sizing: border-box;\r\n    padding: 0.9375rem;\r\n    background: #fff;\r\n    font-size: 0.8125rem;\r\n    color: #333;\r\n    div {\r\n      margin-bottom: 0.625rem;\r\n    }\r\n    div:first-child {\r\n      font-size: 1rem;\r\n      font-weight: 700;\r\n      margin-bottom: 0.75rem;\r\n    }\r\n    div:nth-child(2) {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      span:nth-child(2) {\r\n        color: #f95e2e;\r\n      }\r\n    }\r\n  }\r\n  .details_btm_btn {\r\n    width: 100%;\r\n    height: 3.375rem;\r\n    background: #fff;\r\n    position: fixed;\r\n    bottom: 0;\r\n    font-size: 0.875rem;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    box-sizing: border-box;\r\n    padding: 0 0.9375rem;\r\n    .details_icon {\r\n      width: 1.125rem;\r\n      height: 1.125rem;\r\n      // border: 1px solid red;\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n    }\r\n    .details_btn {\r\n      display: flex;\r\n      align-items: center;\r\n      div {\r\n        width: 5rem;\r\n        height: 2.125rem;\r\n        border-radius: 1.875rem;\r\n        text-align: center;\r\n        line-height: 2.125rem;\r\n      }\r\n      div:first-child {\r\n        border: 1px solid #000000;\r\n        color: #000000;\r\n      }\r\n      div:nth-child(2) {\r\n        margin-left: 0.625rem;\r\n        background: linear-gradient(to right, #000000, #000000);\r\n        color: #ffffff;\r\n      }\r\n    }\r\n  }\r\n}\r\n.info_evaluate {\r\n  position: absolute;\r\n  // top: 31%;\r\n  margin-top: -25px;\r\n  left: 83%;\r\n  width: 3.125rem;\r\n  height: 1.5rem;\r\n  border-radius: 1rem;\r\n  border: 1px solid #e8e8e8;\r\n  color: #999;\r\n  line-height: 1.5rem;\r\n  .pj {\r\n    text-align: center;\r\n    font-weight: 400 !important;\r\n    font-size: 12px !important;\r\n    position: absolute;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    margin-right: 0 !important;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail.vue?vue&type=template&id=7f363ec7&scoped=true&\"\nimport script from \"./detail.vue?vue&type=script&lang=js&\"\nexport * from \"./detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detail.vue?vue&type=style&index=0&id=7f363ec7&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7f363ec7\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}