bnyer-cloud-hub/pages/profit/profitInOrder.vue

<template>
  <view>
    <view class="back-top"></view>
    <uni-group mode="card" class="card">
      <view class="box">
        <text class="title">结算单号:</text>
        <text>{{ orderDetail.orderNo }}</text>
      </view>
      <view class="box">
        <text class="title">结算平台:</text>
        <text>{{ setPlatform(orderDetail.platform) }}</text>
      </view>
      <view class="box">
        <text class="title">应用:</text>
        <text>{{ setAppType(orderDetail.appType) }}</text>
      </view>
      <view class="box">
        <text class="title">收益类型:</text>
        <text>{{ setType(orderDetail.type) }}</text>
      </view>
      <view class="box">
        <text class="title">结算时间:</text>
        <text>{{ orderDetail.createTime }}</text>
      </view>
      <view class="box">
        <text class="title">结算收入:</text>
        <text style="color: red">¥{{ orderDetail.profit }}</text> 元
      </view>
      <view class="box">
        <text class="title">下载次数:</text>
        <text>{{ orderDetail.downloadNum }}</text>
      </view>
      <view class="border"></view>
      <view class="box">
        <text class="title">确认类型:</text>
        <text>{{ setConfirmType(orderDetail.confirmType) }}</text>
      </view>
      <view class="box">
        <text class="title">确认时间:</text>
        <text>{{ orderDetail.confirmTime || "待确认" }}</text>
      </view>
      <view class="box">
        <text class="title">确认状态:</text>
        <text>{{ orderDetail.confirmStatus == 0 ? "待确认" : "已确认" }}</text>
      </view>
    </uni-group>
  </view>
</template>

<script>
import {
  queryFrontInAmtDetails,
  handleUpdateConfirmType,
} from "@/api/profit.js";
export default {
  data() {
    return {
      orderDetail: {
        id: 0,
        orderNo: "",
        platform: "",
        appType: "",
        type: "",
        createTime: "",
        profit: "",
        downloadNum: 0,
        confirmType: "",
        confirmTime: "",
        confirmStatus: "",
      },
    };
  },
  onLoad: function (option) {
    //option为object类型，会序列化上个页面传递的参数
    this.orderDetail.id = option.id;
    //console.log('this.id',this.id)
    this.queryFrontInAmtDetails();
  },
  methods: {
    // 查询指定艺术家已入账收益详情
    async queryFrontInAmtDetails() {
      const res = await queryFrontInAmtDetails(this.orderDetail.id);
      //console.log('res', res)
      if (res.data.code === 200) {
        this.orderDetail = res.data.data;
      } else {
        uni.showModal({
          content: "已入账收益详情数据加载失败！",
          showCancel: false,
        });
      }
    },

    // 艺术家手动确认收益
    handleUpdateConfirmType() {
      const param = {
        creatorId: this.orderDetail.creatorId,
        id: this.orderDetail.id,
      };
      handleUpdateConfirmType(param).then((res) => {
        console.log("res", res);
        if (res.data.code === 200) {
          uni.showToast({
            title: "确认成功!",
            duration: 1500,
            icon: "success",
          });
        } else {
          uni.showModal({
            content: "确认失败！",
            showCancel: false,
          });
        }
      });
    },
    setConfirmType(data) {
      if (data == "0") {
        return "系统自动";
      } else if (data == "1") {
        return "艺术家手动";
      } else {
        return "待确认";
      }
    },
    setPlatform(data) {
      if (data == "0") {
        return "抖音";
      } else if (data == "1") {
        return "快手";
      } else if (data == "2") {
        return "微信";
      } else if (data == "3") {
        return "uniapp";
      }
    },
    setAppType(data) {
      if (data == "0") {
        return "节点壁纸";
      }
    },
    setType(data) {
      if (data == "0") {
        return "广告浏览";
      } else if (data == "1") {
        return "邀请";
      } else if (data == "2") {
        return "会员";
      }
    },
  },
};
</script>

<style>
.back-top {
  width: 100%;
  position: absolute;
  height: 120px;
  background: #416bdc;
}
.card {
  width: 100%;
  position: absolute;
}
.uni-group--card {
  margin-top: 20px !important;
}
.title {
  display: block;
  width: 70px;
  margin-right: 10px;
  font-weight: bold;
}
.box {
  display: flex;
  margin-bottom: 20px;
}
.card view:first-child {
  margin-top: 10px;
}
.border {
  width: 100%;
  height: 1px;
  background: rgb(229, 229, 229);
  margin-bottom: 20px;
}

</style>