修改问题
parent
40888fc40f
commit
f84ab72550
@ -0,0 +1,259 @@
|
||||
/* eslint-disable eqeqeq */
|
||||
<template>
|
||||
<div>
|
||||
<x-card v-if="hasPerm('sysApp:page')">
|
||||
<div slot="content" class="table-page-search-wrapper">
|
||||
<a-form layout="inline">
|
||||
<a-row :gutter="48">
|
||||
<a-col :md="8" :sm="24">
|
||||
<a-form-item label="应用名称">
|
||||
<a-input v-model="queryParam.name" allow-clear placeholder="请输入应用名称" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="8" :sm="24">
|
||||
<a-form-item label="唯一编码">
|
||||
<a-input v-model="queryParam.code" allow-clear placeholder="请输入唯一编码" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="8" :sm="24">
|
||||
<span class="table-page-search-submitButtons">
|
||||
<a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>
|
||||
<a-button style="margin-left: 8px" @click="() => queryParam = {}">重置</a-button>
|
||||
</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
</div>
|
||||
</x-card>
|
||||
<a-card :bordered="false">
|
||||
<a-spin :spinning="loading">
|
||||
<s-table
|
||||
ref="table"
|
||||
:columns="columns"
|
||||
:data="loadData"
|
||||
:alert="true"
|
||||
:rowKey="(record) => record.id"
|
||||
:rowSelection="{ selectedRowKeys: selectedRowKeys, onChange: onChange }">
|
||||
</s-table>
|
||||
<add-form ref="addForm" @ok="handleOk" />
|
||||
<edit-form ref="editForm" @ok="handleOk" />
|
||||
</a-spin>
|
||||
</a-card>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
STable,
|
||||
XCard
|
||||
} from '@/components'
|
||||
import {
|
||||
getAppPage,
|
||||
sysAppDelete,
|
||||
sysAppSetAsDefault,
|
||||
sysAppChangeStatus
|
||||
} from '@/api/modular/system/appManage'
|
||||
import {
|
||||
sysDictTypeDropDown
|
||||
} from '@/api/modular/system/dictManage'
|
||||
import editForm from './editForm'
|
||||
import addForm from './addForm'
|
||||
export default {
|
||||
components: {
|
||||
XCard,
|
||||
STable,
|
||||
editForm,
|
||||
addForm
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
// description: '面包屑说明',
|
||||
labelCol: {
|
||||
xs: {
|
||||
span: 24
|
||||
},
|
||||
sm: {
|
||||
span: 5
|
||||
}
|
||||
},
|
||||
wrapperCol: {
|
||||
xs: {
|
||||
span: 24
|
||||
},
|
||||
sm: {
|
||||
span: 16
|
||||
}
|
||||
},
|
||||
// 查询参数
|
||||
queryParam: {},
|
||||
// 表头
|
||||
columns: [{
|
||||
title: '服务名称',
|
||||
dataIndex: 'name',
|
||||
},
|
||||
{
|
||||
title: '服务代码',
|
||||
dataIndex: 'code'
|
||||
},
|
||||
{
|
||||
title: '顺序号',
|
||||
dataIndex: 'active',
|
||||
scopedSlots: {
|
||||
customRender: 'active'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '说明',
|
||||
dataIndex: 'status',
|
||||
scopedSlots: {
|
||||
customRender: 'status'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '是否启用',
|
||||
dataIndex: 'sort'
|
||||
},
|
||||
{
|
||||
title: '创建日期',
|
||||
dataIndex: 'sort'
|
||||
},
|
||||
{
|
||||
title: '创建人',
|
||||
dataIndex: 'sort'
|
||||
},
|
||||
{
|
||||
title: '更新日期',
|
||||
dataIndex: 'sort'
|
||||
},
|
||||
{
|
||||
title: '更新人',
|
||||
dataIndex: 'sort'
|
||||
}
|
||||
],
|
||||
// 加载数据方法 必须为 Promise 对象
|
||||
loadData: parameter => {
|
||||
return getAppPage(Object.assign(parameter, this.queryParam)).then((res) => {
|
||||
return res.data
|
||||
})
|
||||
},
|
||||
loading: false,
|
||||
selectedRowKeys: [],
|
||||
selectedRows: [],
|
||||
statusDict: [],
|
||||
activeDict: []
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.sysDictTypeDropDown()
|
||||
if (this.hasPerm('sysApp:edit') || this.hasPerm('sysApp:delete') || this.hasPerm('sysApp:setAsDefault')) {
|
||||
this.columns.push({
|
||||
title: '操作',
|
||||
width: '200px',
|
||||
dataIndex: 'action',
|
||||
scopedSlots: {
|
||||
customRender: 'action'
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
activeFilter(active) {
|
||||
// eslint-disable-next-line eqeqeq
|
||||
const values = this.activeDict.filter(item => item.code == active)
|
||||
if (values.length > 0) {
|
||||
return values[0].value
|
||||
}
|
||||
},
|
||||
statusFilter(status) {
|
||||
// eslint-disable-next-line eqeqeq
|
||||
const values = this.statusDict.filter(item => item.code == status)
|
||||
if (values.length > 0) {
|
||||
return values[0].value
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 获取字典数据
|
||||
*/
|
||||
sysDictTypeDropDown() {
|
||||
sysDictTypeDropDown({
|
||||
code: 'yes_or_no'
|
||||
}).then((res) => {
|
||||
this.activeDict = res.data
|
||||
})
|
||||
sysDictTypeDropDown({
|
||||
code: 'common_status'
|
||||
}).then((res) => {
|
||||
this.statusDict = res.data
|
||||
})
|
||||
},
|
||||
handleOk() {
|
||||
this.$refs.table.refresh()
|
||||
},
|
||||
sysDefault(record) {
|
||||
this.loading = true
|
||||
sysAppSetAsDefault({
|
||||
id: record.id
|
||||
}).then((res) => {
|
||||
this.loading = false
|
||||
if (res.success) {
|
||||
this.$message.success('设置成功')
|
||||
this.$refs.table.refresh()
|
||||
} else {
|
||||
this.$message.error('设置失败：' + res.message)
|
||||
}
|
||||
})
|
||||
},
|
||||
/**
|
||||
* 删除应用
|
||||
*/
|
||||
sysAppDelete(record) {
|
||||
this.loading = true
|
||||
sysAppDelete(record).then((res) => {
|
||||
this.loading = false
|
||||
if (res.success) {
|
||||
this.$message.success('删除成功')
|
||||
this.$refs.table.refresh()
|
||||
} else {
|
||||
this.$message.error('删除失败：' + res.message)
|
||||
}
|
||||
}).catch((err) => {
|
||||
this.$message.error('删除错误：' + err.message)
|
||||
})
|
||||
},
|
||||
editAppStatus(code, record) {
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
const status = 0
|
||||
// eslint-disable-next-line eqeqeq
|
||||
if (code == 0) {
|
||||
this.status = 1
|
||||
// eslint-disable-next-line eqeqeq
|
||||
} else if (code == 1) {
|
||||
this.status = 0
|
||||
}
|
||||
sysAppChangeStatus({
|
||||
id: record.id,
|
||||
status: this.status
|
||||
}).then(res => {
|
||||
if (res.success) {
|
||||
this.$message.success('操作成功')
|
||||
this.$refs.table.refresh()
|
||||
} else {
|
||||
this.$message.error('操作失败：' + res.message)
|
||||
}
|
||||
})
|
||||
},
|
||||
onChange(selectedRowKeys, selectedRows) {
|
||||
this.selectedRowKeys = selectedRowKeys
|
||||
this.selectedRows = selectedRows
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.table-operator {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
button {
|
||||
margin-right: 8px;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue