refactor(Menu.vue): 菜单列表列宽调整

This commit is contained in:
郝先瑞
2022-02-27 01:06:58 +08:00
parent d065601e70
commit 0f114292e2

View File

@@ -41,14 +41,14 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="状态" align="center" width="80"> <el-table-column label="状态" align="center" width="100">
<template #default="scope"> <template #default="scope">
<el-tag v-if="scope.row.visible===1" type="success">显示</el-tag> <el-tag v-if="scope.row.visible===1" type="success">显示</el-tag>
<el-tag v-else type="info">隐藏</el-tag> <el-tag v-else type="info">隐藏</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" align="center" width="130"> <el-table-column label="操作" align="center" width="200">
<template #default="scope"> <template #default="scope">
<el-button <el-button
type="success" type="success"
@@ -143,7 +143,7 @@
v-if="formData.icon" v-if="formData.icon"
:icon-class="formData.icon" :icon-class="formData.icon"
class="el-input__icon" class="el-input__icon"
style="height: 40px;width: 16px;" style="margin:auto"
color="#999" color="#999"
/> />
<i v-else class="el-icon-search el-input__icon"/> <i v-else class="el-icon-search el-input__icon"/>
@@ -257,6 +257,9 @@ const {
showChooseIcon showChooseIcon
} = toRefs(state) } = toRefs(state)
/**
* 查询
*/
function handleQuery() { function handleQuery() {
// 重置父组件 // 重置父组件
emit('menuClick', null) emit('menuClick', null)
@@ -379,12 +382,9 @@ function handleDelete(row: any) {
) )
} }
/** // 重置表单
* 重置表单
*/
function resetForm() { function resetForm() {
const dataForm = unref(dataFormRef) dataFormRef.value.resetFields()
dataForm.resetFields
} }
function cancel() { function cancel() {