|
@@ -1,5 +1,5 @@
|
|
<template>
|
|
<template>
|
|
- <div class="reportFileTable">
|
|
|
|
|
|
+ <div class="reportFileTable height_100">
|
|
<el-container>
|
|
<el-container>
|
|
<el-header style="display:flex;justify-content: space-between;">
|
|
<el-header style="display:flex;justify-content: space-between;">
|
|
<div>
|
|
<div>
|
|
@@ -9,7 +9,7 @@
|
|
<el-button type="primary" size="small" @click="handleAdd()">新增</el-button>
|
|
<el-button type="primary" size="small" @click="handleAdd()">新增</el-button>
|
|
</div>
|
|
</div>
|
|
</el-header>
|
|
</el-header>
|
|
- <el-main>
|
|
|
|
|
|
+ <el-main class="height_100">
|
|
<el-table v-loading="loading" :data="tableData" style="width: 100%;" border
|
|
<el-table v-loading="loading" :data="tableData" style="width: 100%;" border
|
|
header-row-class-name="custom-table-header" @sort-change="sortChange">
|
|
header-row-class-name="custom-table-header" @sort-change="sortChange">
|
|
<el-table-column label="#" align="center" width="80px">
|
|
<el-table-column label="#" align="center" width="80px">
|
|
@@ -46,26 +46,29 @@
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
|
|
+
|
|
|
|
+ </el-main>
|
|
|
|
+ <el-footer>
|
|
<div class="pagination">
|
|
<div class="pagination">
|
|
<el-pagination :current-page.sync="queryParams.current" :page-size="queryParams.size" :total="total"
|
|
<el-pagination :current-page.sync="queryParams.current" :page-size="queryParams.size" :total="total"
|
|
@current-change="handleCurrentChange" layout="total, prev, pager, next, jumper" background></el-pagination>
|
|
@current-change="handleCurrentChange" layout="total, prev, pager, next, jumper" background></el-pagination>
|
|
</div>
|
|
</div>
|
|
- </el-main>
|
|
|
|
|
|
+ </el-footer>
|
|
</el-container>
|
|
</el-container>
|
|
|
|
|
|
<el-dialog :title="title" :visible.sync="dialogVisible" width="500px" append-to-body destroy-on-close
|
|
<el-dialog :title="title" :visible.sync="dialogVisible" width="500px" append-to-body destroy-on-close
|
|
:close-on-click-modal="false" :before-close="handleClose">
|
|
:close-on-click-modal="false" :before-close="handleClose">
|
|
<el-form :model="form" :rules="rules" ref="form" label-width="80px" label-position="left">
|
|
<el-form :model="form" :rules="rules" ref="form" label-width="80px" label-position="left">
|
|
<el-form-item label="文件名称" prop="name">
|
|
<el-form-item label="文件名称" prop="name">
|
|
- <el-input v-model="ruleForm.name" placeholder="请输入文件名称"></el-input>
|
|
|
|
|
|
+ <el-input v-model="form.name" placeholder="请输入文件名称"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
- <el-form-item label="文件选择" class="margin-bottom_0" required>
|
|
|
|
|
|
+ <el-form-item label="文件选择" class="margin-bottom_0">
|
|
<myUpload :file-list="form.systemFileList" @on-change="onchangeFile" @on-remove="onRemove"
|
|
<myUpload :file-list="form.systemFileList" @on-change="onchangeFile" @on-remove="onRemove"
|
|
style="height: 185px;" :autoUpload="true">
|
|
style="height: 185px;" :autoUpload="true">
|
|
</myUpload>
|
|
</myUpload>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="备注" prop="remark">
|
|
<el-form-item label="备注" prop="remark">
|
|
- <el-input v-model="ruleForm.remark" placeholder="请输入备注" type="textarea"></el-input>
|
|
|
|
|
|
+ <el-input v-model="form.remark" placeholder="请输入备注" type="textarea"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
<div slot="footer" class="dialog-footer">
|
|
<div slot="footer" class="dialog-footer">
|
|
@@ -132,7 +135,7 @@ export default {
|
|
loading: false,
|
|
loading: false,
|
|
//
|
|
//
|
|
title: '',
|
|
title: '',
|
|
- // 控制弹窗显示
|
|
|
|
|
|
+ // 控制上传弹窗显示
|
|
dialogVisible: false,
|
|
dialogVisible: false,
|
|
// 表单数据
|
|
// 表单数据
|
|
form: {
|
|
form: {
|
|
@@ -174,13 +177,11 @@ export default {
|
|
this.form.fileGuids = this.form.systemFileList.map(item => {
|
|
this.form.fileGuids = this.form.systemFileList.map(item => {
|
|
return item.guid
|
|
return item.guid
|
|
})
|
|
})
|
|
|
|
+
|
|
this.$refs.form.validate((valid) => {
|
|
this.$refs.form.validate((valid) => {
|
|
if (valid) {
|
|
if (valid) {
|
|
- let params = {
|
|
|
|
-
|
|
|
|
- }
|
|
|
|
if (!this.form.id) {
|
|
if (!this.form.id) {
|
|
- this.$api.add(params).then(res => {
|
|
|
|
|
|
+ this.$api.add(this.form).then(res => {
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
this.$message.success('新增成功')
|
|
this.$message.success('新增成功')
|
|
this.getList()
|
|
this.getList()
|
|
@@ -190,7 +191,7 @@ export default {
|
|
|
|
|
|
})
|
|
})
|
|
} else {
|
|
} else {
|
|
- this.$api.edit(params).then(res => {
|
|
|
|
|
|
+ this.$api.edit(this.form).then(res => {
|
|
if (res.code == 200) {
|
|
if (res.code == 200) {
|
|
this.$message.success('编辑成功')
|
|
this.$message.success('编辑成功')
|
|
this.getList()
|
|
this.getList()
|