|
@@ -17,14 +17,29 @@
|
|
placeholder="请输入卡号"
|
|
placeholder="请输入卡号"
|
|
v-model.trim="card_no"
|
|
v-model.trim="card_no"
|
|
clearable></el-input>
|
|
clearable></el-input>
|
|
- <el-date-picker
|
|
|
|
- v-model="dataRange"
|
|
|
|
- clearable
|
|
|
|
- value-format="timestamp"
|
|
|
|
- format="yyyy-MM-dd"
|
|
|
|
- type="datetimerange"
|
|
|
|
- range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
|
|
|
|
- style="margin-bottom:20px;margin-right: 10px;width:260px"></el-date-picker>
|
|
|
|
|
|
+ <template v-if="userInfo.name==='椰子充值'">
|
|
|
|
+ <el-date-picker
|
|
|
|
+ class="yezi_date"
|
|
|
|
+ v-model="dataRange"
|
|
|
|
+ clearable
|
|
|
|
+ value-format="timestamp"
|
|
|
|
+ format="yyyy-MM-dd"
|
|
|
|
+ type="datetimerange"
|
|
|
|
+ range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
|
|
|
|
+ style="margin-bottom:20px;margin-right: 10px;width:260px"></el-date-picker>
|
|
|
|
+ </template>
|
|
|
|
+ <template v-else>
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="dataRange"
|
|
|
|
+ clearable
|
|
|
|
+ type="datetimerange"
|
|
|
|
+ value-format="timestamp"
|
|
|
|
+ range-separator="至"
|
|
|
|
+ start-placeholder="开始日期"
|
|
|
|
+ end-placeholder="结束日期"
|
|
|
|
+ style="margin-bottom:20px;margin-right: 10px;">
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ </template>
|
|
<el-select v-model="RechargeType" clearable placeholder="--充值卡类型--" style="margin-right: 10px;margin-bottom:20px;width: 140px;">
|
|
<el-select v-model="RechargeType" clearable placeholder="--充值卡类型--" style="margin-right: 10px;margin-bottom:20px;width: 140px;">
|
|
<el-option
|
|
<el-option
|
|
v-for="item in moneyType"
|
|
v-for="item in moneyType"
|
|
@@ -89,7 +104,7 @@
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<!-- <el-table-column align="center" prop="official_sn" label="批次号"></el-table-column> -->
|
|
<!-- <el-table-column align="center" prop="official_sn" label="批次号"></el-table-column> -->
|
|
- <el-table-column align="center" prop="order_sn" width="180" label="椰子单号"></el-table-column>
|
|
|
|
|
|
+ <el-table-column align="center" prop="order_sn" width="185" label="椰子单号"></el-table-column>
|
|
<el-table-column align="center" prop="official_sn" width="250" label="官方流水号">
|
|
<el-table-column align="center" prop="official_sn" width="250" label="官方流水号">
|
|
<template slot-scope="{row}">
|
|
<template slot-scope="{row}">
|
|
{{row.official_sn ? row.official_sn : '无'}}
|
|
{{row.official_sn ? row.official_sn : '无'}}
|
|
@@ -97,34 +112,29 @@
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column align="center" prop="err_msg" label="失败原因" width="300"></el-table-column>
|
|
<el-table-column align="center" prop="err_msg" label="失败原因" width="300"></el-table-column>
|
|
<el-table-column align="center" prop="mch_amount" label="扣款" width="70" fixed="right"></el-table-column>
|
|
<el-table-column align="center" prop="mch_amount" label="扣款" width="70" fixed="right"></el-table-column>
|
|
- <!-- <el-table-column align="center" width="200" label="状态查询">
|
|
|
|
- <template slot-scope="{row}">
|
|
|
|
- <el-button type="primary" size="small" v-show="row && row.order_state_text == '充值中'">查询</el-button>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column> -->
|
|
|
|
</el-table>
|
|
</el-table>
|
|
<el-row style="margin-top:10px;" type="flex" justify="end">
|
|
<el-row style="margin-top:10px;" type="flex" justify="end">
|
|
<el-pagination background layout="prev, pager, next" :total="total" :page-size="pageSize" :current-page="pageNumber" @current-change="onPageChange"></el-pagination>
|
|
<el-pagination background layout="prev, pager, next" :total="total" :page-size="pageSize" :current-page="pageNumber" @current-change="onPageChange"></el-pagination>
|
|
</el-row>
|
|
</el-row>
|
|
</el-container>
|
|
</el-container>
|
|
</el-card>
|
|
</el-card>
|
|
-<!-- 状态查询弹层 -->
|
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import {
|
|
import {
|
|
- // actionLogList
|
|
|
|
getOrderList,
|
|
getOrderList,
|
|
queryList,
|
|
queryList,
|
|
exportList
|
|
exportList
|
|
} from "@/api";
|
|
} from "@/api";
|
|
import { moneyType, orderState, amountConstant, timeConstant } from '@/utils/constants'
|
|
import { moneyType, orderState, amountConstant, timeConstant } from '@/utils/constants'
|
|
-// import getIp from '@/utils/ip'
|
|
|
|
import {JSONToExcelConvertor} from '@/utils/export.js'
|
|
import {JSONToExcelConvertor} from '@/utils/export.js'
|
|
|
|
+// 商家区分
|
|
|
|
+const userInfo = require('@/utils/userInfo')
|
|
export default {
|
|
export default {
|
|
name: 'order',
|
|
name: 'order',
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ userInfo,
|
|
tableData: [],
|
|
tableData: [],
|
|
pageSize: 50,
|
|
pageSize: 50,
|
|
pageNumber: 1,
|
|
pageNumber: 1,
|
|
@@ -359,16 +369,16 @@ export default {
|
|
/deep/.el-table .cell {
|
|
/deep/.el-table .cell {
|
|
padding-right: 7px;
|
|
padding-right: 7px;
|
|
}
|
|
}
|
|
-/deep/.el-date-editor .el-range-separator {
|
|
|
|
|
|
+/deep/.el-date-editor.yezi_date .el-range-separator {
|
|
padding: 0;
|
|
padding: 0;
|
|
width: 20px;/*no */
|
|
width: 20px;/*no */
|
|
}
|
|
}
|
|
-/deep/.el-date-editor .el-range-input {
|
|
|
|
|
|
+/deep/.el-date-editor.yezi_date .el-range-input {
|
|
width: 100px;/*no */
|
|
width: 100px;/*no */
|
|
}
|
|
}
|
|
/deep/.el-input,
|
|
/deep/.el-input,
|
|
-/deep/.el-date-editor .el-range-input,
|
|
|
|
-/deep/.el-date-editor .el-range-separator {
|
|
|
|
|
|
+/deep/.el-date-editor.yezi_date .el-range-input,
|
|
|
|
+/deep/.el-date-editor.yezi_date .el-range-separator {
|
|
font-size: 13px; /*no */
|
|
font-size: 13px; /*no */
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|