|
@@ -172,13 +172,15 @@ export default {
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
|
<script setup lang="ts" name="adminOrdering">
|
|
<script setup lang="ts" name="adminOrdering">
|
|
|
-import {defineAsyncComponent, reactive, onMounted, onBeforeMount, ref, getCurrentInstance, nextTick, onBeforeUnmount} from 'vue';
|
|
|
|
|
|
|
+import {reactive, onMounted, onBeforeMount, ref, nextTick, onBeforeUnmount} from 'vue';
|
|
|
import {$body, $get} from "/@/utils/request";
|
|
import {$body, $get} from "/@/utils/request";
|
|
|
import u from '/@/utils/u'
|
|
import u from '/@/utils/u'
|
|
|
import {Msg} from "/@/utils/message";
|
|
import {Msg} from "/@/utils/message";
|
|
|
import {Session} from "/@/utils/storage";
|
|
import {Session} from "/@/utils/storage";
|
|
|
|
|
+import {useRoute} from "vue-router";
|
|
|
|
|
+
|
|
|
|
|
+const route = useRoute();
|
|
|
|
|
|
|
|
-const {proxy}: any = getCurrentInstance();
|
|
|
|
|
|
|
|
|
|
import ExtPage from '/@/components/form/ExtPage.vue'
|
|
import ExtPage from '/@/components/form/ExtPage.vue'
|
|
|
import ExtQueryForm from "/@/components/form/ExtQueryForm.vue";
|
|
import ExtQueryForm from "/@/components/form/ExtQueryForm.vue";
|
|
@@ -194,7 +196,9 @@ const washOrderDialogRef = ref();
|
|
|
|
|
|
|
|
//定义变量
|
|
//定义变量
|
|
|
const state = reactive({
|
|
const state = reactive({
|
|
|
- formQuery: {},
|
|
|
|
|
|
|
+ formQuery: {
|
|
|
|
|
+ mobilePhone:null
|
|
|
|
|
+ },
|
|
|
pageQuery: {
|
|
pageQuery: {
|
|
|
pageNum: 1,
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
@@ -209,8 +213,8 @@ const state = reactive({
|
|
|
exportConfig: {},
|
|
exportConfig: {},
|
|
|
columns: [
|
|
columns: [
|
|
|
{type: 'expand', width: 60, align: 'center', fixed: 'left'},
|
|
{type: 'expand', width: 60, align: 'center', fixed: 'left'},
|
|
|
- {label: '消费站点', prop: 'stationId', width: 140,query: true, type: 'select', resizable: true},
|
|
|
|
|
- {label: '归属站点', prop: 'userStationId', width: 140,query: true, type: 'select', resizable: true},
|
|
|
|
|
|
|
+ {label: '消费站点', prop: 'stationId', width: 140, query: true, type: 'select', resizable: true},
|
|
|
|
|
+ {label: '归属站点', prop: 'userStationId', width: 140, query: true, type: 'select', resizable: true},
|
|
|
{width: 220, label: '订单号', prop: 'orderId', query: true, type: 'text', resizable: true, fixed: 'left'},
|
|
{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: 120, label: '用户手机号', prop: 'mobilePhone', query: true, type: 'text', fixed: 'left'},
|
|
|
{width: 100, label: '设备编号', prop: 'shortId', query: false, type: 'text', resizable: true},
|
|
{width: 100, label: '设备编号', prop: 'shortId', query: false, type: 'text', resizable: true},
|
|
@@ -219,19 +223,6 @@ const state = reactive({
|
|
|
{width: 100, label: '消费总额', prop: 'amount', query: false, resizable: true},
|
|
{width: 100, label: '消费总额', prop: 'amount', query: false, resizable: true},
|
|
|
{width: 100, label: '应收金额', prop: 'amountReceivable', query: false, type: '', resizable: true},
|
|
{width: 100, label: '应收金额', prop: 'amountReceivable', query: false, type: '', resizable: true},
|
|
|
{width: 100, label: '实收金额', prop: 'amountReceived', query: false, type: 'text', 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: 120, label: '关机方式',
|
|
width: 120, label: '关机方式',
|
|
|
prop: 'closeType',
|
|
prop: 'closeType',
|
|
@@ -240,37 +231,9 @@ const state = reactive({
|
|
|
conf: {dict: 'Order.closeType'},
|
|
conf: {dict: 'Order.closeType'},
|
|
|
resizable: true
|
|
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: 'detail',
|
|
|
|
|
- // query: true,
|
|
|
|
|
- // 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: '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: '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: 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,
|
|
width: 160,
|
|
|
label: '更新时间',
|
|
label: '更新时间',
|
|
@@ -286,24 +249,6 @@ const state = reactive({
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
-// 监听双向绑定 modelValue 的变化
|
|
|
|
|
-// watch(
|
|
|
|
|
-// () => state.pageNum,
|
|
|
|
|
-// () => {
|
|
|
|
|
-// //:' +
|
|
|
|
|
-// 'name 名称 price 单价(单位分) ' +
|
|
|
|
|
-// 'seconds 时长(单位秒) ' +
|
|
|
|
|
-// 'amount 费用(单位分)' +
|
|
|
|
|
-// ' space⻋位或场地,' +
|
|
|
|
|
-// 'water清水,' +
|
|
|
|
|
-// 'foam泡沫,' +
|
|
|
|
|
-// 'leaner吸尘,' +
|
|
|
|
|
-// 'tap水龙头,' +
|
|
|
|
|
-// 'user_ext用户扩展,消毒或吹干等功能,' +
|
|
|
|
|
-// 'coat镀膜,' +
|
|
|
|
|
-// 'blow吹气
|
|
|
|
|
-// }
|
|
|
|
|
-// );
|
|
|
|
|
|
|
|
|
|
//生命周期钩子
|
|
//生命周期钩子
|
|
|
onBeforeMount(() => {
|
|
onBeforeMount(() => {
|
|
@@ -318,10 +263,15 @@ onBeforeMount(() => {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
state.exportConfig = {url: exportUrl,}
|
|
state.exportConfig = {url: exportUrl,}
|
|
|
-
|
|
|
|
|
|
|
+ let query = route.query;
|
|
|
|
|
+ console.log(route.params, route.query)
|
|
|
|
|
+ if (query.mobilePhone) {
|
|
|
|
|
+ state.formQuery.mobilePhone = query.mobilePhone;
|
|
|
|
|
+ }
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
|
|
|
+
|
|
|
console.log("ordering mounted")
|
|
console.log("ordering mounted")
|
|
|
loadData();
|
|
loadData();
|
|
|
|
|
|