32 changed files with 405 additions and 898 deletions
@ -1,76 +0,0 @@ |
|||||
<template> |
|
||||
<q-editor v-model="editor" min-height="5rem" v-bind="attrs" /> |
|
||||
</template> |
|
||||
|
|
||||
<script setup lang="ts"> |
|
||||
import { ref, computed, defineProps, useAttrs } from 'vue'; |
|
||||
import { FormValidators } from 'platform-core'; |
|
||||
|
|
||||
const editor = ref(); |
|
||||
const textareaRef = ref(); |
|
||||
const attrs = useAttrs(); |
|
||||
const inRules = attrs.rules; |
|
||||
const props = defineProps({ |
|
||||
hideIf: { |
|
||||
type: Function, |
|
||||
default: () => { |
|
||||
return false; |
|
||||
}, |
|
||||
}, |
|
||||
required: { |
|
||||
type: Boolean, |
|
||||
default: false, |
|
||||
}, |
|
||||
requiredIf: { |
|
||||
type: Function, |
|
||||
default: undefined, |
|
||||
}, |
|
||||
readonlyIf: { |
|
||||
type: Function, |
|
||||
default: () => { |
|
||||
return false; |
|
||||
}, |
|
||||
}, |
|
||||
disableIf: { |
|
||||
type: Function, |
|
||||
default: () => { |
|
||||
return false; |
|
||||
}, |
|
||||
}, |
|
||||
form: { |
|
||||
type: Object, |
|
||||
default: undefined, |
|
||||
}, |
|
||||
}); |
|
||||
|
|
||||
const rulesComputed = computed(() => { |
|
||||
let rules = inRules || <any>[]; |
|
||||
if (!hideIfComputed.value && requiredIfComputed.value) { |
|
||||
rules.push(FormValidators.required()); |
|
||||
} else if (hideIfComputed.value) { |
|
||||
rules = []; |
|
||||
} |
|
||||
if (textareaRef?.value) { |
|
||||
textareaRef.value.resetValidation(); |
|
||||
} |
|
||||
return rules; |
|
||||
}); |
|
||||
|
|
||||
const hideIfComputed = computed(() => { |
|
||||
return props.hideIf(props.form); |
|
||||
}); |
|
||||
const requiredIfComputed = computed(() => { |
|
||||
if (props.requiredIf) { |
|
||||
return props.requiredIf(props.form) || false; |
|
||||
} else if (props.required) { |
|
||||
return true; |
|
||||
} |
|
||||
return false; |
|
||||
}); |
|
||||
const readonlyIfComputed = computed(() => { |
|
||||
return props.readonlyIf(props.form); |
|
||||
}); |
|
||||
const disableIfComputed = computed(() => { |
|
||||
return props.disableIf(props.form); |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,119 +0,0 @@ |
|||||
<template> |
|
||||
<div> |
|
||||
<q-dialog ref="dialogRef" allow-focus-outside v-bind="attrs"> |
|
||||
<q-card |
|
||||
:style="{ |
|
||||
width: attrs.maximized ? '100vw' : width, |
|
||||
'max-width': '100vw', |
|
||||
height: attrs.maximized ? '100vh' : height, |
|
||||
'max-height': '100vh', |
|
||||
}" |
|
||||
> |
|
||||
<q-card-section :style="headerStyle"> |
|
||||
<div class="flex justify-between"> |
|
||||
<div class="text-h6">{{ title }}</div> |
|
||||
<div class="flex justify-end q-gutter-md"> |
|
||||
<q-btn :label="$t('confirm')" dense color="primary" style="width: 100px" @click="addMenu" /> |
|
||||
<q-btn v-close-popup dense flat icon="close" :title="$t('close')"> </q-btn> |
|
||||
</div> |
|
||||
</div> |
|
||||
</q-card-section> |
|
||||
<q-card-section class="q-pt-none" :style="bodyStyle"> |
|
||||
<div class="row"> |
|
||||
<div class="col-12"> |
|
||||
<q-input v-model="name" type="input" label="名称" outlined autocomplete="false" class="p-1" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row"> |
|
||||
<div class="col-12"> |
|
||||
<q-input v-model="icon" type="input" label="图标" outlined autocomplete="false" class="p-1" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row"> |
|
||||
<div class="col-12"> |
|
||||
<q-checkbox v-model="enable" label="是否可用" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row"> |
|
||||
<div class="col-12"> |
|
||||
<q-input v-model="routeName" type="input" label="前端路由名称" outlined autocomplete="false" class="p-1" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row"> |
|
||||
<div class="col-12"> |
|
||||
<q-input v-model="routeQuery" type="input" label="前端路由参数" outlined autocomplete="false" class="p-1" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row"> |
|
||||
<div class="col-12"> |
|
||||
<q-input v-model="order" type="input" label="排序" outlined autocomplete="false" class="p-1" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
</q-card-section> |
|
||||
</q-card> |
|
||||
</q-dialog> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { useAttrs, ref } from 'vue'; |
|
||||
import { useI18n } from 'vue-i18n'; |
|
||||
import { axios, Environment } from 'platform-core'; |
|
||||
|
|
||||
const attrs = useAttrs(); |
|
||||
|
|
||||
const props = defineProps({ |
|
||||
headerStyle: { type: String, default: 'width:100%;padding: 16px 8px 4px 16px' }, |
|
||||
bodyStyle: { type: String, default: 'padding: 0px 8px 0px 8px;height:calc(100%)' }, |
|
||||
title: { type: String, default: '' }, |
|
||||
width: { type: String, default: '70%' }, |
|
||||
height: { type: String, default: '70%' }, |
|
||||
}); |
|
||||
|
|
||||
const { t } = useI18n(); |
|
||||
|
|
||||
const dialogRef = ref(); |
|
||||
const parentIdRef = ref(); |
|
||||
const callbackRef = ref(); |
|
||||
|
|
||||
const name = ref(); |
|
||||
const icon = ref(); |
|
||||
const enable = ref(true); |
|
||||
const routeName = ref(); |
|
||||
const routeQuery = ref(); |
|
||||
const order = ref(0); |
|
||||
|
|
||||
const addMenu = () => { |
|
||||
const data = { |
|
||||
type: 'ROUTE', |
|
||||
enable: enable.value, |
|
||||
order: order.value, |
|
||||
parentId: parentIdRef.value, |
|
||||
name: name.value, |
|
||||
icon: icon.value, |
|
||||
routeName: routeName.value, |
|
||||
routeQuery: routeQuery.value, |
|
||||
}; |
|
||||
|
|
||||
axios.post(Environment.apiContextPath('/api/system/menu/addMenu'), data).then(() => { |
|
||||
dialogRef.value.hide(); |
|
||||
if (callbackRef.value) { |
|
||||
callbackRef.value(); |
|
||||
} |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
const show = (parentId, callback) => { |
|
||||
parentIdRef.value = parentId; |
|
||||
callbackRef.value = callback; |
|
||||
dialogRef.value.show(); |
|
||||
}; |
|
||||
|
|
||||
const hide = () => { |
|
||||
dialogRef.value.hide(); |
|
||||
}; |
|
||||
|
|
||||
defineExpose({ |
|
||||
show, |
|
||||
hide, |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,103 +0,0 @@ |
|||||
<template> |
|
||||
<div> |
|
||||
<q-dialog ref="dialogRef" allow-focus-outside v-bind="attrs"> |
|
||||
<q-card |
|
||||
:style="{ |
|
||||
width: attrs.maximized ? '100vw' : width, |
|
||||
'max-width': '100vw', |
|
||||
height: attrs.maximized ? '100vh' : height, |
|
||||
'max-height': '100vh', |
|
||||
}" |
|
||||
> |
|
||||
<q-card-section :style="headerStyle"> |
|
||||
<div class="flex justify-between"> |
|
||||
<div class="text-h6">{{ title }}</div> |
|
||||
<div class="flex justify-end q-gutter-md"> |
|
||||
<q-btn :label="$t('confirm')" dense color="primary" style="width: 100px" @click="addMenu" /> |
|
||||
<q-btn v-close-popup dense flat icon="close" :title="$t('close')"> </q-btn> |
|
||||
</div> |
|
||||
</div> |
|
||||
</q-card-section> |
|
||||
<q-card-section class="q-pt-none" :style="bodyStyle"> |
|
||||
<div class="row"> |
|
||||
<div class="col-12"> |
|
||||
<q-input v-model="name" type="input" label="名称" outlined autocomplete="false" class="p-1" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row"> |
|
||||
<div class="col-12"> |
|
||||
<q-input v-model="icon" type="input" label="图标" outlined autocomplete="false" class="p-1" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row"> |
|
||||
<div class="col-12"> |
|
||||
<q-checkbox v-model="enable" label="是否可用" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row"> |
|
||||
<div class="col-12"> |
|
||||
<q-input v-model="order" type="input" label="排序" outlined autocomplete="false" class="p-1" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
</q-card-section> |
|
||||
</q-card> |
|
||||
</q-dialog> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { useAttrs, ref } from 'vue'; |
|
||||
import { useI18n } from 'vue-i18n'; |
|
||||
import { axios, Environment } from 'platform-core'; |
|
||||
|
|
||||
const attrs = useAttrs(); |
|
||||
|
|
||||
const props = defineProps({ |
|
||||
headerStyle: { type: String, default: 'width:100%;padding: 16px 8px 4px 16px' }, |
|
||||
bodyStyle: { type: String, default: 'padding: 0px 8px 0px 8px;height:calc(100%)' }, |
|
||||
title: { type: String, default: '' }, |
|
||||
width: { type: String, default: '70%' }, |
|
||||
height: { type: String, default: '70%' }, |
|
||||
}); |
|
||||
|
|
||||
const { t } = useI18n(); |
|
||||
|
|
||||
const dialogRef = ref(); |
|
||||
const callbackRef = ref(); |
|
||||
|
|
||||
const name = ref(); |
|
||||
const icon = ref(); |
|
||||
const enable = ref(true); |
|
||||
const order = ref(0); |
|
||||
|
|
||||
const addMenu = () => { |
|
||||
const data = { |
|
||||
type: 'ROUTE', |
|
||||
enable: enable.value, |
|
||||
order: order.value, |
|
||||
parentId: null, |
|
||||
name: name.value, |
|
||||
icon: icon.value, |
|
||||
}; |
|
||||
|
|
||||
axios.post(Environment.apiContextPath('/api/system/menu/addMenu'), data).then(() => { |
|
||||
dialogRef.value.hide(); |
|
||||
if (callbackRef.value) { |
|
||||
callbackRef.value(); |
|
||||
} |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
const show = (callback) => { |
|
||||
callbackRef.value = callback; |
|
||||
dialogRef.value.show(); |
|
||||
}; |
|
||||
|
|
||||
const hide = () => { |
|
||||
dialogRef.value.hide(); |
|
||||
}; |
|
||||
|
|
||||
defineExpose({ |
|
||||
show, |
|
||||
hide, |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,128 +0,0 @@ |
|||||
<template> |
|
||||
<div> |
|
||||
<q-dialog ref="dialogRef" allow-focus-outside v-bind="attrs"> |
|
||||
<q-card |
|
||||
:style="{ |
|
||||
width: attrs.maximized ? '100vw' : width, |
|
||||
'max-width': '100vw', |
|
||||
height: attrs.maximized ? '100vh' : height, |
|
||||
'max-height': '100vh', |
|
||||
}" |
|
||||
> |
|
||||
<q-card-section :style="headerStyle"> |
|
||||
<div class="flex justify-between"> |
|
||||
<div class="text-h6">{{ title }}</div> |
|
||||
<div class="flex justify-end q-gutter-md"> |
|
||||
<q-btn :label="$t('confirm')" dense color="primary" style="width: 100px" @click="updateMenu" /> |
|
||||
<q-btn v-close-popup dense flat icon="close" :title="$t('close')"> </q-btn> |
|
||||
</div> |
|
||||
</div> |
|
||||
</q-card-section> |
|
||||
<q-card-section class="q-pt-none" :style="bodyStyle"> |
|
||||
<div class="row"> |
|
||||
<div class="col-12"> |
|
||||
<q-input v-model="name" type="input" label="名称" outlined autocomplete="false" class="p-1" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row"> |
|
||||
<div class="col-12"> |
|
||||
<q-input v-model="icon" type="input" label="图标" outlined autocomplete="false" class="p-1" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row"> |
|
||||
<div class="col-12"> |
|
||||
<q-checkbox v-model="enable" label="是否可用" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row"> |
|
||||
<div class="col-12"> |
|
||||
<q-input v-model="routeName" type="input" label="前端路由名称" outlined autocomplete="false" class="p-1" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row"> |
|
||||
<div class="col-12"> |
|
||||
<q-input v-model="routeQuery" type="input" label="前端路由参数" outlined autocomplete="false" class="p-1" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
<div class="row"> |
|
||||
<div class="col-12"> |
|
||||
<q-input v-model="order" type="input" label="排序" outlined autocomplete="false" class="p-1" /> |
|
||||
</div> |
|
||||
</div> |
|
||||
</q-card-section> |
|
||||
</q-card> |
|
||||
</q-dialog> |
|
||||
</div> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { useAttrs, ref } from 'vue'; |
|
||||
import { useI18n } from 'vue-i18n'; |
|
||||
import { axios, Environment, Tools } from 'platform-core'; |
|
||||
|
|
||||
const attrs = useAttrs(); |
|
||||
|
|
||||
const props = defineProps({ |
|
||||
headerStyle: { type: String, default: 'width:100%;padding: 16px 8px 4px 16px' }, |
|
||||
bodyStyle: { type: String, default: 'padding: 0px 8px 0px 8px;height:calc(100%)' }, |
|
||||
title: { type: String, default: '' }, |
|
||||
width: { type: String, default: '70%' }, |
|
||||
height: { type: String, default: '70%' }, |
|
||||
}); |
|
||||
|
|
||||
const { t } = useI18n(); |
|
||||
|
|
||||
const dialogRef = ref(); |
|
||||
const parentIdRef = ref(); |
|
||||
const callbackRef = ref(); |
|
||||
|
|
||||
const id = ref(''); |
|
||||
const name = ref(''); |
|
||||
const icon = ref(''); |
|
||||
const enable = ref(true); |
|
||||
const routeName = ref(''); |
|
||||
const routeQuery = ref(''); |
|
||||
const order = ref(0); |
|
||||
|
|
||||
const updateMenu = () => { |
|
||||
const data = { |
|
||||
id: id.value, |
|
||||
type: 'ROUTE', |
|
||||
enable: enable.value, |
|
||||
order: order.value, |
|
||||
parentId: parentIdRef.value, |
|
||||
name: name.value, |
|
||||
icon: icon.value, |
|
||||
routeName: routeName.value, |
|
||||
routeQuery: routeQuery.value, |
|
||||
}; |
|
||||
|
|
||||
axios.post(Environment.apiContextPath('/api/system/menu/updateMenu'), data).then(() => { |
|
||||
dialogRef.value.hide(); |
|
||||
if (callbackRef.value) { |
|
||||
callbackRef.value(); |
|
||||
} |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
const show = (node, callback) => { |
|
||||
callbackRef.value = callback; |
|
||||
|
|
||||
id.value = node.id; |
|
||||
name.value = node.name; |
|
||||
icon.value = node.icon; |
|
||||
enable.value = node.enable; |
|
||||
routeName.value = node.routeName; |
|
||||
routeQuery.value = Tools.object2Json(node.routeQuery || {}); |
|
||||
order.value = node.order; |
|
||||
dialogRef.value.show(); |
|
||||
}; |
|
||||
|
|
||||
const hide = () => { |
|
||||
dialogRef.value.hide(); |
|
||||
}; |
|
||||
|
|
||||
defineExpose({ |
|
||||
show, |
|
||||
hide, |
|
||||
}); |
|
||||
</script> |
|
||||
@ -1,105 +0,0 @@ |
|||||
<template> |
|
||||
<w-dialog |
|
||||
ref="dialogRef" |
|
||||
:title="$t('system.selectRoleByUserDialog.title')" |
|
||||
width="800px" |
|
||||
height="500px" |
|
||||
:can-maximize="false" |
|
||||
:buttons="[ |
|
||||
{ |
|
||||
label: $t('confirm'), |
|
||||
click: () => { |
|
||||
const roleIds = Tools.extractProperties(gridRef.getSelectedRows(), 'id'); |
|
||||
axios |
|
||||
.post(Environment.apiContextPath('/api/system/user/addRoles'), { |
|
||||
one: parentId, |
|
||||
many: roleIds, |
|
||||
}) |
|
||||
.then((response) => { |
|
||||
parentComponent?.refresh(); |
|
||||
close(); |
|
||||
}); |
|
||||
}, |
|
||||
}, |
|
||||
]" |
|
||||
> |
|
||||
<div class="px-2"> |
|
||||
<w-grid |
|
||||
ref="gridRef" |
|
||||
:title="$t('system.role.grid.title')" |
|
||||
selection="multiple" |
|
||||
:full-screen-button="false" |
|
||||
:toolbar-configure="{ noIcon: false }" |
|
||||
:toolbar-actions="['query', 'refresh']" |
|
||||
:query-form-fields="[ |
|
||||
{ name: 'code', label: $t('code'), type: 'text' }, |
|
||||
{ name: 'name', label: $t('name'), type: 'text' }, |
|
||||
{ |
|
||||
name: 'enable', |
|
||||
label: $t('enable'), |
|
||||
type: 'select', |
|
||||
options: Options.yesNo(), |
|
||||
queryOperator: 'equals', |
|
||||
}, |
|
||||
{ |
|
||||
name: 'dataComeFrom', |
|
||||
label: $t('dataComeFrom'), |
|
||||
type: 'select', |
|
||||
options: Options.enum(DataComeFromEnum), |
|
||||
queryOperator: 'equals', |
|
||||
}, |
|
||||
]" |
|
||||
:auto-fetch-data="false" |
|
||||
:fetch-data-url="Environment.apiContextPath('/api/system/role/queryOtherRolesByUser?userId=' + parentId)" |
|
||||
:columns="[ |
|
||||
{ name: 'code', label: $t('code') }, |
|
||||
{ name: 'name', label: $t('name') }, |
|
||||
{ |
|
||||
name: 'status', |
|
||||
label: t('status'), |
|
||||
format: Formater.enableTag(), |
|
||||
}, |
|
||||
{ name: 'lastModifier', label: t('lastModifier') }, |
|
||||
{ name: 'lastModifyDate', label: t('lastModifyDate') }, |
|
||||
]" |
|
||||
></w-grid> |
|
||||
</div> |
|
||||
</w-dialog> |
|
||||
</template> |
|
||||
<script setup lang="ts"> |
|
||||
import { ref, nextTick } from 'vue'; |
|
||||
import { useI18n } from 'vue-i18n'; |
|
||||
import { axios, Environment, Tools, EnumTools, Options, Formater } from 'platform-core'; |
|
||||
|
|
||||
const { t } = useI18n(); |
|
||||
|
|
||||
const dialogRef = ref(); |
|
||||
const gridRef = ref(); |
|
||||
|
|
||||
let DataComeFromEnum = ref(); |
|
||||
EnumTools.fetch('io.sc.platform.orm.api.enums.DataComeFrom').then((data) => { |
|
||||
DataComeFromEnum.value = data; |
|
||||
}); |
|
||||
|
|
||||
let parentId, parentComponent; |
|
||||
|
|
||||
const open = (param: object) => { |
|
||||
parentId = param.parentId; |
|
||||
parentComponent = param.parentComponent; |
|
||||
|
|
||||
dialogRef.value.show(); |
|
||||
|
|
||||
nextTick(() => { |
|
||||
gridRef.value.refresh(); |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
const close = () => { |
|
||||
dialogRef.value.hide(); |
|
||||
}; |
|
||||
|
|
||||
defineExpose({ |
|
||||
open, |
|
||||
close, |
|
||||
}); |
|
||||
</script> |
|
||||
Loading…
Reference in new issue