Skip to content

liangzhen / framework-tools-web

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

feat: 企业中台服务清单

1 parent d25372e5
Inline Side-by-side
Showing with 219 additions and 91 deletions
src/api/comCenterServeListNew.js
...@@ -5,6 +5,9 @@ import { ...@@ -5,6 +5,9 @@ import {
EADC_SHARED_ABILITY, EADC_SHARED_ABILITY,
} from "@/config/micromodule"; } from "@/config/micromodule";
export function getDictOPtionsFromKeyword(key) {
return get(`/dict/getDictLabels?typeValue=${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);
} }
...@@ -16,3 +19,7 @@ export function addService(data) { ...@@ -16,3 +19,7 @@ export function addService(data) {
export function getDataList(data) { export function getDataList(data) {
return post(EADC_ARRCHITECTURE + "/arc-aby-ast/qryDataListPage", data); return post(EADC_ARRCHITECTURE + "/arc-aby-ast/qryDataListPage", data);
} }
export function getTecList(data) {
return post(EADC_ARRCHITECTURE + "/arc-aby-ast/qryDataListPage", data);
}
src/views/comCenterServeListNew/components/businessMsg.vue
...@@ -200,5 +200,16 @@ export default { ...@@ -200,5 +200,16 @@ export default {
.businessMsgWrapper { .businessMsgWrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
.w180 {
width: 180px !important;
}
.btn-box {
height: 38px;
display: flex;
justify-content: flex-end;
align-items: center;
}
} }
</style> </style>
\ No newline at end of file
src/views/comCenterServeListNew/components/dataEntity.vue
...@@ -70,7 +70,8 @@ export default { ...@@ -70,7 +70,8 @@ export default {
abilityName: "", abilityName: "",
midGroundName: "", midGroundName: "",
midGroundType: "", midGroundType: "",
statTime: "" statTime: "",
archiTypeId: 3,
}, },
selectionList: [], selectionList: [],
operateList: [ operateList: [
...@@ -112,21 +113,21 @@ export default { ...@@ -112,21 +113,21 @@ export default {
sizes: [10, 20, 50, 100], sizes: [10, 20, 50, 100],
}, },
columns: [ columns: [
{ // {
label: "中台服务编码", // label: "中台服务编码",
prop: "abilityCode", // prop: "abilityCode",
showOverflowTooltip: true, // showOverflowTooltip: true,
align: "center", // align: "center",
fixed: "left", // fixed: "left",
minWidth: 140 // minWidth: 140
}, // },
{ // {
label: "中台服务名称", // label: "中台服务名称",
prop: "abilityName", // prop: "abilityName",
minWidth: 140, // minWidth: 140,
showOverflowTooltip: true, // showOverflowTooltip: true,
align: "center", // align: "center",
}, // },
{ {
label: "物理实体名称", label: "物理实体名称",
prop: "assetName", prop: "assetName",
...@@ -162,17 +163,27 @@ export default { ...@@ -162,17 +163,27 @@ export default {
}, },
{ {
label: "逻辑实体", label: "逻辑实体",
prop: "parentAssetName", prop: "parentAssetNames",
minWidth: 120, minWidth: 120,
showOverflowTooltip: true, showOverflowTooltip: true,
align: "center", align: "center",
render: (h, params) => {
let arr = params.parentAssetNames ? params.parentAssetNames.split(',') : []
let enName = arr[1] || '--'
return h("span", {}, enName);
},
}, },
{ {
label: "概念实体", label: "概念实体",
prop: "parOfParAssetName", prop: "parentAssetNames",
minWidth: 120, minWidth: 120,
showOverflowTooltip: true, showOverflowTooltip: true,
align: "center", align: "center",
render: (h, params) => {
let arr = params.parentAssetNames ? params.parentAssetNames.split(',') : []
let enName = arr[0] || '--'
return h("span", {}, enName);
},
}, },
], ],
data: [], data: [],
...@@ -208,7 +219,8 @@ export default { ...@@ -208,7 +219,8 @@ export default {
abilityName: "", abilityName: "",
midGroundName: "", midGroundName: "",
midGroundType: "", midGroundType: "",
statTime: "" statTime: "",
archiTypeId: 3,
} }
this.getList() this.getList()
}, },
...@@ -225,5 +237,16 @@ export default { ...@@ -225,5 +237,16 @@ export default {
.dataEntityWrapper { .dataEntityWrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
.w180 {
width: 180px !important;
}
.btn-box {
height: 38px;
display: flex;
justify-content: flex-end;
align-items: center;
}
} }
</style> </style>
\ No newline at end of file
src/views/comCenterServeListNew/components/editService.vue
...@@ -61,18 +61,18 @@ ...@@ -61,18 +61,18 @@
import { import {
serverTypeOptions, serverTypeOptions,
abilitySourceOptions, abilitySourceOptions,
midGroundNameOptions, // midGroundNameOptions,
midGroundTypeOptions, // midGroundTypeOptions,
} from "../options.js"; } from "../options.js";
import { addService } from '@/api/comCenterServeListNew' import { addService, getDictOPtionsFromKeyword } from '@/api/comCenterServeListNew'
export default { export default {
data() { data() {
return { return {
loading: false, loading: false,
serverTypeOptions, serverTypeOptions,
abilitySourceOptions, abilitySourceOptions,
midGroundNameOptions, midGroundNameOptions: [],
midGroundTypeOptions, midGroundTypeOptions: [],
show: false, show: false,
title: "新增中台服务", title: "新增中台服务",
form: { form: {
...@@ -122,7 +122,19 @@ export default { ...@@ -122,7 +122,19 @@ export default {
}, },
}; };
}, },
mounted() {
this.getMidGroundNameOptions()
this.getMidGroundTypeOptions()
},
methods: { methods: {
async getMidGroundNameOptions() {
const res = await getDictOPtionsFromKeyword('midGroundName').catch(() => { })
console.log(res)
},
async getMidGroundTypeOptions() {
const res = await getDictOPtionsFromKeyword('midGroundType').catch(() => { })
console.log(res)
},
comChange(val, str) { comChange(val, str) {
let obj let obj
switch (str) { switch (str) {
......
src/views/comCenterServeListNew/components/serviceList.vue
...@@ -490,6 +490,7 @@ export default { ...@@ -490,6 +490,7 @@ export default {
} }
.btn-box { .btn-box {
height: 38px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
......
src/views/comCenterServeListNew/components/technicalCom.vue
...@@ -2,12 +2,38 @@ ...@@ -2,12 +2,38 @@
<div class="technicalComWrapper"> <div class="technicalComWrapper">
<ETable ref="ETableRef" title="技术组件信息列表" :tableRef.sync="tableRef" :height="430" tableKey="technicalCom" <ETable ref="ETableRef" title="技术组件信息列表" :tableRef.sync="tableRef" :height="430" tableKey="technicalCom"
:data="data" :columns="columns" :indexMethod="true" v-loading="loading" :operateList="operateList" :data="data" :columns="columns" :indexMethod="true" v-loading="loading" :operateList="operateList"
:tableBtnList="tableBtnList" @sizeChange="handlerSizeChange" @currentChange="handlerCurrentChange" :pager="pager"> @sizeChange="handlerSizeChange" @currentChange="handlerCurrentChange" :pager="pager">
<SearchForm slot="header" :formOptions="formOptions" @onSearch="getList" @onReset="reset"></SearchForm> <el-form class="search" :model="form" slot="header">
<el-row>
<el-col :span="6">
<el-form-item label="基础组件名称">
<el-input class="w180" size="mini" type="text" placeholder="基础组件名称" v-model="form.assetName"
maxlength="50"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="发布时间">
<el-date-picker style="width:300px" size="mini" v-model="form.time" value-format="yyyy-MM-dd"
type="datetimerange" placeholder="发布时间">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="6">
<div class="btn-box">
<el-button size="mini" type="primary" class="btn-search" icon="el-icon-search" @click="search"
v-preventReClick>查询</el-button>
<el-button size="mini" type="default" class="btn-reset" icon="el-icon-refresh"
@click="reset">重置</el-button>
</div>
</el-col>
</el-row>
</el-form>
</ETable> </ETable>
</div> </div>
</template> </template>
<script> <script>
import { stateOptions, serverTypeOptions, abilitySourceOptions, midGroundNameOptions, midGroundTypeOptions } from '../options.js'
import { getTecList } from '@/api/comCenterServeListNew'
import SearchForm from "@/components/SearchForm.vue"; import SearchForm from "@/components/SearchForm.vue";
import ETable from "@/newComponents/ETable/index.vue"; import ETable from "@/newComponents/ETable/index.vue";
import tableMixin from "@/mixins/tableMixin"; import tableMixin from "@/mixins/tableMixin";
...@@ -21,37 +47,13 @@ export default { ...@@ -21,37 +47,13 @@ export default {
loading: false, loading: false,
tableRef: null, tableRef: null,
form: { form: {
name: '', assetName: '',
date: '', beginTime: '',
typeName: '', endTime: '',
type: '' time: undefined,
archiTypeId: 4,
}, },
selectionList: [], selectionList: [],
formOptions: [
{
label: "服务名称",
prop: "name",
element: "el-input",
placeholder: "服务名称",
},
{
label: "统计日期",
prop: "buildType",
element: "el-date-picker",
type: 'date',
valueFormat: 'yyyy-MM-dd',
element: 'el-date-picker',
initValue: new Date().format('yyyy-MM-dd'),
placeholder: '统计日期',
},
{
label: "基础组件名称",
prop: "buildType",
element: "el-select",
dictType: "build_type",
placeholder: "基础组件名称",
},
],
operateList: [ operateList: [
{ {
label: "新增", label: "新增",
...@@ -91,88 +93,134 @@ export default { ...@@ -91,88 +93,134 @@ export default {
sizes: [10, 20, 50, 100], sizes: [10, 20, 50, 100],
}, },
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: "assetCode",
minWidth: 120, minWidth: 120,
showOverflowTooltip: true, showOverflowTooltip: true,
align: "center", align: "center",
render: (h, params) => {
let arr = params.fieldsValue ? JSON.parse(params.fieldsValue) : []
let obj = arr.find(i => i.cnName == '基础组件编码')
let enName = obj ? obj.value_ : '--'
return h("span", {}, enName);
},
}, },
{ {
label: "技术平台", label: "技术平台",
prop: "buildType2", prop: "parentAssetNames",
minWidth: 120, minWidth: 120,
showOverflowTooltip: true, showOverflowTooltip: true,
align: "center", align: "center",
render: (h, params) => {
let arr = params.parentAssetNames ? params.parentAssetNames.split(',') : []
let enName = arr.length > 1 ? arr[1] : ''
return h("span", {}, enName);
},
}, },
{ {
label: "支撑的系统数量", label: "支撑的系统数量",
T: 'a', prop: "statNum",
prop: "buildType2",
minWidth: 140, minWidth: 140,
align: "center", align: "center",
style: { color: '#0b8680', cursor: 'pointer' }, style: { color: '#0b8680', cursor: 'pointer' },
click: (row) => { click: (row) => {
this.$emit('dialog', '支撑的系统数量', row) this.$emit('dialog', '支撑的系统数量', row)
}, },
render: (h, params) => {
let obj = params.statisticsList && params.statisticsList.length ? params.statisticsList[0] : {}
let enName = obj.statNum || '--'
return h("span", {}, enName);
},
}, },
{ {
label: "支撑的数据服务数量", label: "支撑的数据服务数量",
T: 'a', T: 'a',
prop: "buildType2", prop: "statNum",
minWidth: 140, minWidth: 140,
align: "center", align: "center",
style: { color: '#0b8680', cursor: 'pointer' }, style: { color: '#0b8680', cursor: 'pointer' },
click: (row) => { click: (row) => {
this.$emit('dialog', '支撑的数据服务数量', row) this.$emit('dialog', '支撑的数据服务数量', row)
}, },
}, render: (h, params) => {
], let obj = params.statisticsList && params.statisticsList.length > 1 ? params.statisticsList[1] : {}
tableBtnList: [ console.log(obj)
{ let enName = obj.statNum || '--'
label: "编辑", return h("span", {}, enName);
type: "primary",
size: "mini",
icon: "el-icon-circle-plus-outline",
click: (row, index) => {
console.log("编辑", row);
}, },
}, },
], ],
data: [{ buildType2: 11 }], data: [],
}; };
}, },
mounted() { }, mounted() {
this.getList()
},
methods: { methods: {
doLayout() { doLayout() {
this.tableRef.doLayout() this.tableRef.doLayout()
}, },
getList() { async getList() {
console.log("getList"); const { time, ...others } = this.form
let beginTime, endTime
if (time) {
[beginTime, endTime] = time
}
let params = { ...others, beginTime, endTime, pageSize: this.pager.size, current: this.pager.current }
this.loading = true
const res = await getTecList(params).catch(() => {
this.pager.total = 0
this.loading = false
})
this.loading = false
console.log('technicalCom', res)
if (res.code == 200) {
this.data = res.data?.records
this.pager.total = res.data?.total
}
},
search() {
this.pager.current = 1
this.pager.total = 0
this.getList()
},
reset() {
this.pager.current = 1
this.pager.total = 0
this.form = {
assetName: '',
beginTime: '',
endTime: '',
time: undefined,
archiTypeId: 4,
}
this.getList()
}, },
reset() { },
handleSelectionChange(val) { handleSelectionChange(val) {
this.selectionList = val; this.selectionList = val;
}, },
...@@ -186,5 +234,16 @@ export default { ...@@ -186,5 +234,16 @@ export default {
.technicalComWrapper { .technicalComWrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
.w180 {
width: 180px !important;
}
.btn-box {
height: 38px;
display: flex;
justify-content: flex-end;
align-items: center;
}
} }
</style> </style>
\ No newline at end of file
src/views/comCenterServeListNew/components/usiingService.vue
...@@ -222,5 +222,16 @@ export default { ...@@ -222,5 +222,16 @@ export default {
.usiingServiceWrapper { .usiingServiceWrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
.w180 {
width: 180px !important;
}
.btn-box {
height: 38px;
display: flex;
justify-content: flex-end;
align-items: center;
}
} }
</style> </style>
\ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!