feat:增加类型显示

yangan

2 天以前 5c63b1fccedfcd208f3434edb79926c206c3d26f

 pages/quality-inspection-page/qualityIndex/qualityIndex.vue

@@ -1,23 +1,28 @@
<template>
   <view class="qualityIndex-wrap">
     <div class="qualityIndex-button">
       <view class="quality-button">
         <u-button @click="handleEDCClick" class="quality-button" type="primary">EDC取样</u-button>
     <view class="qualityIndex-main">
       <!-- 待领取和转发提煤单 -->
       <view class="wait-collection">
         <h1>随时随地查看最新消息</h1>
       </view>
       <view class="quality-button">
         <u-button @click="handleGaiMeiClick" class="quality-button" type="primary">原盐钙镁取样</u-button>
       <view class="qualityIndex-button">
         <view class="quality-button">
           <u-button @click="handleEDCClick" class="quality-button" type="primary">EDC取样</u-button>
         </view>
         <view class="quality-button">
           <u-button @click="handleGaiMeiClick" class="quality-button" type="primary">原盐钙镁取样</u-button>
         </view>
         <view class="quality-button">
           <u-button @click="handleTOCClick" class="quality-button" type="primary">原盐TOC取样</u-button>
         </view>
         <view class="quality-button">
           <u-button @click="handleSalTotalClick" class="quality-button" type="primary">原盐全检</u-button>
         </view>
         <view class="quality-button">
           <u-button @click="handleSymbNaClick" class="quality-button" type="primary">氢氧化钠取样</u-button>
         </view>
       </view>
       <view class="quality-button">
         <u-button @click="handleTOCClick" class="quality-button" type="primary">原盐TOC取样</u-button>
       </view>
       <view class="quality-button">
         <u-button @click="handleSalTotalClick" class="quality-button" type="primary">原盐全检</u-button>
       </view>
       <view class="quality-button">
         <u-button @click="handleSymbNaClick" class="quality-button" type="primary">氢氧化钠取样</u-button>
       </view>
     </div>

     </view>
   </view>
</template>

@@ -31,14 +36,12 @@
  },
  onLoad() {
    this.init()
    console.log('怎么进不来呢==============')
  },
  methods: {
    init() {
      this.getBunkerList()
    },
    getBunkerList() {
      console.log('我进来了-----')
      this.$store.dispatch('getBunkerList')
    },
    handleEDCClick() {  //EDC取样
@@ -66,7 +69,19 @@
        url: '/pages/quality-inspection-page/symbNa-sampling/symbNa-sampling'
      })
    }
  }
  },
  onPullDownRefresh() {
    console.log('下拉刷新0000000000000')
    setTimeout(() => {
      this.init(() => {
        uni.stopPullDownRefresh()
      })
    },1000)
  },
  onReachBottom() { //上拉加载
    console.log('上拉加载0000000000000')
    this.init()
  },
}
</script>

@@ -77,23 +92,44 @@
  box-shadow: 0 0 10px rgba(43,98,239,0.5);
}
.qualityIndex-wrap{
  width: 100vw;
  width: 100%;
  display: flex;
  padding: 40rpx 20rpx 0 20rpx;
  box-sizing: border-box;
  flex-wrap: wrap;
  height: vww(20);
  .qualityIndex-main{
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 50rpx 20rpx 20rpx 20rpx;
    box-sizing: border-box;
  }
  .wait-collection {
    width: calc(100% - 40rpx);
    height: 350rpx;
    background: url("https://wrzs.czjlchem.com:9090/appimg/image/banner/quality-banner.png") no-repeat center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    margin: 0 20rpx;
    h1{
      color: #fff;
      font-size: 28rpx;
      margin-left: 60rpx;
      font-family: '微软雅黑 Light';
      letter-spacing: 2rpx;
    }
  }
  .qualityIndex-button{
    display: flex;
    flex-wrap: wrap;
    margin-top: 80rpx;
    margin-top: 30rpx;
    background: #fff;
  }
  .quality-button{
    width: calc(50vw - 60rpx);
    margin: 20rpx;
    ::v-deep{
      .u-button{
        margin: 0 10rpx;
        margin: 0rpx;
        padding: 0 50rpx;
        @include commonBtn(68);
      }