xytSk-App/pages/xxsb/index.vue

<template>
  <view class="container">
    <u-navbar
      title="信息上报"
      @leftClick="navigateBack"
      safeAreaInsetTop
      fixed
      placeholder
    ></u-navbar>

    <view class="info">
      <div class="ul_list" @click="todetail(1)">
        <div class="left">运行情况上报</div>
        <u-icon name="arrow-right" size="20"></u-icon>
      </div>
      <div class="ul_list" @click="todetail(2)">
        <div class="left">工程险情上报</div>
        <u-icon name="arrow-right" size="20"></u-icon>
      </div>
      <div class="ul_list" @click="todetail(3)">
        <div class="left">实时灾情上报</div>
        <u-icon name="arrow-right" size="20"></u-icon>
      </div>
    </view>
  </view>
</template>
<script>
export default {
  data () {
    return {}
  },
  onLoad () {},
  methods: {
    navigateBack () {
      uni.reLaunch({
        url: '/pages/homeIndex/index'
      })
    },
    todetail (val) {
      console.log('val', val)
      if (val == 2) {
        uni.navigateTo({
          url: `./fromSeverity?key=${val}`
        })
      } else if (val == 1) {
        uni.navigateTo({
          url: `./from?key=${val}`
        })
      } else {
        uni.navigateTo({
          url: `./dsfrom?key=${val}`
        })
      }
    }
  }
}
</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>