<template>
  <view class="container">
    <view class="nav_bar">
      <!-- <u-icon name="arrow_left" color="#000" size="28"></u-icon> -->
      <view class="nav_bar_tit"> 工情灾情 </view>
    </view>

    <view class="info">
      <div class="ul_list" @click="todetail(1)">
        <div class="left">工情信息</div>
        <div class="left">></div>
      </div>
      <div class="ul_list" @click="todetail(2)">
        <div class="left">灾情信息</div>
        <div class="left">></div>
      </div>
    </view>
  </view>
</template>
<script>
export default {
  data () {
    return {}
  },
  methods: {
    todetail (val) {
      console.log('val', val)
      if (val == 1) {
        uni.navigateTo({
          url: './gqxx.vue'
        })
      }
      if (val == 1) {
        uni.navigateTo({
          url: '/pages/gqzq/index'
        })
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.container {
  font-size: 14px;
  background-color: #f3f5f8;
}
.nav_bar {
  //   display: flex;
  //   justify-content: space-between;
  //   align-items: center;
  width: 100%;
  margin-top: 30px;
  padding-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;
  box-shadow: 0 5px 10px -8px #dfdfdf inset;
  background-color: #fff;
  margin-bottom: 12rpx;
}
.nav_bar_tit {
  text-align: center;
}
.info {
  padding: 20px;
  background-color: #fff;
  margin-bottom: 12rpx;
}
.ul_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 48px;
  border-bottom: 1px solid #dfdfdf;
}
</style>
