Huanyuyuehui/pages/admin/order_cancellation/index.vue

393 lines
19 KiB
Vue
Raw Normal View History

2024-03-21 17:52:58 +08:00
<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>