<template>
|
<a-card :bordered="false" v-show="indexConfigShow">
|
<div class="table-operator">
|
<a-button class="but_item" type="dashed" @click="handleCancel" icon="rollback">返回</a-button>
|
<a-button type="primary" icon="plus" @click="handleSubmit">保存</a-button>
|
</div>
|
<a-table
|
ref="table"
|
size="middle"
|
:columns="columns"
|
:dataSource="loadData"
|
:pagination="false"
|
:alert="true"
|
:loading="tableLoading"
|
:rowKey="(record) => record.id">
|
<template slot="columnComment" slot-scope="text, record">
|
<a-input v-model="record.columnComment" />
|
</template>
|
<!--<template slot="netType" slot-scope="text, record">
|
<a-select style="width: 120px" v-model="record.netType" :disabled="judgeColumns(record)">
|
<a-select-option v-for="(item,index) in netTypeData" :key="index" :value="item.code">{{ item.name }}</a-select-option>
|
</a-select>
|
</template> -->
|
<template slot="effectType" slot-scope="text, record">
|
<a-select
|
style="width: 100%"
|
v-model="record.effectType"
|
:disabled="judgeColumns(record)"
|
@change="effectTypeChange(record, $event)">
|
<a-select-option v-for="(item, index) in effectTypeData" :key="index" :value="item.code">{{
|
item.name
|
}}</a-select-option>
|
</a-select>
|
</template>
|
<template slot="dictTypeCode" slot-scope="text, record">
|
<a-select
|
style="width: 100%"
|
v-model="record.dictTypeCode"
|
:disabled="
|
record.effectType !== 'radio' && record.effectType !== 'select' && record.effectType !== 'checkbox'
|
">
|
<a-select-option v-for="(item, index) in dictDataAll" :key="index" :value="item.code">{{
|
item.name
|
}}</a-select-option>
|
</a-select>
|
</template>
|
<template slot="whetherTable" slot-scope="text, record">
|
<a-checkbox v-model="record.whetherTable" />
|
</template>
|
<template slot="whetherOrderBy" slot-scope="text, record">
|
<a-checkbox v-model="record.whetherOrderBy" />
|
</template>
|
<template slot="whetherRetract" slot-scope="text, record">
|
<a-checkbox v-model="record.whetherRetract" />
|
</template>
|
<template slot="whetherAddUpdate" slot-scope="text, record">
|
<a-checkbox v-model="record.whetherAddUpdate" :disabled="judgeColumns(record)" />
|
</template>
|
<template slot="whetherRequired" slot-scope="text, record">
|
<a-checkbox v-model="record.whetherRequired" :disabled="judgeColumns(record)" />
|
</template>
|
<template slot="queryWhether" slot-scope="text, record">
|
<a-switch v-model="record.queryWhether">
|
<a-icon slot="checkedChildren" type="check" />
|
<a-icon slot="unCheckedChildren" type="close" />
|
</a-switch>
|
</template>
|
<template slot="queryType" slot-scope="text, record">
|
<a-select style="width: 100px" v-model="record.queryType" :disabled="!record.queryWhether">
|
<a-select-option v-for="(item, index) in codeGenQueryTypeData" :key="index" :value="item.code">{{
|
item.name
|
}}</a-select-option>
|
</a-select>
|
</template>
|
</a-table>
|
<fk-modal ref="fkModal" />
|
</a-card>
|
</template>
|
<script>
|
import {
|
sysCodeGenerateConfigList,
|
sysCodeGenerateConfigEdit
|
} from '@/api/modular/gen/sysCodeGenerateConfigManage'
|
import fkModal from './fkModal'
|
export default {
|
components: {
|
fkModal
|
},
|
data() {
|
return {
|
// 表头
|
columns: [{
|
title: '字段',
|
dataIndex: 'columnName'
|
},
|
{
|
title: '描述',
|
dataIndex: 'columnComment',
|
scopedSlots: {
|
customRender: 'columnComment'
|
}
|
},
|
{
|
title: '类型',
|
dataIndex: 'netType'
|
},
|
// {
|
// title: 'net类型',
|
// dataIndex: 'netType',
|
// scopedSlots: { customRender: 'netType' }
|
// },
|
{
|
title: '作用类型',
|
dataIndex: 'effectType',
|
scopedSlots: {
|
customRender: 'effectType'
|
}
|
},
|
{
|
title: '字典',
|
width: '200px',
|
dataIndex: 'dictTypeCode',
|
scopedSlots: {
|
customRender: 'dictTypeCode'
|
}
|
},
|
{
|
title: '列表显示',
|
align: 'center',
|
dataIndex: 'whetherTable',
|
scopedSlots: {
|
customRender: 'whetherTable'
|
}
|
},
|
{
|
title: '排序',
|
align: 'center',
|
dataIndex: 'whetherOrderBy',
|
scopedSlots: {
|
customRender: 'whetherOrderBy'
|
}
|
},
|
// {
|
// title: '列字段省略',
|
// align: 'center',
|
// dataIndex: 'whetherRetract',
|
// scopedSlots: { customRender: 'whetherRetract' }
|
// },
|
{
|
title: '增改',
|
align: 'center',
|
dataIndex: 'whetherAddUpdate',
|
scopedSlots: {
|
customRender: 'whetherAddUpdate'
|
}
|
},
|
{
|
title: '必填',
|
align: 'center',
|
dataIndex: 'whetherRequired',
|
scopedSlots: {
|
customRender: 'whetherRequired'
|
}
|
},
|
{
|
title: '是否是查询',
|
align: 'center',
|
dataIndex: 'queryWhether',
|
scopedSlots: {
|
customRender: 'queryWhether'
|
}
|
},
|
{
|
title: '查询方式',
|
dataIndex: 'queryType',
|
scopedSlots: {
|
customRender: 'queryType'
|
}
|
}
|
],
|
indexConfigShow: false,
|
tableLoading: false,
|
visible: false,
|
loadData: [],
|
netTypeData: [],
|
effectTypeData: [],
|
dictDataAll: [],
|
codeGenQueryTypeData: [],
|
yesOrNoData: []
|
}
|
},
|
methods: {
|
/**
|
* 打开界面
|
*/
|
open(data) {
|
this.indexConfigShow = true
|
this.tableLoading = true
|
const dictOption = this.$options
|
this.netTypeData = dictOption.filters['dictData']('code_gen_net_type')
|
this.effectTypeData = dictOption.filters['dictData']('code_gen_effect_type')
|
this.dictDataAll = dictOption.filters['dictDataAll']()
|
this.yesOrNoData = dictOption.filters['dictData']('yes_or_no')
|
this.codeGenQueryTypeData = dictOption.filters['dictData']('code_gen_query_type')
|
const params = {
|
codeGenId: data.id
|
}
|
sysCodeGenerateConfigList(params).then((res) => {
|
this.loadData = res.data
|
this.loadData.forEach(item => {
|
for (const key in item) {
|
if (item[key] === 'Y') {
|
item[key] = true
|
}
|
if (item[key] === 'N') {
|
item[key] = false
|
}
|
}
|
// 租户id列默认全部不勾选
|
if (item.columnName === 'tenantId') {
|
item.whetherTable = false
|
item.whetherOrderBy = false
|
item.whetherAddUpdate = false
|
item.queryWhether = false
|
}
|
})
|
this.tableLoading = false
|
})
|
},
|
/**
|
* 提交表单
|
*/
|
handleSubmit() {
|
this.tableLoading = true
|
// 做数组属性转换, 咱先来一个切断双向绑定，学习的童鞋下回记下啊
|
// eslint-disable-next-line prefer-const
|
let loadDatas = JSON.parse(JSON.stringify(this.loadData))
|
loadDatas.forEach(item => {
|
// 必填那一项转换
|
for (const key in item) {
|
if (item[key] === true) {
|
item[key] = 'Y'
|
}
|
if (item[key] === false) {
|
item[key] = 'N'
|
}
|
}
|
})
|
// const param = {
|
// sysCodeGenerateConfigParamList: loadDatas
|
// }
|
sysCodeGenerateConfigEdit(loadDatas).then((res) => {
|
this.tableLoading = false
|
if (res.success) {
|
this.$message.success('编辑成功')
|
this.handleCancel()
|
} else {
|
this.$message.error('编辑失败：' + res.message)
|
}
|
})
|
},
|
/**
|
* 判断是否（用于是否能选择或输入等）
|
*/
|
judgeColumns(data) {
|
if (
|
data.columnName.indexOf('createdUserName') > -1 ||
|
data.columnName.indexOf('createdTime') > -1 ||
|
data.columnName.indexOf('updatedUserName') > -1 ||
|
data.columnName.indexOf('updatedTime') > -1 ||
|
data.columnKey === 'True'
|
) {
|
return true
|
}
|
return false
|
},
|
/**
|
* 作用类型改变
|
*/
|
effectTypeChange(data, value) {
|
if (value === 'fk') {
|
//打开外键设置模态框
|
this.$refs.fkModal.show(data)
|
}
|
},
|
handleCancel() {
|
this.$emit('ok')
|
this.loadData = []
|
this.indexConfigShow = false
|
}
|
}
|
}
|
</script>
|
