327 lines
11 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
<el-form-item label="企业id" prop="enterpriseId">
<el-input
v-model="queryParams.enterpriseId"
placeholder="请输入企业id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="荣誉证明文件" prop="honorCertificate">
<el-input
v-model="queryParams.honorCertificate"
placeholder="请输入荣誉证明文件"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="平台名称" prop="platformName">
<el-input
v-model="queryParams.platformName"
placeholder="请输入平台名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="企业投资项目备案通知书或核准批复文件" prop="filingNotice">
<el-input
v-model="queryParams.filingNotice"
placeholder="请输入企业投资项目备案通知书或核准批复文件"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="会计师事务所出具的企业财务报表审计报告" prop="auditReport">
<el-input
v-model="queryParams.auditReport"
placeholder="请输入会计师事务所出具的企业财务报表审计报告"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="是否删除" prop="isDeleted">
<el-select v-model="queryParams.isDeleted" placeholder="请选择" clearable>
<el-option label="未删除" value="0"/>
<el-option label="已删除" value="1"/>
</el-select>
</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="['system:logisticsDevelopmentAward: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="['system:logisticsDevelopmentAward: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="['system:logisticsDevelopmentAward: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="['system:logisticsDevelopmentAward:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="logisticsDevelopmentAwardList" @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="企业id" align="center" prop="enterpriseId" />
<el-table-column label="荣誉证明文件" align="center" prop="honorCertificate" />
<el-table-column label="平台名称" align="center" prop="platformName" />
<el-table-column label="企业投资项目备案通知书或核准批复文件" align="center" prop="filingNotice" />
<el-table-column label="会计师事务所出具的企业财务报表审计报告" align="center" prop="auditReport" />
<el-table-column label="是否删除" align="center" prop="isDeleted">
<template slot-scope="scope">
<span>{{ scope.row.isDeleted == 0 ? '未删除' : '已删除' }}</span>
</template>
</el-table-column>
<!-- <el-table-column label="备注" align="center" prop="remark" /> -->
<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="['system:logisticsDevelopmentAward:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:logisticsDevelopmentAward: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 :close-on-click-modal="false">
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="企业id" prop="enterpriseId">
<el-input v-model="form.enterpriseId" placeholder="请输入企业id" />
</el-form-item>
<el-form-item label="荣誉证明文件" prop="honorCertificate">
<el-input v-model="form.honorCertificate" placeholder="请输入荣誉证明文件" />
</el-form-item>
<el-form-item label="平台名称" prop="platformName">
<el-input v-model="form.platformName" placeholder="请输入平台名称" />
</el-form-item>
<el-form-item label="企业投资项目备案通知书或核准批复文件" prop="filingNotice">
<el-input v-model="form.filingNotice" placeholder="请输入企业投资项目备案通知书或核准批复文件" />
</el-form-item>
<el-form-item label="会计师事务所出具的企业财务报表审计报告" prop="auditReport">
<el-input v-model="form.auditReport" placeholder="请输入会计师事务所出具的企业财务报表审计报告" />
</el-form-item>
<el-form-item label="是否删除0未删除1已删除" prop="isDeleted">
<el-input v-model="form.isDeleted" placeholder="请输入是否删除0未删除1已删除" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" 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 { listLogisticsDevelopmentAward, getLogisticsDevelopmentAward, delLogisticsDevelopmentAward, addLogisticsDevelopmentAward, updateLogisticsDevelopmentAward } from "@/api/system/logisticsDevelopmentAward";
export default {
name: "LogisticsDevelopmentAward",
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 物流发展奖补表格数据
logisticsDevelopmentAwardList: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
enterpriseId: null,
honorCertificate: null,
platformName: null,
filingNotice: null,
auditReport: null,
isDeleted: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
}
};
},
created() {
this.getList();
},
methods: {
/** 查询物流发展奖补列表 */
getList() {
this.loading = true;
listLogisticsDevelopmentAward(this.queryParams).then(response => {
this.logisticsDevelopmentAwardList = response.rows;
this.total = response.total;
this.loading = false;
});
},
// 取消按钮
cancel() {
this.open = false;
this.reset();
},
// 表单重置
reset() {
this.form = {
id: null,
enterpriseId: null,
honorCertificate: null,
platformName: null,
filingNotice: null,
auditReport: null,
isDeleted: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null,
remark: 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
getLogisticsDevelopmentAward(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) {
updateLogisticsDevelopmentAward(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addLogisticsDevelopmentAward(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 delLogisticsDevelopmentAward(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('system/logisticsDevelopmentAward/export', {
...this.queryParams
}, `logisticsDevelopmentAward_${new Date().getTime()}.xlsx`)
}
}
};
</script>