|
|
@@ -1,646 +1,390 @@
|
|
|
<template>
|
|
|
- <div class="app-container">
|
|
|
- <div class="filter-container" style="margin: 10px 0 10px 0">
|
|
|
- <!-- <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.Id"
|
|
|
- style="width: 67%;"
|
|
|
- placeholder="请输入通道订单号"
|
|
|
- size="small"
|
|
|
- clearable
|
|
|
- />
|
|
|
- </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:78%"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- :default-time="["00:00:00","23:59:59"]"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- @change="oncheckTimeStart"
|
|
|
- />
|
|
|
+ <!-- 分发记录表 -->
|
|
|
+ <div>
|
|
|
|
|
|
- </div>
|
|
|
- <div class="w_date">
|
|
|
- <span class="textSpan">发送时间：</span>
|
|
|
- <el-date-picker
|
|
|
- v-model="applyDateStart"
|
|
|
- size="small"
|
|
|
- type="datetimerange"
|
|
|
- style="width:79%"
|
|
|
- range-separator="至"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- :default-time="["00:00:00","23:59:59"]"
|
|
|
- start-placeholder="开始日期"
|
|
|
- end-placeholder="结束日期"
|
|
|
- @change="oncustom"
|
|
|
- />
|
|
|
+ <div class="DistributeTable">
|
|
|
+ <el-table v-loading="loading" :data="tableData" border style="width: 100%">
|
|
|
+ <el-table-column type="selection" />
|
|
|
|
|
|
- </div>
|
|
|
+ <el-table-column label="订单号" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.orderId }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- </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 v-model="body.status" size="small" 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 v-model="body.mobileOperator" size="small" 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"
|
|
|
- style="width:65%;"
|
|
|
- placeholder="请输入订单号"
|
|
|
- size="small"
|
|
|
- clearable
|
|
|
- @change="changeflow"
|
|
|
- />
|
|
|
- </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 v-model="body.dealFlag" size="small" 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 class="w_input stylephone">
|
|
|
- <div class="textSpan marginphone"> 手机号：</div>
|
|
|
- <el-input
|
|
|
- v-model="body.usedMobile"
|
|
|
- type="textarea"
|
|
|
- :autosize="{ minRows: 1.1, maxRows: 5}"
|
|
|
- class="phone"
|
|
|
- size="small"
|
|
|
- placeholder="请输入内容"
|
|
|
- clearable
|
|
|
- />
|
|
|
+ <el-table-column label="分发订单号" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.recId }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- </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-table-column label="手机号" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.mobileNo }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-button class="filter-item" icon="el-icon-delete" type="danger" plain @click="handleReset">至失败
|
|
|
- </el-button>
|
|
|
- <el-button class="filter-item" type="success" icon="el-icon-check" plain @click="handleReset">至成功
|
|
|
- </el-button>
|
|
|
+ <el-table-column label="流量产品包（参照运营商规格）" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.packageId }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <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>
|
|
|
- </div>
|
|
|
- <el-table v-loading="loading" :data="tableData" border style="width: 100%">
|
|
|
- <el-table-column type="selection" width="40" />
|
|
|
+ <el-table-column label="流量产品包（foss平台）" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.fossPackageId }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <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="流量大小（面额）导数据注意转换" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.flowAmount }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column label="分发订单号" width="120" align="center" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.recId }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column label="下发次数" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.sendCount }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column label="客户名称" width="100" align="center" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.user }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column label="创建日期" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.createDate }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column label="手机号码" width="110" align="center" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.mobile }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column label="回调时间" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.modifyDate }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column label="流量包ID" width="100" align="center" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.packageId }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column label="发送状态：0-待发 1-已发 2-成功 3-重发 4-失败" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.sendStatus }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column label="运营商" width="70" align="center" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.mobileOperator }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column label="网关订单号（供应商订单号）" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.gwSeqNo }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column label="归属地" width="100" align="center" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.mobileHome }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column label="网关状态" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.gwStatus }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <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="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.gwErrorCode }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column label="回调时间" width="160" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.callbackTime }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column label="网关错误信息" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.gwErrorMsg }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column label="分发组次数" width="160" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.sendCount }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column label="归属地市" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.mobileHome }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column label="通道组次数" width="160" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.batchCount }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column label="应用ID" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.appId }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column label="发送状态" width="90" align="center" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <el-tag v-if="scope.row.sendStatus === 2" size="small">已发</el-tag>
|
|
|
- <el-tag v-if="scope.row.sendStatus === 4" size="small">失败</el-tag>
|
|
|
- <el-tag v-if="scope.row.sendStatus === 6" size="small">成功</el-tag>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column label="最后回调信息" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.lastCallbackMsg }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column label="通道名称" width="90" align="center" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.channelName }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column label="运营商结算价格 导数据注意转换" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.operatorBalancePrice }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <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="90"
|
|
|
- align="center"
|
|
|
- prop="createTime"
|
|
|
- show-overflow-tooltip
|
|
|
- >
|
|
|
- <template slot-scope="scope">
|
|
|
- <!-- <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="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.batchCount }}</span>
|
|
|
+ </template>
|
|
|
+ </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="客户产品" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.customerProducts }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column label="通道订单号" width="120" align="center" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.gwSeqNo }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column label="通道产品" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.channelProducts }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <el-table-column label="通道错误代码" width="120" align="center" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.gwErrorCode }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="运营商订单号" width="120" align="center" show-overflow-tooltip>
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.operatorId }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ <el-table-column label="运营商订单号" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.operatorId }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- </el-table>
|
|
|
+ <el-table-column label="分发记录日志" width="200" align="center">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>{{ scope.row.recordLog }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
|
|
|
- <!--分页-->
|
|
|
- <div class="pagination">
|
|
|
- <el-pagination
|
|
|
- current-page.sync="body.page"
|
|
|
- :current-page="body.page"
|
|
|
- :page-sizes="[10, 20, 30, 50]"
|
|
|
- :page-size="body.size"
|
|
|
- layout="total, sizes, prev, pager, next, jumper"
|
|
|
- background
|
|
|
- :total="total"
|
|
|
- @size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- />
|
|
|
+ </el-table>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { ordersearch } from '@/api/orderList'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- Name: '',
|
|
|
- // 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: {
|
|
|
- Id: '',
|
|
|
- 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: '无需回调' }
|
|
|
+ tableData: [
|
|
|
+ {
|
|
|
+ recId: '123456789',
|
|
|
+ orderId: '123456789',
|
|
|
+ mobileNo: '123456789',
|
|
|
+ packageNd: 'YDHF100',
|
|
|
+ fossPackageNd: '????',
|
|
|
+ flowAmount: 100,
|
|
|
+ sendCount: 5,
|
|
|
+ createDate: '2021-05-17 00:00:00',
|
|
|
+ modifyDate: '2021-05-17 00:00:00',
|
|
|
+ sendStatus: 0,
|
|
|
+ gwSeqNo: '123456789',
|
|
|
+ gwStatus: 'PASS',
|
|
|
+ gwErrorCode: '???',
|
|
|
+ gwErrorMsg: 'NOT FIND',
|
|
|
+ mobileHome: '四川',
|
|
|
+ appId: '123',
|
|
|
+ lastCallbackMsg: 'CALL OK',
|
|
|
+ operatorBalancePprice: 100.55,
|
|
|
+ batchCount: 5,
|
|
|
+ customerProducts: '???',
|
|
|
+ channelProducts: '??',
|
|
|
+ operatorId: '123456789',
|
|
|
+ recordLog: 'SOURCE'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ recId: '123456789',
|
|
|
+ orderId: '123456789',
|
|
|
+ mobileNo: '123456789',
|
|
|
+ packageNd: 'YDHF100',
|
|
|
+ fossPackageNd: '????',
|
|
|
+ flowAmount: 100,
|
|
|
+ sendCount: 5,
|
|
|
+ createDate: '2021-05-17 00:00:00',
|
|
|
+ modifyDate: '2021-05-17 00:00:00',
|
|
|
+ sendStatus: 0,
|
|
|
+ gwSeqNo: '123456789',
|
|
|
+ gwStatus: 'PASS',
|
|
|
+ gwErrorCode: '???',
|
|
|
+ gwErrorMsg: 'NOT FIND',
|
|
|
+ mobileHome: '四川',
|
|
|
+ appId: '123',
|
|
|
+ lastCallbackMsg: 'CALL OK',
|
|
|
+ operatorBalancePprice: 100.55,
|
|
|
+ batchCount: 5,
|
|
|
+ customerProducts: '???',
|
|
|
+ channelProducts: '??',
|
|
|
+ operatorId: '123456789',
|
|
|
+ recordLog: 'SOURCE'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ recId: '123456789',
|
|
|
+ orderId: '123456789',
|
|
|
+ mobileNo: '123456789',
|
|
|
+ packageNd: 'YDHF100',
|
|
|
+ fossPackageNd: '????',
|
|
|
+ flowAmount: 100,
|
|
|
+ sendCount: 5,
|
|
|
+ createDate: '2021-05-17 00:00:00',
|
|
|
+ modifyDate: '2021-05-17 00:00:00',
|
|
|
+ sendStatus: 0,
|
|
|
+ gwSeqNo: '123456789',
|
|
|
+ gwStatus: 'PASS',
|
|
|
+ gwErrorCode: '???',
|
|
|
+ gwErrorMsg: 'NOT FIND',
|
|
|
+ mobileHome: '四川',
|
|
|
+ appId: '123',
|
|
|
+ lastCallbackMsg: 'CALL OK',
|
|
|
+ operatorBalancePprice: 100.55,
|
|
|
+ batchCount: 5,
|
|
|
+ customerProducts: '???',
|
|
|
+ channelProducts: '??',
|
|
|
+ operatorId: '123456789',
|
|
|
+ recordLog: 'SOURCE'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ recId: '123456789',
|
|
|
+ orderId: '123456789',
|
|
|
+ mobileNo: '123456789',
|
|
|
+ packageNd: 'YDHF100',
|
|
|
+ fossPackageNd: '????',
|
|
|
+ flowAmount: 100,
|
|
|
+ sendCount: 5,
|
|
|
+ createDate: '2021-05-17 00:00:00',
|
|
|
+ modifyDate: '2021-05-17 00:00:00',
|
|
|
+ sendStatus: 0,
|
|
|
+ gwSeqNo: '123456789',
|
|
|
+ gwStatus: 'PASS',
|
|
|
+ gwErrorCode: '???',
|
|
|
+ gwErrorMsg: 'NOT FIND',
|
|
|
+ mobileHome: '四川',
|
|
|
+ appId: '123',
|
|
|
+ lastCallbackMsg: 'CALL OK',
|
|
|
+ operatorBalancePprice: 100.55,
|
|
|
+ batchCount: 5,
|
|
|
+ customerProducts: '???',
|
|
|
+ channelProducts: '??',
|
|
|
+ operatorId: '123456789',
|
|
|
+ recordLog: 'SOURCE'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ recId: '123456789',
|
|
|
+ orderId: '123456789',
|
|
|
+ mobileNo: '123456789',
|
|
|
+ packageNd: 'YDHF100',
|
|
|
+ fossPackageNd: '????',
|
|
|
+ flowAmount: 100,
|
|
|
+ sendCount: 5,
|
|
|
+ createDate: '2021-05-17 00:00:00',
|
|
|
+ modifyDate: '2021-05-17 00:00:00',
|
|
|
+ sendStatus: 0,
|
|
|
+ gwSeqNo: '123456789',
|
|
|
+ gwStatus: 'PASS',
|
|
|
+ gwErrorCode: '???',
|
|
|
+ gwErrorMsg: 'NOT FIND',
|
|
|
+ mobileHome: '四川',
|
|
|
+ appId: '123',
|
|
|
+ lastCallbackMsg: 'CALL OK',
|
|
|
+ operatorBalancePprice: 100.55,
|
|
|
+ batchCount: 5,
|
|
|
+ customerProducts: '???',
|
|
|
+ channelProducts: '??',
|
|
|
+ operatorId: '123456789',
|
|
|
+ recordLog: 'SOURCE'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ recId: '123456789',
|
|
|
+ orderId: '123456789',
|
|
|
+ mobileNo: '123456789',
|
|
|
+ packageNd: 'YDHF100',
|
|
|
+ fossPackageNd: '????',
|
|
|
+ flowAmount: 100,
|
|
|
+ sendCount: 5,
|
|
|
+ createDate: '2021-05-17 00:00:00',
|
|
|
+ modifyDate: '2021-05-17 00:00:00',
|
|
|
+ sendStatus: 0,
|
|
|
+ gwSeqNo: '123456789',
|
|
|
+ gwStatus: 'PASS',
|
|
|
+ gwErrorCode: '???',
|
|
|
+ gwErrorMsg: 'NOT FIND',
|
|
|
+ mobileHome: '四川',
|
|
|
+ appId: '123',
|
|
|
+ lastCallbackMsg: 'CALL OK',
|
|
|
+ operatorBalancePprice: 100.55,
|
|
|
+ batchCount: 5,
|
|
|
+ customerProducts: '???',
|
|
|
+ channelProducts: '??',
|
|
|
+ operatorId: '123456789',
|
|
|
+ recordLog: 'SOURCE'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ recId: '123456789',
|
|
|
+ orderId: '123456789',
|
|
|
+ mobileNo: '123456789',
|
|
|
+ packageNd: 'YDHF100',
|
|
|
+ fossPackageNd: '????',
|
|
|
+ flowAmount: 100,
|
|
|
+ sendCount: 5,
|
|
|
+ createDate: '2021-05-17 00:00:00',
|
|
|
+ modifyDate: '2021-05-17 00:00:00',
|
|
|
+ sendStatus: 0,
|
|
|
+ gwSeqNo: '123456789',
|
|
|
+ gwStatus: 'PASS',
|
|
|
+ gwErrorCode: '???',
|
|
|
+ gwErrorMsg: 'NOT FIND',
|
|
|
+ mobileHome: '四川',
|
|
|
+ appId: '123',
|
|
|
+ lastCallbackMsg: 'CALL OK',
|
|
|
+ operatorBalancePprice: 100.55,
|
|
|
+ batchCount: 5,
|
|
|
+ customerProducts: '???',
|
|
|
+ channelProducts: '??',
|
|
|
+ operatorId: '123456789',
|
|
|
+ recordLog: 'SOURCE'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ recId: '123456789',
|
|
|
+ orderId: '123456789',
|
|
|
+ mobileNo: '123456789',
|
|
|
+ packageNd: 'YDHF100',
|
|
|
+ fossPackageNd: '????',
|
|
|
+ flowAmount: 100,
|
|
|
+ sendCount: 5,
|
|
|
+ createDate: '2021-05-17 00:00:00',
|
|
|
+ modifyDate: '2021-05-17 00:00:00',
|
|
|
+ sendStatus: 0,
|
|
|
+ gwSeqNo: '123456789',
|
|
|
+ gwStatus: 'PASS',
|
|
|
+ gwErrorCode: '???',
|
|
|
+ gwErrorMsg: 'NOT FIND',
|
|
|
+ mobileHome: '四川',
|
|
|
+ appId: '123',
|
|
|
+ lastCallbackMsg: 'CALL OK',
|
|
|
+ operatorBalancePprice: 100.55,
|
|
|
+ batchCount: 5,
|
|
|
+ customerProducts: '???',
|
|
|
+ channelProducts: '??',
|
|
|
+ operatorId: '123456789',
|
|
|
+ recordLog: 'SOURCE'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ recId: '123456789',
|
|
|
+ orderId: '123456789',
|
|
|
+ mobileNo: '123456789',
|
|
|
+ packageNd: 'YDHF100',
|
|
|
+ fossPackageNd: '????',
|
|
|
+ flowAmount: 100,
|
|
|
+ sendCount: 5,
|
|
|
+ createDate: '2021-05-17 00:00:00',
|
|
|
+ modifyDate: '2021-05-17 00:00:00',
|
|
|
+ sendStatus: 0,
|
|
|
+ gwSeqNo: '123456789',
|
|
|
+ gwStatus: 'PASS',
|
|
|
+ gwErrorCode: '???',
|
|
|
+ gwErrorMsg: 'NOT FIND',
|
|
|
+ mobileHome: '四川',
|
|
|
+ appId: '123',
|
|
|
+ lastCallbackMsg: 'CALL OK',
|
|
|
+ operatorBalancePprice: 100.55,
|
|
|
+ batchCount: 5,
|
|
|
+ customerProducts: '???',
|
|
|
+ channelProducts: '??',
|
|
|
+ operatorId: '123456789',
|
|
|
+ recordLog: 'SOURCE'
|
|
|
+ }
|
|
|
]
|
|
|
}
|
|
|
- },
|
|
|
- created() {
|
|
|
- const nowDate = new Date()
|
|
|
- const date = {
|
|
|
- year: nowDate.getFullYear(),
|
|
|
- month: nowDate.getMonth() + 1,
|
|
|
- date: nowDate.getDate()
|
|
|
- }
|
|
|
- const 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
|
|
|
- // limitedDate ：发送时间
|
|
|
- // lastModifyDate ：回调
|
|
|
- // usedTime ：用时
|
|
|
- const tableData = res.data.data.records
|
|
|
- const arry = tableData.map((res) => {
|
|
|
- if (res.lastModifyDate != null && res.lastModifyDate != '') {
|
|
|
- const limitedDate = res.limitedDate
|
|
|
- const lastModifyDate = res.lastModifyDate
|
|
|
- // 发送时间 减去 回调时间
|
|
|
- const date = new Date(limitedDate)
|
|
|
- const time = date.valueOf()
|
|
|
- const modify = new Date(lastModifyDate)
|
|
|
- const last = modify.valueOf()
|
|
|
- const used = last - time
|
|
|
- res.usedTime = used
|
|
|
- }
|
|
|
- return res
|
|
|
- })
|
|
|
- this.tableData = arry
|
|
|
- console.log(arry)
|
|
|
- this.total = res.data.data.total
|
|
|
- console.log(res.data.data.records)
|
|
|
- })
|
|
|
- },
|
|
|
- // 搜索手机号
|
|
|
- onphon() {
|
|
|
- console.log(this.phone)
|
|
|
- },
|
|
|
- // 搜索面额
|
|
|
- changeflow() {
|
|
|
- const flow = this.flowAmount
|
|
|
- // let body=this.body.flowAmount;
|
|
|
- this.body.flowAmount = flow * 10000
|
|
|
- },
|
|
|
- // 搜索发送时间
|
|
|
- oncustom() {
|
|
|
- const applyDateStart = this.applyDateStart
|
|
|
- this.body.applyDateStart = applyDateStart[0]
|
|
|
- this.body.applyDateEnd = applyDateStart[1]
|
|
|
- // console.log(applyDateStart)
|
|
|
- // console.log(this.body.applyDateStart)
|
|
|
- },
|
|
|
- // 搜索回调时间
|
|
|
- oncheckTimeStart() {
|
|
|
- // checkTimeStart:"",
|
|
|
- // checkTimeEnd:"",
|
|
|
- const 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 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-top:20px;
|
|
|
- padding-right: 40px;
|
|
|
- }
|
|
|
- .phone{
|
|
|
- width:66.5% !important ;
|
|
|
- z-index: 100;
|
|
|
- }
|
|
|
- /* .classitem{
|
|
|
- background: salmon;
|
|
|
- } */
|
|
|
+<style>
|
|
|
+
|
|
|
</style>
|
