zc_saas_h5/pages2/msg/detail.vue

<template>
  <view>
    <nav-bar title="消息详情"></nav-bar>
    <view class="item">
      <view class="title">{{
        listData.systemStatus === 2
          ? listData.informVo.informName
          : listData.systemStatus === 1
          ? listData.remind
          : ""
      }}</view>
      <view class="time">{{
        $method.timestampToTime(listData.sendTime, false)
      }}</view>
      <view
        v-if="listData.systemStatus === 2"
        class="content"
        v-html="listData.informVo.affiche"
        style="width: 100%"
      ></view>
      <view
        v-if="listData.systemStatus === 1"
        class="content"
        style="width: 100%"
        >{{ listData.text }}</view
      >
      <view class="boxstistyle" v-if="listData.informVo">
        <view
          class="lsow"
          style="border-bottom: 1rpx solid #eee; margin-top: 10rpx"
          v-for="(item, index) in listData.informVo.informCourseVo"
          :key="index"
        >
          <view class="h4">{{ item.goodsName }}</view>
          <view class="h33">
            {{ item.courseName
            }}{{ item.moduleName ? "/" + item.moduleName : ""
            }}{{ item.chapterName ? "/" + item.chapterName : ""
            }}{{ item.sectionName }}
          </view>
          <view
            style="display: flex; align-items: center; margin: 28rpx 0rpx"
            @click="jumpSection(item)"
          >
            <image
              style="width: 35rpx; height: 35rpx"
              src="@/static/courseIcon.png"
              mode=""
            ></image>
            <text class="timeStys">{{
              $method.secondToTime(item.topicNum, false)
            }}</text>
            <text class="aSty">点击可直接跳转</text>
          </view>
        </view>
        <view
          class="lsow"
          style="border-bottom: 1rpx solid #eee; margin-top: 10rpx"
          v-for="(item, index) in listData.informVo.informExamVo"
          :key="index"
        >
          <view class="h4">{{ item.goodsName }}</view>
          <view class="h33"
            >{{ item.moduleName ? "/" + item.moduleName : ""
            }}{{ item.chapterName ? "/" + item.chapterName : ""
            }}{{ item.examName }}</view
          >
          <view
            style="display: flex; align-items: center; margin: 28rpx 0rpx"
            @click="jumpExam(item)"
          >
            <image
              style="width: 35rpx; height: 35rpx"
              src="@/static/examIcon.png"
              mode=""
            ></image>
            <text class="timeStys">第{{ item.topicNum }}道题</text>
            <text class="aSty">点击可直接跳转</text>
          </view>
        </view>
      </view>
    </view>
    <view
      class="btn1"
      @click="isOk"
      v-if="listData.systemStatus === 2 && listData.receiptStatus === 0"
      >我已阅读</view
    >
    <view
      class="btn1"
      v-if="
        statusGO &&
        listData.systemStatus === 1 &&
        getNames(listData.remindId) !== ''
      "
      @click="jumpFuns(goodsData, listData.remindId)"
      >{{ getNames(listData.remindId) }}</view
    >
  </view>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  components: {},
  data() {
    return {
      listData: {},
      goodsData: {},
      sysTime: 0,
      id: null,
      img1: "/static/icon/msg_icon1.png",
      img2: "/static/icon/msg_icon2.png",
      statusGO: true,
      orderGoodsId: 0,
    };
  },
  onPullDownRefresh() {},
  onLoad(option) {
    this.sysTime = this.$method.timest();
    this.id = Number(option.id);
    this.orderGoodsId = option.orderGoodsId;
  },
  onShow() {
    this.getInfo();
    /* if(this.current === 2 && this.$method.isLogin()){
			this.$refs.refMy.init();
		} */
  },
  onShareAppMessage(res) {
    var self = this;
    return {
      title: "中正",
      path:
        `/pages/index/index?inviteCode=` + userInfo == null
          ? ""
          : userInfo.userAccount,
    };
  },
  methods: {
    /**
     * 获取系统当前时间
     */
    commonSystemTime() {
      this.$api.commonSystemTime().then((res) => {
        this.sysTime = res.data.data;
      });
    },
    //跳转页面
    async jumpFuns(item, remindId) {
      switch (remindId) {
        case 1:
        case 3:
        case 5:
        case 6:
        case 7:
        case 19:
        case 21:
        case 22:
        case 23:
        case 10:
        case 12:
        case 18:
          //课程
          if (item.goodsType == 1) {
            this.$api
              .orderInfo({
                orderGoodsId: this.orderGoodsId,
              })
              .then(async (res) => {
                console.log(res);
                let item = res.data.data;

                let currentTime = this.$method.timest();
                console.log(currentTime);
                console.log(item);
                console.log(item.serviceStartTime);
                console.log(item.serviceEndTime);
                console.log(
                  currentTime < item.serviceStartTime ||
                    currentTime > item.serviceEndTime
                );
                //内部系统
                if (item.interfacePushId > 0 && item.officialStatus != 1) {
                  uni.showModal({
                    showCancel: false,
                    content:
                      "机构正在为您报名中，请耐心等待，有疑问请联系020-87085982！",
                  });
                  return;
                }
                if (
                  this.sysTime <= item.serviceStartTime ||
                  this.sysTime >= item.serviceEndTime
                ) {
                  uni.showToast({
                    icon: "none",
                    title: "不在学习服务期，不能进入学习",
                  });
                  return;
                }

                if (
                  (item.classStartTime &&
                    this.sysTime <= item.classStartTime) ||
                  (item.classEndTime && this.sysTime >= item.classEndTime)
                ) {
                  uni.showToast({
                    icon: "none",
                    title: "不在班级有效期，不能进入学习",
                  });
                  return;
                }

                if (item.learningStatus == 2) {
                  uni.showToast({
                    icon: "none",
                    title: "开放学习时间待定，不能进入学习",
                  });
                  return;
                }

                if (item.classStatus == 0) {
                  uni.showToast({
                    icon: "none",
                    title: "尚未开班，不能进入学习",
                  });
                  return;
                }
                console.log(this.sysTime, item.learningTimeStart);
                console.log(this.sysTime < item.learningTimeStart);
                if (
                  item.learningStatus == 3 &&
                  this.sysTime < item.learningTimeStart
                ) {
                  uni.showToast({
                    icon: "none",
                    title: "不在开放学习时间,不能进入学习",
                  });
                  return;
                }

                if (
                  item.gradeStatus == 1 &&
                  item.status == 1 &&
                  item.serviceEndTime > this.sysTime &&
                  item.classEndTime &&
                  item.classEndTime < this.sysTime &&
                  (item.periodStatus == 0 || item.periodStatus == -1) &&
                  item.studyCount > 0
                ) {
                  uni.showModal({
                    title: "提示",
                    content: "班级有效期已过期，请选择班级",
                    success: (res) => {
                      if (res.confirm) {
                        uni.navigateTo({
                          url: "../wd/class",
                        });
                      }
                    },
                  });
                  return;
                }

                let rebuildStatus = await this.courseGoodsRebuildStatus(
                  item.goodsId,
                  item.gradeId
                );

                if (rebuildStatus == 0) {
                  this.$navTo.togo("/pages2/learn/details", {
                    gradeId: item.gradeId,
                    goodsId: item.goodsId,
                    orderGoodsId: this.orderGoodsId,
                  });
                  return;
                }
                console.log(item, "item");
                if (item.courseNum == 1) {
                  this.$api
                    .courseCourseList({
                      pageNum: 1,
                      pageSize: 1,
                      goodsId: item.goodsId,
                      gradeId: item.gradeId,
                    })
                    .then((res) => {
                      if (res.data.code == 200) {
                        uni.navigateTo({
                          url: `/pages3/polyv/detail?id=${res.data.rows[0].courseId}&goodsId=${item.goodsId}`,
                        });
                      }
                    });
                  return;
                }

                this.$navTo.togo("/pages2/wd/course", {
                  id: item.goodsId,
                  gid: item.gradeId,
                });
              });

            // arsty = '立刻学习';

            //题库
          } else if (item.goodsType == 2) {
            this.$navTo.togo("/pages2/bank/question_detail", {
              id: item.goodsId,
            });
          }

          break;
        case 2:
        case 4:
          this.$navTo.togo("/pages2/verify/input", {
            id: item.goodsId,
          });
          break;
        case 24:
          this.$navTo.togo("/pages2/verify/input2", {
            id: item.goodsId,
          });
          break;
        case 11:
        case 13:
          var data = {
            goodsId: item.goodsId,
            gradeId: item.gradeId,
          };
          this.$api.getApplysubscribe(data).then((res) => {
            if (res.data.code === 500) {
              uni.showModal({
                showCancel: false,
                content: res.data.msg,
              });
            }
            if (res.data.code === 200) {
              this.$navTo.togo("/pages2/appointment/index", {
                goodsId: item.goodsId,
                gradeId: item.gradeId,
              });
            }
          });
          break;
        case 20:
          this.$navTo.togo("/pages3/course/detail", {
            id: item.goodsId,
          });
          break;
        default:
          break;
      }
    },
    /**
     * @param {Object} goodsId 商品id
     * 查询商品重修状态
     */
    courseGoodsRebuildStatus(goodsId, gradeId) {
      return new Promise((resolve) => {
        this.$api
          .courseGoodsRebuildStatus({
            goodsId: goodsId,
            gradeId: gradeId,
          })
          .then((res) => {
            resolve(res.data.data);
          });
      });
    },
    //跳转节视频
    jumpSection(item) {
      console.log(item);
      item.noteSecond = Number(item.topicNum) * 60; //转秒数
      this.$navTo.togo("/pages3/polyv/detail", {
        id: item.courseId,
        goodsId: item.goodsId,
        noteSecond: item.noteSecond,
        sectionId: item.sectionId,
        recordingUrl: item.recordingUrl,
        moduleId: item.moduleId || 0,
        chapterId: item.chapterId || 0,
      });
    },
    //跳转题库题目
    jumpExam(item) {
      console.log(item);
      uni.navigateTo({
        url:
          "/pages2/bank/questionBank?current=" +
          (item.topicNum - 1) +
          "&id=" +
          item.examId +
          "&goodsid=" +
          item.goodsId +
          "&chapterId=" +
          item.moduleId +
          "&moduleId=" +
          item.moduleId,
      });
    },
    isOk() {
      this.$api
        .courseappinformUser({ id: this.listData.id, receiptStatus: 1 })
        .then((res) => {
          if (res.data.code === 200) {
            uni.navigateBack({
              delta: 1,
            });
          }
        });
    },
    backPage() {
      uni.navigateBack({
        delta: 1,
      });
    },
    getInfo() {
      this.$api.getappinformUserId(this.id).then((res) => {
        if (res.data.code === 200) {
          if (
            res.data.data.receiptStatus === 1 &&
            (res.data.data.remindId === 2 ||
              res.data.data.remindId === 4 ||
              res.data.data.remindId === 24)
          ) {
            this.$api
              .getbaseprofiletpgetInfo({ goodsId: res.data.data.goodsId })
              .then((k) => {
                if (
                  (k.data.data.status === 3 &&
                    k.data.data.changeStatus === 2) ||
                  k.data.data.status === 2 ||
                  k.data.data.status === 1
                ) {
                  this.statusGO = false;
                }
              });
          }
          if (!res.data.data.receiptStatus) {
            this.$api
              .courseappinformUser({ id: res.data.data.id, receiptStatus: 1 })
              .then((res) => {
                if (res.data.code === 200) {
                }
              });
          }
          if (res.data.data.informVo && res.data.data.informVo.affiche) {
            res.data.data.informVo.affiche =
              res.data.data.informVo.affiche.replace(
                /<img/gi,
                '<img style="max-width:100%;"'
              );
          }

          this.listData = res.data.data;
          if (res.data.data.goodsId) {
            if (res.data.data.gradeId) {
              this.$api.goodsDetail(res.data.data.goodsId).then((rs) => {
                this.goodsData = rs.data.data;
                if (
                  rs.data.data.goodsType === 3 &&
                  (res.data.data.remindId === 1 ||
                    res.data.data.remindId === 3 ||
                    res.data.data.remindId === 5 ||
                    res.data.data.remindId === 6 ||
                    res.data.data.remindId === 7 ||
                    res.data.data.remindId === 19 ||
                    res.data.data.remindId === 21 ||
                    res.data.data.remindId === 22)
                ) {
                  this.statusGO = false;
                }
              });
            } else {
              this.$api.commonGoodsDetail(res.data.data.goodsId).then((rs) => {
                this.goodsData = rs.data.data;
                if (
                  rs.data.data.goodsType === 3 &&
                  (res.data.data.remindId === 1 ||
                    res.data.data.remindId === 3 ||
                    res.data.data.remindId === 5 ||
                    res.data.data.remindId === 6 ||
                    res.data.data.remindId === 7 ||
                    res.data.data.remindId === 19 ||
                    res.data.data.remindId === 21 ||
                    res.data.data.remindId === 22)
                ) {
                  this.statusGO = false;
                }
              });
            }
          }
        }
      });
    },
    change(index) {
      this.current = index;
    },
    getNames(int) {
      var arsty = "";
      switch (int) {
        case 1:
        case 3:
        case 5:
        case 6:
        case 7:
        case 19:
        case 21:
        case 22:
        case 23:
          arsty = "立刻学习";
          break;
        case 2:
        case 4:
        case 24:
          arsty = "马上填写";
          break;
        case 10:
        case 12:
        case 18:
          arsty = "立即重学";
          break;
        case 11:
          arsty = "立即预约";
          break;
        case 13:
          arsty = "预约考试";
          break;
        case 20:
          arsty = "重新购买";
          break;
        default:
          break;
      }
      return arsty;
    },
  },
  onReachBottom() {},
  computed: { ...mapGetters(["userInfo"]) },
  onUnload() {
    var pages = getCurrentPages();
    var currPage = pages[pages.length - 1]; //当前页面
    var prePage = pages[pages.length - 2]; //上一个页面
    //调用上一页拉取数据的方法
    if (prePage.route == "pages2/msg/index") {
      prePage.$vm.getChangeData(this.id);
    }
  },
};
</script>
<style>
page {
  background: #eaeef1;
}
</style>
<style scoped>
.lsow:last-child {
  border-bottom: none !important;
}
.timeStys {
  margin: 0rpx 6rpx;
  color: #007aff;
  font-size: 28rpx;
  font-weight: bold;
  border-bottom: 1rpx solid #007aff;
}
.h4 {
  color: #333;
  font-size: 28rpx;
  font-weight: bold;
}
.aSty {
  color: #999;
  font-size: 24rpx;
  margin-left: 8rpx;
}
.h33 {
  font-size: 28rpx;
  color: #666;
}
.content {
  font-size: 28rpx;
  color: #666666;
  line-height: 36rpx;
}
.time {
  font-size: 24rpx;
  color: #999999;
  margin: 15rpx 0;
}
.btn1 {
  width: 526rpx;
  height: 80rpx;
  background: #007aff;
  border-radius: 40rpx;
  color: #ffffff;
  font-size: 30rpx;
  font-weight: bold;
  text-align: center;
  line-height: 80rpx;
  margin: 30rpx auto;
}
.item {
  width: 100%;
  background: #ffffff;
  border-radius: 16rpx;
  padding: 15rpx;
}
.title {
  font-size: 30rpx;
  font-weight: bold;
  color: #333333;
}
</style>