|
@@ -1,23 +1,25 @@
|
|
|
<template>
|
|
|
- <div class="container" v-if="!refresh">
|
|
|
- <div class="left">
|
|
|
- <Anchor @goAnchor="goAnchor" :anchorList="anchorList" />
|
|
|
- </div>
|
|
|
- <div class="right">
|
|
|
- <Basic name="基础信息" :info="info" />
|
|
|
- <Form
|
|
|
- v-for="(item, index) in anchorList"
|
|
|
- :key="index"
|
|
|
- :itemProps="item"
|
|
|
- :info="info"
|
|
|
- />
|
|
|
- <!-- <Geo :PropInfo="info.geo" />
|
|
|
+ <div class="container" v-loading="loading">
|
|
|
+ <template v-if="!refresh">
|
|
|
+ <div class="left">
|
|
|
+ <Anchor @goAnchor="goAnchor" :anchorList="anchorList" />
|
|
|
+ </div>
|
|
|
+ <div class="right">
|
|
|
+ <!-- <Basic name="基础信息" :info="info" /> -->
|
|
|
+ <Form
|
|
|
+ v-for="(item, index) in anchorList"
|
|
|
+ :key="index"
|
|
|
+ :itemProps="item"
|
|
|
+ :info="info"
|
|
|
+ />
|
|
|
+ <!-- <Geo :PropInfo="info.geo" />
|
|
|
<Project />
|
|
|
<Business /> -->
|
|
|
+ </div>
|
|
|
<div class="bottom">
|
|
|
<Button type="primary" @click="save">保存</Button>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -59,6 +61,7 @@ export default {
|
|
|
refresh: false, // 节点重新渲染
|
|
|
isSaved: true, // 是否已经保存
|
|
|
hasChange: false, // 是否有修改
|
|
|
+ loading: false,
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
@@ -66,9 +69,16 @@ export default {
|
|
|
...mapState("layout", ["projectId"]),
|
|
|
},
|
|
|
mounted() {
|
|
|
- this.getInfo();
|
|
|
- this.getDict();
|
|
|
+ // this.getInfo();
|
|
|
+ // this.getDict();
|
|
|
this.initEvent();
|
|
|
+ this.loading = true;
|
|
|
+ this.refresh = true;
|
|
|
+ Promise.all([this.getInfo(), this.getDict()]).then(() => {
|
|
|
+ this.refresh = false;
|
|
|
+ // IndexLoading.remove(this.loading);
|
|
|
+ this.loading = false;
|
|
|
+ });
|
|
|
},
|
|
|
methods: {
|
|
|
// 获取参数字典
|
|
@@ -120,7 +130,7 @@ export default {
|
|
|
let dom = document.querySelector(`.${name}-container`);
|
|
|
let right = document.querySelector(".right");
|
|
|
if (dom && right) {
|
|
|
- right.scrollTop = dom.offsetTop - 120;
|
|
|
+ right.scrollTop = dom.offsetTop - 140;
|
|
|
}
|
|
|
},
|
|
|
// 保存
|
|
@@ -172,11 +182,13 @@ export default {
|
|
|
},
|
|
|
watch: {
|
|
|
projectId() {
|
|
|
- this.loading = IndexLoading();
|
|
|
+ // this.loading = IndexLoading();
|
|
|
+ this.loading = true;
|
|
|
this.refresh = true;
|
|
|
Promise.all([this.getInfo(), this.getDict()]).then(() => {
|
|
|
this.refresh = false;
|
|
|
- IndexLoading.remove(this.loading);
|
|
|
+ // IndexLoading.remove(this.loading);
|
|
|
+ this.loading = false;
|
|
|
});
|
|
|
},
|
|
|
},
|
|
@@ -214,22 +226,21 @@ export default {
|
|
|
}
|
|
|
.right {
|
|
|
width: 100%;
|
|
|
-
|
|
|
+ padding: 20px;
|
|
|
overflow-y: auto;
|
|
|
- .basic-container,
|
|
|
- .geo-container,
|
|
|
- .project-container,
|
|
|
- .business-container {
|
|
|
- padding: 20px;
|
|
|
- }
|
|
|
- .bottom {
|
|
|
- width: 100%;
|
|
|
- height: 72px;
|
|
|
- box-shadow: 0px 2px 10px rgba(31, 36, 41, 0.2);
|
|
|
- // display: flex;
|
|
|
- // align-items: center;
|
|
|
- padding: 20px;
|
|
|
- }
|
|
|
+ }
|
|
|
+ .bottom {
|
|
|
+ width: 100%;
|
|
|
+ height: 72px;
|
|
|
+ box-shadow: 0px 2px 10px rgba(31, 36, 41, 0.2);
|
|
|
+ // display: flex;
|
|
|
+ // align-items: center;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ padding: 20px;
|
|
|
+ padding-left: 178px;
|
|
|
+ background-color: #fff;
|
|
|
+ z-index: 999;
|
|
|
}
|
|
|
}
|
|
|
</style>
|