{"remainingRequest":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js??ref--0-2!E:\\item\\newItem\\admin\\src\\pages\\order\\orderList\\handle\\orderDetails.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\newItem\\admin\\src\\pages\\order\\orderList\\handle\\orderDetails.vue","mtime":1677828270225},{"path":"E:\\item\\newItem\\admin\\babel.config.js","mtime":1677828270071},{"path":"E:\\item\\newItem\\admin\\.babelrc","mtime":1677828270070},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\newItem\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\item\\newItem\\admin\\node_modules\\iview-loader\\index.js","mtime":1570440814000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0IF9hc3luY1RvR2VuZXJhdG9yIGZyb20gIkU6L2l0ZW0vbmV3SXRlbS9hZG1pbi9ub2RlX21vZHVsZXMvQHZ1ZS9iYWJlbC1wcmVzZXQtYXBwL25vZGVfbW9kdWxlcy9AYmFiZWwvcnVudGltZS9oZWxwZXJzL2VzbS9hc3luY1RvR2VuZXJhdG9yLmpzIjsKaW1wb3J0ICJyZWdlbmVyYXRvci1ydW50aW1lL3J1bnRpbWUuanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5udW1iZXIuY29uc3RydWN0b3IuanMiOwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwppbXBvcnQgeyBnZXRFeHByZXNzIH0gZnJvbSAnQC9hcGkvb3JkZXInOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ29yZGVyRGV0YWlscycsCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIG1vZGFsMjogZmFsc2UsCiAgICAgIG1vZGFsczogZmFsc2UsCiAgICAgIGdyaWQ6IHsKICAgICAgICB4bDogOCwKICAgICAgICBsZzogOCwKICAgICAgICBtZDogMTIsCiAgICAgICAgc206IDI0LAogICAgICAgIHhzOiAyNAogICAgICB9LAogICAgICByZXN1bHQ6IFtdCiAgICB9OwogIH0sCiAgcHJvcHM6IHsKICAgIG9yZGVyRGF0YWxpc3Q6IE9iamVjdCwKICAgIG9yZGVySWQ6IE51bWJlciwKICAgIGlzX3JlZnVuZDogTnVtYmVyCiAgfSwKICBtZXRob2RzOiB7CiAgICBvcGVuTG9naXN0aWNzOiBmdW5jdGlvbiBvcGVuTG9naXN0aWNzKCkgewogICAgICB0aGlzLmdldE9yZGVyRGF0YSgpOwogICAgICB0aGlzLm1vZGFsMiA9IHRydWU7CiAgICB9LAogICAgLy8g6I635Y+W6K6i5Y2V54mp5rWB5L+h5oGvCiAgICBnZXRPcmRlckRhdGE6IGZ1bmN0aW9uIGdldE9yZGVyRGF0YSgpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKCiAgICAgIGdldEV4cHJlc3ModGhpcy5vcmRlcklkKS50aGVuKCAvKiNfX1BVUkVfXyovZnVuY3Rpb24gKCkgewogICAgICAgIHZhciBfcmVmID0gX2FzeW5jVG9HZW5lcmF0b3IoIC8qI19fUFVSRV9fKi9yZWdlbmVyYXRvclJ1bnRpbWUubWFyayhmdW5jdGlvbiBfY2FsbGVlKHJlcykgewogICAgICAgICAgcmV0dXJuIHJlZ2VuZXJhdG9yUnVudGltZS53cmFwKGZ1bmN0aW9uIF9jYWxsZWUkKF9jb250ZXh0KSB7CiAgICAgICAgICAgIHdoaWxlICgxKSB7CiAgICAgICAgICAgICAgc3dpdGNoIChfY29udGV4dC5wcmV2ID0gX2NvbnRleHQubmV4dCkgewogICAgICAgICAgICAgICAgY2FzZSAwOgogICAgICAgICAgICAgICAgICBfdGhpcy5yZXN1bHQgPSByZXMuZGF0YS5yZXN1bHQ7CgogICAgICAgICAgICAgICAgY2FzZSAxOgogICAgICAgICAgICAgICAgY2FzZSAiZW5kIjoKICAgICAgICAgICAgICAgICAgcmV0dXJuIF9jb250ZXh0LnN0b3AoKTsKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgIH0sIF9jYWxsZWUpOwogICAgICAgIH0pKTsKCiAgICAgICAgcmV0dXJuIGZ1bmN0aW9uIChfeCkgewogICAgICAgICAgcmV0dXJuIF9yZWYuYXBwbHkodGhpcywgYXJndW1lbnRzKTsKICAgICAgICB9OwogICAgICB9KCkpLmNhdGNoKGZ1bmN0aW9uIChyZXMpIHsKICAgICAgICBfdGhpcy4kTWVzc2FnZS5lcnJvcihyZXMubXNnKTsKICAgICAgfSk7CiAgICB9CiAgfSwKICBjb21wdXRlZDoge30KfTs="},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0JA;AACA;EACAA,oBADA;EAEAC,IAFA,kBAEA;IACA;MACAC,aADA;MAEAC,aAFA;MAGAC;QACAC,KADA;QAEAC,KAFA;QAGAC,MAHA;QAIAC,MAJA;QAKAC;MALA,CAHA;MAUAC;IAVA;EAYA,CAfA;EAgBAC;IACAC,qBADA;IAEAC,eAFA;IAGAC;EAHA,CAhBA;EAqBAC;IACAC,aADA,2BACA;MACA;MACA;IACA,CAJA;IAKA;IACAC,YANA,0BAMA;MAAA;;MACAC,yBACAC,IADA;QAAA,mEACA;UAAA;YAAA;cAAA;gBAAA;kBACA;;gBADA;gBAAA;kBAAA;cAAA;YAAA;UAAA;QAAA,CADA;;QAAA;UAAA;QAAA;MAAA,KAIAC,KAJA,CAIA;QACA;MACA,CANA;IAOA;EAdA,CArBA;EAqCAC;AArCA","names":["name","data","modal2","modals","grid","xl","lg","md","sm","xs","result","props","orderDatalist","orderId","is_refund","methods","openLogistics","getOrderData","getExpress","then","catch","computed"],"sourceRoot":"src/pages/order/orderList/handle","sources":["orderDetails.vue"],"sourcesContent":["<template>\r\n  <div v-if=\"orderDatalist\">\r\n    <Drawer title=\"订单详情\" :closable=\"false\" width=\"700\" v-model=\"modals\" scrollable>\r\n      <Card :bordered=\"false\" dis-hover class=\"i-table-no-border\">\r\n        <div class=\"ivu-description-list-title\">收货信息</div>\r\n        <Row class=\"mb10\">\r\n          <Col span=\"12\">用户昵称：{{ orderDatalist.userInfo.nickname }}</Col>\r\n          <Col span=\"12\">收货人：{{ orderDatalist.orderInfo.real_name }}</Col>\r\n        </Row>\r\n        <Row class=\"mb10\">\r\n          <Col span=\"12\">联系电话：{{ orderDatalist.orderInfo.user_phone }}</Col>\r\n          <Col span=\"12\">收货地址：{{ orderDatalist.orderInfo.user_address }}</Col>\r\n        </Row>\r\n        <Divider style=\"margin: 20px 0 !important\" />\r\n        <div class=\"ivu-description-list-title\">订单信息</div>\r\n        <Row class=\"mb10\">\r\n          <Col span=\"12\">订单ID：{{ orderDatalist.orderInfo.order_id }}</Col>\r\n          <Col span=\"12\" class=\"fontColor1\">订单状态：{{ orderDatalist.orderInfo._status._title }}</Col>\r\n        </Row>\r\n        <Row class=\"mb10\">\r\n          <Col span=\"12\">商品总数：{{ orderDatalist.orderInfo.total_num }}</Col>\r\n          <Col span=\"12\">商品总价：{{ orderDatalist.orderInfo.total_price }}</Col>\r\n        </Row>\r\n        <Row class=\"mb10\">\r\n          <Col span=\"12\">交付邮费：{{ orderDatalist.orderInfo.pay_postage }}</Col>\r\n          <Col span=\"12\">优惠券金额：{{ orderDatalist.orderInfo.coupon_price }}</Col>\r\n        </Row>\r\n        <Row class=\"mb10\">\r\n          <Col span=\"12\">用户等级优惠：{{ orderDatalist.orderInfo.levelPrice || 0.0 }}</Col>\r\n          <Col span=\"12\">付费会员优惠：{{ orderDatalist.orderInfo.memberPrice || 0.0 }}</Col>\r\n        </Row>\r\n        <Row class=\"mb10\">\r\n          <Col span=\"12\">积分抵扣：{{ orderDatalist.orderInfo.deduction_price || 0.0 }}</Col>\r\n          <Col span=\"12\">实际支付：{{ orderDatalist.orderInfo.pay_price }}</Col>\r\n        </Row>\r\n        <Row class=\"mb10\">\r\n          <Col span=\"12\" class=\"fontColor3 mb10\" v-if=\"parseFloat(orderDatalist.orderInfo.refund_price)\"\r\n            >退款金额：{{ parseFloat(orderDatalist.orderInfo.refund_price) }}</Col\r\n          >\r\n          <Col span=\"12\" class=\"fontColor3 mb10\" v-if=\"parseFloat(orderDatalist.orderInfo.use_integral)\"\r\n            >使用积分：{{ parseFloat(orderDatalist.orderInfo.use_integral) }}</Col\r\n          >\r\n          <Col span=\"12\" class=\"fontColor3 mb10\" v-if=\"parseFloat(orderDatalist.orderInfo.back_integral)\"\r\n            >退回积分：{{ parseFloat(orderDatalist.orderInfo.back_integral) }}</Col\r\n          >\r\n          <Col span=\"12\" class=\"fontColor3 mb10\" v-if=\"parseFloat(orderDatalist.orderInfo.gain_integral)\"\r\n            >赠送积分：{{ parseFloat(orderDatalist.orderInfo.gain_integral) }}</Col\r\n          >\r\n          <Col span=\"12\" class=\"mb10\">创建时间：{{ orderDatalist.orderInfo._add_time }}</Col>\r\n          <Col span=\"12\" class=\"mb10\">支付时间：{{ orderDatalist.orderInfo._pay_time }}</Col>\r\n          <Col span=\"12\" class=\"mb10\">支付方式：{{ orderDatalist.orderInfo._status._payType }}</Col>\r\n          <Col span=\"12\" class=\"mb10\" v-if=\"is_refund != 1\"\r\n            >推广人：{{ orderDatalist.orderInfo.spread_name + '/' + orderDatalist.orderInfo.spread_uid }}</Col\r\n          >\r\n          <Col\r\n            span=\"12\"\r\n            class=\"mb10\"\r\n            v-if=\"\r\n              orderDatalist.orderInfo.shipping_type === 2 &&\r\n              orderDatalist.orderInfo.refund_status === 0 &&\r\n              orderDatalist.orderInfo.paid === 1\r\n            \"\r\n            >门店名称：{{ orderDatalist.orderInfo._store_name }}</Col\r\n          >\r\n          <Col\r\n            span=\"12\"\r\n            class=\"mb10\"\r\n            v-if=\"\r\n              orderDatalist.orderInfo.shipping_type === 2 &&\r\n              orderDatalist.orderInfo.refund_status === 0 &&\r\n              orderDatalist.orderInfo.paid === 1\r\n            \"\r\n            >核销码：{{ orderDatalist.orderInfo.verify_code }}</Col\r\n          >\r\n          <Col span=\"24\" class=\"mb10\" v-if=\"orderDatalist.orderInfo.remark\"\r\n            >商家备注：{{ orderDatalist.orderInfo.remark }}</Col\r\n          >\r\n          <Col span=\"24\" class=\"mb10\" v-if=\"orderDatalist.orderInfo.fictitious_content\"\r\n            >虚拟发货备注：{{ orderDatalist.orderInfo.fictitious_content }}</Col\r\n          >\r\n        </Row>\r\n        <Divider style=\"margin: 20px 0 !important\" v-if=\"orderDatalist.orderInfo.custom_form.length\" />\r\n        <div class=\"ivu-description-list-title\" v-if=\"orderDatalist.orderInfo.custom_form.length\">表单信息</div>\r\n        <Row class=\"mb10\" v-if=\"orderDatalist.orderInfo.custom_form.length\">\r\n          <Col\r\n            class=\"mb10\"\r\n            :span=\"item.label !== 'text' ? 12 : 24\"\r\n            v-if=\"item.label !== 'img'\"\r\n            v-for=\"(item, index) in orderDatalist.orderInfo.custom_form\"\r\n            :key=\"index\"\r\n            >{{ item.title }}：{{ item.value }}</Col\r\n          >\r\n          <Col span=\"24\" v-else>\r\n            <div>{{ item.title }}：</div>\r\n            <div class=\"pic\">\r\n              <div v-for=\"(img, i) in item.value\" :key=\"i\" class=\"img\">\r\n                <img v-viewer :src=\"img\" alt=\"\" />\r\n              </div>\r\n            </div>\r\n          </Col>\r\n        </Row>\r\n        <div v-if=\"orderDatalist.orderInfo.delivery_type === 'express'\">\r\n          <Divider style=\"margin: 20px 0 !important\" />\r\n          <div class=\"ivu-description-list-title\">物流信息</div>\r\n          <Row class=\"mb10\">\r\n            <Col span=\"12\">快递公司：{{ orderDatalist.orderInfo.delivery_name }}</Col>\r\n            <Col span=\"12\"\r\n              >快递单号：{{ orderDatalist.orderInfo.delivery_id }}\r\n              <Button type=\"info\" size=\"small\" @click=\"openLogistics\">物流查询</Button></Col\r\n            >\r\n          </Row>\r\n        </div>\r\n        <div v-if=\"orderDatalist.orderInfo.delivery_type === 'send'\">\r\n          <Divider style=\"margin: 20px 0 !important\" />\r\n          <div class=\"ivu-description-list-title\">配送信息</div>\r\n          <Row class=\"mb10\">\r\n            <Col span=\"12\">送货人姓名：{{ orderDatalist.orderInfo.delivery_name }}</Col>\r\n            <Col span=\"12\">送货人电话：{{ orderDatalist.orderInfo.delivery_id }}</Col>\r\n          </Row>\r\n        </div>\r\n        <div v-if=\"orderDatalist.orderInfo.mark\">\r\n          <Divider style=\"margin: 20px 0 !important\" v-if=\"orderDatalist.orderInfo.mark\" />\r\n          <div class=\"ivu-description-list-title\" v-if=\"orderDatalist.orderInfo.mark\">备注信息</div>\r\n          <Row class=\"mb10\">\r\n            <Col span=\"12\" class=\"fontColor2\">{{ orderDatalist.orderInfo.mark }}</Col>\r\n          </Row>\r\n        </div>\r\n      </Card>\r\n    </Drawer>\r\n    <Modal v-model=\"modal2\" scrollable title=\"物流查询\" width=\"350\" class=\"order_box2\">\r\n      <div class=\"logistics acea-row row-top\">\r\n        <div class=\"logistics_img\">\r\n          <img src=\"../../../../assets/images/expressi.jpg\" />\r\n        </div>\r\n        <div class=\"logistics_cent\">\r\n          <span>物流公司：{{ orderDatalist.orderInfo.delivery_name }}</span>\r\n          <span>物流单号：{{ orderDatalist.orderInfo.delivery_id }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"acea-row row-column-around trees-coadd\">\r\n        <div class=\"scollhide\">\r\n          <Timeline>\r\n            <TimelineItem v-for=\"(item, i) in result\" :key=\"i\">\r\n              <p class=\"time\" v-text=\"item.time\"></p>\r\n              <p class=\"content\" v-text=\"item.status\"></p>\r\n            </TimelineItem>\r\n          </Timeline>\r\n        </div>\r\n      </div>\r\n    </Modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getExpress } from '@/api/order';\r\nexport default {\r\n  name: 'orderDetails',\r\n  data() {\r\n    return {\r\n      modal2: false,\r\n      modals: false,\r\n      grid: {\r\n        xl: 8,\r\n        lg: 8,\r\n        md: 12,\r\n        sm: 24,\r\n        xs: 24,\r\n      },\r\n      result: [],\r\n    };\r\n  },\r\n  props: {\r\n    orderDatalist: Object,\r\n    orderId: Number,\r\n    is_refund: Number,\r\n  },\r\n  methods: {\r\n    openLogistics() {\r\n      this.getOrderData();\r\n      this.modal2 = true;\r\n    },\r\n    // 获取订单物流信息\r\n    getOrderData() {\r\n      getExpress(this.orderId)\r\n        .then(async (res) => {\r\n          this.result = res.data.result;\r\n        })\r\n        .catch((res) => {\r\n          this.$Message.error(res.msg);\r\n        });\r\n    },\r\n  },\r\n  computed: {},\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"stylus\">\r\n.ivu-description-list-title {\r\n  margin-bottom: 16px;\r\n  color: #17233d;\r\n  font-weight: 500;\r\n  font-size: 14px;\r\n}\r\n\r\n.logistics {\r\n  align-items: center;\r\n  padding: 10px 0px;\r\n\r\n  .logistics_img {\r\n    width: 45px;\r\n    height: 45px;\r\n    margin-right: 12px;\r\n\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n\r\n  .logistics_cent {\r\n    span {\r\n      display: block;\r\n      font-size: 12px;\r\n    }\r\n  }\r\n}\r\n\r\n.trees-coadd {\r\n  width: 100%;\r\n  height: 400px;\r\n  border-radius: 4px;\r\n  overflow: hidden;\r\n\r\n  .scollhide {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: auto;\r\n    margin-left: 18px;\r\n    padding: 10px 0 10px 0;\r\n    box-sizing: border-box;\r\n\r\n    .content {\r\n      font-size: 12px;\r\n    }\r\n\r\n    .time {\r\n      font-size: 12px;\r\n      color: #2d8cf0;\r\n    }\r\n  }\r\n}\r\n\r\n.order_box2 {\r\n  position: absolute;\r\n  z-index: 999999999;\r\n}\r\n\r\n.order_box >>> .ivu-modal-header {\r\n  padding: 30x 16px !important;\r\n}\r\n\r\n.order_box >>> .ivu-card {\r\n  font-size: 12px !important;\r\n}\r\n\r\n.fontColor1 {\r\n  color: red !important;\r\n}\r\n\r\n.fontColor2 {\r\n  color: #733AF9 !important;\r\n}\r\n\r\n.order_box >>> .ivu-description-term {\r\n  padding-bottom: 10px !important;\r\n}\r\n\r\n.order_box >>> .ivu-description-detail {\r\n  padding-bottom: 10px !important;\r\n}\r\n\r\n.order_box >>> .ivu-modal-body {\r\n  padding: 0 16px !important;\r\n}\r\n\r\n.fontColor3 {\r\n  color: #f1a417 !important;\r\n}\r\n\r\n.fontColor3 {\r\n  color: #f1a417 !important;\r\n}\r\n\r\n.pic {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.img {\r\n  width: 100px;\r\n  height: 100px;\r\n  margin: 10px 10px;\r\n\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n</style>\r\n"]}]}