切换布局时 模块加载url问题处理

init
gongdi 4 years ago
parent 8d826eec29
commit e748f683e7

@ -60,14 +60,17 @@
}, },
computed: { computed: {
getCom: function () { getCom: function () {
return () => import(`@/views/superFusionPlatform/mainPlatform/moduleAndLayout/moduleCom/${this.url}`) let _url = this.url;
return () => import(`@/views/superFusionPlatform/mainPlatform/moduleAndLayout/moduleCom/${_url}`)
}, },
}, },
methods: { methods: {
initLoadModule: function () { initLoadModule: function () {
let moduleTop = this.$refs.moduleRef ? this.$refs.moduleRef.offsetTop : 0; let moduleContent = document.getElementById("moduleContent");
let scrollTop = moduleContent.scrollTop;
let initVisibleBottom = document.documentElement.clientHeight; let initVisibleBottom = document.documentElement.clientHeight;
if (moduleTop < initVisibleBottom) { let moduleTop = this.$refs.moduleRef ? this.$refs.moduleRef.offsetTop : initVisibleBottom;
if (moduleTop - scrollTop < initVisibleBottom) {
// //
this.url = this.getModuleUrl(); this.url = this.getModuleUrl();
} }
@ -123,11 +126,11 @@
}, },
watch: { watch: {
moduleData: function (newData) { moduleData: function (newData) {
this.type_id = newData.module_type_id this.type_id = newData.module_type_id;
this.id = newData.module_id this.id = newData.module_id;
this.module_size = newData.size this.module_size = newData.size;
this.showIndex = newData.showIndex this.showIndex = newData.showIndex;
this.url = this.getModuleUrl() //this.url = this.getModuleUrl();
this.initLoadModule(); this.initLoadModule();
} }
} }

@ -3,8 +3,8 @@
<div class="task-search-div"> <div class="task-search-div">
<div class="search-title">选择评价任务</div> <div class="search-title">选择评价任务</div>
<div class="search-dom"> <div class="search-dom">
<a-select :value="taskName" style="width: 200px" @change="taskChange"> <a-select :value="taskId" style="width: 200px" @change="taskChange">
<a-select-option v-for="item in taskList" :key="item.task_id + '-' + item.task_name"> <a-select-option v-for="item in taskList" :key="item.task_id">
{{ item.task_name }} {{ item.task_name }}
</a-select-option> </a-select-option>
</a-select> </a-select>
@ -155,6 +155,12 @@
xData.push(item); xData.push(item);
}) })
} }
// else {
// if(echart != null){
// echart.dispose();
// }
// return
// }
let legendData = []; let legendData = [];
let targetList = data.plandetailTable; let targetList = data.plandetailTable;
if (targetList && targetList.length > 0) { if (targetList && targetList.length > 0) {
@ -432,10 +438,14 @@
}); });
}, },
taskChange: function (value) { taskChange: function (value) {
let taskId = value.substring(0, value.indexOf('-')); if (parseInt(this.taskId) != parseInt(value)) {
if (parseInt(this.taskId) != parseInt(taskId)) { this.taskId = value;
this.taskId = taskId; for(let i = 0,len = this.taskList.length;i < len;i ++){
this.taskName = value.substring(value.indexOf('-') + 1); if(this.taskId == this.taskList[i].task_id){
this.taskName = this.taskList[i].task_name;
break;
}
}
this.buildEchart(); this.buildEchart();
} }
}, },

@ -3,8 +3,8 @@
<div class="task-search-div"> <div class="task-search-div">
<div class="search-title">选择评价任务</div> <div class="search-title">选择评价任务</div>
<div class="search-dom"> <div class="search-dom">
<a-select :value="taskName" style="width: 200px" @change="taskChange"> <a-select :value="taskId" style="width: 200px" @change="taskChange">
<a-select-option v-for="item in taskList" :key="item.task_id + '-' + item.task_name"> <a-select-option v-for="item in taskList" :key="item.task_id">
{{ item.task_name }} {{ item.task_name }}
</a-select-option> </a-select-option>
</a-select> </a-select>
@ -404,10 +404,14 @@
}); });
}, },
taskChange: function (value) { taskChange: function (value) {
let taskId = value.substring(0, value.indexOf('-')); if (parseInt(this.taskId) != parseInt(value)) {
if (parseInt(this.taskId) != parseInt(taskId)) { this.taskId = value;
this.taskId = taskId; for(let i = 0,len = this.taskList.length;i < len;i ++){
this.taskName = value.substring(value.indexOf('-') + 1); if(this.taskId == this.taskList[i].task_id){
this.taskName = this.taskList[i].task_name;
break;
}
}
this.buildEchart(); this.buildEchart();
} }
}, },

@ -59,8 +59,8 @@
<div class="task-search-div"> <div class="task-search-div">
<div class="search-title">评价任务</div> <div class="search-title">评价任务</div>
<div class="search-dom"> <div class="search-dom">
<a-select :value="taskName" style="width: 200px" @change="taskChange"> <a-select :value="taskId" style="width: 200px" @change="taskChange">
<a-select-option v-for="item in taskList" :key="item.task_id + '-' + item.task_name"> <a-select-option v-for="item in taskList" :key="item.task_id">
{{ item.task_name }} {{ item.task_name }}
</a-select-option> </a-select-option>
</a-select> </a-select>
@ -384,10 +384,14 @@
}) })
}, },
taskChange: function (value) { taskChange: function (value) {
let taskId = value.substring(0, value.indexOf('-')); if (parseInt(this.taskId) != parseInt(value)) {
if (parseInt(this.taskId) != parseInt(taskId)) { this.taskId = value;
this.taskId = taskId; for(let i = 0,len = this.taskList.length;i < len;i ++){
this.taskName = value.substring(value.indexOf('-') + 1); if(this.taskId == this.taskList[i].task_id){
this.taskName = this.taskList[i].task_name;
break;
}
}
} }
}, },
flushDate: function (param) { flushDate: function (param) {

Loading…
Cancel
Save