87 changed files with 3267 additions and 612 deletions
@ -1,102 +0,0 @@ |
|||||
{ |
|
||||
"name": "io.sc.platform.system.frontend", |
|
||||
"version": "8.1.38", |
|
||||
"description": "", |
|
||||
"private": false, |
|
||||
"keywords": [], |
|
||||
"author": "", |
|
||||
"license": "ISC", |
|
||||
"scripts": { |
|
||||
"dev": "nodemon", |
|
||||
"serve": "node ./util-components-generator.cjs && cross-env NODE_ENV=development webpack serve --config webpack.env.serve.cjs", |
|
||||
"build": "node ./util-components-generator.cjs && cross-env NODE_ENV=development webpack --config webpack.env.build.cjs", |
|
||||
"prod": "node ./util-components-generator.cjs && cross-env NODE_ENV=production webpack --config webpack.env.prod.cjs", |
|
||||
"sync": "platform sync", |
|
||||
"clean": "rm -rf ./node_modules && rm -rf pnpm-lock.yaml" |
|
||||
}, |
|
||||
"engines": { |
|
||||
"node": ">=18", |
|
||||
"pnpm": ">=7" |
|
||||
}, |
|
||||
"publishConfig": { |
|
||||
"registry": "http://nexus.sc.io:8000/repository/npm-releases/", |
|
||||
"access": "public" |
|
||||
}, |
|
||||
"devDependencies": { |
|
||||
"@babel/core": "7.23.7", |
|
||||
"@babel/preset-env": "7.23.7", |
|
||||
"@babel/preset-typescript": "7.23.3", |
|
||||
"@babel/plugin-transform-class-properties": "7.23.3", |
|
||||
"@babel/plugin-transform-object-rest-spread": "7.23.4", |
|
||||
"@quasar/app-webpack": "3.12.1", |
|
||||
"@quasar/cli": "2.3.0", |
|
||||
"@types/mockjs": "1.0.10", |
|
||||
"@types/node": "20.10.6", |
|
||||
"@typescript-eslint/eslint-plugin": "6.17.0", |
|
||||
"@typescript-eslint/parser": "6.17.0", |
|
||||
"@vue/compiler-sfc": "3.4.3", |
|
||||
"@webpack-cli/serve": "2.0.5", |
|
||||
"autoprefixer": "10.4.16", |
|
||||
"babel-loader": "9.1.3", |
|
||||
"clean-webpack-plugin": "4.0.0", |
|
||||
"copy-webpack-plugin": "11.0.0", |
|
||||
"cross-env": "7.0.3", |
|
||||
"css-loader": "6.8.1", |
|
||||
"eslint": "8.56.0", |
|
||||
"eslint-config-prettier": "9.1.0", |
|
||||
"eslint-plugin-prettier": "5.1.2", |
|
||||
"eslint-plugin-vue": "9.19.2", |
|
||||
"eslint-webpack-plugin": "4.0.1", |
|
||||
"html-webpack-plugin": "5.6.0", |
|
||||
"json5": "2.2.3", |
|
||||
"mini-css-extract-plugin": "2.7.6", |
|
||||
"nodemon": "3.0.2", |
|
||||
"postcss": "8.4.32", |
|
||||
"postcss-import": "16.0.0", |
|
||||
"postcss-loader": "7.3.4", |
|
||||
"postcss-preset-env": "9.3.0", |
|
||||
"prettier": "3.1.1", |
|
||||
"sass": "1.69.7", |
|
||||
"sass-loader": "13.3.3", |
|
||||
"typescript": "5.3.3", |
|
||||
"vue-loader": "17.4.2", |
|
||||
"webpack": "5.89.0", |
|
||||
"webpack-bundle-analyzer": "4.10.1", |
|
||||
"webpack-cli": "5.1.4", |
|
||||
"webpack-dev-server": "4.15.1", |
|
||||
"webpack-merge": "5.10.0", |
|
||||
"@vue/babel-plugin-jsx": "1.1.5" |
|
||||
}, |
|
||||
"dependencies": { |
|
||||
"@codemirror/autocomplete": "6.11.1", |
|
||||
"@codemirror/commands": "6.3.3", |
|
||||
"@codemirror/lang-html": "6.4.7", |
|
||||
"@codemirror/lang-java": "6.0.1", |
|
||||
"@codemirror/lang-javascript": "6.2.1", |
|
||||
"@codemirror/lang-json": "6.0.1", |
|
||||
"@codemirror/lang-sql": "6.5.4", |
|
||||
"@codemirror/lang-xml": "6.0.2", |
|
||||
"@codemirror/language": "6.10.0", |
|
||||
"@codemirror/search": "6.5.5", |
|
||||
"@codemirror/state": "6.4.0", |
|
||||
"@codemirror/view": "6.23.0", |
|
||||
"@maxgraph/core": "0.9.0", |
|
||||
"@quasar/extras": "1.16.9", |
|
||||
"@vueuse/core": "10.7.1", |
|
||||
"axios": "1.6.3", |
|
||||
"codemirror": "6.0.1", |
|
||||
"dayjs": "1.11.10", |
|
||||
"echarts": "5.4.3", |
|
||||
"exceljs": "4.4.0", |
|
||||
"file-saver": "2.0.5", |
|
||||
"luckyexcel": "1.0.1", |
|
||||
"mockjs": "1.1.0", |
|
||||
"pinia": "2.1.7", |
|
||||
"quasar": "2.14.5", |
|
||||
"tailwindcss": "3.4.0", |
|
||||
"vue": "3.4.3", |
|
||||
"vue-dompurify-html": "5.0.1", |
|
||||
"vue-i18n": "9.8.0", |
|
||||
"vue-router": "4.2.5" |
|
||||
} |
|
||||
} |
|
||||
@ -1,160 +1,41 @@ |
|||||
<template> |
<template> |
||||
<div> |
<div> |
||||
<div class="row justify-end q-gutter-md q-py-md"> |
<div class="fit row wrap justify-center items-start content-start q-pt-md q-gutter-md"> |
||||
<q-select |
<q-input v-model="frontendWebContextPath" :label="$t('lcdp.frontend.export.frontendWebContextPath')" outlined dense style="width: 300px" /> |
||||
v-model="selectedTheme" |
</div> |
||||
:label="$t('theme')" |
<div class="fit row wrap justify-center items-start content-start q-pt-md q-gutter-md"> |
||||
:options="themeOptions" |
<q-input v-model="backendApiWebContextPath" :label="$t('lcdp.frontend.export.backendApiWebContextPath')" outlined dense style="width: 300px" /> |
||||
option-label="name" |
</div> |
||||
option-value="id" |
<div class="fit row wrap justify-center items-start content-start q-pt-md q-gutter-md"> |
||||
emit-value |
<q-btn :loading="loading" outlined :label="$t('lcdp.frontend.export')" @click="exportFrontend" /> |
||||
map-options |
|
||||
dense |
|
||||
outlined |
|
||||
style="min-width: 200px" |
|
||||
@update:model-value="themeChanged" |
|
||||
> |
|
||||
<template #option="scope"> |
|
||||
<q-item v-bind="scope.itemProps"> |
|
||||
<q-item-section> |
|
||||
<q-item-label>{{ scope.opt.name }}</q-item-label> |
|
||||
</q-item-section> |
|
||||
<q-item-section v-if="scope.opt.active" avatar> |
|
||||
<q-icon name="bi-check" /> |
|
||||
</q-item-section> |
|
||||
<q-item-section v-else avatar> |
|
||||
<w-icon-empty></w-icon-empty> |
|
||||
</q-item-section> |
|
||||
</q-item> |
|
||||
</template> |
|
||||
</q-select> |
|
||||
<q-btn :label="$t('theme.action.setDefaultTheme')" icon="bi-heart" no-caps outline dense padding="2px 10px" @click="defaultTheme" /> |
|
||||
<q-btn :label="$t('add')" icon="add" no-caps outline dense padding="2px 10px" @click="prompt = true" /> |
|
||||
<q-btn :label="$t('delete')" icon="delete" no-caps outline dense padding="2px 10px" @click="removeTheme" /> |
|
||||
<q-btn :label="$t('save')" icon="save" no-caps outline dense padding="2px 10px" @click="saveTheme" /> |
|
||||
</div> |
</div> |
||||
<q-dialog v-model="prompt" persistent> |
|
||||
<q-card style="min-width: 350px"> |
|
||||
<q-card-section class="q-pt-md"> |
|
||||
<q-input v-model="configureName" :label="$t('name')" outlined dense autofocus @keyup.enter="prompt = false" /> |
|
||||
</q-card-section> |
|
||||
|
|
||||
<q-card-actions align="right" class="text-primary"> |
|
||||
<q-btn v-close-popup flat :label="$t('cancel')" /> |
|
||||
<q-btn v-close-popup flat :label="$t('confirm')" @click="newTheme" /> |
|
||||
</q-card-actions> |
|
||||
</q-card> |
|
||||
</q-dialog> |
|
||||
</div> |
</div> |
||||
</template> |
</template> |
||||
<script setup lang="ts"> |
<script setup lang="ts"> |
||||
import { ref } from 'vue'; |
import { ref, reactive } from 'vue'; |
||||
import { useI18n } from 'vue-i18n'; |
import { axios, Environment, Downloader } from '@/platform'; |
||||
import { useQuasar } from 'quasar'; |
|
||||
import { Environment, axios, Tools, NotifyManager } from '@/platform'; |
const frontendWebContextPath = ref('/'); |
||||
|
const backendApiWebContextPath = ref('/'); |
||||
const { t } = useI18n(); |
const loading = ref(false); |
||||
const quasar = useQuasar(); |
const exportFileInfo = reactive({ filePath: '', exportName: '' }); |
||||
|
const exportFrontend = () => { |
||||
const selectedTab = ref('brand'); |
loading.value = true; |
||||
const selectedTheme = ref(''); |
axios |
||||
const themeOptions = ref([]); |
.post(Environment.apiContextPath('/api/mvc/frontend/export'), { |
||||
const prompt = ref(false); |
frontendWebContextPath: frontendWebContextPath.value, |
||||
const configureName = ref(''); |
backendApiWebContextPath: backendApiWebContextPath.value, |
||||
|
|
||||
let configureMap = new Map<string, object>(); |
|
||||
|
|
||||
const newTheme = () => { |
|
||||
axios.post(Environment.apiContextPath('/api/lcdp/configure'), { name: configureName.value }).then((response) => { |
|
||||
NotifyManager.info(t('success')); |
|
||||
refresh(() => { |
|
||||
selectedTheme.value = response.data.id; |
|
||||
configureName.value = ''; |
|
||||
}); |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
const themeChanged = (value) => { |
|
||||
const option = configureMap.get(value); |
|
||||
if (option) { |
|
||||
Tools.mergeObject(Environment.getConfigure(), option); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
const defaultTheme = () => { |
|
||||
quasar |
|
||||
.dialog({ |
|
||||
title: t('confirm'), |
|
||||
message: t('theme.action.setDefaultTheme.confirm', { themeName: configureMap.get(selectedTheme.value).name }), |
|
||||
cancel: true, |
|
||||
persistent: true, |
|
||||
}) |
}) |
||||
.onOk(() => { |
.then((response) => { |
||||
axios.post(Environment.apiContextPath('/api/lcdp/configure/activeConfigure/') + selectedTheme.value).then((response) => { |
exportFileInfo.filePath = response.data.filePath; |
||||
NotifyManager.info(t('success')); |
exportFileInfo.exportName = response.data.exportName; |
||||
refresh(); |
let url = Environment.apiContextPath('/api/mvc/download?'); |
||||
}); |
url += 'filePath=' + encodeURIComponent(exportFileInfo.filePath); |
||||
}); |
url += '&exportName=' + encodeURIComponent(exportFileInfo.exportName); |
||||
}; |
Downloader.get(url); |
||||
|
|
||||
const removeTheme = () => { |
|
||||
quasar |
|
||||
.dialog({ |
|
||||
title: t('confirm'), |
|
||||
message: t('theme.action.delete.confirm', { themeName: configureMap.get(selectedTheme.value).name }), |
|
||||
cancel: true, |
|
||||
persistent: true, |
|
||||
}) |
|
||||
.onOk(() => { |
|
||||
axios.delete(Environment.apiContextPath('/api/lcdp/configure/') + selectedTheme.value).then((response) => { |
|
||||
NotifyManager.info(t('success')); |
|
||||
refresh(); |
|
||||
selectedTheme.value = ''; |
|
||||
}); |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
const saveTheme = () => { |
|
||||
quasar |
|
||||
.dialog({ |
|
||||
title: t('confirm'), |
|
||||
message: t('theme.action.save.confirm', { themeName: configureMap.get(selectedTheme.value).name }), |
|
||||
cancel: true, |
|
||||
persistent: true, |
|
||||
}) |
}) |
||||
.onOk(() => { |
.finally(() => { |
||||
const data = {}; |
loading.value = false; |
||||
Tools.mergeObject(data, configureMap.get(selectedTheme.value)); |
|
||||
data.theme = Environment.getConfigure().theme; |
|
||||
|
|
||||
axios.put(Environment.apiContextPath('/api/lcdp/configure/') + selectedTheme.value, data).then((response) => { |
|
||||
NotifyManager.info(t('success')); |
|
||||
}); |
|
||||
}); |
}); |
||||
}; |
}; |
||||
|
|
||||
const refresh = (callback?: any) => { |
|
||||
axios.get(Environment.apiContextPath('/api/lcdp/configure')).then((response) => { |
|
||||
configureMap.clear(); |
|
||||
const options = []; |
|
||||
selectedTheme.value = ''; |
|
||||
|
|
||||
const items = response.data.content; |
|
||||
if (items && items.length > 0) { |
|
||||
for (const item of items) { |
|
||||
options.push(item); |
|
||||
configureMap.set(item.id, item); |
|
||||
if (item.active) { |
|
||||
selectedTheme.value = item.id; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
themeOptions.value = options; |
|
||||
if (callback) { |
|
||||
callback(); |
|
||||
} |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
refresh(); |
|
||||
</script> |
</script> |
||||
|
|||||
@ -0,0 +1,70 @@ |
|||||
|
<template> |
||||
|
<div style="height: 100%"> |
||||
|
<q-btn-dropdown dense outline> |
||||
|
<template #label><div>更多</div></template> |
||||
|
</q-btn-dropdown> |
||||
|
<q-splitter v-model="splitterModelRef" style="height: 100%"> |
||||
|
<template #before> |
||||
|
<q-tabs v-model="selectedTabRef" vertical> |
||||
|
<q-tab name="Industry" no-caps> |
||||
|
<div class="text-left" style="width: 200px" :title="$t('standard.industry.grid.title')">{{ $t('standard.industry.grid.title') }}</div> |
||||
|
</q-tab> |
||||
|
<q-tab name="AdminDivision" no-caps> |
||||
|
<div class="text-left" style="width: 200px" :title="$t('standard.adminDivision.grid.title')">{{ $t('standard.adminDivision.grid.title') }}</div> |
||||
|
</q-tab> |
||||
|
<q-tab name="PerformanceStatus" no-caps> |
||||
|
<div class="text-left" style="width: 200px" :title="$t('standard.performanceStatus.grid.title')"> |
||||
|
{{ $t('standard.performanceStatus.grid.title') }} |
||||
|
</div> |
||||
|
</q-tab> |
||||
|
<q-tab name="Counterparty" no-caps> |
||||
|
<div class="text-left" style="width: 200px" :title="$t('standard.counterparty.grid.title')">{{ $t('standard.counterparty.grid.title') }}</div> |
||||
|
</q-tab> |
||||
|
<q-tab name="Country" no-caps> |
||||
|
<div class="text-left" style="width: 200px" :title="$t('standard.country.grid.title')">{{ $t('standard.country.grid.title') }}</div> |
||||
|
</q-tab> |
||||
|
<q-tab name="Currency" no-caps> |
||||
|
<div class="text-left" style="width: 200px" :title="$t('standard.currency.grid.title')">{{ $t('standard.currency.grid.title') }}</div> |
||||
|
</q-tab> |
||||
|
</q-tabs> |
||||
|
</template> |
||||
|
|
||||
|
<template #after> |
||||
|
<div class="pl-1" style="height: 100%"> |
||||
|
<q-tab-panels v-model="selectedTabRef" animated swipeable style="height: 100%"> |
||||
|
<q-tab-panel name="Industry" class="px-0 pb-0" style="height: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px"> |
||||
|
<Industry></Industry> |
||||
|
</q-tab-panel> |
||||
|
<q-tab-panel name="AdminDivision" class="px-0 pb-0" style="height: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px"> |
||||
|
<AdminDivision></AdminDivision> |
||||
|
</q-tab-panel> |
||||
|
<q-tab-panel name="PerformanceStatus" class="px-0 pb-0" style="height: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px"> |
||||
|
<PerformanceStatus></PerformanceStatus> |
||||
|
</q-tab-panel> |
||||
|
<q-tab-panel name="Counterparty" class="px-0 pb-0" style="height: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px"> |
||||
|
<Counterparty></Counterparty> |
||||
|
</q-tab-panel> |
||||
|
<q-tab-panel name="Country" class="px-0 pb-0" style="height: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px"> |
||||
|
<Country></Country> |
||||
|
</q-tab-panel> |
||||
|
<q-tab-panel name="Currency" class="px-0 pb-0" style="height: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px"> |
||||
|
<Currency></Currency> |
||||
|
</q-tab-panel> |
||||
|
</q-tab-panels> |
||||
|
</div> |
||||
|
</template> |
||||
|
</q-splitter> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import { ref } from 'vue'; |
||||
|
import Industry from './standard/Industry.vue'; |
||||
|
import AdminDivision from './standard/AdminDivision.vue'; |
||||
|
import PerformanceStatus from './standard/PerformanceStatus.vue'; |
||||
|
import Counterparty from './standard/Counterparty.vue'; |
||||
|
import Country from './standard/Country.vue'; |
||||
|
import Currency from './standard/Currency.vue'; |
||||
|
|
||||
|
const splitterModelRef = ref(15); |
||||
|
const selectedTabRef = ref('Industry'); |
||||
|
</script> |
||||
@ -0,0 +1,109 @@ |
|||||
|
<template> |
||||
|
<w-grid |
||||
|
ref="gridRef" |
||||
|
:title="$t('standard.adminDivision.grid.title')" |
||||
|
hide-bottom |
||||
|
:config-button="true" |
||||
|
selection="multiple" |
||||
|
:checkbox-selection="true" |
||||
|
dense |
||||
|
:tree="true" |
||||
|
:tree-icon=" |
||||
|
(row) => { |
||||
|
return { name: 'folder', color: 'amber' }; |
||||
|
} |
||||
|
" |
||||
|
primary-key="code" |
||||
|
:data-url="Environment.apiContextPath('/api/standard/adminDivision')" |
||||
|
:pageable="false" |
||||
|
:pagination="{ |
||||
|
sortBy: 'code', |
||||
|
descending: false, |
||||
|
}" |
||||
|
:toolbar-configure="{ noIcon: false }" |
||||
|
:toolbar-actions="[ |
||||
|
'refresh', |
||||
|
'separator', |
||||
|
[ |
||||
|
{ |
||||
|
extend: 'add', |
||||
|
click: undefined, |
||||
|
}, |
||||
|
{ |
||||
|
extend: 'addTop', |
||||
|
label: $t('standard.adminDivision.grid.toolbar.addTop'), |
||||
|
}, |
||||
|
{ |
||||
|
extend: 'addChild', |
||||
|
label: $t('standard.adminDivision.grid.toolbar.addChild'), |
||||
|
}, |
||||
|
], |
||||
|
'edit', |
||||
|
'remove', |
||||
|
'separator', |
||||
|
'view', |
||||
|
'separator', |
||||
|
'export', |
||||
|
]" |
||||
|
:columns="[ |
||||
|
{ |
||||
|
name: 'target', |
||||
|
label: $t('standard.entity.target'), |
||||
|
columns: [ |
||||
|
{ width: 300, name: 'name', label: $t('name') }, |
||||
|
{ width: 100, name: 'code', label: $t('code') }, |
||||
|
{ width: 100, name: 'description', label: $t('description') }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
name: 'source', |
||||
|
label: $t('standard.entity.source'), |
||||
|
columns: [ |
||||
|
{ width: 300, name: 'mappingName', label: $t('name') }, |
||||
|
{ width: 100, name: 'mappingCode', label: $t('code') }, |
||||
|
{ width: 100, name: 'mappingDescription', label: $t('description') }, |
||||
|
], |
||||
|
}, |
||||
|
{ width: 100, name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ width: 120, name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.dateOnly() }, |
||||
|
]" |
||||
|
:editor="{ |
||||
|
dialog: { |
||||
|
width: '600px', |
||||
|
}, |
||||
|
form: { |
||||
|
colsNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.entity.code'), type: 'text', required: true }, |
||||
|
{ name: 'name', label: $t('standard.entity.name'), type: 'text', required: true }, |
||||
|
{ name: 'description', label: $t('standard.entity.description'), type: 'textarea', rows: 3 }, |
||||
|
{ name: 'mappingCode', label: $t('standard.entity.mappingCode'), type: 'text', required: true }, |
||||
|
{ name: 'mappingName', label: $t('standard.entity.mappingName'), type: 'text' }, |
||||
|
{ name: 'mappingDescription', label: $t('standard.entity.mappingDescription'), type: 'textarea', rows: 3 }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
:viewer="{ |
||||
|
panel: { |
||||
|
columnNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.entity.code') }, |
||||
|
{ name: 'name', label: $t('standard.entity.name') }, |
||||
|
{ name: 'description', label: $t('standard.entity.description') }, |
||||
|
{ name: 'mappingCode', label: $t('standard.entity.mappingCode') }, |
||||
|
{ name: 'mappingName', label: $t('standard.entity.mappingName') }, |
||||
|
{ name: 'mappingDescription', label: $t('standard.entity.mappingDescription') }, |
||||
|
|
||||
|
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
||||
|
{ name: 'creator', label: $t('creator') }, |
||||
|
{ name: 'createDate', label: $t('createDate') }, |
||||
|
{ name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.none() }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
></w-grid> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import { Environment, Formater } from '@/platform'; |
||||
|
</script> |
||||
@ -0,0 +1,79 @@ |
|||||
|
<template> |
||||
|
<w-grid |
||||
|
ref="gridRef" |
||||
|
:title="$t('standard.counterparty.grid.title')" |
||||
|
:config-button="true" |
||||
|
selection="multiple" |
||||
|
:checkbox-selection="true" |
||||
|
:tree="false" |
||||
|
primary-key="code" |
||||
|
:data-url="Environment.apiContextPath('/api/standard/counterparty')" |
||||
|
:pageable="true" |
||||
|
:pagination="{ |
||||
|
sortBy: 'code', |
||||
|
descending: false, |
||||
|
}" |
||||
|
:toolbar-configure="{ noIcon: false }" |
||||
|
:toolbar-actions="['refresh', 'separator', 'add', 'edit', 'remove', 'separator', 'view', 'separator', 'export']" |
||||
|
:columns="[ |
||||
|
{ |
||||
|
name: 'target', |
||||
|
label: $t('standard.entity.target'), |
||||
|
columns: [ |
||||
|
{ width: 150, name: 'code', label: $t('code') }, |
||||
|
{ width: 200, name: 'name', label: $t('name') }, |
||||
|
{ width: 100, name: 'description', label: $t('description') }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
name: 'source', |
||||
|
label: $t('standard.entity.source'), |
||||
|
columns: [ |
||||
|
{ width: 150, name: 'mappingCode', label: $t('code') }, |
||||
|
{ width: 200, name: 'mappingName', label: $t('name') }, |
||||
|
{ width: 100, name: 'mappingDescription', label: $t('description') }, |
||||
|
], |
||||
|
}, |
||||
|
{ width: 100, name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ width: 120, name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.dateOnly() }, |
||||
|
]" |
||||
|
:editor="{ |
||||
|
dialog: { |
||||
|
width: '600px', |
||||
|
}, |
||||
|
form: { |
||||
|
colsNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.entity.code'), type: 'text', required: true }, |
||||
|
{ name: 'name', label: $t('standard.entity.name'), type: 'text', required: true }, |
||||
|
{ name: 'description', label: $t('standard.entity.description'), type: 'textarea', rows: 3 }, |
||||
|
{ name: 'mappingCode', label: $t('standard.entity.mappingCode'), type: 'text', required: true }, |
||||
|
{ name: 'mappingName', label: $t('standard.entity.mappingName'), type: 'text' }, |
||||
|
{ name: 'mappingDescription', label: $t('standard.entity.mappingDescription'), type: 'textarea', rows: 3 }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
:viewer="{ |
||||
|
panel: { |
||||
|
columnNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.entity.code') }, |
||||
|
{ name: 'name', label: $t('standard.entity.name') }, |
||||
|
{ name: 'description', label: $t('standard.entity.description') }, |
||||
|
{ name: 'mappingCode', label: $t('standard.entity.mappingCode') }, |
||||
|
{ name: 'mappingName', label: $t('standard.entity.mappingName') }, |
||||
|
{ name: 'mappingDescription', label: $t('standard.entity.mappingDescription') }, |
||||
|
|
||||
|
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
||||
|
{ name: 'creator', label: $t('creator') }, |
||||
|
{ name: 'createDate', label: $t('createDate') }, |
||||
|
{ name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.none() }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
></w-grid> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import { Environment, Formater } from '@/platform'; |
||||
|
</script> |
||||
@ -0,0 +1,257 @@ |
|||||
|
<template> |
||||
|
<w-grid |
||||
|
ref="gridRef" |
||||
|
:title="$t('standard.country.grid.title')" |
||||
|
:hide-bottom="false" |
||||
|
:config-button="true" |
||||
|
selection="multiple" |
||||
|
:checkbox-selection="true" |
||||
|
:tree="false" |
||||
|
primary-key="code" |
||||
|
:data-url="Environment.apiContextPath('/api/standard/country')" |
||||
|
:pageable="false" |
||||
|
:sort-by="['codeLatin3']" |
||||
|
:toolbar-configure="{ noIcon: false }" |
||||
|
:toolbar-actions="['query', 'refresh', 'separator', 'add', 'edit', 'remove', 'separator', 'view', 'separator', 'export']" |
||||
|
:query-form-cols-num="5" |
||||
|
:query-form-fields="[ |
||||
|
{ name: 'code', label: $t('standard.country.entity.code'), type: 'text', clearable: true }, |
||||
|
{ name: 'codeLatin3', label: $t('standard.country.entity.codeLatin3'), type: 'text', clearable: true }, |
||||
|
{ name: 'nameChinese', label: $t('standard.country.entity.nameChinese'), type: 'text', clearable: true }, |
||||
|
{ name: 'nameEnglish', label: $t('standard.country.entity.nameEnglish'), type: 'text', clearable: true }, |
||||
|
]" |
||||
|
:columns="columnsComputed" |
||||
|
:editor="{ |
||||
|
dialog: { |
||||
|
width: '800px', |
||||
|
}, |
||||
|
form: { |
||||
|
colsNum: 3, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.country.entity.code'), type: 'text', required: true }, |
||||
|
{ name: 'codeLatin2', label: $t('standard.country.entity.codeLatin2'), type: 'text', required: true }, |
||||
|
{ name: 'codeLatin3', label: $t('standard.country.entity.codeLatin3'), type: 'text', required: true }, |
||||
|
{ name: 'nameChinese', label: $t('standard.country.entity.nameChinese'), type: 'text', required: true }, |
||||
|
{ name: 'nameChineseFull', label: $t('standard.country.entity.nameChineseFull'), type: 'text', colSpan: 2 }, |
||||
|
{ name: 'remarkChinese', label: $t('standard.country.entity.remarkChinese'), type: 'text', colSpan: 3 }, |
||||
|
{ name: 'nameEnglish', label: $t('standard.country.entity.nameEnglish'), type: 'text', required: true }, |
||||
|
{ name: 'nameEnglishFull', label: $t('standard.country.entity.nameEnglishFull'), type: 'text', colSpan: 2 }, |
||||
|
{ name: 'remarkEnglish', label: $t('standard.country.entity.remarkEnglish'), type: 'text', colSpan: 3 }, |
||||
|
{ name: 'nameLocalShort', label: $t('standard.country.entity.nameLocalShort'), type: 'text', colSpan: 2 }, |
||||
|
{ name: 'isIndependent', label: $t('standard.country.entity.isIndependent'), type: 'select', options: Options.yesNo() }, |
||||
|
{ |
||||
|
name: 'currency', |
||||
|
label: $t('standard.country.entity.currency'), |
||||
|
type: 'select', |
||||
|
options: currencyOptionsRef, |
||||
|
colSpan: 2, |
||||
|
useInput: true, |
||||
|
hideSelected: true, |
||||
|
fillInput: true, |
||||
|
onFilter: (val, update) => { |
||||
|
if (val) { |
||||
|
update(() => { |
||||
|
const input = val.toUpperCase(); |
||||
|
const currencyOptions = []; |
||||
|
for (const currency of currencyList) { |
||||
|
if ( |
||||
|
currency.code?.indexOf(input) > -1 || |
||||
|
currency.codeLatin?.indexOf(input) > -1 || |
||||
|
currency.nameChinese?.indexOf(input) > -1 || |
||||
|
currency.nameEnglish?.indexOf(input) > -1 |
||||
|
) { |
||||
|
const item = createCurrencyOptionItem(currency); |
||||
|
if (item) { |
||||
|
currencyOptions.push(item); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
currencyOptionsRef = currencyOptions; |
||||
|
}); |
||||
|
} else { |
||||
|
update(() => { |
||||
|
const currencyOptions = []; |
||||
|
for (const currency of currencyList) { |
||||
|
const item = createCurrencyOptionItem(currency); |
||||
|
if (item) { |
||||
|
currencyOptions.push(item); |
||||
|
} |
||||
|
} |
||||
|
currencyOptionsRef = currencyOptions; |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
{ name: 'languageCode2', label: $t('standard.country.entity.languageCode2'), type: 'text', colsFirst: true }, |
||||
|
{ name: 'languageCode3', label: $t('standard.country.entity.languageCode3'), type: 'text' }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
:viewer="{ |
||||
|
panel: { |
||||
|
columnNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.country.entity.code') }, |
||||
|
{ name: 'codeLatin2', label: $t('standard.country.entity.codeLatin2') }, |
||||
|
{ name: 'codeLatin3', label: $t('standard.country.entity.codeLatin3') }, |
||||
|
{ name: 'nameChinese', label: $t('standard.country.entity.nameChinese') }, |
||||
|
{ name: 'nameChineseFull', label: $t('standard.country.entity.nameChineseFull') }, |
||||
|
{ name: 'nameEnglish', label: $t('standard.country.entity.nameEnglish') }, |
||||
|
{ name: 'nameEnglishFull', label: $t('standard.country.entity.nameEnglishFull') }, |
||||
|
{ name: 'nameLocalShort', label: $t('standard.country.entity.nameLocalShort') }, |
||||
|
{ name: 'remarkChinese', label: $t('standard.country.entity.remarkChinese') }, |
||||
|
{ name: 'remarkEnglish', label: $t('standard.country.entity.remarkEnglish') }, |
||||
|
{ name: 'languageCode2', label: $t('standard.country.entity.languageCode2') }, |
||||
|
{ name: 'languageCode3', label: $t('standard.country.entity.languageCode3') }, |
||||
|
{ name: 'isIndependent', label: $t('standard.country.entity.isIndependent') }, |
||||
|
{ |
||||
|
name: 'currency', |
||||
|
label: $t('standard.country.entity.currency'), |
||||
|
format: (value, row) => { |
||||
|
return getCurrencyLabel(currencyMap[row.currency]); |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
||||
|
{ name: 'creator', label: $t('creator') }, |
||||
|
{ name: 'createDate', label: $t('createDate') }, |
||||
|
{ name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.none() }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
></w-grid> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import { ref, onMounted, computed } from 'vue'; |
||||
|
import { useI18n } from 'vue-i18n'; |
||||
|
import { axios, Environment, Formater, Options, eventBus } from '@/platform'; |
||||
|
|
||||
|
let currentLocale = Environment.getConfigure().setting.i18n.locale; |
||||
|
let currencyMap = {}; |
||||
|
let currencyList = []; |
||||
|
const { t } = useI18n(); |
||||
|
const currencyOptionsRef = ref([]); |
||||
|
|
||||
|
const columnsComputed = computed(() => { |
||||
|
const result = [ |
||||
|
{ width: 70, name: 'code', label: t('code') }, |
||||
|
{ width: 70, name: 'codeLatin3', label: t('code') + '3' }, |
||||
|
{ |
||||
|
width: 150, |
||||
|
name: 'nameChinese', |
||||
|
label: t('name'), |
||||
|
format: (value, row) => { |
||||
|
if (row) { |
||||
|
return getCountryName(row); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
name: 'currency', |
||||
|
label: t('standard.entity.currency'), |
||||
|
columns: [ |
||||
|
{ |
||||
|
width: 70, |
||||
|
name: 'currencyCode', |
||||
|
label: t('code'), |
||||
|
sortable: false, |
||||
|
format: (value, row) => { |
||||
|
if (row.currency) { |
||||
|
return currencyMap[row.currency]?.code; |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
width: 70, |
||||
|
name: 'currencyCodeLatin', |
||||
|
label: t('code') + '2', |
||||
|
sortable: false, |
||||
|
format: (value, row) => { |
||||
|
if (row.currency) { |
||||
|
return currencyMap[row.currency]?.codeLatin; |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
width: 150, |
||||
|
name: 'currencyname', |
||||
|
label: t('name'), |
||||
|
sortable: false, |
||||
|
format: (value, row) => { |
||||
|
if (row.currency) { |
||||
|
return getCurrencyName(currencyMap[row.currency]); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
name: 'language', |
||||
|
label: t('standard.entity.language'), |
||||
|
columns: [{ width: 100, name: 'languageCode3', label: t('code') }], |
||||
|
}, |
||||
|
|
||||
|
{ width: 100, name: 'lastModifier', label: t('lastModifier') }, |
||||
|
{ width: 120, name: 'lastModifyDate', label: t('lastModifyDate'), format: Formater.dateOnly() }, |
||||
|
]; |
||||
|
|
||||
|
currentLocale = Environment.getConfigure().setting.i18n.locale; |
||||
|
if (currentLocale.endsWith('CN')) { |
||||
|
result[2].name = 'nameChinese'; |
||||
|
} else { |
||||
|
result[2].name = 'nameEnglish'; |
||||
|
} |
||||
|
return result; |
||||
|
}); |
||||
|
|
||||
|
onMounted(() => { |
||||
|
axios.get(Environment.apiContextPath('/api/standard/currency?pageable=false&sortBy=code')).then((response) => { |
||||
|
currencyMap = {}; |
||||
|
currencyList = []; |
||||
|
const currencyOptions = []; |
||||
|
if (response?.data?.content) { |
||||
|
for (const currency of response.data.content) { |
||||
|
currencyMap[currency.code] = currency; |
||||
|
currencyList.push(currency); |
||||
|
} |
||||
|
|
||||
|
for (const currency of currencyList) { |
||||
|
const item = createCurrencyOptionItem(currency); |
||||
|
if (item) { |
||||
|
currencyOptions.push(item); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
currencyOptionsRef.value = currencyOptions; |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
const getCurrencyLabel = (currency) => { |
||||
|
return currency.code + ' ' + currency.codeLatin + ' ' + (currentLocale.endsWith('CN') ? currency.nameChinese : currency.nameEnglish); |
||||
|
}; |
||||
|
|
||||
|
const createCurrencyOptionItem = (currency) => { |
||||
|
if (currency) { |
||||
|
return { |
||||
|
value: currency.code, |
||||
|
label: getCurrencyLabel(currency), |
||||
|
}; |
||||
|
} |
||||
|
return null; |
||||
|
}; |
||||
|
|
||||
|
const getCountryName = (country) => { |
||||
|
if (country) { |
||||
|
return currentLocale.endsWith('CN') ? country.nameChinese : country.nameEnglish; |
||||
|
} |
||||
|
return null; |
||||
|
}; |
||||
|
|
||||
|
const getCurrencyName = (currency) => { |
||||
|
if (currency) { |
||||
|
return currentLocale.endsWith('CN') ? currency.nameChinese : currency.nameEnglish; |
||||
|
} |
||||
|
return null; |
||||
|
}; |
||||
|
</script> |
||||
@ -0,0 +1,72 @@ |
|||||
|
<template> |
||||
|
<w-grid |
||||
|
ref="gridRef" |
||||
|
:title="$t('standard.currency.grid.title')" |
||||
|
:hide-bottom="false" |
||||
|
:config-button="true" |
||||
|
selection="multiple" |
||||
|
:checkbox-selection="true" |
||||
|
:tree="false" |
||||
|
primary-key="code" |
||||
|
:data-url="Environment.apiContextPath('/api/standard/currency')" |
||||
|
:pageable="false" |
||||
|
:pagination="{ |
||||
|
sortBy: 'codeLatin', |
||||
|
descending: false, |
||||
|
}" |
||||
|
:toolbar-configure="{ noIcon: false }" |
||||
|
:toolbar-actions="['query', 'refresh', 'separator', 'add', 'edit', 'remove', 'separator', 'view', 'separator', 'export']" |
||||
|
:query-form-cols-num="4" |
||||
|
:query-form-fields="[ |
||||
|
{ name: 'code', label: $t('standard.currency.entity.code'), type: 'text', clearable: true }, |
||||
|
{ name: 'codeLatin', label: $t('standard.currency.entity.codeLatin'), type: 'text', clearable: true }, |
||||
|
{ name: 'nameChinese', label: $t('standard.country.entity.nameChinese'), type: 'text', clearable: true }, |
||||
|
{ name: 'nameEnglish', label: $t('standard.country.entity.nameEnglish'), type: 'text', clearable: true }, |
||||
|
]" |
||||
|
:columns="[ |
||||
|
{ width: 80, name: 'code', label: $t('standard.currency.entity.code') }, |
||||
|
{ width: 80, name: 'codeLatin', label: $t('standard.currency.entity.codeLatin') }, |
||||
|
{ width: 150, name: 'nameChinese', label: $t('standard.currency.entity.nameChinese') }, |
||||
|
{ width: 150, name: 'nameEnglish', label: $t('standard.currency.entity.nameEnglish') }, |
||||
|
{ width: 100, name: 'precision', label: $t('standard.currency.entity.precision') }, |
||||
|
{ width: 100, name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ width: 120, name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.dateOnly() }, |
||||
|
]" |
||||
|
:editor="{ |
||||
|
dialog: { |
||||
|
width: '600px', |
||||
|
}, |
||||
|
form: { |
||||
|
colsNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.currency.entity.code'), type: 'text', required: true }, |
||||
|
{ name: 'codeLatin', label: $t('standard.currency.entity.codeLatin'), type: 'text', required: true }, |
||||
|
{ name: 'nameChinese', label: $t('standard.country.entity.nameChinese'), type: 'text', required: true }, |
||||
|
{ name: 'nameEnglish', label: $t('standard.country.entity.nameEnglish'), type: 'text' }, |
||||
|
{ name: 'precision', label: $t('standard.currency.entity.precision'), type: 'text', required: true, defaultValue: 2 }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
:viewer="{ |
||||
|
panel: { |
||||
|
columnNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.currency.entity.code') }, |
||||
|
{ name: 'codeLatin', label: $t('standard.currency.entity.codeLatin') }, |
||||
|
{ name: 'nameChinese', label: $t('standard.country.entity.nameChinese') }, |
||||
|
{ name: 'nameEnglish', label: $t('standard.country.entity.nameEnglish') }, |
||||
|
{ name: 'precision', label: $t('standard.currency.entity.precision') }, |
||||
|
|
||||
|
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
||||
|
{ name: 'creator', label: $t('creator') }, |
||||
|
{ name: 'createDate', label: $t('createDate') }, |
||||
|
{ name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.none() }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
></w-grid> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import { Environment, Formater, Options } from '@/platform'; |
||||
|
</script> |
||||
@ -0,0 +1,109 @@ |
|||||
|
<template> |
||||
|
<w-grid |
||||
|
ref="treeGridRef" |
||||
|
:title="$t('standard.industry.grid.title')" |
||||
|
hide-bottom |
||||
|
:config-button="true" |
||||
|
selection="multiple" |
||||
|
:checkbox-selection="true" |
||||
|
dense |
||||
|
:tree="true" |
||||
|
:tree-icon=" |
||||
|
(row) => { |
||||
|
return { name: 'folder', color: 'amber' }; |
||||
|
} |
||||
|
" |
||||
|
primary-key="code" |
||||
|
:data-url="Environment.apiContextPath('/api/standard/industry')" |
||||
|
:pageable="false" |
||||
|
:pagination="{ |
||||
|
sortBy: 'code', |
||||
|
descending: false, |
||||
|
}" |
||||
|
:toolbar-configure="{ noIcon: false }" |
||||
|
:toolbar-actions="[ |
||||
|
'refresh', |
||||
|
'separator', |
||||
|
[ |
||||
|
{ |
||||
|
extend: 'add', |
||||
|
click: undefined, |
||||
|
}, |
||||
|
{ |
||||
|
extend: 'addTop', |
||||
|
label: $t('standard.industry.grid.toolbar.addTop'), |
||||
|
}, |
||||
|
{ |
||||
|
extend: 'addChild', |
||||
|
label: $t('standard.industry.grid.toolbar.addChild'), |
||||
|
}, |
||||
|
], |
||||
|
'edit', |
||||
|
'remove', |
||||
|
'separator', |
||||
|
'view', |
||||
|
'separator', |
||||
|
'export', |
||||
|
]" |
||||
|
:columns="[ |
||||
|
{ |
||||
|
name: 'target', |
||||
|
label: $t('standard.entity.target'), |
||||
|
columns: [ |
||||
|
{ width: 300, name: 'name', label: $t('name') }, |
||||
|
{ width: 100, name: 'code', label: $t('code') }, |
||||
|
{ width: 100, name: 'description', label: $t('description') }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
name: 'source', |
||||
|
label: $t('standard.entity.source'), |
||||
|
columns: [ |
||||
|
{ width: 300, name: 'mappingName', label: $t('name') }, |
||||
|
{ width: 100, name: 'mappingCode', label: $t('code') }, |
||||
|
{ width: 100, name: 'mappingDescription', label: $t('description') }, |
||||
|
], |
||||
|
}, |
||||
|
{ width: 100, name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ width: 120, name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.dateOnly() }, |
||||
|
]" |
||||
|
:editor="{ |
||||
|
dialog: { |
||||
|
width: '600px', |
||||
|
}, |
||||
|
form: { |
||||
|
colsNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.entity.code'), type: 'text', required: true }, |
||||
|
{ name: 'name', label: $t('standard.entity.name'), type: 'text', required: true }, |
||||
|
{ name: 'description', label: $t('standard.entity.description'), type: 'textarea', rows: 3 }, |
||||
|
{ name: 'mappingCode', label: $t('standard.entity.mappingCode'), type: 'text', required: true }, |
||||
|
{ name: 'mappingName', label: $t('standard.entity.mappingName'), type: 'text' }, |
||||
|
{ name: 'mappingDescription', label: $t('standard.entity.mappingDescription'), type: 'textarea', rows: 3 }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
:viewer="{ |
||||
|
panel: { |
||||
|
columnNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.entity.code') }, |
||||
|
{ name: 'name', label: $t('standard.entity.name') }, |
||||
|
{ name: 'description', label: $t('standard.entity.description') }, |
||||
|
{ name: 'mappingCode', label: $t('standard.entity.mappingCode') }, |
||||
|
{ name: 'mappingName', label: $t('standard.entity.mappingName') }, |
||||
|
{ name: 'mappingDescription', label: $t('standard.entity.mappingDescription') }, |
||||
|
|
||||
|
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
||||
|
{ name: 'creator', label: $t('creator') }, |
||||
|
{ name: 'createDate', label: $t('createDate') }, |
||||
|
{ name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.none() }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
></w-grid> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import { Environment, Formater } from '@/platform'; |
||||
|
</script> |
||||
@ -0,0 +1,79 @@ |
|||||
|
<template> |
||||
|
<w-grid |
||||
|
ref="gridRef" |
||||
|
:title="$t('standard.performanceStatus.grid.title')" |
||||
|
:config-button="true" |
||||
|
selection="multiple" |
||||
|
:checkbox-selection="true" |
||||
|
:tree="false" |
||||
|
primary-key="code" |
||||
|
:data-url="Environment.apiContextPath('/api/standard/performanceStatus')" |
||||
|
:pageable="true" |
||||
|
:pagination="{ |
||||
|
sortBy: 'code', |
||||
|
descending: false, |
||||
|
}" |
||||
|
:toolbar-configure="{ noIcon: false }" |
||||
|
:toolbar-actions="['refresh', 'separator', 'add', 'edit', 'remove', 'separator', 'view', 'separator', 'export']" |
||||
|
:columns="[ |
||||
|
{ |
||||
|
name: 'target', |
||||
|
label: $t('standard.entity.target'), |
||||
|
columns: [ |
||||
|
{ width: 100, name: 'code', label: $t('code') }, |
||||
|
{ width: 100, name: 'name', label: $t('name') }, |
||||
|
{ width: 100, name: 'description', label: $t('description') }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
name: 'source', |
||||
|
label: $t('standard.entity.source'), |
||||
|
columns: [ |
||||
|
{ width: 100, name: 'mappingCode', label: $t('code') }, |
||||
|
{ width: 100, name: 'mappingName', label: $t('name') }, |
||||
|
{ width: 100, name: 'mappingDescription', label: $t('description') }, |
||||
|
], |
||||
|
}, |
||||
|
{ width: 100, name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ width: 120, name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.dateOnly() }, |
||||
|
]" |
||||
|
:editor="{ |
||||
|
dialog: { |
||||
|
width: '600px', |
||||
|
}, |
||||
|
form: { |
||||
|
colsNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.entity.code'), type: 'text', required: true }, |
||||
|
{ name: 'name', label: $t('standard.entity.name'), type: 'text', required: true }, |
||||
|
{ name: 'description', label: $t('standard.entity.description'), type: 'textarea', rows: 3 }, |
||||
|
{ name: 'mappingCode', label: $t('standard.entity.mappingCode'), type: 'text', required: true }, |
||||
|
{ name: 'mappingName', label: $t('standard.entity.mappingName'), type: 'text' }, |
||||
|
{ name: 'mappingDescription', label: $t('standard.entity.mappingDescription'), type: 'textarea', rows: 3 }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
:viewer="{ |
||||
|
panel: { |
||||
|
columnNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.entity.code') }, |
||||
|
{ name: 'name', label: $t('standard.entity.name') }, |
||||
|
{ name: 'description', label: $t('standard.entity.description') }, |
||||
|
{ name: 'mappingCode', label: $t('standard.entity.mappingCode') }, |
||||
|
{ name: 'mappingName', label: $t('standard.entity.mappingName') }, |
||||
|
{ name: 'mappingDescription', label: $t('standard.entity.mappingDescription') }, |
||||
|
|
||||
|
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
||||
|
{ name: 'creator', label: $t('creator') }, |
||||
|
{ name: 'createDate', label: $t('createDate') }, |
||||
|
{ name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.none() }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
></w-grid> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import { Environment, Formater } from '@/platform'; |
||||
|
</script> |
||||
@ -1,160 +1,41 @@ |
|||||
<template> |
<template> |
||||
<div> |
<div> |
||||
<div class="row justify-end q-gutter-md q-py-md"> |
<div class="fit row wrap justify-center items-start content-start q-pt-md q-gutter-md"> |
||||
<q-select |
<q-input v-model="frontendWebContextPath" :label="$t('lcdp.frontend.export.frontendWebContextPath')" outlined dense style="width: 300px" /> |
||||
v-model="selectedTheme" |
</div> |
||||
:label="$t('theme')" |
<div class="fit row wrap justify-center items-start content-start q-pt-md q-gutter-md"> |
||||
:options="themeOptions" |
<q-input v-model="backendApiWebContextPath" :label="$t('lcdp.frontend.export.backendApiWebContextPath')" outlined dense style="width: 300px" /> |
||||
option-label="name" |
</div> |
||||
option-value="id" |
<div class="fit row wrap justify-center items-start content-start q-pt-md q-gutter-md"> |
||||
emit-value |
<q-btn :loading="loading" outlined :label="$t('lcdp.frontend.export')" @click="exportFrontend" /> |
||||
map-options |
|
||||
dense |
|
||||
outlined |
|
||||
style="min-width: 200px" |
|
||||
@update:model-value="themeChanged" |
|
||||
> |
|
||||
<template #option="scope"> |
|
||||
<q-item v-bind="scope.itemProps"> |
|
||||
<q-item-section> |
|
||||
<q-item-label>{{ scope.opt.name }}</q-item-label> |
|
||||
</q-item-section> |
|
||||
<q-item-section v-if="scope.opt.active" avatar> |
|
||||
<q-icon name="bi-check" /> |
|
||||
</q-item-section> |
|
||||
<q-item-section v-else avatar> |
|
||||
<w-icon-empty></w-icon-empty> |
|
||||
</q-item-section> |
|
||||
</q-item> |
|
||||
</template> |
|
||||
</q-select> |
|
||||
<q-btn :label="$t('theme.action.setDefaultTheme')" icon="bi-heart" no-caps outline dense padding="2px 10px" @click="defaultTheme" /> |
|
||||
<q-btn :label="$t('add')" icon="add" no-caps outline dense padding="2px 10px" @click="prompt = true" /> |
|
||||
<q-btn :label="$t('delete')" icon="delete" no-caps outline dense padding="2px 10px" @click="removeTheme" /> |
|
||||
<q-btn :label="$t('save')" icon="save" no-caps outline dense padding="2px 10px" @click="saveTheme" /> |
|
||||
</div> |
</div> |
||||
<q-dialog v-model="prompt" persistent> |
|
||||
<q-card style="min-width: 350px"> |
|
||||
<q-card-section class="q-pt-md"> |
|
||||
<q-input v-model="configureName" :label="$t('name')" outlined dense autofocus @keyup.enter="prompt = false" /> |
|
||||
</q-card-section> |
|
||||
|
|
||||
<q-card-actions align="right" class="text-primary"> |
|
||||
<q-btn v-close-popup flat :label="$t('cancel')" /> |
|
||||
<q-btn v-close-popup flat :label="$t('confirm')" @click="newTheme" /> |
|
||||
</q-card-actions> |
|
||||
</q-card> |
|
||||
</q-dialog> |
|
||||
</div> |
</div> |
||||
</template> |
</template> |
||||
<script setup lang="ts"> |
<script setup lang="ts"> |
||||
import { ref } from 'vue'; |
import { ref, reactive } from 'vue'; |
||||
import { useI18n } from 'vue-i18n'; |
import { axios, Environment, Downloader } from '@/platform'; |
||||
import { useQuasar } from 'quasar'; |
|
||||
import { Environment, axios, Tools, NotifyManager } from '@/platform'; |
const frontendWebContextPath = ref('/'); |
||||
|
const backendApiWebContextPath = ref('/'); |
||||
const { t } = useI18n(); |
const loading = ref(false); |
||||
const quasar = useQuasar(); |
const exportFileInfo = reactive({ filePath: '', exportName: '' }); |
||||
|
const exportFrontend = () => { |
||||
const selectedTab = ref('brand'); |
loading.value = true; |
||||
const selectedTheme = ref(''); |
axios |
||||
const themeOptions = ref([]); |
.post(Environment.apiContextPath('/api/mvc/frontend/export'), { |
||||
const prompt = ref(false); |
frontendWebContextPath: frontendWebContextPath.value, |
||||
const configureName = ref(''); |
backendApiWebContextPath: backendApiWebContextPath.value, |
||||
|
|
||||
let configureMap = new Map<string, object>(); |
|
||||
|
|
||||
const newTheme = () => { |
|
||||
axios.post(Environment.apiContextPath('/api/lcdp/configure'), { name: configureName.value }).then((response) => { |
|
||||
NotifyManager.info(t('success')); |
|
||||
refresh(() => { |
|
||||
selectedTheme.value = response.data.id; |
|
||||
configureName.value = ''; |
|
||||
}); |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
const themeChanged = (value) => { |
|
||||
const option = configureMap.get(value); |
|
||||
if (option) { |
|
||||
Tools.mergeObject(Environment.getConfigure(), option); |
|
||||
} |
|
||||
}; |
|
||||
|
|
||||
const defaultTheme = () => { |
|
||||
quasar |
|
||||
.dialog({ |
|
||||
title: t('confirm'), |
|
||||
message: t('theme.action.setDefaultTheme.confirm', { themeName: configureMap.get(selectedTheme.value).name }), |
|
||||
cancel: true, |
|
||||
persistent: true, |
|
||||
}) |
}) |
||||
.onOk(() => { |
.then((response) => { |
||||
axios.post(Environment.apiContextPath('/api/lcdp/configure/activeConfigure/') + selectedTheme.value).then((response) => { |
exportFileInfo.filePath = response.data.filePath; |
||||
NotifyManager.info(t('success')); |
exportFileInfo.exportName = response.data.exportName; |
||||
refresh(); |
let url = Environment.apiContextPath('/api/mvc/download?'); |
||||
}); |
url += 'filePath=' + encodeURIComponent(exportFileInfo.filePath); |
||||
}); |
url += '&exportName=' + encodeURIComponent(exportFileInfo.exportName); |
||||
}; |
Downloader.get(url); |
||||
|
|
||||
const removeTheme = () => { |
|
||||
quasar |
|
||||
.dialog({ |
|
||||
title: t('confirm'), |
|
||||
message: t('theme.action.delete.confirm', { themeName: configureMap.get(selectedTheme.value).name }), |
|
||||
cancel: true, |
|
||||
persistent: true, |
|
||||
}) |
|
||||
.onOk(() => { |
|
||||
axios.delete(Environment.apiContextPath('/api/lcdp/configure/') + selectedTheme.value).then((response) => { |
|
||||
NotifyManager.info(t('success')); |
|
||||
refresh(); |
|
||||
selectedTheme.value = ''; |
|
||||
}); |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
const saveTheme = () => { |
|
||||
quasar |
|
||||
.dialog({ |
|
||||
title: t('confirm'), |
|
||||
message: t('theme.action.save.confirm', { themeName: configureMap.get(selectedTheme.value).name }), |
|
||||
cancel: true, |
|
||||
persistent: true, |
|
||||
}) |
}) |
||||
.onOk(() => { |
.finally(() => { |
||||
const data = {}; |
loading.value = false; |
||||
Tools.mergeObject(data, configureMap.get(selectedTheme.value)); |
|
||||
data.theme = Environment.getConfigure().theme; |
|
||||
|
|
||||
axios.put(Environment.apiContextPath('/api/lcdp/configure/') + selectedTheme.value, data).then((response) => { |
|
||||
NotifyManager.info(t('success')); |
|
||||
}); |
|
||||
}); |
}); |
||||
}; |
}; |
||||
|
|
||||
const refresh = (callback?: any) => { |
|
||||
axios.get(Environment.apiContextPath('/api/lcdp/configure')).then((response) => { |
|
||||
configureMap.clear(); |
|
||||
const options = []; |
|
||||
selectedTheme.value = ''; |
|
||||
|
|
||||
const items = response.data.content; |
|
||||
if (items && items.length > 0) { |
|
||||
for (const item of items) { |
|
||||
options.push(item); |
|
||||
configureMap.set(item.id, item); |
|
||||
if (item.active) { |
|
||||
selectedTheme.value = item.id; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
themeOptions.value = options; |
|
||||
if (callback) { |
|
||||
callback(); |
|
||||
} |
|
||||
}); |
|
||||
}; |
|
||||
|
|
||||
refresh(); |
|
||||
</script> |
</script> |
||||
|
|||||
@ -0,0 +1,70 @@ |
|||||
|
<template> |
||||
|
<div style="height: 100%"> |
||||
|
<q-btn-dropdown dense outline> |
||||
|
<template #label><div>更多</div></template> |
||||
|
</q-btn-dropdown> |
||||
|
<q-splitter v-model="splitterModelRef" style="height: 100%"> |
||||
|
<template #before> |
||||
|
<q-tabs v-model="selectedTabRef" vertical> |
||||
|
<q-tab name="Industry" no-caps> |
||||
|
<div class="text-left" style="width: 200px" :title="$t('standard.industry.grid.title')">{{ $t('standard.industry.grid.title') }}</div> |
||||
|
</q-tab> |
||||
|
<q-tab name="AdminDivision" no-caps> |
||||
|
<div class="text-left" style="width: 200px" :title="$t('standard.adminDivision.grid.title')">{{ $t('standard.adminDivision.grid.title') }}</div> |
||||
|
</q-tab> |
||||
|
<q-tab name="PerformanceStatus" no-caps> |
||||
|
<div class="text-left" style="width: 200px" :title="$t('standard.performanceStatus.grid.title')"> |
||||
|
{{ $t('standard.performanceStatus.grid.title') }} |
||||
|
</div> |
||||
|
</q-tab> |
||||
|
<q-tab name="Counterparty" no-caps> |
||||
|
<div class="text-left" style="width: 200px" :title="$t('standard.counterparty.grid.title')">{{ $t('standard.counterparty.grid.title') }}</div> |
||||
|
</q-tab> |
||||
|
<q-tab name="Country" no-caps> |
||||
|
<div class="text-left" style="width: 200px" :title="$t('standard.country.grid.title')">{{ $t('standard.country.grid.title') }}</div> |
||||
|
</q-tab> |
||||
|
<q-tab name="Currency" no-caps> |
||||
|
<div class="text-left" style="width: 200px" :title="$t('standard.currency.grid.title')">{{ $t('standard.currency.grid.title') }}</div> |
||||
|
</q-tab> |
||||
|
</q-tabs> |
||||
|
</template> |
||||
|
|
||||
|
<template #after> |
||||
|
<div class="pl-1" style="height: 100%"> |
||||
|
<q-tab-panels v-model="selectedTabRef" animated swipeable style="height: 100%"> |
||||
|
<q-tab-panel name="Industry" class="px-0 pb-0" style="height: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px"> |
||||
|
<Industry></Industry> |
||||
|
</q-tab-panel> |
||||
|
<q-tab-panel name="AdminDivision" class="px-0 pb-0" style="height: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px"> |
||||
|
<AdminDivision></AdminDivision> |
||||
|
</q-tab-panel> |
||||
|
<q-tab-panel name="PerformanceStatus" class="px-0 pb-0" style="height: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px"> |
||||
|
<PerformanceStatus></PerformanceStatus> |
||||
|
</q-tab-panel> |
||||
|
<q-tab-panel name="Counterparty" class="px-0 pb-0" style="height: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px"> |
||||
|
<Counterparty></Counterparty> |
||||
|
</q-tab-panel> |
||||
|
<q-tab-panel name="Country" class="px-0 pb-0" style="height: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px"> |
||||
|
<Country></Country> |
||||
|
</q-tab-panel> |
||||
|
<q-tab-panel name="Currency" class="px-0 pb-0" style="height: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px"> |
||||
|
<Currency></Currency> |
||||
|
</q-tab-panel> |
||||
|
</q-tab-panels> |
||||
|
</div> |
||||
|
</template> |
||||
|
</q-splitter> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import { ref } from 'vue'; |
||||
|
import Industry from './standard/Industry.vue'; |
||||
|
import AdminDivision from './standard/AdminDivision.vue'; |
||||
|
import PerformanceStatus from './standard/PerformanceStatus.vue'; |
||||
|
import Counterparty from './standard/Counterparty.vue'; |
||||
|
import Country from './standard/Country.vue'; |
||||
|
import Currency from './standard/Currency.vue'; |
||||
|
|
||||
|
const splitterModelRef = ref(15); |
||||
|
const selectedTabRef = ref('Industry'); |
||||
|
</script> |
||||
@ -0,0 +1,109 @@ |
|||||
|
<template> |
||||
|
<w-grid |
||||
|
ref="gridRef" |
||||
|
:title="$t('standard.adminDivision.grid.title')" |
||||
|
hide-bottom |
||||
|
:config-button="true" |
||||
|
selection="multiple" |
||||
|
:checkbox-selection="true" |
||||
|
dense |
||||
|
:tree="true" |
||||
|
:tree-icon=" |
||||
|
(row) => { |
||||
|
return { name: 'folder', color: 'amber' }; |
||||
|
} |
||||
|
" |
||||
|
primary-key="code" |
||||
|
:data-url="Environment.apiContextPath('/api/standard/adminDivision')" |
||||
|
:pageable="false" |
||||
|
:pagination="{ |
||||
|
sortBy: 'code', |
||||
|
descending: false, |
||||
|
}" |
||||
|
:toolbar-configure="{ noIcon: false }" |
||||
|
:toolbar-actions="[ |
||||
|
'refresh', |
||||
|
'separator', |
||||
|
[ |
||||
|
{ |
||||
|
extend: 'add', |
||||
|
click: undefined, |
||||
|
}, |
||||
|
{ |
||||
|
extend: 'addTop', |
||||
|
label: $t('standard.adminDivision.grid.toolbar.addTop'), |
||||
|
}, |
||||
|
{ |
||||
|
extend: 'addChild', |
||||
|
label: $t('standard.adminDivision.grid.toolbar.addChild'), |
||||
|
}, |
||||
|
], |
||||
|
'edit', |
||||
|
'remove', |
||||
|
'separator', |
||||
|
'view', |
||||
|
'separator', |
||||
|
'export', |
||||
|
]" |
||||
|
:columns="[ |
||||
|
{ |
||||
|
name: 'target', |
||||
|
label: $t('standard.entity.target'), |
||||
|
columns: [ |
||||
|
{ width: 300, name: 'name', label: $t('name') }, |
||||
|
{ width: 100, name: 'code', label: $t('code') }, |
||||
|
{ width: 100, name: 'description', label: $t('description') }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
name: 'source', |
||||
|
label: $t('standard.entity.source'), |
||||
|
columns: [ |
||||
|
{ width: 300, name: 'mappingName', label: $t('name') }, |
||||
|
{ width: 100, name: 'mappingCode', label: $t('code') }, |
||||
|
{ width: 100, name: 'mappingDescription', label: $t('description') }, |
||||
|
], |
||||
|
}, |
||||
|
{ width: 100, name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ width: 120, name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.dateOnly() }, |
||||
|
]" |
||||
|
:editor="{ |
||||
|
dialog: { |
||||
|
width: '600px', |
||||
|
}, |
||||
|
form: { |
||||
|
colsNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.entity.code'), type: 'text', required: true }, |
||||
|
{ name: 'name', label: $t('standard.entity.name'), type: 'text', required: true }, |
||||
|
{ name: 'description', label: $t('standard.entity.description'), type: 'textarea', rows: 3 }, |
||||
|
{ name: 'mappingCode', label: $t('standard.entity.mappingCode'), type: 'text', required: true }, |
||||
|
{ name: 'mappingName', label: $t('standard.entity.mappingName'), type: 'text' }, |
||||
|
{ name: 'mappingDescription', label: $t('standard.entity.mappingDescription'), type: 'textarea', rows: 3 }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
:viewer="{ |
||||
|
panel: { |
||||
|
columnNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.entity.code') }, |
||||
|
{ name: 'name', label: $t('standard.entity.name') }, |
||||
|
{ name: 'description', label: $t('standard.entity.description') }, |
||||
|
{ name: 'mappingCode', label: $t('standard.entity.mappingCode') }, |
||||
|
{ name: 'mappingName', label: $t('standard.entity.mappingName') }, |
||||
|
{ name: 'mappingDescription', label: $t('standard.entity.mappingDescription') }, |
||||
|
|
||||
|
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
||||
|
{ name: 'creator', label: $t('creator') }, |
||||
|
{ name: 'createDate', label: $t('createDate') }, |
||||
|
{ name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.none() }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
></w-grid> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import { Environment, Formater } from '@/platform'; |
||||
|
</script> |
||||
@ -0,0 +1,79 @@ |
|||||
|
<template> |
||||
|
<w-grid |
||||
|
ref="gridRef" |
||||
|
:title="$t('standard.counterparty.grid.title')" |
||||
|
:config-button="true" |
||||
|
selection="multiple" |
||||
|
:checkbox-selection="true" |
||||
|
:tree="false" |
||||
|
primary-key="code" |
||||
|
:data-url="Environment.apiContextPath('/api/standard/counterparty')" |
||||
|
:pageable="true" |
||||
|
:pagination="{ |
||||
|
sortBy: 'code', |
||||
|
descending: false, |
||||
|
}" |
||||
|
:toolbar-configure="{ noIcon: false }" |
||||
|
:toolbar-actions="['refresh', 'separator', 'add', 'edit', 'remove', 'separator', 'view', 'separator', 'export']" |
||||
|
:columns="[ |
||||
|
{ |
||||
|
name: 'target', |
||||
|
label: $t('standard.entity.target'), |
||||
|
columns: [ |
||||
|
{ width: 150, name: 'code', label: $t('code') }, |
||||
|
{ width: 200, name: 'name', label: $t('name') }, |
||||
|
{ width: 100, name: 'description', label: $t('description') }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
name: 'source', |
||||
|
label: $t('standard.entity.source'), |
||||
|
columns: [ |
||||
|
{ width: 150, name: 'mappingCode', label: $t('code') }, |
||||
|
{ width: 200, name: 'mappingName', label: $t('name') }, |
||||
|
{ width: 100, name: 'mappingDescription', label: $t('description') }, |
||||
|
], |
||||
|
}, |
||||
|
{ width: 100, name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ width: 120, name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.dateOnly() }, |
||||
|
]" |
||||
|
:editor="{ |
||||
|
dialog: { |
||||
|
width: '600px', |
||||
|
}, |
||||
|
form: { |
||||
|
colsNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.entity.code'), type: 'text', required: true }, |
||||
|
{ name: 'name', label: $t('standard.entity.name'), type: 'text', required: true }, |
||||
|
{ name: 'description', label: $t('standard.entity.description'), type: 'textarea', rows: 3 }, |
||||
|
{ name: 'mappingCode', label: $t('standard.entity.mappingCode'), type: 'text', required: true }, |
||||
|
{ name: 'mappingName', label: $t('standard.entity.mappingName'), type: 'text' }, |
||||
|
{ name: 'mappingDescription', label: $t('standard.entity.mappingDescription'), type: 'textarea', rows: 3 }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
:viewer="{ |
||||
|
panel: { |
||||
|
columnNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.entity.code') }, |
||||
|
{ name: 'name', label: $t('standard.entity.name') }, |
||||
|
{ name: 'description', label: $t('standard.entity.description') }, |
||||
|
{ name: 'mappingCode', label: $t('standard.entity.mappingCode') }, |
||||
|
{ name: 'mappingName', label: $t('standard.entity.mappingName') }, |
||||
|
{ name: 'mappingDescription', label: $t('standard.entity.mappingDescription') }, |
||||
|
|
||||
|
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
||||
|
{ name: 'creator', label: $t('creator') }, |
||||
|
{ name: 'createDate', label: $t('createDate') }, |
||||
|
{ name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.none() }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
></w-grid> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import { Environment, Formater } from '@/platform'; |
||||
|
</script> |
||||
@ -0,0 +1,257 @@ |
|||||
|
<template> |
||||
|
<w-grid |
||||
|
ref="gridRef" |
||||
|
:title="$t('standard.country.grid.title')" |
||||
|
:hide-bottom="false" |
||||
|
:config-button="true" |
||||
|
selection="multiple" |
||||
|
:checkbox-selection="true" |
||||
|
:tree="false" |
||||
|
primary-key="code" |
||||
|
:data-url="Environment.apiContextPath('/api/standard/country')" |
||||
|
:pageable="false" |
||||
|
:sort-by="['codeLatin3']" |
||||
|
:toolbar-configure="{ noIcon: false }" |
||||
|
:toolbar-actions="['query', 'refresh', 'separator', 'add', 'edit', 'remove', 'separator', 'view', 'separator', 'export']" |
||||
|
:query-form-cols-num="5" |
||||
|
:query-form-fields="[ |
||||
|
{ name: 'code', label: $t('standard.country.entity.code'), type: 'text', clearable: true }, |
||||
|
{ name: 'codeLatin3', label: $t('standard.country.entity.codeLatin3'), type: 'text', clearable: true }, |
||||
|
{ name: 'nameChinese', label: $t('standard.country.entity.nameChinese'), type: 'text', clearable: true }, |
||||
|
{ name: 'nameEnglish', label: $t('standard.country.entity.nameEnglish'), type: 'text', clearable: true }, |
||||
|
]" |
||||
|
:columns="columnsComputed" |
||||
|
:editor="{ |
||||
|
dialog: { |
||||
|
width: '800px', |
||||
|
}, |
||||
|
form: { |
||||
|
colsNum: 3, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.country.entity.code'), type: 'text', required: true }, |
||||
|
{ name: 'codeLatin2', label: $t('standard.country.entity.codeLatin2'), type: 'text', required: true }, |
||||
|
{ name: 'codeLatin3', label: $t('standard.country.entity.codeLatin3'), type: 'text', required: true }, |
||||
|
{ name: 'nameChinese', label: $t('standard.country.entity.nameChinese'), type: 'text', required: true }, |
||||
|
{ name: 'nameChineseFull', label: $t('standard.country.entity.nameChineseFull'), type: 'text', colSpan: 2 }, |
||||
|
{ name: 'remarkChinese', label: $t('standard.country.entity.remarkChinese'), type: 'text', colSpan: 3 }, |
||||
|
{ name: 'nameEnglish', label: $t('standard.country.entity.nameEnglish'), type: 'text', required: true }, |
||||
|
{ name: 'nameEnglishFull', label: $t('standard.country.entity.nameEnglishFull'), type: 'text', colSpan: 2 }, |
||||
|
{ name: 'remarkEnglish', label: $t('standard.country.entity.remarkEnglish'), type: 'text', colSpan: 3 }, |
||||
|
{ name: 'nameLocalShort', label: $t('standard.country.entity.nameLocalShort'), type: 'text', colSpan: 2 }, |
||||
|
{ name: 'isIndependent', label: $t('standard.country.entity.isIndependent'), type: 'select', options: Options.yesNo() }, |
||||
|
{ |
||||
|
name: 'currency', |
||||
|
label: $t('standard.country.entity.currency'), |
||||
|
type: 'select', |
||||
|
options: currencyOptionsRef, |
||||
|
colSpan: 2, |
||||
|
useInput: true, |
||||
|
hideSelected: true, |
||||
|
fillInput: true, |
||||
|
onFilter: (val, update) => { |
||||
|
if (val) { |
||||
|
update(() => { |
||||
|
const input = val.toUpperCase(); |
||||
|
const currencyOptions = []; |
||||
|
for (const currency of currencyList) { |
||||
|
if ( |
||||
|
currency.code?.indexOf(input) > -1 || |
||||
|
currency.codeLatin?.indexOf(input) > -1 || |
||||
|
currency.nameChinese?.indexOf(input) > -1 || |
||||
|
currency.nameEnglish?.indexOf(input) > -1 |
||||
|
) { |
||||
|
const item = createCurrencyOptionItem(currency); |
||||
|
if (item) { |
||||
|
currencyOptions.push(item); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
currencyOptionsRef = currencyOptions; |
||||
|
}); |
||||
|
} else { |
||||
|
update(() => { |
||||
|
const currencyOptions = []; |
||||
|
for (const currency of currencyList) { |
||||
|
const item = createCurrencyOptionItem(currency); |
||||
|
if (item) { |
||||
|
currencyOptions.push(item); |
||||
|
} |
||||
|
} |
||||
|
currencyOptionsRef = currencyOptions; |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
{ name: 'languageCode2', label: $t('standard.country.entity.languageCode2'), type: 'text', colsFirst: true }, |
||||
|
{ name: 'languageCode3', label: $t('standard.country.entity.languageCode3'), type: 'text' }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
:viewer="{ |
||||
|
panel: { |
||||
|
columnNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.country.entity.code') }, |
||||
|
{ name: 'codeLatin2', label: $t('standard.country.entity.codeLatin2') }, |
||||
|
{ name: 'codeLatin3', label: $t('standard.country.entity.codeLatin3') }, |
||||
|
{ name: 'nameChinese', label: $t('standard.country.entity.nameChinese') }, |
||||
|
{ name: 'nameChineseFull', label: $t('standard.country.entity.nameChineseFull') }, |
||||
|
{ name: 'nameEnglish', label: $t('standard.country.entity.nameEnglish') }, |
||||
|
{ name: 'nameEnglishFull', label: $t('standard.country.entity.nameEnglishFull') }, |
||||
|
{ name: 'nameLocalShort', label: $t('standard.country.entity.nameLocalShort') }, |
||||
|
{ name: 'remarkChinese', label: $t('standard.country.entity.remarkChinese') }, |
||||
|
{ name: 'remarkEnglish', label: $t('standard.country.entity.remarkEnglish') }, |
||||
|
{ name: 'languageCode2', label: $t('standard.country.entity.languageCode2') }, |
||||
|
{ name: 'languageCode3', label: $t('standard.country.entity.languageCode3') }, |
||||
|
{ name: 'isIndependent', label: $t('standard.country.entity.isIndependent') }, |
||||
|
{ |
||||
|
name: 'currency', |
||||
|
label: $t('standard.country.entity.currency'), |
||||
|
format: (value, row) => { |
||||
|
return getCurrencyLabel(currencyMap[row.currency]); |
||||
|
}, |
||||
|
}, |
||||
|
|
||||
|
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
||||
|
{ name: 'creator', label: $t('creator') }, |
||||
|
{ name: 'createDate', label: $t('createDate') }, |
||||
|
{ name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.none() }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
></w-grid> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import { ref, onMounted, computed } from 'vue'; |
||||
|
import { useI18n } from 'vue-i18n'; |
||||
|
import { axios, Environment, Formater, Options, eventBus } from '@/platform'; |
||||
|
|
||||
|
let currentLocale = Environment.getConfigure().setting.i18n.locale; |
||||
|
let currencyMap = {}; |
||||
|
let currencyList = []; |
||||
|
const { t } = useI18n(); |
||||
|
const currencyOptionsRef = ref([]); |
||||
|
|
||||
|
const columnsComputed = computed(() => { |
||||
|
const result = [ |
||||
|
{ width: 70, name: 'code', label: t('code') }, |
||||
|
{ width: 70, name: 'codeLatin3', label: t('code') + '3' }, |
||||
|
{ |
||||
|
width: 150, |
||||
|
name: 'nameChinese', |
||||
|
label: t('name'), |
||||
|
format: (value, row) => { |
||||
|
if (row) { |
||||
|
return getCountryName(row); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
name: 'currency', |
||||
|
label: t('standard.entity.currency'), |
||||
|
columns: [ |
||||
|
{ |
||||
|
width: 70, |
||||
|
name: 'currencyCode', |
||||
|
label: t('code'), |
||||
|
sortable: false, |
||||
|
format: (value, row) => { |
||||
|
if (row.currency) { |
||||
|
return currencyMap[row.currency]?.code; |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
width: 70, |
||||
|
name: 'currencyCodeLatin', |
||||
|
label: t('code') + '2', |
||||
|
sortable: false, |
||||
|
format: (value, row) => { |
||||
|
if (row.currency) { |
||||
|
return currencyMap[row.currency]?.codeLatin; |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
width: 150, |
||||
|
name: 'currencyname', |
||||
|
label: t('name'), |
||||
|
sortable: false, |
||||
|
format: (value, row) => { |
||||
|
if (row.currency) { |
||||
|
return getCurrencyName(currencyMap[row.currency]); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
name: 'language', |
||||
|
label: t('standard.entity.language'), |
||||
|
columns: [{ width: 100, name: 'languageCode3', label: t('code') }], |
||||
|
}, |
||||
|
|
||||
|
{ width: 100, name: 'lastModifier', label: t('lastModifier') }, |
||||
|
{ width: 120, name: 'lastModifyDate', label: t('lastModifyDate'), format: Formater.dateOnly() }, |
||||
|
]; |
||||
|
|
||||
|
currentLocale = Environment.getConfigure().setting.i18n.locale; |
||||
|
if (currentLocale.endsWith('CN')) { |
||||
|
result[2].name = 'nameChinese'; |
||||
|
} else { |
||||
|
result[2].name = 'nameEnglish'; |
||||
|
} |
||||
|
return result; |
||||
|
}); |
||||
|
|
||||
|
onMounted(() => { |
||||
|
axios.get(Environment.apiContextPath('/api/standard/currency?pageable=false&sortBy=code')).then((response) => { |
||||
|
currencyMap = {}; |
||||
|
currencyList = []; |
||||
|
const currencyOptions = []; |
||||
|
if (response?.data?.content) { |
||||
|
for (const currency of response.data.content) { |
||||
|
currencyMap[currency.code] = currency; |
||||
|
currencyList.push(currency); |
||||
|
} |
||||
|
|
||||
|
for (const currency of currencyList) { |
||||
|
const item = createCurrencyOptionItem(currency); |
||||
|
if (item) { |
||||
|
currencyOptions.push(item); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
currencyOptionsRef.value = currencyOptions; |
||||
|
}); |
||||
|
}); |
||||
|
|
||||
|
const getCurrencyLabel = (currency) => { |
||||
|
return currency.code + ' ' + currency.codeLatin + ' ' + (currentLocale.endsWith('CN') ? currency.nameChinese : currency.nameEnglish); |
||||
|
}; |
||||
|
|
||||
|
const createCurrencyOptionItem = (currency) => { |
||||
|
if (currency) { |
||||
|
return { |
||||
|
value: currency.code, |
||||
|
label: getCurrencyLabel(currency), |
||||
|
}; |
||||
|
} |
||||
|
return null; |
||||
|
}; |
||||
|
|
||||
|
const getCountryName = (country) => { |
||||
|
if (country) { |
||||
|
return currentLocale.endsWith('CN') ? country.nameChinese : country.nameEnglish; |
||||
|
} |
||||
|
return null; |
||||
|
}; |
||||
|
|
||||
|
const getCurrencyName = (currency) => { |
||||
|
if (currency) { |
||||
|
return currentLocale.endsWith('CN') ? currency.nameChinese : currency.nameEnglish; |
||||
|
} |
||||
|
return null; |
||||
|
}; |
||||
|
</script> |
||||
@ -0,0 +1,72 @@ |
|||||
|
<template> |
||||
|
<w-grid |
||||
|
ref="gridRef" |
||||
|
:title="$t('standard.currency.grid.title')" |
||||
|
:hide-bottom="false" |
||||
|
:config-button="true" |
||||
|
selection="multiple" |
||||
|
:checkbox-selection="true" |
||||
|
:tree="false" |
||||
|
primary-key="code" |
||||
|
:data-url="Environment.apiContextPath('/api/standard/currency')" |
||||
|
:pageable="false" |
||||
|
:pagination="{ |
||||
|
sortBy: 'codeLatin', |
||||
|
descending: false, |
||||
|
}" |
||||
|
:toolbar-configure="{ noIcon: false }" |
||||
|
:toolbar-actions="['query', 'refresh', 'separator', 'add', 'edit', 'remove', 'separator', 'view', 'separator', 'export']" |
||||
|
:query-form-cols-num="4" |
||||
|
:query-form-fields="[ |
||||
|
{ name: 'code', label: $t('standard.currency.entity.code'), type: 'text', clearable: true }, |
||||
|
{ name: 'codeLatin', label: $t('standard.currency.entity.codeLatin'), type: 'text', clearable: true }, |
||||
|
{ name: 'nameChinese', label: $t('standard.country.entity.nameChinese'), type: 'text', clearable: true }, |
||||
|
{ name: 'nameEnglish', label: $t('standard.country.entity.nameEnglish'), type: 'text', clearable: true }, |
||||
|
]" |
||||
|
:columns="[ |
||||
|
{ width: 80, name: 'code', label: $t('standard.currency.entity.code') }, |
||||
|
{ width: 80, name: 'codeLatin', label: $t('standard.currency.entity.codeLatin') }, |
||||
|
{ width: 150, name: 'nameChinese', label: $t('standard.currency.entity.nameChinese') }, |
||||
|
{ width: 150, name: 'nameEnglish', label: $t('standard.currency.entity.nameEnglish') }, |
||||
|
{ width: 100, name: 'precision', label: $t('standard.currency.entity.precision') }, |
||||
|
{ width: 100, name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ width: 120, name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.dateOnly() }, |
||||
|
]" |
||||
|
:editor="{ |
||||
|
dialog: { |
||||
|
width: '600px', |
||||
|
}, |
||||
|
form: { |
||||
|
colsNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.currency.entity.code'), type: 'text', required: true }, |
||||
|
{ name: 'codeLatin', label: $t('standard.currency.entity.codeLatin'), type: 'text', required: true }, |
||||
|
{ name: 'nameChinese', label: $t('standard.country.entity.nameChinese'), type: 'text', required: true }, |
||||
|
{ name: 'nameEnglish', label: $t('standard.country.entity.nameEnglish'), type: 'text' }, |
||||
|
{ name: 'precision', label: $t('standard.currency.entity.precision'), type: 'text', required: true, defaultValue: 2 }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
:viewer="{ |
||||
|
panel: { |
||||
|
columnNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.currency.entity.code') }, |
||||
|
{ name: 'codeLatin', label: $t('standard.currency.entity.codeLatin') }, |
||||
|
{ name: 'nameChinese', label: $t('standard.country.entity.nameChinese') }, |
||||
|
{ name: 'nameEnglish', label: $t('standard.country.entity.nameEnglish') }, |
||||
|
{ name: 'precision', label: $t('standard.currency.entity.precision') }, |
||||
|
|
||||
|
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
||||
|
{ name: 'creator', label: $t('creator') }, |
||||
|
{ name: 'createDate', label: $t('createDate') }, |
||||
|
{ name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.none() }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
></w-grid> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import { Environment, Formater, Options } from '@/platform'; |
||||
|
</script> |
||||
@ -0,0 +1,109 @@ |
|||||
|
<template> |
||||
|
<w-grid |
||||
|
ref="treeGridRef" |
||||
|
:title="$t('standard.industry.grid.title')" |
||||
|
hide-bottom |
||||
|
:config-button="true" |
||||
|
selection="multiple" |
||||
|
:checkbox-selection="true" |
||||
|
dense |
||||
|
:tree="true" |
||||
|
:tree-icon=" |
||||
|
(row) => { |
||||
|
return { name: 'folder', color: 'amber' }; |
||||
|
} |
||||
|
" |
||||
|
primary-key="code" |
||||
|
:data-url="Environment.apiContextPath('/api/standard/industry')" |
||||
|
:pageable="false" |
||||
|
:pagination="{ |
||||
|
sortBy: 'code', |
||||
|
descending: false, |
||||
|
}" |
||||
|
:toolbar-configure="{ noIcon: false }" |
||||
|
:toolbar-actions="[ |
||||
|
'refresh', |
||||
|
'separator', |
||||
|
[ |
||||
|
{ |
||||
|
extend: 'add', |
||||
|
click: undefined, |
||||
|
}, |
||||
|
{ |
||||
|
extend: 'addTop', |
||||
|
label: $t('standard.industry.grid.toolbar.addTop'), |
||||
|
}, |
||||
|
{ |
||||
|
extend: 'addChild', |
||||
|
label: $t('standard.industry.grid.toolbar.addChild'), |
||||
|
}, |
||||
|
], |
||||
|
'edit', |
||||
|
'remove', |
||||
|
'separator', |
||||
|
'view', |
||||
|
'separator', |
||||
|
'export', |
||||
|
]" |
||||
|
:columns="[ |
||||
|
{ |
||||
|
name: 'target', |
||||
|
label: $t('standard.entity.target'), |
||||
|
columns: [ |
||||
|
{ width: 300, name: 'name', label: $t('name') }, |
||||
|
{ width: 100, name: 'code', label: $t('code') }, |
||||
|
{ width: 100, name: 'description', label: $t('description') }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
name: 'source', |
||||
|
label: $t('standard.entity.source'), |
||||
|
columns: [ |
||||
|
{ width: 300, name: 'mappingName', label: $t('name') }, |
||||
|
{ width: 100, name: 'mappingCode', label: $t('code') }, |
||||
|
{ width: 100, name: 'mappingDescription', label: $t('description') }, |
||||
|
], |
||||
|
}, |
||||
|
{ width: 100, name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ width: 120, name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.dateOnly() }, |
||||
|
]" |
||||
|
:editor="{ |
||||
|
dialog: { |
||||
|
width: '600px', |
||||
|
}, |
||||
|
form: { |
||||
|
colsNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.entity.code'), type: 'text', required: true }, |
||||
|
{ name: 'name', label: $t('standard.entity.name'), type: 'text', required: true }, |
||||
|
{ name: 'description', label: $t('standard.entity.description'), type: 'textarea', rows: 3 }, |
||||
|
{ name: 'mappingCode', label: $t('standard.entity.mappingCode'), type: 'text', required: true }, |
||||
|
{ name: 'mappingName', label: $t('standard.entity.mappingName'), type: 'text' }, |
||||
|
{ name: 'mappingDescription', label: $t('standard.entity.mappingDescription'), type: 'textarea', rows: 3 }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
:viewer="{ |
||||
|
panel: { |
||||
|
columnNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.entity.code') }, |
||||
|
{ name: 'name', label: $t('standard.entity.name') }, |
||||
|
{ name: 'description', label: $t('standard.entity.description') }, |
||||
|
{ name: 'mappingCode', label: $t('standard.entity.mappingCode') }, |
||||
|
{ name: 'mappingName', label: $t('standard.entity.mappingName') }, |
||||
|
{ name: 'mappingDescription', label: $t('standard.entity.mappingDescription') }, |
||||
|
|
||||
|
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
||||
|
{ name: 'creator', label: $t('creator') }, |
||||
|
{ name: 'createDate', label: $t('createDate') }, |
||||
|
{ name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.none() }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
></w-grid> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import { Environment, Formater } from '@/platform'; |
||||
|
</script> |
||||
@ -0,0 +1,79 @@ |
|||||
|
<template> |
||||
|
<w-grid |
||||
|
ref="gridRef" |
||||
|
:title="$t('standard.performanceStatus.grid.title')" |
||||
|
:config-button="true" |
||||
|
selection="multiple" |
||||
|
:checkbox-selection="true" |
||||
|
:tree="false" |
||||
|
primary-key="code" |
||||
|
:data-url="Environment.apiContextPath('/api/standard/performanceStatus')" |
||||
|
:pageable="true" |
||||
|
:pagination="{ |
||||
|
sortBy: 'code', |
||||
|
descending: false, |
||||
|
}" |
||||
|
:toolbar-configure="{ noIcon: false }" |
||||
|
:toolbar-actions="['refresh', 'separator', 'add', 'edit', 'remove', 'separator', 'view', 'separator', 'export']" |
||||
|
:columns="[ |
||||
|
{ |
||||
|
name: 'target', |
||||
|
label: $t('standard.entity.target'), |
||||
|
columns: [ |
||||
|
{ width: 100, name: 'code', label: $t('code') }, |
||||
|
{ width: 100, name: 'name', label: $t('name') }, |
||||
|
{ width: 100, name: 'description', label: $t('description') }, |
||||
|
], |
||||
|
}, |
||||
|
{ |
||||
|
name: 'source', |
||||
|
label: $t('standard.entity.source'), |
||||
|
columns: [ |
||||
|
{ width: 100, name: 'mappingCode', label: $t('code') }, |
||||
|
{ width: 100, name: 'mappingName', label: $t('name') }, |
||||
|
{ width: 100, name: 'mappingDescription', label: $t('description') }, |
||||
|
], |
||||
|
}, |
||||
|
{ width: 100, name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ width: 120, name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.dateOnly() }, |
||||
|
]" |
||||
|
:editor="{ |
||||
|
dialog: { |
||||
|
width: '600px', |
||||
|
}, |
||||
|
form: { |
||||
|
colsNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.entity.code'), type: 'text', required: true }, |
||||
|
{ name: 'name', label: $t('standard.entity.name'), type: 'text', required: true }, |
||||
|
{ name: 'description', label: $t('standard.entity.description'), type: 'textarea', rows: 3 }, |
||||
|
{ name: 'mappingCode', label: $t('standard.entity.mappingCode'), type: 'text', required: true }, |
||||
|
{ name: 'mappingName', label: $t('standard.entity.mappingName'), type: 'text' }, |
||||
|
{ name: 'mappingDescription', label: $t('standard.entity.mappingDescription'), type: 'textarea', rows: 3 }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
:viewer="{ |
||||
|
panel: { |
||||
|
columnNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('standard.entity.code') }, |
||||
|
{ name: 'name', label: $t('standard.entity.name') }, |
||||
|
{ name: 'description', label: $t('standard.entity.description') }, |
||||
|
{ name: 'mappingCode', label: $t('standard.entity.mappingCode') }, |
||||
|
{ name: 'mappingName', label: $t('standard.entity.mappingName') }, |
||||
|
{ name: 'mappingDescription', label: $t('standard.entity.mappingDescription') }, |
||||
|
|
||||
|
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
||||
|
{ name: 'creator', label: $t('creator') }, |
||||
|
{ name: 'createDate', label: $t('createDate') }, |
||||
|
{ name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.none() }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
></w-grid> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import { Environment, Formater } from '@/platform'; |
||||
|
</script> |
||||
@ -0,0 +1,69 @@ |
|||||
|
package io.sc.platform.system.api.application; |
||||
|
|
||||
|
import io.sc.platform.orm.api.vo.CorporationAuditorVo; |
||||
|
|
||||
|
public class ApplicationVo extends CorporationAuditorVo { |
||||
|
private String id; |
||||
|
private String code; |
||||
|
private String name; |
||||
|
private String description; |
||||
|
private Boolean enable; |
||||
|
private Integer order; |
||||
|
private boolean selected; |
||||
|
|
||||
|
public String getId() { |
||||
|
return id; |
||||
|
} |
||||
|
|
||||
|
public void setId(String id) { |
||||
|
this.id = id; |
||||
|
} |
||||
|
|
||||
|
public String getCode() { |
||||
|
return code; |
||||
|
} |
||||
|
|
||||
|
public void setCode(String code) { |
||||
|
this.code = code; |
||||
|
} |
||||
|
|
||||
|
public String getName() { |
||||
|
return name; |
||||
|
} |
||||
|
|
||||
|
public void setName(String name) { |
||||
|
this.name = name; |
||||
|
} |
||||
|
|
||||
|
public String getDescription() { |
||||
|
return description; |
||||
|
} |
||||
|
|
||||
|
public void setDescription(String description) { |
||||
|
this.description = description; |
||||
|
} |
||||
|
|
||||
|
public Boolean getEnable() { |
||||
|
return enable; |
||||
|
} |
||||
|
|
||||
|
public void setEnable(Boolean enable) { |
||||
|
this.enable = enable; |
||||
|
} |
||||
|
|
||||
|
public Integer getOrder() { |
||||
|
return order; |
||||
|
} |
||||
|
|
||||
|
public void setOrder(Integer order) { |
||||
|
this.order = order; |
||||
|
} |
||||
|
|
||||
|
public boolean getSelected() { |
||||
|
return selected; |
||||
|
} |
||||
|
|
||||
|
public void setSelected(boolean selected) { |
||||
|
this.selected = selected; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,127 @@ |
|||||
|
<template> |
||||
|
<q-splitter :model-value="60" class="w-full" style="height: 100%"> |
||||
|
<template #before> |
||||
|
<div class="pr-1" style="height: 100%"> |
||||
|
<w-grid |
||||
|
ref="applicationGridRef" |
||||
|
:title="$t('system.application.grid.title')" |
||||
|
:config-button="true" |
||||
|
selection="multiple" |
||||
|
:checkbox-selection="true" |
||||
|
:data-url="Environment.apiContextPath('/api/system/application')" |
||||
|
:sort-by="['order']" |
||||
|
:query-form-cols-num="3" |
||||
|
:query-form-fields="[ |
||||
|
{ name: 'code', label: $t('code'), type: 'text' }, |
||||
|
{ name: 'name', label: $t('name'), type: 'text' }, |
||||
|
{ name: 'enable', label: $t('isEnable'), type: 'select', options: Options.yesNo() }, |
||||
|
]" |
||||
|
:toolbar-configure="{ noIcon: false }" |
||||
|
:toolbar-actions="['query', 'refresh', 'separator', 'add', 'clone', 'edit', 'remove', 'separator', 'view', 'separator', 'export']" |
||||
|
:columns="[ |
||||
|
{ width: 60, name: 'order', label: $t('order') }, |
||||
|
{ width: 100, name: 'code', label: $t('code') }, |
||||
|
{ width: '100%', name: 'name', label: $t('name') }, |
||||
|
{ width: 80, name: 'enable', label: $t('status'), format: Formater.enableTag() }, |
||||
|
{ width: 120, name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ width: 120, name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.dateOnly() }, |
||||
|
]" |
||||
|
:editor="{ |
||||
|
dialog: { |
||||
|
width: '600px', |
||||
|
height: '300px', |
||||
|
}, |
||||
|
form: { |
||||
|
colsNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'code', label: $t('code'), type: 'text', required: true }, |
||||
|
{ name: 'name', label: $t('name'), type: 'text', required: true }, |
||||
|
{ name: 'description', label: $t('description'), type: 'textarea', rows: 1 }, |
||||
|
{ name: 'order', label: $t('order'), type: 'number' }, |
||||
|
{ name: 'enable', label: $t('enable'), type: 'checkbox', defaultValue: true }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
:viewer="{ |
||||
|
panel: { |
||||
|
columnNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'id', label: $t('id') }, |
||||
|
{ name: 'code', label: $t('code') }, |
||||
|
{ name: 'name', label: $t('name') }, |
||||
|
{ name: 'description', label: $t('description') }, |
||||
|
{ name: 'enable', label: $t('enable'), format: Formater.none() }, |
||||
|
{ name: 'order', label: $t('order') }, |
||||
|
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
||||
|
{ name: 'creator', label: $t('creator') }, |
||||
|
{ name: 'createDate', label: $t('createDate') }, |
||||
|
{ name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ name: 'lastModifyDate', label: $t('lastModifyDate'), format: Formater.none() }, |
||||
|
{ name: 'corporationCode', label: $t('corporationCode') }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
@row-click=" |
||||
|
(evt, row, index) => { |
||||
|
currentSelectedRoleId = row.id; |
||||
|
menuTreeGridRef?.refresh(); |
||||
|
userGridRef?.refresh(); |
||||
|
} |
||||
|
" |
||||
|
@before-request-data=" |
||||
|
() => { |
||||
|
currentSelectedRoleId = ''; |
||||
|
menuTreeGridRef?.refresh(); |
||||
|
userGridRef?.refresh(); |
||||
|
} |
||||
|
" |
||||
|
> |
||||
|
</w-grid> |
||||
|
</div> |
||||
|
</template> |
||||
|
<template #after> |
||||
|
<div class="pl-1" style="height: 100%"> |
||||
|
<q-tabs v-model="selectedTabRef" inline-label align="left" :breakpoint="0" no-caps> |
||||
|
<q-tab name="menu" icon="bi-menu-app" :label="$t('menu')" /> |
||||
|
</q-tabs> |
||||
|
|
||||
|
<q-tab-panels v-model="selectedTabRef" animated swipeable keep-alive style="height: calc(100% - 48px)"> |
||||
|
<q-tab-panel name="menu" class="px-0 pb-0" style="height: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px"> |
||||
|
<SelectMenuTreeGrid |
||||
|
ref="menuTreeGridRef" |
||||
|
:fetch-data-url="Environment.apiContextPath('/api/system/menu/listAllMenusWithSelectedStatusByRole')" |
||||
|
foreign-key="roleId" |
||||
|
:foreign-value="currentSelectedRoleId" |
||||
|
@update="update" |
||||
|
></SelectMenuTreeGrid> |
||||
|
</q-tab-panel> |
||||
|
</q-tab-panels> |
||||
|
</div> |
||||
|
</template> |
||||
|
</q-splitter> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import { ref } from 'vue'; |
||||
|
import { Environment, axios, EnumTools, Options, Formater } from 'platform-core'; |
||||
|
import SelectMenuTreeGrid from '../shared/SelectMenuTreeGrid.vue'; |
||||
|
|
||||
|
const DataComeFromEnum = await EnumTools.fetch('io.sc.platform.orm.api.enums.DataComeFrom'); |
||||
|
|
||||
|
const applicationGridRef = ref(); |
||||
|
const userGridRef = ref(); |
||||
|
const menuTreeGridRef = ref(); |
||||
|
|
||||
|
const selectedTabRef = ref('menu'); |
||||
|
const currentSelectedRoleId = ref(''); |
||||
|
|
||||
|
const update = (ids, gridComponent) => { |
||||
|
axios |
||||
|
.post(Environment.apiContextPath('/api/system/application/updateMenus'), { |
||||
|
one: applicationGridRef.value.getSelectedRows()[0].id, |
||||
|
many: ids, |
||||
|
}) |
||||
|
.then(() => { |
||||
|
gridComponent.refresh(); |
||||
|
}); |
||||
|
}; |
||||
|
</script> |
||||
@ -0,0 +1,102 @@ |
|||||
|
<template> |
||||
|
<w-dialog |
||||
|
ref="dialogRef" |
||||
|
:title="$t('system.shared.selectApplication.dialog.title')" |
||||
|
width="800px" |
||||
|
height="500px" |
||||
|
:can-maximize="false" |
||||
|
:buttons="[ |
||||
|
{ |
||||
|
label: $t('confirm'), |
||||
|
click: () => { |
||||
|
const ids = Tools.extractProperties(gridRef.getSelectedRows(), 'id'); |
||||
|
emit('afterSelected', ids, dialogRef); |
||||
|
}, |
||||
|
}, |
||||
|
]" |
||||
|
> |
||||
|
<div class="px-2" style="height: 100%"> |
||||
|
<w-grid |
||||
|
ref="gridRef" |
||||
|
:title="$t('system.shared.selectApplication.dialog.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="fetchDataUrl + '?' + foreignKey + '=' + foreignValue" |
||||
|
: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 { Environment, Tools, EnumTools, Options, Formater } from 'platform-core'; |
||||
|
|
||||
|
const props = defineProps({ |
||||
|
opener: { type: Object, default: undefined }, |
||||
|
fetchDataUrl: { type: String, default: '' }, |
||||
|
foreignKey: { type: String, default: '' }, |
||||
|
foreignValue: { type: String, default: '' }, |
||||
|
}); |
||||
|
|
||||
|
const emit = defineEmits<{ |
||||
|
(e: 'afterSelected', ids: string[], dialogComponent: any): void; |
||||
|
}>(); |
||||
|
|
||||
|
const { t } = useI18n(); |
||||
|
|
||||
|
const dialogRef = ref(); |
||||
|
const gridRef = ref(); |
||||
|
const foreignKeyRef = ref(); |
||||
|
|
||||
|
const open = (foreignKey: string) => { |
||||
|
foreignKeyRef.value = foreignKey; |
||||
|
dialogRef.value.show(); |
||||
|
|
||||
|
nextTick(() => { |
||||
|
gridRef.value.refresh(); |
||||
|
}); |
||||
|
}; |
||||
|
|
||||
|
const close = () => { |
||||
|
dialogRef.value.hide(); |
||||
|
}; |
||||
|
|
||||
|
defineExpose({ |
||||
|
open, |
||||
|
close, |
||||
|
}); |
||||
|
|
||||
|
const DataComeFromEnum = await EnumTools.fetch('io.sc.platform.orm.api.enums.DataComeFrom'); |
||||
|
</script> |
||||
@ -0,0 +1,141 @@ |
|||||
|
<template> |
||||
|
<w-grid |
||||
|
ref="gridRef" |
||||
|
:title="$t('system.shared.selectApplication.grid.title')" |
||||
|
:config-button="false" |
||||
|
selection="multiple" |
||||
|
:checkbox-selection="true" |
||||
|
:fetch-data-url="fetchDataUrl + '?' + foreignKey + '=' + foreignValue" |
||||
|
:auto-fetch-data="false" |
||||
|
:toolbar-configure="{ noIcon: true }" |
||||
|
:toolbar-actions="[ |
||||
|
'refresh', |
||||
|
'separator', |
||||
|
{ |
||||
|
name: 'selectIn', |
||||
|
label: $t('system.shared.selectApplication.grid.toolbar.selectIn'), |
||||
|
enableIf: () => { |
||||
|
return foreignValue ? true : false; |
||||
|
}, |
||||
|
click: () => { |
||||
|
dialogRef.open(foreignValue); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
name: 'selectOut', |
||||
|
label: $t('system.shared.selectApplication.grid.toolbar.selectOut'), |
||||
|
enableIf: () => { |
||||
|
return foreignValue && gridRef?.getSelectedRows()?.length > 0; |
||||
|
}, |
||||
|
click: (arg) => { |
||||
|
const ids = Tools.extractProperties(arg.selecteds, 'id'); |
||||
|
DialogManager.confirm($t('system.shared.selectApplication.grid.toolbar.selectOut.tip'), () => { |
||||
|
emit('selectOut', ids, gridRef); |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
'separator', |
||||
|
{ |
||||
|
name: 'selectAllIn', |
||||
|
label: $t('system.shared.selectApplication.grid.toolbar.selectAllIn'), |
||||
|
enableIf: () => { |
||||
|
return foreignValue ? true : false; |
||||
|
}, |
||||
|
click: () => { |
||||
|
DialogManager.confirm($t('system.shared.selectApplication.grid.toolbar.selectAllIn.tip'), () => { |
||||
|
emit('selectAllIn', gridRef); |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
{ |
||||
|
name: 'selectAllOut', |
||||
|
label: $t('system.shared.selectApplication.grid.toolbar.selectAllOut'), |
||||
|
enableIf: () => { |
||||
|
return foreignValue && gridRef?.getRows()?.length > 0; |
||||
|
}, |
||||
|
click: () => { |
||||
|
DialogManager.confirm($t('system.shared.selectApplication.grid.toolbar.selectAllOut.tip'), () => { |
||||
|
emit('selectAllOut', gridRef); |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
'separator', |
||||
|
'view', |
||||
|
]" |
||||
|
:columns="[ |
||||
|
{ width: 150, name: 'code', label: $t('code') }, |
||||
|
{ width: '100%', name: 'name', label: $t('name') }, |
||||
|
{ |
||||
|
width: 80, |
||||
|
name: 'enable', |
||||
|
label: $t('status'), |
||||
|
format: Formater.enableTag(), |
||||
|
}, |
||||
|
]" |
||||
|
:viewer="{ |
||||
|
panel: { |
||||
|
columnNum: 1, |
||||
|
fields: [ |
||||
|
{ name: 'id', label: $t('id') }, |
||||
|
{ name: 'code', label: $t('code') }, |
||||
|
{ name: 'name', label: $t('name') }, |
||||
|
{ name: 'description', label: $t('description') }, |
||||
|
{ name: 'enable', label: $t('enable') }, |
||||
|
{ name: 'dataComeFrom', label: $t('dataComeFrom') }, |
||||
|
{ name: 'creator', label: $t('creator') }, |
||||
|
{ name: 'createDate', label: $t('createDate') }, |
||||
|
{ name: 'lastModifier', label: $t('lastModifier') }, |
||||
|
{ name: 'lastModifyDate', label: $t('lastModifyDate') }, |
||||
|
{ name: 'corporationCode', label: $t('corporationCode') }, |
||||
|
], |
||||
|
}, |
||||
|
}" |
||||
|
></w-grid> |
||||
|
<SelectApplicationDialog |
||||
|
ref="dialogRef" |
||||
|
:opener="gridRef" |
||||
|
:fetch-data-url="fetchOtherDataUrl" |
||||
|
:foreign-key="foreignKey" |
||||
|
:foreign-value="foreignValue" |
||||
|
@after-selected=" |
||||
|
(ids: string[]) => { |
||||
|
emit('selectIn', ids, gridRef, dialogRef); |
||||
|
} |
||||
|
" |
||||
|
></SelectApplicationDialog> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import { ref, onUpdated } from 'vue'; |
||||
|
|
||||
|
import { EnumTools, DialogManager, Formater, Tools } from 'platform-core'; |
||||
|
import SelectApplicationDialog from './SelectApplicationDialog.vue'; |
||||
|
|
||||
|
const props = defineProps({ |
||||
|
fetchDataUrl: { type: String, default: '' }, |
||||
|
fetchOtherDataUrl: { type: String, default: '' }, |
||||
|
foreignKey: { type: String, default: '' }, |
||||
|
foreignValue: { type: String, default: '' }, |
||||
|
}); |
||||
|
|
||||
|
const emit = defineEmits<{ |
||||
|
(e: 'selectIn', ids: string[], gridComponent: any, dialogComponent: any): void; |
||||
|
(e: 'selectOut', ids: string[], gridComponent: any): void; |
||||
|
(e: 'selectAllIn', gridComponent: any): void; |
||||
|
(e: 'selectAllOut', gridComponent: any): void; |
||||
|
}>(); |
||||
|
|
||||
|
const gridRef = ref(); |
||||
|
const dialogRef = ref(); |
||||
|
|
||||
|
const refresh = () => { |
||||
|
gridRef.value.refresh(); |
||||
|
}; |
||||
|
|
||||
|
onUpdated(() => { |
||||
|
gridRef.value.refresh(); |
||||
|
}); |
||||
|
|
||||
|
defineExpose({ |
||||
|
refresh, |
||||
|
}); |
||||
|
</script> |
||||
@ -0,0 +1,110 @@ |
|||||
|
package io.sc.platform.system.application.controller; |
||||
|
|
||||
|
import io.sc.platform.mvc.controller.support.RestCrudController; |
||||
|
import io.sc.platform.mvc.support.One2Many; |
||||
|
import io.sc.platform.orm.service.support.QueryParameter; |
||||
|
import io.sc.platform.orm.service.support.QueryResult; |
||||
|
import io.sc.platform.orm.util.EntityVoUtil; |
||||
|
import io.sc.platform.system.api.application.ApplicationVo; |
||||
|
import io.sc.platform.system.application.jpa.entity.ApplicationEntity; |
||||
|
import io.sc.platform.system.application.jpa.repository.ApplicationRepository; |
||||
|
import io.sc.platform.system.application.service.ApplicationService; |
||||
|
import org.springframework.data.domain.Page; |
||||
|
import org.springframework.util.StringUtils; |
||||
|
import org.springframework.web.bind.annotation.*; |
||||
|
|
||||
|
@RestController |
||||
|
@RequestMapping("/api/system/application") |
||||
|
public class ApplicationWebController extends RestCrudController<ApplicationVo,ApplicationEntity,String,ApplicationRepository, ApplicationService> { |
||||
|
/** |
||||
|
* 查询菜单所属的应用 |
||||
|
* @param menuId 菜单ID |
||||
|
* @param queryParameter 查询参数 |
||||
|
* @return 菜单所属的应用 |
||||
|
* @throws Exception 违例 |
||||
|
*/ |
||||
|
@GetMapping("queryApplicationsByMenu") |
||||
|
public Page<ApplicationVo> queryApplicationsByMenu(String menuId,QueryParameter queryParameter) throws Exception{ |
||||
|
if(StringUtils.hasText(menuId)){ |
||||
|
Page<ApplicationEntity> result =service.queryApplicationsByMenu(menuId,queryParameter); |
||||
|
return EntityVoUtil.toVo(result); |
||||
|
} |
||||
|
return QueryResult.emptyPage(); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 查询菜单不属于的应用 |
||||
|
* @param menuId 菜单ID |
||||
|
* @param queryParameter 查询参数 |
||||
|
* @return 菜单不属于的应用 |
||||
|
* @throws Exception 违例 |
||||
|
*/ |
||||
|
@GetMapping("queryOtherApplicationsByMenu") |
||||
|
public Page<ApplicationVo> queryOtherApplicationsByMenu(@RequestParam(name="menuId",required=false) String menuId, QueryParameter queryParameter) throws Exception{ |
||||
|
if(StringUtils.hasText(menuId)){ |
||||
|
Page<ApplicationEntity> result =service.queryOtherApplicationsByMenu(menuId,queryParameter); |
||||
|
return EntityVoUtil.toVo(result); |
||||
|
} |
||||
|
return QueryResult.emptyPage(); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 给应用添加菜单 |
||||
|
* @param wrapper 一对多关系(ID关系)封装器, one: 代表应用名, many: 代表菜单ID集合 |
||||
|
* @throws Exception 违例 |
||||
|
*/ |
||||
|
@PostMapping("addMenus") |
||||
|
public void addMenus(@RequestBody One2Many<String,String> wrapper) throws Exception{ |
||||
|
if(wrapper!=null){ |
||||
|
service.addMenus(wrapper.getOne(), wrapper.getMany()); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 给应用添加所有菜单 |
||||
|
* @param wrapper 一对多关系(ID关系)封装器, one: 代表应用名 |
||||
|
* @throws Exception 违例 |
||||
|
*/ |
||||
|
@PostMapping("addAllMenus") |
||||
|
public void addAllMenus(@RequestBody One2Many<String,String> wrapper) throws Exception{ |
||||
|
if(wrapper!=null){ |
||||
|
service.addAllMenus(wrapper.getOne()); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 移除应用包含的菜单 |
||||
|
* @param wrapper 一对多关系(ID关系)封装器, one: 代表应用名, many: 代表菜单ID集合 |
||||
|
* @throws Exception 违例 |
||||
|
*/ |
||||
|
@PostMapping("removeMenus") |
||||
|
public void removeMenus(@RequestBody One2Many<String,String> wrapper) throws Exception{ |
||||
|
if(wrapper!=null){ |
||||
|
service.removeMenus(wrapper.getOne(), wrapper.getMany()); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 移除应用包含的所有菜单 |
||||
|
* @param wrapper 一对多关系(ID关系)封装器, one: 代表应用名 |
||||
|
* @throws Exception 违例 |
||||
|
*/ |
||||
|
@PostMapping("removeAllMenus") |
||||
|
public void removeAllMenus(@RequestBody One2Many<String,String> wrapper) throws Exception{ |
||||
|
if(wrapper!=null){ |
||||
|
service.removeAllMenus(wrapper.getOne()); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 更新应用包含的菜单 |
||||
|
* @param wrapper 一对多关系(ID关系)封装器, one: 代表应用名, many: 代表菜单ID集合 |
||||
|
* @throws Exception 违例 |
||||
|
*/ |
||||
|
@PostMapping("updateMenus") |
||||
|
public void updateMenus(@RequestBody One2Many<String,String> wrapper) throws Exception{ |
||||
|
if(wrapper!=null){ |
||||
|
service.updateMenus(wrapper.getOne(),wrapper.getMany()); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,169 @@ |
|||||
|
package io.sc.platform.system.application.jpa.entity; |
||||
|
|
||||
|
import io.sc.platform.orm.converter.NumericBooleanConverter; |
||||
|
import io.sc.platform.orm.entity.CorporationAuditorEntity; |
||||
|
import io.sc.platform.system.api.application.ApplicationVo; |
||||
|
import io.sc.platform.system.menu.jpa.entity.MenuEntity; |
||||
|
import org.hibernate.annotations.GenericGenerator; |
||||
|
|
||||
|
import javax.persistence.*; |
||||
|
import javax.validation.constraints.Size; |
||||
|
import java.util.ArrayList; |
||||
|
import java.util.List; |
||||
|
import java.util.Objects; |
||||
|
|
||||
|
@Entity |
||||
|
@Table(name="SYS_APPLICATION") |
||||
|
public class ApplicationEntity extends CorporationAuditorEntity<ApplicationVo> { |
||||
|
//主键
|
||||
|
@Id |
||||
|
@GeneratedValue(generator = "system-uuid") |
||||
|
@GenericGenerator(name = "system-uuid", strategy = "uuid2") |
||||
|
@Column(name="ID_", length=36) |
||||
|
@Size(max=36) |
||||
|
private String id; |
||||
|
|
||||
|
//代码
|
||||
|
@Column(name="CODE_",nullable=false,length=254) |
||||
|
@Size(max=254) |
||||
|
private String code; |
||||
|
|
||||
|
//名称
|
||||
|
@Column(name="NAME_", length=254) |
||||
|
@Size(min=1,max=255) |
||||
|
private String name; |
||||
|
|
||||
|
//描述
|
||||
|
@Column(name="DESCRIPTION_", length=254) |
||||
|
@Size(max=254) |
||||
|
private String description; |
||||
|
|
||||
|
//是否可用
|
||||
|
@Column(name="ENABLE_") |
||||
|
@Convert(converter= NumericBooleanConverter.class) |
||||
|
private Boolean enable; |
||||
|
|
||||
|
//顺序
|
||||
|
@Column(name="ORDER_") |
||||
|
private Integer order; |
||||
|
|
||||
|
@ManyToMany(mappedBy="applications",fetch=FetchType.LAZY) |
||||
|
private List<MenuEntity> menus =new ArrayList<MenuEntity>(); |
||||
|
|
||||
|
@Override |
||||
|
public ApplicationVo toVo() { |
||||
|
ApplicationVo vo =new ApplicationVo(); |
||||
|
super.toVo(vo); |
||||
|
vo.setId(this.getId()); |
||||
|
vo.setCode(this.getCode()); |
||||
|
vo.setName(this.getName()); |
||||
|
vo.setDescription(this.getDescription()); |
||||
|
vo.setEnable(this.getEnable()); |
||||
|
vo.setOrder(this.getOrder()); |
||||
|
return vo; |
||||
|
} |
||||
|
|
||||
|
public String getId() { |
||||
|
return id; |
||||
|
} |
||||
|
|
||||
|
public void setId(String id) { |
||||
|
this.id = id; |
||||
|
} |
||||
|
|
||||
|
public String getCode() { |
||||
|
return code; |
||||
|
} |
||||
|
|
||||
|
public void setCode(String code) { |
||||
|
this.code = code; |
||||
|
} |
||||
|
|
||||
|
public String getName() { |
||||
|
return name; |
||||
|
} |
||||
|
|
||||
|
public void setName(String name) { |
||||
|
this.name = name; |
||||
|
} |
||||
|
|
||||
|
public String getDescription() { |
||||
|
return description; |
||||
|
} |
||||
|
|
||||
|
public void setDescription(String description) { |
||||
|
this.description = description; |
||||
|
} |
||||
|
|
||||
|
public Boolean getEnable() { |
||||
|
return enable; |
||||
|
} |
||||
|
|
||||
|
public void setEnable(Boolean enable) { |
||||
|
this.enable = enable; |
||||
|
} |
||||
|
|
||||
|
public Integer getOrder() { |
||||
|
return order; |
||||
|
} |
||||
|
|
||||
|
public void setOrder(Integer order) { |
||||
|
this.order = order; |
||||
|
} |
||||
|
|
||||
|
public List<MenuEntity> getMenus() { |
||||
|
return menus; |
||||
|
} |
||||
|
|
||||
|
public void setMenus(List<MenuEntity> menus) { |
||||
|
this.menus = menus; |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 增加菜单 |
||||
|
* @param menus 菜单 |
||||
|
*/ |
||||
|
public void addMenus(MenuEntity... menus){ |
||||
|
if(menus!=null && menus.length>0){ |
||||
|
for(MenuEntity menu : menus){ |
||||
|
if(menu.getApplications()!=null && !menu.getApplications().contains(this)){ |
||||
|
menu.getApplications().add(this); |
||||
|
} |
||||
|
if(this.getMenus()!=null && !this.getMenus().contains(menu)){ |
||||
|
this.getMenus().add(menu); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 移除菜单 |
||||
|
* @param menus 菜单 |
||||
|
*/ |
||||
|
public void removeMenus(MenuEntity...menus){ |
||||
|
if(menus!=null && menus.length>0){ |
||||
|
for(MenuEntity menu : menus){ |
||||
|
if(menu.getApplications()!=null && menu.getApplications().contains(this)){ |
||||
|
menu.getApplications().remove(this); |
||||
|
} |
||||
|
if(this.getMenus()!=null && this.getMenus().contains(menu)){ |
||||
|
this.getMenus().remove(menu); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@Override |
||||
|
public boolean equals(Object o) { |
||||
|
if (this == o) return true; |
||||
|
if (o == null || getClass() != o.getClass()) return false; |
||||
|
if (!super.equals(o)) return false; |
||||
|
ApplicationEntity that = (ApplicationEntity) o; |
||||
|
return Objects.equals(id, that.id); |
||||
|
} |
||||
|
|
||||
|
@Override |
||||
|
public int hashCode() { |
||||
|
return Objects.hash(super.hashCode(), id); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,15 @@ |
|||||
|
package io.sc.platform.system.application.jpa.repository; |
||||
|
|
||||
|
import io.sc.platform.orm.repository.DaoRepository; |
||||
|
import io.sc.platform.system.application.jpa.entity.ApplicationEntity; |
||||
|
import org.springframework.data.jpa.repository.Query; |
||||
|
import org.springframework.data.repository.query.Param; |
||||
|
|
||||
|
import java.util.List; |
||||
|
|
||||
|
public interface ApplicationRepository extends DaoRepository<ApplicationEntity,String> { |
||||
|
@Query("select max(e.order)+1 from io.sc.platform.system.application.jpa.entity.ApplicationEntity e") |
||||
|
public Integer getNextOrder(); |
||||
|
public ApplicationEntity findByCode(String code); |
||||
|
public List<ApplicationEntity> findAllByOrderByName(); |
||||
|
} |
||||
@ -0,0 +1,77 @@ |
|||||
|
package io.sc.platform.system.application.service; |
||||
|
|
||||
|
import io.sc.platform.orm.service.DaoService; |
||||
|
import io.sc.platform.orm.service.support.QueryParameter; |
||||
|
import io.sc.platform.system.application.jpa.entity.ApplicationEntity; |
||||
|
import io.sc.platform.system.application.jpa.repository.ApplicationRepository; |
||||
|
import org.springframework.data.domain.Page; |
||||
|
|
||||
|
import java.util.List; |
||||
|
import java.util.Set; |
||||
|
|
||||
|
public interface ApplicationService extends DaoService<ApplicationEntity, String, ApplicationRepository> { |
||||
|
/** |
||||
|
* 查询应用列表 |
||||
|
* @param filter 过滤文本 |
||||
|
* @param queryParameter 查询参数 |
||||
|
* @return 匹配的应用 |
||||
|
* @throws Exception 违例 |
||||
|
*/ |
||||
|
public Page<ApplicationEntity> queryApplicationsByCodeOrName(String filter, QueryParameter queryParameter) throws Exception; |
||||
|
|
||||
|
/** |
||||
|
* 查询菜单所属的应用 |
||||
|
* @param menuId 菜单ID |
||||
|
* @param queryParameter 查询参数 |
||||
|
* @return 菜单所属的应用 |
||||
|
* @throws Exception 违例 |
||||
|
*/ |
||||
|
public Page<ApplicationEntity> queryApplicationsByMenu(String menuId,QueryParameter queryParameter) throws Exception; |
||||
|
|
||||
|
/** |
||||
|
* 查询菜单不属于的应用 |
||||
|
* @param menuId 菜单ID |
||||
|
* @param queryParameter 查询参数 |
||||
|
* @return 菜单不属于的应用 |
||||
|
* @throws Exception 违例 |
||||
|
*/ |
||||
|
public Page<ApplicationEntity> queryOtherApplicationsByMenu(String menuId, QueryParameter queryParameter) throws Exception; |
||||
|
|
||||
|
/** |
||||
|
* 给应用添加菜单 |
||||
|
* @param ApplicationId 应用ID |
||||
|
* @param menuIds 需要添加的菜单ID列表 |
||||
|
* @throws Exception 违例 |
||||
|
*/ |
||||
|
public void addMenus(String ApplicationId,Set<String> menuIds) throws Exception; |
||||
|
|
||||
|
/** |
||||
|
* 给应用添加所有菜单 |
||||
|
* @param ApplicationId 应用ID |
||||
|
* @throws Exception 违例 |
||||
|
*/ |
||||
|
public void addAllMenus(String ApplicationId) throws Exception; |
||||
|
|
||||
|
/** |
||||
|
* 移除应用包含的菜单 |
||||
|
* @param ApplicationId 应用ID |
||||
|
* @param menuIds 需要移除的菜单ID列表 |
||||
|
* @throws Exception 违例 |
||||
|
*/ |
||||
|
public void removeMenus(String ApplicationId,Set<String> menuIds) throws Exception; |
||||
|
|
||||
|
/** |
||||
|
* 移除应用包含的所有菜单 |
||||
|
* @param ApplicationId 应用ID |
||||
|
* @throws Exception 违例 |
||||
|
*/ |
||||
|
public void removeAllMenus(String ApplicationId) throws Exception; |
||||
|
|
||||
|
/** |
||||
|
* 更新应用包含的菜单 |
||||
|
* @param ApplicationId 应用ID |
||||
|
* @param menuIds 需要更新的菜单ID列表 |
||||
|
* @throws Exception 违例 |
||||
|
*/ |
||||
|
public void updateMenus(String ApplicationId,Set<String> menuIds) throws Exception; |
||||
|
} |
||||
@ -0,0 +1,146 @@ |
|||||
|
package io.sc.platform.system.application.service.impl; |
||||
|
|
||||
|
import io.sc.platform.jdbc.util.SqlBatcher; |
||||
|
import io.sc.platform.orm.entity.support.EntityChangedEventType; |
||||
|
import io.sc.platform.orm.service.impl.DaoServiceImpl; |
||||
|
import io.sc.platform.orm.service.support.QueryParameter; |
||||
|
import io.sc.platform.orm.service.support.QueryResult; |
||||
|
import io.sc.platform.system.application.jpa.entity.ApplicationEntity; |
||||
|
import io.sc.platform.system.application.jpa.repository.ApplicationRepository; |
||||
|
import io.sc.platform.system.application.service.ApplicationService; |
||||
|
import io.sc.platform.system.menu.jpa.entity.MenuEntity; |
||||
|
import org.springframework.beans.factory.annotation.Autowired; |
||||
|
import org.springframework.data.domain.Page; |
||||
|
import org.springframework.data.jpa.domain.Specification; |
||||
|
import org.springframework.jdbc.core.JdbcTemplate; |
||||
|
import org.springframework.jdbc.core.RowCallbackHandler; |
||||
|
import org.springframework.stereotype.Service; |
||||
|
import org.springframework.util.StringUtils; |
||||
|
|
||||
|
import javax.persistence.criteria.Join; |
||||
|
import javax.persistence.criteria.Subquery; |
||||
|
import javax.transaction.Transactional; |
||||
|
import java.sql.ResultSet; |
||||
|
import java.sql.SQLException; |
||||
|
import java.util.List; |
||||
|
import java.util.Set; |
||||
|
|
||||
|
@Service |
||||
|
public class ApplicationServiceImpl extends DaoServiceImpl<ApplicationEntity, String, ApplicationRepository> implements ApplicationService { |
||||
|
@Autowired |
||||
|
private JdbcTemplate jdbcTemplate; |
||||
|
|
||||
|
@Override |
||||
|
public ApplicationEntity add(ApplicationEntity entity) throws Exception { |
||||
|
Integer nextOrder =repository.getNextOrder(); |
||||
|
entity.setOrder(nextOrder==null?1:nextOrder); |
||||
|
return super.add(entity); |
||||
|
} |
||||
|
|
||||
|
@Override |
||||
|
public Page<ApplicationEntity> queryApplicationsByCodeOrName(String filter, QueryParameter queryParameter) throws Exception { |
||||
|
if(StringUtils.hasText(filter)) { |
||||
|
Specification<ApplicationEntity> specification = (root, query, criteriaBuilder) -> { |
||||
|
return criteriaBuilder.or( |
||||
|
criteriaBuilder.like(root.get("code"),filter), |
||||
|
criteriaBuilder.like(root.get("name"),filter) |
||||
|
); |
||||
|
}; |
||||
|
return this.query(specification, queryParameter); |
||||
|
} |
||||
|
return QueryResult.emptyPage(); |
||||
|
} |
||||
|
|
||||
|
@Override |
||||
|
public Page<ApplicationEntity> queryApplicationsByMenu(String menuId, QueryParameter queryParameter) throws Exception { |
||||
|
if(StringUtils.hasText(menuId)) { |
||||
|
Specification<ApplicationEntity> specification = (root, query, criteriaBuilder) -> { |
||||
|
Subquery<Integer> subquery =query.subquery(Integer.class); |
||||
|
Join<ApplicationEntity,MenuEntity> join = subquery.correlate(root).join("menus"); |
||||
|
|
||||
|
subquery.select(criteriaBuilder.literal(1)); |
||||
|
subquery.where(criteriaBuilder.equal(join.get("id"), menuId)); |
||||
|
|
||||
|
return criteriaBuilder.exists(subquery); |
||||
|
}; |
||||
|
return this.query(specification, queryParameter); |
||||
|
} |
||||
|
return QueryResult.emptyPage(); |
||||
|
} |
||||
|
|
||||
|
@Override |
||||
|
public Page<ApplicationEntity> queryOtherApplicationsByMenu(String menuId, QueryParameter queryParameter) throws Exception { |
||||
|
if(StringUtils.hasText(menuId)) { |
||||
|
Specification<ApplicationEntity> baseSpecification = (root, query, criteriaBuilder) -> { |
||||
|
Subquery<Integer> subquery =query.subquery(Integer.class); |
||||
|
Join<ApplicationEntity,MenuEntity> join = subquery.correlate(root).join("menus"); |
||||
|
|
||||
|
subquery.select(criteriaBuilder.literal(1)); |
||||
|
subquery.where(criteriaBuilder.equal(join.get("id"), menuId)); |
||||
|
|
||||
|
return criteriaBuilder.not(criteriaBuilder.exists(subquery)); |
||||
|
}; |
||||
|
|
||||
|
Specification<ApplicationEntity> specification =buildSpecification(queryParameter); |
||||
|
return this.query(baseSpecification.and(specification), queryParameter); |
||||
|
} |
||||
|
return QueryResult.emptyPage(); |
||||
|
} |
||||
|
|
||||
|
@Override |
||||
|
@Transactional |
||||
|
public void addMenus(String applicationId, Set<String> menuIds) throws Exception { |
||||
|
if(StringUtils.hasText(applicationId) && menuIds!=null && !menuIds.isEmpty()){ |
||||
|
SqlBatcher sqlBatcher =new SqlBatcher("insert into SYS_APPLICATION_MENU(MENU_ID_,APPLICATION_ID_) values(?,?)"); |
||||
|
for(String menuId : menuIds){ |
||||
|
sqlBatcher.addArg(new Object[]{menuId,applicationId}); |
||||
|
} |
||||
|
sqlBatcher.execute(jdbcTemplate); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@Override |
||||
|
@Transactional |
||||
|
public void addAllMenus(final String applicationId) throws Exception { |
||||
|
if(StringUtils.hasText(applicationId)){ |
||||
|
removeAllMenus(applicationId); |
||||
|
ApplicationEntity application =repository.getOne(applicationId); |
||||
|
if(application!=null){ |
||||
|
final SqlBatcher sqlBatcher =new SqlBatcher("insert into SYS_APPLICATION_MENU(MENU_ID_,APPLICATION_ID_) values(?,?)"); |
||||
|
String query ="select ID_ from SYS_MENU"; |
||||
|
jdbcTemplate.query(query, new RowCallbackHandler() { |
||||
|
@Override |
||||
|
public void processRow(ResultSet rs) throws SQLException { |
||||
|
sqlBatcher.addArg(new Object[]{rs.getString("ID_"),applicationId}); |
||||
|
} |
||||
|
}); |
||||
|
sqlBatcher.execute(jdbcTemplate); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@Override |
||||
|
@Transactional |
||||
|
public void removeMenus(String applicationId, Set<String> menuIds) throws Exception { |
||||
|
if(StringUtils.hasText(applicationId) && menuIds!=null && !menuIds.isEmpty()){ |
||||
|
SqlBatcher sqlBatcher =new SqlBatcher("delete from SYS_APPLICATION_MENU where MENU_ID_=? and APPLICATION_ID_=?"); |
||||
|
for(String menuId : menuIds){ |
||||
|
sqlBatcher.addArg(new Object[]{menuId,applicationId}); |
||||
|
} |
||||
|
sqlBatcher.execute(jdbcTemplate); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@Override |
||||
|
@Transactional |
||||
|
public void removeAllMenus(String applicationId) throws Exception { |
||||
|
jdbcTemplate.update("delete from SYS_APPLICATION_MENU where APPLICATION_ID_=?", applicationId); |
||||
|
} |
||||
|
|
||||
|
@Override |
||||
|
@Transactional |
||||
|
public void updateMenus(String applicationId, Set<String> menuIds) throws Exception { |
||||
|
removeAllMenus(applicationId); |
||||
|
addMenus(applicationId,menuIds); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,11 @@ |
|||||
|
package io.sc.platform.system.application.support; |
||||
|
|
||||
|
public class ApplicationComparator { |
||||
|
public static final ApplicationVoNameComparator voName =new ApplicationVoNameComparator(true); |
||||
|
public static final ApplicationVoNameComparator voNameDesc =new ApplicationVoNameComparator(false); |
||||
|
public static final ApplicationVoCodeComparator voCode =new ApplicationVoCodeComparator(true); |
||||
|
public static final ApplicationVoCodeComparator voCodeDesc =new ApplicationVoCodeComparator(false); |
||||
|
|
||||
|
public static final ApplicationEntityNameComparator entityName =new ApplicationEntityNameComparator(); |
||||
|
public static final ApplicationEntityNameComparator entityNameDesc =new ApplicationEntityNameComparator(); |
||||
|
} |
||||
@ -0,0 +1,26 @@ |
|||||
|
package io.sc.platform.system.application.support; |
||||
|
|
||||
|
import io.sc.platform.core.util.PinyinUtil; |
||||
|
import io.sc.platform.system.application.jpa.entity.ApplicationEntity; |
||||
|
import io.sc.platform.system.org.jpa.entity.OrgEntity; |
||||
|
|
||||
|
import java.util.Comparator; |
||||
|
|
||||
|
public class ApplicationEntityNameComparator implements Comparator<ApplicationEntity> { |
||||
|
private boolean asc =true; |
||||
|
|
||||
|
public ApplicationEntityNameComparator(){} |
||||
|
|
||||
|
public ApplicationEntityNameComparator(boolean asc){ |
||||
|
this.asc =asc; |
||||
|
} |
||||
|
|
||||
|
@Override |
||||
|
public int compare(ApplicationEntity o1, ApplicationEntity o2) { |
||||
|
if(asc) { |
||||
|
return PinyinUtil.compare(o1.getName(), o2.getName()); |
||||
|
}else{ |
||||
|
return PinyinUtil.compare(o2.getName(), o1.getName()); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,26 @@ |
|||||
|
package io.sc.platform.system.application.support; |
||||
|
|
||||
|
import io.sc.platform.core.util.PinyinUtil; |
||||
|
import io.sc.platform.system.api.application.ApplicationVo; |
||||
|
import io.sc.platform.system.api.org.OrgVo; |
||||
|
|
||||
|
import java.util.Comparator; |
||||
|
|
||||
|
public class ApplicationVoCodeComparator implements Comparator<ApplicationVo> { |
||||
|
private boolean asc =true; |
||||
|
|
||||
|
public ApplicationVoCodeComparator(){} |
||||
|
|
||||
|
public ApplicationVoCodeComparator(boolean asc){ |
||||
|
this.asc =asc; |
||||
|
} |
||||
|
|
||||
|
@Override |
||||
|
public int compare(ApplicationVo o1, ApplicationVo o2) { |
||||
|
if(asc) { |
||||
|
return PinyinUtil.compare(o1.getCode(), o2.getCode()); |
||||
|
}else{ |
||||
|
return PinyinUtil.compare(o2.getCode(), o1.getCode()); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,26 @@ |
|||||
|
package io.sc.platform.system.application.support; |
||||
|
|
||||
|
import io.sc.platform.core.util.PinyinUtil; |
||||
|
import io.sc.platform.system.api.application.ApplicationVo; |
||||
|
import io.sc.platform.system.api.org.OrgVo; |
||||
|
|
||||
|
import java.util.Comparator; |
||||
|
|
||||
|
public class ApplicationVoNameComparator implements Comparator<ApplicationVo> { |
||||
|
private boolean asc =true; |
||||
|
|
||||
|
public ApplicationVoNameComparator(){} |
||||
|
|
||||
|
public ApplicationVoNameComparator(boolean asc){ |
||||
|
this.asc =asc; |
||||
|
} |
||||
|
|
||||
|
@Override |
||||
|
public int compare(ApplicationVo o1, ApplicationVo o2) { |
||||
|
if(asc) { |
||||
|
return PinyinUtil.compare(o1.getName(), o2.getName()); |
||||
|
}else{ |
||||
|
return PinyinUtil.compare(o2.getName(), o1.getName()); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
Loading…
Reference in new issue