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) { ...@@ -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,46 +16,56 @@ ...@@ -16,46 +16,56 @@
<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="发布">
<div class="card_container"> <el-skeleton style="width: 345px;" class="m-15" :loading="loading" animated>
<div class="card_body"> <template slot="template">
<el-card <el-skeleton-item
class="card_item" variant="image"
v-for="item in yiFaBu" style="width: 345px; height: 240px;"
:key="item.metaModelId" />
> </template>
<img <template>
class="card_image" <div class="card_container">
v-if="item.metaModelSvg_" <div class="card_body">
@click="to_current_details(item)" <el-card
:src="item.metaModelSvg_" class="card_item"
alt="" v-for="item in yiFaBu"
/> :key="item.metaModelId"
<img >
class="card_image" <img
v-else class="card_image"
@click="to_current_details(item)" v-if="item.metaModelSvg_"
src="@/assets/meta-model-list/default_img.png" @click="to_current_details(item)"
alt="" :src="item.metaModelSvg_"
/> alt=""
<div class="card_info"> />
<div class="card_title"> <img
<i class="el-icon-location"></i> class="card_image"
{{ item.verName }}&nbsp;&nbsp;&nbsp;{{ item.version }} 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>
<!-- <div class="card_icon" @click.stop="deleteItem(item)"> </el-card>
<i class="el-icon-delete"></i> <!-- <div
</div> --> v-if="viewId"
</div> class="add_container"
</el-card> @click="open_dialog('发布')"
<!-- <div >
v-if="viewId" <i class="el-icon-plus"></i>
class="add_container" </div> -->
@click="open_dialog('发布')" </div>
>
<i class="el-icon-plus"></i>
</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,23 +18,33 @@ ...@@ -18,23 +18,33 @@
</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="已发布">
<div class="card_container"> <el-skeleton style="width: 328px;" class="m-15" :loading="loading" animated>
<div class="card_body"> <template slot="template">
<el-card class="card_item" v-for="item in yi_fa_bu" :key="item.metaModelId"> <el-skeleton-item
<img class="card_image" v-if="item.metaModelSvg_" @click="to_current_details(item)" :src="item.metaModelSvg_" alt="" /> variant="image"
<img class="card_image" v-else @click="to_current_details(item)" src="@/assets/meta-model-list/default_img.png" alt="" /> style="width: 328px; height: 240px;"
<div class="card_info"> />
<div class="card_title"> </template>
<i class="el-icon-location"></i> <template>
{{ item.verName }}&nbsp;&nbsp;&nbsp;{{ item.version }} <div class="card_container">
</div> <div class="card_body">
<!-- <div class="card_icon" @click.stop="deleteItem(item)"> <el-card class="card_item" v-for="item in yi_fa_bu" :key="item.metaModelId">
<i class="el-icon-delete"></i> <img class="card_image" v-if="item.metaModelSvg_" @click="to_current_details(item)" :src="item.metaModelSvg_" alt="" />
</div> --> <img class="card_image" v-else @click="to_current_details(item)" src="@/assets/meta-model-list/default_img.png" alt="" />
</div> <div class="card_info">
</el-card> <div class="card_title">
</div> <i class="el-icon-location"></i>
</div> {{ 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 <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,21 +320,29 @@ export default { ...@@ -307,21 +320,29 @@ 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;
const xmlTitle = res.data.verName; const xmlTitle = res.data.verName;
localStorage.setItem('metamodelXmlData', xmlData); localStorage.setItem('metamodelXmlData', xmlData);
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) {//查询画布左侧常规图形
const params = { const params = {
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!