|
|
|
@ -9,24 +9,6 @@
|
|
|
|
|
v-show="showSearch"
|
|
|
|
|
label-width="98px"
|
|
|
|
|
>
|
|
|
|
|
<el-form-item label="报表文件名称" prop="name">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.name"
|
|
|
|
|
placeholder="请输入报表文件名称"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="会计年度" prop="year">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
format="yyyy年"
|
|
|
|
|
v-model="queryParams.year"
|
|
|
|
|
value-format="yyyy"
|
|
|
|
|
type="year"
|
|
|
|
|
placeholder="请选择会计年度"
|
|
|
|
|
>
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="会计期间" prop="period">
|
|
|
|
|
<el-date-picker
|
|
|
|
|
popper-class="due_month"
|
|
|
|
@ -38,6 +20,22 @@
|
|
|
|
|
>
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="业务组织" prop="company">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.company"
|
|
|
|
|
placeholder="请输入业务组织"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item label="报表类型" prop="type">
|
|
|
|
|
<el-input
|
|
|
|
|
v-model="queryParams.type"
|
|
|
|
|
placeholder="请输入报表类型"
|
|
|
|
|
clearable
|
|
|
|
|
@keyup.enter.native="handleQuery"
|
|
|
|
|
/>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
<el-form-item>
|
|
|
|
|
<el-button type="primary" icon="el-icon-search" @click="handleQuery"
|
|
|
|
|
>搜索</el-button
|
|
|
|
@ -178,6 +176,65 @@
|
|
|
|
|
</el-date-picker>
|
|
|
|
|
</el-form-item>
|
|
|
|
|
</el-form>
|
|
|
|
|
<table id="table_order">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>类型</th>
|
|
|
|
|
<th>文件</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>资产负债表</td>
|
|
|
|
|
<td>
|
|
|
|
|
<el-upload
|
|
|
|
|
ref="upload"
|
|
|
|
|
:multiple="false"
|
|
|
|
|
:action="uploadUrl + '?type=' + type0"
|
|
|
|
|
:headers="headers"
|
|
|
|
|
:file-list="fileList"
|
|
|
|
|
:auto-upload="false"
|
|
|
|
|
:on-success="test"
|
|
|
|
|
>
|
|
|
|
|
<div class="el-upload__text">点击上传,或将文件拖拽到此处</div>
|
|
|
|
|
</el-upload>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>现金流量表</td>
|
|
|
|
|
<td>
|
|
|
|
|
<el-upload
|
|
|
|
|
ref="upload1"
|
|
|
|
|
:multiple="false"
|
|
|
|
|
:action="uploadUrl + '?type=' + type1"
|
|
|
|
|
:headers="headers"
|
|
|
|
|
:file-list="fileList1"
|
|
|
|
|
:auto-upload="false"
|
|
|
|
|
:on-success="test1"
|
|
|
|
|
>
|
|
|
|
|
<div class="el-upload__text">点击上传,或将文件拖拽到此处</div>
|
|
|
|
|
</el-upload>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr>
|
|
|
|
|
<td>利润表</td>
|
|
|
|
|
<td>
|
|
|
|
|
<el-upload
|
|
|
|
|
ref="upload2"
|
|
|
|
|
:multiple="false"
|
|
|
|
|
:action="uploadUrl + '?type=' + type2"
|
|
|
|
|
:headers="headers"
|
|
|
|
|
:file-list="fileList2"
|
|
|
|
|
:auto-upload="false"
|
|
|
|
|
:on-success="test2"
|
|
|
|
|
>
|
|
|
|
|
<div class="el-upload__text">点击上传,或将文件拖拽到此处</div>
|
|
|
|
|
</el-upload>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
<div slot="footer" class="dialog-footer">
|
|
|
|
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
|
|
|
@ -190,12 +247,13 @@
|
|
|
|
|
<script>
|
|
|
|
|
import {
|
|
|
|
|
createAccountingReport,
|
|
|
|
|
updateAccountingReport,
|
|
|
|
|
deleteAccountingReport,
|
|
|
|
|
getAccountingReport,
|
|
|
|
|
getAccountingReportPage,
|
|
|
|
|
exportAccountingReportExcel,
|
|
|
|
|
} from "@/api/accounting/report";
|
|
|
|
|
import { getAccessToken } from "@/utils/auth";
|
|
|
|
|
import { getOrganizationPage } from "@/api/setting/organization";
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
name: "AccountingReport",
|
|
|
|
@ -214,6 +272,9 @@ export default {
|
|
|
|
|
list: [],
|
|
|
|
|
// 弹出层标题
|
|
|
|
|
title: "",
|
|
|
|
|
fileList: [],
|
|
|
|
|
fileList1: [],
|
|
|
|
|
fileList2: [],
|
|
|
|
|
// 是否显示弹出层
|
|
|
|
|
open: false,
|
|
|
|
|
// 查询参数
|
|
|
|
@ -238,11 +299,28 @@ export default {
|
|
|
|
|
// 表单参数
|
|
|
|
|
form: {},
|
|
|
|
|
// 表单校验
|
|
|
|
|
rules: {},
|
|
|
|
|
rules: {
|
|
|
|
|
// company: [
|
|
|
|
|
// { required: true, message: "请输入业务实体", trigger: "blur" },
|
|
|
|
|
// ],
|
|
|
|
|
year: [{ required: true, message: "请输入会计年度", trigger: "blur" }],
|
|
|
|
|
period: [
|
|
|
|
|
{ required: true, message: "请输入会计期间", trigger: "blur" },
|
|
|
|
|
],
|
|
|
|
|
},
|
|
|
|
|
uploadUrl:
|
|
|
|
|
process.env.VUE_APP_BASE_API +
|
|
|
|
|
"/admin-api//archives/accounting-report/upload", // 请求地址
|
|
|
|
|
headers: { Authorization: "Bearer " + getAccessToken() }, // 设置上传的请求头部
|
|
|
|
|
type0: 0,
|
|
|
|
|
type1: 1,
|
|
|
|
|
type2: 2,
|
|
|
|
|
organizationList: [],
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.getList();
|
|
|
|
|
this.getOrganizationList();
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
/** 查询列表 */
|
|
|
|
@ -279,6 +357,9 @@ export default {
|
|
|
|
|
deptName: undefined,
|
|
|
|
|
};
|
|
|
|
|
this.resetForm("form");
|
|
|
|
|
this.fileList = [];
|
|
|
|
|
this.fileList1 = [];
|
|
|
|
|
this.fileList2 = [];
|
|
|
|
|
},
|
|
|
|
|
/** 搜索按钮操作 */
|
|
|
|
|
handleQuery() {
|
|
|
|
@ -306,6 +387,12 @@ export default {
|
|
|
|
|
this.title = "修改会计报表";
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 获取业务实体
|
|
|
|
|
getOrganizationList() {
|
|
|
|
|
getOrganizationPage().then((response) => {
|
|
|
|
|
this.organizationList = response.data.list;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
// 业务实体选择事件
|
|
|
|
|
handleCompanyChange(val) {
|
|
|
|
|
var data = this.organizationList.find((item) => item.id == val);
|
|
|
|
@ -316,24 +403,34 @@ export default {
|
|
|
|
|
/** 提交按钮 */
|
|
|
|
|
submitForm() {
|
|
|
|
|
this.$refs["form"].validate((valid) => {
|
|
|
|
|
if (!valid) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
// 修改的提交
|
|
|
|
|
if (this.form.id != null) {
|
|
|
|
|
updateAccountingReport(this.form).then((response) => {
|
|
|
|
|
this.$modal.msgSuccess("修改成功");
|
|
|
|
|
this.open = false;
|
|
|
|
|
this.getList();
|
|
|
|
|
});
|
|
|
|
|
return;
|
|
|
|
|
if (valid) {
|
|
|
|
|
// 上传文件
|
|
|
|
|
this.$refs.upload.submit();
|
|
|
|
|
this.$refs.upload1.submit();
|
|
|
|
|
this.$refs.upload2.submit();
|
|
|
|
|
}
|
|
|
|
|
// 添加的提交
|
|
|
|
|
createAccountingReport(this.form).then((response) => {
|
|
|
|
|
this.$modal.msgSuccess("新增成功");
|
|
|
|
|
this.open = false;
|
|
|
|
|
this.getList();
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
test(response, file, fileList) {
|
|
|
|
|
console.log(response, file, fileList);
|
|
|
|
|
createAccountingReport(this.form).then((response) => {
|
|
|
|
|
this.$modal.msgSuccess("新增成功");
|
|
|
|
|
this.open = false;
|
|
|
|
|
this.getList();
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
test1(response, file, fileList) {
|
|
|
|
|
console.log(response, file, fileList);
|
|
|
|
|
createAccountingReport(this.form).then((response) => {
|
|
|
|
|
this.open = false;
|
|
|
|
|
this.getList();
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
test2(response, file, fileList) {
|
|
|
|
|
console.log(response, file, fileList);
|
|
|
|
|
createAccountingReport(this.form).then((response) => {
|
|
|
|
|
this.open = false;
|
|
|
|
|
this.getList();
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
/** 删除按钮操作 */
|
|
|
|
@ -371,3 +468,21 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
table {
|
|
|
|
|
border: 1px solid #000;
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
text-align: center;
|
|
|
|
|
margin: auto;
|
|
|
|
|
width: 500px;
|
|
|
|
|
}
|
|
|
|
|
table tr td {
|
|
|
|
|
border: 1px solid #000;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
}
|
|
|
|
|
table tr th {
|
|
|
|
|
border: 1px solid #000;
|
|
|
|
|
background-color: #cccccc;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|