guolong
/
wj_nft_backend_page
0
0
Fork 0
Code Issues Pull Requests Activity
Browse Source

支付方式功能

dev
0.0 3 years ago
parent
2254869ba6
commit
8b7586524a
2 changed files with 346 additions and 0 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. 44
      src/api/wjnft/payway.js
  2. 302
      src/views/wjnft/payway/index.vue

44
src/api/wjnft/payway.js
Unescape View File

@ -0,0 +1,44 @@
import request from '@/utils/request'
// 查询付款方式列表
export function listPayway(query) {
return request({
url: '/wjnft/payway/list',
method: 'get',
params: query
})
}
// 查询付款方式详细
export function getPayway(id) {
return request({
url: '/wjnft/payway/' + id,
method: 'get'
})
}
// 新增付款方式
export function addPayway(data) {
return request({
url: '/wjnft/payway',
method: 'post',
data: data
})
}
// 修改付款方式
export function updatePayway(data) {
return request({
url: '/wjnft/payway',
method: 'put',
data: data
})
}
// 删除付款方式
export function delPayway(id) {
return request({
url: '/wjnft/payway/' + id,
method: 'delete'
})
}

302
src/views/wjnft/payway/index.vue
Unescape View File

@ -0,0 +1,302 @@
<template>
<div class="app-container">
<!-- <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">-->
<!-- <el-form-item label="支付方式" prop="payWay">-->
<!-- <el-input-->
<!-- v-model="queryParams.payWay"-->
<!-- placeholder="请输入支付方式"-->
<!-- clearable-->
<!-- size="small"-->
<!-- @keyup.enter.native="handleQuery"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="是否启用" prop="state">-->
<!-- <el-input-->
<!-- v-model="queryParams.state"-->
<!-- placeholder="请输入是否启用"-->
<!-- clearable-->
<!-- size="small"-->
<!-- @keyup.enter.native="handleQuery"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- <el-form-item label="启用时间" prop="uptatedTime">-->
<!-- <el-date-picker clearable size="small"-->
<!-- v-model="queryParams.uptatedTime"-->
<!-- type="date"-->
<!-- value-format="yyyy-MM-dd"-->
<!-- 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-row :gutter="10" class="mb8">
<!-- <el-col :span="1.5">-->
<!-- <el-button-->
<!-- type="primary"-->
<!-- plain-->
<!-- icon="el-icon-plus"-->
<!-- size="mini"-->
<!-- @click="handleAdd"-->
<!-- v-hasPermi="['wjnft:payway:add']"-->
<!-- >新增</el-button>-->
<!-- </el-col>-->
<!-- <el-col :span="1.5">-->
<!-- <el-button-->
<!-- type="success"-->
<!-- plain-->
<!-- icon="el-icon-edit"-->
<!-- size="mini"-->
<!-- :disabled="single"-->
<!-- @click="handleUpdate"-->
<!-- v-hasPermi="['wjnft:payway:edit']"-->
<!-- >修改</el-button>-->
<!-- </el-col>-->
<!-- <el-col :span="1.5">-->
<!-- <el-button-->
<!-- type="danger"-->
<!-- plain-->
<!-- icon="el-icon-delete"-->
<!-- size="mini"-->
<!-- :disabled="multiple"-->
<!-- @click="handleDelete"-->
<!-- v-hasPermi="['wjnft:payway:remove']"-->
<!-- >删除</el-button>-->
<!-- </el-col>-->
<!-- <el-col :span="1.5">-->
<!-- <el-button-->
<!-- type="warning"-->
<!-- plain-->
<!-- icon="el-icon-download"-->
<!-- size="mini"-->
<!-- @click="handleExport"-->
<!-- v-hasPermi="['wjnft:payway:export']"-->
<!-- >导出</el-button>-->
<!-- </el-col>-->
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="paywayList" @selection-change="handleSelectionChange">
<!-- <el-table-column type="selection" width="55" align="center" />-->
<el-table-column label="id" align="center" prop="id" />
<el-table-column label="支付方式" align="center" prop="payWay" />
<!-- <el-table-column label="是否启用" align="center" prop="state" />-->
<el-table-column label="是否启用" align="center" prop="state">
<template slot-scope="scope">
<el-switch
v-model="scope.row.state"
@change="test(scope)"
active-text="是"
inactive-text="否">
</el-switch>
</template>
</el-table-column>
<el-table-column label="修改时间" align="center" prop="uptatDedTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updatedTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width">-->
<!-- <template slot-scope="scope">-->
<!-- <el-button-->
<!-- size="mini"-->
<!-- type="text"-->
<!-- icon="el-icon-edit"-->
<!-- @click="handleUpdate(scope.row)"-->
<!-- v-hasPermi="['wjnft:payway:edit']"-->
<!-- >修改</el-button>-->
<!-- <el-button-->
<!-- size="mini"-->
<!-- type="text"-->
<!-- icon="el-icon-delete"-->
<!-- @click="handleDelete(scope.row)"-->
<!-- v-hasPermi="['wjnft:payway:remove']"-->
<!-- >删除</el-button>-->
<!-- </template>-->
<!-- </el-table-column>-->
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改付款方式对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="支付方式" prop="payWay">
<el-input v-model="form.payWay" placeholder="请输入支付方式" />
</el-form-item>
<el-form-item label="是否启用" prop="state">
<el-input v-model="form.state" placeholder="请输入是否启用" />
</el-form-item>
<el-form-item label="启用时间" prop="uptatedTime">
<el-date-picker clearable size="small"
v-model="form.uptatedTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择启用时间">
</el-date-picker>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
import { listPayway, getPayway, delPayway, addPayway, updatePayway } from "@/api/wjnft/payway";
import {updateAgreement} from "@/api/wjnft/agreement";
export default {
name: "Payway",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 付款方式表格数据
paywayList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
payWay: null,
state: null,
updatedTime: null
},
// 表单参数
form: {},
// 表单校验
rules: {
}
};
},
created() {
this.getList();
},
methods: {
/** 查询付款方式列表 */
getList() {
this.loading = true;
listPayway(this.queryParams).then(response => {
this.paywayList = response.rows;
this.total = response.total;
this.loading = false;
});
},
test(scope) {
this.reset();
let id = {id :scope.row.id, state: scope.row.state}
updatePayway(id).then(response => {
this.$modal.msgSuccess("修改成功");
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
payWay: null,
state: null,
uptatedTime: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加付款方式";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids
getPayway(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改付款方式";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updatePayway(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addPayway(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除付款方式编号为"' + ids + '"的数据项？').then(function() {
return delPayway(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('wjnft/payway/export', {
...this.queryParams
}, `payway_${new Date().getTime()}.xlsx`)
}
}
};
</script>
Write Preview
Loading…
Cancel
Save