Table.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <script setup>
  2. import BasicInfor from "../Table/components/BasicInfor.vue"
  3. import WaterLeveChart from "../Table/components/WaterLevelChart.vue"
  4. import TianluEngin from "../Table/components/TianluEngin.vue"
  5. </script>
  6. <template>
  7. <jt-popup2 title="农田基本信息" ref="BasicInfor">
  8. <BasicInfor></BasicInfor>
  9. </jt-popup2>
  10. <jt-popup2 title="田路工程" top="calc(calc(100% - 115rem) / 3 + 90rem)" ref="RoadProject">
  11. <TianluEngin></TianluEngin>
  12. </jt-popup2>
  13. <jt-popup2 title="水利工程" top="calc(calc(100% - 115rem) / 3 + calc(100% - 115rem) / 3 + 90rem)" ref="WaterProject">
  14. <WaterLeveChart></WaterLeveChart>
  15. </jt-popup2>
  16. <jt-popup3 title="用水量统计" ref="ysltj">
  17. </jt-popup3>
  18. <jt-popup3 title="能耗同比统计" top="calc(calc(100% - 115rem) / 3 + 90rem)" ref="nhtbtj">
  19. </jt-popup3>
  20. <jt-popup3 title="智能监控" top="calc(calc(100% - 115rem) / 3 + calc(100% - 115rem) / 3 + 90rem)" ref="znjk">
  21. </jt-popup3>
  22. </template>
  23. <script>
  24. export default {
  25. name: 'Test',
  26. /* 数据 */
  27. data() {
  28. return {
  29. }
  30. },
  31. /* 方法 */
  32. methods: {
  33. },
  34. // ?tableName=map_region&sqlWhere=&orderByField=
  35. /* 初始化 */
  36. mounted() {
  37. },
  38. }
  39. </script>
  40. <style scoped>
  41. </style>