|
|
@@ -1,420 +1,624 @@
|
|
|
<template>
|
|
|
- <div class="MaxKing_Test">
|
|
|
+ <div class="app-container">
|
|
|
<div class="filter-container" style="margin: 10px 0 10px 0">
|
|
|
- <el-row :gutter="10">
|
|
|
- <el-col :span="6">
|
|
|
- <div class="grid-content bg-purple">
|
|
|
- <el-input
|
|
|
- v-model="Name"
|
|
|
- clearable
|
|
|
- class="filter-item"
|
|
|
- style="width: 200px"
|
|
|
- size="small"
|
|
|
- placeholder="请输入角色名称"
|
|
|
- @keyup.enter.native="handleFind"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="9">
|
|
|
- <div class="grid-content bg-purple">
|
|
|
- <el-button
|
|
|
- class="filter-item"
|
|
|
- size="small"
|
|
|
- type="primary"
|
|
|
- icon="el-icon-search"
|
|
|
- @click="handleFind"
|
|
|
- >搜索
|
|
|
+ <!-- <el-row :gutter="20" style="marginBottom:20px">
|
|
|
+ <el-col :span="8" :xs="12" :lg="8">
|
|
|
+ <div>
|
|
|
+ <span class="textSpan">
|
|
|
+ 订单号：
|
|
|
+ </span>
|
|
|
+ <el-input
|
|
|
+ v-model="body.orderId"
|
|
|
+ style="width: 70%;"
|
|
|
+ placeholder="请输入订单号"
|
|
|
+ size="small"
|
|
|
+ clearable
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" :xs="12" :lg="8">
|
|
|
+ <div>
|
|
|
+ <span class="textSpan">
|
|
|
+ 商户订单号:
|
|
|
+ </span>
|
|
|
+ <el-input
|
|
|
+ v-model="body.extorderId"
|
|
|
+ style="width: 70%;"
|
|
|
+ placeholder="请输入商户订单号"
|
|
|
+ size="small"
|
|
|
+ clearable
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" :xs="12" :lg="8">
|
|
|
+ <div>
|
|
|
+ <span class="textSpan">
|
|
|
+ 手机号码：
|
|
|
+ </span>
|
|
|
+ <el-input
|
|
|
+ v-model="body.usedMobile"
|
|
|
+ style="width: 70%;"
|
|
|
+ placeholder="请输入手机号码"
|
|
|
+ size="small"
|
|
|
+ clearable
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ </el-row> -->
|
|
|
+ <div class="flex">
|
|
|
+ <div class="w_input">
|
|
|
+ <span class="textSpan"> 订单号：</span>
|
|
|
+ <el-input
|
|
|
+ v-model="body.orderId"
|
|
|
+ style="width:65%;"
|
|
|
+ placeholder="请输入订单号"
|
|
|
+ size="small"
|
|
|
+ clearable
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="w_input">
|
|
|
+ <span class="textSpan">商户订单号：</span>
|
|
|
+ <el-input
|
|
|
+ v-model="body.extorderId"
|
|
|
+ style="width: 65%;"
|
|
|
+ placeholder="请输入商户订单号"
|
|
|
+ size="small"
|
|
|
+ clearable
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="w_input stylephone">
|
|
|
+ <div class="textSpan marginphone"> 手机号：</div>
|
|
|
+ <!-- <el-input
|
|
|
+ v-model="body.usedMobile"
|
|
|
+ style="width:65%;"
|
|
|
+ v-if="phone"
|
|
|
+ placeholder="请输入手机号"
|
|
|
+ size="small"
|
|
|
+ clearable
|
|
|
+ /> -->
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ v-model="body.usedMobile"
|
|
|
+ :autosize="{ minRows: 1.1, maxRows: 5}"
|
|
|
+ class="phone"
|
|
|
+ size="small"
|
|
|
+ placeholder="请输入内容"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="flex">
|
|
|
+ <div class="w_date">
|
|
|
+ <span class="textSpan">回调时间：</span>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="checkTimeStart"
|
|
|
+ size="small"
|
|
|
+ type="datetimerange"
|
|
|
+ range-separator="至"
|
|
|
+ style="width:76%"
|
|
|
+ @change="oncheckTimeStart"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ :default-time='["00:00:00","23:59:59"]'
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="w_date">
|
|
|
+ <span class="textSpan">发送时间：</span>
|
|
|
+ <el-date-picker
|
|
|
+ v-model="applyDateStart"
|
|
|
+ size="small"
|
|
|
+ type="datetimerange"
|
|
|
+ style="width:77%"
|
|
|
+ range-separator="至"
|
|
|
+ @change="oncustom"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ :default-time='["00:00:00","23:59:59"]'
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="flex">
|
|
|
+ <div class="w_input">
|
|
|
+ <span class="textSpan">通道名称：</span>
|
|
|
+ <el-input
|
|
|
+ v-model="body.channelIdDesc"
|
|
|
+ style="width:65%;"
|
|
|
+ placeholder="请输入通道名称"
|
|
|
+ size="small"
|
|
|
+ clearable
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="w_input">
|
|
|
+ <span class="textSpan"> 订单状态：</span>
|
|
|
+ <el-select size="small" v-model="body.status" clearable placeholder="请选择订单状态" style="width: 65%" @change="changeScope">
|
|
|
+ <el-option
|
|
|
+ v-for="item in status"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="w_input">
|
|
|
+ <span class="textSpan"> 运营商：</span>
|
|
|
+ <el-select size="small" v-model="body.mobileOperator" clearable placeholder="请选择运营商" style="width: 65%" @change="changeoperator">
|
|
|
+ <el-option
|
|
|
+ v-for="item in mobileOperator"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="flex">
|
|
|
+ <div class="w_input">
|
|
|
+ <span class="textSpan"> 面额：</span>
|
|
|
+ <el-input
|
|
|
+ v-model="flowAmount"
|
|
|
+ @change="changeflow"
|
|
|
+ style="width:65%;"
|
|
|
+ placeholder="请输入订单号"
|
|
|
+ size="small"
|
|
|
+ clearable
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="w_input">
|
|
|
+ <span class="textSpan"> 客户名称：</span>
|
|
|
+ <el-input
|
|
|
+ v-model="body.enterpriseIdDesc"
|
|
|
+ style="width: 65%;"
|
|
|
+ placeholder="请输入客户名称"
|
|
|
+ size="small"
|
|
|
+ clearable
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="w_input">
|
|
|
+ <span class="textSpan"> 归属地：</span>
|
|
|
+ <el-input
|
|
|
+ v-model="body.mobileHome"
|
|
|
+ style="width: 65%;"
|
|
|
+ placeholder="请选择归属地"
|
|
|
+ size="small"
|
|
|
+ clearable
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="flex">
|
|
|
+ <div class="w_input">
|
|
|
+ <span class="textSpan">回调状态：</span>
|
|
|
+ <el-select size="small" v-model="body.dealFlag" clearable placeholder="请选择订单状态" style="width: 65%" @change="changeScope">
|
|
|
+ <el-option
|
|
|
+ v-for="item in dealFlag"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="flexend">
|
|
|
+ <el-button class="filter-item" type="info" icon="el-icon-edit" plain @click="handleReset">至重发
|
|
|
+ </el-button>
|
|
|
+ <el-button class="filter-item" type="warning" icon="el-icon-message" plain @click="handleReset">至回调
|
|
|
</el-button>
|
|
|
- <el-button
|
|
|
- class="filter-item"
|
|
|
- size="small"
|
|
|
- type="primary"
|
|
|
- icon="el-icon-refresh"
|
|
|
- @click="handleReset"
|
|
|
- >重置
|
|
|
+
|
|
|
+ <el-button class="filter-item" icon="el-icon-delete" type="danger" plain @click="handleReset">至失败
|
|
|
</el-button>
|
|
|
- <el-button
|
|
|
- class="filter-item"
|
|
|
- size="small"
|
|
|
- type="primary"
|
|
|
- icon="el-icon-plus"
|
|
|
- @click="handleAdd"
|
|
|
- >添加
|
|
|
+ <el-button class="filter-item" type="success" icon="el-icon-check" plain @click="handleReset">至成功
|
|
|
</el-button>
|
|
|
+
|
|
|
+ <el-button class="classitem" style="marginRight:50px" type="primary" plain icon="el-icon-star-off" @click="handleReset">导出
|
|
|
+ </el-button>
|
|
|
+ <el-button class="filter-item" icon="el-icon-search" type="primary" plain @click="handleSearch">搜索</el-button>
|
|
|
</div>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
</div>
|
|
|
<el-table v-loading="loading" :data="tableData" border style="width: 100%">
|
|
|
- <el-table-column type="selection" />
|
|
|
- <el-table-column label="分发订单号" width="200" align="center">
|
|
|
+ <el-table-column type="selection" width="40"/>
|
|
|
+
|
|
|
+ <el-table-column label="订单号" width="120" align="center" show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.orderId }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
|
- <el-table-column label="应用ID" width="200" align="center">
|
|
|
+ <el-table-column
|
|
|
+ label="客户名称"
|
|
|
+ width="100"
|
|
|
+ align="center"
|
|
|
+ prop="createTime"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.appId }}</span>
|
|
|
</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="产品ID"
|
|
|
+ width="100"
|
|
|
+ align="center"
|
|
|
+ prop="createTime"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{scope.row.packageId}}</span>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
|
|
|
- <el-table-column label="订单类型" width="200" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.orderType }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="产品ID" width="160" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.productId }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="手机号码" width="160" align="center">
|
|
|
+ <el-table-column label="手机号码" width="110" align="center" show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.usedMobile }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
|
- <el-table-column label="运营商" width="160" align="center">
|
|
|
+ <el-table-column
|
|
|
+ label="运营商"
|
|
|
+ width="70"
|
|
|
+ align="center"
|
|
|
+ prop="createTime"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.mobileOperator }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="归属地" width="160" align="center">
|
|
|
+ <el-table-column
|
|
|
+ label="归属地"
|
|
|
+ width="100"
|
|
|
+ align="center"
|
|
|
+ prop="createTime"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.mobileHome }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
|
|
|
- <el-table-column label="发送日期" width="160" align="center" prop="createTime">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.limitedDate }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="回调日期" width="160" align="center" prop="createTime">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.lastModifyDate }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="订单状态" width="160" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.status }}</span>
|
|
|
- </template>
|
|
|
+ <el-table-column label="发送时间" width="160" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.limitedDate }}</span>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="订单状态中文" width="160" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.statusDesc }}</span>
|
|
|
- </template>
|
|
|
+ <el-table-column label="回调时间" width="160" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.lastModifyDate }}</span>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ label="订单状态"
|
|
|
+ width="90"
|
|
|
+ align="center"
|
|
|
+ prop="createTime"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-tag v-if="scope.row.status === 1" size="small">充值中</el-tag>
|
|
|
+ <el-tag v-if="scope.row.status === 2" size="small">待充值</el-tag>
|
|
|
+ <el-tag v-if="scope.row.status === 3" size="small">重发</el-tag>
|
|
|
+ <el-tag v-if="scope.row.status === 4" size="small" >充值成功</el-tag>
|
|
|
+ <el-tag v-if="scope.row.status === 5" size="small">回调</el-tag>
|
|
|
+ <el-tag v-if="scope.row.status === 6" size="small">充值失败</el-tag>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column label="用时" width="160" align="center">
|
|
|
+ <el-table-column
|
|
|
+ label="用时"
|
|
|
+ width="90"
|
|
|
+ align="center"
|
|
|
+ prop="createTime"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.usedTime }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="回调状态" width="160" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.dealFlag }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="回调状态中文" width="160" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.dealFlagDesc }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="通道" width="160" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.channelName }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="通道订单" width="160" align="center">
|
|
|
+ <el-table-column
|
|
|
+ label="回调状态"
|
|
|
+ width="90"
|
|
|
+ align="center"
|
|
|
+ prop="createTime"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{ scope.row.gwSeqNo }}</span>
|
|
|
- </template>
|
|
|
+ <!-- <span>{{ scope.row.dealFlag }}</span> -->
|
|
|
+ <el-tag v-if="scope.row.dealFlag === '1'" size="small">成功</el-tag>
|
|
|
+ <el-tag v-if="scope.row.dealFlag === '2'" size="small">失败</el-tag>
|
|
|
+ </template>
|
|
|
</el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="错误原因" width="160" align="center">
|
|
|
+
|
|
|
+ <el-table-column
|
|
|
+ label="通道名称"
|
|
|
+ width="90"
|
|
|
+ align="center"
|
|
|
+ prop="createTime"
|
|
|
+ show-overflow-tooltip
|
|
|
+ >
|
|
|
<template slot-scope="scope">
|
|
|
- <span>{{ scope.row.gwStatus }}</span>
|
|
|
+ <span>{{ scope.row.channelIdDesc }}</span>
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="错误代码" width="160" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.gwErrorCode }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="客服单号" width="160" align="center">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="商户订单号" width="120" align="center" show-overflow-tooltip>
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{ scope.row.extorderId }}</span>
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="属性1" width="160" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.attr1 }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="运营商价格" width="160" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.operatorBalancePrice }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="客户价格" width="160" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.price }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="充值面额" width="160" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.faceValue }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="合作伙伴面额" width="160" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.partnerBalancePrice }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
-
|
|
|
- <el-table-column label="操作" fixed="right" min-width="150" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-button
|
|
|
- type="text"
|
|
|
- icon="el-icon-edit"
|
|
|
- @click="handleEdit(scope.row)"
|
|
|
- >编辑</el-button>
|
|
|
- <el-button
|
|
|
- type="text"
|
|
|
- icon="el-icon-delete"
|
|
|
- @click="handleDelete(scope.row)"
|
|
|
- >删除</el-button>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ </el-table-column>
|
|
|
+
|
|
|
</el-table>
|
|
|
+
|
|
|
+ <!--分页-->
|
|
|
+ <div class="pagination">
|
|
|
+ <el-pagination
|
|
|
+ current-page.sync="body.page"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ :current-page="body.page"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :page-sizes="[10, 20, 30, 50]"
|
|
|
+ :page-size="body.size"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ background
|
|
|
+ :total="total">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { ordersearch } from '@/api/orderList'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
Name: '',
|
|
|
- tableData: [
|
|
|
- {
|
|
|
- orderId: '1215451',
|
|
|
- appId: '15484',
|
|
|
- orderType: '话费',
|
|
|
- productId: '1215',
|
|
|
- usedMobile: '135158',
|
|
|
- mobileOperator: '移动',
|
|
|
- mobileHome: '四川',
|
|
|
- limitedDate: '2021-05-14 13:08:00',
|
|
|
- lastModifyDate: '2021-05-14 13:08:00',
|
|
|
- status: 1,
|
|
|
- statusDesc: 'PASS',
|
|
|
- usedTime: '999',
|
|
|
- dealFlag: 1,
|
|
|
- dealFlagDesc: 'PASS',
|
|
|
- channelName: 'TEST',
|
|
|
- gwSeqNo: 'a',
|
|
|
- gwStatus: 'ERROR',
|
|
|
- gwErrorCode: 1,
|
|
|
- extorderId: '2358954',
|
|
|
- attr1: 'attr',
|
|
|
- operatorBalancePrice: 10.23,
|
|
|
- price: 10.99,
|
|
|
- faceValue: 10,
|
|
|
- partnerBalancePrice: 10.00
|
|
|
- }, {
|
|
|
- orderId: '1215451',
|
|
|
- appId: '15484',
|
|
|
- orderType: '话费',
|
|
|
- productId: '1215',
|
|
|
- usedMobile: '135158',
|
|
|
- mobileOperator: '移动',
|
|
|
- mobileHome: '四川',
|
|
|
- limitedDate: '2021-05-14 13:08:00',
|
|
|
- lastModifyDate: '2021-05-14 13:08:00',
|
|
|
- status: 1,
|
|
|
- statusDesc: 'PASS',
|
|
|
- usedTime: '999',
|
|
|
- dealFlag: 1,
|
|
|
- dealFlagDesc: 'PASS',
|
|
|
- channelName: 'TEST',
|
|
|
- gwSeqNo: 'a',
|
|
|
- gwStatus: 'ERROR',
|
|
|
- gwErrorCode: 1,
|
|
|
- extorderId: '2358954',
|
|
|
- attr1: 'attr',
|
|
|
- operatorBalancePrice: 10.23,
|
|
|
- price: 10.99,
|
|
|
- faceValue: 10,
|
|
|
- partnerBalancePrice: 10.00
|
|
|
- }, {
|
|
|
- orderId: '1215451',
|
|
|
- appId: '15484',
|
|
|
- orderType: '话费',
|
|
|
- productId: '1215',
|
|
|
- usedMobile: '135158',
|
|
|
- mobileOperator: '移动',
|
|
|
- mobileHome: '四川',
|
|
|
- limitedDate: '2021-05-14 13:08:00',
|
|
|
- lastModifyDate: '2021-05-14 13:08:00',
|
|
|
- status: 1,
|
|
|
- statusDesc: 'PASS',
|
|
|
- usedTime: '999',
|
|
|
- dealFlag: 1,
|
|
|
- dealFlagDesc: 'PASS',
|
|
|
- channelName: 'TEST',
|
|
|
- gwSeqNo: 'a',
|
|
|
- gwStatus: 'ERROR',
|
|
|
- gwErrorCode: 1,
|
|
|
- extorderId: '2358954',
|
|
|
- attr1: 'attr',
|
|
|
- operatorBalancePrice: 10.23,
|
|
|
- price: 10.99,
|
|
|
- faceValue: 10,
|
|
|
- partnerBalancePrice: 10.00
|
|
|
- }, {
|
|
|
- orderId: '1215451',
|
|
|
- appId: '15484',
|
|
|
- orderType: '话费',
|
|
|
- productId: '1215',
|
|
|
- usedMobile: '135158',
|
|
|
- mobileOperator: '移动',
|
|
|
- mobileHome: '四川',
|
|
|
- limitedDate: '2021-05-14 13:08:00',
|
|
|
- lastModifyDate: '2021-05-14 13:08:00',
|
|
|
- status: 1,
|
|
|
- statusDesc: 'PASS',
|
|
|
- usedTime: '999',
|
|
|
- dealFlag: 1,
|
|
|
- dealFlagDesc: 'PASS',
|
|
|
- channelName: 'TEST',
|
|
|
- gwSeqNo: 'a',
|
|
|
- gwStatus: 'ERROR',
|
|
|
- gwErrorCode: 1,
|
|
|
- extorderId: '2358954',
|
|
|
- attr1: 'attr',
|
|
|
- operatorBalancePrice: 10.23,
|
|
|
- price: 10.99,
|
|
|
- faceValue: 10,
|
|
|
- partnerBalancePrice: 10.00
|
|
|
- }, {
|
|
|
- orderId: '1215451',
|
|
|
- appId: '15484',
|
|
|
- orderType: '话费',
|
|
|
- productId: '1215',
|
|
|
- usedMobile: '135158',
|
|
|
- mobileOperator: '移动',
|
|
|
- mobileHome: '四川',
|
|
|
- limitedDate: '2021-05-14 13:08:00',
|
|
|
- lastModifyDate: '2021-05-14 13:08:00',
|
|
|
- status: 1,
|
|
|
- statusDesc: 'PASS',
|
|
|
- usedTime: '999',
|
|
|
- dealFlag: 1,
|
|
|
- dealFlagDesc: 'PASS',
|
|
|
- channelName: 'TEST',
|
|
|
- gwSeqNo: 'a',
|
|
|
- gwStatus: 'ERROR',
|
|
|
- gwErrorCode: 1,
|
|
|
- extorderId: '2358954',
|
|
|
- attr1: 'attr',
|
|
|
- operatorBalancePrice: 10.23,
|
|
|
- price: 10.99,
|
|
|
- faceValue: 10,
|
|
|
- partnerBalancePrice: 10.00
|
|
|
- }, {
|
|
|
- orderId: '1215451',
|
|
|
- appId: '15484',
|
|
|
- orderType: '话费',
|
|
|
- productId: '1215',
|
|
|
- usedMobile: '135158',
|
|
|
- mobileOperator: '移动',
|
|
|
- mobileHome: '四川',
|
|
|
- limitedDate: '2021-05-14 13:08:00',
|
|
|
- lastModifyDate: '2021-05-14 13:08:00',
|
|
|
- status: 1,
|
|
|
- statusDesc: 'PASS',
|
|
|
- usedTime: '999',
|
|
|
- dealFlag: 1,
|
|
|
- dealFlagDesc: 'PASS',
|
|
|
- channelName: 'TEST',
|
|
|
- gwSeqNo: 'a',
|
|
|
- gwStatus: 'ERROR',
|
|
|
- gwErrorCode: 1,
|
|
|
- extorderId: '2358954',
|
|
|
- attr1: 'attr',
|
|
|
- operatorBalancePrice: 10.23,
|
|
|
- price: 10.99,
|
|
|
- faceValue: 10,
|
|
|
- partnerBalancePrice: 10.00
|
|
|
- }, {
|
|
|
- orderId: '1215451',
|
|
|
- appId: '15484',
|
|
|
- orderType: '话费',
|
|
|
- productId: '1215',
|
|
|
- usedMobile: '135158',
|
|
|
- mobileOperator: '移动',
|
|
|
- mobileHome: '四川',
|
|
|
- limitedDate: '2021-05-14 13:08:00',
|
|
|
- lastModifyDate: '2021-05-14 13:08:00',
|
|
|
- status: 1,
|
|
|
- statusDesc: 'PASS',
|
|
|
- usedTime: '999',
|
|
|
- dealFlag: 1,
|
|
|
- dealFlagDesc: 'PASS',
|
|
|
- channelName: 'TEST',
|
|
|
- gwSeqNo: 'a',
|
|
|
- gwStatus: 'ERROR',
|
|
|
- gwErrorCode: 1,
|
|
|
- extorderId: '2358954',
|
|
|
- attr1: 'attr',
|
|
|
- operatorBalancePrice: 10.23,
|
|
|
- price: 10.99,
|
|
|
- faceValue: 10,
|
|
|
- partnerBalancePrice: 10.00
|
|
|
- }, {
|
|
|
- orderId: '1215451',
|
|
|
- appId: '15484',
|
|
|
- orderType: '话费',
|
|
|
- productId: '1215',
|
|
|
- usedMobile: '135158',
|
|
|
- mobileOperator: '移动',
|
|
|
- mobileHome: '四川',
|
|
|
- limitedDate: '2021-05-14 13:08:00',
|
|
|
- lastModifyDate: '2021-05-14 13:08:00',
|
|
|
- status: 1,
|
|
|
- statusDesc: 'PASS',
|
|
|
- usedTime: '999',
|
|
|
- dealFlag: 1,
|
|
|
- dealFlagDesc: 'PASS',
|
|
|
- channelName: 'TEST',
|
|
|
- gwSeqNo: 'a',
|
|
|
- gwStatus: 'ERROR',
|
|
|
- gwErrorCode: 1,
|
|
|
- extorderId: '2358954',
|
|
|
- attr1: 'attr',
|
|
|
- operatorBalancePrice: 10.23,
|
|
|
- price: 10.99,
|
|
|
- faceValue: 10,
|
|
|
- partnerBalancePrice: 10.00
|
|
|
- }
|
|
|
+ // phone:true, //控制批量手机号
|
|
|
+ tableData:[],
|
|
|
+ // tableData: [
|
|
|
+ // { orderId: '1618675202869450462',
|
|
|
+ // userName: 'test',
|
|
|
+ // extorderId: 'CD2104253953427952',
|
|
|
+ // usedMobile: '18820454014',
|
|
|
+ // applyDateStart: '2021-04-26 00:00:00',
|
|
|
+ // applyDateEnd: '2021-04-26 23:59:59',
|
|
|
+ // enterpriseIdDesc: '山东茶蛋信息技术有限公司',
|
|
|
+ // channelIdDesc: 'BF移动',
|
|
|
+ // status: '充值成功',
|
|
|
+ // mobileOperator: '移动',
|
|
|
+ // flowAmount: '10',
|
|
|
+ // checkTimeStart: '2021-04-25 00:39:53',
|
|
|
+ // checkTimeEnd: '2021-04-25 23:39:53',
|
|
|
+ // dealFlag: '已回调',
|
|
|
+ // mobileHome: '广东-茂名-移动' },
|
|
|
+ // { orderId: '1618675202869450462',
|
|
|
+ // userName: 'test',
|
|
|
+ // extorderId: 'CD2104253953427952',
|
|
|
+ // usedMobile: '18820454014',
|
|
|
+ // applyDateStart: '2021-04-26 00:00:00',
|
|
|
+ // applyDateEnd: '2021-04-26 23:59:59',
|
|
|
+ // enterpriseIdDesc: '山东茶蛋信息技术有限公司',
|
|
|
+ // channelIdDesc: 'BF移动',
|
|
|
+ // status: '充值成功',
|
|
|
+ // mobileOperator: '移动',
|
|
|
+ // flowAmount: '10',
|
|
|
+ // checkTimeStart: '2021-04-25 00:39:53',
|
|
|
+ // checkTimeEnd: '2021-04-25 23:39:53',
|
|
|
+ // dealFlag: '已回调',
|
|
|
+ // mobileHome: '广东-茂名-移动' },
|
|
|
+ // { orderId: '1618675202869450462',
|
|
|
+ // userName: 'test',
|
|
|
+ // extorderId: 'CD2104253953427952',
|
|
|
+ // usedMobile: '18820454014',
|
|
|
+ // applyDateStart: '2021-04-26 00:00:00',
|
|
|
+ // applyDateEnd: '2021-04-26 23:59:59',
|
|
|
+ // enterpriseIdDesc: '山东茶蛋信息技术有限公司',
|
|
|
+ // channelIdDesc: 'BF移动',
|
|
|
+ // status: '充值成功',
|
|
|
+ // mobileOperator: '移动',
|
|
|
+ // flowAmount: '10',
|
|
|
+ // checkTimeStart: '2021-04-25 00:39:53',
|
|
|
+ // checkTimeEnd: '2021-04-25 23:39:53',
|
|
|
+ // dealFlag: '已回调',
|
|
|
+ // mobileHome: '广东-茂名-移动' },
|
|
|
+ // { orderId: '1618675202869450462',
|
|
|
+ // userName: 'test',
|
|
|
+ // extorderId: 'CD2104253953427952',
|
|
|
+ // usedMobile: '18820454014',
|
|
|
+ // applyDateStart: '2021-04-26 00:00:00',
|
|
|
+ // applyDateEnd: '2021-04-26 23:59:59',
|
|
|
+ // enterpriseIdDesc: '山东茶蛋信息技术有限公司',
|
|
|
+ // channelIdDesc: 'BF移动',
|
|
|
+ // status: '充值成功',
|
|
|
+ // mobileOperator: '移动',
|
|
|
+ // flowAmount: '10',
|
|
|
+ // checkTimeStart: '2021-04-25 00:39:53',
|
|
|
+ // checkTimeEnd: '2021-04-25 23:39:53',
|
|
|
+ // dealFlag: '已回调',
|
|
|
+ // mobileHome: '广东-茂名-移动' }
|
|
|
+ // ],
|
|
|
+ applyDateStart:"", //发送时间
|
|
|
+ checkTimeStart:"", //回调时间
|
|
|
+ flowAmount:"", //面额乘以10000
|
|
|
+ body:{
|
|
|
+ orderId:"",
|
|
|
+ extorderId:"",
|
|
|
+ usedMobile:"",
|
|
|
+ applyDateStart:"",
|
|
|
+ applyDateEnd:"",
|
|
|
+ enterpriseIdDesc:"",
|
|
|
+ channelIdDesc:"",
|
|
|
+ status:"",
|
|
|
+ mobileOperator:"",
|
|
|
+ flowAmount:"",
|
|
|
+ checkTimeStart:"",
|
|
|
+ checkTimeEnd:"",
|
|
|
+ dealFlag:"",
|
|
|
+ mobileHome:"",
|
|
|
+ page:1,
|
|
|
+ size:10,
|
|
|
+ },
|
|
|
+ total:0, //总数据
|
|
|
+ loading:false,
|
|
|
+ status:[
|
|
|
+ {id:1,name:"待发"},
|
|
|
+ {id:2,name:"已发"},
|
|
|
+ {id:6,name:"成功"},
|
|
|
+ {id:4,name:"失败"},
|
|
|
+ {id:5,name:"风控"},
|
|
|
+ ],
|
|
|
+ mobileOperator:[
|
|
|
+ {id:"YD",name:"移动"},
|
|
|
+ {id:"LT",name:"联通"},
|
|
|
+ {id:"DX",name:"电信"},
|
|
|
+ ],
|
|
|
+ dealFlag:[
|
|
|
+ {id:"0",name:"运营商处理中"},
|
|
|
+ {id:"1",name:"待回调"},
|
|
|
+ {id:"3",name:"以回调"},
|
|
|
+ {id:"2",name:"无需回调"},
|
|
|
]
|
|
|
}
|
|
|
+ },
|
|
|
+ created(){
|
|
|
+ let nowDate = new Date()
|
|
|
+ let date = {
|
|
|
+ year: nowDate.getFullYear(),
|
|
|
+ month: nowDate.getMonth() + 1,
|
|
|
+ date: nowDate.getDate()
|
|
|
}
|
|
|
+ let systemTime = date.year + '-' + date.month + '-' + date.date
|
|
|
+ // this.body.applyDateStart = "2021-05-14 + " 00:00:00"
|
|
|
+ this.applyDateStart = [systemTime + " 00:00:00",systemTime + " 23:59:59"]
|
|
|
+ this.body.applyDateStart = systemTime + " 00:00:00"
|
|
|
+ this.body.applyDateEnd = systemTime + " 23:59:59"
|
|
|
+ // this.body.applyDateEnd = systemTime + " 23:59:59"
|
|
|
+ // this.
|
|
|
+ this.getTenantList()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //获取数据
|
|
|
+ getTenantList(){
|
|
|
+ this.loading=true
|
|
|
+ ordersearch(this.body).then(res=>{
|
|
|
+ this.loading=false
|
|
|
+ this.tableData=res.data.data.records
|
|
|
+ this.total=res.data.data.total
|
|
|
+ console.log(res.data.data.records)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //搜索手机号
|
|
|
+ onphon(){
|
|
|
+ console.log(this.phone)
|
|
|
+ },
|
|
|
+ //搜索面额
|
|
|
+ changeflow(){
|
|
|
+ let flow=this.flowAmount;
|
|
|
+ // let body=this.body.flowAmount;
|
|
|
+ this.body.flowAmount=flow * 10000;
|
|
|
+ },
|
|
|
+ //搜索发送时间
|
|
|
+ oncustom(){
|
|
|
+ let applyDateStart = this.applyDateStart;
|
|
|
+ this.body.applyDateStart = applyDateStart[0]
|
|
|
+ this.body.applyDateEnd = applyDateStart[1]
|
|
|
+ // console.log(applyDateStart)
|
|
|
+ // console.log(this.body.applyDateStart)
|
|
|
+ },
|
|
|
+ //搜索回调时间
|
|
|
+ oncheckTimeStart(){
|
|
|
+ // checkTimeStart:"",
|
|
|
+ // checkTimeEnd:"",
|
|
|
+ let checkTimeStart =this.checkTimeStart
|
|
|
+ this.body.checkTimeStart= checkTimeStart[0]
|
|
|
+ this.body.checkTimeEnd=checkTimeStart[1]
|
|
|
+ },
|
|
|
+ //搜索状态
|
|
|
+ changeScope(){
|
|
|
+ console.log(this.body.status)
|
|
|
+ },
|
|
|
+ //运营商
|
|
|
+ changeoperator(){
|
|
|
+ console.log(this.body.mobileOperator)
|
|
|
+ },
|
|
|
+ //搜索
|
|
|
+ handleSearch(){
|
|
|
+ console.log(this.applyDateStart)
|
|
|
+ this.body.page = 1
|
|
|
+ if(this.applyDateStart == null){ //发送时间为空时清空 body 里的发送时间
|
|
|
+ this.body.applyDateEnd = ""
|
|
|
+ this.body.applyDateStart = ""
|
|
|
+ }
|
|
|
+ if(this.checkTimeStart == null){ //回调时间
|
|
|
+ this.body.checkTimeStart = ""
|
|
|
+ this.body.checkTimeEnd = ""
|
|
|
+ }
|
|
|
+ if(this.flowAmount == null || this.flowAmount == 0){ //面额
|
|
|
+ this.body.flowAmount = ""
|
|
|
+ }
|
|
|
+ this.currentPage="1"
|
|
|
+ this.getTenantList()
|
|
|
+ },
|
|
|
+ //
|
|
|
+ handleReset(){
|
|
|
+
|
|
|
+ },
|
|
|
+ //分页
|
|
|
+ handleSizeChange:function(val){
|
|
|
+ this.body.size=val
|
|
|
+ this.getTenantList()
|
|
|
+ },
|
|
|
+ // 换页
|
|
|
+ handleCurrentChange: function(val) {
|
|
|
+ this.body.page = val
|
|
|
+ this.getTenantList()
|
|
|
+ },
|
|
|
+ },
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style>
|
|
|
+<style scoped>
|
|
|
+ .textSpan{
|
|
|
+ position: relative;
|
|
|
+ top: 0;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
+ color:rgb(87, 86, 86)
|
|
|
+ }
|
|
|
+ .stylephone{
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .marginphone{
|
|
|
+ padding-top: 9px;
|
|
|
+ }
|
|
|
+ .flex{
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ /* flex-wrap: wrap; */
|
|
|
+ /* justify-content: space-evenly; */
|
|
|
+ }
|
|
|
+ .w_date{
|
|
|
+ width: 66%;
|
|
|
+ }
|
|
|
+ .w_input{
|
|
|
+ width:33.33%;
|
|
|
+ }
|
|
|
+ .flexend{
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ padding-right: 40px;
|
|
|
+ }
|
|
|
+ .phone{
|
|
|
+ width:66.5% !important ;
|
|
|
+ z-index: 100;
|
|
|
+ }
|
|
|
+ /* .classitem{
|
|
|
+ background: salmon;
|
|
|
+ } */
|
|
|
</style>
|
