repetitionGraphy.vue 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <template>
  2. <div id="repetitionGraphy">
  3. <div class="buttons">
  4. <el-button icon="el-icon-back" size="mini" @click="backRouter"></el-button>
  5. <el-button size="mini" @click="changeGraphy">替换平面图</el-button>
  6. <el-button size="mini">编辑平面图</el-button>
  7. </div>
  8. <!-- 展示图片 -->
  9. <div class="drawImg">
  10. <drawFloor ref="drawFloor" :findGraphyItemId="findGraphyItemId" :point="point" :pointWidth="pointWidth"
  11. :isScale="false" indexs="repetion"></drawFloor>
  12. </div>
  13. <!-- 查看图片弹窗 -->
  14. <checkGraphy :checkGraphyVisible="checkGraphyVisible" @handleCloseCGraphy="checkGraphyVisible=false"></checkGraphy>
  15. <div id="operateList">
  16. <operateGraphyItem></operateGraphyItem>
  17. </div>
  18. </div>
  19. </template>
  20. <script>
  21. import drawFloor from "./drawGraphy/drawFloor";
  22. import checkGraphy from "./drawGraphy/checkGraphy"; //查看图片
  23. import operateGraphyItem from "./drawGraphy/operateGraphyItem" //各个item
  24. export default {
  25. components: {
  26. drawFloor,
  27. checkGraphy,
  28. operateGraphyItem
  29. },
  30. data() {
  31. return {
  32. checkGraphyVisible: false, //查看平面图弹窗
  33. modelId: "04153a22ce3111e9b1c7318645437bfe", // key
  34. point: [40703.54760591985, 42678.14510522981], //坐标
  35. pointWidth: 2000,
  36. findGraphyItemId: "", //高亮的id
  37. slidervalue: 0
  38. };
  39. },
  40. methods: {
  41. handleClose() {
  42. this.$emit("closeRepeatVisible");
  43. },
  44. // 返回路由
  45. backRouter() {
  46. this.$router.go(-1);
  47. },
  48. // 替换模型文件
  49. changeGraphy() {
  50. this.checkGraphyVisible = true;
  51. },
  52. },
  53. mounted() {
  54. // this.dataKey = `/image-service/common/file_get/${this.$route.query.jsonKey}?systemId=revit`;
  55. // this.modelId = this.$router.query.modelId
  56. let modelId = this.modelId
  57. console.log(this.$refs.drawFloor)
  58. this.$refs.drawFloor.initGraphy(modelId)
  59. },
  60. };
  61. </script>
  62. <style lang="less">
  63. #repetitionGraphy {
  64. width: 100%;
  65. height: 100%;
  66. background: #fff;
  67. position: relative;
  68. padding: 10px;
  69. box-sizing: border-box;
  70. .drawImg {
  71. width: 100%;
  72. margin-top: 10px;
  73. height: calc(100% - 40px);
  74. }
  75. #operateList {
  76. position: absolute;
  77. left: 50%;
  78. bottom: 100px;
  79. // margin-left:
  80. }
  81. }
  82. </style>