Niko
/
shuili_manager
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

资金支付-立项-补充

master
wuxu 2 weeks ago
parent
1416626524
commit
3155587f76
2 changed files with 635 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
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 53
      jwtech-admin-page/src/api/build/payInfo.js
  2. 582
      jwtech-admin-page/src/views/build/payInfo/index.vue

53
jwtech-admin-page/src/api/build/payInfo.js
View File

@ -0,0 +1,53 @@
import request from '@/utils/request'
// 查询资金支付-立项列表
export function listPayInfo(query) {
return request({
url: '/build/payInfo/list',
method: 'post',
data: query
})
}
// 查询资金支付-立项详细
export function getPayInfo(id) {
return request({
url: '/build/payInfo/' + id,
method: 'get'
})
}
// 新增资金支付-立项
export function addPayInfo(data) {
return request({
url: '/build/payInfo',
method: 'post',
data: data
})
}
// 修改资金支付-立项
export function updatePayInfo(data) {
return request({
url: '/build/payInfo',
method: 'put',
data: data
})
}
// 删除资金支付-立项
export function delPayInfo(id) {
return request({
url: '/build/payInfo/' + id,
method: 'delete'
})
}
// 导出资金支付-立项
export function exportPayInfo(query) {
return request({
url: '/build/payInfo/export',
method: 'get',
params: query
})
}

582
jwtech-admin-page/src/views/build/payInfo/index.vue
View File

@ -0,0 +1,582 @@
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch">
<el-form-item label="所属项目" prop="projectName">
<el-input
v-model="queryParams.data.projectName"
placeholder="请输入所属项目"
clearable
size="small"
@keyup.enter.native="handleQuery"
>
<el-button
type="primary"
slot="append"
icon="el-icon-search"
size="small"
@click="handleQuery"
></el-button>
</el-input>
</el-form-item>
<el-form-item label="项目编码" prop="proCode">
<el-input
v-model="queryParams.data.proCode"
placeholder="请输入项目编码"
clearable
size="small"
@keyup.enter.native="handleQuery"
>
<el-button
type="primary"
slot="append"
icon="el-icon-search"
size="small"
@click="handleQuery"
></el-button>
</el-input>
</el-form-item>
<el-form-item label="项目编号" prop="proNo">
<el-input
v-model="queryParams.data.proNo"
placeholder="请输入项目编号"
clearable
size="small"
@keyup.enter.native="handleQuery"
>
<el-button
type="primary"
slot="append"
icon="el-icon-search"
size="small"
@click="handleQuery"
></el-button>
</el-input>
</el-form-item>
<el-form-item label="支付期数" prop="payPeriods">
<el-input
v-model="queryParams.data.payPeriods"
placeholder="请输入支付期数"
clearable
size="small"
@keyup.enter.native="handleQuery"
>
<el-button
type="primary"
slot="append"
icon="el-icon-search"
size="small"
@click="handleQuery"
></el-button>
</el-input>
</el-form-item>
<el-form-item label="支付日期" prop="payDate">
<el-date-picker clearable size="small" style="width: 200px"
v-model="queryParams.payDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择支付日期">
</el-date-picker>
</el-form-item>
<el-form-item label="本期应付金额" prop="payAmount">
<el-input
v-model="queryParams.data.payAmount"
placeholder="请输入本期应付金额"
clearable
size="small"
@keyup.enter.native="handleQuery"
>
<el-button
type="primary"
slot="append"
icon="el-icon-search"
size="small"
@click="handleQuery"
></el-button>
</el-input>
</el-form-item>
<el-form-item label="本期实付金额" prop="payActual">
<el-input
v-model="queryParams.data.payActual"
placeholder="请输入本期实付金额"
clearable
size="small"
@keyup.enter.native="handleQuery"
>
<el-button
type="primary"
slot="append"
icon="el-icon-search"
size="small"
@click="handleQuery"
></el-button>
</el-input>
</el-form-item>
<el-form-item label="本期暂扣款" prop="payDeduction">
<el-input
v-model="queryParams.data.payDeduction"
placeholder="请输入本期暂扣款"
clearable
size="small"
@keyup.enter.native="handleQuery"
>
<el-button
type="primary"
slot="append"
icon="el-icon-search"
size="small"
@click="handleQuery"
></el-button>
</el-input>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams.data.status" placeholder="请选择状态" clearable size="small">
<el-option label="请选择字典生成" value="" />
</el-select>
</el-form-item>
<el-form-item label="创建人" prop="createUid">
<el-input
v-model="queryParams.data.createUid"
placeholder="请输入创建人"
clearable
size="small"
@keyup.enter.native="handleQuery"
>
<el-button
type="primary"
slot="append"
icon="el-icon-search"
size="small"
@click="handleQuery"
></el-button>
</el-input>
</el-form-item>
<el-form-item label="创建时间" prop="createTime">
<el-date-picker clearable size="small" style="width: 200px"
v-model="queryParams.createTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择创建时间">
</el-date-picker>
</el-form-item>
<el-form-item label="更新人" prop="updateUid">
<el-input
v-model="queryParams.data.updateUid"
placeholder="请输入更新人"
clearable
size="small"
@keyup.enter.native="handleQuery"
>
<el-button
type="primary"
slot="append"
icon="el-icon-search"
size="small"
@click="handleQuery"
></el-button>
</el-input>
</el-form-item>
<el-form-item label="更新时间" prop="updateTime">
<el-date-picker clearable size="small" style="width: 200px"
v-model="queryParams.updateTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择更新时间">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="cyan" 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"
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['build:payInfo:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['build:payInfo:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['build:payInfo:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['build:payInfo:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="payInfoList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" fixed/>
<el-table-column label="序号" type="index" width="50" align="center" fixed/>
<el-table-column label="所属项目" align="center" prop="projectName" min-width="120"/>
<el-table-column label="项目编码" align="center" prop="proCode" min-width="120"/>
<el-table-column label="项目编号" align="center" prop="proNo" min-width="120"/>
<el-table-column label="支付期数" align="center" prop="payPeriods" min-width="120"/>
<el-table-column label="支付日期" align="center" prop="payDate" min-width="120">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.payDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="本期应付金额" align="center" prop="payAmount" min-width="120"/>
<el-table-column label="本期实付金额" align="center" prop="payActual" min-width="120"/>
<el-table-column label="本期暂扣款" align="center" prop="payDeduction" min-width="120"/>
<el-table-column label="状态" align="center" prop="status" min-width="120"/>
<el-table-column label="创建人" align="center" prop="createUid" min-width="120"/>
<el-table-column label="创建时间" align="center" prop="createTime" min-width="120">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="更新人" align="center" prop="updateUid" min-width="120"/>
<el-table-column label="更新时间" align="center" prop="updateTime" min-width="120">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="备注" align="center" prop="remark" min-width="120"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="180" fixed="right">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['build:payInfo:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['build:payInfo: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="1200px" append-to-body :close-on-click-modal="false">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="所属项目" prop="projectName">
<el-input v-model="form.projectName" placeholder="请输入所属项目" />
</el-form-item>
<el-form-item label="项目编码" prop="proCode">
<el-input v-model="form.proCode" placeholder="请输入项目编码" />
</el-form-item>
<el-form-item label="项目编号" prop="proNo">
<el-input v-model="form.proNo" placeholder="请输入项目编号" />
</el-form-item>
<el-form-item label="支付期数" prop="payPeriods">
<el-input v-model="form.payPeriods" placeholder="请输入支付期数" />
</el-form-item>
<el-form-item label="支付日期" prop="payDate">
<el-date-picker clearable size="small" style="width: 100%"
v-model="form.payDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="选择支付日期">
</el-date-picker>
</el-form-item>
<el-form-item label="本期应付金额" prop="payAmount">
<el-input v-model="form.payAmount" placeholder="请输入本期应付金额" />
</el-form-item>
<el-form-item label="本期实付金额" prop="payActual">
<el-input v-model="form.payActual" placeholder="请输入本期实付金额" />
</el-form-item>
<el-form-item label="本期暂扣款" prop="payDeduction">
<el-input v-model="form.payDeduction" placeholder="请输入本期暂扣款" />
</el-form-item>
<el-form-item label="状态">
<el-radio-group v-model="form.status">
<el-radio label="1">请选择字典生成</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="创建人" prop="createUid">
<el-input v-model="form.createUid" placeholder="请输入创建人" />
</el-form-item>
<el-form-item label="更新人" prop="updateUid">
<el-input v-model="form.updateUid" placeholder="请输入更新人" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" 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>
</div>
</template>
<script>
import { listPayInfo, getPayInfo, delPayInfo, addPayInfo, updatePayInfo, exportPayInfo } from "@/api/build/payInfo";
export default {
name: "PayInfo",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 资金支付-立项表格数据
payInfoList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
ids:null,
data:{
projectName: null,
proCode: null,
proNo: null,
payPeriods: null,
payDate: null,
payAmount: null,
payActual: null,
payDeduction: null,
status: null,
createUid: null,
createTime: null,
updateUid: null,
updateTime: null,
},
// 排序方式
params: {
// 按哪个字段排序
orderBy: "create_time",
// desc降序，升序asc
sortBy: "desc",
},
},
// 表单参数
form: {},
// 表单校验
rules: {
}
};
},
created() {
this.getList();
},
methods: {
/** 查询资金支付-立项列表 */
getList() {
this.loading = true;
listPayInfo(this.queryParams).then(response => {
this.payInfoList = response.records;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
projectName: null,
proCode: null,
proNo: null,
payPeriods: null,
payDate: null,
payAmount: null,
payActual: null,
payDeduction: null,
status: "0",
createUid: null,
createTime: null,
updateUid: null,
updateTime: null,
remark: null
};
this.resetForm("form");
},
// 查询表单重置
resetQueryForm() {
this.queryParams = {
pageNum: 1,
pageSize: 10,
data:{
id: null,
projectName: null,
proCode: null,
proNo: null,
payPeriods: null,
payDate: null,
payAmount: null,
payActual: null,
payDeduction: null,
status: "0",
createUid: null,
createTime: null,
updateUid: null,
updateTime: null,
remark: null
},
// 排序方式
params: {
// 按哪个字段排序
orderBy: "create_time",
// desc降序，升序asc
sortBy: "desc",
},
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetQueryForm();
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
getPayInfo(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) {
updatePayInfo(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess("修改成功");
this.open = false;
this.getList();
}
});
} else {
addPayInfo(this.form).then(response => {
if (response.code === 200) {
this.msgSuccess("新增成功");
this.open = false;
this.getList();
}
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
if(ids){
this.$confirm("是否删除选中的数据？", "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(function() {
return delPayInfo(ids);
}).then(() => {
this.getList();
this.msgSuccess("删除成功");
}).catch(function() {});
}else{
this.$message.warning("请选择要删除的数据！！");
}
},
/** 导出按钮操作 */
handleExport() {
const queryParams = this.queryParams;
let message = "是否确认导出所有的数据项?";
if(this.ids){
message = "是否确认导出选中的数据项?";
queryParams.ids = this.ids;
}
this.$confirm(message, "警告", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(function() {
return exportPayInfo(queryParams);
}).then(response => {
this.downloadFile(response, true, response.msg);
// this.download(response.msg);
}).catch(function() {});
}
}
};
</script>
<style lang="scss" scoped>
@import "@/assets/css/dialog.scss";
//::v-deep {
// .el-dialog {
// margin-top: 10vh !important;
// }
//}
</style>
Write Preview
Loading…
Cancel
Save