You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
195 lines
4.8 KiB
195 lines
4.8 KiB
<template> |
|
<view class="OrderCancellation"> |
|
<view class="header"></view> |
|
<view class="whiteBg"> |
|
<view class="input"> |
|
<input type="number" placeholder="0" v-model="verify_code" /> |
|
</view> |
|
<view class="bnt" @click="storeCancellation">立即核销</view> |
|
</view> |
|
<view class="scan" v-if="iswechat"> |
|
<image :src="$VUE_APP_RESOURCES_URL+'/images/scan.gif'" @click="openQRCode" /> |
|
</view> |
|
<WriteOff :iShidden="iShidden" :orderInfo="orderInfo" @cancel="cancel" @confirm="confirm"></WriteOff> |
|
</view> |
|
</template> |
|
<style scoped> |
|
.OrderCancellation .header { |
|
background: url("https://h5.dayouqiantu.cn/static/images/writeOffBg.jpg") no-repeat; |
|
width: 100%; |
|
height: 3rem; |
|
background-size: 100% 100%; |
|
} |
|
|
|
.OrderCancellation .whiteBg { |
|
width: 6.9rem; |
|
background-color: #fff; |
|
margin: -0.93rem auto 0 auto; |
|
padding-top: 0.8rem; |
|
border-radius: 0.06rem 0.06rem 0 0; |
|
} |
|
|
|
.OrderCancellation .whiteBg .input { |
|
width: 5.8rem; |
|
margin: 0 auto; |
|
border-bottom: 0.01rem solid #eee; |
|
} |
|
|
|
.OrderCancellation .whiteBg .input input { |
|
padding-bottom: 0.25rem; |
|
font-size: 0.6rem; |
|
color: #282828; |
|
width: 100%; |
|
text-align: center; |
|
} |
|
|
|
.OrderCancellation .whiteBg .bnt { |
|
font-size: 0.32rem; |
|
color: #fff; |
|
width: 5.8rem; |
|
height: 0.86rem; |
|
border-radius: 0.43rem; |
|
background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%); |
|
background-image: -webkit-linear-gradient(to right, #f67a38 0%, #f11b09 100%); |
|
background-image: -moz-linear-gradient(to right, #f67a38 0%, #f11b09 100%); |
|
text-align: center; |
|
line-height: 0.86rem; |
|
margin: 0.55rem auto 0 auto; |
|
} |
|
|
|
.OrderCancellation .scan { |
|
width: 3rem; |
|
height: 3rem; |
|
margin: 1.1rem auto 0 auto; |
|
} |
|
|
|
.OrderCancellation .scan image { |
|
width: 100%; |
|
height: 100%; |
|
display: block; |
|
} |
|
</style> |
|
<script> |
|
import WriteOff from "@/components/WriteOff"; |
|
import { |
|
isWeixin |
|
} from "@/utils"; |
|
// import { wechatEvevt } from "@/libs/wechat"; |
|
import { |
|
orderVerific |
|
} from "@/api/order"; |
|
const NAME = "OrderCancellation"; |
|
|
|
export default { |
|
name: NAME, |
|
components: { |
|
WriteOff |
|
}, |
|
props: {}, |
|
data: function() { |
|
return { |
|
iShidden: true, |
|
iswechat: isWeixin(), |
|
orderInfo: {}, |
|
verify_code: "" |
|
}; |
|
}, |
|
mounted: function() {}, |
|
methods: { |
|
cancel: function(res) { |
|
this.iShidden = res; |
|
}, |
|
confirm: function() { |
|
orderVerific(this.verify_code, 1) |
|
.then(res => { |
|
this.iShidden = true; |
|
this.verify_code = ""; |
|
uni.showToast({ |
|
title: res.msg, |
|
icon: 'none', |
|
duration: 2000 |
|
}); |
|
}) |
|
.catch(err => { |
|
uni.showToast({ |
|
title: err.msg || err.response.data.msg, |
|
icon: 'none', |
|
duration: 2000 |
|
}); |
|
|
|
}); |
|
}, |
|
storeCancellation: function() { |
|
let ref = /[0-9]{12}/; |
|
if (!this.verify_code) { |
|
uni.showToast({ |
|
title: "请输入核销码", |
|
icon: 'none', |
|
duration: 2000 |
|
}); |
|
return |
|
} |
|
if (!ref.test(this.verify_code)) { |
|
uni.showToast({ |
|
title: "请输入正确的核销码", |
|
icon: 'none', |
|
duration: 2000 |
|
}); |
|
return |
|
} |
|
uni.showLoading({ |
|
title: "查询中" |
|
}); |
|
orderVerific(this.verify_code, 0) |
|
.then(res => { |
|
uni.hideLoading(); |
|
this.orderInfo = res.data; |
|
this.iShidden = false; |
|
}) |
|
.catch(() => { |
|
uni.hideLoading(); |
|
}); |
|
}, |
|
openQRCode: function() { |
|
let that = this; |
|
// wechatEvevt("scanQRCode", { |
|
// needResult: 1, |
|
// scanType: ["qrCode", "barCode"] |
|
// }) |
|
// .then(res => { |
|
// if (res.resultStr) { |
|
// that.verify_code = res.resultStr; |
|
// that.storeCancellation(); |
|
// } else { |
|
// uni.showToast({ |
|
// title: '没有扫描到什么！', |
|
// icon: "none", |
|
// duration: 2000 |
|
// }); |
|
// } |
|
// }) |
|
// .catch(res => { |
|
// if (res.is_ready) { |
|
// res.wx.scanQRCode({ |
|
// needResult: 1, |
|
// scanType: ["qrCode", "barCode"], |
|
// success: function(res) { |
|
// that.verify_code = res.resultStr; |
|
// that.storeCancellation(); |
|
// }, |
|
// fail: function(res) { |
|
// if (res.errMsg == "scanQRCode:permission denied") { |
|
// uni.showToast({ |
|
// title: '没有权限', |
|
// icon: "none", |
|
// duration: 2000 |
|
// }); |
|
// } |
|
// } |
|
// }); |
|
// } |
|
// }); |
|
} |
|
} |
|
}; |
|
</script>
|
|
|