Skip to content

liangzhen / framework-tools-web

Go to a project
Commit c1f7e25c by 史敦盼
Options

元模型,架构视图添加点击loading

1 parent 4585c06d
Inline Side-by-side
Showing with 105 additions and 59 deletions
public/drawio/extention/js/exScratchpad.js
......@@ -78,6 +78,8 @@ function saveScratchpad(data) {
width: item.w,
title: item.title ? item.title : null,
sort: 1,
referenceId: urlParams.referenceId,
referenceType: isMetaModel()
})
})
} else {
......
src/views/archi-view-manage/index.vue
......@@ -16,46 +16,56 @@
<div class="right_container">
<el-tabs v-model="activeName" type="border-card">
<el-tab-pane label="发布" name="发布">
<div class="card_container">
<div class="card_body">
<el-card
class="card_item"
v-for="item in yiFaBu"
:key="item.metaModelId"
>
<img
class="card_image"
v-if="item.metaModelSvg_"
@click="to_current_details(item)"
:src="item.metaModelSvg_"
alt=""
/>
<img
class="card_image"
v-else
@click="to_current_details(item)"
src="@/assets/meta-model-list/default_img.png"
alt=""
/>
<div class="card_info">
<div class="card_title">
<i class="el-icon-location"></i>
{{ item.verName }}&nbsp;&nbsp;&nbsp;{{ item.version }}
<el-skeleton style="width: 345px;" class="m-15" :loading="loading" animated>
<template slot="template">
<el-skeleton-item
variant="image"
style="width: 345px; height: 240px;"
/>
</template>
<template>
<div class="card_container">
<div class="card_body">
<el-card
class="card_item"
v-for="item in yiFaBu"
:key="item.metaModelId"
>
<img
class="card_image"
v-if="item.metaModelSvg_"
@click="to_current_details(item)"
:src="item.metaModelSvg_"
alt=""
/>
<img
class="card_image"
v-else
@click="to_current_details(item)"
src="@/assets/meta-model-list/default_img.png"
alt=""
/>
<div class="card_info">
<div class="card_title">
<i class="el-icon-location"></i>
{{ item.verName }}&nbsp;&nbsp;&nbsp;{{ item.version }}
</div>
<!-- <div class="card_icon" @click.stop="deleteItem(item)">
<i class="el-icon-delete"></i>
</div> -->
</div>
<!-- <div class="card_icon" @click.stop="deleteItem(item)">
<i class="el-icon-delete"></i>
</div> -->
</div>
</el-card>
<!-- <div
v-if="viewId"
class="add_container"
@click="open_dialog('发布')"
>
<i class="el-icon-plus"></i>
</div> -->
</el-card>
<!-- <div
v-if="viewId"
class="add_container"
@click="open_dialog('发布')"
>
<i class="el-icon-plus"></i>
</div> -->
</div>
</div>
</div>
</template>
</el-skeleton>
<el-pagination
background
@size-change="(val) => handleSizeChange(val, '发布')"
......@@ -267,6 +277,7 @@ export default {
addStatus: null,
graphGroup: null,
archiType: null,
loading: false
}
},
mounted() {
......@@ -468,7 +479,9 @@ export default {
viewId: this.viewId,
state: 1,
}
this.loading = true
getArchiViewManageDetail(params).then((res) => {
this.loading = false
if (res.code == 200) {
res.data.records.map((item) => {
if (item.metaModelSvg) {
......@@ -482,6 +495,8 @@ export default {
this.pager1.current = res.data.current
this.pager1.total = res.data.total
}
}).catch(() => {
this.loading = false
})
},
get_list2() {
......@@ -537,6 +552,11 @@ export default {
const params = {
viewDetailsId: item.viewDetailsId,
}
const loading = this.$loading({
lock: true,
text: '画布初始化中......',
spinner: 'el-icon-loading',
})
queryArchiViewManageCardDetails(params).then((res) => {
if (res.code == 200) {
const xmlData = res.data.metaModelData
......@@ -550,6 +570,7 @@ export default {
this.queryDrawioGraph2(id),
this.getArchiGraph(),
]).then((res2) => {
loading.close()
localStorage.setItem(
'commonGraph',
JSON.stringify({ show: true, graph: res2[0].dataEle }),
......@@ -566,7 +587,9 @@ export default {
`/main/archiViewManageDetails?id=${id}&info=${this.graphGroup}&viewId=${this.viewId}&assetConstant=${this.archiType}&referenceId=${item.viewDetailsId}`)
})
}
})
}).catch(() => {
loading.close()
});
},
getArchiGraph() {
//查询综合图
......
src/views/meta-model-list/index.vue
......@@ -18,23 +18,33 @@
</div>
<el-tabs v-model="activeName" type="border-card" @tab-click="tabs_click_func">
<el-tab-pane label="已发布" name="已发布">
<div class="card_container">
<div class="card_body">
<el-card class="card_item" v-for="item in yi_fa_bu" :key="item.metaModelId">
<img class="card_image" v-if="item.metaModelSvg_" @click="to_current_details(item)" :src="item.metaModelSvg_" alt="" />
<img class="card_image" v-else @click="to_current_details(item)" src="@/assets/meta-model-list/default_img.png" alt="" />
<div class="card_info">
<div class="card_title">
<i class="el-icon-location"></i>
{{ item.verName }}&nbsp;&nbsp;&nbsp;{{ item.version }}
</div>
<!-- <div class="card_icon" @click.stop="deleteItem(item)">
<i class="el-icon-delete"></i>
</div> -->
</div>
</el-card>
</div>
</div>
<el-skeleton style="width: 328px;" class="m-15" :loading="loading" animated>
<template slot="template">
<el-skeleton-item
variant="image"
style="width: 328px; height: 240px;"
/>
</template>
<template>
<div class="card_container">
<div class="card_body">
<el-card class="card_item" v-for="item in yi_fa_bu" :key="item.metaModelId">
<img class="card_image" v-if="item.metaModelSvg_" @click="to_current_details(item)" :src="item.metaModelSvg_" alt="" />
<img class="card_image" v-else @click="to_current_details(item)" src="@/assets/meta-model-list/default_img.png" alt="" />
<div class="card_info">
<div class="card_title">
<i class="el-icon-location"></i>
{{ item.verName }}&nbsp;&nbsp;&nbsp;{{ item.version }}
</div>
<!-- <div class="card_icon" @click.stop="deleteItem(item)">
<i class="el-icon-delete"></i>
</div> -->
</div>
</el-card>
</div>
</div>
</template>
</el-skeleton>
<el-pagination
background
@size-change="val => handleSizeChange(val, '已发布')"
......@@ -146,6 +156,7 @@ export default {
size: 10,
total: 0 //总条数
},
loading: false
};
},
mounted(){
......@@ -231,7 +242,9 @@ export default {
pageSize: this.pager1.size,
state: 1
}
this.loading = true
get_yuan_mo_xing_list(params).then(res => {
this.loading = false
if(res.code == 200) {
res.data.records.map(item => {
if(item.metaModelSvg) {
......@@ -307,21 +320,29 @@ export default {
const params = {
metaModelId: item.metaModelId
}
const loading = this.$loading({
lock: true,
text: '画布初始化中......',
spinner: 'el-icon-loading',
})
query_yuan_mo_xing_details(params).then(res => {
if(res.code == 200) {
const xmlData = res.data.metaModelData;
if(res.code == 200) {
const xmlData = res.data.metaModelData;
const xmlTitle = res.data.verName;
localStorage.setItem('metamodelXmlData', xmlData);
localStorage.setItem('metamodelXmlTitle', xmlTitle);
// this.queryDrawioGraph(item.metaModelId),
Promise.all([ this.queryDrawioGraph2(item.metaModelId) ]).then(res2 => {
loading.close()
localStorage.setItem('commonGraph', JSON.stringify({ show: false, graph: res2[0].dataEle }));
localStorage.setItem('standardGraph', JSON.stringify({ show: true, graph: res2[0].dataEle }));
localStorage.setItem('metaModelJoinGraph', JSON.stringify({ state: 1, graph: res2[0].dataEle }));
this.$router.push( `/main/metaModelListDetails?id=${item.metaModelId}&info=${item.version}&page=metaModelListDetails&referenceId=${item.metaModelId}`);
});
}
});
}).catch(() => {
loading.close()
});
},
queryDrawioGraph(id) {//查询画布左侧常规图形
const params = {
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!