| | |
| | | <template> |
| | | <el-dialog class="command-page-view-dialog" v-model="visible" :title="dialogTitle" @closed="handleClosed" destroy-on-close> |
| | | <el-dialog class="command-page-view-dialog" v-model="visible" :title="dialogTitle" @closed="handleClosed" destroy-on-close |
| | | :close-on-click-modal="false"> |
| | | <div class="detail-container" v-if="dialogReadonly"> |
| | | <div class="detail-title">角色详情</div> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <div class="label">角色名称</div> |
| | |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="角色排序" prop="sort"> |
| | | <el-input-number v-model="formData.sort" :min="0" :controls="false" placeholder="请输入" /> |
| | | <el-input-number class="command-input" v-model="formData.sort" :min="0" :controls="false" placeholder="请输入" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | |
| | | <template #footer> |
| | | <el-button color="#2B2B4C" @click="handleCancel">{{ dialogReadonly ? '关闭' : '取消' }}</el-button> |
| | | <el-button v-if="dialogMode != 'view'" color="#2B2B4C" @click="handleCancel">{{ dialogReadonly ? '关闭' : '取消' }}</el-button> |
| | | <el-button color="#284FE3" v-if="!dialogReadonly" type="primary" :loading="submitting" :disabled="submitting" @click="handleSubmit"> |
| | | 保存 |
| | | </el-button> |
| | |
| | | import { ElMessage } from 'element-plus' |
| | | import { add, getRoleTreeById, update } from '@/api/system/role' |
| | | import { fieldRules } from '@ztzf/utils' |
| | | import { saveOperationLog } from '@ztzf/apis' |
| | | import { useRoute } from 'vue-router' |
| | | |
| | | const initForm = () => ({ |
| | | roleName: '', |
| | |
| | | const dialogMode = ref('add') |
| | | const submitting = ref(false) |
| | | const dialogReadonly = computed(() => dialogMode.value === 'view') |
| | | const route = useRoute() |
| | | const dialogTitle = computed(() => { |
| | | if (dialogMode.value === 'edit') return '编辑' |
| | | if (dialogMode.value === 'view') return '查看' |
| | |
| | | try { |
| | | if (dialogMode.value === 'edit') { |
| | | await update(formData.value) |
| | | saveOperationLog({ |
| | | requestUri: route.path, |
| | | title: `${route.name || '角色管理'}-编辑`, |
| | | type: 1, |
| | | }) |
| | | } else { |
| | | await add(formData.value) |
| | | saveOperationLog({ |
| | | requestUri: route.path, |
| | | title: `${route.name || '角色管理'}-新增`, |
| | | type: 1, |
| | | }) |
| | | } |
| | | ElMessage.success(dialogMode.value === 'add' ? '新增成功' : '更新成功') |
| | | visible.value = false |