179 lines
4.0 KiB
Vue
179 lines
4.0 KiB
Vue
<!--积分兑换订单-->
|
|
<template>
|
|
<div>
|
|
<el-tabs type="border-card">
|
|
<el-tab-pane label="积分商城订单">
|
|
<el-alert
|
|
title="当前页面订单为油站小程序端用户在积分商城兑换的订单记录,如有付款金额,付款订单请在增值性订单列表中查看,类型为:积分商城"
|
|
type="error">
|
|
</el-alert>
|
|
|
|
<points-mall></points-mall>
|
|
</el-tab-pane>
|
|
<el-tab-pane label="积分收银台订单">
|
|
<el-alert
|
|
title="PC积分收银台在线兑换订单记录,收银台订单无需确认操作,如有付款金额,付款订单请在增值性订单列表中查看,类型为:积分收银"
|
|
type="error">
|
|
</el-alert>
|
|
|
|
<points-cashier></points-cashier>
|
|
|
|
</el-tab-pane>
|
|
|
|
</el-tabs>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import PointsCashier from "@/views/cashier/orderComponents/integralComponents/pointsCashier.vue";
|
|
import PointsMall from "@/views/cashier/orderComponents/integralComponents/pointsMall.vue";
|
|
|
|
export default {
|
|
name: "order_Integral",
|
|
components: {PointsCashier, PointsMall},
|
|
data(){
|
|
return{
|
|
labelPosition: 'right',
|
|
radio1:'',
|
|
activeName: 'first',
|
|
formLabelAlign: {
|
|
name: '',
|
|
},
|
|
tableData: [{
|
|
date: '2016-05-03',
|
|
name: '王小狼',
|
|
province: '上海',
|
|
city: '普陀区',
|
|
address: '上海市普陀区金沙江路 1518 弄',
|
|
zip: 200333
|
|
}, {
|
|
date: '2016-05-02',
|
|
name: '王小虎',
|
|
province: '上海',
|
|
city: '普陀区',
|
|
address: '上海市普陀区金沙江路 1518 弄',
|
|
zip: 200333
|
|
}, {
|
|
date: '2016-05-04',
|
|
name: '王小虎',
|
|
province: '上海',
|
|
city: '普陀区',
|
|
address: '上海市普陀区金沙江路 1518 弄',
|
|
zip: 200333
|
|
}, {
|
|
date: '2016-05-01',
|
|
name: '王小虎',
|
|
province: '上海',
|
|
city: '普陀区',
|
|
address: '上海市普陀区金沙江路 1518 弄',
|
|
zip: 200333
|
|
}, {
|
|
date: '2016-05-08',
|
|
name: '王小虎',
|
|
province: '上海',
|
|
city: '普陀区',
|
|
address: '上海市普陀区金沙江路 1518 弄',
|
|
zip: 200333
|
|
}, {
|
|
date: '2016-05-06',
|
|
name: '王小虎',
|
|
province: '上海',
|
|
city: '普陀区',
|
|
address: '上海市普陀区金沙江路 1518 弄',
|
|
zip: 200333
|
|
}, {
|
|
date: '2016-05-07',
|
|
name: '王小虎',
|
|
province: '上海',
|
|
city: '普陀区',
|
|
address: '上海市普陀区金沙江路 1518 弄',
|
|
zip: 200333
|
|
}]
|
|
}
|
|
},
|
|
methods:{
|
|
handleClick(tab, event) {
|
|
console.log(tab, event);
|
|
}
|
|
}
|
|
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.clearfix{
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
}
|
|
.box-card{
|
|
width: 100%;
|
|
margin-bottom: 15px;
|
|
}
|
|
.box-gang{
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.box{
|
|
width: 200px;
|
|
box-sizing: border-box;
|
|
padding: 10px;
|
|
background: #f9f9f9;
|
|
height: 86px;
|
|
margin-right: 10px;
|
|
}
|
|
.size-hui{
|
|
font-size: 14px;
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
}
|
|
.size-bole{
|
|
font-weight: bold;
|
|
}
|
|
.wgang{
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
.table-box{
|
|
width: 100%;
|
|
}
|
|
.pagination-box{
|
|
width: 100%;
|
|
margin: 10px auto;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.top-app-sou{
|
|
width: 20%;
|
|
}
|
|
.top-dis{
|
|
display: flex;
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 15px;
|
|
}
|
|
.bottom-dis{
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 15px;
|
|
}
|
|
.hongdian{
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 50%;
|
|
background: crimson;
|
|
color: white;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.hgang{
|
|
display: flex;
|
|
}
|
|
</style>
|