|
@@ -1,82 +1,345 @@
|
|
<template>
|
|
<template>
|
|
<div class="app-container">
|
|
<div class="app-container">
|
|
- <el-form
|
|
|
|
- :model="queryParams"
|
|
|
|
- ref="queryForm"
|
|
|
|
- :inline="true"
|
|
|
|
- label-width="68px"
|
|
|
|
- >
|
|
|
|
- <el-form-item label="标签状态" prop="customerName">
|
|
|
|
- <el-input
|
|
|
|
- v-model="queryParams.customerName"
|
|
|
|
- placeholder="请输入客户名"
|
|
|
|
- clearable
|
|
|
|
- size="small"
|
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
|
- />
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="会员名" prop="customerName">
|
|
|
|
- <el-input
|
|
|
|
- v-model="queryParams.customerName"
|
|
|
|
- placeholder="请输入客户名"
|
|
|
|
- clearable
|
|
|
|
- size="small"
|
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
|
- />
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="油品" prop="cardOilsType">
|
|
|
|
- <el-select
|
|
|
|
- v-model="queryParams.cardOilsType"
|
|
|
|
- placeholder="请选择油品"
|
|
|
|
- clearable
|
|
|
|
- size="small"
|
|
|
|
- >
|
|
|
|
- <el-option label="汽油卡" value="1"></el-option>
|
|
|
|
- <el-option label="柴油卡" value="2"></el-option>
|
|
|
|
- <el-option label="非油品卡" value="3"></el-option>
|
|
|
|
- <el-option label="LNG卡" value="4"></el-option>
|
|
|
|
- <el-option label="CNG卡" value="5"></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="类型" prop="usageType">
|
|
|
|
- <el-select
|
|
|
|
- v-model="queryParams.usageType"
|
|
|
|
- placeholder="请选择消费充值类型"
|
|
|
|
- clearable
|
|
|
|
- size="small"
|
|
|
|
- >
|
|
|
|
- <el-option label="充值" value="+" />
|
|
|
|
- <el-option label="消费" value="-" />
|
|
|
|
- </el-select>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item>
|
|
|
|
- <el-button
|
|
|
|
- type="cyan"
|
|
|
|
- icon="el-icon-search"
|
|
|
|
- size="mini"
|
|
|
|
- @click="handleQuery"
|
|
|
|
- >搜索</el-button
|
|
|
|
- >
|
|
|
|
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
|
|
|
|
- >重置</el-button
|
|
|
|
- >
|
|
|
|
- </el-form-item>
|
|
|
|
- </el-form>
|
|
|
|
|
|
+ <div class="container">
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-sm col-md-3">
|
|
|
|
+ <div class="input-group input-group-sm flex-nowrap">
|
|
|
|
+ <div class="input-group-prepend" style="width: 80px"></div>
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping">油品:</span>
|
|
|
|
+ </div>
|
|
|
|
+ <select
|
|
|
|
+ class="custom-select"
|
|
|
|
+ id="inputGroupSelect01"
|
|
|
|
+ style="width: 80px"
|
|
|
|
+ >
|
|
|
|
+ <option selected>Choose...</option>
|
|
|
|
+ <option value="1">One</option>
|
|
|
|
+ <option value="2">Two</option>
|
|
|
|
+ <option value="3">Three</option>
|
|
|
|
+ </select>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="col-sm col-md-8">
|
|
|
|
+ <div class="input-group input-group-sm flex-nowrap">
|
|
|
|
+ <div class="input-group-prepend" style="width: 80px"></div>
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping"
|
|
|
|
+ >加油时间:</span
|
|
|
|
+ >
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="dateRangeCreatedDate"
|
|
|
|
+ type="datetimerange"
|
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
+ size="mini"
|
|
|
|
+ range-separator="至"
|
|
|
|
+ start-placeholder="开始日期"
|
|
|
|
+ end-placeholder="结束日期"
|
|
|
|
+ style="margin-top: 2px; max-width: 350px"
|
|
|
|
+ >
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-sm col-md-9">
|
|
|
|
+ <div class="input-group input-group-sm flex-nowrap">
|
|
|
|
+ <div class="input-group-prepend" style="width: 80px"></div>
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping"
|
|
|
|
+ >加油频率:</span
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
|
|
+ <input
|
|
|
|
+ type="text"
|
|
|
|
+ class="form-control"
|
|
|
|
+ aria-label="Username"
|
|
|
|
+ aria-describedby="addon-wrapping"
|
|
|
|
+ />
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping">次</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping"
|
|
|
|
+ >>= 加油次数 >=</span
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
|
|
+ <input
|
|
|
|
+ type="text"
|
|
|
|
+ class="form-control"
|
|
|
|
+ aria-label="Username"
|
|
|
|
+ aria-describedby="addon-wrapping"
|
|
|
|
+ />
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping">次</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-sm col-md-9">
|
|
|
|
+ <div class="input-group input-group-sm flex-nowrap">
|
|
|
|
+ <div class="input-group-prepend" style="width: 80px">
|
|
|
|
+ <select
|
|
|
|
+ class="custom-select custom-select-sm"
|
|
|
|
+ id="inputGroupSelect01"
|
|
|
|
+ >
|
|
|
|
+ <option value="1">或者</option>
|
|
|
|
+ <option value="2">并且</option>
|
|
|
|
+ </select>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping"
|
|
|
|
+ >加油金额:</span
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
|
|
+ <input
|
|
|
|
+ type="text"
|
|
|
|
+ class="form-control"
|
|
|
|
+ aria-label="Username"
|
|
|
|
+ aria-describedby="addon-wrapping"
|
|
|
|
+ />
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping">元</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping">
|
|
|
|
+ >= 加油金额 >=
|
|
|
|
+ </span>
|
|
|
|
+ </div>
|
|
|
|
+ <input
|
|
|
|
+ type="text"
|
|
|
|
+ class="form-control"
|
|
|
|
+ aria-label="Username"
|
|
|
|
+ aria-describedby="addon-wrapping"
|
|
|
|
+ />
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping">元</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-sm col-md-9">
|
|
|
|
+ <div class="input-group input-group-sm flex-nowrap">
|
|
|
|
+ <div class="input-group-prepend" style="width: 80px">
|
|
|
|
+ <select
|
|
|
|
+ class="custom-select custom-select-sm"
|
|
|
|
+ id="inputGroupSelect01"
|
|
|
|
+ >
|
|
|
|
+ <option value="1">或者</option>
|
|
|
|
+ <option value="2">并且</option>
|
|
|
|
+ </select>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping"
|
|
|
|
+ >加油升数:</span
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
|
|
+ <input
|
|
|
|
+ type="text"
|
|
|
|
+ class="form-control"
|
|
|
|
+ aria-label="Username"
|
|
|
|
+ aria-describedby="addon-wrapping"
|
|
|
|
+ />
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping">升</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping"
|
|
|
|
+ >>= 加油升数 >=</span
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
|
|
+ <input
|
|
|
|
+ type="text"
|
|
|
|
+ class="form-control"
|
|
|
|
+ aria-label="Username"
|
|
|
|
+ aria-describedby="addon-wrapping"
|
|
|
|
+ />
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping">升</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <hr/>
|
|
|
|
+ <div class="container">
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-sm col-md-8">
|
|
|
|
+ <div class="input-group input-group-sm flex-nowrap">
|
|
|
|
+ <div class="input-group-prepend" style="width: 80px"></div>
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping"
|
|
|
|
+ >加油时间:</span
|
|
|
|
+ >
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="dateRangeCreatedDate"
|
|
|
|
+ type="datetimerange"
|
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
|
+ size="mini"
|
|
|
|
+ range-separator="至"
|
|
|
|
+ start-placeholder="开始日期"
|
|
|
|
+ end-placeholder="结束日期"
|
|
|
|
+ style="margin-top: 2px; max-width: 350px"
|
|
|
|
+ >
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-sm col-md-9">
|
|
|
|
+ <div class="input-group input-group-sm flex-nowrap">
|
|
|
|
+ <div class="input-group-prepend" style="width: 80px"></div>
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping"
|
|
|
|
+ >加油频率:</span
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
|
|
+ <input
|
|
|
|
+ type="text"
|
|
|
|
+ class="form-control"
|
|
|
|
+ aria-label="Username"
|
|
|
|
+ aria-describedby="addon-wrapping"
|
|
|
|
+ />
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping">次</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping"
|
|
|
|
+ >>= 加油次数 >=</span
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
|
|
+ <input
|
|
|
|
+ type="text"
|
|
|
|
+ class="form-control"
|
|
|
|
+ aria-label="Username"
|
|
|
|
+ aria-describedby="addon-wrapping"
|
|
|
|
+ />
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping">次</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-sm col-md-9">
|
|
|
|
+ <div class="input-group input-group-sm flex-nowrap">
|
|
|
|
+ <div class="input-group-prepend" style="width: 80px">
|
|
|
|
+ <select
|
|
|
|
+ class="custom-select custom-select-sm"
|
|
|
|
+ id="inputGroupSelect01"
|
|
|
|
+ >
|
|
|
|
+ <option value="1">或者</option>
|
|
|
|
+ <option value="2">并且</option>
|
|
|
|
+ </select>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping"
|
|
|
|
+ >加油金额:</span
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
|
|
+ <input
|
|
|
|
+ type="text"
|
|
|
|
+ class="form-control"
|
|
|
|
+ aria-label="Username"
|
|
|
|
+ aria-describedby="addon-wrapping"
|
|
|
|
+ />
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping">元</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping">
|
|
|
|
+ >= 加油金额 >=
|
|
|
|
+ </span>
|
|
|
|
+ </div>
|
|
|
|
+ <input
|
|
|
|
+ type="text"
|
|
|
|
+ class="form-control"
|
|
|
|
+ aria-label="Username"
|
|
|
|
+ aria-describedby="addon-wrapping"
|
|
|
|
+ />
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping">元</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-sm col-md-9">
|
|
|
|
+ <div class="input-group input-group-sm flex-nowrap">
|
|
|
|
+ <div class="input-group-prepend" style="width: 80px">
|
|
|
|
+ <select
|
|
|
|
+ class="custom-select custom-select-sm"
|
|
|
|
+ id="inputGroupSelect01"
|
|
|
|
+ >
|
|
|
|
+ <option value="1">或者</option>
|
|
|
|
+ <option value="2">并且</option>
|
|
|
|
+ </select>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping"
|
|
|
|
+ >加油升数:</span
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
|
|
+ <input
|
|
|
|
+ type="text"
|
|
|
|
+ class="form-control"
|
|
|
|
+ aria-label="Username"
|
|
|
|
+ aria-describedby="addon-wrapping"
|
|
|
|
+ />
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping">元</span>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping"
|
|
|
|
+ >>= 加油升数 >=</span
|
|
|
|
+ >
|
|
|
|
+ </div>
|
|
|
|
+ <input
|
|
|
|
+ type="text"
|
|
|
|
+ class="form-control"
|
|
|
|
+ aria-label="Username"
|
|
|
|
+ aria-describedby="addon-wrapping"
|
|
|
|
+ />
|
|
|
|
+ <div class="input-group-prepend">
|
|
|
|
+ <span class="input-group-text" id="addon-wrapping">元</span>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <hr />
|
|
<el-table :data="labelList">
|
|
<el-table :data="labelList">
|
|
- <af-table-column align="center" prop="id" type="selection"/>
|
|
|
|
|
|
+ <af-table-column align="center" prop="id" type="selection" />
|
|
<af-table-column label="姓名" align="center" prop="id" />
|
|
<af-table-column label="姓名" align="center" prop="id" />
|
|
<af-table-column label="当前归属的标签" align="center" prop="id" />
|
|
<af-table-column label="当前归属的标签" align="center" prop="id" />
|
|
<af-table-column label="手机号" align="center" prop="stationName" />
|
|
<af-table-column label="手机号" align="center" prop="stationName" />
|
|
- <af-table-column label="最后一笔消费时间" align="center" prop="stationName" />
|
|
|
|
- <af-table-column label="近期详细消费" align="center" prop="stationName" width="160px">
|
|
|
|
|
|
+ <af-table-column
|
|
|
|
+ label="最后一笔消费时间"
|
|
|
|
+ align="center"
|
|
|
|
+ prop="stationName"
|
|
|
|
+ />
|
|
|
|
+ <af-table-column
|
|
|
|
+ label="近期详细消费"
|
|
|
|
+ align="center"
|
|
|
|
+ prop="stationName"
|
|
|
|
+ width="160px"
|
|
|
|
+ >
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<el-button
|
|
<el-button
|
|
type="text"
|
|
type="text"
|
|
icon="el-icon-search"
|
|
icon="el-icon-search"
|
|
class="underline btn24"
|
|
class="underline btn24"
|
|
size="mini"
|
|
size="mini"
|
|
- @click="handleMoveLabel('right', 1, scope.row)"
|
|
|
|
- >查询</el-button>
|
|
|
|
|
|
+ @click="orderOpenMethod(scope.row)"
|
|
|
|
+ >查询</el-button
|
|
|
|
+ >
|
|
</template>
|
|
</template>
|
|
</af-table-column>
|
|
</af-table-column>
|
|
<af-table-column label="操作" align="center" width="160px">
|
|
<af-table-column label="操作" align="center" width="160px">
|
|
@@ -87,14 +350,16 @@
|
|
class="underline btn24"
|
|
class="underline btn24"
|
|
size="mini"
|
|
size="mini"
|
|
@click="handleMoveLabel('right', 1, scope.row)"
|
|
@click="handleMoveLabel('right', 1, scope.row)"
|
|
- >打标签</el-button>
|
|
|
|
|
|
+ >打标签</el-button
|
|
|
|
+ >
|
|
<el-button
|
|
<el-button
|
|
type="text"
|
|
type="text"
|
|
icon="el-icon-circle-plus-outline"
|
|
icon="el-icon-circle-plus-outline"
|
|
class="underline btn24"
|
|
class="underline btn24"
|
|
size="mini"
|
|
size="mini"
|
|
@click="handleMoveLabel('right', 1, scope.row)"
|
|
@click="handleMoveLabel('right', 1, scope.row)"
|
|
- >删除当前标签</el-button>
|
|
|
|
|
|
+ >删除当前标签</el-button
|
|
|
|
+ >
|
|
</template>
|
|
</template>
|
|
</af-table-column>
|
|
</af-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
@@ -105,6 +370,95 @@
|
|
:limit.sync="queryParams.pageSize"
|
|
:limit.sync="queryParams.pageSize"
|
|
@pagination="getList"
|
|
@pagination="getList"
|
|
/>
|
|
/>
|
|
|
|
+
|
|
|
|
+ <el-dialog
|
|
|
|
+ title="1235555"
|
|
|
|
+ :visible.sync="orderOpen"
|
|
|
|
+ width="750px"
|
|
|
|
+ append-to-body
|
|
|
|
+ >
|
|
|
|
+ <div class="app-container">
|
|
|
|
+ <el-table :data="orderList">
|
|
|
|
+ <af-table-column label="油站" align="center" prop="stationName" />
|
|
|
|
+ <af-table-column label="订单号" align="center" prop="orderNo" />
|
|
|
|
+ <af-table-column label="油品名称" align="center" prop="oilName" />
|
|
|
|
+ <af-table-column label="油品价格" align="center" prop="oilPirce" />
|
|
|
|
+ <af-table-column label="加油升数" align="center" prop="orderLiters" />
|
|
|
|
+ <af-table-column label="实付金额" align="center" prop="amt" />
|
|
|
|
+ <af-table-column
|
|
|
|
+ label="消费者昵称"
|
|
|
|
+ width="120"
|
|
|
|
+ align="center"
|
|
|
|
+ prop="consumer"
|
|
|
|
+ />
|
|
|
|
+ <af-table-column
|
|
|
|
+ label="加油员"
|
|
|
|
+ width="120"
|
|
|
|
+ align="center"
|
|
|
|
+ prop="oilPersonnel"
|
|
|
|
+ />
|
|
|
|
+ <af-table-column label="加油枪号" align="center" prop="oilGun" />
|
|
|
|
+ <!--
|
|
|
|
+ <af-table-column
|
|
|
|
+ label="支付类型"
|
|
|
|
+ align="center"
|
|
|
|
+ prop="payType"
|
|
|
|
+ :formatter="payTypeFotmat"
|
|
|
|
+ />
|
|
|
|
+ -->
|
|
|
|
+ <af-table-column
|
|
|
|
+ label="油站名称"
|
|
|
|
+ width="120"
|
|
|
|
+ align="center"
|
|
|
|
+ prop="stationName"
|
|
|
|
+ v-if="false"
|
|
|
|
+ />
|
|
|
|
+ <af-table-column
|
|
|
|
+ label="用户id(消费者)"
|
|
|
|
+ align="center"
|
|
|
|
+ prop="consumerId"
|
|
|
|
+ v-if="false"
|
|
|
|
+ />
|
|
|
|
+ <af-table-column
|
|
|
|
+ label="油站id"
|
|
|
|
+ align="center"
|
|
|
|
+ prop="stationId"
|
|
|
|
+ v-if="false"
|
|
|
|
+ />
|
|
|
|
+ <af-table-column
|
|
|
|
+ label="支付完成时间"
|
|
|
|
+ align="center"
|
|
|
|
+ prop="payDate"
|
|
|
|
+ width="160px"
|
|
|
|
+ >
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <span>{{
|
|
|
|
+ parseTime(scope.row.payDate, "{y}-{m}-{d} {h}:{i}:{s}")
|
|
|
|
+ }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </af-table-column>
|
|
|
|
+ <af-table-column
|
|
|
|
+ label="订单创建时间"
|
|
|
|
+ align="center"
|
|
|
|
+ prop="createdDate"
|
|
|
|
+ width="160px"
|
|
|
|
+ >
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <span>{{
|
|
|
|
+ parseTime(scope.row.createdDate, "{y}-{m}-{d} {h}:{i}:{s}")
|
|
|
|
+ }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </af-table-column>
|
|
|
|
+ </el-table>
|
|
|
|
+ <pagination
|
|
|
|
+ v-show="totalInfo > 0"
|
|
|
|
+ :total="totalInfo"
|
|
|
|
+ :page.sync="query.pageNum"
|
|
|
|
+ :limit.sync="query.pageSize"
|
|
|
|
+ @pagination="getList"
|
|
|
|
+ />
|
|
|
|
+ </div>
|
|
|
|
+ </el-dialog>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -130,6 +484,21 @@ export default {
|
|
payType: null,
|
|
payType: null,
|
|
cardOilsType: null,
|
|
cardOilsType: null,
|
|
},
|
|
},
|
|
|
|
+ orderList: [{}],
|
|
|
|
+ orderOpen: false,
|
|
|
|
+ totalInfo: 0,
|
|
|
|
+ query: {
|
|
|
|
+ pageNum: 1,
|
|
|
|
+ pageSize: 10,
|
|
|
|
+ unionId: null,
|
|
|
|
+ customerName: null,
|
|
|
|
+ recordType: null,
|
|
|
|
+ integral: null,
|
|
|
|
+ stationId: null,
|
|
|
|
+ stationName: null,
|
|
|
|
+ levelId: this.levelId,
|
|
|
|
+ },
|
|
|
|
+ dateRangeCreatedDate: [],
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {
|
|
created() {
|
|
@@ -173,6 +542,18 @@ export default {
|
|
this.resetForm("queryForm");
|
|
this.resetForm("queryForm");
|
|
this.handleQuery();
|
|
this.handleQuery();
|
|
},
|
|
},
|
|
|
|
+ orderOpenMethod() {
|
|
|
|
+ this.orderOpen = true;
|
|
|
|
+ },
|
|
},
|
|
},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
|
|
+<style scoped lang="scss">
|
|
|
|
+.app-container {
|
|
|
|
+ .container {
|
|
|
|
+ .row {
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+</style>
|