Skip to content

liangzhen / framework-tools-web

Go to a project
Commit c306a069 by 史敦盼
Options

中台

1 parent f2816c1f
Expand all
Inline Side-by-side
Showing with 238 additions and 118 deletions
src/api/comCenterServeListNew.js
......@@ -27,3 +27,16 @@ export function getTecList(data) {
export function getTechnicalDetail(data) {
return post(EADC_ARRCHITECTURE + "/arc-aby-ast/qryRelaAsset", data);
}
// 关联业务 保存
export function correlationSave(data) {
return post(EADC_ARRCHITECTURE + "/arc-aby-ast/add", data);
}
export function qryStatDetPage(data) {
return post(EADC_ARRCHITECTURE + "/arc-aby-ast/qryStatDetPage", data);
}
// 查询关联资产回显
export function qryAssetsPage(data) {
return post(EADC_ARRCHITECTURE + "/arc-aby-ast/qryAssetsPage", data);
}
\ No newline at end of file
src/newComponents/ETable/index.vue
......@@ -14,7 +14,7 @@
</template>
</div>
</div>
<div class="mainTable">
<div class="mainTable flex-1">
<el-table ref="mainTableRef" v-bind="$attrs" v-on="$listeners" stripe border>
<el-table-column v-if="selectionList" type="selection" fixed="left" width="55" align="center"
:selectable="selectable"></el-table-column>
......@@ -213,7 +213,7 @@ export default {
.mainTable {
width: 100%;
min-height: 0;
/deep/.el-table__fixed {
height: 100% !important;
}
......@@ -222,7 +222,7 @@ export default {
.paginations {
width: 100%;
display: flex;
justify-content: flex-end;
justify-content: center;
align-items: center;
margin-top: 20px;
margin-bottom: 12px;
......
src/views/archi-ele-list/index.vue
......@@ -1448,7 +1448,7 @@ export default {
const requestParams =
this.is_add_edit == 'add'
? params
: { ...params, elementId: this.elementId, version: this.version, archiBelongId: this.rowData.archiBelongId }
: { ...params, elementId: this.elementId, version: this.version }
if (this.is_add_edit == 'add') {
add_jia_gou_yuan_su(requestParams).then((res) => {
if (res.code == 200) {
......
src/views/comCenterServeListNew/components/businessMsg.vue
<template>
<div class="businessMsgWrapper">
<ETable ref="ETableRef" title="业务信息列表" :tableRef.sync="tableRef" :height="430" tableKey="businessMsg" :data="data"
<ETable ref="ETableRef" title="业务信息列表" :tableRef.sync="tableRef" height="100%" tableKey="businessMsg" :data="data"
:columns="columns" :indexMethod="true" v-loading="loading" :operateList="operateList" :tableBtnList="tableBtnList"
@sizeChange="handlerSizeChange" @currentChange="handlerCurrentChange" :pager="pager">
<SearchForm slot="header" :formOptions="formOptions" @onSearch="getList" @onReset="reset"></SearchForm>
......@@ -11,7 +11,7 @@
import SearchForm from "@/components/SearchForm.vue";
import ETable from "@/newComponents/ETable/index.vue";
import tableMixin from "@/mixins/tableMixin";
import { getTecList } from '@/api/comCenterServeListNew'
export default {
name: "businessMsg",
components: { SearchForm, ETable },
......@@ -21,48 +21,38 @@ export default {
loading: false,
tableRef: null,
form: {
name: '',
date: '',
typeName: '',
type: ''
archiTypeId: 1,
},
selectionList: [],
formOptions: [
{
label: "中台服务名称",
prop: "abilityName",
element: "el-input",
placeholder: "服务名称",
},
{
label: "统计日期",
prop: "statTime",
element: "el-date-picker",
type: 'date',
valueFormat: 'yyyy-MM-dd',
element: 'el-date-picker',
initValue: new Date().format('yyyy-MM-dd'),
placeholder: '统计日期',
},
{
label: "业务活动名称",
prop: "businessActName",
element: "el-select",
dictType: "build_type",
placeholder: "业务活动名称",
prop: "assetName",
element: "el-input",
placeholder: "请输入",
},
// {
// label: "统计日期",
// prop: "statTime",
// element: "el-date-picker",
// type: 'date',
// valueFormat: 'yyyy-MM-dd',
// element: 'el-date-picker',
// initValue: new Date().format('yyyy-MM-dd'),
// placeholder: '统计日期',
// },
],
operateList: [
{
label: "新增",
type: "primary",
size: "mini",
icon: "el-icon-plus",
disabled: true,
click: () => {
console.log("add");
},
},
// {
// label: "新增",
// type: "primary",
// size: "mini",
// icon: "el-icon-plus",
// disabled: true,
// click: () => {
// console.log("add");
// },
// },
{
label: "下载模板",
type: "primary",
......@@ -85,37 +75,37 @@ export default {
},
],
pager: {
current: 2,
current: 1,
size: 10,
total: 100,
total: 0,
sizes: [10, 20, 50, 100],
},
columns: [
{
label: "中台服务编码",
prop: "abilityCode",
showOverflowTooltip: true,
align: "center",
fixed: "left",
minWidth: 140
},
{
label: "中台服务名称",
prop: "abilityName",
minWidth: 140,
showOverflowTooltip: true,
align: "center",
},
// {
// label: "中台服务编码",
// prop: "abilityCode",
// showOverflowTooltip: true,
// align: "center",
// fixed: "left",
// minWidth: 140
// },
// {
// label: "中台服务名称",
// prop: "abilityName",
// minWidth: 140,
// showOverflowTooltip: true,
// align: "center",
// },
{
label: "业务活动名称",
prop: "businessActName",
prop: "assetName",
minWidth: 120,
showOverflowTooltip: true,
align: "center",
},
{
label: "业务活动编码",
prop: "businessActName",
prop: "assetNumber",
minWidth: 120,
showOverflowTooltip: true,
align: "center",
......@@ -126,6 +116,9 @@ export default {
minWidth: 120,
showOverflowTooltip: true,
align: "center",
render: (h, params) => {
return h("span", {}, this.handleName(params.parentAssetNames, 0) || '--');
},
},
{
label: "业务职能",
......@@ -133,6 +126,9 @@ export default {
minWidth: 120,
showOverflowTooltip: true,
align: "center",
render: (h, params) => {
return h("span", {}, this.handleName(params.parentAssetNames, 1) || '--');
},
},
{
label: "业务域",
......@@ -140,6 +136,9 @@ export default {
minWidth: 120,
showOverflowTooltip: true,
align: "center",
render: (h, params) => {
return h("span", {}, this.handleName(params.parentAssetNames, 2) || '--');
},
},
{
label: "关联的业务对象数量",
......@@ -148,9 +147,25 @@ export default {
minWidth: 120,
align: "center",
style: { color: '#0b8680', cursor: 'pointer' },
click: (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", {
style: {
color: '#0b8680',
cursor: 'pointer',
borderBottom: '1px solid #0b8680'
},
on: {
click: () => {
this.$emit('dialog', '关联的业务对象数量', params)
}
}
}, enName);
},
// click: (row) => {
// this.$emit('dialog', '关联的业务对象数量', row)
// },
},
{
label: "关联的应用服务数量",
......@@ -159,9 +174,25 @@ export default {
minWidth: 120,
align: "center",
style: { color: '#0b8680', cursor: 'pointer' },
click: (row) => {
this.$emit('dialog', '关联的应用服务数量', row)
render: (h, params) => {
let obj = params.statisticsList && params.statisticsList.length > 1 ? params.statisticsList[1] : {}
let enName = obj.statNum || '--'
return h("span", {
style: {
color: '#0b8680',
cursor: 'pointer',
borderBottom: '1px solid #0b8680'
},
on: {
click: () => {
this.$emit('dialog', '关联的应用服务数量', params)
}
}
}, enName);
},
// click: (row) => {
// this.$emit('dialog', '关联的应用服务数量', row)
// },
},
],
tableBtnList: [
......@@ -178,15 +209,56 @@ export default {
data: [],
};
},
mounted() { },
mounted() {
this.getList()
},
methods: {
handleName(name,idx) {
let strArr = ['', '', '']
if(name) {
let str = name.split(',')
if(str.length === 1) {
strArr[2] = str[0]
} else if(str.length === 2) {
strArr[1] = str[0]
strArr[2] = str[1]
} else if(str.length === 3) {
strArr[0] = str[0]
strArr[1] = str[1]
strArr[2] = str[2]
}
}
return strArr[idx]
},
doLayout() {
this.tableRef.doLayout()
},
getList() {
console.log("getList");
async getList() {
let params = { ...this.form, 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
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 = {
archiTypeId: 1,
}
this.getList()
},
reset() { },
handleSelectionChange(val) {
this.selectionList = val;
},
......
src/views/comCenterServeListNew/components/dataEntity.vue
<template>
<div class="dataEntityWrapper">
<ETable ref="ETableRef" title="数据实体信息列表" :tableRef.sync="tableRef" :height="430" tableKey="dataEntity" :data="data"
<ETable ref="ETableRef" title="数据实体信息列表" :tableRef.sync="tableRef" height="100%" tableKey="dataEntity" :data="data"
:columns="columns" :indexMethod="true" v-loading="loading" :operateList="operateList"
@sizeChange="handlerSizeChange" @currentChange="handlerCurrentChange" :pager="pager">
<el-form class="search" :model="form" slot="header">
<el-row>
<el-col :span="4">
<el-form-item label="服务名称">
<el-input class="w180" size="mini" type="text" placeholder="服务名称" v-model="form.abilityName"
<el-col :span="6">
<el-form-item label="物理实体名称" class="flex">
<el-input class="w180" type="text" placeholder="请输入" v-model="form.abilityName"
maxlength="50"></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
<!-- <el-col :span="4">
<el-form-item label="中台类型">
<el-select class="w180" size="mini" v-model="form.midGroundType" placeholder="中台类型">
<el-option v-for="item in midGroundTypeOptions" :key="item.value" :label="item.label"
......@@ -35,12 +35,12 @@
placeholder="发布时间">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
</el-col> -->
<el-col :span="4">
<div class="btn-box">
<el-button size="mini" type="primary" class="btn-search" icon="el-icon-search" @click="search"
<el-button 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"
<el-button type="default" class="btn-reset" icon="el-icon-refresh"
@click="reset">重置</el-button>
</div>
</el-col>
......@@ -75,16 +75,16 @@ export default {
},
selectionList: [],
operateList: [
{
label: "新增",
type: "primary",
size: "mini",
icon: "el-icon-plus",
disabled: true,
click: () => {
console.log("add");
},
},
// {
// label: "新增",
// type: "primary",
// size: "mini",
// icon: "el-icon-plus",
// disabled: true,
// click: () => {
// console.log("add");
// },
// },
{
label: "下载模板",
type: "primary",
......@@ -109,7 +109,7 @@ export default {
pager: {
current: 1,
size: 10,
total: 100,
total: 0,
sizes: [10, 20, 50, 100],
},
columns: [
......@@ -189,6 +189,9 @@ export default {
data: [],
};
},
created() {
this.getList()
},
methods: {
doLayout() {
this.tableRef.doLayout()
......@@ -201,7 +204,7 @@ export default {
this.loading = false
})
this.loading = false
console.log('getList', res)
// console.log('getList', res)
if (res.code == 200) {
this.data = res.data.records
this.pager.total = res.data.total
......@@ -241,7 +244,10 @@ export default {
.w180 {
width: 180px !important;
}
.search {
margin-top: 25px;
// margin-bottom: 15px;
}
.btn-box {
height: 38px;
display: flex;
......
src/views/comCenterServeListNew/components/editService.vue
......@@ -52,7 +52,7 @@
<span slot="footer">
<el-button @click="close">取 消</el-button>
<el-button type="primary" @click="submit">保 存</el-button>
<el-button type="primary" @click="release">发 布</el-button>
<!-- <el-button type="primary" @click="release">发 布</el-button> -->
</span>
</el-dialog>
</template>
......@@ -160,6 +160,7 @@ export default {
default:
return
}
// console.log('this.form', this.form)
},
async close() {
await this.$refs.formRef.resetFields()
......
src/views/comCenterServeListNew/components/technicalCom.vue
<template>
<div class="technicalComWrapper">
<ETable ref="ETableRef" title="技术组件信息列表" :tableRef.sync="tableRef" :height="430" tableKey="technicalCom"
<ETable ref="ETableRef" title="技术组件信息列表" :tableRef.sync="tableRef" height="100%" tableKey="technicalCom"
:data="data" :columns="columns" :indexMethod="true" v-loading="loading" :operateList="operateList"
@sizeChange="handlerSizeChange" @currentChange="handlerCurrentChange" :pager="pager">
<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"
<el-form-item label="基础组件名称" class="flex">
<el-input class="w180" 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"
<el-form-item label="发布时间" class="flex">
<el-date-picker style="width:300px" 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"
<el-button 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"
<el-button type="default" class="btn-reset" icon="el-icon-refresh"
@click="reset">重置</el-button>
</div>
</el-col>
......@@ -55,16 +55,16 @@ export default {
},
selectionList: [],
operateList: [
{
label: "新增",
type: "primary",
size: "mini",
icon: "el-icon-plus",
disabled: true,
click: () => {
console.log("add");
},
},
// {
// label: "新增",
// type: "primary",
// size: "mini",
// icon: "el-icon-plus",
// disabled: true,
// click: () => {
// console.log("add");
// },
// },
{
label: "下载模板",
type: "primary",
......@@ -89,7 +89,7 @@ export default {
pager: {
current: 1,
size: 10,
total: 100,
total: 0,
sizes: [10, 20, 50, 100],
},
columns: [
......@@ -210,7 +210,7 @@ export default {
this.loading = false
})
this.loading = false
console.log('technicalCom', res)
// console.log('technicalCom', res)
if (res.code == 200) {
this.data = res.data?.records
this.pager.total = res.data?.total
......@@ -246,11 +246,12 @@ export default {
.technicalComWrapper {
width: 100%;
height: 100%;
.w180 {
width: 180px !important;
}
.search {
margin-top: 25px;
}
.btn-box {
height: 38px;
display: flex;
......
src/views/comCenterServeListNew/index.vue
......@@ -2,7 +2,7 @@
<div class="comCenterServeList">
<div class="table_container">
<el-tabs v-model="active" @tab-click="handleClick">
<el-tab-pane v-for="(item, index) in tabList" :key="index" :label="item.label" :name="item.name">
<el-tab-pane lazy v-for="(item, index) in tabList" :key="index" :label="item.label" :name="item.name">
<component :ref="`${item.name}ref`" :is="item.name" @dialog="openDialog"></component>
</el-tab-pane>
</el-tabs>
......@@ -75,12 +75,14 @@ export default {
}
}
</script>
<style scoped>
<style lang="scss" scoped>
.form_item_container {
display: flex;
flex-wrap: wrap;
}
/deep/ .el-tabs__header {
margin: 0;
}
.el-form-item {
display: flex;
width: 33%;
......@@ -264,6 +266,15 @@ export default {
width: 97%;
height: calc(100% - 40px);
margin-top: 20px;
/deep/ .el-tabs {
height: 100%;
.el-tabs__content {
height: calc(100% - 20px);
}
.el-tab-pane {
height: 100%;
}
}
}
.el-pagination {
......
src/views/dataMapping/Add.vue
......@@ -94,6 +94,7 @@ import {
getQryByTree,
queryRepeatAssetByNumber,
getAssetDetail,
getAssetCode
} from '@/api/index'
import { archiEleColor } from '@/config'
export default {
......@@ -143,6 +144,7 @@ export default {
graphId: '',
// 选择的上级节点对应的详细信息
selectedObject: {},
assetNumberDis: false
}
},
components: { Form, ChooseSvg },
......@@ -167,6 +169,7 @@ export default {
{ required: true, trigger: 'blur', message: '不能为空' },
{ validator: this.assetNameValidator, trigger: 'blur' },
],
readonly: this.assetNumberDis
},
{
label: '所属元素', // label文字
......@@ -421,6 +424,7 @@ export default {
},
// 上级节点change
superiorNodeChange(value) {
this.assetNumberDis = false
// 当选中值变化时，更新绑定的对象
this.selectedObject = {}
if (value && value.length) {
......@@ -432,6 +436,17 @@ export default {
this.superiorNodeValue = this.selectedObject.assetId
this.superiorNodeLabel = this.selectedObject.assetName
this.selectCode = this.selectedObject.assetCode
getAssetCode({
archiType: this.getArchiType,
superiorAssetCode: this.selectedObject.assetNumber
}).then(res => {
this.assetNumberDis = true
if(res.code === 200) {
this.selectCode = res.msg
this.$refs['addForm'].changeFormItemData('assetNumber', res.msg)
}
})
},
findObjectById(items, id) {
for (let i = 0; i < items.length; i++) {
......
src/views/dataMapping/index.vue
......@@ -4,7 +4,7 @@
* @Autor: pan
* @Date: 2024-04-23 11:30:05
* @LastEditors: pan
* @LastEditTime: 2024-05-07 17:58:40
* @LastEditTime: 2024-05-07 19:04:17
-->
<template>
<div class="dataMapping w-100">
......@@ -29,14 +29,14 @@
<el-button icon="el-icon-document-checked" type="primary" plain
>保存</el-button
>
<el-button
<!-- <el-button
v-preventReClick
@click="fnGraph()"
icon="el-icon-picture-outline"
type="primary"
plain
>绘图</el-button
>
> -->
</div>
</div>
<div class="flex w-100 flex-1" style="min-height: 0">
......@@ -125,7 +125,7 @@
icon="el-icon-delete"
plain
@click="fnDel(row, $index)"
>删除</el-button
>移除</el-button
>
</template>
</el-table-column>
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!