123

dcc

2024-06-28 25b2ba1cf86bc3439e7ad2acf2cd4a9ea7e4b0ed

 src/page/c2cOrder/payment/ConfirmedPaid.vue

@@ -15,14 +15,21 @@
          <div class="mt-32">
            <van-icon class="" color="#9399A4" name="arrow-down" />
          </div>
          <div class="flex justify-center items-center mt-50" @click="
            $router.push({
              path: '/chat',
              query: JSON.stringify(),
            })
            ">
          <div
            class="flex justify-center items-center mt-50"
            @click="
              $router.push({
                path: '/chat',
                query: JSON.stringify(),
              })
            "
          >
            <van-badge class="w-36 h-34 mr-22">
              <img class="w-full h-full" src="~@/assets/image/c2c/Vector.png" alt="" />
              <img
                class="w-full h-full"
                src="~@/assets/image/c2c/Vector.png"
                alt=""
              />
            </van-badge>
            <span class="font-32">{{ $t("联系买家") }}</span>
          </div>
@@ -32,12 +39,14 @@
        <div class="ml-50 pl-38 pr-32 msg relative">
          <div
            class="circle absolute top-0 left-0 z-10 w-45 h-45 flex justify-center items-center bg-blue text-white font-26"
            style="border-radius: 50%">
            style="border-radius: 50%"
          >
            1
          </div>
          <div
            class="circle absolute bottom-90 left-0 z-10 w-45 h-45 flex justify-center items-center bg-blue text-white font-26"
            style="border-radius: 50%">
            style="border-radius: 50%"
          >
            2
          </div>
          <div class="font-30 c2cColor">
@@ -45,11 +54,18 @@
          </div>
          <div class="mt-22 px-24 py-34 mainBackground rounded-2xl msg-wrapper">
            <div class="flex items-center">
              <div class="w-6 h-28 rounded-xl mr-20" style="background: #e7bb41"></div>
              <div
                class="w-6 h-28 rounded-xl mr-20"
                style="background: #e7bb41"
              ></div>
              <span class="ml-8 font-30 c2cColor">{{ detail.methodName }}</span>
            </div>
            <van-cell-group>
              <van-cell class="order-number " v-for="item in params" :key="item.id">
              <van-cell
                class="order-number"
                v-for="item in params"
                :key="item.id"
              >
                <template #title>
                  <div>
                    <span class="mr-14 textColor">{{ item.name }}</span>
@@ -82,12 +98,14 @@
            </van-cell-group>
          </div>
          <div class="mt-39 font-30 c2cColor">
            {{
              $t("确认收到款项后，返回平台，点击下方按钮「我已确认收款」。")
            }}
            {{ $t("确认收到款项后，返回平台，点击下方按钮「我已确认收款」。") }}
          </div>
          <div class="flex items-center mt-24">
            <img class="w-24 h-24" src="~@/assets/image/c2c/Group41-2.png" alt="" />
            <img
              class="w-24 h-24"
              src="~@/assets/image/c2c/Group41-2.png"
              alt=""
            />
            <span class="ml-14 font-20 text-blue">{{
              $t("若您未收到款项，请勿点击按钮，避免资产损失。")
            }}</span>
@@ -110,12 +128,17 @@
      </div>
    </div>
    <div class="px-40 pt-54 pb-40 flex font-30 mainBackground">
      <van-button class="w-244 h-80 mr-16 rounded-2xl c2cColor greyBg border-none" type="primary"
        @click="$router.push({ path: '/appeal/page' })">{{ $t("帮助") }}
      <van-button
        class="w-244 h-80 mr-16 rounded-2xl c2cColor greyBg border-none"
        type="primary"
        @click="$router.push({ path: '/appeal/page' })"
        >{{ $t("帮助") }}
      </van-button>
      <van-button class="flex-1 h-80 rounded-2xl bg-blue text-white border-none" type="primary" @click="handleClick">{{
        $t("我已确认收款")
      }}
      <van-button
        class="flex-1 h-80 rounded-2xl bg-blue text-white border-none"
        type="primary"
        @click="handleClick"
        >{{ $t("我已确认收款") }}
      </van-button>
    </div>

@@ -129,9 +152,16 @@
          <van-radio-group v-model="radio">
            <van-radio name="1" class="p-32" :class="{ active: radio === '1' }">
              <span>{{ $t("我还没登陆收款账户确认款项无误。") }}</span>
              <img class="w-40 h-40 gou" src="~@/assets/image/c2c/Group2318.png" alt="" />
              <img
                class="w-40 h-40 gou"
                src="~@/assets/image/c2c/Group2318.png"
                alt=""
              />
              <template #icon="props">
                <img class="img-icon" :src="props.checked ? activeIcon : inactiveIcon" />
                <img
                  class="img-icon"
                  :src="props.checked ? activeIcon : inactiveIcon"
                />
              </template>
            </van-radio>
            <van-radio name="2" class="p-32" :class="{ active: radio === '2' }">
@@ -140,16 +170,27 @@
                  "我已确认收款无误，付款人与买家在DOME上的验证姓名一致，确认放行数字货币给买家。"
                )
              }}</span>
              <img class="w-40 h-40 gou" src="~@/assets/image/c2c/Group2318.png" alt="" />
              <img
                class="w-40 h-40 gou"
                src="~@/assets/image/c2c/Group2318.png"
                alt=""
              />
              <template #icon="props">
                <img class="img-icon" :src="props.checked ? activeIcon : inactiveIcon" />
                <img
                  class="img-icon"
                  :src="props.checked ? activeIcon : inactiveIcon"
                />
              </template>
            </van-radio>
          </van-radio-group>
        </div>
        <div class="mt-52">
          <div class="flex box-border pl-24 pb-31 pr-52">
            <img class="w-36 h-36 mr-14" src="~@/assets/image/c2c/Group41.png" alt="" />
            <img
              class="w-36 h-36 mr-14"
              src="~@/assets/image/c2c/Group41.png"
              alt=""
            />
            <div class="font-24">
              <p class="font-28" style="color: #454649">{{ $t("温馨提示") }}</p>
              <p class="my-14">
@@ -173,15 +214,25 @@
          </div>
        </div>
        <div class="mt-78 px-34 pb-40 flex font-30 tabBackground">
          <van-button class="w-244 h-80 mr-16 rounded-2xl c2cColor bg-grey border-none" type="primary">{{ $t("帮助") }}
          <van-button
            class="w-244 h-80 mr-16 rounded-2xl c2cColor bg-grey border-none"
            type="primary"
            >{{ $t("帮助") }}
          </van-button>
          <van-button class="flex-1 h-80 rounded-2xl bg-blue text-white border-none" type="primary"
            :disabled="radio === '1'" @click="onConfirm">{{ $t("我已确认收款") }}
          <van-button
            class="flex-1 h-80 rounded-2xl bg-blue text-white border-none"
            type="primary"
            :disabled="radio === '1'"
            @click="onConfirm"
            >{{ $t("我已确认收款") }}
          </van-button>
        </div>
      </div>
    </van-popup>
    <div v-if="isLoading" class="fixed top-0 left-0 w-full h-full loading-wrapper">
    <div
      v-if="isLoading"
      class="fixed top-0 left-0 w-full h-full loading-wrapper"
    >
      <van-loading color="#fff" />
    </div>
  </div>
@@ -224,24 +275,26 @@
      params: [],
    };
  },
  mounted() {

  },
  mounted() {},
  activated() {
    const order_no = this.$store.state.c2c.order_no;
    otcApi.ctcOrderGetDetail({ order_no, language: this.$i18n.locale }).then((res) => {
      this.detail = res.data;
      this.params = [{ id: 0, name: this.$t('姓名'), value: this.detail.realName }];
      for (let i = 1; i < 16; i++) {
        this.params.push({
          id: i,
          name: this.detail["paramName" + i],
          value: this.detail["paramValue" + i],
        });
      }
      this.params = this.params.filter((item) => item.name && item.value);
      console.log(this.detail);
    });
    otcApi
      .ctcOrderGetDetail({ order_no, language: this.$i18n.locale })
      .then((res) => {
        this.detail = res.data;
        this.params = [
          { id: 0, name: this.$t("姓名"), value: this.detail.realName },
        ];
        for (let i = 1; i < 16; i++) {
          this.params.push({
            id: i,
            name: this.detail["paramName" + i],
            value: this.detail["paramValue" + i],
          });
        }
        this.params = this.params.filter((item) => item.name && item.value);
        console.log(this.detail);
      });
    this.$bus.$on("returnPwd", (pwd) => {
      this.passwd = pwd;
      this.enterTrade();
@@ -265,15 +318,17 @@
    },
    enterTrade() {
      // 订单放行
      otcApi.ctcOrderPass({
        order_no: this.detail.orderNo,
        safe_password: this.passwd,
      }).then((res) => {
        this.isLoading = false;
        this.$router.replace({
          path: "/tradeSuccessSell",
      otcApi
        .ctcOrderPass({
          order_no: this.detail.orderNo,
          safe_password: this.passwd,
        })
        .then((res) => {
          this.isLoading = false;
          this.$router.replace({
            path: "/tradeSuccessSell",
          });
        });
      });
    },
  },
  // watch: {
@@ -393,8 +448,6 @@
    }
  }
}



.active {
  background: #fafafa;