Skip to content

liangzhen / framework-tools-web

Go to a project
Commit ea7fd6c3 by ‘july-fu’
Options

feat: 企业中台服务清单

1 parent 38b3a2c5
Inline Side-by-side
Showing with 130 additions and 63 deletions
src/api/comCenterServeListNew.js
...@@ -6,7 +6,7 @@ import { ...@@ -6,7 +6,7 @@ import {
} from "@/config/micromodule"; } from "@/config/micromodule";
export function getDictOPtionsFromKeyword(key) { export function getDictOPtionsFromKeyword(key) {
return get(`/dict/getDictLabels?typeValue=${key}`); return post(`/eadc-shared-ability/dict/gDictByKey`, { key });
} }
export function getServiceList(data) { export function getServiceList(data) {
return post(EADC_ARRCHITECTURE + "/arc-aby-iy/qryListPage", data); return post(EADC_ARRCHITECTURE + "/arc-aby-iy/qryListPage", data);
...@@ -23,3 +23,7 @@ export function getDataList(data) { ...@@ -23,3 +23,7 @@ export function getDataList(data) {
export function getTecList(data) { export function getTecList(data) {
return post(EADC_ARRCHITECTURE + "/arc-aby-ast/qryDataListPage", data); return post(EADC_ARRCHITECTURE + "/arc-aby-ast/qryDataListPage", data);
} }
export function getTechnicalDetail(data) {
return post(EADC_ARRCHITECTURE + "/arc-aby-ast/qryRelaAsset", data);
}
src/views/comCenterServeListNew/components/comDialog.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<el-dialog :title="tableConfig.subTitle + ' - ' + tableConfig.title" custom-class="comDialog" :visible.sync="show" <el-dialog :title="tableConfig.subTitle + ' - ' + tableConfig.title" custom-class="comDialog" :visible.sync="show"
:center="false" :close-on-click-modal="false" width="80%" @close="close"> :center="false" :close-on-click-modal="false" width="80%" @close="close">
<div class="comDialogTable"> <div class="comDialogTable">
<ETable ref="ETableRef" :height="430" :data="data" :columns="tableConfig.columns" :indexMethod="true" <ETable ref="ETableRef" :height="430" :data="tableData" :columns="tableConfig.columns" :indexMethod="true"
v-loading="loading" @sizeChange="handlerSizeChange" @currentChange="handlerCurrentChange" :pager="pager"> v-loading="loading" @sizeChange="handlerSizeChange" @currentChange="handlerCurrentChange" :pager="pager">
</ETable> </ETable>
</div> </div>
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
</template> </template>
<script> <script>
import { getTechnicalDetail } from '@/api/comCenterServeListNew'
import ETable from "@/newComponents/ETable/index.vue"; import ETable from "@/newComponents/ETable/index.vue";
import tableMixin from "@/mixins/tableMixin"; import tableMixin from "@/mixins/tableMixin";
export default { export default {
...@@ -18,9 +19,11 @@ export default { ...@@ -18,9 +19,11 @@ export default {
}, },
mixins: [tableMixin()], mixins: [tableMixin()],
data() { data() {
let that = this
return { return {
loading: false, loading: false,
show: false, show: false,
row: {},
pager: { pager: {
current: 1, current: 1,
size: 10, size: 10,
...@@ -544,45 +547,57 @@ export default { ...@@ -544,45 +547,57 @@ export default {
title: '支撑的系统数量', title: '支撑的系统数量',
subTitle: '检修计划编制服务', subTitle: '检修计划编制服务',
columns: [ columns: [
{ // {
label: "中台服务编码", // label: "中台服务编码",
prop: "buildType", // prop: "buildType",
showOverflowTooltip: true, // showOverflowTooltip: true,
align: "center", // align: "center",
fixed: "left", // fixed: "left",
minWidth: 140 // minWidth: 140
}, // },
{ // {
label: "中台服务名称", // label: "中台服务名称",
prop: "buildType2", // prop: "buildType2",
minWidth: 140, // minWidth: 140,
showOverflowTooltip: true, // showOverflowTooltip: true,
align: "center", // align: "center",
}, // },
{ {
label: "基础组件名称", label: "基础组件名称",
prop: "buildType2", prop: "assetName",
minWidth: 120, minWidth: 120,
showOverflowTooltip: true, showOverflowTooltip: true,
align: "center", align: "center",
}, },
{ {
label: "基础组件编码", label: "基础组件编码",
prop: "buildType2", prop: "assetNumber",
minWidth: 120, minWidth: 120,
showOverflowTooltip: true, showOverflowTooltip: true,
align: "center", align: "center",
}, },
{ {
label: "系统应用", label: "系统应用",
prop: "buildType2", prop: "parentAssetName",
minWidth: 120, minWidth: 120,
showOverflowTooltip: true, showOverflowTooltip: true,
align: "center", align: "center",
}, },
], ],
getList() { async getList() {
that.loading = true
let params = {
assetId: that.row?.assetId,
archiTypeId: 4,
}
const res = await getTechnicalDetail(params).catch(() => {
that.loading = false
})
console.log('支撑的系统数量', res)
that.loading = false
if (res.code == 200) {
that.tableData = res.tableData
}
}, },
}, },
{ {
...@@ -590,54 +605,83 @@ export default { ...@@ -590,54 +605,83 @@ export default {
subTitle: '检修计划编制服务', subTitle: '检修计划编制服务',
columns: [ columns: [
{ {
label: "中台服务编码",
prop: "buildType",
showOverflowTooltip: true,
align: "center",
fixed: "left",
minWidth: 140
},
{
label: "数据服务名称", label: "数据服务名称",
prop: "buildType2", prop: "assetName",
minWidth: 120, minWidth: 120,
showOverflowTooltip: true, showOverflowTooltip: true,
align: "center", align: "center",
}, },
{ {
label: "数据服务编码", label: "数据服务编码",
prop: "buildType2", prop: "assetNumber",
minWidth: 120, minWidth: 120,
showOverflowTooltip: true, showOverflowTooltip: true,
align: "center", align: "center",
}, },
// {
// label: "中台服务编码",
// prop: "buildType",
// showOverflowTooltip: true,
// align: "center",
// fixed: "left",
// minWidth: 140
// },
// {
// label: "数据服务名称",
// prop: "buildType2",
// minWidth: 120,
// showOverflowTooltip: true,
// align: "center",
// },
// {
// label: "数据服务编码",
// prop: "buildType2",
// minWidth: 120,
// showOverflowTooltip: true,
// align: "center",
// },
], ],
getList() { async getList() {
that.loading = true
let params = {
assetId: that.row?.assetId,
archiTypeId: 4,
}
const res = await getTechnicalDetail(params).catch(() => {
that.loading = false
})
that.loading = false
if (res.code == 200) {
that.tableData = res.data
console.log('支撑的数据服务数量', that)
}
}, },
}, },
], ],
tableConfig: {}, tableConfig: {},
data: [], tableData: [],
} }
}, },
methods: { methods: {
open(params) { async open(params) {
const { title, ...others } = params const { title, ...others } = params
let arr = this.defaultTableColumns.filter(i => i.title == title) let arr = this.defaultTableColumns.filter(i => i.title == title)
if (!arr.length) { if (!arr.length) {
throw ('参数有误,请检查...') throw ('参数有误,请检查...')
} }
this.row = { ...others }
this.show = true; this.show = true;
this.tableConfig = arr[0] this.tableConfig = arr[0]
this.tableConfig.getList() await this.tableConfig.getList()
console.log('this.tableData', this.tableData)
}, },
close() { close() {
this.reset()
this.show = false; this.show = false;
}, },
reset() { reset() {
this.tableConfig = {} this.tableConfig = {}
this.data = [] this.tableData = []
this.pager = { this.pager = {
current: 1, current: 1,
size: 10, size: 10,
......
src/views/comCenterServeListNew/components/editService.vue
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="资源类型" prop="abilityType"> <el-form-item label="资源类型" prop="abilityType">
<el-select class="w180" v-model="form.abilityType" placeholder="请选择" <el-select class="w180" v-model="form.abilityType" placeholder="资源类型"
@change="(val) => { comChange(val, 'abilityType') }"> @change="(val) => { comChange(val, 'abilityType') }">
<el-option v-for="item in abilitySourceOptions" :key="item.value" :label="item.label" :value="item.value"> <el-option v-for="item in abilitySourceOptions" :key="item.value" :label="item.label" :value="item.value">
</el-option> </el-option>
...@@ -122,18 +122,25 @@ export default { ...@@ -122,18 +122,25 @@ export default {
}, },
}; };
}, },
mounted() { async mounted() {
this.getMidGroundNameOptions() await this.getMidGroundNameOptions()
this.getMidGroundTypeOptions() await this.getMidGroundTypeOptions()
}, },
methods: { methods: {
async getMidGroundNameOptions() { async getMidGroundNameOptions() {
const res = await getDictOPtionsFromKeyword('midGroundName').catch(() => { }) const res = await getDictOPtionsFromKeyword('mid_platform_type').catch(() => { })
console.log(res) console.log('getMidGroundNameOptions', res)
if (res.code == 200) {
this.midGroundNameOptions = res.data
}
}, },
async getMidGroundTypeOptions() { async getMidGroundTypeOptions() {
const res = await getDictOPtionsFromKeyword('midGroundType').catch(() => { }) const res = await getDictOPtionsFromKeyword('mid_ground_type').catch(() => { })
console.log(res) console.log('getMidGroundTypeOptions', res)
if (res.code == 200) {
this.midGroundTypeOptions = res.data
}
}, },
comChange(val, str) { comChange(val, str) {
let obj let obj
......
src/views/comCenterServeListNew/components/technicalCom.vue
...@@ -87,7 +87,7 @@ export default { ...@@ -87,7 +87,7 @@ export default {
}, },
], ],
pager: { pager: {
current: 2, current: 1,
size: 10, size: 10,
total: 100, total: 100,
sizes: [10, 20, 50, 100], sizes: [10, 20, 50, 100],
...@@ -146,32 +146,44 @@ export default { ...@@ -146,32 +146,44 @@ export default {
prop: "statNum", prop: "statNum",
minWidth: 140, minWidth: 140,
align: "center", align: "center",
style: { color: '#0b8680', cursor: 'pointer' },
click: (row) => {
this.$emit('dialog', '支撑的系统数量', row)
},
render: (h, params) => { render: (h, params) => {
let obj = params.statisticsList && params.statisticsList.length ? params.statisticsList[0] : {} let obj = params.statisticsList && params.statisticsList.length ? params.statisticsList[0] : {}
let enName = obj.statNum || '--' let enName = obj.statNum || '--'
return h("span", {}, enName); return h("span", {
style: {
color: '#0b8680',
cursor: 'pointer',
borderBottom: '1px solid #0b8680'
},
on: {
click: () => {
this.$emit('dialog', '支撑的系统数量', params)
}
}
}, enName);
}, },
}, },
{ {
label: "支撑的数据服务数量", label: "支撑的数据服务数量",
T: 'a',
prop: "statNum", prop: "statNum",
minWidth: 140, minWidth: 140,
align: "center", align: "center",
style: { color: '#0b8680', cursor: 'pointer' },
click: (row) => {
this.$emit('dialog', '支撑的数据服务数量', row)
},
render: (h, params) => { render: (h, params) => {
let obj = params.statisticsList && params.statisticsList.length > 1 ? params.statisticsList[1] : {} let obj = params.statisticsList && params.statisticsList.length > 1 ? params.statisticsList[1] : {}
console.log(obj)
let enName = obj.statNum || '--' let enName = obj.statNum || '--'
return h("span", {}, enName); return h("span", {
style: {
color: '#0b8680',
cursor: 'pointer',
borderBottom: '1px solid #0b8680'
},
on: {
click: () => {
this.$emit('dialog', '支撑的数据服务数量', params)
}
}
}, enName);
}, },
}, },
], ],
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!