| | |
| | | <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave"> |
| | | <div v-show="showSearch" class="mb-[10px]"> |
| | | <el-card shadow="hover"> |
| | | <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="68px"> |
| | | <el-form ref="queryFormRef" :model="queryParams" :inline="true"> |
| | | <el-form-item label="字典名称" prop="dictType"> |
| | | <el-select v-model="queryParams.dictType" style="width: 200px"> |
| | | <el-select v-model="queryParams.dictType"> |
| | | <el-option v-for="item in typeOptions" :key="item.dictId" :label="item.dictName" :value="item.dictType" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="字典标签" prop="dictLabel"> |
| | | <el-input v-model="queryParams.dictLabel" placeholder="请输入字典标签" clearable style="width: 200px" @keyup.enter="handleQuery" /> |
| | | <el-input v-model="queryParams.dictLabel" placeholder="请输入字典标签" clearable @keyup.enter="handleQuery" /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button> |
| | |
| | | <el-col :span="1.5"> |
| | | <el-button type="warning" plain icon="Close" @click="handleClose">关闭</el-button> |
| | | </el-col> |
| | | <right-toolbar v-model:showSearch="showSearch" @query-table="getList"></right-toolbar> |
| | | <right-toolbar v-model:show-search="showSearch" @query-table="getList"></right-toolbar> |
| | | </el-row> |
| | | </template> |
| | | |
| | |
| | | <el-table-column v-if="false" label="字典编码" align="center" prop="dictCode" /> |
| | | <el-table-column label="字典标签" align="center" prop="dictLabel"> |
| | | <template #default="scope"> |
| | | <span v-if="(scope.row.listClass === '' || scope.row.listClass === 'default') && (scope.row.cssClass === '' || scope.row.cssClass == null)">{{ scope.row.dictLabel }}</span> |
| | | <el-tag v-else :type="(scope.row.listClass === 'primary' || scope.row.listClass === 'default') ? '' : scope.row.listClass" :class="scope.row.cssClass">{{ scope.row.dictLabel }}</el-tag> |
| | | <span |
| | | v-if="(scope.row.listClass === '' || scope.row.listClass === 'default') && (scope.row.cssClass === '' || scope.row.cssClass == null)" |
| | | >{{ scope.row.dictLabel }}</span |
| | | > |
| | | <el-tag |
| | | v-else |
| | | :type="scope.row.listClass === 'primary' || scope.row.listClass === 'default' ? 'primary' : scope.row.listClass" |
| | | :class="scope.row.cssClass" |
| | | >{{ scope.row.dictLabel }}</el-tag |
| | | > |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="字典键值" align="center" prop="dictValue" /> |
| | |
| | | <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="创建时间" align="center" prop="createTime" width="180"> |
| | | <template #default="scope"> |
| | | <span>{{ parseTime(scope.row.createTime) }}</span> |
| | | <span>{{ proxy.parseTime(scope.row.createTime) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width"> |
| | |
| | | import { listData, getData, delData, addData, updateData } from '@/api/system/dict/data'; |
| | | import { DictTypeVO } from '@/api/system/dict/type/types'; |
| | | import { DictDataForm, DictDataQuery, DictDataVO } from '@/api/system/dict/data/types'; |
| | | import { RouteLocationNormalized } from 'vue-router'; |
| | | |
| | | const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
| | | const route = useRoute(); |
| | |
| | | dictLabel: '', |
| | | dictValue: '', |
| | | cssClass: '', |
| | | listClass: 'default', |
| | | listClass: 'primary', |
| | | dictSort: 0, |
| | | remark: '' |
| | | }; |
| | |
| | | }; |
| | | /** 返回按钮操作 */ |
| | | const handleClose = () => { |
| | | const obj = { path: '/system/dict' }; |
| | | const obj: RouteLocationNormalized = { |
| | | fullPath: '', |
| | | hash: '', |
| | | matched: [], |
| | | meta: undefined, |
| | | name: undefined, |
| | | params: undefined, |
| | | query: undefined, |
| | | redirectedFrom: undefined, |
| | | path: '/system/dict' |
| | | }; |
| | | proxy?.$tab.closeOpenPage(obj); |
| | | }; |
| | | /** 重置按钮操作 */ |