{"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\pages\\marketing\\storeIntegralOrder\\handle\\orderDetails.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\pages\\marketing\\storeIntegralOrder\\handle\\orderDetails.vue","mtime":1761614939039},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1761614927320},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQppbXBvcnQgeyBnZXRFeHByZXNzIH0gZnJvbSAnQC9hcGkvbWFya2V0aW5nJzsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogJ29yZGVyRGV0YWlscycsDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIG1vZGFsMjogZmFsc2UsDQogICAgICBtb2RhbHM6IGZhbHNlLA0KICAgICAgZ3JpZDogew0KICAgICAgICB4bDogOCwNCiAgICAgICAgbGc6IDgsDQogICAgICAgIG1kOiAxMiwNCiAgICAgICAgc206IDI0LA0KICAgICAgICB4czogMjQsDQogICAgICB9LA0KICAgICAgcmVzdWx0OiBbXSwNCiAgICB9Ow0KICB9LA0KICBwcm9wczogew0KICAgIG9yZGVyRGF0YWxpc3Q6IE9iamVjdCwNCiAgICBvcmRlcklkOiBOdW1iZXIsDQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBvcGVuTG9naXN0aWNzKCkgew0KICAgICAgdGhpcy5nZXRPcmRlckRhdGEoKTsNCiAgICAgIHRoaXMubW9kYWwyID0gdHJ1ZTsNCiAgICB9LA0KICAgIC8vIOiOt+WPluiuouWNleeJqea1geS/oeaBrw0KICAgIGdldE9yZGVyRGF0YSgpIHsNCiAgICAgIGdldEV4cHJlc3ModGhpcy5vcmRlcklkKQ0KICAgICAgICAudGhlbihhc3luYyAocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy5yZXN1bHQgPSByZXMuZGF0YS5yZXN1bHQ7DQogICAgICAgIH0pDQogICAgICAgIC5jYXRjaCgocmVzKSA9PiB7DQogICAgICAgICAgdGhpcy4kbWVzc2FnZS5lcnJvcihyZXMubXNnKTsNCiAgICAgICAgfSk7DQogICAgfSwNCiAgfSwNCiAgY29tcHV0ZWQ6IHt9LA0KfTsNCg=="},{"version":3,"sources":["orderDetails.vue"],"names":[],"mappings":";AAwFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"orderDetails.vue","sourceRoot":"src/pages/marketing/storeIntegralOrder/handle","sourcesContent":["<template>\r\n  <div v-if=\"orderDatalist\">\r\n    <el-dialog :visible.sync=\"modals\" title=\"订单信息\" width=\"720px\" class=\"order_box\">\r\n      <el-card :bordered=\"false\" shadow=\"never\" class=\"i-table-no-border\">\r\n        <div class=\"ivu-description-list-title\">收货信息</div>\r\n        <el-row class=\"mb10\">\r\n          <el-col :span=\"12\">用户昵称：{{ orderDatalist.userInfo.nickname }}</el-col>\r\n          <el-col :span=\"12\">收货人：{{ orderDatalist.orderInfo.real_name }}</el-col>\r\n        </el-row>\r\n        <el-row class=\"mb10\">\r\n          <el-col :span=\"12\">联系电话：{{ orderDatalist.orderInfo.user_phone }}</el-col>\r\n          <el-col :span=\"12\">收货地址：{{ orderDatalist.orderInfo.user_address }}</el-col>\r\n        </el-row>\r\n        <el-divider></el-divider>\r\n        <div class=\"ivu-description-list-title\">订单信息</div>\r\n        <el-row class=\"mb10\">\r\n          <el-col :span=\"12\">订单ID：{{ orderDatalist.orderInfo.order_id }}</el-col>\r\n          <el-col :span=\"12\" class=\"fontColor1\">订单状态：{{ orderDatalist.orderInfo.status_name }}</el-col>\r\n        </el-row>\r\n        <el-row class=\"mb10\">\r\n          <el-col :span=\"12\"\r\n            >商品名称：{{ orderDatalist.orderInfo.store_name + ' | '\r\n            }}{{ orderDatalist.orderInfo.suk ? orderDatalist.orderInfo.suk : '' }}</el-col\r\n          >\r\n        </el-row>\r\n        <el-row class=\"mb10\">\r\n          <el-col :span=\"12\">商品总数：{{ orderDatalist.orderInfo.total_num }}</el-col>\r\n          <el-col :span=\"12\">商品总积分：{{ orderDatalist.orderInfo.total_price }}</el-col>\r\n        </el-row>\r\n        <el-row class=\"mb10\">\r\n          <el-col :span=\"12\" class=\"mb10\">创建时间：{{ orderDatalist.orderInfo.add_time }}</el-col>\r\n          <el-col :span=\"12\" class=\"mb10\" v-if=\"orderDatalist.orderInfo.remark\"\r\n            >商家备注：{{ orderDatalist.orderInfo.remark }}</el-col\r\n          >\r\n          <el-col :span=\"12\" class=\"mb10\" v-if=\"orderDatalist.orderInfo.fictitious_content\"\r\n            >虚拟发货备注：{{ orderDatalist.orderInfo.fictitious_content }}</el-col\r\n          >\r\n        </el-row>\r\n        <div v-if=\"orderDatalist.orderInfo.delivery_type === 'express'\">\r\n          <el-divider></el-divider>\r\n          <div class=\"ivu-description-list-title\">物流信息</div>\r\n          <el-row class=\"mb10\">\r\n            <el-col :span=\"12\">快递公司：{{ orderDatalist.orderInfo.delivery_name }}</el-col>\r\n            <el-col :span=\"12\"\r\n              >快递单号：{{ orderDatalist.orderInfo.delivery_id }}\r\n              <a size=\"small\" v-db-click @click=\"openLogistics\">物流查询</a></el-col\r\n            >\r\n          </el-row>\r\n        </div>\r\n        <div v-if=\"orderDatalist.orderInfo.delivery_type === 'send'\">\r\n          <el-divider></el-divider>\r\n          <div class=\"ivu-description-list-title\">配送信息</div>\r\n          <el-row class=\"mb10\">\r\n            <el-col :span=\"12\">送货人姓名：{{ orderDatalist.orderInfo.delivery_name }}</el-col>\r\n            <el-col :span=\"12\">送货人电话：{{ orderDatalist.orderInfo.delivery_id }}</el-col>\r\n          </el-row>\r\n        </div>\r\n        <div v-if=\"orderDatalist.orderInfo.mark\">\r\n          <el-divider></el-divider>\r\n          <div class=\"ivu-description-list-title\" v-if=\"orderDatalist.orderInfo.mark\">备注信息</div>\r\n          <el-row class=\"mb10\">\r\n            <el-col :span=\"12\" class=\"fontColor2\">{{ orderDatalist.orderInfo.mark }}</el-col>\r\n          </el-row>\r\n        </div>\r\n      </el-card>\r\n    </el-dialog>\r\n    <el-dialog :visible.sync=\"modal2\" title=\"物流查询\" width=\"470px\" class=\"order_box2\">\r\n      <div class=\"logistics acea-row row-top\">\r\n        <div class=\"logistics_img\"><img src=\"../../../../assets/images/expressi.jpg\" /></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          <el-timeline>\r\n            <el-timeline-item v-for=\"(item, i) in result\" :key=\"i\" :timestamp=\"item.time\">\r\n              {{ item.status }}\r\n            </el-timeline-item>\r\n          </el-timeline>\r\n        </div>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getExpress } from '@/api/marketing';\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  },\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 lang=\"scss\" scoped>\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.logistics {\r\n  align-items: center;\r\n  padding: 10px 0px;\r\n  .logistics_img {\r\n    width: 45px;\r\n    height: 45px;\r\n    margin-right: 12px;\r\n    img {\r\n      width: 100%;\r\n      height: 100%;\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.trees-coadd {\r\n  width: 100%;\r\n  height: 400px;\r\n  border-radius: 4px;\r\n  overflow: hidden;\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    .content {\r\n      font-size: 12px;\r\n    }\r\n    .time {\r\n      font-size: 12px;\r\n      color: #2d8cf0;\r\n    }\r\n  }\r\n}\r\n.order_box2 {\r\n  position: absolute;\r\n  z-index: 999999999;\r\n}\r\n.order_box ::v-deep .ivu-modal-header {\r\n  padding: 30x 16px !important;\r\n}\r\n.order_box ::v-deep .ivu-card {\r\n  font-size: 12px !important;\r\n}\r\n.fontColor1 ::v-deep .ivu-description-term {\r\n  color: red !important;\r\n}\r\n.fontColor1 ::v-deep .ivu-description-detail {\r\n  color: red !important;\r\n  padding-bottom: 14px !important;\r\n}\r\n.fontColor2 ::v-deep .ivu-description-detail {\r\n  color: #733af9 !important;\r\n}\r\n.order_box ::v-deep .ivu-description-term {\r\n  padding-bottom: 10px !important;\r\n}\r\n.order_box ::v-deep .ivu-description-detail {\r\n  padding-bottom: 10px !important;\r\n}\r\n.order_box ::v-deep .ivu-modal-body {\r\n  padding: 0 16px !important;\r\n}\r\n.fontColor3 ::v-deep .ivu-description-term {\r\n  color: #f1a417 !important;\r\n}\r\n.fontColor3 ::v-deep .ivu-description-detail {\r\n  color: #f1a417 !important;\r\n}\r\n.tabBox_img {\r\n  width: 100px;\r\n  height: 70px;\r\n  border-radius: 4px;\r\n  cursor: pointer;\r\n  img {\r\n    width: 100%;\r\n    height: 100%;\r\n    padding: 2px;\r\n  }\r\n}\r\n</style>\r\n"]}]}