|
|
@ -433,7 +433,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
|
|
<script>
|
|
|
|
import { getIndexTable } from "@/api/systemManagement/safeIndex";
|
|
|
|
// import { getIndexTable } from "@/api/systemManagement/safeIndex";
|
|
|
|
import bus from "@/assets/js/eventBus.js";
|
|
|
|
import bus from "@/assets/js/eventBus.js";
|
|
|
|
export default {
|
|
|
|
export default {
|
|
|
|
name: "IndexTable",
|
|
|
|
name: "IndexTable",
|
|
|
@ -450,7 +450,7 @@ export default {
|
|
|
|
};
|
|
|
|
};
|
|
|
|
},
|
|
|
|
},
|
|
|
|
created() {
|
|
|
|
created() {
|
|
|
|
this.getData();
|
|
|
|
// this.getData();
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
// table_header() {
|
|
|
|
// table_header() {
|
|
|
@ -460,12 +460,12 @@ export default {
|
|
|
|
// };
|
|
|
|
// };
|
|
|
|
// },
|
|
|
|
// },
|
|
|
|
// 获取表格数据
|
|
|
|
// 获取表格数据
|
|
|
|
getData() {
|
|
|
|
// getData() {
|
|
|
|
getIndexTable().then((res) => {
|
|
|
|
// getIndexTable().then((res) => {
|
|
|
|
console.log("res", res);
|
|
|
|
// console.log("res", res);
|
|
|
|
this.display_data = res.data;
|
|
|
|
// this.display_data = res.data;
|
|
|
|
});
|
|
|
|
// });
|
|
|
|
},
|
|
|
|
// },
|
|
|
|
// 一级指标点击事件
|
|
|
|
// 一级指标点击事件
|
|
|
|
click_onelevel(id) {
|
|
|
|
click_onelevel(id) {
|
|
|
|
let obj = document.querySelectorAll("td");
|
|
|
|
let obj = document.querySelectorAll("td");
|
|
|
@ -479,12 +479,12 @@ export default {
|
|
|
|
item.className = "";
|
|
|
|
item.className = "";
|
|
|
|
});
|
|
|
|
});
|
|
|
|
obj[index].className = "lightcolor";
|
|
|
|
obj[index].className = "lightcolor";
|
|
|
|
const massage = {
|
|
|
|
// const massage = {
|
|
|
|
safeRuleId: id,
|
|
|
|
// safeRuleId: id,
|
|
|
|
level: "1",
|
|
|
|
// level: "1",
|
|
|
|
};
|
|
|
|
// };
|
|
|
|
this.$emit("back", massage);
|
|
|
|
// this.$emit("back", massage);
|
|
|
|
bus.$emit("send", massage); // 传给一级指标详情
|
|
|
|
// bus.$emit("send", massage); // 传给一级指标详情
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// 二级点击事件
|
|
|
|
// 二级点击事件
|
|
|
|
click_twolevel(id) {
|
|
|
|
click_twolevel(id) {
|
|
|
@ -499,12 +499,12 @@ export default {
|
|
|
|
item.className = "";
|
|
|
|
item.className = "";
|
|
|
|
});
|
|
|
|
});
|
|
|
|
obj[index].className = "lightcolor";
|
|
|
|
obj[index].className = "lightcolor";
|
|
|
|
const massage = {
|
|
|
|
// const massage = {
|
|
|
|
safeRuleId: id,
|
|
|
|
// safeRuleId: id,
|
|
|
|
level: "2",
|
|
|
|
// level: "2",
|
|
|
|
};
|
|
|
|
// };
|
|
|
|
this.$emit("back", massage);
|
|
|
|
// this.$emit("back", massage);
|
|
|
|
bus.$emit("send", massage); // 传给二级指标详情
|
|
|
|
// bus.$emit("send", massage); // 传给二级指标详情
|
|
|
|
},
|
|
|
|
},
|
|
|
|
// 三级点击事件
|
|
|
|
// 三级点击事件
|
|
|
|
click_threelevel(id, num) {
|
|
|
|
click_threelevel(id, num) {
|
|
|
@ -525,7 +525,7 @@ export default {
|
|
|
|
item.className = "";
|
|
|
|
item.className = "";
|
|
|
|
});
|
|
|
|
});
|
|
|
|
obj[index].className = "lightcolor";
|
|
|
|
obj[index].className = "lightcolor";
|
|
|
|
this.$emit("back", massage);
|
|
|
|
// this.$emit("back", massage);
|
|
|
|
bus.$emit("send_three", massage); // 传给三级指标详情
|
|
|
|
bus.$emit("send_three", massage); // 传给三级指标详情
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|