update table

This commit is contained in:
2022-08-31 11:32:50 +08:00
parent c0900dba9c
commit 3fe0d26d8f
33 changed files with 201 additions and 341 deletions

View File

@@ -7,33 +7,10 @@
<el-form-item>
<el-button @click="getDataList()">查询</el-button>
<el-button v-if="$hasPermission('monitoring:sysfile:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
</el-form-item>
</el-form>
<!-- <el-table :data="dataList" border v-loading="dataListLoading" @selection-change="selectionChangeHandle" style="width: 100%;">
<el-table-column type="selection" header-align="center" align="center" width="50"> </el-table-column>
<el-table-column prop="id" header-align="center" align="center" label="主键,自增"> </el-table-column>
<el-table-column prop="typeCode" header-align="center" align="center" label="文件类型编号"> </el-table-column>
<el-table-column prop="fileCode" header-align="center" align="center" label="文件编号"> </el-table-column>
<el-table-column prop="fileName" header-align="center" align="center" label="文件名称"> </el-table-column>
<el-table-column prop="fileUrl" header-align="center" align="center" label="文件路径URL"> </el-table-column>
<el-table-column prop="remark" header-align="center" align="center" label="备注"> </el-table-column>
<el-table-column prop="valid" header-align="center" align="center" label="删除标志,是否有效:1 可用 0不可用"> </el-table-column>
<el-table-column prop="creatorId" header-align="center" align="center" label="创建人"> </el-table-column>
<el-table-column prop="creatorName" header-align="center" align="center" label="创建人姓名"> </el-table-column>
<el-table-column prop="createTime" header-align="center" align="center" label="创建时间"> </el-table-column>
<el-table-column prop="updaterId" header-align="center" align="center" label="更新人"> </el-table-column>
<el-table-column prop="updaterName" header-align="center" align="center" label="更新人姓名"> </el-table-column>
<el-table-column prop="updateTime" header-align="center" align="center" label="更新时间"> </el-table-column>
<el-table-column prop="version" header-align="center" align="center" label="版本号"> </el-table-column>
<el-table-column fixed="right" header-align="center" align="center" width="150" label="操作">
<template slot-scope="scope">
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
</template>
</el-table-column>
</el-table> -->
<base-table :data="dataList" :table-head-configs="tableConfigs" :max-height="500" />
<base-table :data="dataList" :table-head-configs="tableConfigs" :max-height="500" />
<el-pagination
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
@@ -50,31 +27,34 @@
</template>
<script>
import { calcMaxHeight } from '@/utils'
import AddOrUpdate from './sysFile-add-or-update'
import BaseTable from '@/components/base-table'
import TableOperateComponent from '@/components/base-table/components/operationComponent'
import TableTextComponent from '@/components/base-table/components/detailComponent'
const tableConfigs = [
{ "prop": "id", "name": "主键,自增" },
{ "prop": "typeCode", "name": "文件类型编号" },
{ "prop": "fileCode", "name": "文件编号" },
{ "prop": "fileName", "name": "文件名称" },
{ "prop": "fileUrl", "name": "文件路径URL" },
{ "prop": "remark", "name": "备注" },
{ "prop": "valid", "name": "删除标志,是否有效:1 可用 0不可用" },
{ "prop": "creatorId", "name": "创建人" },
{ "prop": "creatorName", "name": "创建人姓名" },
{ "prop": "createTime", "name": "添加时间" },
{ "prop": "updaterId", "name": "更新人" },
{ "prop": "updaterName", "name": "更新人姓名" },
{ "prop": "updateTime", "name": "更新时间" },
{ "prop": "version", "name": "版本号" }, { prop: 'operations', name: '操作', fixed: 'right', width: 180, subcomponent: TableOperateComponent, options: ['edit', 'delete'] }
{ prop: 'id', name: '主键,自增' },
{ prop: 'typeCode', name: '文件类型编号' },
{ prop: 'fileCode', name: '文件编号' },
{ prop: 'fileName', name: '文件名称' },
{ prop: 'fileUrl', name: '文件路径URL' },
{ prop: 'remark', name: '备注' },
{ prop: 'valid', name: '删除标志,是否有效:1 可用 0不可用' },
{ prop: 'creatorId', name: '创建人' },
{ prop: 'creatorName', name: '创建人姓名' },
{ prop: 'createTime', name: '添加时间' },
{ prop: 'updaterId', name: '更新人' },
{ prop: 'updaterName', name: '更新人姓名' },
{ prop: 'updateTime', name: '更新时间' },
{ prop: 'version', name: '版本号' },
{ prop: 'operations', name: '操作', fixed: 'right', width: 180, subcomponent: TableOperateComponent, options: ['edit', 'delete'] }
]
export default {
data() {
return {tableConfigs,
return {
tableConfigs,
dataForm: {
key: ''
},
@@ -88,7 +68,8 @@ export default {
}
},
components: {
AddOrUpdate,BaseTable
AddOrUpdate,
BaseTable
},
activated() {
this.getDataList()
@@ -152,7 +133,7 @@ export default {
}).then(() => {
this.$http({
url: this.$http.adornUrl('/monitoring/sysFile'),
data: this.$http.adornData(ids, false)
}).then(({ data }) => {
if (data && data.code === 0) {