style: 代码统一风格格式化
Former-commit-id: 5d0a75e41127c57c663eb2617b1ce66d039f4c29
This commit is contained in:
@@ -1,33 +1,33 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="12" :xs="24">
|
||||
<el-card class="box-card">
|
||||
<template #header>
|
||||
<svg-icon color="#333" icon-class="education" />
|
||||
字典列表
|
||||
</template>
|
||||
<!-- 字典列表子组件 -->
|
||||
<dict @dictClick="handleDictClick" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
<div class="app-container">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="12" :xs="24">
|
||||
<el-card class="box-card">
|
||||
<template #header>
|
||||
<svg-icon color="#333" icon-class="education" />
|
||||
字典列表
|
||||
</template>
|
||||
<!-- 字典列表子组件 -->
|
||||
<dict @dictClick="handleDictClick" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" :xs="24">
|
||||
<el-card class="box-card">
|
||||
<template #header>
|
||||
<svg-icon color="#333" icon-class="dict" />
|
||||
<span style="margin: 0 5px">字典数据项</span>
|
||||
<el-tag type="success" v-if="dictCode" size="small">{{
|
||||
dictName
|
||||
}}</el-tag>
|
||||
<el-tag type="warning" v-else size="small">未选择字典</el-tag>
|
||||
</template>
|
||||
<!-- 字典项组件 -->
|
||||
<dict-item :dictName="dictName" :dictCode="dictCode" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<el-col :span="12" :xs="24">
|
||||
<el-card class="box-card">
|
||||
<template #header>
|
||||
<svg-icon color="#333" icon-class="dict" />
|
||||
<span style="margin: 0 5px">字典数据项</span>
|
||||
<el-tag type="success" v-if="dictCode" size="small">{{
|
||||
dictName
|
||||
}}</el-tag>
|
||||
<el-tag type="warning" v-else size="small">未选择字典</el-tag>
|
||||
</template>
|
||||
<!-- 字典项组件 -->
|
||||
<dict-item :dictName="dictName" :dictCode="dictCode" />
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
@@ -38,19 +38,19 @@ import DictItem from './components/DictItem.vue';
|
||||
import { reactive, toRefs } from 'vue';
|
||||
|
||||
const state = reactive({
|
||||
dictCode: '',
|
||||
dictName: '' // 字典名称,用于字典项组件回显
|
||||
dictCode: '',
|
||||
dictName: '' // 字典名称,用于字典项组件回显
|
||||
});
|
||||
|
||||
const { dictCode, dictName } = toRefs(state);
|
||||
|
||||
const handleDictClick = (dictRow: any) => {
|
||||
if (dictRow) {
|
||||
state.dictName = dictRow.name;
|
||||
state.dictCode = dictRow.code;
|
||||
} else {
|
||||
state.dictName = '';
|
||||
state.dictCode = '';
|
||||
}
|
||||
if (dictRow) {
|
||||
state.dictName = dictRow.name;
|
||||
state.dictCode = dictRow.code;
|
||||
} else {
|
||||
state.dictName = '';
|
||||
state.dictCode = '';
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user