393 lines
19 KiB
Vue
393 lines
19 KiB
Vue
|
<template>
|
|||
|
<view class="page">
|
|||
|
<view class="OrderCancellation">
|
|||
|
<view class="header":style="{ 'background-image': `url(${domain}/static/images/cancellation-header.png)`}">
|
|||
|
</view>
|
|||
|
<view class="scan_count">
|
|||
|
<view class="scan_bg"></view>
|
|||
|
<view v-if="!iShidden" class="whiteBg">
|
|||
|
<view class="input">
|
|||
|
<input type="number" placeholder-class='placeholder' placeholder="请输入核销码" v-model="verify_code" />
|
|||
|
<text @tap="codeChange">搜索</text>
|
|||
|
</view>
|
|||
|
<!-- #ifdef MP || MP-WEIXIN || APP-PLUS -->
|
|||
|
<view class="bnt" @tap="scanCode"><text class="iconfont icon-saoma"></text>扫码核销</view>
|
|||
|
<!-- #endif -->
|
|||
|
<!-- #ifdef H5 -->
|
|||
|
<view v-if="isWeixin" class="bnt" @tap="scanCode">
|
|||
|
<text class="iconfont icon-saoma"></text>
|
|||
|
扫码核销
|
|||
|
</view>
|
|||
|
<!-- #endif -->
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</template>
|
|||
|
|
|||
|
<script>
|
|||
|
// +----------------------------------------------------------------------
|
|||
|
// | CRMEB [ CRMEB赋能开发者,助力企业发展 ]
|
|||
|
// +----------------------------------------------------------------------
|
|||
|
// | Copyright (c) 2016~2024 https://www.crmeb.com All rights reserved.
|
|||
|
// +----------------------------------------------------------------------
|
|||
|
// | Licensed CRMEB并不是自由软件,未经许可不能去掉CRMEB相关版权
|
|||
|
// +----------------------------------------------------------------------
|
|||
|
// | Author: CRMEB Team <admin@crmeb.com>
|
|||
|
// +----------------------------------------------------------------------
|
|||
|
import {orderVerific,verifierOrder} from "@/api/admin";
|
|||
|
import { HTTP_REQUEST_URL } from '@/config/app';
|
|||
|
export default {
|
|||
|
data() {
|
|||
|
return {
|
|||
|
domain: HTTP_REQUEST_URL,
|
|||
|
iShidden: false,
|
|||
|
verify_code: '',
|
|||
|
orderInfo:{},
|
|||
|
isWeixin: false,
|
|||
|
mer_id: '',
|
|||
|
downStatus: false,
|
|||
|
type: 'customer',
|
|||
|
service: null
|
|||
|
}
|
|||
|
},
|
|||
|
|
|||
|
onLoad: function(options) {
|
|||
|
// #ifdef MP
|
|||
|
if (options.scene) {
|
|||
|
let value = this.$util.getUrlParams(decodeURIComponent(options.scene) || {});
|
|||
|
if (value.verify_code) options.verify_code = value.verify_code;
|
|||
|
if (value.mer_id) options.mer_id = value.mer_id;
|
|||
|
}
|
|||
|
// #endif
|
|||
|
this.verify_code = options.verify_code;
|
|||
|
this.mer_id = options.mer_id;
|
|||
|
|
|||
|
if(this.verify_code){
|
|||
|
this.codeChange();
|
|||
|
}
|
|||
|
// #ifdef H5
|
|||
|
if(this.$wechat.isWeixin()){
|
|||
|
this.isWeixin = true;
|
|||
|
}
|
|||
|
// #endif
|
|||
|
},
|
|||
|
methods: {
|
|||
|
/**
|
|||
|
* 去订单详情
|
|||
|
*/
|
|||
|
goOrderDetails: function(id) {
|
|||
|
uni.navigateTo({
|
|||
|
url: '/pages/admin/orderDetail/index?id='+id+'&mer_id='+this.mer_id
|
|||
|
});
|
|||
|
},
|
|||
|
changeTips(data) {
|
|||
|
this.downStatus = !this.downStatus;
|
|||
|
this.$refs.shopList.isShowStore();
|
|||
|
},
|
|||
|
changeClose() {
|
|||
|
this.downStatus = false;
|
|||
|
},
|
|||
|
// 立即核销
|
|||
|
codeChange: function() {
|
|||
|
let self = this
|
|||
|
let ref = /[0-9]/;
|
|||
|
if (!this.verify_code) return self.$util.Tips({
|
|||
|
title: '请输入核销码'
|
|||
|
});
|
|||
|
if (!ref.test(this.verify_code)) return self.$util.Tips({
|
|||
|
title: '请输入正确的核销码'
|
|||
|
});
|
|||
|
uni.navigateTo({
|
|||
|
url: '/pages/admin/cancellate_result/index?code='+this.verify_code+'&mer_id='+this.mer_id
|
|||
|
});
|
|||
|
},
|
|||
|
// 扫码核销
|
|||
|
scanCode() {
|
|||
|
var self = this;
|
|||
|
// #ifdef MP || APP-PLUS
|
|||
|
wx.scanCode({
|
|||
|
scanType: ["qrCode", "barCode"],
|
|||
|
success(res) {
|
|||
|
self.verify_code = self.getDataBetweenStrings(res.result,'=','&')
|
|||
|
uni.navigateTo({
|
|||
|
url: '/pages/admin/cancellate_result/index?cal_code='+self.verify_code+'&mer_id='+self.mer_id
|
|||
|
});
|
|||
|
// self.codeChange();
|
|||
|
},
|
|||
|
fail(res) {
|
|||
|
console.log(res);
|
|||
|
},
|
|||
|
})
|
|||
|
// #endif
|
|||
|
//#ifdef H5
|
|||
|
if(this.$wechat.isWeixin()){
|
|||
|
this.$wechat.wechatEvevt('scanQRCode',{
|
|||
|
needResult: 1,
|
|||
|
scanType: ["qrCode", "barCode"]
|
|||
|
}).then(res=>{
|
|||
|
this.verify_code = self.getDataBetweenStrings(res.resultStr,'=','&')
|
|||
|
uni.navigateTo({
|
|||
|
url: '/pages/admin/cancellate_result/index?cal_code='+self.verify_code+'&mer_id='+self.mer_id
|
|||
|
});
|
|||
|
// this.codeChange();
|
|||
|
}).catch(res => {
|
|||
|
this.$util.Tips({
|
|||
|
title: res
|
|||
|
});
|
|||
|
});
|
|||
|
}
|
|||
|
//#endif
|
|||
|
},
|
|||
|
getDataBetweenStrings(str, startStr, endStr) {
|
|||
|
const startIndex = str.indexOf(startStr);
|
|||
|
const endIndex = str.indexOf(endStr);
|
|||
|
if (startIndex >= 0 && endIndex >= 0 && startIndex < endIndex) {
|
|||
|
return str.substring(startIndex + startStr.length, endIndex);
|
|||
|
}
|
|||
|
return null;
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
</script>
|
|||
|
|
|||
|
<style lang="scss">
|
|||
|
.page{
|
|||
|
// height: 100vh;
|
|||
|
}
|
|||
|
.OrderCancellation .header {
|
|||
|
padding-top: 30rpx;
|
|||
|
width: 100%;
|
|||
|
height: 520rpx;
|
|||
|
background-repeat: no-repeat;
|
|||
|
background-size: 100% 100%;
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.OrderCancellation {
|
|||
|
width: 100%;
|
|||
|
|
|||
|
}
|
|||
|
.OrderCancellation .title_bg {
|
|||
|
height: 90rpx;
|
|||
|
background: #E93323;
|
|||
|
width: 100%;
|
|||
|
}
|
|||
|
.OrderCancellation .scan_count{
|
|||
|
position: relative;
|
|||
|
top: -140rpx;
|
|||
|
width: 690rpx;
|
|||
|
margin: 0 auto;
|
|||
|
}
|
|||
|
.OrderCancellation .scan_bg{
|
|||
|
width: 100%;
|
|||
|
height: 70rpx;
|
|||
|
border-radius: 16rpx;
|
|||
|
background-image: url('data:image/png;base64,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
|
|||
|
background-size: 100%;
|
|||
|
background-repeat: no-repeat;
|
|||
|
|
|||
|
}
|
|||
|
.OrderCancellation .whiteBg {
|
|||
|
width: 640rpx;
|
|||
|
background-color: #fff;
|
|||
|
margin: -47rpx auto 0;
|
|||
|
padding-top: 60rpx;
|
|||
|
border-radius: 4rpx 4rpx 16rpx 16rpx;
|
|||
|
padding-bottom: 77rpx;
|
|||
|
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
|
|||
|
}
|
|||
|
.OrderCancellation .whiteBg .placeholder{
|
|||
|
color: #282828;
|
|||
|
font-size: 40rpx;
|
|||
|
}
|
|||
|
.OrderCancellation .whiteBg .input {
|
|||
|
width: 580rpx;
|
|||
|
background: #F4F4F4;
|
|||
|
margin: 0 auto;
|
|||
|
border-bottom: 1px solid #eee;
|
|||
|
padding: 0 100rpx 0 20rpx;
|
|||
|
border-radius: 10rpx;
|
|||
|
|
|||
|
position: relative;
|
|||
|
}
|
|||
|
.OrderCancellation .whiteBg .input text{
|
|||
|
position: absolute;
|
|||
|
right: 20rpx;
|
|||
|
top: 30rpx;
|
|||
|
color: #666666;
|
|||
|
font-size: 32rpx;
|
|||
|
}
|
|||
|
.OrderCancellation .whiteBg .input input {
|
|||
|
font-size: 60rpx;
|
|||
|
color: #282828;
|
|||
|
line-height: 100rpx;
|
|||
|
height: 100rpx;
|
|||
|
}
|
|||
|
.OrderCancellation .whiteBg .bnt {
|
|||
|
font-size: 32rpx;
|
|||
|
color: #fff;
|
|||
|
width: 80%;
|
|||
|
height: 86rpx;
|
|||
|
border-radius: 43rpx;
|
|||
|
background: #2291F8;
|
|||
|
text-align: center;
|
|||
|
line-height: 86rpx;
|
|||
|
margin: 60rpx auto 0 auto;
|
|||
|
}
|
|||
|
.OrderCancellation .whiteBg .bnt .icon-saoma{
|
|||
|
color: #ffffff;
|
|||
|
font-size: 30rpx;
|
|||
|
margin-right: 15rpx;
|
|||
|
}
|
|||
|
.OrderCancellation .scan {
|
|||
|
width: 300rpx;
|
|||
|
height: 300rpx;
|
|||
|
margin: 160rpx auto 0 auto;
|
|||
|
}
|
|||
|
.OrderCancellation .scan image {
|
|||
|
width: 100%;
|
|||
|
height: 100%;
|
|||
|
display: block;
|
|||
|
}
|
|||
|
.WriteOff {
|
|||
|
width: 640rpx;
|
|||
|
background-color: #fff;
|
|||
|
margin: -47rpx auto 0;
|
|||
|
padding: 24rpx 30rpx;
|
|||
|
border-radius: 4rpx 4rpx 16rpx 16rpx;
|
|||
|
padding-bottom: 77rpx;
|
|||
|
box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
|
|||
|
}
|
|||
|
|
|||
|
.WriteOff .num {
|
|||
|
font-size: 28rpx;
|
|||
|
color: #282828;
|
|||
|
border-bottom: 1px solid #EEEEEE;
|
|||
|
padding-bottom: 22rpx;
|
|||
|
}
|
|||
|
.WriteOff .num .see {
|
|||
|
font-size: 16rpx;
|
|||
|
color: #fff;
|
|||
|
border-radius: 4rpx;
|
|||
|
background-color: #c68937;
|
|||
|
padding-left: 5rpx;
|
|||
|
margin-left: 12rpx;
|
|||
|
}
|
|||
|
.WriteOff .num .see .iconfont {
|
|||
|
font-size: 15rpx;
|
|||
|
}
|
|||
|
|
|||
|
.WriteOff .sure {
|
|||
|
font-size: 32rpx;
|
|||
|
color: #fff;
|
|||
|
text-align: center;
|
|||
|
line-height: 86rpx;
|
|||
|
height: 86rpx;
|
|||
|
width: 580rpx;
|
|||
|
border-radius: 41rpx;
|
|||
|
margin: 40rpx auto 0 auto;
|
|||
|
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%);
|
|||
|
}
|
|||
|
.WriteOff .sure.cancel {
|
|||
|
background-image: none;
|
|||
|
color: #666666;
|
|||
|
margin-top: 30rpx;
|
|||
|
border: 1px solid #BBBBBB;
|
|||
|
}
|
|||
|
.WriteOff .order_count scroll-view{
|
|||
|
max-height: 450rpx;
|
|||
|
}
|
|||
|
.WriteOff .order_count .order_list{
|
|||
|
margin-top: 30rpx;
|
|||
|
justify-content: space-between;
|
|||
|
align-items: center;
|
|||
|
}
|
|||
|
.WriteOff .order_list .pictrue{
|
|||
|
width: 120rpx;
|
|||
|
height: 120rpx;
|
|||
|
border-radius: 10rpx;
|
|||
|
image{
|
|||
|
width: 120rpx;
|
|||
|
height: 120rpx;
|
|||
|
border-radius: 10rpx;
|
|||
|
}
|
|||
|
}
|
|||
|
.WriteOff .order_list .name{
|
|||
|
color: #282828;
|
|||
|
font-size: 28rpx;
|
|||
|
}
|
|||
|
.WriteOff .order_list .pro_name{
|
|||
|
width: 320rpx;
|
|||
|
}
|
|||
|
.WriteOff .order_list .price{
|
|||
|
color: #999999;
|
|||
|
font-size: 28rpx;
|
|||
|
text-align: right;
|
|||
|
line-height: 40rpx;
|
|||
|
}
|
|||
|
.WriteOff .order_list .btn-item{
|
|||
|
display: block;
|
|||
|
font-size: 24rpx;
|
|||
|
color: #E93323;
|
|||
|
margin-top: 16rpx;
|
|||
|
|
|||
|
}
|
|||
|
.WriteOff .order_price{
|
|||
|
margin-top: 20rpx;
|
|||
|
text-align: right;
|
|||
|
font-size: 26rpx;
|
|||
|
text{
|
|||
|
color: #E93323;
|
|||
|
font-weight: bold;
|
|||
|
}
|
|||
|
}
|
|||
|
.views {
|
|||
|
font-size: 24rpx;
|
|||
|
color: #666666;
|
|||
|
}
|
|||
|
.views-jian {
|
|||
|
font-size: 10px;
|
|||
|
}
|
|||
|
.spin {
|
|||
|
display: block;
|
|||
|
transform: rotate(180deg);
|
|||
|
font-size: 36rpx;
|
|||
|
}
|
|||
|
.popupn{
|
|||
|
width: 100%;
|
|||
|
text-align: center;
|
|||
|
height: 60rpx;
|
|||
|
line-height: 60rpx;
|
|||
|
color: #fff;
|
|||
|
.title{
|
|||
|
background: rgba(0,0,0,.15);
|
|||
|
max-width: 360rpx;
|
|||
|
margin: 0 auto;
|
|||
|
position: relative;
|
|||
|
border-radius: 30rpx;
|
|||
|
}
|
|||
|
.iconfont{
|
|||
|
display: inline-block;
|
|||
|
position: relative;
|
|||
|
top: 4rpx;
|
|||
|
right: 0;
|
|||
|
}
|
|||
|
.mer_logo{
|
|||
|
width: 34rpx;
|
|||
|
height: 34rpx;
|
|||
|
position: relative;
|
|||
|
top: 6rpx;
|
|||
|
right: 10px;
|
|||
|
}
|
|||
|
.mer_name{
|
|||
|
display: inline-block;
|
|||
|
max-width: 650rpx;
|
|||
|
}
|
|||
|
.invoice-content{
|
|||
|
background-color: #ffffff;
|
|||
|
}
|
|||
|
}
|
|||
|
</style>
|