|
@@ -32,17 +32,19 @@
|
|
|
<el-table-column label="结算金额(元)" align="center" prop="money" width="125" />
|
|
|
<el-table-column label="发放业务费(元)" align="center" prop="realMoney" width="125" />
|
|
|
<el-table-column label="综合服务费(元)" align="center" prop="serviceMoney" width="125" />
|
|
|
- <el-table-column label="发放状态" align="center" width="110">
|
|
|
+ <el-table-column label="创建日期" align="center" prop="giveTime" width="160" />
|
|
|
+ <el-table-column label="发放状态" align="center" width="110" fixed="right">
|
|
|
<template slot-scope="scope">
|
|
|
<el-tag type="info" v-if="scope.row.give == 1">待发放</el-tag>
|
|
|
<el-tag type="success" v-if="scope.row.give == 2">已发放</el-tag>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="创建日期" align="center" prop="giveTime" width="160" />
|
|
|
- <el-table-column label="操作" align="center" width="160" fixed="right">
|
|
|
+ <el-table-column label="操作" align="center" width="250" fixed="right">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button size="mini" type="text" icon="el-icon-view" @click="op('detail', scope.row)">详情</el-button>
|
|
|
<el-button size="mini" type="text" icon="el-icon-s-promotion" @click="op('ok', scope.row)" v-hasPermi="['work:statement:ok']" v-if="scope.row.give === 1">发放</el-button>
|
|
|
+ <el-button size="mini" type="text" icon="el-icon-download" @click="handleExport(scope.row)" v-hasPermi="['work:statement:export']" v-if="scope.row.give === 1">导出</el-button>
|
|
|
+ <el-button size="mini" type="text" icon="el-icon-delete" @click="del(scope.row)" v-hasPermi="['work:statement:delete']">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<template slot="empty">
|
|
@@ -54,58 +56,78 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import edit from './edit';
|
|
|
-import company from '@/views/work/company/edit';
|
|
|
-export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- showSearch: true,
|
|
|
- response: {},
|
|
|
- dateRange: [],
|
|
|
- queryParams: {
|
|
|
- pageNum: 1,
|
|
|
- pageSize: 10,
|
|
|
- num: null,
|
|
|
- give: null,
|
|
|
- orderByColumn: 's.id',
|
|
|
- isAsc: 'desc'
|
|
|
- }
|
|
|
- };
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- methods: {
|
|
|
- getList() {
|
|
|
- if (this.dateRange) {
|
|
|
- this.queryParams.dateBegin = this.dateRange[0];
|
|
|
- this.queryParams.dateEnd = this.dateRange[1];
|
|
|
- }
|
|
|
- this.ajax({ url: '/work/statement/pay', data: this.queryParams }).then((response) => {
|
|
|
- this.response = response;
|
|
|
- });
|
|
|
+ import edit from './edit';
|
|
|
+ import company from '@/views/work/company/edit';
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ showSearch: true,
|
|
|
+ response: {},
|
|
|
+ dateRange: [],
|
|
|
+ queryParams: {
|
|
|
+ pageNum: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ num: null,
|
|
|
+ give: null,
|
|
|
+ orderByColumn: 's.id',
|
|
|
+ isAsc: 'desc'
|
|
|
+ }
|
|
|
+ };
|
|
|
},
|
|
|
- handleQuery() {
|
|
|
- this.queryParams.pageNum = 1;
|
|
|
+ created() {
|
|
|
this.getList();
|
|
|
},
|
|
|
- resetQuery() {
|
|
|
- this.resetForm('queryForm');
|
|
|
- this.dateRange = [];
|
|
|
- this.handleQuery();
|
|
|
- },
|
|
|
- op(tag, row) {
|
|
|
- const id = row.id;
|
|
|
- if (tag == 'company') {
|
|
|
- this.iframe({ obj: company, param: { id: row.companyId, detail: true }, title: '查看企业信息', width: '60%', height: '75%' });
|
|
|
- }
|
|
|
- if (tag == 'detail') {
|
|
|
- this.iframe({ obj: edit, param: { form: row, detail: true }, title: '查看详情', width: '75%', height: '70%' });
|
|
|
- }
|
|
|
- if (tag == 'ok') {
|
|
|
- this.iframe({ obj: edit, param: { form: row }, title: '发放业务费', width: '75%', height: '70%' });
|
|
|
+ methods: {
|
|
|
+ getList() {
|
|
|
+ if (this.dateRange) {
|
|
|
+ this.queryParams.dateBegin = this.dateRange[0];
|
|
|
+ this.queryParams.dateEnd = this.dateRange[1];
|
|
|
+ }
|
|
|
+ this.ajax({ url: '/work/statement/pay', data: this.queryParams }).then((response) => {
|
|
|
+ this.response = response;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ handleQuery() {
|
|
|
+ this.queryParams.pageNum = 1;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
+ resetQuery() {
|
|
|
+ this.resetForm('queryForm');
|
|
|
+ this.dateRange = [];
|
|
|
+ this.handleQuery();
|
|
|
+ },
|
|
|
+ op(tag, row) {
|
|
|
+ const id = row.id;
|
|
|
+ if (tag == 'company') {
|
|
|
+ this.iframe({ obj: company, param: { id: row.companyId, detail: true }, title: '查看企业信息', width: '60%', height: '75%' });
|
|
|
+ }
|
|
|
+ if (tag == 'detail') {
|
|
|
+ this.iframe({ obj: edit, param: { form: row, detail: true }, title: '查看详情', width: '75%', height: '70%' });
|
|
|
+ }
|
|
|
+ if (tag == 'ok') {
|
|
|
+ this.iframe({ obj: edit, param: { form: row }, title: '发放业务费', width: '75%', height: '70%' });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ del(row) {
|
|
|
+ this.$confirm('是否确认删除选中数据?', '警告', { type: 'warning' }).then(() => {
|
|
|
+ this.get({ url: '/work/statement/pay/delete/' + row.id }).then((response) => {
|
|
|
+ this.$modal.msgSuccess('删除成功');
|
|
|
+ this.getList();
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ /** 导出按钮操作 */
|
|
|
+ handleExport(row) {
|
|
|
+ this.$prompt('确定导出网银助手表单', {
|
|
|
+ type: 'warning',
|
|
|
+ showInput: true,
|
|
|
+ inputType: 'textarea',
|
|
|
+ inputPlaceholder: '转账备注(选填)',
|
|
|
+ inputValidator: (value) => {}
|
|
|
+ }).then(({ value }) => {
|
|
|
+ this.download('/work/statement/pay/export', { ...{ statementId: row.id, remarks: value } }, '网银助手表单.xlsx');
|
|
|
+ });
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
-};
|
|
|
+ };
|
|
|
</script>
|