|
|
@@ -0,0 +1,373 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport"
|
|
|
+ content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
|
|
|
+ <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
|
|
|
+ <title>订单内容</title>
|
|
|
+ <link rel="stylesheet" type="text/css" href="../../../../../css/api.css" />
|
|
|
+ <link rel="stylesheet" type="text/css" href="../../../../../css/aui-win.css" />
|
|
|
+ <link rel="stylesheet" type="text/css" href="../../../../../css/css/style1.css" />
|
|
|
+ <script type="text/javascript" src="../../../../../script/js/auto-size.js"></script>
|
|
|
+ <style>
|
|
|
+ ul {
|
|
|
+ -webkit-margin-before: 1em;
|
|
|
+ -webkit-margin-after: 1em;
|
|
|
+ -webkit-margin-start: 0px;
|
|
|
+ -webkit-margin-end: 0px;
|
|
|
+ -webkit-padding-start: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ p {
|
|
|
+ display: block;
|
|
|
+ -webkit-margin-before: 0em;
|
|
|
+ -webkit-margin-after: 0em;
|
|
|
+ -webkit-margin-start: 0px;
|
|
|
+ -webkit-margin-end: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ li {
|
|
|
+ list-style-type: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .empty {
|
|
|
+ width: 96%;
|
|
|
+ height: auto;
|
|
|
+ background: rgba(255, 255, 255, 1);
|
|
|
+ box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.1);
|
|
|
+ border-radius: 20px;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top:.2rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .empty>div:nth-child(1) {
|
|
|
+ width: 92%;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding-top: .5rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .empty>div:nth-child(1)>div:nth-child(1) {
|
|
|
+ width: .2rem;
|
|
|
+ height: .8rem;
|
|
|
+ background: rgba(246, 207, 25, 1);
|
|
|
+ float: left;
|
|
|
+ margin-left: -.41rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .empty>div:nth-child(1)>div:nth-child(2) {
|
|
|
+ font-size: .42rem
|
|
|
+ }
|
|
|
+
|
|
|
+ .empty>div:nth-child(1)>div:nth-child(3) {
|
|
|
+ float: right;
|
|
|
+ width: 2.6rem;
|
|
|
+ height: .8rem;
|
|
|
+ background: rgba(246, 207, 25, 1);
|
|
|
+ border-radius: 20px 0px 0px 20px;
|
|
|
+ margin-top: -.7rem;
|
|
|
+ margin-right: -.41rem;
|
|
|
+ text-align: center;
|
|
|
+ line-height: .8rem;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .empty>div:nth-child(2) {
|
|
|
+ width: 92%;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding-top: .2rem;
|
|
|
+ border-top: .02rem solid #E7E8EA;
|
|
|
+ margin-top: .6rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .empty>div:nth-child(2)>p {
|
|
|
+ font-size: .48rem;
|
|
|
+ margin-bottom: .2rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .empty>div:nth-child(2)>ul>li {
|
|
|
+ font-size: .42rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .empty>div:nth-child(2)>ul>li:nth-child(1) {
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+
|
|
|
+ .empty>div:nth-child(2)>ul>li:nth-child(2) {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ .empty>div:nth-child(2)>ul>li:nth-child(3) {
|
|
|
+ padding-top: 1rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .empty>div:nth-child(3) {
|
|
|
+ width: 92%;
|
|
|
+ margin: 0 auto;
|
|
|
+ margin-top: .2rem;
|
|
|
+ border-top: .02rem solid #E7E8EA;
|
|
|
+ padding-top: .4rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .empty>div:nth-child(3) {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding-bottom: .2rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .empty>div:nth-child(3)>div:nth-child(1) {
|
|
|
+ line-height: .9rem;
|
|
|
+ color: #616266;
|
|
|
+ }
|
|
|
+
|
|
|
+ .empty>div:nth-child(3)>div:nth-child(2) {
|
|
|
+ font-size: .56rem;
|
|
|
+ color: #303133;
|
|
|
+ }
|
|
|
+
|
|
|
+ .auditBtn {
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: .1rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .auditBtn div:nth-child(1) {
|
|
|
+ background-color: #999;
|
|
|
+ color: #FFFFFF;
|
|
|
+ font-size: .4rem;
|
|
|
+ padding: .2rem .3rem;
|
|
|
+ border-radius: .2rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .auditBtn div:nth-child(2) {
|
|
|
+ background-color: #0096df;
|
|
|
+ color: #FFFFFF;
|
|
|
+ font-size: .4rem;
|
|
|
+ padding: .2rem .3rem;
|
|
|
+ border-radius: .2rem;
|
|
|
+ margin-left: .2rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .zhuceTimer {
|
|
|
+ padding: 0.2rem 0.3rem;
|
|
|
+ font-size: 0.45rem;
|
|
|
+ background-color: #00a0ea;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01 {
|
|
|
+ color: #434343;
|
|
|
+ position: relative;
|
|
|
+ font-size: .4rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .box01 input {
|
|
|
+ -webkit-appearance: none;
|
|
|
+ -moz-appearance: none;
|
|
|
+ appearance: none;
|
|
|
+ outline: 0;
|
|
|
+ width: 9rem;
|
|
|
+ height:.8rem;
|
|
|
+ border: 0px solid #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
|
|
|
+ padding: 0 0 0 .8rem;
|
|
|
+ background-color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .icon {
|
|
|
+ display: inline-block;
|
|
|
+ height: .4rem;
|
|
|
+ width: .4rem;
|
|
|
+ background-image: url(search.svg);
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ top: .018rem;
|
|
|
+ left: .15rem;
|
|
|
+ z-index: 2;
|
|
|
+ }
|
|
|
+ [v-cloak] {
|
|
|
+ display : none
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div id="app" v-cloak>
|
|
|
+ <div style="position: fixed;width: 100%;">
|
|
|
+ <div style="background-color: #00a0ea;display: flex;justify-content: center;">
|
|
|
+ <div class="box01">
|
|
|
+ <input type="text" placeholder="请搜索门店" v-model="keyword">
|
|
|
+ <span class="aui-iconfont aui-icon-search icon"></span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="zhuceTimer ">
|
|
|
+ <div v-on:click="getTimes" style="display: flex;">
|
|
|
+ <div>门店核销时间：</div>
|
|
|
+ <div v-on:click="getTimes(0)" style="color:#fff;">{{ startTime }}</div> ~ <div
|
|
|
+ v-on:click="getTimes(1)" style="color:#fff">{{ endTime }}</div>
|
|
|
+ </div>
|
|
|
+ <div v-if="list">
|
|
|
+ <div class="">
|
|
|
+ 期间代理商待审核总金额：{{list.notReviewedAmount}}
|
|
|
+ </div>
|
|
|
+ <div class="">
|
|
|
+ 期间代理商审核拒绝总金额：{{list.defeatedAmount}}
|
|
|
+ </div>
|
|
|
+ <div class="">
|
|
|
+ 期间代理商审核同意总金额：{{list.succeedAmount}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div style="padding-top: 4rem;">
|
|
|
+ <div class="empty pageView youhuijuan" v-for="(order,index) in lists">
|
|
|
+ <div>
|
|
|
+ <div></div>
|
|
|
+ <div>
|
|
|
+ <samp>金额：{{ order.amount }}</samp>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <span>{{ order.status | judgeStatus(order.status)}}</span><img src="" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <p>
|
|
|
+ 门店名称：{{ order.storeName }}
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ 核销码：{{ order.couponCode }}
|
|
|
+ </p>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ 创建时间：<span>{{ order.createTime }}</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div>
|
|
|
+ <p>
|
|
|
+ B2B状态：<span v-if="'0'==order.status">未提交</span>
|
|
|
+ <span v-if="'1'==order.status">未提交</span>
|
|
|
+ <span v-if="'2'==order.status&&'0'==order.b2bStatus">待审核</span>
|
|
|
+ <span v-if="'2'==order.status&&'1'==order.b2bStatus">审核不通过</span>
|
|
|
+ <span v-if="'2'==order.status&&'2'==order.b2bStatus">审核通过</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="auditBtn" v-show="order.status == 0">
|
|
|
+ <div v-on:click.stop="handleOrder(order.couponCode,1,index)">拒绝</div>
|
|
|
+ <div v-on:click.stop="handleOrder(order.couponCode,2,index)">同意</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+<link rel="stylesheet" href="../../../../../script/mescroll/mescroll.min.css">
|
|
|
+<script type="text/javascript" src="../../../../../script/aui-scroll.js"></script>
|
|
|
+<script type="text/javascript" src="../../../../../script/mescroll/mescroll.min.js"></script>
|
|
|
+<script type="text/javascript" src="../../../../../script/vue.js"></script>
|
|
|
+<script type="text/javascript" src="../../../../../script/api.js"></script>
|
|
|
+<script type="text/javascript" src="../../../../../script/httpRequest.js"></script>
|
|
|
+<script type="text/javascript" src="../../../../../script/vue_plugins.js"></script>
|
|
|
+<script src="js/vant-ui.js"></script>
|
|
|
+<script type="text/javascript">
|
|
|
+ apiready = function () {
|
|
|
+ new Vue({
|
|
|
+ el: '#app',
|
|
|
+ data: {
|
|
|
+ keyword: '',
|
|
|
+ lists: [],
|
|
|
+ startTime: '开始',
|
|
|
+ endTime: '至今',
|
|
|
+ list:"",
|
|
|
+ lists: []
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ keyword: function () {
|
|
|
+ this.selectCouponLike();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ filters: {
|
|
|
+ judgeStatus: function (auditStatus, status) {
|
|
|
+ return ["待审核", "审核未通过", "审核通过"][status];
|
|
|
+ },
|
|
|
+ formatDate: function (time) {
|
|
|
+ return time.substring(0, 10)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ this.init();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ init: function () {
|
|
|
+ this.kunnr = $api.getStorage('kunnr');
|
|
|
+ },
|
|
|
+ getTimes: function (type) {
|
|
|
+ var _this = this;
|
|
|
+ this.getTime(function (time) {
|
|
|
+ if (type == 0) {
|
|
|
+ _this.startTime = time;
|
|
|
+ } else {
|
|
|
+ _this.endTime = time;
|
|
|
+ }
|
|
|
+ _this.selectCouponLike();
|
|
|
+ })
|
|
|
+ },
|
|
|
+ selectCouponLike: function () {
|
|
|
+ var data = {
|
|
|
+ "kunnr": this.kunnr,
|
|
|
+ "storeName": this.keyword,
|
|
|
+ "startTime": this.startTime == '开始' ? '' : this.startTime + ' 00:00:00',
|
|
|
+ "endTime": this.endTime == '至今' ? '' : this.endTime + ' 23:59:59',
|
|
|
+ "url": "json",
|
|
|
+ "type": "body"
|
|
|
+ },
|
|
|
+ _this = this,
|
|
|
+ url = "selectCouponLike";
|
|
|
+ this.$post(url, data, function (ret) {
|
|
|
+ _this.list = ret.data;
|
|
|
+ _this.lists = ret.data.bizCouponDtoList;
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 处理订单操作handerOrderUrl
|
|
|
+ handleOrder: function (code, status, index) {
|
|
|
+ var data = {
|
|
|
+ couponCode: code,
|
|
|
+ status: status,
|
|
|
+ kunnr: this.kunnr,
|
|
|
+ url: 'json',
|
|
|
+ type: 'body'
|
|
|
+ },
|
|
|
+ _this = this,
|
|
|
+ url = "checkConponU";
|
|
|
+ this.$post(url, data, function (res) {
|
|
|
+ if (res.code == 0) {
|
|
|
+ api.toast({
|
|
|
+ msg: (status == 1 ? '拒绝' : '同意') + '成功',
|
|
|
+ });
|
|
|
+ setTimeout(function () {
|
|
|
+ _this.$set(_this.lists[index], "status", (status == 2 ? '2' : '1'));
|
|
|
+ if (status == 2) {
|
|
|
+ _this.$set(_this.lists[index], "b2bStatus", 0);
|
|
|
+ }
|
|
|
+ }, 200);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 查看订单详情
|
|
|
+ lookOrderInfo: function (orderId) {
|
|
|
+ this.goWin('orderInfo_win', 'orderInfo_win.html', {
|
|
|
+ id: orderId
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+</html>
|
qukaidi