coding
This commit is contained in:
liaoboping
parent
f4e0fffe0f
commit
68ccb3d2ec
323
src/views/simulationScene/database/bzhjsjk.vue
Normal file
323
src/views/simulationScene/database/bzhjsjk.vue
Normal file
|
|
@ -0,0 +1,323 @@
|
|||
<template>
|
||||
<page-header-wrapper>
|
||||
<Grid :columns="['400px', 1]" :rows="gridRows">
|
||||
<a-card
|
||||
title="想定列表"
|
||||
class="my-card my-card-has-title"
|
||||
:bordered="false"
|
||||
v-loading="xd.loading"
|
||||
style="grid-row: 1 / 3"
|
||||
>
|
||||
<template #extra>
|
||||
<a-icon type="sync" style="font-size: 30px" @click="getXdListData()" />
|
||||
</template>
|
||||
<a-tree
|
||||
:treeData="xd.listData"
|
||||
:replaceFields="{ title: 'name', key: 'id' }"
|
||||
:selectedKeys.sync="xd.selectedKeys"
|
||||
@select="handleChangeXdSelected"
|
||||
>
|
||||
</a-tree>
|
||||
</a-card>
|
||||
<a-card title="气象环境" class="my-card my-card-has-title" :bordered="false">
|
||||
<template #extra>
|
||||
<a-button type="primary" style="margin-right: 20px" @click="handleOpenAddQxhjModal">新增</a-button>
|
||||
<a-icon
|
||||
v-if="layoutRight === 'qxhj'"
|
||||
type="fullscreen-exit"
|
||||
style="font-size: 32px"
|
||||
@click="layoutRight = 'auto'"
|
||||
/>
|
||||
<a-icon v-else type="fullscreen" style="font-size: 32px" @click="layoutRight = 'qxhj'" />
|
||||
</template>
|
||||
<AntQueryTable
|
||||
ref="qxhj-table"
|
||||
height="100%"
|
||||
:queryConfig="qxhj.queryConfig"
|
||||
:tableConfig="qxhj.tableConfig"
|
||||
:pageConfig="qxhj.pageConfig"
|
||||
:showTool="qxhj.showTool"
|
||||
>
|
||||
<template #tablecell-action="{ record }">
|
||||
<a-button type="text-primary" icon="edit" @click="handleOpenEditQxhjModal(record)"></a-button>
|
||||
</template>
|
||||
</AntQueryTable>
|
||||
</a-card>
|
||||
<a-card title="电磁环境" class="my-card my-card-has-title" :bordered="false">
|
||||
<template #extra>
|
||||
<a-button type="primary" style="margin-right: 20px" @click="handleOpenAddDchjModal">新增</a-button>
|
||||
<a-icon
|
||||
v-if="layoutRight === 'dchj'"
|
||||
type="fullscreen-exit"
|
||||
style="font-size: 32px"
|
||||
@click="layoutRight = 'auto'"
|
||||
/>
|
||||
<a-icon v-else type="fullscreen" style="font-size: 32px" @click="layoutRight = 'dchj'" />
|
||||
</template>
|
||||
<AntQueryTable
|
||||
ref="dchj-table"
|
||||
height="100%"
|
||||
:queryConfig="dchj.queryConfig"
|
||||
:tableConfig="dchj.tableConfig"
|
||||
:pageConfig="dchj.pageConfig"
|
||||
:showTool="dchj.showTool"
|
||||
>
|
||||
<template #tablecell-action="{ record }">
|
||||
<a-button type="text-primary" icon="edit" @click="handleOpenEditDchjModal(record)"></a-button>
|
||||
</template>
|
||||
</AntQueryTable>
|
||||
</a-card>
|
||||
</Grid>
|
||||
<AntFormModal
|
||||
:visible.sync="qxhjModal.visible"
|
||||
:title="qxhjModal.title"
|
||||
:formItems="qxhjModal.formItems"
|
||||
:formRules="qxhjModal.formRules"
|
||||
:formData="qxhjModal.formData"
|
||||
:onSubmit="handleSubmitQxhj"
|
||||
@success="handleSubmitQxhjSuccess"
|
||||
></AntFormModal>
|
||||
<AntFormModal
|
||||
:visible.sync="dchjModal.visible"
|
||||
:title="dchjModal.title"
|
||||
:formItems="dchjModal.formItems"
|
||||
:formRules="dchjModal.formRules"
|
||||
:formData="dchjModal.formData"
|
||||
:onSubmit="handleSubmitDchj"
|
||||
@success="handleSubmitDchjSuccess"
|
||||
></AntFormModal>
|
||||
</page-header-wrapper>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Bzhjsjk',
|
||||
data() {
|
||||
return {
|
||||
layoutRight: 'auto',
|
||||
xd: {
|
||||
loading: false,
|
||||
listData: [],
|
||||
selectedKeys: [],
|
||||
},
|
||||
|
||||
qxhj: {
|
||||
queryConfig: false,
|
||||
tableConfig: {
|
||||
table: {},
|
||||
immediate: false,
|
||||
query: (queryParams) =>
|
||||
this.$http({
|
||||
url: `/environment/weather/list`,
|
||||
method: 'get',
|
||||
params: { id: this.xd.selectedKeys[0], ...queryParams },
|
||||
}),
|
||||
columns: [
|
||||
{ dataIndex: 'serial' },
|
||||
{ title: '区域', dataIndex: 'area' },
|
||||
{ title: '日期', dataIndex: 'date' },
|
||||
{ title: '天气', dataIndex: 'weather' },
|
||||
{ title: '大气压', dataIndex: 'airPressure' },
|
||||
{ title: '空气质量', dataIndex: 'airQuality' },
|
||||
{ title: '湿度', dataIndex: 'humidity' },
|
||||
{ title: '降水量', dataIndex: 'precipitation' },
|
||||
{ title: '能见度', dataIndex: 'visibility' },
|
||||
{ title: '风向', dataIndex: 'windDirection' },
|
||||
{ title: '风力', dataIndex: 'windPower' },
|
||||
{ title: '风速', dataIndex: 'windSpeed' },
|
||||
{ dataIndex: 'action', width: 100 },
|
||||
],
|
||||
},
|
||||
pageConfig: true,
|
||||
showTool: false,
|
||||
},
|
||||
qxhjModal: {
|
||||
visible: false,
|
||||
title: '',
|
||||
mode: '',
|
||||
formItems: [
|
||||
{
|
||||
label: '区域',
|
||||
prop: 'area',
|
||||
component: 'AntOriginSelect',
|
||||
options: { dataSource: () => this.$http({ url: `/system/area/getTreeSelect`, method: 'get' }) },
|
||||
},
|
||||
{
|
||||
label: '日期',
|
||||
prop: 'date',
|
||||
component: 'a-date-picker',
|
||||
options: { format: 'YYYY/MM/DD', valueFormat: 'YYYY/MM/DD' },
|
||||
},
|
||||
{ label: '天气', prop: 'weather' },
|
||||
{ label: '大气压', prop: 'airPressure' },
|
||||
{ label: '空气质量', prop: 'airQuality' },
|
||||
{ label: '湿度', prop: 'humidity' },
|
||||
{ label: '降水量', prop: 'precipitation' },
|
||||
{ label: '能见度', prop: 'visibility' },
|
||||
{ label: '风向', prop: 'windDirection' },
|
||||
{ label: '风力', prop: 'windPower' },
|
||||
{ label: '风速', prop: 'windSpeed' },
|
||||
],
|
||||
formRules: {},
|
||||
formData: {},
|
||||
},
|
||||
|
||||
dchj: {
|
||||
queryConfig: false,
|
||||
tableConfig: {
|
||||
table: {},
|
||||
immediate: false,
|
||||
query: (queryParams) =>
|
||||
this.$http({
|
||||
url: `/environment/ebe/list`,
|
||||
method: 'get',
|
||||
params: { id: this.xd.selectedKeys[0], ...queryParams },
|
||||
}),
|
||||
columns: [
|
||||
{ dataIndex: 'serial' },
|
||||
{ title: '区域', dataIndex: 'area' },
|
||||
{ title: '持续时间', dataIndex: 'duration' },
|
||||
{ title: '环境变化趋势', dataIndex: 'environmentalChangeTrends' },
|
||||
{ title: '环境复杂度', dataIndex: 'environmentalComplexity' },
|
||||
{ title: '磁场强度', dataIndex: 'fieldStrength' },
|
||||
{ title: '频率', dataIndex: 'frequency' },
|
||||
{ title: '频率区间', dataIndex: 'frequencyRang' },
|
||||
{ title: '干扰幅度', dataIndex: 'interferenceAmplitude' },
|
||||
{ title: '干扰源', dataIndex: 'interferenceSource' },
|
||||
{ title: '干扰类型', dataIndex: 'interferenceType' },
|
||||
{ title: '波型', dataIndex: 'waveType' },
|
||||
{ dataIndex: 'action', width: 100 },
|
||||
],
|
||||
},
|
||||
pageConfig: true,
|
||||
showTool: false,
|
||||
},
|
||||
dchjModal: {
|
||||
visible: false,
|
||||
title: '',
|
||||
mode: '',
|
||||
formItems: [
|
||||
{
|
||||
label: '区域',
|
||||
prop: 'area',
|
||||
component: 'AntOriginSelect',
|
||||
options: { dataSource: () => this.$http({ url: `/system/area/getTreeSelect`, method: 'get' }) },
|
||||
},
|
||||
{ label: '持续时间', prop: 'duration' },
|
||||
{ label: '环境变化趋势', prop: 'environmentalChangeTrends' },
|
||||
{ label: '环境复杂度', prop: 'environmentalComplexity' },
|
||||
{ label: '磁场强度', prop: 'fieldStrength' },
|
||||
{ label: '频率', prop: 'frequency' },
|
||||
{ label: '频率区间', prop: 'frequencyRang' },
|
||||
{ label: '干扰幅度', prop: 'interferenceAmplitude' },
|
||||
{ label: '干扰源', prop: 'interferenceSource' },
|
||||
{ label: '干扰类型', prop: 'interferenceType' },
|
||||
{ label: '波型', prop: 'waveType' },
|
||||
],
|
||||
formRules: {},
|
||||
formData: {},
|
||||
},
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
gridRows() {
|
||||
return {
|
||||
auto: [1, 1],
|
||||
qxhj: [1, '56px'],
|
||||
dchj: ['56px', 1],
|
||||
}[this.layoutRight]
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.getXdListData()
|
||||
},
|
||||
methods: {
|
||||
async getXdListData() {
|
||||
try {
|
||||
this.xd.loading = true
|
||||
const res = await this.$http({
|
||||
url: `/baseData/scenario/all`,
|
||||
method: 'get',
|
||||
})
|
||||
this.xd.listData = res.data
|
||||
if (this.xd.selectedKeys.length === 0) {
|
||||
this.xd.selectedKeys = [this.xd.listData[0].id]
|
||||
this.handleChangeXdSelected()
|
||||
}
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
} finally {
|
||||
this.xd.loading = false
|
||||
}
|
||||
},
|
||||
handleChangeXdSelected() {
|
||||
this.$refs['qxhj-table'].commitAction('query')
|
||||
this.$refs['dchj-table'].commitAction('query')
|
||||
},
|
||||
|
||||
handleOpenAddQxhjModal() {
|
||||
this.qxhjModal.title = '新建气象环境'
|
||||
this.qxhjModal.mode = 'add'
|
||||
this.qxhjModal.formData = { sceneId: this.xd.selectedKeys[0] }
|
||||
this.qxhjModal.visible = true
|
||||
},
|
||||
async handleOpenEditQxhjModal(record) {
|
||||
try {
|
||||
const res = await this.$http({
|
||||
url: `/environment/weather/${record.id}`,
|
||||
method: 'get',
|
||||
})
|
||||
this.qxhjModal.title = `编辑气象环境`
|
||||
this.qxhjModal.mode = 'edit'
|
||||
this.qxhjModal.formData = { ...res.data }
|
||||
this.qxhjModal.visible = true
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
},
|
||||
handleSubmitQxhj(formData) {
|
||||
return this.$http({
|
||||
url: `/environment/weather/save`,
|
||||
method: 'post',
|
||||
data: formData,
|
||||
})
|
||||
},
|
||||
handleSubmitQxhjSuccess() {
|
||||
this.$refs['qxhj-table'].commitAction('query')
|
||||
},
|
||||
|
||||
handleOpenAddDchjModal() {
|
||||
this.dchjModal.title = '新建电磁环境'
|
||||
this.dchjModal.mode = 'add'
|
||||
this.dchjModal.formData = { sceneId: this.xd.selectedKeys[0] }
|
||||
this.dchjModal.visible = true
|
||||
},
|
||||
async handleOpenEditDchjModal(record) {
|
||||
try {
|
||||
const res = await this.$http({
|
||||
url: `/environment/ebe/${record.id}`,
|
||||
method: 'get',
|
||||
})
|
||||
this.dchjModal.title = `编辑电磁环境`
|
||||
this.dchjModal.mode = 'edit'
|
||||
this.dchjModal.formData = { ...res.data }
|
||||
this.dchjModal.visible = true
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
},
|
||||
handleSubmitDchj(formData) {
|
||||
return this.$http({
|
||||
url: `/environment/ebe/save`,
|
||||
method: 'post',
|
||||
data: formData,
|
||||
})
|
||||
},
|
||||
handleSubmitDchjSuccess() {
|
||||
this.$refs['dchj-table'].commitAction('query')
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped></style>
|
||||
416
src/views/simulationScene/database/bzllsjk.vue
Normal file
416
src/views/simulationScene/database/bzllsjk.vue
Normal file
|
|
@ -0,0 +1,416 @@
|
|||
<template>
|
||||
<page-header-wrapper>
|
||||
<Grid :columns="['400px', 1]" :rows="gridRows">
|
||||
<a-card title="组织架构-保障力量" class="my-card my-card-has-title" :bordered="false" style="grid-row: 1 / 3">
|
||||
<template #extra>
|
||||
<a-button type="primary" icon="plus" shape="circle" title="新增" @click="handleOpenAddZzjgModal()"></a-button>
|
||||
</template>
|
||||
<a-tree
|
||||
:treeData="zzjg.treeData"
|
||||
:selectedKeys.sync="zzjg.selectedKeys"
|
||||
:expandedKeys.sync="zzjg.expandedKeys"
|
||||
@select="handleChangeZzjgSelected"
|
||||
>
|
||||
<template #title="{ key: id, title }">
|
||||
<a-dropdown :trigger="['contextmenu']">
|
||||
<span>{{ title }}</span>
|
||||
<template #overlay>
|
||||
<Flex class="contextmenu-zz">
|
||||
<a-button
|
||||
type="text-primary"
|
||||
icon="edit"
|
||||
title="编辑"
|
||||
@click="handleOpenEditZzjgModal(id)"
|
||||
></a-button>
|
||||
<a-button
|
||||
type="text-primary"
|
||||
icon="plus"
|
||||
title="新增子项"
|
||||
@click="handleOpenAddZzjgModal(id)"
|
||||
></a-button>
|
||||
<a-button
|
||||
type="text-danger"
|
||||
icon="delete"
|
||||
title="删除"
|
||||
@click="handleDeleteZzjg(id, title)"
|
||||
></a-button>
|
||||
</Flex>
|
||||
</template>
|
||||
</a-dropdown>
|
||||
</template>
|
||||
</a-tree>
|
||||
</a-card>
|
||||
<a-card title="组织人员" class="my-card my-card-has-title" :bordered="false">
|
||||
<template #extra>
|
||||
<a-button type="primary" style="margin-right: 20px" @click="handleOpenAddZzryModal">新增</a-button>
|
||||
<a-icon
|
||||
v-if="layoutRight === 'zzry'"
|
||||
type="fullscreen-exit"
|
||||
style="font-size: 32px"
|
||||
@click="layoutRight = 'auto'"
|
||||
/>
|
||||
<a-icon v-else type="fullscreen" style="font-size: 32px" @click="layoutRight = 'zzry'" />
|
||||
</template>
|
||||
<AntQueryTable
|
||||
ref="zzry-table"
|
||||
height="100%"
|
||||
:queryConfig="zzry.queryConfig"
|
||||
:tableConfig="zzry.tableConfig"
|
||||
:pageConfig="zzry.pageConfig"
|
||||
:showTool="zzry.showTool"
|
||||
>
|
||||
<template #tablecell-action="{ record }">
|
||||
<a-button type="text-primary" icon="edit" @click="handleOpenEditZzryModal(record)"></a-button>
|
||||
</template>
|
||||
</AntQueryTable>
|
||||
</a-card>
|
||||
<a-card title="组织装备" class="my-card my-card-has-title" :bordered="false">
|
||||
<template #extra>
|
||||
<a-button type="primary" style="margin-right: 20px" @click="handleOpenAddZzzbModal">新增</a-button>
|
||||
<a-icon
|
||||
v-if="layoutRight === 'zzzb'"
|
||||
type="fullscreen-exit"
|
||||
style="font-size: 32px"
|
||||
@click="layoutRight = 'auto'"
|
||||
/>
|
||||
<a-icon v-else type="fullscreen" style="font-size: 32px" @click="layoutRight = 'zzzb'" />
|
||||
</template>
|
||||
<AntQueryTable
|
||||
ref="zzzb-table"
|
||||
height="100%"
|
||||
:queryConfig="zzzb.queryConfig"
|
||||
:tableConfig="zzzb.tableConfig"
|
||||
:pageConfig="zzzb.pageConfig"
|
||||
:showTool="zzzb.showTool"
|
||||
>
|
||||
<template #tablecell-action="{ record }">
|
||||
<a-button type="text-primary" icon="edit" @click="handleOpenEditZzzbModal(record)"></a-button>
|
||||
</template>
|
||||
</AntQueryTable>
|
||||
</a-card>
|
||||
</Grid>
|
||||
<AntFormModal
|
||||
:visible.sync="zzjgModal.visible"
|
||||
:title="zzjgModal.title"
|
||||
:formItems="zzjgModal.formItems"
|
||||
:formRules="zzjgModal.formRules"
|
||||
:formData="zzjgModal.formData"
|
||||
:onSubmit="handleSubmitZzjg"
|
||||
@success="handleSubmitZzjgSuccess"
|
||||
></AntFormModal>
|
||||
<AntFormModal
|
||||
:visible.sync="zzryModal.visible"
|
||||
:title="zzryModal.title"
|
||||
:formItems="zzryModal.formItems"
|
||||
:formRules="zzryModal.formRules"
|
||||
:formData="zzryModal.formData"
|
||||
:onSubmit="handleSubmitZzry"
|
||||
@success="handleSubmitZzrySuccess"
|
||||
></AntFormModal>
|
||||
<AntFormModal
|
||||
:visible.sync="zzzbModal.visible"
|
||||
:title="zzzbModal.title"
|
||||
:formItems="zzzbFormItems"
|
||||
:formRules="zzzbModal.formRules"
|
||||
:formData="zzzbModal.formData"
|
||||
:onSubmit="handleSubmitZzzb"
|
||||
@success="handleSubmitZzzbSuccess"
|
||||
></AntFormModal>
|
||||
</page-header-wrapper>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Bzllsjk',
|
||||
data() {
|
||||
return {
|
||||
layoutRight: 'auto',
|
||||
zzjg: {
|
||||
treeData: [],
|
||||
selectedKeys: [],
|
||||
expandedKeys: [],
|
||||
},
|
||||
zzjgModal: {
|
||||
visible: false,
|
||||
title: '',
|
||||
mode: '',
|
||||
formItems: [
|
||||
{
|
||||
label: '上级组织',
|
||||
prop: 'parentId',
|
||||
component: 'AntOriginTreeSelect',
|
||||
options: {
|
||||
dataSource: () =>
|
||||
this.$http({
|
||||
url: '/tree/organization',
|
||||
method: 'get',
|
||||
params: { unittype: 2 },
|
||||
}).then((res) => ({ data: [{ key: 0, title: '根组织' }].concat(res.data) })),
|
||||
valueKey: 'key',
|
||||
},
|
||||
},
|
||||
{
|
||||
label: '标识编码',
|
||||
prop: 'codeName',
|
||||
},
|
||||
{
|
||||
label: '组织名称',
|
||||
prop: 'name',
|
||||
},
|
||||
],
|
||||
formRules: {
|
||||
codeName: [{ required: true, message: '请输入标识编码！', trigger: 'blur' }],
|
||||
name: [{ required: true, message: '请输入组织名称！', trigger: 'blur' }],
|
||||
},
|
||||
formData: {},
|
||||
},
|
||||
|
||||
zzry: {
|
||||
queryConfig: false,
|
||||
tableConfig: {
|
||||
table: {},
|
||||
immediate: false,
|
||||
query: () =>
|
||||
this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/staff/${this.zzjg.selectedKeys[0]}`,
|
||||
method: 'get',
|
||||
}),
|
||||
columns: [
|
||||
{ dataIndex: 'serial' },
|
||||
{ title: '岗位', dataIndex: 'name', width: 'auto', minWidth: 150 },
|
||||
{ title: '岗位数量', dataIndex: 'number', type: 'number', width: 'auto', minWidth: 150 },
|
||||
{ dataIndex: 'action' },
|
||||
],
|
||||
},
|
||||
pageConfig: false,
|
||||
showTool: false,
|
||||
},
|
||||
zzryModal: {
|
||||
visible: false,
|
||||
title: '',
|
||||
mode: '',
|
||||
formItems: [
|
||||
{
|
||||
label: '岗位名称',
|
||||
prop: 'typeId',
|
||||
component: 'AntOriginSelect',
|
||||
options: {
|
||||
dataSource: () =>
|
||||
this.$http({
|
||||
url: '/unit/getAll',
|
||||
method: 'get',
|
||||
}),
|
||||
labelKey: 'name',
|
||||
readonly: false,
|
||||
},
|
||||
},
|
||||
{ label: '岗位数量', prop: 'number' },
|
||||
],
|
||||
formRules: {
|
||||
typeId: [{ required: true, message: '请选择岗位！', trigger: 'change' }],
|
||||
number: [{ required: true, message: '请输入岗位数量！', trigger: 'blur' }],
|
||||
},
|
||||
formData: {},
|
||||
},
|
||||
|
||||
zzzb: {
|
||||
queryConfig: false,
|
||||
tableConfig: {
|
||||
table: {},
|
||||
immediate: false,
|
||||
query: () =>
|
||||
this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/weapon/${this.zzjg.selectedKeys[0]}`,
|
||||
method: 'get',
|
||||
}),
|
||||
columns: [
|
||||
{ dataIndex: 'serial' },
|
||||
{ title: '装备名称', dataIndex: 'name', width: 'auto', minWidth: 150 },
|
||||
{ title: '装备数量', dataIndex: 'number', type: 'number', width: 'auto', minWidth: 150 },
|
||||
{ dataIndex: 'action' },
|
||||
],
|
||||
},
|
||||
pageConfig: false,
|
||||
showTool: false,
|
||||
},
|
||||
zzzbModal: {
|
||||
visible: false,
|
||||
title: '',
|
||||
mode: '',
|
||||
formItems: [
|
||||
{
|
||||
label: '装备名称',
|
||||
prop: 'weaponId',
|
||||
component: 'AntOriginTreeSelect',
|
||||
options: {
|
||||
dataSource: () =>
|
||||
this.$http({
|
||||
url: '/tree/armament',
|
||||
method: 'get',
|
||||
}),
|
||||
readonly: false,
|
||||
},
|
||||
},
|
||||
{ label: '装备数量', prop: 'number' },
|
||||
],
|
||||
formRules: {
|
||||
weaponId: [{ required: true, message: '请选择装备！', trigger: 'change' }],
|
||||
number: [{ required: true, message: '请输入装备数量！', trigger: 'blur' }],
|
||||
},
|
||||
formData: {},
|
||||
},
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
gridRows() {
|
||||
return {
|
||||
auto: [1, 1],
|
||||
zzry: [1, '56px'],
|
||||
zzzb: ['56px', 1],
|
||||
}[this.layoutRight]
|
||||
},
|
||||
zzzbFormItems() {
|
||||
return [
|
||||
this.zzzbModal.mode === 'add'
|
||||
? {
|
||||
label: '装备名称',
|
||||
prop: 'weaponId',
|
||||
component: 'AntOriginTreeSelect',
|
||||
options: {
|
||||
dataSource: () =>
|
||||
this.$http({
|
||||
url: '/tree/armament',
|
||||
method: 'get',
|
||||
}),
|
||||
readonly: false,
|
||||
},
|
||||
}
|
||||
: { label: '装备名称', prop: 'name', customRender: (v) => v },
|
||||
{ label: '装备数量', prop: 'number' },
|
||||
]
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.getZzTree()
|
||||
},
|
||||
methods: {
|
||||
async getZzTree() {
|
||||
try {
|
||||
const res = await this.$http({
|
||||
url: `/tree/organization`,
|
||||
method: 'get',
|
||||
params: { unittype: 2 },
|
||||
})
|
||||
this.zzjg.treeData = res.data
|
||||
this.zzjg.selectedKeys = [this.zzjg.treeData[0].key]
|
||||
this.handleChangeZzjgSelected()
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
},
|
||||
handleChangeZzjgSelected() {
|
||||
this.$refs['zzry-table'].commitAction('reload')
|
||||
this.$refs['zzzb-table'].commitAction('reload')
|
||||
},
|
||||
handleOpenAddZzjgModal(parentId) {
|
||||
this.zzjgModal.title = '新建保障力量'
|
||||
this.zzjgModal.mode = 'add'
|
||||
this.zzjgModal.formData = { unittype: 2, parentId }
|
||||
this.zzjgModal.visible = true
|
||||
},
|
||||
async handleOpenEditZzjgModal(id) {
|
||||
try {
|
||||
const res = await this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/${id}`,
|
||||
method: 'get',
|
||||
})
|
||||
this.zzjgModal.title = '编辑保障力量'
|
||||
this.zzjgModal.mode = 'edit'
|
||||
this.zzjgModal.formData = res.data
|
||||
this.zzjgModal.visible = true
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
this.$message.error('未知错误，请重试')
|
||||
}
|
||||
},
|
||||
handleSubmitZzjg(formData) {
|
||||
return this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/save`,
|
||||
method: 'post',
|
||||
data: formData,
|
||||
})
|
||||
},
|
||||
handleSubmitZzjgSuccess() {
|
||||
this.getZzTree()
|
||||
},
|
||||
async handleDeleteZzjg(id, title) {
|
||||
try {
|
||||
await this.$confirm({ content: `确定删除保障力量-${title}？` })
|
||||
await this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/remove/${id}`,
|
||||
method: 'get',
|
||||
})
|
||||
this.$message.success('删除成功')
|
||||
this.getZzTree()
|
||||
} catch (error) {}
|
||||
},
|
||||
|
||||
handleOpenAddZzryModal() {
|
||||
this.zzryModal.title = '新建组织人员'
|
||||
this.zzryModal.mode = 'add'
|
||||
this.zzryModal.formData = { parentId: this.zzjg.selectedKeys[0] }
|
||||
this.zzryModal.formItems[0].options.readonly = false
|
||||
this.zzryModal.visible = true
|
||||
},
|
||||
handleOpenEditZzryModal(record) {
|
||||
this.zzryModal.title = `编辑组织人员`
|
||||
this.zzryModal.mode = 'edit'
|
||||
this.zzryModal.formData = { ...record }
|
||||
this.zzryModal.formItems[0].options.readonly = true
|
||||
this.zzryModal.visible = true
|
||||
},
|
||||
handleSubmitZzry(formData) {
|
||||
return this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/staff/save`,
|
||||
method: 'post',
|
||||
data: formData,
|
||||
})
|
||||
},
|
||||
handleSubmitZzrySuccess() {
|
||||
this.$refs['zzry-table'].commitAction('query')
|
||||
},
|
||||
|
||||
handleOpenAddZzzbModal() {
|
||||
this.zzzbModal.title = '新建组织装备'
|
||||
this.zzzbModal.mode = 'add'
|
||||
this.zzzbModal.formData = { parentId: this.zzjg.selectedKeys[0] }
|
||||
this.zzzbModal.visible = true
|
||||
},
|
||||
handleOpenEditZzzbModal(record) {
|
||||
this.zzzbModal.title = `编辑组织装备`
|
||||
this.zzzbModal.mode = 'edit'
|
||||
this.zzzbModal.formData = { ...record }
|
||||
this.zzzbModal.visible = true
|
||||
},
|
||||
handleSubmitZzzb(formData) {
|
||||
return this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/weapon/save`,
|
||||
method: 'post',
|
||||
data: formData,
|
||||
})
|
||||
},
|
||||
handleSubmitZzzbSuccess() {
|
||||
this.$refs['zzzb-table'].commitAction('query')
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.contextmenu-zz {
|
||||
padding: 5px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 0 5px #aaaaaa;
|
||||
}
|
||||
</style>
|
||||
24
src/views/simulationScene/database/components/EditIcon.vue
Normal file
24
src/views/simulationScene/database/components/EditIcon.vue
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<template>
|
||||
<Grid
|
||||
:columns="[5, 3, 2]"
|
||||
:rows="[2, 3, 5]"
|
||||
gap="0px"
|
||||
:style="{ width: size, height: size, cursor: 'pointer' }"
|
||||
title="修改军标"
|
||||
v-on="$listeners"
|
||||
>
|
||||
<a-icon type="picture" :style="{ fontSize: `calc(${size} * 8 / 10)`, gridColumn: '1 / 3', gridRow: '2 / 4' }" />
|
||||
<a-icon type="setting" :style="{ fontSize: `calc(${size} * 5 / 10)`, gridColumn: '2 / 4', gridRow: '1 / 3' }" />
|
||||
</Grid>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
size: { type: String, default: '30px' },
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
</style>
|
||||
207
src/views/simulationScene/database/fasjk.vue
Normal file
207
src/views/simulationScene/database/fasjk.vue
Normal file
|
|
@ -0,0 +1,207 @@
|
|||
<template>
|
||||
<page-header-wrapper>
|
||||
<Grid :columns="[1, 1, 1]">
|
||||
<a-card title="想定列表" class="my-card my-card-has-title" :bordered="false" v-loading="xd.loading">
|
||||
<template #extra>
|
||||
<a-icon type="sync" style="font-size: 30px" @click="getXdListData()" />
|
||||
</template>
|
||||
<a-tree
|
||||
:treeData="xd.listData"
|
||||
:replaceFields="{ title: 'name', key: 'id' }"
|
||||
:selectedKeys.sync="xd.selectedKeys"
|
||||
@select="handleChangeXdSelected"
|
||||
>
|
||||
</a-tree>
|
||||
</a-card>
|
||||
<a-card title="作战/保障力量" class="my-card my-card-has-title" :bordered="false" v-loading="zzbzll.loading">
|
||||
<template #extra>
|
||||
<a-icon type="sync" style="font-size: 30px" @click="getZzbzllTreeData()" />
|
||||
</template>
|
||||
<a-tree
|
||||
:treeData="zzbzll.treeData"
|
||||
:replaceFields="{ title: 'name', key: 'id' }"
|
||||
:selectedKeys.sync="zzbzll.selectedKeys"
|
||||
:expandedKeys.sync="zzbzll.expandedKeys"
|
||||
@select="handleChangeZzbzllSelected"
|
||||
>
|
||||
</a-tree>
|
||||
</a-card>
|
||||
<a-card title="兵力编组信息" class="my-card my-card-has-title" :bordered="false" v-loading="blbz.loading">
|
||||
<template #extra>
|
||||
<a-icon type="sync" style="font-size: 30px" @click="getBlbzTreeData()" />
|
||||
</template>
|
||||
<a-tree
|
||||
:treeData="blbz.treeData"
|
||||
:selectedKeys.sync="blbz.selectedKeys"
|
||||
:expandedKeys.sync="blbz.expandedKeys"
|
||||
@select="handleChangeBlbzSelected"
|
||||
>
|
||||
</a-tree>
|
||||
</a-card>
|
||||
</Grid>
|
||||
<a-modal v-model="blbzModal.visible" :width="920" :maskClosable="false" :destroyOnClose="true" :footer="null">
|
||||
<template #title>
|
||||
<a-radio-group v-model="blbzModal.type" button-style="solid" @change="handleChangeBlbzModalType">
|
||||
<a-radio-button value="staff">人员</a-radio-button>
|
||||
<a-radio-button value="weapon">装备</a-radio-button>
|
||||
</a-radio-group>
|
||||
</template>
|
||||
<AntQueryTable
|
||||
height="600px"
|
||||
ref="blbz-table"
|
||||
:queryConfig="blbzModal.queryConfig"
|
||||
:tableConfig="tableConfig"
|
||||
:pageConfig="blbzModal.pageConfig"
|
||||
:showTool="blbzModal.showTool"
|
||||
></AntQueryTable>
|
||||
</a-modal>
|
||||
</page-header-wrapper>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Fasjk',
|
||||
data() {
|
||||
return {
|
||||
xd: {
|
||||
loading: false,
|
||||
listData: [],
|
||||
selectedKeys: [],
|
||||
},
|
||||
zzbzll: {
|
||||
loading: false,
|
||||
treeData: [],
|
||||
selectedKeys: [],
|
||||
expandedKeys: [],
|
||||
},
|
||||
blbz: {
|
||||
loading: false,
|
||||
treeData: [],
|
||||
selectedKeys: [],
|
||||
expandedKeys: [],
|
||||
},
|
||||
blbzModal: {
|
||||
visible: false,
|
||||
type: 'staff',
|
||||
queryConfig: false,
|
||||
pageConfig: false,
|
||||
showTool: false,
|
||||
},
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
tableConfig() {
|
||||
return {
|
||||
query: () =>
|
||||
this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/${this.blbzModal.type}/${this.blbz.selectedKeys[0]}`,
|
||||
method: 'get',
|
||||
}),
|
||||
immediate: false,
|
||||
table: {},
|
||||
columns: {
|
||||
staff: [
|
||||
{ dataIndex: 'serial' },
|
||||
{ title: '岗位', dataIndex: 'name', width: 'auto', minWidth: 150 },
|
||||
{ title: '岗位数量', dataIndex: 'number', type: 'number', width: 'auto', minWidth: 150 },
|
||||
{ dataIndex: 'action' },
|
||||
],
|
||||
weapon: [
|
||||
{ dataIndex: 'serial' },
|
||||
{ title: '装备名称', dataIndex: 'name', width: 'auto', minWidth: 150 },
|
||||
{ title: '装备数量', dataIndex: 'number', type: 'number', width: 'auto', minWidth: 150 },
|
||||
{ dataIndex: 'action' },
|
||||
],
|
||||
}[this.blbzModal.type],
|
||||
}
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.getXdListData()
|
||||
},
|
||||
methods: {
|
||||
async getXdListData() {
|
||||
try {
|
||||
this.xd.loading = true
|
||||
const res = await this.$http({
|
||||
url: `/baseData/scenario/all`,
|
||||
method: 'get',
|
||||
})
|
||||
this.xd.listData = res.data
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
} finally {
|
||||
this.xd.loading = false
|
||||
}
|
||||
},
|
||||
handleChangeXdSelected() {
|
||||
this.getZzbzllTreeData()
|
||||
},
|
||||
async getZzbzllTreeData() {
|
||||
try {
|
||||
this.zzbzll.loading = true
|
||||
const res = await this.$http({
|
||||
url: `/scenario/power/${this.xd.selectedKeys[0]}`,
|
||||
method: 'get',
|
||||
})
|
||||
this.zzbzll.treeData = [
|
||||
{
|
||||
id: '1',
|
||||
name: '红方',
|
||||
selectable: false,
|
||||
children: [
|
||||
{ id: '1-1', name: '作战力量', selectable: false, children: res.data.red.fight },
|
||||
{ id: '1-2', name: '保障力量', selectable: false, children: res.data.red.guarantee },
|
||||
{ id: '1-3', name: '指挥力量', selectable: false, children: res.data.red.command },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: '蓝方',
|
||||
selectable: false,
|
||||
children: [
|
||||
{ id: '2-1', name: '作战力量', selectable: false, children: res.data.blue.fight },
|
||||
{ id: '2-2', name: '保障力量', selectable: false, children: res.data.blue.guarantee },
|
||||
{ id: '2-3', name: '指挥力量', selectable: false, children: res.data.blue.command },
|
||||
],
|
||||
},
|
||||
]
|
||||
this.zzbzll.expandedKeys = ['1', '1-1', '1-2', '1-3', '2', '2-1', '2-2', '2-3']
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
} finally {
|
||||
this.zzbzll.loading = false
|
||||
}
|
||||
},
|
||||
handleChangeZzbzllSelected() {
|
||||
this.getBlbzTreeData()
|
||||
},
|
||||
async getBlbzTreeData() {
|
||||
try {
|
||||
this.blbz.loading = true
|
||||
const res = await this.$http({
|
||||
url: `/blbz/${this.zzbzll.selectedKeys[0]}`,
|
||||
method: 'get',
|
||||
})
|
||||
this.blbz.treeData = res.data
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
this.blbz.treeData = [{ title: '123', key: '123' }]
|
||||
} finally {
|
||||
this.blbz.loading = false
|
||||
}
|
||||
},
|
||||
handleChangeBlbzSelected() {
|
||||
this.blbzModal.visible = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs['blbz-table'].commitAction('query')
|
||||
})
|
||||
},
|
||||
handleChangeBlbzModalType() {
|
||||
this.$refs['blbz-table'].commitAction('query')
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped></style>
|
||||
120
src/views/simulationScene/database/fdsjk.vue
Normal file
120
src/views/simulationScene/database/fdsjk.vue
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
<template>
|
||||
<page-header-wrapper>
|
||||
<Grid>
|
||||
<a-card class="my-card">
|
||||
<AntQueryTable
|
||||
height="100%"
|
||||
ref="fd-table"
|
||||
:queryConfig="fdTable.queryConfig"
|
||||
:tableConfig="fdTable.tableConfig"
|
||||
:pageConfig="fdTable.pageConfig"
|
||||
:showTool="fdTable.showTool"
|
||||
>
|
||||
<template #toolbar-left>
|
||||
<a-button type="primary" icon="plus" @click="handleOpenAddModal()">新增</a-button>
|
||||
</template>
|
||||
<template #tablecell-action="{ record }">
|
||||
<a-button type="text-primary" icon="edit" @click="handleOpenEditModal(record)"></a-button>
|
||||
<a-button type="text-danger" icon="delete" @click="handleDelete(record)"></a-button>
|
||||
</template>
|
||||
</AntQueryTable>
|
||||
</a-card>
|
||||
</Grid>
|
||||
<AntFormModal
|
||||
:visible.sync="AEModal.visible"
|
||||
:title="AEModal.title"
|
||||
width="900px"
|
||||
:formConfig="{ labelCol: { span: 3 }, wrapperCol: { span: 19 } }"
|
||||
:formItems="AEModal.formItems"
|
||||
:formRules="AEModal.formRules"
|
||||
:formData="AEModal.formData"
|
||||
:onSubmit="handleSubmitAE"
|
||||
@success="handleSubmitAESuccess"
|
||||
></AntFormModal>
|
||||
</page-header-wrapper>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getAction, postAction } from '@/api/manage'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
fdTable: {
|
||||
queryConfig: false,
|
||||
tableConfig: {
|
||||
query: () => getAction('/team/list'),
|
||||
columns: [
|
||||
{ dataIndex: 'serial' },
|
||||
{ dataIndex: 'name', title: '分队名称', width: 'auto', minWidth: 160 },
|
||||
{
|
||||
dataIndex: 'type',
|
||||
title: '分队类型',
|
||||
width: 'auto',
|
||||
minWidth: 160,
|
||||
align: 'center',
|
||||
customRender: (text) => ['作战分队', '保障分队'][text],
|
||||
},
|
||||
{ dataIndex: 'action' },
|
||||
],
|
||||
},
|
||||
pageConfig: true,
|
||||
showTool: true,
|
||||
},
|
||||
AEModal: {
|
||||
visible: false,
|
||||
title: '',
|
||||
formItems: [
|
||||
{ label: '分队名称', prop: 'name' },
|
||||
{
|
||||
label: '分队类型',
|
||||
prop: 'type',
|
||||
component: 'AntOriginSelect',
|
||||
options: {
|
||||
dataSource: () => ({
|
||||
data: [
|
||||
{ title: '作战分队', id: 0 },
|
||||
{ title: '保障分队', id: 1 },
|
||||
],
|
||||
}),
|
||||
},
|
||||
},
|
||||
{ label: '分队军标', prop: 'iconId', component: 'IconSelector' },
|
||||
],
|
||||
formRules: {},
|
||||
formData: {},
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleOpenAddModal() {
|
||||
this.AEModal.title = '新增分队'
|
||||
this.AEModal.formData = {}
|
||||
this.AEModal.visible = true
|
||||
},
|
||||
handleOpenEditModal(record) {
|
||||
this.AEModal.title = '编辑分队'
|
||||
this.AEModal.formData = { ...record }
|
||||
this.AEModal.visible = true
|
||||
},
|
||||
handleSubmitAE(formData) {
|
||||
return postAction('/team/save', formData)
|
||||
},
|
||||
handleSubmitAESuccess() {
|
||||
this.$refs['fd-table'].commitAction('query')
|
||||
},
|
||||
async handleDelete(record) {
|
||||
try {
|
||||
await this.$confirm({ title: '温馨提示', content: '确定要删除该分队吗？' })
|
||||
const res = await getAction('/team/remove/' + record.id)
|
||||
this.$message.success(res.message)
|
||||
this.$refs['fd-table'].commitAction('query')
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped></style>
|
||||
132
src/views/simulationScene/database/index.vue
Normal file
132
src/views/simulationScene/database/index.vue
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
<template>
|
||||
<Grid class="database-page" :rows="[1, 1]">
|
||||
<ModuleWrapper title="保障实体类数据库">
|
||||
<Grid class="normal bzstlsjk" :columns="bzstlsjkColumns">
|
||||
<div v-for="(item, index) in bzstlsjk" :key="index" class="sjk-item" @click="$router.push(item.path)">
|
||||
<img :src="item.image" alt="" />
|
||||
<div class="title">{{ item.title }}</div>
|
||||
</div>
|
||||
</Grid>
|
||||
</ModuleWrapper>
|
||||
<ModuleWrapper title="业务应用类数据库">
|
||||
<Grid class="normal ywyylsjk" :columns="ywyylsjkColumns">
|
||||
<div v-for="(item, index) in ywyylsjk" :key="index" class="sjk-item" @click="$router.push(item.path)">
|
||||
<img :src="item.image" alt="" />
|
||||
<div class="title">{{ item.title }}</div>
|
||||
</div>
|
||||
</Grid>
|
||||
</ModuleWrapper>
|
||||
</Grid>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'SimulationSceneDatabase',
|
||||
data() {
|
||||
return {
|
||||
bzstlsjk: [
|
||||
{
|
||||
title: '作战力量数据库',
|
||||
image: require('@/assets/images/simulation-scene/database/zzllsjk.png'),
|
||||
path: '/databaseSystem/zzllsjk',
|
||||
},
|
||||
{
|
||||
title: '保障力量数据库',
|
||||
image: require('@/assets/images/simulation-scene/database/bzllsjk.png'),
|
||||
path: '/databaseSystem/bzllsjk',
|
||||
},
|
||||
{
|
||||
title: '保障环境数据库',
|
||||
image: require('@/assets/images/simulation-scene/database/bzhjsjk.png'),
|
||||
path: '/databaseSystem/bzhjsjk',
|
||||
},
|
||||
{
|
||||
title: '装备数据库',
|
||||
image: require('@/assets/images/simulation-scene/database/bzhjsjk.png'),
|
||||
path: '/databaseSystem/zbsjk',
|
||||
},
|
||||
],
|
||||
ywyylsjk: [
|
||||
{
|
||||
title: '想定数据库',
|
||||
image: require('@/assets/images/simulation-scene/database/xdsjk.png'),
|
||||
path: '/databaseSystem/xdsjk',
|
||||
},
|
||||
{
|
||||
title: '方案数据库',
|
||||
image: require('@/assets/images/simulation-scene/database/fasjk.png'),
|
||||
path: '/databaseSystem/fasjk',
|
||||
},
|
||||
{
|
||||
title: '进程数据库',
|
||||
image: require('@/assets/images/simulation-scene/database/jcsjk.png'),
|
||||
path: '/databaseSystem/jcsjk',
|
||||
},
|
||||
{
|
||||
title: '图形数据库',
|
||||
image: require('@/assets/images/simulation-scene/database/txsjk.png'),
|
||||
path: '/databaseSystem/txsjk',
|
||||
},
|
||||
{
|
||||
title: '运行记录数据库',
|
||||
image: require('@/assets/images/simulation-scene/database/yxjlsjk.png'),
|
||||
path: '/databaseSystem/yxjlsjk',
|
||||
},
|
||||
],
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
bzstlsjkColumns() {
|
||||
return new Array(this.bzstlsjk.length).fill(1)
|
||||
},
|
||||
ywyylsjkColumns() {
|
||||
return new Array(this.ywyylsjk.length).fill(1)
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.database-page {
|
||||
padding: 20px;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
border: 1px solid #06445f;
|
||||
}
|
||||
.sjk-item {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
.title {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background-color: #02223466;
|
||||
border: 1px solid #17759e;
|
||||
padding: 20px 0;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: 2px;
|
||||
white-space: nowrap;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.sjk-item:hover {
|
||||
.title {
|
||||
background-color: #17759e99;
|
||||
}
|
||||
}
|
||||
.bzstlsjk {
|
||||
.title {
|
||||
width: 252px;
|
||||
}
|
||||
}
|
||||
.ywyylsjk {
|
||||
.title {
|
||||
width: 222px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
98
src/views/simulationScene/database/jcsjk.vue
Normal file
98
src/views/simulationScene/database/jcsjk.vue
Normal file
|
|
@ -0,0 +1,98 @@
|
|||
<template>
|
||||
<page-header-wrapper>
|
||||
<Grid :columns="['400px', 1]">
|
||||
<a-card title="想定列表" class="my-card my-card-has-title" :bordered="false" v-loading="xd.loading">
|
||||
<template #extra>
|
||||
<a-icon type="sync" style="font-size: 30px" @click="getXdListData()" />
|
||||
</template>
|
||||
<a-tree
|
||||
:treeData="xd.listData"
|
||||
:replaceFields="{ title: 'name', key: 'id' }"
|
||||
:selectedKeys.sync="xd.selectedKeys"
|
||||
@select="handleChangeXdSelected"
|
||||
>
|
||||
</a-tree>
|
||||
</a-card>
|
||||
<a-card title="进程列表" class="my-card my-card-has-title" :bordered="false">
|
||||
<template #extra>
|
||||
<a-icon type="sync" style="font-size: 30px" @click="() => {}" />
|
||||
</template>
|
||||
<AntQueryTable
|
||||
ref="jc-table"
|
||||
height="100%"
|
||||
:queryConfig="jc.queryConfig"
|
||||
:tableConfig="jc.tableConfig"
|
||||
:pageConfig="jc.pageConfig"
|
||||
:showTool="jc.showTool"
|
||||
>
|
||||
</AntQueryTable>
|
||||
</a-card>
|
||||
</Grid>
|
||||
</page-header-wrapper>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Jcsjk',
|
||||
data() {
|
||||
return {
|
||||
xd: {
|
||||
loading: false,
|
||||
listData: [],
|
||||
selectedKeys: [],
|
||||
},
|
||||
jc: {
|
||||
queryConfig: false,
|
||||
tableConfig: {
|
||||
table: {},
|
||||
immediate: false,
|
||||
query: () =>
|
||||
this.$http({
|
||||
url: '/baseData/scenario/taskList',
|
||||
method: 'get',
|
||||
params: { id: this.xd.selectedKeys[0] },
|
||||
}).then((res) => ({
|
||||
data: res.data.map(([a, b, c], index) => ({ id: index, 0: a, 1: b, 2: c })),
|
||||
})),
|
||||
columns: [
|
||||
{ dataIndex: 'serial' },
|
||||
{ title: '任务进程名称', dataIndex: '0', width: 'auto', minWidth: 150 },
|
||||
{ title: '开始时间', dataIndex: '1', width: 'auto', minWidth: 150 },
|
||||
{ title: '失效时间', dataIndex: '2', width: 'auto', minWidth: 150 },
|
||||
],
|
||||
},
|
||||
pageConfig: false,
|
||||
showTool: false,
|
||||
},
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getXdListData()
|
||||
},
|
||||
methods: {
|
||||
async getXdListData() {
|
||||
try {
|
||||
this.xd.loading = true
|
||||
const res = await this.$http({
|
||||
url: `/baseData/scenario/all`,
|
||||
method: 'get',
|
||||
})
|
||||
this.xd.listData = res.data
|
||||
if (this.xd.selectedKeys.length === 0) {
|
||||
this.xd.selectedKeys = [this.xd.listData[0].id]
|
||||
this.handleChangeXdSelected()
|
||||
}
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
} finally {
|
||||
this.xd.loading = false
|
||||
}
|
||||
},
|
||||
handleChangeXdSelected() {
|
||||
this.$refs['jc-table'].commitAction('query')
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped></style>
|
||||
1860
src/views/simulationScene/database/modules/componentDlg.vue
Normal file
1860
src/views/simulationScene/database/modules/componentDlg.vue
Normal file
File diff suppressed because it is too large
Load Diff
2778
src/views/simulationScene/database/modules/componentEditlistData.js
Normal file
2778
src/views/simulationScene/database/modules/componentEditlistData.js
Normal file
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,154 @@
|
|||
<template>
|
||||
<a-modal
|
||||
:visible="visible"
|
||||
:mask-closable="false"
|
||||
title="详情"
|
||||
:width="848"
|
||||
:footer="null"
|
||||
destroyOnClose
|
||||
@cancel="close">
|
||||
<a-table :columns="populationColumn" :dataSource="populationList" :pagination="false" :scroll="{x:true}" bordered>
|
||||
<template slot="serial" slot-scope="text, record, index0">
|
||||
{{ index0 + 1 }}
|
||||
</template>
|
||||
<template slot="valuetype" slot-scope="text, record">
|
||||
<!-- 公共ID展示 -->
|
||||
<template v-if="record.translate == '#DBID'">
|
||||
{{ record.value }}
|
||||
</template>
|
||||
<!-- 判断展示类型为：详情 -->
|
||||
<template v-if="text == 'combobox'">
|
||||
<template v-if="record.fieldname == 'Type'">
|
||||
{{ record.value }}
|
||||
</template>
|
||||
<template v-if="record.fieldname == 'Category'">
|
||||
{{ record.value }}
|
||||
</template>
|
||||
</template>
|
||||
<template v-else-if="text == 'combostr'">
|
||||
<span v-for="(item1,index1) in record.value.split(',')" :key="index1">
|
||||
<span v-for="(item2,index2) in dicData.operatorcountry" :key="index2">
|
||||
<span v-if="item2.id == item1">
|
||||
<span style="margin-right:5px;">{{ item2.description }}</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</template>
|
||||
<template v-else-if="text == 'combotree'">
|
||||
<span v-for="(item1,index1) in treeData" :key="index1">
|
||||
<span v-if="item1.key == record.value">
|
||||
{{ item1.title }}
|
||||
</span>
|
||||
<span v-for="(item2,index2) in item1.children" :key="index2">
|
||||
<span v-if="item2.key == record.value">
|
||||
{{ item2.title }}
|
||||
</span>
|
||||
<span v-for="(item3,index3) in item2.children" :key="index3">
|
||||
<span v-if="item3.key == record.value">
|
||||
{{ item3.title }}
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</template>
|
||||
<template v-else-if="text == 'checkbox'">
|
||||
<span v-if="record.value == 1">是</span>
|
||||
<span v-if="record.value == 0">否</span>
|
||||
</template>
|
||||
<template v-else>
|
||||
<template v-if="record.translate != '#DBID'">
|
||||
{{ record.value }}
|
||||
</template>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
</a-modal>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getAction } from '@/api/manage'
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
populationList: [],
|
||||
populationColumn: [
|
||||
{
|
||||
title: '',
|
||||
scopedSlots: {
|
||||
customRender: 'serial'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '参数',
|
||||
key: 'translate',
|
||||
dataIndex: 'translate',
|
||||
scopedSlots: {
|
||||
customRender: 'translate'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '类型',
|
||||
key: 'valuetype',
|
||||
dataIndex: 'valuetype',
|
||||
scopedSlots: {
|
||||
customRender: 'valuetype'
|
||||
}
|
||||
}
|
||||
],
|
||||
}
|
||||
},
|
||||
props: {
|
||||
visible: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
entityType: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
guid: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
id: {
|
||||
type: String,
|
||||
default: ''
|
||||
},//主键id
|
||||
},
|
||||
watch: {
|
||||
visible (val) {
|
||||
if (val) {
|
||||
this.getData()
|
||||
console.log(this.id, 'id888')
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getData () {
|
||||
const entityType1 = this.entityType.toLowerCase()
|
||||
getAction('/dbdata/aircraft/getInfoList',{
|
||||
tableName: 'Data' + this.entityType
|
||||
}).then((res) => {
|
||||
if (res.code == 200) {
|
||||
getAction('/basedata/' + entityType1 + '/getInfo?id=' + this.id, {}).then((res2) => {
|
||||
for(const i in res.data) {
|
||||
for(const j in res2.data) {
|
||||
if(j == res.data[i].fieldname) {
|
||||
console.log(res.data[i],'res.data[i]')
|
||||
res.data[i].value = res2.data[j]
|
||||
}
|
||||
}
|
||||
}
|
||||
this.populationList = res.data
|
||||
console.log(this.populationList,'this.populationList')
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
close () {
|
||||
this.populationList = []
|
||||
this.$emit('closeModal')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
731
src/views/simulationScene/database/modules/listColsConfig.js
Normal file
731
src/views/simulationScene/database/modules/listColsConfig.js
Normal file
|
|
@ -0,0 +1,731 @@
|
|||
// 配置列表要显示的列信息
|
||||
export var listGridInfo = {
|
||||
'Aircraft':{
|
||||
cols:[
|
||||
{
|
||||
title: '#DBID',
|
||||
key: 'id',
|
||||
dataIndex: 'id',
|
||||
scopedSlots: {
|
||||
customRender: 'id'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '名称',
|
||||
key: 'name',
|
||||
dataIndex: 'name',
|
||||
scopedSlots: {
|
||||
customRender: 'name'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '类型',
|
||||
key: 'type',
|
||||
dataIndex: 'type',
|
||||
scopedSlots: {
|
||||
customRender: 'type'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '国家',
|
||||
key: 'operatorCountry',
|
||||
dataIndex: 'operatorCountry',
|
||||
scopedSlots: {
|
||||
customRender: 'operatorCountry'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '军种',
|
||||
key: 'operatorService',
|
||||
dataIndex: 'operatorService',
|
||||
scopedSlots: {
|
||||
customRender: 'operatorService'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '造价(百万，￥)',
|
||||
key: 'cost',
|
||||
dataIndex: 'cost',
|
||||
scopedSlots: {
|
||||
customRender: 'cost'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '服役年',
|
||||
key: 'yearCommissioned',
|
||||
dataIndex: 'yearCommissioned',
|
||||
scopedSlots: {
|
||||
customRender: 'yearCommissioned'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '退役年',
|
||||
key: 'yearDecommissioned',
|
||||
dataIndex: 'yearDecommissioned',
|
||||
scopedSlots: {
|
||||
customRender: 'yearDecommissioned'
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
'Ship':{
|
||||
cols:[
|
||||
{
|
||||
title: '#DBID',
|
||||
key: 'id',
|
||||
dataIndex: 'id',
|
||||
scopedSlots: {
|
||||
customRender: 'id'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '名称',
|
||||
key: 'name',
|
||||
dataIndex: 'name',
|
||||
scopedSlots: {
|
||||
customRender: 'name'
|
||||
}
|
||||
},{
|
||||
title: '类别',
|
||||
key: 'category',
|
||||
dataIndex: 'category',
|
||||
scopedSlots: {
|
||||
customRender: 'category'
|
||||
}
|
||||
},{
|
||||
title: '所属国',
|
||||
key: 'operatorCountry',
|
||||
dataIndex: 'operatorCountry',
|
||||
scopedSlots: {
|
||||
customRender: 'operatorCountry'
|
||||
}
|
||||
},{
|
||||
title: '所属军种',
|
||||
key: 'operatorService',
|
||||
dataIndex: 'operatorService',
|
||||
scopedSlots: {
|
||||
customRender: 'operatorService'
|
||||
}
|
||||
},{
|
||||
title: '造价(百万，￥)',
|
||||
key: 'cost',
|
||||
dataIndex: 'cost',
|
||||
scopedSlots: {
|
||||
customRender: 'cost'
|
||||
}
|
||||
},{
|
||||
title: '服役年',
|
||||
key: 'yearCommissioned',
|
||||
dataIndex: 'yearCommissioned',
|
||||
scopedSlots: {
|
||||
customRender: 'yearCommissioned'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '退役年',
|
||||
key: 'yearDecommissioned',
|
||||
dataIndex: 'yearDecommissioned',
|
||||
scopedSlots: {
|
||||
customRender: 'yearDecommissioned'
|
||||
}
|
||||
},{
|
||||
title: '注释',
|
||||
key: 'comments',
|
||||
dataIndex: 'comments',
|
||||
scopedSlots: {
|
||||
customRender: 'comments'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '类型',
|
||||
key: 'type',
|
||||
dataIndex: 'type',
|
||||
scopedSlots: {
|
||||
customRender: 'type'
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
'Submarine':{
|
||||
cols:[
|
||||
{
|
||||
title: '#DBID',
|
||||
key: 'id',
|
||||
dataIndex: 'id',
|
||||
scopedSlots: {
|
||||
customRender: 'id'
|
||||
}
|
||||
},{
|
||||
title: '名称',
|
||||
key: 'name',
|
||||
dataIndex: 'name',
|
||||
scopedSlots: {
|
||||
customRender: 'name'
|
||||
}
|
||||
},{
|
||||
title: '类别',
|
||||
key: 'category',
|
||||
dataIndex: 'category',
|
||||
scopedSlots: {
|
||||
customRender: 'category'
|
||||
}
|
||||
},{
|
||||
title: '所属国',
|
||||
key: 'operatorCountry',
|
||||
dataIndex: 'operatorCountry',
|
||||
scopedSlots: {
|
||||
customRender: 'operatorCountry'
|
||||
}
|
||||
},{
|
||||
title: '所属军种',
|
||||
key: 'operatorService',
|
||||
dataIndex: 'operatorService',
|
||||
scopedSlots: {
|
||||
customRender: 'operatorService'
|
||||
}
|
||||
},{
|
||||
title: '造价(百万，￥)',
|
||||
key: 'cost',
|
||||
dataIndex: 'cost',
|
||||
scopedSlots: {
|
||||
customRender: 'cost'
|
||||
}
|
||||
},{
|
||||
title: '服役年',
|
||||
key: 'yearCommissioned',
|
||||
dataIndex: 'yearCommissioned',
|
||||
scopedSlots: {
|
||||
customRender: 'yearCommissioned'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '退役年',
|
||||
key: 'yearDecommissioned',
|
||||
dataIndex: 'yearDecommissioned',
|
||||
scopedSlots: {
|
||||
customRender: 'yearDecommissioned'
|
||||
}
|
||||
},{
|
||||
title: '注释',
|
||||
key: 'comments',
|
||||
dataIndex: 'comments',
|
||||
scopedSlots: {
|
||||
customRender: 'comments'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '类型',
|
||||
key: 'type',
|
||||
dataIndex: 'type',
|
||||
scopedSlots: {
|
||||
customRender: 'type'
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
'Weapon':{
|
||||
cols:[
|
||||
{
|
||||
title: '#DBID',
|
||||
key: 'id',
|
||||
dataIndex: 'id',
|
||||
scopedSlots: {
|
||||
customRender: 'id'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '名称',
|
||||
key: 'name',
|
||||
dataIndex: 'name',
|
||||
scopedSlots: {
|
||||
customRender: 'name'
|
||||
}
|
||||
},{
|
||||
title: '生产年代',
|
||||
key: 'generation',
|
||||
dataIndex: 'generation',
|
||||
scopedSlots: {
|
||||
customRender: 'generation'
|
||||
}
|
||||
},{
|
||||
title: '所属国',
|
||||
key: 'operatorCountry',
|
||||
dataIndex: 'operatorCountry',
|
||||
scopedSlots: {
|
||||
customRender: 'operatorCountry'
|
||||
}
|
||||
},{
|
||||
title: '造价(百万，￥)',
|
||||
key: 'cost',
|
||||
dataIndex: 'cost',
|
||||
scopedSlots: {
|
||||
customRender: 'cost'
|
||||
}
|
||||
},{
|
||||
title: '注释',
|
||||
key: 'comments',
|
||||
dataIndex: 'comments',
|
||||
scopedSlots: {
|
||||
customRender: 'comments'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '类型',
|
||||
key: 'type',
|
||||
dataIndex: 'type',
|
||||
scopedSlots: {
|
||||
customRender: 'type'
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
'Facility':{
|
||||
cols:[
|
||||
{
|
||||
title: '#DBID',
|
||||
key: 'id',
|
||||
dataIndex: 'id',
|
||||
scopedSlots: {
|
||||
customRender: 'id'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '名称',
|
||||
key: 'name',
|
||||
dataIndex: 'name',
|
||||
scopedSlots: {
|
||||
customRender: 'name'
|
||||
}
|
||||
},{
|
||||
title: '类别',
|
||||
key: 'category',
|
||||
dataIndex: 'category',
|
||||
scopedSlots: {
|
||||
customRender: 'category'
|
||||
}
|
||||
},{
|
||||
title: '所属国',
|
||||
key: 'operatorCountry',
|
||||
dataIndex: 'operatorCountry',
|
||||
scopedSlots: {
|
||||
customRender: 'operatorCountry'
|
||||
}
|
||||
},{
|
||||
title: '所属军种',
|
||||
key: 'operatorService',
|
||||
dataIndex: 'operatorService',
|
||||
scopedSlots: {
|
||||
customRender: 'operatorService'
|
||||
}
|
||||
},{
|
||||
title: '造价(百万，￥)',
|
||||
key: 'cost',
|
||||
dataIndex: 'cost',
|
||||
scopedSlots: {
|
||||
customRender: 'cost'
|
||||
}
|
||||
},{
|
||||
title: '服役年',
|
||||
key: 'yearCommissioned',
|
||||
dataIndex: 'yearCommissioned',
|
||||
scopedSlots: {
|
||||
customRender: 'yearCommissioned'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '退役年',
|
||||
key: 'yearDecommissioned',
|
||||
dataIndex: 'yearDecommissioned',
|
||||
scopedSlots: {
|
||||
customRender: 'yearDecommissioned'
|
||||
}
|
||||
},{
|
||||
title: '注释',
|
||||
key: 'comments',
|
||||
dataIndex: 'comments',
|
||||
scopedSlots: {
|
||||
customRender: 'comments'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '类型',
|
||||
key: 'type',
|
||||
dataIndex: 'type',
|
||||
scopedSlots: {
|
||||
customRender: 'type'
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
'Satellite':{
|
||||
cols:[
|
||||
{
|
||||
title: '#DBID',
|
||||
key: 'id',
|
||||
dataIndex: 'id',
|
||||
scopedSlots: {
|
||||
customRender: 'id'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '名称',
|
||||
key: 'name',
|
||||
dataIndex: 'name',
|
||||
scopedSlots: {
|
||||
customRender: 'name'
|
||||
}
|
||||
},{
|
||||
title: '类别',
|
||||
key: 'category',
|
||||
dataIndex: 'category',
|
||||
scopedSlots: {
|
||||
customRender: 'category'
|
||||
}
|
||||
},{
|
||||
title: '所属国',
|
||||
key: 'operatorCountry',
|
||||
dataIndex: 'operatorCountry',
|
||||
scopedSlots: {
|
||||
customRender: 'operatorCountry'
|
||||
}
|
||||
},{
|
||||
title: '所属军种',
|
||||
key: 'operatorService',
|
||||
dataIndex: 'operatorService',
|
||||
scopedSlots: {
|
||||
customRender: 'operatorService'
|
||||
}
|
||||
},{
|
||||
title: '造价(百万，￥)',
|
||||
key: 'cost',
|
||||
dataIndex: 'cost',
|
||||
scopedSlots: {
|
||||
customRender: 'cost'
|
||||
}
|
||||
},{
|
||||
title: '服役年',
|
||||
key: 'yearCommissioned',
|
||||
dataIndex: 'yearCommissioned',
|
||||
scopedSlots: {
|
||||
customRender: 'yearCommissioned'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '退役年',
|
||||
key: 'yearDecommissioned',
|
||||
dataIndex: 'yearDecommissioned',
|
||||
scopedSlots: {
|
||||
customRender: 'yearDecommissioned'
|
||||
}
|
||||
},{
|
||||
title: '注释',
|
||||
key: 'comments',
|
||||
dataIndex: 'comments',
|
||||
scopedSlots: {
|
||||
customRender: 'comments'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '类型',
|
||||
key: 'type',
|
||||
dataIndex: 'type',
|
||||
scopedSlots: {
|
||||
customRender: 'type'
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
'Comm':{
|
||||
cols:[
|
||||
{
|
||||
title: '#DBID',
|
||||
key: 'id',
|
||||
dataIndex: 'id',
|
||||
scopedSlots: {
|
||||
customRender: 'id'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '名称',
|
||||
key: 'name',
|
||||
dataIndex: 'name',
|
||||
scopedSlots: {
|
||||
customRender: 'name'
|
||||
}
|
||||
},{
|
||||
title: '类型',
|
||||
key: 'type',
|
||||
dataIndex: 'type',
|
||||
scopedSlots: {
|
||||
customRender: 'type'
|
||||
}
|
||||
},{
|
||||
title: '注释',
|
||||
key: 'comments',
|
||||
dataIndex: 'comments',
|
||||
scopedSlots: {
|
||||
customRender: 'comments'
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
'Sensor':{
|
||||
cols:[
|
||||
{
|
||||
title: '#DBID',
|
||||
key: 'id',
|
||||
dataIndex: 'id',
|
||||
scopedSlots: {
|
||||
customRender: 'id'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '名称',
|
||||
key: 'name',
|
||||
dataIndex: 'name',
|
||||
scopedSlots: {
|
||||
customRender: 'name'
|
||||
}
|
||||
},{
|
||||
title: '类型',
|
||||
key: 'type',
|
||||
dataIndex: 'type',
|
||||
scopedSlots: {
|
||||
customRender: 'type'
|
||||
}
|
||||
},{
|
||||
title: '注释',
|
||||
key: 'comments',
|
||||
dataIndex: 'comments',
|
||||
scopedSlots: {
|
||||
customRender: 'comments'
|
||||
}
|
||||
},{
|
||||
title: '最大作用距离（公里）',
|
||||
key: 'rangeMax',
|
||||
dataIndex: 'rangeMax',
|
||||
scopedSlots: {
|
||||
customRender: 'rangeMax'
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
'Loadout':{
|
||||
cols:[
|
||||
{
|
||||
title: '#DBID',
|
||||
key: 'id',
|
||||
dataIndex: 'id',
|
||||
scopedSlots: {
|
||||
customRender: 'id'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '名称',
|
||||
key: 'name',
|
||||
dataIndex: 'name',
|
||||
scopedSlots: {
|
||||
customRender: 'name'
|
||||
}
|
||||
},{
|
||||
title: '挂载方案的作用',
|
||||
key: 'loadoutRole',
|
||||
dataIndex: 'loadoutRole',
|
||||
scopedSlots: {
|
||||
customRender: 'loadoutRole'
|
||||
}
|
||||
},{
|
||||
title: '注释',
|
||||
key: 'comments',
|
||||
dataIndex: 'comments',
|
||||
scopedSlots: {
|
||||
customRender: 'comments'
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
'Magazine':{
|
||||
cols:[
|
||||
{
|
||||
title: '#DBID',
|
||||
key: 'id',
|
||||
dataIndex: 'id',
|
||||
scopedSlots: {
|
||||
customRender: 'id'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '名称',
|
||||
key: 'name',
|
||||
dataIndex: 'name',
|
||||
scopedSlots: {
|
||||
customRender: 'name'
|
||||
}
|
||||
},{
|
||||
title: '装甲',
|
||||
key: 'armorGeneral',
|
||||
dataIndex: 'armorGeneral',
|
||||
scopedSlots: {
|
||||
customRender: 'armorGeneral'
|
||||
}
|
||||
},{
|
||||
title: '补给间隔时间（秒）',
|
||||
key: 'rof',
|
||||
dataIndex: 'rof',
|
||||
scopedSlots: {
|
||||
customRender: 'rof'
|
||||
}
|
||||
},{
|
||||
title: '容量',
|
||||
key: 'capacity',
|
||||
dataIndex: 'capacity',
|
||||
scopedSlots: {
|
||||
customRender: 'capacity'
|
||||
}
|
||||
},{
|
||||
title: '注释',
|
||||
key: 'comments',
|
||||
dataIndex: 'comments',
|
||||
scopedSlots: {
|
||||
customRender: 'comments'
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
'Mount':{
|
||||
cols:[
|
||||
{
|
||||
title: '#DBID',
|
||||
key: 'id',
|
||||
dataIndex: 'id',
|
||||
scopedSlots: {
|
||||
customRender: 'id'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '名称',
|
||||
key: 'name',
|
||||
dataIndex: 'name',
|
||||
scopedSlots: {
|
||||
customRender: 'name'
|
||||
}
|
||||
},{
|
||||
title: '注释',
|
||||
key: 'comments',
|
||||
dataIndex: 'comments',
|
||||
scopedSlots: {
|
||||
customRender: 'comments'
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
'Propulsion':{
|
||||
cols:[
|
||||
{
|
||||
title: '#DBID',
|
||||
key: 'id',
|
||||
dataIndex: 'id',
|
||||
scopedSlots: {
|
||||
customRender: 'id'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '名称',
|
||||
key: 'name',
|
||||
dataIndex: 'name',
|
||||
scopedSlots: {
|
||||
customRender: 'name'
|
||||
}
|
||||
},{
|
||||
title: '类型',
|
||||
key: 'type',
|
||||
dataIndex: 'type',
|
||||
scopedSlots: {
|
||||
customRender: 'type'
|
||||
}
|
||||
},{
|
||||
title: '注释',
|
||||
key: 'comments',
|
||||
dataIndex: 'comments',
|
||||
scopedSlots: {
|
||||
customRender: 'comments'
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
'Warhead':{
|
||||
cols:[
|
||||
{
|
||||
title: '#DBID',
|
||||
key: 'id',
|
||||
dataIndex: 'id',
|
||||
scopedSlots: {
|
||||
customRender: 'id'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '名称',
|
||||
key: 'name',
|
||||
dataIndex: 'name',
|
||||
scopedSlots: {
|
||||
customRender: 'name'
|
||||
}
|
||||
},{
|
||||
title: '炸药类型',
|
||||
key: 'explosivesType',
|
||||
dataIndex: 'explosivesType',
|
||||
scopedSlots: {
|
||||
customRender: 'explosivesType'
|
||||
}
|
||||
},{
|
||||
title: '类型',
|
||||
key: 'type',
|
||||
dataIndex: 'type',
|
||||
scopedSlots: {
|
||||
customRender: 'type'
|
||||
}
|
||||
},{
|
||||
title: '注释',
|
||||
key: 'comments',
|
||||
dataIndex: 'comments',
|
||||
scopedSlots: {
|
||||
customRender: 'comments'
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
Laser: {
|
||||
cols:[
|
||||
{
|
||||
title: '#DBID',
|
||||
key: 'id',
|
||||
dataIndex: 'id',
|
||||
scopedSlots: {
|
||||
customRender: 'id'
|
||||
}
|
||||
},
|
||||
{
|
||||
title: '名称',
|
||||
key: 'name',
|
||||
dataIndex: 'name',
|
||||
scopedSlots: {
|
||||
customRender: 'name'
|
||||
}
|
||||
},{
|
||||
title: '类型',
|
||||
key: 'type',
|
||||
dataIndex: 'type',
|
||||
scopedSlots: {
|
||||
customRender: 'type'
|
||||
}
|
||||
},{
|
||||
title: '所属国',
|
||||
key: 'operatorCountry',
|
||||
dataIndex: 'operatorCountry',
|
||||
scopedSlots: {
|
||||
customRender: 'operatorCountry'
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
110
src/views/simulationScene/database/txsjk.vue
Normal file
110
src/views/simulationScene/database/txsjk.vue
Normal file
|
|
@ -0,0 +1,110 @@
|
|||
<template>
|
||||
<page-header-wrapper>
|
||||
<Grid>
|
||||
<a-card class="my-card">
|
||||
<AntQueryTable
|
||||
height="100%"
|
||||
ref="tx-table"
|
||||
:queryConfig="txTable.queryConfig"
|
||||
:tableConfig="txTable.tableConfig"
|
||||
:pageConfig="txTable.pageConfig"
|
||||
:showTool="txTable.showTool"
|
||||
>
|
||||
<template #toolbar-left>
|
||||
<a-button type="primary" icon="plus" @click="handleOpenAddModal">新增</a-button>
|
||||
</template>
|
||||
<template #tablecell-iconBase64="{ text }">
|
||||
<img :src="text" alt="" style="width: 100px; height: 70px; object-fit: contain" />
|
||||
</template>
|
||||
<template #tablecell-action="{ record }">
|
||||
<a-button type="text-primary" icon="edit" @click="handleOpenEditModal(record)"></a-button>
|
||||
<a-button type="text-danger" icon="delete" @click="handleDelete(record)"></a-button>
|
||||
</template>
|
||||
</AntQueryTable>
|
||||
</a-card>
|
||||
</Grid>
|
||||
<AntFormModal
|
||||
:visible.sync="AEModal.visible"
|
||||
:title="AEModal.title"
|
||||
width="900px"
|
||||
:formConfig="{ labelCol: { span: 3 }, wrapperCol: { span: 19 } }"
|
||||
:formItems="AEModal.formItems"
|
||||
:formRules="AEModal.formRules"
|
||||
:formData="AEModal.formData"
|
||||
:onSubmit="handleSubmitAE"
|
||||
@success="handleSubmitAESuccess"
|
||||
></AntFormModal>
|
||||
</page-header-wrapper>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { deleteAction, getAction, postAction, putAction } from '@/api/manage'
|
||||
export default {
|
||||
name: 'Txsjk',
|
||||
data() {
|
||||
return {
|
||||
txTable: {
|
||||
queryConfig: false,
|
||||
tableConfig: {
|
||||
query: () => getAction('/icon/list'),
|
||||
columns: [
|
||||
{ dataIndex: 'serial' },
|
||||
{ dataIndex: 'iconName', title: '军标名称', width: 'auto', align: 'center' },
|
||||
{ dataIndex: 'iconBase64', title: '军标图片', width: 'auto', align: 'center' },
|
||||
{ dataIndex: 'action' },
|
||||
],
|
||||
},
|
||||
pageConfig: true,
|
||||
showTool: true,
|
||||
},
|
||||
AEModal: {
|
||||
visible: false,
|
||||
title: '新增图形',
|
||||
formItems: [
|
||||
{ label: '军标名称', prop: 'iconName' },
|
||||
{ label: '军标图片', prop: 'iconBase64', component: 'Image2Base64' },
|
||||
],
|
||||
formRules: {},
|
||||
formData: {},
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleOpenAddModal() {
|
||||
this.AEModal.formData = {}
|
||||
this.AEModal.visible = true
|
||||
},
|
||||
async handleOpenEditModal(record) {
|
||||
try {
|
||||
const res = await getAction(`/icon/${record.id}`)
|
||||
this.AEModal.formData = res.data
|
||||
this.AEModal.visible = true
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
},
|
||||
handleSubmitAE(formData) {
|
||||
return this.$http({
|
||||
url: '/icon/save',
|
||||
method: 'post',
|
||||
data: formData,
|
||||
})
|
||||
},
|
||||
handleSubmitAESuccess() {
|
||||
this.$refs['tx-table'].commitAction('query')
|
||||
},
|
||||
async handleDelete(record) {
|
||||
try {
|
||||
await this.$confirm({ title: '温馨提示', content: '确定要删除该军标吗？' })
|
||||
const res = await getAction('/icon/remove/' + record.id)
|
||||
this.$message.success(res.message)
|
||||
this.$refs['tx-table'].commitAction('query')
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped></style>
|
||||
133
src/views/simulationScene/database/xdsjk.vue
Normal file
133
src/views/simulationScene/database/xdsjk.vue
Normal file
|
|
@ -0,0 +1,133 @@
|
|||
<template>
|
||||
<page-header-wrapper>
|
||||
<Grid>
|
||||
<a-card class="my-card">
|
||||
<AntQueryTable
|
||||
height="100%"
|
||||
ref="xd-table"
|
||||
:queryConfig="xdTable.queryConfig"
|
||||
:tableConfig="xdTable.tableConfig"
|
||||
:pageConfig="xdTable.pageConfig"
|
||||
:showTool="xdTable.showTool"
|
||||
>
|
||||
<template #toolbar-left>
|
||||
<a-button type="primary" icon="plus" @click="handleOpenAddModal">新增</a-button>
|
||||
</template>
|
||||
<template #tablecell-action="{ record }">
|
||||
<a-button type="text-primary" icon="form" @click="handleOpenEditModal(record)"></a-button>
|
||||
<a-divider type="vertical" />
|
||||
<a-popconfirm
|
||||
title="确定要删除该想定吗？"
|
||||
ok-text="确定"
|
||||
cancel-text="取消"
|
||||
@confirm="handleDelete(record)"
|
||||
>
|
||||
<a-button type="text-primary" icon="delete"></a-button>
|
||||
</a-popconfirm>
|
||||
</template>
|
||||
</AntQueryTable>
|
||||
</a-card>
|
||||
</Grid>
|
||||
<AntFormModal
|
||||
:visible.sync="AEModal.visible"
|
||||
:title="AEModal.title"
|
||||
:formItems="AEModal.formItems"
|
||||
:formRules="AEModal.formRules"
|
||||
:formData="AEModal.formData"
|
||||
:onSubmit="handleSubmitAE"
|
||||
@success="handleSubmitAESuccess"
|
||||
></AntFormModal>
|
||||
</page-header-wrapper>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Xdsjk',
|
||||
data() {
|
||||
return {
|
||||
xdTable: {
|
||||
queryConfig: {
|
||||
items: [{ label: '想定名称', prop: 'name' }],
|
||||
},
|
||||
tableConfig: {
|
||||
query: (params) =>
|
||||
this.$http({
|
||||
url: '/baseData/scenario/list',
|
||||
method: 'get',
|
||||
params: params,
|
||||
}),
|
||||
columns: [
|
||||
{ dataIndex: 'serial' },
|
||||
{ title: '想定名称', align: 'left', dataIndex: 'name', ellipsis: true, width: 'auto' },
|
||||
{ title: '作者', dataIndex: 'author', align: 'left', width: 'auto' },
|
||||
{
|
||||
title: '创建时间',
|
||||
dataIndex: 'createTime',
|
||||
customRender: (t) => t?.replace('T', ' '),
|
||||
align: 'left',
|
||||
width: 'auto',
|
||||
},
|
||||
{ dataIndex: 'action' },
|
||||
],
|
||||
},
|
||||
pageConfig: true,
|
||||
showTool: true,
|
||||
},
|
||||
AEModal: {
|
||||
visible: false,
|
||||
title: '新增想定',
|
||||
formItems: [{ label: '想定名称', prop: 'name' }],
|
||||
formRules: {
|
||||
name: [{ required: true, message: '请输入想定名称！', trigger: 'blur' }],
|
||||
},
|
||||
formData: {},
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
handleOpenAddModal() {
|
||||
this.AEModal.formData = {}
|
||||
this.AEModal.title = '新增想定'
|
||||
this.AEModal.visible = true
|
||||
},
|
||||
async handleOpenEditModal(record) {
|
||||
try {
|
||||
const res = await this.$http({
|
||||
url: `/baseData/scenario/${record.id}`,
|
||||
method: 'get',
|
||||
})
|
||||
this.AEModal.formData = res.data
|
||||
this.AEModal.title = '编辑想定'
|
||||
this.AEModal.visible = true
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
},
|
||||
handleSubmitAE(formData) {
|
||||
return this.$http({
|
||||
url: `/baseData/scenario/save`,
|
||||
method: 'post',
|
||||
data: formData,
|
||||
})
|
||||
},
|
||||
handleSubmitAESuccess() {
|
||||
this.$refs['xd-table'].commitAction('query')
|
||||
},
|
||||
async handleDelete(record) {
|
||||
try {
|
||||
await this.$http({
|
||||
url: `/baseData/scenario/remove/${record.id}`,
|
||||
method: 'get',
|
||||
})
|
||||
this.$message.success('删除想定成功')
|
||||
this.$refs['xd-table'].commitAction('query')
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
this.$message.error('删除想定失败')
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped></style>
|
||||
68
src/views/simulationScene/database/yxjlsjk.vue
Normal file
68
src/views/simulationScene/database/yxjlsjk.vue
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
<template>
|
||||
<page-header-wrapper>
|
||||
<Grid>
|
||||
<a-card class="my-card">
|
||||
<AntQueryTable
|
||||
height="100%"
|
||||
ref="xd-table"
|
||||
:queryConfig="yxjlTable.queryConfig"
|
||||
:tableConfig="yxjlTable.tableConfig"
|
||||
:pageConfig="yxjlTable.pageConfig"
|
||||
:showTool="yxjlTable.showTool"
|
||||
>
|
||||
</AntQueryTable>
|
||||
</a-card>
|
||||
</Grid>
|
||||
</page-header-wrapper>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Yxjlsjk',
|
||||
data() {
|
||||
return {
|
||||
yxjlTable: {
|
||||
queryConfig: {
|
||||
items: [{ label: '想定名称', prop: 'name' }],
|
||||
},
|
||||
tableConfig: {
|
||||
query: (params) =>
|
||||
this.$http({
|
||||
url: '/scenarioHistory/list',
|
||||
method: 'get',
|
||||
params: params,
|
||||
}),
|
||||
columns: [
|
||||
{ dataIndex: 'serial' },
|
||||
{ title: '#', align: 'center', dataIndex: 'id', width: 80 },
|
||||
{ title: '想定名称', align: 'left', dataIndex: 'name', ellipsis: true, width: 'auto' },
|
||||
{ title: '作者', dataIndex: 'author', align: 'left', width: 'auto' },
|
||||
{
|
||||
title: '运行状态',
|
||||
dataIndex: 'finalStatus',
|
||||
customRender: (t) => ({ 1: '中止', 2: '推演结束' }[t]),
|
||||
align: 'center',
|
||||
},
|
||||
{
|
||||
title: '开始时间',
|
||||
dataIndex: 'scenarioStartRunTime',
|
||||
customRender: (t) => t?.replace('T', ' '),
|
||||
align: 'center',
|
||||
},
|
||||
{
|
||||
title: '结束时间',
|
||||
dataIndex: 'scenarioEndRunTime',
|
||||
customRender: (t) => t?.replace('T', ' '),
|
||||
align: 'center',
|
||||
},
|
||||
],
|
||||
},
|
||||
pageConfig: true,
|
||||
showTool: false,
|
||||
},
|
||||
}
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped></style>
|
||||
507
src/views/simulationScene/database/zzllsjk.vue
Normal file
507
src/views/simulationScene/database/zzllsjk.vue
Normal file
|
|
@ -0,0 +1,507 @@
|
|||
<template>
|
||||
<page-header-wrapper>
|
||||
<Grid :columns="['400px', 1]" :rows="gridRows">
|
||||
<a-card title="组织架构-作战力量" class="my-card my-card-has-title" :bordered="false" style="grid-row: 1 / 4">
|
||||
<template #extra>
|
||||
<a-button type="primary" icon="plus" shape="circle" title="新增" @click="handleOpenAddZzjgModal()"></a-button>
|
||||
</template>
|
||||
<a-tree
|
||||
:treeData="zzjg.treeData"
|
||||
:selectedKeys.sync="zzjg.selectedKeys"
|
||||
:expandedKeys.sync="zzjg.expandedKeys"
|
||||
@select="handleChangeZzjgSelected">
|
||||
<template #title="{ key: id, title }">
|
||||
<a-dropdown :trigger="['contextmenu']">
|
||||
<span>{{ title }}</span>
|
||||
<template #overlay>
|
||||
<Flex class="contextmenu-zz">
|
||||
<a-button type="text-primary" icon="edit" title="编辑" @click="handleOpenEditZzjgModal(id)"></a-button>
|
||||
<a-button type="text-primary" icon="plus" title="新增子项" @click="handleOpenAddZzjgModal(id)"></a-button>
|
||||
<a-button type="text-danger" icon="delete" title="删除" @click="handleDeleteZzjg(id, title)"></a-button>
|
||||
</Flex>
|
||||
</template>
|
||||
</a-dropdown>
|
||||
</template>
|
||||
</a-tree>
|
||||
</a-card>
|
||||
<a-card title="组织人员" class="my-card my-card-has-title" :bordered="false">
|
||||
<template #extra>
|
||||
<a-button type="primary" style="margin-right: 20px" @click="handleOpenAddZzryModal">新增</a-button>
|
||||
<a-icon
|
||||
v-if="layoutRight === 'zzry'"
|
||||
type="fullscreen-exit"
|
||||
style="font-size: 32px"
|
||||
@click="layoutRight = 'auto'" />
|
||||
<a-icon v-else type="fullscreen" style="font-size: 32px" @click="layoutRight = 'zzry'" />
|
||||
</template>
|
||||
<AntQueryTable
|
||||
ref="zzry-table"
|
||||
height="100%"
|
||||
:queryConfig="zzry.queryConfig"
|
||||
:tableConfig="zzry.tableConfig"
|
||||
:pageConfig="zzry.pageConfig" :showTool="zzry.showTool">
|
||||
<template #tablecell-action="{ record }">
|
||||
<a-button type="text-primary" icon="edit" @click="handleOpenEditZzryModal(record)"></a-button>
|
||||
</template>
|
||||
</AntQueryTable>
|
||||
</a-card>
|
||||
<a-card title="组织装备" class="my-card my-card-has-title" :bordered="false">
|
||||
<template #extra>
|
||||
<a-button type="primary" style="margin-right: 20px" @click="handleOpenAddZzzbModal">新增</a-button>
|
||||
<a-icon
|
||||
v-if="layoutRight === 'zzzb'"
|
||||
type="fullscreen-exit"
|
||||
style="font-size: 32px"
|
||||
@click="layoutRight = 'auto'" />
|
||||
<a-icon v-else type="fullscreen" style="font-size: 32px" @click="layoutRight = 'zzzb'" />
|
||||
</template>
|
||||
<AntQueryTable
|
||||
ref="zzzb-table" height="100%"
|
||||
:queryConfig="zzzb.queryConfig"
|
||||
:tableConfig="zzzb.tableConfig"
|
||||
:pageConfig="zzzb.pageConfig" :showTool="zzzb.showTool">
|
||||
<template #tablecell-action="{ record }">
|
||||
<a-button type="text-primary" icon="edit" @click="handleOpenEditZzzbModal(record)"></a-button>
|
||||
</template>
|
||||
</AntQueryTable>
|
||||
</a-card>
|
||||
<!-- 组织物资卡片 -->
|
||||
<a-card title="组织物资" class="my-card my-card-has-title" :bordered="false">
|
||||
<template #extra>
|
||||
<a-button type="primary" style="margin-right: 20px" @click="handleOpenAddZzwzModal">新增</a-button>
|
||||
<a-icon
|
||||
v-if="layoutRight === 'zzwz'"
|
||||
type="fullscreen-exit"
|
||||
style="font-size: 32px"
|
||||
@click="layoutRight = 'auto'" />
|
||||
<a-icon v-else type="fullscreen" style="font-size: 32px" @click="layoutRight = 'zzwz'" />
|
||||
</template>
|
||||
<AntQueryTable
|
||||
ref="zzwz-table"
|
||||
height="100%"
|
||||
:queryConfig="zzwz.queryConfig"
|
||||
:tableConfig="zzwz.tableConfig"
|
||||
:pageConfig="zzwz.pageConfig" :showTool="zzwz.showTool">
|
||||
<template #tablecell-action="{ record }">
|
||||
<a-button type="text-primary" icon="edit" @click="handleOpenEditZzwzModal(record)"></a-button>
|
||||
</template>
|
||||
</AntQueryTable>
|
||||
</a-card>
|
||||
</Grid>
|
||||
<AntFormModal
|
||||
:visible.sync="zzjgModal.visible"
|
||||
:title="zzjgModal.title"
|
||||
:formItems="zzjgModal.formItems"
|
||||
:formRules="zzjgModal.formRules" :formData="zzjgModal.formData" :onSubmit="handleSubmitZzjg"
|
||||
@success="handleSubmitZzjgSuccess"></AntFormModal>
|
||||
<AntFormModal
|
||||
:visible.sync="zzryModal.visible"
|
||||
:title="zzryModal.title"
|
||||
:formItems="zzryModal.formItems"
|
||||
:formRules="zzryModal.formRules" :formData="zzryModal.formData" :onSubmit="handleSubmitZzry"
|
||||
@success="handleSubmitZzrySuccess"></AntFormModal>
|
||||
<AntFormModal
|
||||
:visible.sync="zzzbModal.visible"
|
||||
:title="zzzbModal.title"
|
||||
:formItems="zzzbFormItems"
|
||||
:formRules="zzzbModal.formRules" :formData="zzzbModal.formData" :onSubmit="handleSubmitZzzb"
|
||||
@success="handleSubmitZzzbSuccess"></AntFormModal>
|
||||
<!-- 组织物资模态框 -->
|
||||
<AntFormModal
|
||||
:visible.sync="zzwzModal.visible"
|
||||
:title="zzwzModal.title"
|
||||
:formItems="zzwzFormItems"
|
||||
:formRules="zzwzModal.formRules" :formData="zzwzModal.formData" :onSubmit="handleSubmitZzwz"
|
||||
@success="handleSubmitZzwzSuccess"></AntFormModal>
|
||||
</page-header-wrapper>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Zzllsjk',
|
||||
data() {
|
||||
return {
|
||||
layoutRight: 'auto',
|
||||
zzjg: {
|
||||
treeData: [],
|
||||
selectedKeys: [],
|
||||
expandedKeys: [],
|
||||
},
|
||||
zzjgModal: {
|
||||
visible: false,
|
||||
title: '',
|
||||
mode: '',
|
||||
formItems: [
|
||||
{
|
||||
label: '上级组织',
|
||||
prop: 'parentId',
|
||||
component: 'AntOriginTreeSelect',
|
||||
options: {
|
||||
dataSource: () =>
|
||||
this.$http({
|
||||
url: '/tree/organization',
|
||||
method: 'get',
|
||||
params: { unittype: 1 },
|
||||
}).then((res) => ({ data: [{ key: 0, title: '根组织' }].concat(res.data) })),
|
||||
valueKey: 'key',
|
||||
},
|
||||
},
|
||||
{
|
||||
label: '标识编码',
|
||||
prop: 'codeName',
|
||||
},
|
||||
{
|
||||
label: '组织名称',
|
||||
prop: 'name',
|
||||
},
|
||||
],
|
||||
formRules: {
|
||||
codeName: [{ required: true, message: '请输入标识编码！', trigger: 'blur' }],
|
||||
name: [{ required: true, message: '请输入组织名称！', trigger: 'blur' }],
|
||||
},
|
||||
formData: {},
|
||||
},
|
||||
|
||||
zzry: {
|
||||
queryConfig: false,
|
||||
tableConfig: {
|
||||
table: {},
|
||||
immediate: false,
|
||||
query: () =>
|
||||
this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/staff/${this.zzjg.selectedKeys[0]}`,
|
||||
method: 'get',
|
||||
}),
|
||||
columns: [
|
||||
{ dataIndex: 'serial' },
|
||||
{ title: '岗位', dataIndex: 'name', width: 'auto', minWidth: 150 },
|
||||
{ title: '岗位数量', dataIndex: 'number', type: 'number', width: 'auto', minWidth: 150 },
|
||||
{ dataIndex: 'action' },
|
||||
],
|
||||
},
|
||||
pageConfig: false,
|
||||
showTool: false,
|
||||
},
|
||||
zzryModal: {
|
||||
visible: false,
|
||||
title: '',
|
||||
mode: '',
|
||||
formItems: [
|
||||
{
|
||||
label: '岗位名称',
|
||||
prop: 'typeId',
|
||||
component: 'AntOriginSelect',
|
||||
options: {
|
||||
dataSource: () =>
|
||||
this.$http({
|
||||
url: '/unit/getAll',
|
||||
method: 'get',
|
||||
}),
|
||||
labelKey: 'name',
|
||||
readonly: false,
|
||||
},
|
||||
},
|
||||
{ label: '岗位数量', prop: 'number' },
|
||||
],
|
||||
formRules: {
|
||||
typeId: [{ required: true, message: '请选择岗位！', trigger: 'change' }],
|
||||
number: [{ required: true, message: '请输入岗位数量！', trigger: 'blur' }],
|
||||
},
|
||||
formData: {},
|
||||
},
|
||||
|
||||
zzzb: {
|
||||
queryConfig: false,
|
||||
tableConfig: {
|
||||
table: {},
|
||||
immediate: false,
|
||||
query: () =>
|
||||
this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/weapon/${this.zzjg.selectedKeys[0]}`,
|
||||
method: 'get',
|
||||
}),
|
||||
columns: [
|
||||
{ dataIndex: 'serial' },
|
||||
{ title: '装备名称', dataIndex: 'name', width: 'auto', minWidth: 150 },
|
||||
{ title: '装备数量', dataIndex: 'number', type: 'number', width: 'auto', minWidth: 150 },
|
||||
{ dataIndex: 'action' },
|
||||
],
|
||||
},
|
||||
pageConfig: false,
|
||||
showTool: false,
|
||||
},
|
||||
zzzbModal: {
|
||||
visible: false,
|
||||
title: '',
|
||||
mode: '',
|
||||
formItems: [
|
||||
{
|
||||
label: '装备名称',
|
||||
prop: 'weaponId',
|
||||
component: 'AntOriginTreeSelect',
|
||||
options: {
|
||||
dataSource: () =>
|
||||
this.$http({
|
||||
url: '/tree/armament',
|
||||
method: 'get',
|
||||
}),
|
||||
readonly: false,
|
||||
},
|
||||
},
|
||||
{ label: '装备数量', prop: 'number' },
|
||||
],
|
||||
formRules: {
|
||||
weaponId: [{ required: true, message: '请选择装备！', trigger: 'change' }],
|
||||
number: [{ required: true, message: '请输入装备数量！', trigger: 'blur' }],
|
||||
},
|
||||
formData: {},
|
||||
},
|
||||
|
||||
zzwz: {
|
||||
queryConfig: false,
|
||||
tableConfig: {
|
||||
table: {},
|
||||
immediate: false,
|
||||
query: () =>
|
||||
this.$http({
|
||||
url: `baseData/fightPowerHierarchy/supplier/getByOrgId?id=${this.zzjg.selectedKeys[0]}`, // 修改为material
|
||||
method: 'get',
|
||||
}),
|
||||
columns: [
|
||||
{ dataIndex: 'serial' },
|
||||
{ title: '物资名称', dataIndex: 'name', width: 'auto', minWidth: 150 }, // 修改标题
|
||||
{ title: '物资数量', dataIndex: 'account', type: 'account', width: 'auto', minWidth: 150 }, // 修改标题
|
||||
{ dataIndex: 'action' },
|
||||
],
|
||||
},
|
||||
pageConfig: false,
|
||||
showTool: false,
|
||||
},
|
||||
zzwzModal: {
|
||||
visible: false,
|
||||
title: '',
|
||||
mode: '',
|
||||
formItems: [
|
||||
{
|
||||
label: '物资名称', // 修改标签
|
||||
prop: 'supplierId', // 修改属性名
|
||||
component: 'AntOriginTreeSelect',
|
||||
options: {
|
||||
dataSource: () =>
|
||||
this.$http({
|
||||
url: '/suppliesDict/tree',
|
||||
method: 'get',
|
||||
}),
|
||||
readonly: false,
|
||||
},
|
||||
},
|
||||
{ label: '物资数量', prop: 'total' }, // 修改标签
|
||||
],
|
||||
formRules: {
|
||||
supplierId: [{ required: true, message: '请选择物资！', trigger: 'change' }], // 修改属性名和提示
|
||||
total: [{ required: true, message: '请输入物资数量！', trigger: 'blur' }], // 修改提示
|
||||
},
|
||||
formData: {},
|
||||
},
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
gridRows() {
|
||||
return {
|
||||
auto: [1, 1, 1],
|
||||
zzry: [1, '56px', '56px'],
|
||||
zzzb: ['56px', 1, '56px'],
|
||||
zzwz: ['56px', '56px', 1],
|
||||
}[this.layoutRight]
|
||||
},
|
||||
zzzbFormItems() {
|
||||
return [
|
||||
this.zzzbModal.mode === 'add'
|
||||
? {
|
||||
label: '装备名称',
|
||||
prop: 'weaponId',
|
||||
component: 'AntOriginTreeSelect',
|
||||
options: {
|
||||
dataSource: () =>
|
||||
this.$http({
|
||||
url: '/tree/armament',
|
||||
method: 'get',
|
||||
}),
|
||||
readonly: false,
|
||||
},
|
||||
}
|
||||
: { label: '装备名称', prop: 'name', customRender: (v) => v },
|
||||
{ label: '装备数量', prop: 'number' },
|
||||
]
|
||||
},
|
||||
zzwzFormItems() {
|
||||
return [
|
||||
this.zzwzModal.mode === 'add'
|
||||
? {
|
||||
label: '物资名称',
|
||||
prop: 'supplierId',
|
||||
component: 'AntOriginTreeSelect',
|
||||
options: {
|
||||
dataSource: () =>
|
||||
this.$http({
|
||||
url: '/suppliesDict/tree',
|
||||
method: 'get',
|
||||
}),
|
||||
valueKey: 'key',
|
||||
readonly: false,
|
||||
},
|
||||
}
|
||||
: { label: '物资名称', prop: 'name', customRender: (v) => v },
|
||||
{ label: '物资数量', prop: 'account' },
|
||||
]
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.getZzTree()
|
||||
},
|
||||
methods: {
|
||||
async getZzTree() {
|
||||
try {
|
||||
const res = await this.$http({
|
||||
url: `/tree/organization`,
|
||||
method: 'get',
|
||||
params: { unittype: 1 },
|
||||
})
|
||||
this.zzjg.treeData = res.data
|
||||
this.zzjg.selectedKeys = [this.zzjg.treeData[0].key]
|
||||
this.handleChangeZzjgSelected()
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
},
|
||||
handleChangeZzjgSelected() {
|
||||
this.$refs['zzry-table'].commitAction('reload')
|
||||
this.$refs['zzzb-table'].commitAction('reload')
|
||||
this.$refs['zzwz-table'].commitAction('reload')
|
||||
},
|
||||
handleOpenAddZzjgModal(parentId) {
|
||||
this.zzjgModal.title = '新建作战力量'
|
||||
this.zzjgModal.mode = 'add'
|
||||
this.zzjgModal.formData = { unittype: 1, parentId }
|
||||
this.zzjgModal.visible = true
|
||||
},
|
||||
async handleOpenEditZzjgModal(id) {
|
||||
try {
|
||||
const res = await this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/${id}`,
|
||||
method: 'get',
|
||||
})
|
||||
this.zzjgModal.title = '编辑作战力量'
|
||||
this.zzjgModal.mode = 'edit'
|
||||
this.zzjgModal.formData = res.data
|
||||
this.zzjgModal.visible = true
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
this.$message.error('未知错误，请重试')
|
||||
}
|
||||
},
|
||||
handleSubmitZzjg(formData) {
|
||||
return this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/save`,
|
||||
method: 'post',
|
||||
data: formData,
|
||||
})
|
||||
},
|
||||
handleSubmitZzjgSuccess() {
|
||||
this.getZzTree()
|
||||
},
|
||||
async handleDeleteZzjg(id, title) {
|
||||
try {
|
||||
await this.$confirm({ content: `确定删除作战力量-${title}？` })
|
||||
await this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/remove/${id}`,
|
||||
method: 'get',
|
||||
})
|
||||
this.$message.success('删除成功')
|
||||
this.getZzTree()
|
||||
} catch (error) { }
|
||||
},
|
||||
|
||||
handleOpenAddZzryModal() {
|
||||
this.zzryModal.title = '新建组织人员'
|
||||
this.zzryModal.mode = 'add'
|
||||
this.zzryModal.formData = { parentId: this.zzjg.selectedKeys[0] }
|
||||
this.zzryModal.formItems[0].options.readonly = false
|
||||
this.zzryModal.visible = true
|
||||
},
|
||||
handleOpenEditZzryModal(record) {
|
||||
this.zzryModal.title = `编辑组织人员`
|
||||
this.zzryModal.mode = 'edit'
|
||||
this.zzryModal.formData = { ...record }
|
||||
this.zzryModal.formItems[0].options.readonly = true
|
||||
this.zzryModal.visible = true
|
||||
},
|
||||
handleSubmitZzry(formData) {
|
||||
return this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/staff/save`,
|
||||
method: 'post',
|
||||
data: formData,
|
||||
})
|
||||
},
|
||||
handleSubmitZzrySuccess() {
|
||||
this.$refs['zzry-table'].commitAction('query')
|
||||
},
|
||||
|
||||
handleOpenAddZzzbModal() {
|
||||
this.zzzbModal.title = '新建组织装备'
|
||||
this.zzzbModal.mode = 'add'
|
||||
this.zzzbModal.formData = { parentId: this.zzjg.selectedKeys[0] }
|
||||
this.zzzbModal.visible = true
|
||||
},
|
||||
handleOpenEditZzzbModal(record) {
|
||||
this.zzzbModal.title = `编辑组织装备`
|
||||
this.zzzbModal.mode = 'edit'
|
||||
this.zzzbModal.formData = { ...record }
|
||||
this.zzzbModal.visible = true
|
||||
},
|
||||
handleSubmitZzzb(formData) {
|
||||
return this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/weapon/save`,
|
||||
method: 'post',
|
||||
data: formData,
|
||||
})
|
||||
},
|
||||
handleSubmitZzzbSuccess() {
|
||||
this.$refs['zzzb-table'].commitAction('query')
|
||||
},
|
||||
|
||||
|
||||
handleOpenAddZzwzModal() {
|
||||
this.zzwzModal.title = '新建组织物资' // 修改标题
|
||||
this.zzwzModal.mode = 'add'
|
||||
this.zzwzModal.formData = { orgId: this.zzjg.selectedKeys[0] }
|
||||
this.zzwzModal.visible = true
|
||||
},
|
||||
handleOpenEditZzwzModal(record) {
|
||||
this.zzwzModal.title = `编辑组织物资` // 修改标题
|
||||
this.zzwzModal.mode = 'edit'
|
||||
this.zzwzModal.formData = { ...record }
|
||||
this.zzwzModal.visible = true
|
||||
},
|
||||
handleSubmitZzwz(formData) {
|
||||
return this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/supplier/save`, // 修改为material
|
||||
method: 'post',
|
||||
data: formData,
|
||||
})
|
||||
},
|
||||
handleSubmitZzwzSuccess() {
|
||||
this.$refs['zzwz-table'].commitAction('query')
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.contextmenu-zz {
|
||||
padding: 5px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 0 5px #aaaaaa;
|
||||
}
|
||||
</style>
|
||||
267
src/views/simulationScene/database/zzsjk.vue
Normal file
267
src/views/simulationScene/database/zzsjk.vue
Normal file
|
|
@ -0,0 +1,267 @@
|
|||
<template>
|
||||
<page-header-wrapper>
|
||||
<a-card :bordered="false">
|
||||
<div class="table-page-search-wrapper">
|
||||
<a-form layout="inline">
|
||||
<a-row :gutter="48">
|
||||
<a-col :xl="8" :lg="8">
|
||||
<span class="table-page-search-submitButtons">
|
||||
<a-button type="primary" @click="getList">查询</a-button>
|
||||
<a-button style="margin-left: 8px" @click="resetList">重置</a-button>
|
||||
</span>
|
||||
</a-col>
|
||||
<a-col :xl="8" :lg="8"> </a-col>
|
||||
<a-col :xl="8" :lg="8">
|
||||
<a-button type="primary" icon="plus" style="float: right" @click="handleAdd">新建</a-button>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
</div>
|
||||
<a-table
|
||||
bordered
|
||||
rowKey="key"
|
||||
size="small"
|
||||
:columns="columns"
|
||||
:dataSource="loadData"
|
||||
:pagination="false"
|
||||
:loading="loadingTable"
|
||||
>
|
||||
<span slot="action" slot-scope="text, record">
|
||||
<a @click="handleEdit(record)"> <a-icon type="form" /></a>
|
||||
<a-divider type="vertical" />
|
||||
|
||||
<a-popconfirm title="确定要删除该组织吗？" ok-text="确定" cancel-text="取消" @confirm="handleDelete(record)">
|
||||
<a href="javascript:;"><a-icon type="delete" /></a>
|
||||
</a-popconfirm>
|
||||
</span>
|
||||
</a-table>
|
||||
</a-card>
|
||||
|
||||
<h-modal
|
||||
:title="AEModal.title"
|
||||
:width="640"
|
||||
:visible="AEModal.visible"
|
||||
:destroyOnClose="true"
|
||||
@cancel="() => this.handleClose()"
|
||||
@ok="() => this.handleOk()"
|
||||
switch-fullscreen
|
||||
:fullscreen.sync="AEModal.fullscreen"
|
||||
>
|
||||
<a-spin :spinning="AEModal.spinning">
|
||||
<a-form-model
|
||||
ref="form"
|
||||
:model="AEModal.form"
|
||||
:rules="AEModal.rules"
|
||||
:label-col="AEModal.labelCol"
|
||||
:wrapper-col="AEModal.wrapperCol"
|
||||
>
|
||||
<a-form-model-item v-for="item in AEModal.formItems.concat(unittypeFormItem)" :key="item.prop" v-bind="item">
|
||||
<span v-if="item.customRender">{{ item.customRender(AEModal.form[item.prop]) }}</span>
|
||||
<component
|
||||
v-else
|
||||
:is="item.component || 'a-input'"
|
||||
v-model="AEModal.form[item.prop]"
|
||||
v-bind="item.options"
|
||||
v-on="item.listeners"
|
||||
/>
|
||||
</a-form-model-item>
|
||||
</a-form-model>
|
||||
</a-spin>
|
||||
</h-modal>
|
||||
</page-header-wrapper>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Zzsjk',
|
||||
data() {
|
||||
return {
|
||||
queryParam: {}, // 查询参数
|
||||
columns: [
|
||||
{
|
||||
title: '#',
|
||||
dataIndex: 'key',
|
||||
align: 'left',
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
title: '组织名称',
|
||||
align: 'left',
|
||||
dataIndex: 'title',
|
||||
ellipsis: true,
|
||||
},
|
||||
{
|
||||
title: '组织类型',
|
||||
align: 'left',
|
||||
dataIndex: 'unittype',
|
||||
customRender: (v, record) => {
|
||||
return { 1: '作战力量', 2: '保障力量' }[record.data.unittype]
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
width: 140,
|
||||
dataIndex: 'action',
|
||||
align: 'center',
|
||||
scopedSlots: { customRender: 'action' },
|
||||
},
|
||||
],
|
||||
loadData: [], // 加载数据方法 必须为 Promise 对象
|
||||
loadingTable: false,
|
||||
|
||||
AEModal: {
|
||||
title: '',
|
||||
visible: false,
|
||||
editStatus: false,
|
||||
fullscreen: false,
|
||||
spinning: false,
|
||||
form: {},
|
||||
formItems: [
|
||||
{
|
||||
label: '上级组织',
|
||||
prop: 'parentId',
|
||||
component: 'AntOriginTreeSelect',
|
||||
options: {
|
||||
dataSource: () =>
|
||||
this.$http({
|
||||
url: '/tree/organization',
|
||||
method: 'get',
|
||||
}).then((res) => ({ data: [{ key: 0, title: '根组织' }].concat(res.data) })),
|
||||
valueKey: 'key',
|
||||
},
|
||||
listeners: {
|
||||
change: (v, t, record) => {
|
||||
if (v === 0) {
|
||||
this.$set(this.AEModal.form, 'unittype', '')
|
||||
} else {
|
||||
this.$set(this.AEModal.form, 'unittype', record.data.unittype)
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
label: '标识编码',
|
||||
prop: 'codeName',
|
||||
},
|
||||
{
|
||||
label: '组织名称',
|
||||
prop: 'name',
|
||||
},
|
||||
],
|
||||
rules: {
|
||||
codeName: [{ required: true, message: '请输入标识编码！', trigger: 'blur' }],
|
||||
name: [{ required: true, message: '请输入组织名称！', trigger: 'blur' }],
|
||||
unittype: [{ required: true, message: '请选择组织类型！', trigger: 'blur' }],
|
||||
},
|
||||
labelCol: { xs: { span: 24 }, sm: { span: 7 } },
|
||||
wrapperCol: { xs: { span: 24 }, sm: { span: 13 } },
|
||||
},
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
unittypeFormItem() {
|
||||
return this.AEModal.form.parentId === 0
|
||||
? [
|
||||
{
|
||||
label: '组织类型',
|
||||
prop: 'unittype',
|
||||
component: 'a-radio-group',
|
||||
options: {
|
||||
options: [
|
||||
{ label: '作战力量', value: 1 },
|
||||
{ label: '保障力量', value: 2 },
|
||||
],
|
||||
},
|
||||
},
|
||||
]
|
||||
: [
|
||||
{
|
||||
label: '组织类型',
|
||||
prop: 'unittype',
|
||||
customRender: (v) => ({ 1: '作战力量', 2: '保障力量' }[v]),
|
||||
},
|
||||
]
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
resetList() {
|
||||
this.queryParam = {}
|
||||
this.getList()
|
||||
},
|
||||
async getList(parameter = {}) {
|
||||
try {
|
||||
this.loadingTable = true
|
||||
const res = await this.$http({
|
||||
url: '/tree/organization',
|
||||
method: 'get',
|
||||
params: { ...parameter, ...this.queryParam },
|
||||
})
|
||||
this.loadData = res.data
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
} finally {
|
||||
this.loadingTable = false
|
||||
}
|
||||
},
|
||||
handleAdd() {
|
||||
this.AEModal.form = { parentId: 0 }
|
||||
this.AEModal.title = '添加组织'
|
||||
this.AEModal.editStatus = false
|
||||
this.AEModal.visible = true
|
||||
},
|
||||
async handleEdit(record) {
|
||||
try {
|
||||
const res = await this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/${record.key}`,
|
||||
method: 'get',
|
||||
})
|
||||
this.AEModal.form = res.data
|
||||
this.AEModal.title = '编辑组织'
|
||||
this.AEModal.editStatus = true
|
||||
this.AEModal.visible = true
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
this.$message.error('未知错误，请重试')
|
||||
}
|
||||
},
|
||||
handleClose() {
|
||||
this.AEModal.visible = false
|
||||
this.AEModal.form = {}
|
||||
},
|
||||
async handleOk() {
|
||||
try {
|
||||
await this.$refs.form.validate()
|
||||
const params = { ...this.AEModal.form }
|
||||
await this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/save`,
|
||||
method: 'post',
|
||||
data: params,
|
||||
})
|
||||
this.$message.success(`${this.AEModal.title}成功`)
|
||||
this.getList()
|
||||
this.handleClose()
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
},
|
||||
async handleDelete(record) {
|
||||
try {
|
||||
await this.$http({
|
||||
url: `/baseData/fightPowerHierarchy/remove/${record.key}`,
|
||||
method: 'get',
|
||||
})
|
||||
this.$message.success('删除组织成功')
|
||||
this.getList()
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
this.$message.error('删除组织失败')
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped></style>
|
||||
Loading…
Reference in New Issue
Block a user