缴费
This commit is contained in:
fz
@@ -0,0 +1,193 @@
|
|||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
|
||||||
|
<el-form-item label="申请人" prop="ipaddr">
|
||||||
|
<el-input v-model="queryParams.ipaddr" placeholder="请输入登录地址" clearable @keyup.enter.native="handleQuery" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="提交人" prop="userName">
|
||||||
|
<el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable
|
||||||
|
@keyup.enter.native="handleQuery" />
|
||||||
|
</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="dataList" style="width: 100%;">
|
||||||
|
<el-table-column label="序号" type="index" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="申请人名称" align="center" prop="name" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="案件数量" align="center" prop="casesNumber" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="标的总金额" align="center" prop="totalAmount" />
|
||||||
|
<el-table-column label="提交日期" align="center" prop="date" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="提交人" align="center" prop="presenter" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="状态" align="center" prop="state" />
|
||||||
|
<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-download" @click="confirmation(scope.row)"
|
||||||
|
v-hasPermi="['monitor:online:forceLogout']">查看缴费清单</el-button>
|
||||||
|
<el-button size="mini" type="text" icon="el-icon-bank-card" @click="confirmation(scope.row)"
|
||||||
|
v-hasPermi="['monitor:online:forceLogout']">缴费确认</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
|
||||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="150px" :disabled="true">
|
||||||
|
<el-form-item label="案件编号：" prop="caseNumber">
|
||||||
|
<el-input v-model="form.caseNumber" placeholder="请输入岗位名称" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="申请人：" prop="applicant">
|
||||||
|
<el-input v-model="form.applicant" placeholder="请输入编码名称" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="案件标的：" prop="caseIdentifying">
|
||||||
|
<el-input-number v-model="form.caseIdentifying" controls-position="right" :min="0" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="案件应缴费用：" prop="feePayable">
|
||||||
|
<el-input-number v-model="form.feePayable" controls-position="right" :min="0" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="案件实缴费用：" prop="actualPayment">
|
||||||
|
<el-input-number v-model="form.actualPayment" controls-position="right" :min="0" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="被申请人：" prop="respondent">
|
||||||
|
<el-input v-model="form.Respondent" placeholder="请输入编码名称" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="申请人仲裁诉求：" prop="appeal">
|
||||||
|
<el-input v-model="form.appeal" placeholder="请输入编码名称" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="案件状态：" prop="state">
|
||||||
|
<el-input v-model="form.state" placeholder="请输入编码名称" />
|
||||||
|
</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>
|
||||||
|
<pagination v-show="total > 0" :total="total" :page.sync="pageNum" :limit.sync="pageSize" />
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { list, forceLogout } from "@/api/monitor/online";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "payList",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
// 遮罩层
|
||||||
|
loading: false,
|
||||||
|
// 总条数
|
||||||
|
total: 0,
|
||||||
|
// 表格数据
|
||||||
|
list: [],
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
// 弹出层标题
|
||||||
|
title: "",
|
||||||
|
// 是否显示弹出层
|
||||||
|
open: false,
|
||||||
|
// 查询参数
|
||||||
|
queryParams: {
|
||||||
|
ipaddr: undefined,
|
||||||
|
userName: undefined
|
||||||
|
},
|
||||||
|
// 弹出层内容
|
||||||
|
form: {
|
||||||
|
caseNumber:'111',
|
||||||
|
applicant:'韩超勃',
|
||||||
|
caseIdentifying:10000,
|
||||||
|
feePayable:1000,
|
||||||
|
actualPayment:980,
|
||||||
|
Respondent:'黄海龙',
|
||||||
|
appeal:'杀人放火',
|
||||||
|
state:'已缴费',
|
||||||
|
},
|
||||||
|
// 校验表单
|
||||||
|
rules: {
|
||||||
|
postName: [
|
||||||
|
{ required: true, message: "岗位名称不能为空", trigger: "blur" }
|
||||||
|
],
|
||||||
|
postCode: [
|
||||||
|
{ required: true, message: "岗位编码不能为空", trigger: "blur" }
|
||||||
|
],
|
||||||
|
postSort: [
|
||||||
|
{ required: true, message: "岗位顺序不能为空", trigger: "blur" }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
dataList: [
|
||||||
|
{
|
||||||
|
name: '黄海龙',
|
||||||
|
casesNumber: 1,
|
||||||
|
totalAmount: '1000',
|
||||||
|
date: '2016-05-02',
|
||||||
|
presenter: '韩超勃',
|
||||||
|
state: "待缴费"
|
||||||
|
}, {
|
||||||
|
name: '黄海龙',
|
||||||
|
casesNumber: 1,
|
||||||
|
totalAmount: '1000',
|
||||||
|
date: '2016-05-02',
|
||||||
|
presenter: '韩超勃',
|
||||||
|
state: "待缴费"
|
||||||
|
}, {
|
||||||
|
name: '黄海龙',
|
||||||
|
casesNumber: 2,
|
||||||
|
totalAmount: '1000',
|
||||||
|
date: '2016-05-02',
|
||||||
|
presenter: '韩超勃',
|
||||||
|
state: "待缴费"
|
||||||
|
}, {
|
||||||
|
name: '黄海龙',
|
||||||
|
casesNumber: 3,
|
||||||
|
totalAmount: '1000',
|
||||||
|
date: '2016-05-02',
|
||||||
|
presenter: '韩超勃',
|
||||||
|
state: "待缴费"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
// this.getList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 取消按钮
|
||||||
|
cancel() {
|
||||||
|
this.open = false;
|
||||||
|
},
|
||||||
|
/** 新增按钮操作 */
|
||||||
|
confirmation() {
|
||||||
|
debugger
|
||||||
|
this.open = true;
|
||||||
|
this.title = "缴费确认";
|
||||||
|
},
|
||||||
|
// 提交表单
|
||||||
|
submitForm(){},
|
||||||
|
/** 查询登录日志列表 */
|
||||||
|
getList() {
|
||||||
|
// this.loading = true;
|
||||||
|
// list(this.queryParams).then(response => {
|
||||||
|
// this.list = response.rows;
|
||||||
|
// this.total = response.total;
|
||||||
|
// this.loading = false;
|
||||||
|
// });
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
// this.pageNum = 1;
|
||||||
|
// this.getList();
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
// this.resetForm("queryForm");
|
||||||
|
// this.handleQuery();
|
||||||
|
},
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
@@ -1,15 +1,193 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div class="app-container">
|
||||||
缴费
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
|
||||||
|
<el-form-item label="申请人" prop="ipaddr">
|
||||||
|
<el-input v-model="queryParams.ipaddr" placeholder="请输入登录地址" clearable @keyup.enter.native="handleQuery" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="提交人" prop="userName">
|
||||||
|
<el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable
|
||||||
|
@keyup.enter.native="handleQuery" />
|
||||||
|
</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="dataList" style="width: 100%;">
|
||||||
|
<el-table-column label="序号" type="index" align="center">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="申请人名称" align="center" prop="name" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="案件数量" align="center" prop="casesNumber" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="标的总金额" align="center" prop="totalAmount" />
|
||||||
|
<el-table-column label="提交日期" align="center" prop="date" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="提交人" align="center" prop="presenter" :show-overflow-tooltip="true" />
|
||||||
|
<el-table-column label="状态" align="center" prop="state" />
|
||||||
|
<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-download" @click="confirmation(scope.row)"
|
||||||
|
v-hasPermi="['monitor:online:forceLogout']">查看缴费清单</el-button>
|
||||||
|
<el-button size="mini" type="text" icon="el-icon-bank-card" @click="confirmation(scope.row)"
|
||||||
|
v-hasPermi="['monitor:online:forceLogout']">缴费</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
<el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
|
||||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="150px" :disabled="true">
|
||||||
|
<el-form-item label="案件编号：" prop="caseNumber">
|
||||||
|
<el-input v-model="form.caseNumber" placeholder="请输入岗位名称" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="申请人：" prop="applicant">
|
||||||
|
<el-input v-model="form.applicant" placeholder="请输入编码名称" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="案件标的：" prop="caseIdentifying">
|
||||||
|
<el-input-number v-model="form.caseIdentifying" controls-position="right" :min="0" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="案件应缴费用：" prop="feePayable">
|
||||||
|
<el-input-number v-model="form.feePayable" controls-position="right" :min="0" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="案件实缴费用：" prop="actualPayment">
|
||||||
|
<el-input-number v-model="form.actualPayment" controls-position="right" :min="0" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="被申请人：" prop="respondent">
|
||||||
|
<el-input v-model="form.Respondent" placeholder="请输入编码名称" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="申请人仲裁诉求：" prop="appeal">
|
||||||
|
<el-input v-model="form.appeal" placeholder="请输入编码名称" />
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="案件状态：" prop="state">
|
||||||
|
<el-input v-model="form.state" placeholder="请输入编码名称" />
|
||||||
|
</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>
|
||||||
|
<pagination v-show="total > 0" :total="total" :page.sync="pageNum" :limit.sync="pageSize" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
import { list, forceLogout } from "@/api/monitor/online";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "payList",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
// 遮罩层
|
||||||
|
loading: false,
|
||||||
|
// 总条数
|
||||||
|
total: 0,
|
||||||
|
// 表格数据
|
||||||
|
list: [],
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
// 弹出层标题
|
||||||
|
title: "",
|
||||||
|
// 是否显示弹出层
|
||||||
|
open: false,
|
||||||
|
// 查询参数
|
||||||
|
queryParams: {
|
||||||
|
ipaddr: undefined,
|
||||||
|
userName: undefined
|
||||||
|
},
|
||||||
|
// 弹出层内容
|
||||||
|
form: {
|
||||||
|
caseNumber:'111',
|
||||||
|
applicant:'韩超勃',
|
||||||
|
caseIdentifying:10000,
|
||||||
|
feePayable:1000,
|
||||||
|
actualPayment:980,
|
||||||
|
Respondent:'黄海龙',
|
||||||
|
appeal:'杀人放火',
|
||||||
|
state:'已缴费',
|
||||||
|
},
|
||||||
|
// 校验表单
|
||||||
|
rules: {
|
||||||
|
postName: [
|
||||||
|
{ required: true, message: "岗位名称不能为空", trigger: "blur" }
|
||||||
|
],
|
||||||
|
postCode: [
|
||||||
|
{ required: true, message: "岗位编码不能为空", trigger: "blur" }
|
||||||
|
],
|
||||||
|
postSort: [
|
||||||
|
{ required: true, message: "岗位顺序不能为空", trigger: "blur" }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
dataList: [
|
||||||
|
{
|
||||||
|
name: '黄海龙',
|
||||||
|
casesNumber: 1,
|
||||||
|
totalAmount: '1000',
|
||||||
|
date: '2016-05-02',
|
||||||
|
presenter: '韩超勃',
|
||||||
|
state: "待缴费"
|
||||||
|
}, {
|
||||||
|
name: '黄海龙',
|
||||||
|
casesNumber: 1,
|
||||||
|
totalAmount: '1000',
|
||||||
|
date: '2016-05-02',
|
||||||
|
presenter: '韩超勃',
|
||||||
|
state: "待缴费"
|
||||||
|
}, {
|
||||||
|
name: '黄海龙',
|
||||||
|
casesNumber: 2,
|
||||||
|
totalAmount: '1000',
|
||||||
|
date: '2016-05-02',
|
||||||
|
presenter: '韩超勃',
|
||||||
|
state: "待缴费"
|
||||||
|
}, {
|
||||||
|
name: '黄海龙',
|
||||||
|
casesNumber: 3,
|
||||||
|
totalAmount: '1000',
|
||||||
|
date: '2016-05-02',
|
||||||
|
presenter: '韩超勃',
|
||||||
|
state: "待缴费"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
// this.getList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 取消按钮
|
||||||
|
cancel() {
|
||||||
|
this.open = false;
|
||||||
|
},
|
||||||
|
/** 新增按钮操作 */
|
||||||
|
confirmation() {
|
||||||
|
debugger
|
||||||
|
this.open = true;
|
||||||
|
this.title = "缴费确认";
|
||||||
|
},
|
||||||
|
// 提交表单
|
||||||
|
submitForm(){},
|
||||||
|
/** 查询登录日志列表 */
|
||||||
|
getList() {
|
||||||
|
// this.loading = true;
|
||||||
|
// list(this.queryParams).then(response => {
|
||||||
|
// this.list = response.rows;
|
||||||
|
// this.total = response.total;
|
||||||
|
// this.loading = false;
|
||||||
|
// });
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
// this.pageNum = 1;
|
||||||
|
// this.getList();
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
// this.resetForm("queryForm");
|
||||||
|
// this.handleQuery();
|
||||||
|
},
|
||||||
}
|
}
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
|
|
||||||
</style>
|
|
||||||
+3
-1
@@ -34,8 +34,10 @@ module.exports = {
|
|||||||
open: true,
|
open: true,
|
||||||
proxy: {
|
proxy: {
|
||||||
// detail: https://cli.vuejs.org/config/#devserver-proxy
|
// detail: https://cli.vuejs.org/config/#devserver-proxy
|
||||||
|
// http://121.40.189.20:9001/
|
||||||
|
// http://192.168.3.77:8080
|
||||||
[process.env.VUE_APP_BASE_API]: {
|
[process.env.VUE_APP_BASE_API]: {
|
||||||
target: `http://192.168.3.77:8080`,
|
target: `http://121.40.189.20:9001`,
|
||||||
changeOrigin: true,
|
changeOrigin: true,
|
||||||
pathRewrite: {
|
pathRewrite: {
|
||||||
['^' + process.env.VUE_APP_BASE_API]: ''
|
['^' + process.env.VUE_APP_BASE_API]: ''
|
||||||
|
|||||||
Reference in New Issue
Block a user