北尚诉办前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

118 lines
3.1 KiB

<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-sys__menu">
<el-form
:inline="true"
:model="dataForm"
@keyup.enter.native="getDataList()"
>
<el-form-item>
<el-button
v-if="$hasPermission('workRecord:resource:save')"
type="primary"
@click="addOrUpdateHandle()"
>{{ $t('add') }}</el-button
>
</el-form-item>
</el-form>
<el-table
v-loading="dataListLoading"
:data="dataList"
border
style="width: 100%;"
>
<table-tree-column
prop="resourceLabel"
label="资源名称"
header-align="center"
></table-tree-column>
<el-table-column
prop="resourceCode"
label="资源编码"
header-align="center"
align="center"
></el-table-column>
<el-table-column
prop="resourceType"
label="资源类型"
header-align="center"
align="center"
></el-table-column>
<el-table-column
prop="sort"
label="排序"
header-align="center"
align="center"
></el-table-column>
<el-table-column
prop="showFlag"
label="是否显示"
header-align="center"
align="center"
:formatter="showFlagFormatter"
></el-table-column>
<el-table-column
:label="$t('handle')"
fixed="right"
header-align="center"
align="center"
width="150"
>
<template slot-scope="scope">
<el-button
v-if="$hasPermission('sys:menu:update')"
type="text"
size="small"
@click="addOrUpdateHandle(scope.row.id)"
>{{ $t('update') }}</el-button
>
<el-button
v-if="$hasPermission('sys:menu:delete')"
type="text"
size="small"
@click="deleteHandle(scope.row.id)"
>{{ $t('delete') }}</el-button
>
</template>
</el-table-column>
</el-table>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update
v-if="addOrUpdateVisible"
ref="addOrUpdate"
@refreshDataList="getDataList"
></add-or-update>
</div>
</el-card>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
import TableTreeColumn from '@/components/table-tree-column'
import AddOrUpdate from './resource-add-or-update'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/workRecord/resourcesdictionary/list',
deleteURL: '/workRecord/resourcesdictionary'
}
}
},
components: {
TableTreeColumn,
AddOrUpdate
},
methods: {
showFlagFormatter: function (row, column) {
if (row.showFlag === '0') {
return '否'
} else if (row.showFlag === '1') {
return '是'
}
}
}
}
</script>