index.vue 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <!--合规性分析-->
  2. <template>
  3. <div class="ghzc basicGeographic">
  4. <EntityManage class="innerContainer leftPane"></EntityManage>
  5. <!-- <div class="innerContainer leftPane" v-drag @click.native.stop>
  6. <h2 class="Pangetitle darg-div">
  7. <span class="pange_text">耕地保护</span>
  8. </h2>
  9. <el-tabs type="border-card" class="xz_box" v-model="activeTabs" stretch @tab-click="tabClick">
  10. <el-tab-pane label="辅助监测研判" name="fzjcyp">
  11. <FZJCYP v-loading="loading" @updateParent="changeData" ref="fzjcyp"></FZJCYP>
  12. </el-tab-pane>
  13. <el-tab-pane label="历史记录" name="lsju">
  14. <Lsjl :rzBsm="rzBsm" :activeTabs="activeTabs" @updateParent="changeData" type="gdbh" ref="lsju"></Lsjl>
  15. </el-tab-pane>
  16. <el-tab-pane label="分析结果" :disabled="activeTabs != 'scjg'" name="fxjg">
  17. <div v-drag style="height: 100%;">
  18. <FXJG :activeTabs="activeTabs" @updateParent="changeData" :loading="loading" :fxjgObj="nowObj" ref="fxjg"
  19. v-if="activeTabs == 'fxjg'"></FXJG>
  20. </div>
  21. </el-tab-pane>
  22. </el-tabs>
  23. </div>
  24. <interDetails :rzBsm="rzBsm" @updateParent="changeData" :interObj="interObj" v-if="showInter"></interDetails>
  25. <RzDtails
  26. :rzBsm="rzBsm"
  27. :rzMc="nowObj.xmmc"
  28. @updateParent="changeData"
  29. ></RzDtails> -->
  30. </div>
  31. </template>
  32. <script>
  33. import EntityManage from "./entityManage.vue";
  34. // import FXJG from "./components/fxjg.vue";
  35. // import Lsjl from "../complianceAnalysis/components/lsjl.vue";
  36. // import interDetails from "./components/interDetails.vue";
  37. // import RzDtails from "../complianceAnalysis/components/rzDtails.vue";
  38. export default {
  39. name: "BasicGeographic",
  40. components: {
  41. EntityManage,
  42. // Lsjl,
  43. // FXJG,
  44. // interDetails,
  45. // RzDtails,
  46. },
  47. data() {
  48. return {
  49. activeTabs: "fzjcyp",
  50. rzBsm: "",
  51. rwBsm: "",
  52. nowObj: {},
  53. rzMc: "",
  54. loading: false,
  55. interObj: {},//套合信息存储
  56. showInter: false,
  57. };
  58. },
  59. created() { },
  60. methods: {
  61. changeData(name, updata) {
  62. this[name] = updata;
  63. },
  64. tabClick(evt) {
  65. this.activeTabs = evt.name;
  66. },
  67. },
  68. watch: {
  69. activeTabs(newValue) {
  70. },
  71. },
  72. };
  73. </script>
  74. <style lang="scss" scoped>
  75. .basicGeographic {
  76. .xz_box {}
  77. // .headerSearch {
  78. // display: flex;
  79. // justify-content: space-between;
  80. // margin-right: 10px;
  81. // .el-input {
  82. // width: 48%;
  83. // }
  84. /deep/ .el-input--small .el-input__inner {
  85. color: white !important;
  86. background: rgba(100, 218, 255, 0.1);
  87. border-radius: 2px 10px 2px 10px;
  88. border-color: #5ecef09a;
  89. }
  90. // }
  91. }
  92. </style>
  93. <style lang="scss">
  94. @import "../complianceAnalysis//ghzc.scss";
  95. </style>