<template>
  <view class="jbxx-box">
    <view class="jbxx-tabs">
        <u-tabs 
        :list="list" 
        @click="tabsClick" 
        :scrollable="false"
        :activeStyle="{
        color: '#34a4fe',
    }"
        ></u-tabs>
    </view>
    <view class="jbxx-content">
      <Jbzz v-if = "status == 0" />
      <view v-if="status == 1" class="gcgk">黄沙水库位于长江中游南岸，汀泗河上游，该河是赤壁市与咸安区的界河，属西凉湖水系的一条支流</view>
      <Krqx v-if="status == 2" stcd="3040" />
    </view>
  </view>
</template>
<script>
import Jbzz from './jbzz'
import Krqx from './krqx'
export default {
  components: {
    Jbzz,
    Krqx
  },
  data() {
    return {
      list: [{ name: '基本资料' }, { name: '工程概况' }, { name: '库容曲线' }],
      status:0
    }
  },
  methods: {
    tabsClick(e) {
      this.status = e?.index;
    }
  }
}
</script>
<style lang="scss" scoped>
.jbxx-box{
  padding: 5px;
  .jbxx-tabs{
    width: 100%;
    background-color: #dff0f8;
  }
  .gcgk{
    padding: 5px;
  }
}
</style>