order-share-detail.js 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. const orderPage = new Vue({
  2. el: "#orderPage",
  3. data() {
  4. return{
  5. isRequset: true,
  6. orderId: 0, //订单ID
  7. shopOrderId:0, //子订单ID
  8. userId: 0, //用户ID
  9. orderInfo: {}, //订单信息
  10. shopOrderList: [], //订单商品信息
  11. userInfo: {}, //订单用户信息
  12. orderInvoice: {}, //发票信息
  13. discernReceiptList: [], //订单付款信息
  14. returnedPurchaseList: [],//订单退款信息
  15. voucherList:[],
  16. modelType: 0,
  17. isShowBeansAlet: false,
  18. bgImagePath: '',//根据类型显示图片标记
  19. beanNumber: 100,
  20. beansType: 7,
  21. isShareLogin:false,
  22. isWeChatBrowser:false,
  23. linkParams:{
  24. path:'pages/user/order/order-confirmed',
  25. query:'',
  26. env:'develop'//正式"release",体验"trial",开发"develop"
  27. }
  28. }
  29. },
  30. filters: {
  31. NumFormat(text) {//处理金额
  32. return Number(text).toFixed(2);
  33. },
  34. NumBadge(n) {//处理
  35. var num = '';
  36. if (n > 100) {
  37. num = 99
  38. } else {
  39. num = n;
  40. }
  41. return num;
  42. },
  43. formatIncludedTax(value) {
  44. if (value === '1') {
  45. return '不含税 ';
  46. } else if (value === '2') {
  47. return '含税';
  48. } else {
  49. return '';
  50. }
  51. },
  52. statusFilters(value) {
  53. //处理订单状态显示
  54. const map = {
  55. 0: '待确认',
  56. 2: '交易完成',
  57. 4: '已关闭',
  58. 5: '交易全退',
  59. 6: '交易全退',
  60. 11: '待付款待发货',
  61. 12: '待付款部分发货',
  62. 13: '待付款已发货',
  63. 21: '部分付款待发货',
  64. 22: '部分付款部分发货',
  65. 23: '部分付款已发货',
  66. 31: '已付款待发货',
  67. 32: '已付款部分发货',
  68. 33: '已付款已发货'
  69. }
  70. return map[value]
  71. },
  72. // 设置发票文案
  73. setInvoiceText(data) {
  74. if(data){
  75. const map = {
  76. 0: '个人',
  77. 1: '单位'
  78. }
  79. switch (data.type) {
  80. case 0:
  81. return `不开发票`
  82. break
  83. case 1:
  84. return `普票-${map[data.headingType]}`
  85. break
  86. case 2:
  87. return `专票`
  88. break
  89. }
  90. }else{
  91. return `不开发票`
  92. }
  93. },
  94. },
  95. computed: {
  96. },
  97. methods: {
  98. openFullScreen2(shopOrderId) {
  99. const loading = this.$loading({
  100. lock: true,
  101. text: 'Loading',
  102. spinner: 'el-icon-loading',
  103. background: 'rgba(0, 0, 0, 0.4)'
  104. });
  105. setTimeout(() => {
  106. this.getShopOrderById(shopOrderId)
  107. loading.close();
  108. }, 2000);
  109. },
  110. getShopOrderById(shopOrderId) {//查询订单详情
  111. const _self = this;
  112. SupplierApi.getShopOrderById({ shopOrderId: shopOrderId },function (response) {
  113. if (response.code === 0) {
  114. const data = response.data;
  115. _self.orderInfo = data.shopOrder;
  116. _self.userInfo = data.userInfo;
  117. _self.orderId = data.shopOrder.orderId;
  118. _self.orderInvoice = data.orderInvoice;
  119. _self.shopOrderList = data.shopOrderList;
  120. _self.discernReceiptList = data.discernReceiptList;
  121. _self.returnedPurchaseList = data.returnedPurchaseList;
  122. _self.voucherList = data.voucher;
  123. _self.isRequset = false;
  124. } else {
  125. _self.$message.error(response.msg)
  126. }
  127. })
  128. },
  129. // 确认订单按钮
  130. handeleConfirm(){
  131. // 判断如果是手机端且是微信手机浏览器跳转丽格小程序
  132. if(this.isWeChatBrowser && !isPC){
  133. this.handleWechatMinLink()
  134. }else{
  135. CAIMEI.Alert('请在手机微信内打开本页面进行确认订单操作。', '确定');
  136. }
  137. },
  138. // 获取小程序路径并跳转
  139. handleWechatMinLink() {
  140. UserApi.mcareWechatMinLink(this.linkParams, function (response) {
  141. if (response.code === 0) {
  142. location.href = response.data
  143. } else {
  144. console.log('跳转小程序异常')
  145. }
  146. })
  147. },
  148. setEvens () { //设置环境
  149. var siteEnv = $("#siteEnv").val();
  150. var map = {
  151. 0: 'develop',
  152. 1: 'trial',
  153. 2: 'release',
  154. }
  155. return map[siteEnv];
  156. }
  157. },
  158. created: function () {
  159. const userAgent = navigator.userAgent.toLowerCase();
  160. this.isWeChatBrowser = userAgent.match(/MicroMessenger/i);
  161. },
  162. mounted: function () {
  163. this.shopOrderId = CAIMEI.getUrlParam('shopOrderId');
  164. this.linkParams.query = `shopOrderId=${this.shopOrderId}`
  165. this.openFullScreen2(this.shopOrderId);
  166. }
  167. });