|
|
@@ -1,390 +1,646 @@
|
|
|
<template>
|
|
|
- <!-- 分发记录表 -->
|
|
|
- <div>
|
|
|
+ <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 class="DistributeTable">
|
|
|
- <el-table v-loading="loading" :data="tableData" border style="width: 100%">
|
|
|
- <el-table-column type="selection" />
|
|
|
+ </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"
|
|
|
+ />
|
|
|
|
|
|
- <el-table-column label="订单号" width="200" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.orderId }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ </div>
|
|
|
|
|
|
- <el-table-column label="分发订单号" width="200" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.recId }}</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.mobileNo }}</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.packageId }}</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="流量产品包（foss平台）" width="200" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.fossPackageId }}</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="流量大小（面额）导数据注意转换" 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.orderId }}</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="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.createDate }}</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.modifyDate }}</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="发送状态：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="流量包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="网关订单号（供应商订单号）" width="200" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.gwSeqNo }}</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.gwStatus }}</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.gwErrorCode }}</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.gwErrorMsg }}</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.mobileHome }}</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="应用ID" width="200" align="center">
|
|
|
- <template slot-scope="scope">
|
|
|
- <span>{{ scope.row.appId }}</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="最后回调信息" 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">
|
|
|
+ <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.operatorBalancePrice }}</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.batchCount }}</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.customerProducts }}</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.channelProducts }}</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.operatorId }}</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.recordLog }}</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
+ </el-table>
|
|
|
|
|
|
- </el-table>
|
|
|
+ <!--分页-->
|
|
|
+ <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"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { ordersearch } from '@/api/orderList'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- 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'
|
|
|
- }
|
|
|
+ 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: '无需回调' }
|
|
|
]
|
|
|
}
|
|
|
+ },
|
|
|
+ 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>
|
|
|
-
|
|
|
+<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>
|
