bnyer
/
bnyer-cloud-page
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feature:新增签约订单界面

master
chengkun 2 years ago
parent
76467d164d
commit
1b119702fe
3 changed files with 402 additions and 4 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      src/views/rights/aliPayOrder/index.vue
  2. 229
      src/views/rights/aliPaySigningOrder/index.vue
  3. 170
      src/views/rights/rightsOrder/index.vue

7
src/views/rights/aliPayOrder/index.vue
View File

@ -71,8 +71,8 @@
<el-table v-loading="loading" :data="aliPayOrderList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="50" align="center" />
<el-table-column label="id" align="center" key="id" prop="id" v-if="columns[0].visible" />
<el-table-column label="手机号" align="center" key="mobile" prop="mobile" v-if="columns[1].visible" />
<el-table-column label="订单创建时间" align="center" key="orderTime" prop="orderTime" v-if="columns[2].visible">
<el-table-column label="手机号" align="center" key="mobile" prop="mobile" v-if="columns[1].visible" width="150"/>
<el-table-column label="订单创建时间" align="center" key="orderTime" prop="orderTime" v-if="columns[2].visible" width="150">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.orderTime) }}</span>
</template>
@ -105,8 +105,7 @@
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
@pagination="getList"/>
</el-col>
</el-row>
</div>

229
src/views/rights/aliPaySigningOrder/index.vue
View File

@ -0,0 +1,229 @@
<template>
<div class="app-container">
<el-row :gutter="20">
<!--aliPaySigningOrder数据-->
<el-col :span="20" :xs="24">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="90px">
<el-form-item label="签约号" prop="outTradeNo">
<el-input
v-model="queryParams.outTradeNo"
placeholder="请输入签约号"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="链接Id" prop="linkId">
<el-input
v-model="queryParams.linkId"
placeholder="请输入链接Id"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="链接名字" prop="linkName">
<el-input
v-model="queryParams.linkName"
placeholder="请输入链接名字"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="手机号" prop="mobile">
<el-input
v-model="queryParams.mobile"
placeholder="请输入手机号"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="订单状态" prop="status" label-width="80px">
<el-select v-model="queryParams.status" placeholder="订单状态" clearable>
<el-option
v-for="item in status"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
</el-form-item>
<el-form-item label="订单时间">
<el-date-picker
v-model="dateTimeRange"
style="width: 240px"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
range-separator="至"
start-placeholder="订单开始时间"
end-placeholder="订单结束时间"
></el-date-picker>
</el-form-item>
<el-form-item label="下次支付时间" label-width="100px">
<el-date-picker
v-model="dateTimeRange"
style="width: 240px"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
range-separator="至"
start-placeholder="下次支付开始时间"
end-placeholder="下次支付结束时间"
></el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table v-loading="loading" :data="aliPaySigningOrderList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="50" align="center" />
<el-table-column label="id" align="center" key="id" prop="id" v-if="columns[0].visible" />
<el-table-column label="手机号" align="center" key="mobile" prop="mobile" v-if="columns[1].visible" width="150"/>
<el-table-column label="订单创建时间" align="center" key="orderTime" prop="orderTime" v-if="columns[2].visible" width="150">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.orderTime) }}</span>
</template>
</el-table-column>
<el-table-column label="支付宝签约号" align="center" key="signCode" prop="signCode" v-if="columns[3].visible" width="180"/>
<el-table-column label="支付价格" align="center" key="price" prop="price" v-if="columns[4].visible" width="80"/>
<el-table-column label="其他类型签约号" align="center" key="otherOrderId" prop="otherOrderId" v-if="columns[5].visible" width="210"/>
<el-table-column label="用户支付宝唯一id" align="center" key="aliUserId" prop="aliUserId" v-if="columns[6].visible" width="150"/>
<el-table-column label="退订时间" align="center" key="unsubTime" prop="unsubTime" v-if="columns[7].visible">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.unsubTime) }}</span>
</template>
</el-table-column>
<el-table-column label="业务类型" align="center" key="businessType" prop="businessType" v-if="columns[8].visible" :show-overflow-tooltip="true" width="100">
<template slot-scope="scope">
{{scope.row.status == '1' ? "权益类业务" :''}}
</template>
</el-table-column>
<el-table-column label="链接Id" align="center" key="linkId" prop="linkId" v-if="columns[9].visible" :show-overflow-tooltip="true" width="100"/>
<el-table-column label="链接名字" align="center" key="linkName" prop="linkName" v-if="columns[10].visible" :show-overflow-tooltip="true" />
<el-table-column label="订单状态" align="center" key="status" prop="status" v-if="columns[11].visible" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{scope.row.status == '0' ? "失败" : scope.row.status == '1' ? "成功": scope.row.status == '2' ? "支付成功尚未回调":''}}
</template>
</el-table-column>
<el-table-column label="下次续费时间" align="center" key="nextPayTime" prop="nextPayTime" v-if="columns[12].visible" width="150">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.nextPayTime) }}</span>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"/>
</el-col>
</el-row>
</div>
</template>
<script>
import { listAliPaySigningOrder } from "@/api/rights/aliPaySigningOrder";
export default {
name: "aliPaySigningOrder",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 阿里订单列表数据
aliPaySigningOrderList: null,
// 是否显示弹出层
open: false,
// 日期时间范围
dateTimeRange: [],
//订单状态
status: [
{ value:'0',label:'失败'},
{ value:'1',label:'成功'},
{ value:'2',label:'支付成功尚未回调'},
],
// 表单参数
form: {},
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
outTradeNo: undefined,
linkId: undefined,
linkName: undefined,
mobile: undefined,
status: undefined,
beginTime: undefined,
endTime: undefined,
beginSearchNextPayTime: undefined,
endSearchNextPayTime: undefined
},
// 列信息
columns: [
{ key: 0, label: `id`, visible: true },
{ key: 1, label: `手机号`, visible: true },
{ key: 2, label: `订单创建时间`, visible: true },
{ key: 3, label: `支付宝签约号`, visible: true },
{ key: 4, label: `支付价格`, visible: true },
{ key: 5, label: `其他类型签约号`, visible: true },
{ key: 6, label: `用户支付宝唯一id`, visible: true },
{ key: 7, label: `退订时间`, visible: true },
{ key: 8, label: `业务类型`, visible: true },
{ key: 9, label: `链接Id`, visible: true },
{ key: 10, label: `链接名称`, visible: true },
{ key: 11, label: `订单状态`, visible: true },
{ key: 12, label: `下次续费时间`, visible: true }
],
};
},
created() {
this.getList();
},
methods: {
/** 查询aliQPayOrder列表 */
getList() {
this.loading = true;
listAliPaySigningOrder(this.addDateRange(this.queryParams,this.dateTimeRange)).then(response => {
this.aliPaySigningOrderList = response.records;
this.total = response.total;
this.loading = false;
}
);
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateTimeRange = [];
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
}
};
</script>

170
src/views/rights/rightsOrder/index.vue
View File

@ -0,0 +1,170 @@
<template>
<div class="app-container">
<el-row :gutter="20">
<!--rightsOrder数据-->
<el-col :span="20" :xs="24">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="90px">
<el-form-item label="手机号" prop="mobile">
<el-input
v-model="queryParams.mobile"
placeholder="请输入手机号"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="订单状态" prop="status" label-width="80px">
<el-select v-model="queryParams.status" placeholder="订单状态" clearable>
<el-option
v-for="item in status"
:key="item.value"
:label="item.label"
:value="item.value"/>
</el-select>
</el-form-item>
<el-form-item label="产品编码" prop="productNumber">
<el-input
v-model="queryParams.productNumber"
placeholder="请输入产品编码"
clearable
style="width: 200px"
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="下单时间">
<el-date-picker
v-model="dateTimeRange"
style="width: 240px"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间"
></el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table v-loading="loading" :data="rightsOrderList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="50" align="center" />
<el-table-column label="id" align="center" key="id" prop="id" v-if="columns[0].visible" />
<el-table-column label="手机号" align="center" key="mobile" prop="mobile" v-if="columns[1].visible" width="150"/>
<el-table-column label="订单创建时间" align="center" key="orderTime" prop="orderTime" v-if="columns[2].visible" width="150">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.orderTime) }}</span>
</template>
</el-table-column>
<el-table-column label="权益类型" align="center" key="rightsType" prop="rightsType" v-if="columns[3].visible" width="180"/>
<el-table-column label="产品编码" align="center" key="productNumber" prop="productNumber" v-if="columns[4].visible" width="100"/>
<el-table-column label="接口响应码" align="center" key="code" prop="code" v-if="columns[5].visible" width="210"/>
<el-table-column label="原因" align="center" key="reason" prop="reason" v-if="columns[6].visible" width="150"/>
<el-table-column label="订单状态" align="center" key="status" prop="status" v-if="columns[7].visible" :show-overflow-tooltip="true">
<template slot-scope="scope">
{{scope.row.status == '0' ? "失败" : scope.row.status == '1' ? "成功": scope.row.status == '2' ? "下单成功尚未回调":''}}
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"/>
</el-col>
</el-row>
</div>
</template>
<script>
import { listRightsOrder } from "@/api/rights/rightsOrder";
export default {
name: "rightsOrder",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 权益领取订单列表数据
rightsOrderList: null,
// 日期时间范围
dateTimeRange: [],
//订单状态
status: [
{ value:'0',label:'失败'},
{ value:'1',label:'成功'},
{ value:'2',label:'下单成功尚未回调'},
],
// 表单参数
form: {},
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
productNumber: undefined,
mobile: undefined,
status: undefined,
beginTime: undefined,
endTime: undefined
},
// 列信息
columns: [
{ key: 0, label: `id`, visible: true },
{ key: 1, label: `手机号`, visible: true },
{ key: 2, label: `订单创建时间`, visible: true },
{ key: 3, label: `权益类型`, visible: true },
{ key: 4, label: `产品编码`, visible: true },
{ key: 5, label: `接口响应码`, visible: true },
{ key: 6, label: `原因`, visible: true },
{ key: 7, label: `订单状态`, visible: true }
],
};
},
created() {
this.getList();
},
methods: {
/** 查询RightsOrder列表 */
getList() {
this.loading = true;
listRightsOrder(this.addDateRange(this.queryParams,this.dateTimeRange)).then(response => {
this.rightsOrderList = response.records;
this.total = response.total;
this.loading = false;
}
);
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateTimeRange = [];
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id);
this.single = selection.length != 1;
this.multiple = !selection.length;
},
}
};
</script>
Write Preview
Loading…
Cancel
Save