autumn/jsowell-charger-web
1
0
Fork 0
mirror of https://codeup.aliyun.com/67c68d4e484ca2f0a13ac3c1/ydc/jsowell-charger-web.git synced 2026-05-08 03:50:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

占桩订单

Browse Source
This commit is contained in:
BOOL\25024
2023-09-09 15:16:22 +08:00
parent 1726ecb480
commit 594a56e03f
4 changed files with 303 additions and 378 deletions
Download Patch File Download Diff File Expand all files Collapse all files

191
jsowell-ui/src/views/order/order/index.vue
View File

@@ -1,86 +1,38 @@
<template>
<div class="app-container">
<el-form
:model="queryParams"
ref="queryForm"
size="small"
:inline="true"
v-show="showSearch"
label-width="168px"
@submit.native.prevent
>
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="168px"
@submit.native.prevent>
<el-form-item label="站点" prop="stationId">
<el-select
v-model="queryParams.stationId"
placeholder="请选择站点"
clearable
filterable
style="width: 140px"
>
<el-option
v-for="(station, index) in stationList"
:key="index"
:label="station.stationName"
:value="station.id"
/>
<el-select v-model="queryParams.stationId" placeholder="请选择站点" clearable filterable style="width: 140px">
<el-option v-for="(station, index) in stationList" :key="index" :label="station.stationName"
:value="station.id" />
</el-select>
</el-form-item>
<el-form-item label="订单编号" prop="orderCode">
<el-input
v-model="queryParams.orderCode"
placeholder="请输入订单编号"
clearable
@keyup.enter.native="handleQuery"
/>
<el-input v-model="queryParams.orderCode" placeholder="请输入订单编号" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="订单状态" prop="orderStatus">
<el-select
v-model="queryParams.orderStatus"
placeholder="请选择订单状态"
clearable
style="width: 140px"
>
<el-option
v-for="item1 in dict.type.order_status"
:key="item1.value"
:label="item1.label"
:value="item1.value"
/>
<el-select v-model="queryParams.orderStatus" placeholder="请选择订单状态" clearable style="width: 140px">
<el-option v-for="item1 in dict.type.order_status" :key="item1.value" :label="item1.label"
:value="item1.value" />
</el-select>
</el-form-item>
<el-form-item label="手机号码" prop="mobileNumber">
<el-input
v-model="queryParams.mobileNumber"
placeholder="请输入手机号码"
clearable
@keyup.enter.native="handleQuery"
/>
<el-input v-model="queryParams.mobileNumber" placeholder="请输入手机号码" clearable @keyup.enter.native="handleQuery" />
</el-form-item>
<div v-if="buttonBoolean">
<el-form-item label="交易流水号" prop="transactionCode">
<el-input
v-model="queryParams.transactionCode"
placeholder="请输入交易流水号"
clearable
@keyup.enter.native="handleQuery"
/>
<el-input v-model="queryParams.transactionCode" placeholder="请输入交易流水号" clearable
@keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="创建时间">
<el-date-picker
v-model="createTimeRange"
style="width: 240px"
value-format="yyyy-MM-dd HH:mm:ss"
:default-time="['00:00:00', '23:59:59']"
type="daterange"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
:clearable="true"
></el-date-picker>
<el-date-picker v-model="createTimeRange" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss"
:default-time="['00:00:00', '23:59:59']" type="daterange" range-separator="-" start-placeholder="开始日期"
end-placeholder="结束日期" :clearable="true"></el-date-picker>
</el-form-item>
<!-- <el-form-item label="结算时间">
<el-date-picker
@@ -96,9 +48,7 @@
></el-date-picker>
</el-form-item> -->
</div>
<el-button
@click="showOrHide()"
style="
<el-button @click="showOrHide()" style="
border-color: white;
background-color: white;
font-size: x-small;
@@ -107,58 +57,35 @@
margin-left: 40%;
margin-top: 0px;
margin-bottom: 15px;
"
:icon="icon"
>{{ showOrHideText }}
" :icon="icon">{{ showOrHideText }}
</el-button>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
icon="el-icon-search"
size="mini"
@click="handleQuery"
>搜索
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索
</el-button>
</el-col>
<el-col :span="1.5">
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
>重置
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置
</el-button>
</el-col>
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['order:order:export']"
>导出
<el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
v-hasPermi="['order:order:export']">导出
</el-button>
<div>
{{ dateDescription }}期间，总用电量{{
sumUsedElectricity
}}度，总消费金额{{ sumOrderAmount }}元，总结算金额{{
sumSettleAmount
}}元
sumSettleAmount
}}元
</div>
<el-popover placement="top-start" width="400" trigger="click">
<el-checkbox
:indeterminate="isIndeterminate"
v-model="checkAll"
@change="handleCheckAllChange"
>全选
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选
</el-checkbox>
<div style="margin: 15px 0"></div>
<el-checkbox-group
style="display: grid"
v-model="checkedCities"
@change="handleCheckedCitiesChange"
>
<el-checkbox v-for="city in cities" :label="city" :key="city.id"
>{{ city }}
<el-checkbox-group style="display: grid" v-model="checkedCities" @change="handleCheckedCitiesChange">
<el-checkbox v-for="city in cities" :label="city" :key="city.id">{{ city }}
</el-checkbox>
</el-checkbox-group>
</el-popover>
@@ -168,15 +95,13 @@
<el-skeleton-item variant="text" style="width: 100%; height: 100%" />
<div style="padding: 14px">
<el-skeleton-item variant="h3" style="width: 50%" />
<div
style="
<div style="
display: flex;
align-items: center;
justify-items: space-between;
margin-top: 16px;
height: 16px;
"
>
">
<el-skeleton-item variant="text" style="margin-right: 16px" />
<el-skeleton-item variant="text" style="width: 30%" />
</div>
@@ -184,72 +109,47 @@
</template>
<template>
<template v-if="orderList.length !== 0">
<div
class="cardview-box"
v-for="(item, orderIndex) in orderList"
:key="orderIndex"
@change="handleSelectionChange"
>
<div class="cardview-box" v-for="(item, orderIndex) in orderList" :key="orderIndex"
@change="handleSelectionChange">
<div class="cardview-static">
<div>
<router-link
:to="'/order/index/orderDetail/' + item.orderCode"
class="link-type"
>订单编号：{{ item.orderCode }}
<router-link :to="'/order/index/orderDetail/' + item.orderCode" class="link-type">订单编号：{{ item.orderCode
}}
</router-link>
<el-tag
:type="color(item.orderStatus)"
style="margin-left: 10px"
>{{ item.orderStatusDescribe }}
<el-tag :type="color(item.orderStatus)" style="margin-left: 10px">{{ item.orderStatusDescribe }}
</el-tag>
</div>
<div>开始时间：{{ item.chargeStartTime || "一" }}</div>
</div>
<div class="conter">
<el-descriptions
class="title"
:title="`${item.nickName || '---'}（${
item.mobileNumber || '---'
}）`"
:column="7"
>
<el-descriptions class="title" :title="`${item.nickName || '---'}（${item.mobileNumber || '---'
}）`" :column="7">
<!-- @click.native="goMemberDetail(item)" -->
<el-descriptions-item label="站点名称">
<div style="color: #337ab7" @click="goStationDetail(item)">
{{ item.stationName }}
</div>
</el-descriptions-item>
<el-descriptions-item label="实时充电度数"
>{{ item.realTimeChargingDegree }}
<el-descriptions-item label="实时充电度数">{{ item.realTimeChargingDegree }}
</el-descriptions-item>
<el-descriptions-item label="实时消费金额"
>{{ item.realTimeAmount }}
<el-descriptions-item label="实时消费金额">{{ item.realTimeAmount }}
</el-descriptions-item>
<el-descriptions-item label="起始SOC"
>{{ item.startSoc }}
<el-descriptions-item label="起始SOC">{{ item.startSoc }}
</el-descriptions-item>
<el-descriptions-item label="终止SOC"
>{{ item.endSoc }}
<el-descriptions-item label="终止SOC">{{ item.endSoc }}
</el-descriptions-item>
<el-descriptions-item label="结束充电时间"
>{{ item.chargeEndTime }}
<el-descriptions-item label="结束充电时间">{{ item.chargeEndTime }}
</el-descriptions-item>
<el-descriptions-item label="启动方式"
>{{ startMode(item.startMode) }}
<el-descriptions-item label="启动方式">{{ startMode(item.startMode) }}
</el-descriptions-item>
</el-descriptions>
<div style="flex: 1; text-align: center; margin: auto"></div>
</div>
</div>
<pagination
v-show="total > 0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" @pagination="getList" />
</template>
<el-empty description="暂无数据" v-else></el-empty>
</template>
@@ -566,7 +466,7 @@ export default {
this.getList();
this.$modal.msgSuccess("删除成功");
})
.catch(() => {});
.catch(() => { });
},
/** 订单详情序号 */
rowOrderDetailIndex({ row, rowIndex }) {
@@ -676,13 +576,16 @@ export default {
.conter {
padding: 10px;
}
::v-deep .conter .el-descriptions__header {
margin-bottom: 10px;
// color:#337ab7
}
::v-deep .conter .el-descriptions-item__cell {
padding-bottom: 4px;
}
.cardview-box {
width: 100%;
margin-bottom: 12px;