|
|
@@ -90,10 +90,10 @@
|
|
|
border
|
|
|
:data="row.detail"
|
|
|
stripe="stripe">
|
|
|
- <el-table-column width="120" label="项目" prop="name"></el-table-column>
|
|
|
- <el-table-column width="120" label="时长" prop="seconds"></el-table-column>
|
|
|
- <el-table-column width="120" label="单价" prop="price"></el-table-column>
|
|
|
- <el-table-column width="120" label="费用" prop="amount"></el-table-column>
|
|
|
+ <el-table-column width="120" label="服务项目" prop="name"></el-table-column>
|
|
|
+ <el-table-column width="120" label="服务时长" prop="seconds"></el-table-column>
|
|
|
+ <el-table-column width="120" label="服务单价" prop="price"></el-table-column>
|
|
|
+ <el-table-column width="120" label="小计金额" prop="amount"></el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -178,35 +178,39 @@ const state = reactive({
|
|
|
exportConfig: {},
|
|
|
columns: [
|
|
|
{type: 'expand', width: 60, align: 'center', fixed: 'left'},
|
|
|
- {width: 260, label: '订单号', prop: 'orderId', query: true, type: 'text', resizable: true, fixed: 'left'},
|
|
|
- {width: 260, label: '用户', prop: 'userId', query: true, type: 'text', resizable: true},
|
|
|
- {width: 160, label: '消费总额', prop: 'amount', query: false, resizable: true},
|
|
|
- {width: 160, label: '应收金额', prop: 'amountReceivable', query: false, type: '', resizable: true},
|
|
|
- {width: 160, label: '实收金额', prop: 'amountReceived', query: false, type: 'text', resizable: true},
|
|
|
- {width: 160, label: '卡内余额', prop: 'cardBalance', query: false, type: 'text', resizable: true},
|
|
|
- {
|
|
|
- width: 160, label: '卡过期时间',
|
|
|
- prop: 'cardExpired',
|
|
|
- query: false,
|
|
|
- sortable: 'custom',
|
|
|
- type: 'datetime',
|
|
|
- resizable: true,
|
|
|
- conf: {format: (val: any) => u.fmt.fmtDateTime(val)}
|
|
|
- },
|
|
|
- {width: 160, label: '卡内码', prop: 'cardId', query: false, type: 'text', resizable: true},
|
|
|
- {width: 160, label: '卡串号', prop: 'cardSn', query: false, type: 'text', resizable: true},
|
|
|
- {width: 160, label: '卡类型', prop: 'cardType', query: false, type: '', resizable: true},
|
|
|
+ {width: 220, label: '订单号', prop: 'orderId', query: true, type: 'text', resizable: true, fixed: 'left'},
|
|
|
+ {width: 120, label: '用户手机号', prop: 'mobilePhone', query: true, type: 'text', fixed: 'left'},
|
|
|
+ {width: 140, label: '站点名称', prop: 'stationName', query: false, type: 'text', resizable: true},
|
|
|
+ {width: 100, label: '设备编号', prop: 'shortId', query: false, type: 'text', resizable: true},
|
|
|
+ {width: 160, label: '开始时间', prop: 'startTime', query: false, sortable: 'custom', type: 'datetime', resizable: true, conf: {format: (val: any) => u.fmt.fmtDate(val)}},
|
|
|
+ {width: 160, label: '结束时间', prop: 'endTime', query: false, sortable: 'custom', type: 'datetime', resizable: true, conf: {format: (val: any) => u.fmt.fmtDateTime(val)}},
|
|
|
+ {width: 100, label: '消费总额', prop: 'amount', query: false, resizable: true},
|
|
|
+ {width: 100, label: '应收金额', prop: 'amountReceivable', query: false, type: '', resizable: true},
|
|
|
+ {width: 100, label: '实收金额', prop: 'amountReceived', query: false, type: 'text', resizable: true},
|
|
|
+ // {width: 160, label: '卡内余额', prop: 'cardBalance', query: false, type: 'text', resizable: true},
|
|
|
+ // {
|
|
|
+ // width: 160, label: '卡过期时间',
|
|
|
+ // prop: 'cardExpired',
|
|
|
+ // query: false,
|
|
|
+ // sortable: 'custom',
|
|
|
+ // type: 'datetime',
|
|
|
+ // resizable: true,
|
|
|
+ // conf: {format: (val: any) => u.fmt.fmtDateTime(val)}
|
|
|
+ // },
|
|
|
+ // {width: 160, label: '卡内码', prop: 'cardId', query: false, type: 'text', resizable: true},
|
|
|
+ // {width: 160, label: '卡串号', prop: 'cardSn', query: false, type: 'text', resizable: true},
|
|
|
+ // {width: 160, label: '卡类型', prop: 'cardType', query: false, type: '', resizable: true},
|
|
|
{
|
|
|
- width: 160, label: '关机方式',
|
|
|
+ width: 120, label: '关机方式',
|
|
|
prop: 'closeType',
|
|
|
- query: true,
|
|
|
+ query: false,
|
|
|
type: 'dict',
|
|
|
conf: {dict: 'Order.closeType'},
|
|
|
resizable: true
|
|
|
},
|
|
|
- {width: 160, label: '投币的累计金额', prop: 'coinMoney', query: false, type: 'text', resizable: true},
|
|
|
- {width: 160, label: '投币的次数', prop: 'coinNum', query: false, type: 'text', resizable: true},
|
|
|
- {width: 160, label: '开单时间', prop: 'createTime', query: false, sortable: 'custom', type: 'datetime', resizable: true, conf: {format: (val: any) => u.fmt.fmtDateTime(val)}},
|
|
|
+ // {width: 160, label: '投币的累计金额', prop: 'coinMoney', query: false, type: 'text', resizable: true},
|
|
|
+ // {width: 160, label: '投币的次数', prop: 'coinNum', query: false, type: 'text', resizable: true},
|
|
|
+ // {width: 160, label: '开单时间', prop: 'createTime', query: false, sortable: 'custom', type: 'datetime', resizable: true, conf: {format: (val: any) => u.fmt.fmtDateTime(val)}},
|
|
|
// {
|
|
|
// width:160,label: '费用明细',
|
|
|
// prop: 'detail',
|
|
|
@@ -215,30 +219,26 @@ const state = reactive({
|
|
|
// resizable: true
|
|
|
// },
|
|
|
|
|
|
- {width: 160, label: '设备名称', prop: 'deviceName', query: false, type: 'text', resizable: true},
|
|
|
- {width: 160, label: '优惠金额', prop: 'discountAmount', query: false, type: '', resizable: true},
|
|
|
- {width: 160, label: '优惠金额', prop: 'discountMoney', query: false, type: '', resizable: true},
|
|
|
- {width: 160, label: '优惠方式', prop: 'discountType', query: false, type: 'dict', conf: {dict: 'Activity.discountType'}, resizable: true},
|
|
|
- {width: 160, label: '结束时间', prop: 'endTime', query: false, sortable: 'custom', type: 'datetime', resizable: true, conf: {format: (val: any) => u.fmt.fmtDateTime(val)}},
|
|
|
- {
|
|
|
- width: 160, label: '设备空闲关机倒计时剩余时间',
|
|
|
- prop: 'idleRemainTime',
|
|
|
- query: true,
|
|
|
- type: 'text',
|
|
|
- resizable: true
|
|
|
- },
|
|
|
- {width: 160, label: '发票状态', prop: 'invoiceStatus', query: false, type: 'dict', conf: {dict: 'Invoice.status'}, resizable: true},
|
|
|
- {width: 160, label: '会员折扣比例', prop: 'memberDiscount', query: false, type: 'text', resizable: true},
|
|
|
- {width: 160, label: '开机方式', prop: 'openType', query: false, type: 'dict', conf: {dict: 'Order.openType'}, resizable: true},
|
|
|
- {width: 160, label: '订单操作剩余操作时间(单位秒)', prop: 'operationRemainTime', query: false, type: 'text', resizable: true},
|
|
|
- {width: 160, label: '本机订单号', prop: 'orderIdLocal', query: false, type: 'text', resizable: true},
|
|
|
- {width: 160, label: '订单状态', prop: 'orderStatus', query: false, type: 'dict', conf: {dict: 'Order.status'}, resizable: true},
|
|
|
- {width: 160, label: '支付状态', prop: 'payStatus', query: true, type: 'dict', conf: {dict: 'Order.pay'}, resizable: true},
|
|
|
- {width: 160, label: '本次开机的预付金额', prop: 'prepayMoney', query: true, type: '', resizable: true},
|
|
|
- {width: 160, label: '产品key', prop: 'productKey', query: false, type: 'text', resizable: true},
|
|
|
- {width: 160, label: '开始时间', prop: 'startTime', query: false, sortable: 'custom', type: 'datetime', resizable: true, conf: {format: (val: any) => u.fmt.fmtDate(val)}},
|
|
|
- {width: 160, label: '站点ID', prop: 'stationId', query: true, type: 'text', resizable: true},
|
|
|
- {label: '停机原因', prop: 'stopReason', query: false, type: 'text', resizable: true},
|
|
|
+ // {width: 160, label: '优惠金额', prop: 'discountAmount', query: false, type: '', resizable: true},
|
|
|
+ // {width: 160, label: '优惠方式', prop: 'discountType', query: false, type: 'dict', conf: {dict: 'Activity.discountType'}, resizable: true},
|
|
|
+ // {
|
|
|
+ // width: 160, label: '设备空闲关机倒计时剩余时间',
|
|
|
+ // prop: 'idleRemainTime',
|
|
|
+ // query: true,
|
|
|
+ // type: 'text',
|
|
|
+ // resizable: true
|
|
|
+ // },
|
|
|
+ // {width: 160, label: '会员折扣比例', prop: 'memberDiscount', query: false, type: 'text', resizable: true},
|
|
|
+ // {width: 160, label: '开机方式', prop: 'openType', query: false, type: 'dict', conf: {dict: 'Order.openType'}, resizable: true},
|
|
|
+ // {width: 160, label: '订单操作剩余操作时间(单位秒)', prop: 'operationRemainTime', query: false, type: 'text', resizable: true},
|
|
|
+ // {width: 160, label: '本机订单号', prop: 'orderIdLocal', query: false, type: 'text', resizable: true},
|
|
|
+ {width: 100, label: '订单状态', prop: 'orderStatus', query: false, type: 'dict', conf: {dict: 'Order.status'}, resizable: true},
|
|
|
+ {width: 100, label: '支付状态', prop: 'payStatus', query: true, type: 'dict', conf: {dict: 'Order.pay'}, resizable: true},
|
|
|
+ {width: 100, label: '发票状态', prop: 'invoiceStatus', query: false, type: 'dict', conf: {dict: 'Invoice.status'}, resizable: true},
|
|
|
+ // {width: 160, label: '本次开机的预付金额', prop: 'prepayMoney', query: true, type: '', resizable: true},
|
|
|
+ // {width: 160, label: '产品key', prop: 'productKey', query: false, type: 'text', resizable: true},
|
|
|
+ // {width: 160, label: '站点ID', prop: 'stationId', query: true, type: 'text', resizable: true},
|
|
|
+ // {label: '停机原因', prop: 'stopReason', query: false, type: 'text', resizable: true},
|
|
|
{
|
|
|
width: 160,
|
|
|
label: '更新时间',
|
|
|
@@ -365,4 +365,4 @@ const handleRowDelete = (row: any) => {
|
|
|
// defineExpose({
|
|
|
// loadData,
|
|
|
// });
|
|
|
-</script>
|
|
|
+</script>
|