zy-wechat/pages/result_error/result_error.vue

<template>
  <view class="Scanning_Result_seimin">
    <view class="Scanning_top">
      <view class="Scanning_top_icon">
        <text class="cubeic-close newicon newicon-shibai"></text>
      </view>
      <view class="Scanning_top_text">
        <view class="text1"> 操作失败 </view>
        <view class="text1 f30" v-if="options.qrcode !== undefined"> 扫描内容：{{options.qrcode}} </view>
      </view>
    </view>

    <view class="Scanning_cont">
      <view class="Scanning_cont_center Scanning_cont_block">
        {{ options.msg }}
      </view>
    </view>
    <view class="foot_btn">
      <view class="btn3" @click="goToList()"> 知道了 </view>
    </view>
  </view>
</template>
<script>
import { webHandle } from "../../http/http.js";
export default {
  data() {
    return {
      options: {},
    };
  },
  methods: {
    // 知道了
    goToList() {
      uni.navigateTo({
        url: "../receiptpage/receiptpage",
      });
    },
  },
  onLoad(options) {
    console.log(options, "错误页");
    this.options = options;
    // #ifdef APP-PLUS
    webHandle("no", "app");
    // #endif
    // #ifdef H5
    webHandle("no", "wx");
    // #endif
  },
};
</script>
<style lang="less" scoped>
.Scanning_Result_seimin {
  padding: 0 20rpx;
  .speTable {
    margin: 32rpx 0;
    width: 100%;
    border-collapse: collapse;
    .green{
      color: green;
    }
    .red{
      color: red;
    }
    .maxWidth{
      width: 60%;
    }
    td{
      border: 2rpx solid #666;
    }
  }
  .page_item_wrap {
    position: relative;
    margin-top: 32rpx;

    .page_item {
      margin-top: 16rpx;
      margin-bottom: 124rpx;
      background: #fff;
      border-radius: 8rpx;
      margin: 0 20rpx;
      border: 2rpx solid #e5e9ed;
      position: relative;
      overflow: hidden;
      padding: 0 16rpx;

      .L {
        width: 40rpx;
        height: 40rpx;
        border-radius: 50%;
        background: #f9fafb;
        position: absolute;
        left: -20rpx;
        top: 68rpx;
        border: 2rpx solid #e5e9ed;
      }

      .R {
        width: 40rpx;
        height: 40rpx;
        border-radius: 50%;
        background: #f9fafb;
        position: absolute;
        float: right;
        right: -20rpx;
        top: 68rpx;
        border: 2rpx solid #e5e9ed;
      }

      .page_item_top {
        height: 88rpx;
        border-bottom: 2rpx dashed #e5e9ed;
        padding: 0 16rpx;

        .page_item_top-inner {
          display: flex;
          justify-content: space-between;
          align-items: center;
          height: 100%;

          .page_item_top_L {
            .L_text {
              font-size: 32rpx;
              font-weight: 700;
            }
          }

          .page_item_top_R {
            font-size: 32rpx;

            .L_iocn {
              color: rgb(7, 134, 60);
              font-size: 36rpx;
              font-weight: 700;
            }
          }
        }
      }

      .page_item_cont {
        min-height: 90rpx;
        padding: 0 16rpx;
        text-align: left;
        position: relative;

        .text_big {
          font-size: 32rpx;
          font-weight: 700;
          // margin-top: 10rpx;

          p {
            font-weight: 700;
            line-height: 1.5;
          }
        }

        .line {
          height: 20rpx;
          width: 2rpx;
          border-left: 2rpx solid #e5e9ed;
          position: absolute;
          top: 82rpx;
          left: 40rpx;
        }

        .page_item_cont_T {
          padding-top: 28rpx;
          padding-bottom: 28rpx;
          font-size: 28rpx;

          .page_item_cont_title {
            height: 100%;
            font-size: 32rpx;
            display: flex;
            justify-content: space-between;
            align-items: center;
          }
        }

        .page_item_cont_B {
          padding-top: 28rpx;
          margin-bottom: 28rpx;

          .page_item_cont_title {
            font-size: 32rpx;
            display: flex;
            justify-content: space-between;
            align-items: center;
          }
        }

        .page_item_cont_C {
          margin-bottom: 28rpx;

          .page_item_cont_title_C {
            font-size: 32rpx;
            display: flex;
            justify-content: space-between;
            align-items: center;
          }
        }

        #infos {
          display: none;
        }
      }
    }

    .L-l {
      width: 2rpx;
      height: 40rpx;
      background: #f9fafb;
      position: absolute;
      left: 20rpx;
      top: 72rpx;
    }

    .R-l {
      width: 2rpx;
      height: 40rpx;
      background: #f9fafb;
      position: absolute;
      right: 20rpx;
      top: 72rpx;
    }
  }
  .Scanning_top {
    .Scanning_top_icon {
      width: 140rpx;
      height: 140rpx;
      margin: 0 auto;
      margin-top: 116rpx;
      border-radius: 50%;
      line-height: 140rpx;

      .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;
      }

      .success_tips {
        color: red;
        font-size: 30rpx;
      }
    }
  }

  .Scanning_cont {
    font-size: 32rpx;
    text-align: center;

    .Scanning_cont_block {
      margin-bottom: 16rpx;
    }

    .Scanning_cont_center {
      text-align: center;
    }

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

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

  .foot_btn {
    position: fixed;
    bottom: 0;
    right: 20rpx;
    left: 20rpx;
    line-height: 66rpx;
    height: 100rpx;
    border-top: 2rpx solid #e5e9ed;
    background: #f9fafb;
    display: flex;
    justify-content: space-between;

    .btn1,
    .btn2,
    .btn3 {
      height: 66rpx;
      width: 100%;
      margin: 0 1%;
      background-image: linear-gradient(to right, #72c172, #3bb197);
      color: #fff;
      border-radius: 8rpx;
      font-size: 32rpx;
      margin-top: 16rpx;
      text-align: center;
    }
  }
}
</style>