zy-wechat/pages/scanning_B/scanning_B.vue

<template>
  <view class="Scanning_B">
    <view class="Scanning_top" v-if="res.status==200">
      <view class="Scanning_top_icon">
        <text class="cubeic-ok icon_transport transport-duigou"></text>
      </view>
      <view class="Scanning_top_text">
        <view class="text1">扫描成功</view>
      </view>
    </view>
    <view class="Scanning_top" v-if="res.status!=200">
      <view class="Scanning_top_icon">
        <text class="cubeic-close icon_transport transport-shibai"></text>
      </view>
      <view class="Scanning_top_text">
        <view class="text1">扫描失败</view>
      </view>
    </view>

    <view class="Scanning_cont" v-if="res.status==200">
      <view>标本类型 : {{infoDATA.stype.name||'-'}}</view>
      <view>标本编码 : {{infoDATA.scode||'-'}}</view>
      <view>患者床号 : {{infoDATA.bedNum||'-'}}</view>
      <view>申请科室 : {{infoDATA.sickRoom||'-'}}</view>
      <view>检查科室 : {{infoDATA.checkDept||'-'}}</view>
    </view>
    <view class="Scanning_cont" v-if="res.status!=200">
      <view>{{res.msg}}</view>
    </view>
    <view class="foot_btn">
      <view class="btn3" @click="showAlert()">知道了</view>
    </view>
  </view>
</template>
<script>
  import {
    webHandle
  } from '../../http/http.js'
  export default {
    data() {
      return {
        infoDATA: {},
        res: {}
      };
    },
    methods: {
      // 知道了
      showAlert() {
        uni.navigateTo({
          url: '../receiptpage/receiptpage'
        });
      }
    },
    onLoad(options) {
      this.infoDATA = JSON.parse(options.infoDATA); //详细信息
      console.log(this.infoDATA)
      this.res["status"] = options.status; //状态码
      this.res["msg"] = options.msg; //返回的信息
      // #ifdef APP-PLUS
      webHandle('no', 'app')
      // #endif
      // #ifdef H5
      webHandle('no', 'wx')
      // #endif
    }
  };
</script>
<style lang="less">
  .Scanning_B {
    padding: 0px 74rpx;

    .Scanning_top {
      height: 270rpx;

      .Scanning_top_icon {
        width: 140rpx;
        height: 140rpx;
        margin: 0 auto;
        margin-top: 116rpx;
        border-radius: 50%;
        line-height: 140rpx;
        text-align: center;

        .cubeic-ok {
          font-size: 140rpx;
          color: #35b34a
        }

        .cubeic-close {
          font-size: 140rpx;
          color: #ff3b53;
        }
      }

      .Scanning_top_text {
        .text1 {
          margin-top: 40rpx;
          font-size: 48rpx;
          text-align: center;
        }
      }
    }

    .Scanning_cont {
      font-size: 32rpx;

      view {
        margin-bottom: 16rpx;
        text-align: center;
      }

      .text {
        margin-top: 24rpx;
        color: #35b34a;
      }

      .text1 {
        margin-top: 24rpx;
        color: #ff3b53;
      }
    }

    .foot_btn {
      line-height: 88rpx;
      height: 100rpx;
      margin-top: 40rpx;

      .btn3 {
        height: 88rpx;
        width: 45%;
        background-image: linear-gradient(to right, #72c172, #3bb197);
        color: #fff;
        border-radius: 8rpx;
        font-size: 32rpx;
        margin-top: 16rpx;
        text-align: center;
      }

      .btn3 {
        margin: 0 auto;
      }
    }
  }
</style>