12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- <template>
- <div id="repetitionGraphy">
- <div class="buttons">
- <el-button icon="el-icon-back" size="mini" @click="backRouter"></el-button>
- <el-button size="mini" @click="changeGraphy">替换平面图</el-button>
- <el-button size="mini">编辑平面图</el-button>
- </div>
-
- <div class="drawImg">
- <drawFloor ref="drawFloor" :findGraphyItemId="findGraphyItemId" :point="point" :pointWidth="pointWidth"
- :isScale="false" indexs="repetion"></drawFloor>
- </div>
-
- <checkGraphy :checkGraphyVisible="checkGraphyVisible" @handleCloseCGraphy="checkGraphyVisible=false"></checkGraphy>
- <div id="operateList">
- <operateGraphyItem></operateGraphyItem>
- </div>
- </div>
- </template>
- <script>
- import drawFloor from "./drawGraphy/drawFloor";
- import checkGraphy from "./drawGraphy/checkGraphy";
- import operateGraphyItem from "./drawGraphy/operateGraphyItem"
- export default {
- components: {
- drawFloor,
- checkGraphy,
- operateGraphyItem
- },
- data() {
- return {
- checkGraphyVisible: false,
- modelId: "04153a22ce3111e9b1c7318645437bfe",
- point: [40703.54760591985, 42678.14510522981],
- pointWidth: 2000,
- findGraphyItemId: "",
- slidervalue: 0
- };
- },
- methods: {
- handleClose() {
- this.$emit("closeRepeatVisible");
- },
-
- backRouter() {
- this.$router.go(-1);
- },
-
- changeGraphy() {
- this.checkGraphyVisible = true;
- },
- },
- mounted() {
-
-
- let modelId = this.modelId
- console.log(this.$refs.drawFloor)
- this.$refs.drawFloor.initGraphy(modelId)
- },
- };
- </script>
- <style lang="less">
- #repetitionGraphy {
- width: 100%;
- height: 100%;
- background: #fff;
- position: relative;
- padding: 10px;
- box-sizing: border-box;
- .drawImg {
- width: 100%;
- margin-top: 10px;
- height: calc(100% - 40px);
- }
- #operateList {
- position: absolute;
- left: 50%;
- bottom: 100px;
- // margin-left:
- }
- }
- </style>
|