wx-qhb/pageD/resultFeedback/resultFeedback.vue

<template>
  <view class="page">
    <view class="content" v-if="information.status == 0">
      <image class="logo" src="../../static/mine/350.png" mode=""></image>
      <view class="wait">{{ i18n.inReview }}</view>
      <view class="review">{{ i18n.WaitingReview }}</view>
    </view>
    <view class="content" v-else-if="information.status == 2">
      <image class="logo" src="../../static/mine/351.png" mode=""></image>
      <view class="wait">{{ i18n.auditFailed }}</view>
      <view class="review">{{ i18n.failedReview }}</view>
      <view class="refuse">{{
        i18n.rejectReason + "：" + information.refusal
      }}</view>
    </view>
    <view class="content" v-else>
      <image class="logo" src="../../static/mine/352.png" mode=""></image>
      <view class="prompt">{{ i18n.goodsRelease }}</view>
      <view class="inp">
        <view class="url">https://cbec-admin.hdlkeji.com/#/login</view>
        <view
          style="color: #f83224; font-size: 26rpx"
          @click="cope('https://cbec-admin.hdlkeji.com/#/login')"
        >
          {{ i18n.copyLink }}
        </view>
      </view>
      <view class="account">
        <view class="_label">{{ i18n.accountNumber }}：</view>
        <view class="_value">{{ information.username }}</view>
      </view>
      <view class="account">
        <view class="_label">{{ i18n.accountPassword }} ：</view>
        <view class="_value">{{ information.password }}</view>
      </view>
    </view>
    <button class="go-back" @click="back" v-if="information.status == 0">
      {{ i18n.Backtohomepage }}
    </button>
    <button class="go-back" @click="back" v-if="information.status == 1">
      {{ i18n.return }}
    </button>
    <button class="go-back" @click="resetSubmit" v-if="information.status == 2">
      {{ i18n.resubmit }}
    </button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      code: "111",
      information: {},
    };
  },
  computed: {
    i18n() {
      return this.$t("index");
    },
  },
  methods: {
    cope(e) {
      uni.setClipboardData({
        data: e,
        success() {
          uni.showToast({
            title: this.i18n.replicatingSuccess,
            icon: "none",
          });
        },
      });
    },
    //返回首页
    back() {
      uni.switchTab({
        url: "/pages/index/index",
      });
    },

    //重新提交
    resetSubmit() {
      uni.navigateTo({
        url: "/pageD/settleIn/settleIn",
      });
    },
    getInfo() {
      uni.$u.http.post(`/api/merchant/status`).then((res) => {
        this.information = res;
      });
    },
  },
  created() {
    this.getInfo();
    uni.setNavigationBarTitle({
      title: this.i18n.resultFeedback,
    });
  },
};
</script>

<style lang="scss" scoped>
.page {
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  .content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    .logo {
      width: 338rpx;
      height: 298rpx;
      margin: 68rpx auto;
    }
    .wait {
      font-size: 36rpx;
      color: #222;
      font-weight: 600;
    }
    .review {
      font-size: 26rpx;
      color: rgba(34, 34, 34, 0.9);
      margin-top: 14rpx;
    }
    .refuse {
      font-size: 24rpx;
      color: rgba(34, 34, 34, 0.6);
      margin-top: 14rpx;
    }
    .prompt {
      font-size: 28rpx;
      color: #666;
      margin-top: 14rpx;
      width: 75%;
      text-align: center;
    }
    .inp {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #f7f7f7;
      border-radius: 8rpx;
      width: 530rpx;
      height: 68rpx;
      margin-top: 60rpx;
      border: 1rpx solid #c3c3c3;
      padding: 0 10rpx;
      .url {
        width: 80%;
        font-size: 28rpx;
        color: #777;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
    .account {
      display: flex;
      margin-top: 36rpx;
      width: 530rpx;
      ._label {
        font-size: 28rpx;
        color: #666;
      }
      ._value {
        font-size: 28rpx;
        color: #f83224;
      }
    }
  }
  .go-back {
    background-color: #f83224;
    color: #fff;
    border: none;
    border-radius: 44rpx;
    margin-top: 90rpx;
    width: 262rpx;
    height: 88rpx;
    line-height: 88rpx;
  }
}
</style>