|
@@ -0,0 +1,71 @@
|
|
|
+<template>
|
|
|
+ <div class="detail-box">
|
|
|
+ <el-scrollbar style="height:100%;">
|
|
|
+ <div class="attribute-detail"></div>
|
|
|
+ <div class="implement-detail"></div>
|
|
|
+ </el-scrollbar>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { } from "@/api/scan/request"
|
|
|
+import { mapGetters } from "vuex"
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters("layout", ["projectId"])
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ id: String,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ id: {
|
|
|
+ handler(newName, oldName) {
|
|
|
+ // this.page.pageNumber = 1
|
|
|
+ // this.getTableData()
|
|
|
+ },
|
|
|
+ immediate: true,
|
|
|
+ deep: true
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="less" scoped>
|
|
|
+ .detail-box{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ /deep/ .el-scrollbar__wrap {
|
|
|
+ overflow-x: hidden;
|
|
|
+ }
|
|
|
+ .attribute-detail{
|
|
|
+ width: calc(100% - 30px);
|
|
|
+ height: 500px;
|
|
|
+ margin: 15px 15px 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-left: 1px solid #eee;
|
|
|
+ box-shadow: 0px 1px 5px 0px rgba(59, 66, 84, 0.15);
|
|
|
+ }
|
|
|
+ .implement-detail{
|
|
|
+ width: calc(100% - 30px);
|
|
|
+ height: 500px;
|
|
|
+ margin: 15px 15px 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-left: 1px solid #eee;
|
|
|
+ box-shadow: 0px 1px 5px 0px rgba(59, 66, 84, 0.15);
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|