| | |
| | | export default {
|
| | | name: "Gantt",
|
| | | components: {},
|
| | | props: {
|
| | | selectedId: {
|
| | | type: String,
|
| | | default: "",
|
| | | },
|
| | | },
|
| | | data() {
|
| | | return {
|
| | | taskslist: [],
|
| | |
| | | columnsShow: false,
|
| | | };
|
| | | },
|
| | | watch: {
|
| | | selectedId: {
|
| | | handler(newVal) {
|
| | | console.log("甘特图接收到的数据:", newVal);
|
| | | // 处理数据变化的逻辑
|
| | | },
|
| | | deep: true, // 深度监听对象内部变化
|
| | | immediate: true, // 立即执行一次
|
| | | },
|
| | | },
|
| | | mounted() {
|
| | | this.init(); //初始化
|
| | | this.getProjectqryDataColl(); //获取数据
|
| | |
| | | }, |
| | | data: [ |
| | | { |
| | | value: 81.5, |
| | | value: 0, |
| | | name: "", |
| | | itemStyle: { |
| | | color: "#00FFFF", |
| | | }, |
| | | }, |
| | | { |
| | | value: 18.5, |
| | | value: 100, |
| | | name: "", |
| | | itemStyle: { |
| | | color: "transparent", |
| | |
| | | }, |
| | | data: [ |
| | | { |
| | | value: 33, |
| | | value: 0, |
| | | name: "", |
| | | itemStyle: { |
| | | color: "#00FFFF", |
| | | }, |
| | | }, |
| | | { |
| | | value: 77, |
| | | value: 100, |
| | | name: "", |
| | | itemStyle: { |
| | | color: "transparent", |
| | |
| | | }, |
| | | data: [ |
| | | { |
| | | value: 20, |
| | | value: 0, |
| | | name: "", |
| | | itemStyle: { |
| | | color: "#00FFFF", |
| | | }, |
| | | }, |
| | | { |
| | | value: 80, |
| | | value: 100, |
| | | name: "", |
| | | itemStyle: { |
| | | color: "transparent", |
| | |
| | | > |
| | | </div> |
| | | <div class="chart-container" :style="sectionStyle"> |
| | | <Gantt /> |
| | | <Gantt :selected-id="selectedId" /> |
| | | </div> |
| | | </div> |
| | | </div> |