|
@@ -37,10 +37,14 @@
|
|
|
</el-select>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <gantt v-if="isDataLoaded" ref="ganttTable" class="left-container" :tasks="tasks"
|
|
|
+ <gantt v-show="isDataLoaded" ref="ganttTable1" class="left-container" :tasks="tasks1"
|
|
|
:stafforpro="radio1"
|
|
|
:valueDate="valueDate"
|
|
|
- :key="updatakey"></gantt>
|
|
|
+ :key="updatakey1"></gantt>
|
|
|
+ <gantt v-show="!isDataLoaded" ref="ganttTable2" class="left-container" :tasks="tasks2"
|
|
|
+ :stafforpro="radio1"
|
|
|
+ :valueDate="valueDate"
|
|
|
+ :key="updatakey2"></gantt>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -48,7 +52,7 @@
|
|
|
import Gantt from './gantt.vue';
|
|
|
|
|
|
export default {
|
|
|
- name: 'app',
|
|
|
+ name: 'project_gantt',
|
|
|
components: {Gantt},
|
|
|
data () {
|
|
|
return {
|
|
@@ -59,7 +63,10 @@ export default {
|
|
|
// {id: 1, source: 1, target: 2, type: '0'}
|
|
|
]
|
|
|
},
|
|
|
- updatakey: 1,
|
|
|
+ tasks1: {links:[]},
|
|
|
+ tasks2: {links:[]},
|
|
|
+ updatakey1: 1,
|
|
|
+ updatakey2: -1,
|
|
|
radio1:"按人员查看",
|
|
|
valueDate:[],
|
|
|
options:[{value:"选项1",label:"全部"},{value:"选项2",label:"人员1"}],
|
|
@@ -76,29 +83,51 @@ export default {
|
|
|
|
|
|
methods: {
|
|
|
setGroup() {
|
|
|
- this.$refs.ganttTable.setGroup();
|
|
|
+ this.$refs.ganttTable1.setGroup();
|
|
|
+ this.$refs.ganttTable2.setGroup();
|
|
|
},
|
|
|
// 人员/项目切换
|
|
|
selChange(){
|
|
|
if (this.radio1 == "按人员查看") {
|
|
|
- this.reqpar1 = 1
|
|
|
- }else{
|
|
|
this.reqpar1 = 0
|
|
|
+ this.getList()
|
|
|
+ this.tasks1 = this.tasks
|
|
|
+ this.updatakey1 += 1
|
|
|
+ this.isDataLoaded = true
|
|
|
+ }else{
|
|
|
+ this.reqpar1 = 1
|
|
|
+ this.getList()
|
|
|
+ this.tasks2 = this.tasks
|
|
|
+ this.updatakey2 -= 1
|
|
|
+ this.isDataLoaded = false
|
|
|
}
|
|
|
- this.getList()
|
|
|
- this.updatakey += 1
|
|
|
+
|
|
|
+
|
|
|
},
|
|
|
// 时间段改变
|
|
|
dateupdata(){
|
|
|
this.reqpar2 = this.valueDate
|
|
|
- this.getList()
|
|
|
- this.updatakey += 1
|
|
|
+
|
|
|
+ if (this.reqpar1 = 0) {
|
|
|
+ this.getList()
|
|
|
+ this.tasks1 = this.tasks
|
|
|
+ this.updatakey1 += 1
|
|
|
+ } else {
|
|
|
+ this.getList()
|
|
|
+ this.tasks2 = this.tasks
|
|
|
+ this.updatakey2 -= 1
|
|
|
+ }
|
|
|
+
|
|
|
},
|
|
|
// 人员/项目筛选改变
|
|
|
optupdata(){
|
|
|
this.reqpar3 = this.valuex
|
|
|
this.getList()
|
|
|
- this.updatakey += 1
|
|
|
+ if (this.reqpar1 = 0) {
|
|
|
+ this.updatakey1 += 1
|
|
|
+ } else {
|
|
|
+ this.updatakey2 -= 1
|
|
|
+ }
|
|
|
},
|
|
|
|
|
|
getList() {
|
|
@@ -137,6 +166,9 @@ export default {
|
|
|
this.reqpar2 = this.valueDate
|
|
|
console.log("date",this.valueDate);
|
|
|
this.getList();
|
|
|
+ this.tasks1 = this.tasks
|
|
|
+ this.setGroup()
|
|
|
+ this.isDataLoaded = true
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -174,7 +206,7 @@ export default {
|
|
|
.gantt_head .head_date{
|
|
|
height: 60px;
|
|
|
line-height: 60px;
|
|
|
- width: 30%;
|
|
|
+ width: 35%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|