52 lines
1.1 KiB
Vue
52 lines
1.1 KiB
Vue
|
<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>
|