feat: naColId组件 (#118)

This commit is contained in:
nsnail 2024-05-13 11:34:43 +08:00 committed by GitHub
parent 903ea1820a
commit 47e67dd503
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 43 additions and 8 deletions

View File

@ -0,0 +1,33 @@
<template>
<el-table-column v-bind="$attrs">
<template #default="scope">
<el-text @click="click(scope.row)" style="cursor: pointer" tag="ins">
{{ tool.getNestedProperty(scope.row, $attrs.prop) }}
</el-text>
</template>
</el-table-column>
</template>
<script>
import tool from '@/utils/tool'
export default {
emits: ['click'],
props: {},
data() {
return {}
},
mounted() {},
created() {},
components: {},
computed: {
tool() {
return tool
},
},
methods: {
async click(row) {
this.$emit('click', row)
},
},
}
</script>
<style scoped></style>

View File

@ -49,6 +49,7 @@ import naArea from '@/components/naArea/index.vue'
import naButtonAdd from '@/components/naButtonAdd/index.vue'
import naButtonBatchDel from '@/components/naButtonBatchDel/index.vue'
import naColAvatar from '@/components/naColAvatar'
import naColId from '@/components/naColId/index.vue'
import naColIndicator from '@/components/naColIndicator/index.vue'
import naColOperation from '@/components/naColOperation'
import naColTags from '@/components/naColTags/index.vue'
@ -89,6 +90,7 @@ export default {
app.component('naButtonAdd', naButtonAdd)
app.component('naButtonBatchDel', naButtonBatchDel)
app.component('naColAvatar', naColAvatar)
app.component('naColId', naColId)
app.component('naColIndicator', naColIndicator)
app.component('naColOperation', naColOperation)
app.component('naColTags', naColTags)

View File

@ -39,23 +39,22 @@
row-key="id"
stripe>
<el-table-column align="center" type="selection"></el-table-column>
<el-table-column :label="$t('配置编号')" align="center" prop="id"></el-table-column>
<el-table-column :label="$t('配置编号')" align="center" prop="id" width="170"></el-table-column>
<el-table-column :label="$t('用户注册')" align="center">
<el-table-column :label="$t('默认部门')" align="center" prop="userRegisterDept.name"></el-table-column>
<el-table-column :label="$t('默认角色')" align="center" prop="userRegisterRole.name"></el-table-column>
<el-table-column :label="$t('人工审核')" align="center" prop="userRegisterConfirm">
<el-table-column :label="$t('默认部门')" align="center" prop="userRegisterDept.name" width="150"></el-table-column>
<el-table-column :label="$t('默认角色')" align="center" prop="userRegisterRole.name" width="150"></el-table-column>
<el-table-column :label="$t('人工审核')" align="center" prop="userRegisterConfirm" width="100">
<template #default="scope">
<el-switch v-model="scope.row.userRegisterConfirm" @change="changeSwitch($event, scope.row)"></el-switch>
</template>
</el-table-column>
</el-table-column>
<el-table-column :label="$t('启用')" align="center" prop="enabled">
<el-table-column :label="$t('启用')" align="center" prop="enabled" width="100">
<template #default="scope">
<el-switch v-model="scope.row.enabled" @change="changeSwitch($event, scope.row)"></el-switch>
</template>
</el-table-column>
<el-table-column :label="$t('创建时间')" align="center" prop="createdTime"></el-table-column>
<el-table-column :label="$t('创建时间')" align="center" prop="createdTime" width="170"></el-table-column>
<na-col-operation
:buttons="
naColOperation.buttons.concat({
@ -66,7 +65,8 @@
type: 'danger',
})
"
:vue="this" />
:vue="this"
width="170" />
</sc-table>
</el-main>
</el-container>