|
@@ -0,0 +1,176 @@
|
|
|
|
+<template>
|
|
|
|
+ <view>
|
|
|
|
+ <!-- 头图 -->
|
|
|
|
+ <view class="top_img">
|
|
|
|
+ <!-- 矿压监测 -->
|
|
|
|
+ <image src="./kyjc.jpg" mode=""></image>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <!-- 列表 -->
|
|
|
|
+ <view class="list">
|
|
|
|
+ <!-- 矿压监测 -->
|
|
|
|
+ <view class="item" v-for="(item,index) in data_kyjc" :key="index">
|
|
|
|
+ <view class="title" @click="item_active(index)">
|
|
|
|
+ <view class="left">
|
|
|
|
+ <view class="icon"></view>
|
|
|
|
+ <view class="name">
|
|
|
|
+ {{item.name}}
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="right" v-if="index != active">
|
|
|
|
+ <uni-icons type="arrowright"></uni-icons>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="right" v-if="index == active">
|
|
|
|
+ <uni-icons type="arrowdown"></uni-icons>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="inner_list" v-if="active == index">
|
|
|
|
+ <view class="inner_item" v-for="(item_2,index_2) in item.list" :key="index_2"
|
|
|
|
+ @click="inner_item_active(item_2)">
|
|
|
|
+ <view class="inner_icon"></view>
|
|
|
|
+ <view class="inner_name">{{item_2.name}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ </view>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+ export default {
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ active:9999,
|
|
|
|
+ // 矿压监测
|
|
|
|
+ data_kyjc: [{
|
|
|
|
+ name: "金家渠煤矿",
|
|
|
|
+ list: []
|
|
|
|
+ }]
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ onLoad() {
|
|
|
|
+ uni.setNavigationBarTitle({
|
|
|
|
+ title: "矿压监测"
|
|
|
|
+ })
|
|
|
|
+
|
|
|
|
+ this.get_pressure_area_list()
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+ get_pressure_area_list(){
|
|
|
|
+ this.$api.pressure_area_list({
|
|
|
|
+
|
|
|
|
+ }).then((res)=>{
|
|
|
|
+ let data = res.data.content.data
|
|
|
|
+ let list = []
|
|
|
|
+ data.forEach((item,index)=>{
|
|
|
|
+ let obj = {
|
|
|
|
+ name:item,
|
|
|
|
+ url:"../jinjiaqu/kuang_ya_jian_ce/kuang_ya_jian_ce"
|
|
|
|
+ }
|
|
|
|
+ list.push(obj)
|
|
|
|
+ })
|
|
|
|
+ this.data_kyjc[0].list = list
|
|
|
|
+ this.active = 0
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ item_active(index) {
|
|
|
|
+ if (index != this.active) {
|
|
|
|
+ this.active = index
|
|
|
|
+ } else {
|
|
|
|
+ this.active = 9999
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ inner_item_active(item_2) {
|
|
|
|
+ if (item_2.url.indexOf('jinjiaqu/kuang_ya_jian_ce/kuang_ya_jian_ce') != -1) {
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: './kuang_ya_jian_ce?name='+item_2.name
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<style lang="scss">
|
|
|
|
+ page {
|
|
|
|
+ background-color: #F7F7F7;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .top_img {
|
|
|
|
+ image {
|
|
|
|
+ width: 750rpx;
|
|
|
|
+ height: 360rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .list {
|
|
|
|
+ padding-top: 20rpx;
|
|
|
|
+
|
|
|
|
+ .item {
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
+ margin-bottom: 20rpx;
|
|
|
|
+
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ padding: 0 35rpx;
|
|
|
|
+
|
|
|
|
+ .title {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ align-items: center;
|
|
|
|
+
|
|
|
|
+ height: 110rpx;
|
|
|
|
+ border-bottom: 1rpx solid #f7f7f7;
|
|
|
|
+
|
|
|
|
+ .left {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+
|
|
|
|
+ .icon {
|
|
|
|
+ width: 31rpx;
|
|
|
|
+ height: 27rpx;
|
|
|
|
+
|
|
|
|
+ background-image: url(./icon.png);
|
|
|
|
+ background-size: cover;
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .name {
|
|
|
|
+ margin-left: 26rpx;
|
|
|
|
+ font-size: 38rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .right {}
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .inner_list {
|
|
|
|
+ .inner_item {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+
|
|
|
|
+ height: 110rpx;
|
|
|
|
+ border-bottom: 1rpx solid #f7f7f7;
|
|
|
|
+
|
|
|
|
+ padding-left: 96rpx;
|
|
|
|
+
|
|
|
|
+ .inner_icon {
|
|
|
|
+ width: 20rpx;
|
|
|
|
+ height: 20rpx;
|
|
|
|
+ background-color: #0992E5;
|
|
|
|
+ border-radius: 50%;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .inner_name {
|
|
|
|
+ margin-left: 29rpx;
|
|
|
|
+ font-size: 32rpx;
|
|
|
|
+ color: #8a8a8a;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ }
|
|
|
|
+</style>
|