|
|
|
|
@ -8,9 +8,9 @@
|
|
|
|
|
</template>
|
|
|
|
|
</vxe-toolbar>
|
|
|
|
|
<vxe-table
|
|
|
|
|
ref="table"
|
|
|
|
|
stripe
|
|
|
|
|
style="margin-top: 10px;"
|
|
|
|
|
ref="table"
|
|
|
|
|
:loading="loading"
|
|
|
|
|
keep-source
|
|
|
|
|
show-overflow
|
|
|
|
|
@ -18,11 +18,12 @@
|
|
|
|
|
:edit-rules="validRules"
|
|
|
|
|
:edit-config="{ trigger: 'manual', mode: 'row', showStatus: true, isHover: true, autoClear: false }"
|
|
|
|
|
:align="allAlign"
|
|
|
|
|
:data="tableData">
|
|
|
|
|
<vxe-column type="seq" width="58" align="center"></vxe-column>
|
|
|
|
|
<vxe-column field="title" width="160" title="名称" :edit-render="{ name: 'input', attrs: { type: 'text'} }"></vxe-column>
|
|
|
|
|
<vxe-column field="name" width="160" title="模块" :edit-render="{ name: 'input', attrs: { type: 'text'} }"></vxe-column>
|
|
|
|
|
<vxe-column field="sortnumber" width="80" title="排序" align="center" :edit-render="{ name: 'input', attrs: { type: 'number' } }"></vxe-column>
|
|
|
|
|
:data="tableData"
|
|
|
|
|
>
|
|
|
|
|
<vxe-column type="seq" width="58" align="center" />
|
|
|
|
|
<vxe-column field="title" width="160" title="名称" :edit-render="{ name: 'input', attrs: { type: 'text'} }" />
|
|
|
|
|
<vxe-column field="name" width="160" title="模块" :edit-render="{ name: 'input', attrs: { type: 'text'} }" />
|
|
|
|
|
<vxe-column field="sortnumber" width="80" title="排序" align="center" :edit-render="{ name: 'input', attrs: { type: 'number' } }" />
|
|
|
|
|
<vxe-column field="operate" title="操作" min-width="220">
|
|
|
|
|
<template #default="{ row }">
|
|
|
|
|
<template v-if="isActiveStatus(row)">
|
|
|
|
|
@ -41,16 +42,16 @@
|
|
|
|
|
<p class="total" type="primary">共 {{ total }} 条数据</p>
|
|
|
|
|
</card-container>
|
|
|
|
|
|
|
|
|
|
<AddModule ref="AddModule" :is-show.sync="isShowAdd" @refresh="getList"></AddModule>
|
|
|
|
|
<ModuleAuth ref="ModuleAuth" :is-show.sync="isShowDrawer"></ModuleAuth>
|
|
|
|
|
<AddModule ref="AddModule" :is-show.sync="isShowAdd" @refresh="getList" />
|
|
|
|
|
<ModuleAuth ref="ModuleAuth" :is-show.sync="isShowDrawer" />
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
import ModuleAuth from './components/ModuleAuth.vue'
|
|
|
|
|
import AddModule from './components/AddModule.vue'
|
|
|
|
|
import { deepCopy } from "@/utils"
|
|
|
|
|
import { index, save, destroy } from "@/api/module"
|
|
|
|
|
import { deepCopy } from '@/utils'
|
|
|
|
|
import { index, save, destroy } from '@/api/module'
|
|
|
|
|
export default {
|
|
|
|
|
components: {
|
|
|
|
|
AddModule,
|
|
|
|
|
@ -67,31 +68,43 @@ export default {
|
|
|
|
|
tableData: [],
|
|
|
|
|
validRules: {
|
|
|
|
|
name: [
|
|
|
|
|
{ required: true, message: "请输入模块" }
|
|
|
|
|
{ required: true, message: '请输入模块' }
|
|
|
|
|
],
|
|
|
|
|
title: [
|
|
|
|
|
{ required: true, message: "请输入名称" }
|
|
|
|
|
{ required: true, message: '请输入名称' }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
form: {
|
|
|
|
|
id: "",
|
|
|
|
|
title: "",
|
|
|
|
|
name: "",
|
|
|
|
|
id: '',
|
|
|
|
|
title: '',
|
|
|
|
|
name: '',
|
|
|
|
|
sortnumber: 0
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
isActiveStatus() {
|
|
|
|
|
return function(row) {
|
|
|
|
|
if (this.$refs['table']) {
|
|
|
|
|
return this.$refs['table'].isEditByRow(row)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.getList()
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
showModuleAuth(row) {
|
|
|
|
|
this.$refs['ModuleAuth'].setId(row.id);
|
|
|
|
|
this.$refs['ModuleAuth'].setId(row.id)
|
|
|
|
|
this.isShowDrawer = true
|
|
|
|
|
},
|
|
|
|
|
editRowEvent (row) {
|
|
|
|
|
editRowEvent(row) {
|
|
|
|
|
if (this.$refs['table']) {
|
|
|
|
|
this.$refs['table'].setEditRow(row)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
cancelRowEvent (row) {
|
|
|
|
|
cancelRowEvent(row) {
|
|
|
|
|
if (this.$refs['table']) {
|
|
|
|
|
this.$refs['table'].clearEdit().then(() => {
|
|
|
|
|
// 还原行数据
|
|
|
|
|
@ -100,74 +113,62 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async getList () {
|
|
|
|
|
this.loading = true;
|
|
|
|
|
async getList() {
|
|
|
|
|
this.loading = true
|
|
|
|
|
try {
|
|
|
|
|
const res = await index()
|
|
|
|
|
this.tableData = res.rows;
|
|
|
|
|
this.total = res.total;
|
|
|
|
|
this.loading = false;
|
|
|
|
|
this.tableData = res.rows
|
|
|
|
|
this.total = res.total
|
|
|
|
|
this.loading = false
|
|
|
|
|
} catch (err) {
|
|
|
|
|
console.error(err)
|
|
|
|
|
this.loading = false;
|
|
|
|
|
this.loading = false
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
async saveRowEvent (row) {
|
|
|
|
|
async saveRowEvent(row) {
|
|
|
|
|
try {
|
|
|
|
|
await this.$confirm("确认保存？","提示",{
|
|
|
|
|
confirmButtonText: "确认",
|
|
|
|
|
cancelButtonText: "取消"
|
|
|
|
|
await this.$confirm('确认保存？', '提示', {
|
|
|
|
|
confirmButtonText: '确认',
|
|
|
|
|
cancelButtonText: '取消'
|
|
|
|
|
})
|
|
|
|
|
await this.$refs['table'].clearEdit()
|
|
|
|
|
let form = deepCopy(this.form)
|
|
|
|
|
for (let key in form) {
|
|
|
|
|
const form = deepCopy(this.form)
|
|
|
|
|
for (const key in form) {
|
|
|
|
|
form[key] = row[key]
|
|
|
|
|
}
|
|
|
|
|
if (!form.password) {
|
|
|
|
|
delete form.password
|
|
|
|
|
}
|
|
|
|
|
this.loading = true;
|
|
|
|
|
this.loading = true
|
|
|
|
|
await save(form)
|
|
|
|
|
await this.getList();
|
|
|
|
|
this.loading = false;
|
|
|
|
|
await this.getList()
|
|
|
|
|
this.loading = false
|
|
|
|
|
} catch (err) {
|
|
|
|
|
this.loading = false;
|
|
|
|
|
this.loading = false
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
async destroyRowEvent (row) {
|
|
|
|
|
async destroyRowEvent(row) {
|
|
|
|
|
try {
|
|
|
|
|
await this.$confirm("确认删除？","提示",{
|
|
|
|
|
confirmButtonText: "确认",
|
|
|
|
|
cancelButtonText: "取消"
|
|
|
|
|
await this.$confirm('确认删除？', '提示', {
|
|
|
|
|
confirmButtonText: '确认',
|
|
|
|
|
cancelButtonText: '取消'
|
|
|
|
|
})
|
|
|
|
|
this.loading = true;
|
|
|
|
|
this.loading = true
|
|
|
|
|
if (row.id) {
|
|
|
|
|
await destroy({
|
|
|
|
|
id: row.id
|
|
|
|
|
})
|
|
|
|
|
await this.getList();
|
|
|
|
|
await this.getList()
|
|
|
|
|
} else {
|
|
|
|
|
console.log(row)
|
|
|
|
|
this.tableData.splice(this.tableData.findIndex(i => i._X_ROW_KEY === row._X_ROW_KEY),1)
|
|
|
|
|
this.tableData.splice(this.tableData.findIndex(i => i._X_ROW_KEY === row._X_ROW_KEY), 1)
|
|
|
|
|
}
|
|
|
|
|
this.loading = false;
|
|
|
|
|
this.loading = false
|
|
|
|
|
} catch (err) {
|
|
|
|
|
this.loading = false;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
isActiveStatus () {
|
|
|
|
|
return function (row) {
|
|
|
|
|
if (this.$refs['table']) {
|
|
|
|
|
return this.$refs['table'].isEditByRow(row)
|
|
|
|
|
}
|
|
|
|
|
this.loading = false
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
this.getList()
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
