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

src/views/superFusionPlatform/mainPlatform/moduleAndLayout/ModuleBase.vue

@@ -60,14 +60,17 @@
         },
         computed: {
             getCom: function () {
-                return () => import(`@/views/superFusionPlatform/mainPlatform/moduleAndLayout/moduleCom/${this.url}`)
+                let _url = this.url;
+                return () => import(`@/views/superFusionPlatform/mainPlatform/moduleAndLayout/moduleCom/${_url}`)
             },
         },
         methods: {
             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;
-                if (moduleTop < initVisibleBottom) {
+                let moduleTop = this.$refs.moduleRef ? this.$refs.moduleRef.offsetTop : initVisibleBottom;
+                if (moduleTop - scrollTop < initVisibleBottom) {
                     //开始加载
                     this.url = this.getModuleUrl();
                 }
@@ -123,11 +126,11 @@
         },
         watch: {
             moduleData: function (newData) {
-                this.type_id = newData.module_type_id
-                this.id = newData.module_id
-                this.module_size = newData.size
-                this.showIndex = newData.showIndex
-                this.url = this.getModuleUrl()
+                this.type_id = newData.module_type_id;
+                this.id = newData.module_id;
+                this.module_size = newData.size;
+                this.showIndex = newData.showIndex;
+                //this.url = this.getModuleUrl();
                 this.initLoadModule();
             }
         }

src/views/superFusionPlatform/mainPlatform/moduleAndLayout/moduleCom/oa/teacherEvaluation/teacherEvaluation.vue

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

src/views/superFusionPlatform/mainPlatform/moduleAndLayout/moduleCom/oa/teacherEvaluation/teacherEvaluationLarge.vue

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

src/views/superFusionPlatform/mainPlatform/moduleAndLayout/moduleCom/oa/teacherGroupEvaluation/teacherGroupEvaluation.vue

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