nodeDialog.vue 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. <template>
  2. <el-dialog :title="title" :visible.sync="dialogVisible" width="500px" id="nodeDialog">
  3. <div class="node-des">
  4. <p>节点检查说明</p>
  5. <div class="gray-border">
  6. <div v-if='checkType=="firstCheck"||checkType=="secondCheck"'>
  7. <p>强制检查项</p>
  8. <p v-for="(t,i) in check[checkType].checkList" :key='i'>
  9. <i class="el-icon-check" v-if="!t.check"></i>
  10. <i class="el-icon-close" v-else></i>
  11. {{t.name}}
  12. </p>
  13. <p>非强制检查项</p>
  14. <p v-for="(t,i) in check[checkType].notCheckList" :key='-i-1'>
  15. <i class="el-icon-check" v-if="!t.check"></i>
  16. <i class="el-icon-close" v-else></i>
  17. {{t.name}}
  18. </p>
  19. </div>
  20. </div>
  21. </div>
  22. <div class="result-des" v-if="0">
  23. <p>处理结果</p>
  24. <div class="gray-border"></div>
  25. </div>
  26. <div class="err-des">
  27. <p>错误说明</p>
  28. <div>{{errMsg}}</div>
  29. </div>
  30. </el-dialog>
  31. </template>
  32. <script>
  33. export default {
  34. data() {
  35. return {
  36. dialogVisible: false,
  37. title: '节点名称',
  38. check: {
  39. firstCheck: {
  40. checkList: [
  41. { name: '楼层平面图命名规范检查', check: false },
  42. { name: '项目长度单位检查', check: false },
  43. ],
  44. notCheckList: [
  45. { name: '楼层缺失检查', check: false },
  46. { name: '构件范围检查', check: false },
  47. { name: '设备族编码检查', check: false },
  48. { name: '部件所在位置检查', check: false },
  49. { name: '柱边界检查', check: false },
  50. { name: '连接件检查', check: false },
  51. { name: '系统类型名称检查', check: false },
  52. { name: '未在空间中的设备', check: false },
  53. { name: '管段检查', check: false },
  54. { name: '管网及相关设备检查', check: false },
  55. { name: 'Revit族参数完整性检查', check: false },
  56. { name: 'xyz坐标重叠检查', check: false }
  57. ],
  58. },
  59. secondCheck: {
  60. checkList: [
  61. { name: '楼层标高与楼层顺序号检查', check: false, value: 'LevelCheck' },
  62. { name: '轴网检查', check: false, value: 'GridCheck' }
  63. ],
  64. notCheckList: [],
  65. }
  66. },
  67. errMsg: '',
  68. checkType: ''
  69. };
  70. },
  71. methods: {
  72. showDialog(msg, type) {
  73. this.errMsg = msg.ErrorMsg || '';
  74. this.checkType = type || '';
  75. if (type) {
  76. this.check[type].checkList.forEach(t => {
  77. if (t.value && t.value == 'GridCheck') {
  78. t.check = msg.GridCheck || false
  79. }
  80. if (t.value && t.value == 'LevelCheck') {
  81. t.check = msg.LevelCheck || false
  82. }
  83. })
  84. }
  85. this.dialogVisible = true;
  86. }
  87. }
  88. };
  89. </script>
  90. <style lang="less" scoped>
  91. #nodeDialog {
  92. .node-des,
  93. .result-des {
  94. color: #89969f;
  95. & > div {
  96. min-height: 50px;
  97. padding: 5px;
  98. p {
  99. font-size: 12px;
  100. i {
  101. margin: 0 5px 0 0;
  102. }
  103. }
  104. }
  105. & > p {
  106. margin: 5px 0;
  107. }
  108. }
  109. .err-des {
  110. color: #ff6660;
  111. & > div {
  112. border: 1px solid #ff6660;
  113. min-height: 50px;
  114. }
  115. }
  116. .gray-border {
  117. border: 1px solid #dedee0;
  118. }
  119. .red-border {
  120. border: 1px solid #ff6660;
  121. }
  122. .el-icon-check {
  123. font-size: 14px;
  124. color: #4cba38;
  125. }
  126. .el-icon-close {
  127. font-size: 14px;
  128. color: #ff6660;
  129. }
  130. /deep/ .el-dialog__body {
  131. max-height: 400px;
  132. overflow-y: auto;
  133. }
  134. }
  135. </style>