|
|
@@ -34,19 +34,23 @@
|
|
|
ref="queryRef"
|
|
|
size="default" label-width="0px" class="mt5 mb5">
|
|
|
<el-input
|
|
|
- v-model="state.formQuery.userId"
|
|
|
- placeholder="用户ID"
|
|
|
+ v-model="state.formQuery.mobilePhone"
|
|
|
+ placeholder="用户手机号"
|
|
|
clearable
|
|
|
@blur="loadData(true)"
|
|
|
class="wd150 mr10">
|
|
|
</el-input>
|
|
|
- <el-input
|
|
|
+ <ext-select
|
|
|
v-model="state.formQuery.stationId"
|
|
|
- placeholder="站点ID"
|
|
|
+ placeholder="站点"
|
|
|
clearable
|
|
|
- @blur="loadData(true)"
|
|
|
+ url="station/listStation"
|
|
|
+ urlMethod="get"
|
|
|
+ label-key="stationName"
|
|
|
+ value-key="stationId"
|
|
|
+ @on-change="loadData(true)"
|
|
|
class="wd150 mr10">
|
|
|
- </el-input>
|
|
|
+ </ext-select>
|
|
|
<el-input
|
|
|
v-model="state.formQuery.startChargeSeq"
|
|
|
placeholder="充电订单号"
|
|
|
@@ -122,15 +126,15 @@
|
|
|
<el-card class="w100">
|
|
|
<div class="order-summary">
|
|
|
<span>订单笔数:</span>
|
|
|
- <el-tag type="success">{{state.extraData.totalOrders}}笔</el-tag>
|
|
|
+ <el-tag type="success">{{state.extraData.totalOrders}} 笔</el-tag>
|
|
|
<span class="ml5">电量:</span>
|
|
|
- <el-tag type="success">{{state.extraData.totalPower}}Kwh</el-tag>
|
|
|
+ <el-tag type="success">{{state.extraData.totalPower}} 度</el-tag>
|
|
|
<span class="ml5">实付金额:</span>
|
|
|
- <el-tag type="success">{{u.fmt.fmtMoney(state.extraData.totalMoney)}}元</el-tag>
|
|
|
+ <el-tag type="success">{{u.fmt.fmtMoney(state.extraData.totalMoney)}} 元</el-tag>
|
|
|
<span class="ml5"> 实付电费:</span>
|
|
|
- <el-tag type="success">{{u.fmt.fmtMoney(state.extraData.elecMoney)}}元</el-tag>
|
|
|
+ <el-tag type="success">{{u.fmt.fmtMoney(state.extraData.elecMoney)}} 元</el-tag>
|
|
|
<span class="ml5">实付服务费:</span>
|
|
|
- <el-tag type="success">{{u.fmt.fmtMoney(state.extraData.serviceMoney)}}元</el-tag>
|
|
|
+ <el-tag type="success">{{u.fmt.fmtMoney(state.extraData.serviceMoney)}} 元</el-tag>
|
|
|
</div>
|
|
|
|
|
|
</el-card>
|
|
|
@@ -216,6 +220,7 @@ import mittBus from '/@/utils/mitt';
|
|
|
import ExtDatePicker from "/@/components/form/ExtDatePicker.vue";
|
|
|
import ExtDSelect from "/@/components/form/ExtDSelect.vue";
|
|
|
import ExtDLabel from "/@/components/form/ExtDLabel.vue";
|
|
|
+import ExtSelect from "/@/components/form/ExtSelect.vue";
|
|
|
|
|
|
// const ChargeOrderDialog = defineAsyncComponent(() => import("/@/views/page/ChargeOrderDialog.vue"));
|
|
|
|
|
|
@@ -236,7 +241,7 @@ const state = reactive({
|
|
|
data: [] as Array < any >,
|
|
|
loading: false,
|
|
|
columns: [
|
|
|
- {label: '站点ID', prop: 'stationId',width:80, resizable: true, fixed: 'left'},
|
|
|
+ {label: '站点ID', prop: 'stationId',width:100, resizable: true, fixed: 'left'},
|
|
|
{label: '充电订单号', prop: 'startChargeSeq', width:170, resizable: true, fixed: 'left'},
|
|
|
{label: '充电设备接口编码', prop: 'connectorId', width:160, resizable: true},
|
|
|
{label: '充电开始时间', prop: 'startTime', sortable: 'custom', width:160, resizable: true},
|