修改充电订单样式

This commit is contained in:
BOOL\25024
2023-10-20 13:12:02 +08:00
parent 855ef6eee1
commit 6ab504dba2

View File

@@ -1,27 +1,18 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="168px"
label-width="168px"
@submit.native.prevent> @submit.native.prevent>
<el-form-item label="所属运营商" prop="merchantId" label-width="120"> <el-form-item label="所属运营商" prop="merchantId" label-width="120">
<el-select v-model="queryParams.merchantId" filterable clearable placeholder="请选择运营商" @change="changeSelectMerchant(queryParams.merchantId)"> <el-select v-model="queryParams.merchantId" filterable clearable placeholder="请选择运营商"
<el-option @change="changeSelectMerchant(queryParams.merchantId)">
v-for="item in merchantList" <el-option v-for="item in merchantList" :key="item.merchantName" :label="item.merchantName"
:key="item.merchantName" :value="item.id" />
:label="item.merchantName"
:value="item.id"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="站点" prop="stationId"> <el-form-item label="站点" prop="stationId">
<el-select v-model="queryParams.stationId" placeholder="请选择站点" clearable filterable <el-select v-model="queryParams.stationId" placeholder="请选择站点" clearable filterable style="width: 140px">
style="width: 140px"> <el-option v-for="(station, index) in stationList" :key="index" :label="station.stationName"
<el-option :value="station.id" />
v-for="(station, index) in stationList"
:key="index"
:label="station.stationName"
:value="station.id"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
@@ -31,8 +22,7 @@
</el-form-item> </el-form-item>
<el-form-item label="订单状态" prop="orderStatus"> <el-form-item label="订单状态" prop="orderStatus">
<el-select v-model="queryParams.orderStatus" placeholder="请选择订单状态" clearable <el-select v-model="queryParams.orderStatus" placeholder="请选择订单状态" clearable style="width: 140px">
style="width: 140px">
<el-option v-for="item1 in dict.type.order_status" :key="item1.value" :label="item1.label" <el-option v-for="item1 in dict.type.order_status" :key="item1.value" :label="item1.label"
:value="item1.value" /> :value="item1.value" />
</el-select> </el-select>
@@ -43,30 +33,15 @@
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<div v-if="buttonBoolean"> <div v-if="buttonBoolean">
<el-form-item label="交易流水号" prop="transactionCode"> <el-form-item label="交易流水号" prop="transactionCode" label-width="120">
<el-input v-model="queryParams.transactionCode" placeholder="请输入交易流水号" clearable <el-input v-model="queryParams.transactionCode" placeholder="请输入交易流水号" clearable
@keyup.enter.native="handleQuery" /> @keyup.enter.native="handleQuery" />
</el-form-item> </el-form-item>
<el-form-item label="创建时间"> <el-form-item label="创建时间">
<el-date-picker v-model="createTimeRange" style="width: 240px" value-format="yyyy-MM-dd HH:mm:ss" <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="-" :default-time="['00:00:00', '23:59:59']" type="daterange" range-separator="-"
start-placeholder="开始日期" start-placeholder="开始日期" end-placeholder="结束日期" :clearable="true"></el-date-picker>
end-placeholder="结束日期" :clearable="true"></el-date-picker>
</el-form-item> </el-form-item>
<!-- <el-form-item label="结算时间">
<el-date-picker
v-model="settleTimeRange"
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> -->
</div> </div>
<el-button @click="showOrHide()" style=" <el-button @click="showOrHide()" style="
border-color: white; border-color: white;