Browse Source

’新增分成详细列表

git commit -m ’新增分成详细列表
master
j1ack 2 years ago
parent
commit
24c201506d
  1. 17
      src/api/form.js
  2. 3
      src/router/index.js
  3. 215
      src/views/pay/payOrder/payDailiDivideDetail.vue
  4. BIN
      测试.zip

17
src/api/form.js

@ -1338,3 +1338,20 @@ export const pkUpdateBalanceRecord = {
})
},
}
/**
* 代理分成详细列表
*/
export const agentDivideList = {
// 查询线下转卡订单流水列表
listInfo: (query) => {
return request({
url: '/record/agentDivideList',
method: 'get',
params: query,
})
},
}

3
src/router/index.js

@ -29,7 +29,8 @@ import Layout from '@/layout'
*/
// 公共路由
export const constantRoutes = [{
export const constantRoutes = [
{
path: '/redirect',
component: Layout,
hidden: true,

215
src/views/pay/payOrder/payDailiDivideDetail.vue

@ -0,0 +1,215 @@
<template>
<div class="app-container">
<div class="flexBet searchTop">
<div class="title flex m20">
<div class="bar"></div>
<div class="text">代理分成详细列表</div>
</div>
<el-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">
<el-button type="primary" plain icon="" size="medium" @click="handleAdd">新增</el-button>
</el-col> -->
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
</div>
<div class="bg">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="86px"
class="flex form" style="padding:0 20px">
<el-form-item label="订单商户" prop="storeName">
<el-input size="medium" v-model="queryParams.storeName" placeholder="请输入商户"
@keyup.enter.native="handleQuery" style="width: 215px;border-color: #E6F1FF;" />
</el-form-item>
<el-form-item label="代理名称" prop="name">
<el-input size="medium" v-model="queryParams.name" placeholder="请输入代理" @keyup.enter.native="handleQuery"
style="width: 215px;border-color: #E6F1FF;" />
</el-form-item>
<el-form-item label="添加时间">
<el-date-picker v-model="dateRange" size="small" style="width: 240px" value-format="yyyy-MM-dd"
type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"
:unlink-panels="true"></el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="" size="medium" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="medium" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-table stripe v-loading="loading" :data="infoList">
<el-table-column label="代理名称" align="center" prop="name" />
<el-table-column label="订单商户" align="center" prop="storeName" />
<el-table-column label="订单金额" align="center" prop="rechargeOrderAmount" />
<el-table-column label="分成总金额" align="center" prop="amount" />
<el-table-column label="分成费率" align="center" prop="requestInfo">
<template slot-scope="scope">
{{ NumberMul(scope.row.rate, 100) }}%
</template>
</el-table-column>
<el-table-column label="单笔分成金额" align="center" prop="single" />
<el-table-column label="订单号" align="center" prop="rechargeOrderNo" />
<el-table-column label="分成等级" align="center" prop="agentLev" />
<el-table-column label="添加时间" align="center" prop="createTime" />
</el-table>
<pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize" @pagination="getList" />
</div>
</div>
</template>
<script>
import { common_api, agentDivideList } from "@/api/form";
export default {
name: "PkAdWeiList",
data() {
return {
dateRange: [],
// 广
imageUrl: "",
//
loading: true,
//
exportLoading: false,
//
ids: [],
//
single: true,
//
multiple: true,
//
showSearch: true,
//
total: 0,
// 广
infoList: [],
//
title: "",
//
open: false,
//
queryParams: {
pageNum: 1,
pageSize: 20,
storeName: null,
name: null,
},
//
form: {},
//
rules: {
positionName: [
{ required: true, message: "请输入广告名称", trigger: "blur" },
]
}
};
},
created() {
this.getList();
},
methods: {
getList() {
this.loading = true;
agentDivideList
.listInfo(this.addSESDateRange(this.queryParams, this.dateRange))
.then((response) => {
this.infoList = response.data;
this.total = Number(response.total);
this.loading = false;
});
},
//
cancel() {
this.open = false;
this.reset();
},
//
reset() {
this.form = {};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.dateRange = [];
this.resetForm("queryForm");
this.handleQuery();
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加广告位信息";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids;
pkUserInfo.getInfo(id).then((response) => {
this.form = response.data;
this.open = true;
this.title = "修改广告位信息";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate((valid) => {
if (valid) {
const loading = this.$loading({
lock: true,
text: `正在${this.form.id ? "修改" : "添加"}广告位信息`,
spinner: "el-icon-loading",
background: "rgba(0, 0, 0, 0.7)",
});
if (this.form.id != null) {
pkUserInfo.updateInfo(this.form).then((response) => {
loading.close();
this.open = false;
this.msgSuccess("修改成功");
this.getList();
}).catch(() => {
loading.close();
})
} else {
pkUserInfo.addInfo(this.form).then((response) => {
loading.close();
this.open = false;
this.msgSuccess("新增成功");
this.getList();
}).catch(() => {
loading.close();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$confirm(
'是否确认删除广告位名称为"' + row.positionName + '"的数据项?',
"警告",
{
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
}
)
.then(function () {
return pkUserInfo.delInfo(ids);
})
.then(() => {
this.getList();
this.msgSuccess("删除成功");
})
.catch(() => { });
}
},
};
</script>

BIN
测试.zip

Binary file not shown.
Loading…
Cancel
Save