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 47 additions and 1 deletions
public/drawio/extention/js/exScratchpad.js
...@@ -78,6 +78,8 @@ function saveScratchpad(data) { ...@@ -78,6 +78,8 @@ function saveScratchpad(data) {
width: item.w, width: item.w,
title: item.title ? item.title : null, title: item.title ? item.title : null,
sort: 1, sort: 1,
referenceId: urlParams.referenceId,
referenceType: isMetaModel()
}) })
}) })
} else { } else {
......
src/views/archi-view-manage/index.vue
...@@ -16,6 +16,14 @@ ...@@ -16,6 +16,14 @@
<div class="right_container"> <div class="right_container">
<el-tabs v-model="activeName" type="border-card"> <el-tabs v-model="activeName" type="border-card">
<el-tab-pane label="发布" name="发布"> <el-tab-pane label="发布" name="发布">
<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_container">
<div class="card_body"> <div class="card_body">
<el-card <el-card
...@@ -56,6 +64,8 @@ ...@@ -56,6 +64,8 @@
</div> --> </div> -->
</div> </div>
</div> </div>
</template>
</el-skeleton>
<el-pagination <el-pagination
background background
@size-change="(val) => handleSizeChange(val, '发布')" @size-change="(val) => handleSizeChange(val, '发布')"
...@@ -267,6 +277,7 @@ export default { ...@@ -267,6 +277,7 @@ export default {
addStatus: null, addStatus: null,
graphGroup: null, graphGroup: null,
archiType: null, archiType: null,
loading: false
} }
}, },
mounted() { mounted() {
...@@ -468,7 +479,9 @@ export default { ...@@ -468,7 +479,9 @@ export default {
viewId: this.viewId, viewId: this.viewId,
state: 1, state: 1,
} }
this.loading = true
getArchiViewManageDetail(params).then((res) => { getArchiViewManageDetail(params).then((res) => {
this.loading = false
if (res.code == 200) { if (res.code == 200) {
res.data.records.map((item) => { res.data.records.map((item) => {
if (item.metaModelSvg) { if (item.metaModelSvg) {
...@@ -482,6 +495,8 @@ export default { ...@@ -482,6 +495,8 @@ export default {
this.pager1.current = res.data.current this.pager1.current = res.data.current
this.pager1.total = res.data.total this.pager1.total = res.data.total
} }
}).catch(() => {
this.loading = false
}) })
}, },
get_list2() { get_list2() {
...@@ -537,6 +552,11 @@ export default { ...@@ -537,6 +552,11 @@ export default {
const params = { const params = {
viewDetailsId: item.viewDetailsId, viewDetailsId: item.viewDetailsId,
} }
const loading = this.$loading({
lock: true,
text: '画布初始化中......',
spinner: 'el-icon-loading',
})
queryArchiViewManageCardDetails(params).then((res) => { queryArchiViewManageCardDetails(params).then((res) => {
if (res.code == 200) { if (res.code == 200) {
const xmlData = res.data.metaModelData const xmlData = res.data.metaModelData
...@@ -550,6 +570,7 @@ export default { ...@@ -550,6 +570,7 @@ export default {
this.queryDrawioGraph2(id), this.queryDrawioGraph2(id),
this.getArchiGraph(), this.getArchiGraph(),
]).then((res2) => { ]).then((res2) => {
loading.close()
localStorage.setItem( localStorage.setItem(
'commonGraph', 'commonGraph',
JSON.stringify({ show: true, graph: res2[0].dataEle }), JSON.stringify({ show: true, graph: res2[0].dataEle }),
...@@ -566,7 +587,9 @@ export default { ...@@ -566,7 +587,9 @@ export default {
`/main/archiViewManageDetails?id=${id}&info=${this.graphGroup}&viewId=${this.viewId}&assetConstant=${this.archiType}&referenceId=${item.viewDetailsId}`) `/main/archiViewManageDetails?id=${id}&info=${this.graphGroup}&viewId=${this.viewId}&assetConstant=${this.archiType}&referenceId=${item.viewDetailsId}`)
}) })
} }
}) }).catch(() => {
loading.close()
});
}, },
getArchiGraph() { getArchiGraph() {
//查询综合图 //查询综合图
......
src/views/meta-model-list/index.vue
...@@ -18,6 +18,14 @@ ...@@ -18,6 +18,14 @@
</div> </div>
<el-tabs v-model="activeName" type="border-card" @tab-click="tabs_click_func"> <el-tabs v-model="activeName" type="border-card" @tab-click="tabs_click_func">
<el-tab-pane label="已发布" name="已发布"> <el-tab-pane label="已发布" name="已发布">
<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_container">
<div class="card_body"> <div class="card_body">
<el-card class="card_item" v-for="item in yi_fa_bu" :key="item.metaModelId"> <el-card class="card_item" v-for="item in yi_fa_bu" :key="item.metaModelId">
...@@ -35,6 +43,8 @@ ...@@ -35,6 +43,8 @@
</el-card> </el-card>
</div> </div>
</div> </div>
</template>
</el-skeleton>
<el-pagination <el-pagination
background background
@size-change="val => handleSizeChange(val, '已发布')" @size-change="val => handleSizeChange(val, '已发布')"
...@@ -146,6 +156,7 @@ export default { ...@@ -146,6 +156,7 @@ export default {
size: 10, size: 10,
total: 0 //总条数 total: 0 //总条数
}, },
loading: false
}; };
}, },
mounted(){ mounted(){
...@@ -231,7 +242,9 @@ export default { ...@@ -231,7 +242,9 @@ export default {
pageSize: this.pager1.size, pageSize: this.pager1.size,
state: 1 state: 1
} }
this.loading = true
get_yuan_mo_xing_list(params).then(res => { get_yuan_mo_xing_list(params).then(res => {
this.loading = false
if(res.code == 200) { if(res.code == 200) {
res.data.records.map(item => { res.data.records.map(item => {
if(item.metaModelSvg) { if(item.metaModelSvg) {
...@@ -307,6 +320,11 @@ export default { ...@@ -307,6 +320,11 @@ export default {
const params = { const params = {
metaModelId: item.metaModelId metaModelId: item.metaModelId
} }
const loading = this.$loading({
lock: true,
text: '画布初始化中......',
spinner: 'el-icon-loading',
})
query_yuan_mo_xing_details(params).then(res => { query_yuan_mo_xing_details(params).then(res => {
if(res.code == 200) { if(res.code == 200) {
const xmlData = res.data.metaModelData; const xmlData = res.data.metaModelData;
...@@ -315,12 +333,15 @@ export default { ...@@ -315,12 +333,15 @@ export default {
localStorage.setItem('metamodelXmlTitle', xmlTitle); localStorage.setItem('metamodelXmlTitle', xmlTitle);
// this.queryDrawioGraph(item.metaModelId), // this.queryDrawioGraph(item.metaModelId),
Promise.all([ this.queryDrawioGraph2(item.metaModelId) ]).then(res2 => { Promise.all([ this.queryDrawioGraph2(item.metaModelId) ]).then(res2 => {
loading.close()
localStorage.setItem('commonGraph', JSON.stringify({ show: false, graph: res2[0].dataEle })); localStorage.setItem('commonGraph', JSON.stringify({ show: false, graph: res2[0].dataEle }));
localStorage.setItem('standardGraph', JSON.stringify({ show: true, 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 })); 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}`); this.$router.push( `/main/metaModelListDetails?id=${item.metaModelId}&info=${item.version}&page=metaModelListDetails&referenceId=${item.metaModelId}`);
}); });
} }
}).catch(() => {
loading.close()
}); });
}, },
queryDrawioGraph(id) {//查询画布左侧常规图形 queryDrawioGraph(id) {//查询画布左侧常规图形
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!