sociology_app/pages/courseInformation/purchaseNotice/index.vue

<template>
   
  <view class="componentPage">
    <!-- 公共组件-每个页面必须引入 -->

    <richDetail :detailInfo="detailInfo">
      <template #richHeadImg>
        <image
          :src="detailInfo.imgUrl"
          v-if="detailInfo.imgUrl"
          mode="widthFix"
          class="headImage"
        ></image>
      </template>
    </richDetail>

    <!-- <view>{{ detailInfo.content }}</view> -->
  </view>
</template>

<script>
import courseDescription from "@/pages/component/commonComponents/list";
import richDetail from "@/pages/component/commonComponents/richDetail.vue";
import $http from "@/config/requestConfig.js";
import { mapState } from "vuex";
export default {
  components: {
    courseDescription, //课程说明
    richDetail,
  },
  data() {
    return {
      options: {},
      detailInfo: {},
      playData: {},
      searchValue: "",

      twoCateList: [], // 二级分类标题
      dataList: [{}, {}], // 方剂标题
      currentCateIndex: 0, // 当前选中的一级分类
      curTwoCateIndex: 0, // 当前选中的二级分类
      searchList: [], // 搜索结果数组
      showSearchList: false,
      userMes: {}, // 用户信息
      searchDisable: false, // 搜索不可用
      limitShow: false,
      limitTitle: "提示",
      limitContent: "",
      scrollViewHeight: 0,
    };
  },
  onLoad(options) {
    this.options = options;
    // this.getData()
    // this.getUserInfo()
    // this.getCateList()
  },
  onShow() {
    // this.getData()
    // this.getUserInfo()
    // this.getCateList()
  },
  onHide() {
    // this.showSearchList = false
    // this.searchList = []
  },
  computed: {
    ...mapState(["userInfo"]),
  },
  methods: {
    goCourseDescription(v) {
      uni.navigateTo({
        // url: '../bookShop/commodityDetail?id=' + item.id
        url: `/pages/courseInformation/courseDescription/detail?title=${v.nameCN}&oid=${v.oid}`,
      });
    },
    getData() {
      console.log(this.$store.state, "88888");
      this.$http
        .post("app/phoneDoctor.do?getTHTSDetail", {
          customerType: "D",
          token: uni.getStorageSync("token"),
          customerOid: uni.getStorageSync("customerOid"),
          oid: "8a9fb99809e4428888aad6b56a3096a6",

          step: 0,
          limit: 100,
        })
        .then((res) => {
          console.log(res.obj.dataLst, "7777777777777777777");
          this.detailInfo = res.obj;

          // socket.init();
        });
    },

    // 放大图片
    previewImage(url) {
      console.log(url);
      uni.previewImage({
        urls: [url],
        longPressActions: {
          itemList: ["很抱歉，暂不支持保存图片到本地"],
          success: function (res) {
            // console.log(res,'+++++')
          },
        },
      });
    },
    // getSearch() {
    // 	$http.request({
    // 		url: "book/prescript/searchPrescript",
    // 		method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
    // 		data: {
    // 			loadAnimate: 'none', // 请求加载动画
    // 			'keywords': this.searchValue,
    // 			type: this.currentCateIndex + 1
    // 		},
    // 		header: { //默认 无 说明：请求头
    // 			'Content-Type': 'application/json'
    // 		},
    // 	}).then(res => {
    // 		console.log(res, '搜索结果')
    // 		if (res.code == 0 && res.list.length >= 0) {
    // 			this.showSearchList = true
    // 			this.searchList = res.list
    // 		} else {
    // 			this.searchList = []
    // 		}
    // 	}).catch(e => {
    // 		// this.dataList = []
    // 		this.searchList = []
    // 		console.log(e)
    // 	})
    // },
    // search(res) {
    // 	console.log(res, 'res')
    // 	// uni.showToast({
    // 	// 	title: '搜索：' + res,
    // 	// 	icon: 'none'
    // 	// })
    // 	if (res == '') {
    // 		this.showSearchList = false
    // 		this.searchList = []
    // 	} else {
    // 		this.getSearch()
    // 	}

    // },
    // input(res) {
    // 	console.log('----input:', res)
    // 	if (res == '') {
    // 		this.searchList = []
    // 	} else {
    // 		this.getSearch()
    // 	}
    // },
    // clear(res) {
    // 	console.log('----clear:', res)
    // 	// uni.showToast({
    // 	// 	title: 'clear事件，清除值为：',
    // 	// 	icon: 'none'
    // 	// })
    // 	this.searchValue = ''
    // 	this.showSearchList = false
    // },
    // blur(res) {
    // 	// console.log('----blur:', res)
    // 	// if (res == '') {
    // 	// 	this.showSearchList = false
    // 	// 	this.searchList = []
    // 	// } else {
    // 	// 	this.getSearch()
    // 	// }
    // },
    // focus(e) {
    // 	console.log('----focus:')
    // 	// uni.showToast({
    // 	// 	title: 'focus事件，输出值为：' + e.value,
    // 	// 	icon: 'none'
    // 	// })
    // 	// 等于1 就是有权限
    // 	// this.showSearchList = true

    // },
    // cancel(res) {
    // 	uni.showToast({
    // 		title: '点击取消，输入值为：' + res.value,
    // 		icon: 'none'
    // 	})
    // }
  },
  onBackPress() {
    // #ifdef APP-PLUS
    plus.key.hideSoftKeybord();
    // #endif
  },
};
</script>

<style lang="scss" scoped>
.commonPageBox {
  padding: 40rpx 0;
}
.contentBox {
  .headImage {
    width: 100%;
    height: 100%;
    margin-bottom: 20rpx;
  }
  .detail_title {
    padding: 0 40rpx;
    font-size: 38rpx;
    line-height: 64rpx;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 20rpx;
  }
  .rich_box {
    padding: 20rpx;
    box-sizing: border-box;
    p {
      display: block;
      text-indent: 2em;
      letter-spacing: 2px !important;
      line-height: 46rpx;
    }
  }
}
</style>