Recursive take out course display

insert image description here

<view class='container' wx:for="{
     
     {teacherListInner}}" data-item="{
     
     {item}}"  wx:key="index" bindtap='goDetail'>
<view class='left-item'>
  <image class='img-left' src="{
     
     {item.teaHeaderPic}}"/>
  <view class='name'>
    <view class='name-up'>
    <text class='name-teacher'>{
   
   {item.teaNickName}}</text>
    <view  class='name-sales'>{
   
   {'已授课' + item.classNum + '课时'}}</view>
    </view>
    <!-- <text class='name-lession'>{
    
    {(item.firstSubjectDesc===null?'':item.firstSubjectDesc)+(item.secondSubjectDesc===null?'':'-')+(item.secondSubjectDesc===null?'':item.secondSubjectDesc)}}</text> -->
    <text class='name-lession' wx:for="{
     
     {item.ptTeacherDetailRemoteDto.allsub}}" wx:if='{
     
     {index<2}}' wx:for-item="cell" wx:key="index" >{
   
   {cell}}</text>

  </view>

</view>

<view class='right-item'>
  <text class='txt'>{
   
   {item.teaScore+'分'}}</text>
  <view class='star'>
  <star starWidth="24" rating='{
     
     {item.teaScore}}'  />
  </view>
  <!-- <view>*******</view> -->
</view>
</view>

httpresult={
    
    "pageNum":1,"pageSize":5,"total":5,"pages":1,"result":[{
    
    "id":52,"ptTeacherId":"57","teaName":"江伟东","teaNickName":"江伟东","teaType":"1,2","teaHeaderPic":null,"teaScore":10.00,"project":null,"firstSubject":null,"secondSubject":null,"firstSubjectDesc":null,"secondSubjectDesc":null,"classNum":1000,"state":1,"sort":null,"isDelete":"N","createdAt":"2022-01-11 13:28:16","updatedAt":"2022-01-18 11:22:13","subjectJson":null,"tags":null,"introduction":null,"subjectDtoList":null,"ptTeacherDetailRemoteDto":{
    
    "teacherId":"57","teacherName":"江伟东","picture":null,"featureTeaching":"啊啊","teachingStyle":"幽默","projects":[{
    
    "id":100520929,"name":"公务员","parentId":null,"children":[{
    
    "id":1005300265,"name":"申论","parentId":"100520929","children":[{
    
    "id":1005300266,"name":"大作文","parentId":"1005300265","children":null}]}]}]}},{
    
    "id":54,"ptTeacherId":"6402","teaName":"测试长度限制--会计学院-CPA-学管师-测试许家馨","teaNickName":"999","teaType":"1,2","teaHeaderPic":"//t-simg01.gaodunwangxiao.com/uploadfiles/ssm/201906/24/4c773_20190624142744.png","teaScore":10.00,"project":null,"firstSubject":null,"secondSubject":null,"firstSubjectDesc":null,"secondSubjectDesc":null,"classNum":9999,"state":1,"sort":null,"isDelete":"N","createdAt":"2022-01-11 15:19:51","updatedAt":"2022-01-13 09:51:20","subjectJson":null,"tags":null,"introduction":null,"subjectDtoList":null,"ptTeacherDetailRemoteDto":{
    
    "teacherId":"6402","teacherName":"测试长度限制测试长度限制测试长度限制测试长度限制测试长度限制--会计学院-CPA-学管师-测试许家馨","picture":"//t-simg01.gaodunwangxiao.com/uploadfiles/ssm/201906/24/4c773_20190624142744.png","featureTeaching":null,"teachingStyle":"","projects":[{
    
    "id":100520929,"name":"公务员","parentId":null,"children":[{
    
    "id":100520982,"name":"笔试全科","parentId":"100520929","children":null}]}]}},{
    
    "id":56,"ptTeacherId":"35569","teaName":"韩文文","teaNickName":"898","teaType":"1,2","teaHeaderPic":" //t-simg01.gaodunwangxiao.com/uploadfiles/ssm/202111/25/4609f_20211125095954.png","teaScore":10.00,"project":null,"firstSubject":null,"secondSubject":null,"firstSubjectDesc":null,"secondSubjectDesc":null,"classNum":9999,"state":1,"sort":null,"isDelete":"N","createdAt":"2022-01-11 16:37:19","updatedAt":"2022-01-13 09:51:21","subjectJson":null,"tags":null,"introduction":null,"subjectDtoList":null,"ptTeacherDetailRemoteDto":{
    
    "teacherId":"35569","teacherName":"韩文文","picture":null,"featureTeaching":"11111","teachingStyle":"幽默","projects":[{
    
    "id":100520929,"name":"公务员","parentId":null,"children":[{
    
    "id":1005300259,"name":"行测","parentId":"100520929","children":[{
    
    "id":1005300258,"name":"言语理解与表达","parentId":"1005300259","children":null},{
    
    "id":1005300261,"name":"常识判断","parentId":"1005300259","children":null},{
    
    "id":1005300262,"name":"数量关系","parentId":"1005300259","children":null}]},{
    
    "id":1005300264,"name":"面试","parentId":"100520929","children":[{
    
    "id":1005300268,"name":"无领导小组","parentId":"1005300264","children":null}]}]}]}},{
    
    "id":57,"ptTeacherId":"386504","teaName":"王泽恒","teaNickName":"小花名","teaType":"1,2","teaHeaderPic":"//t-simg01.gaodunwangxiao.com/uploadfiles/ssm/202112/09/dbaa3_20211209150326.png","teaScore":9.90,"project":null,"firstSubject":null,"secondSubject":null,"firstSubjectDesc":null,"secondSubjectDesc":null,"classNum":100,"state":1,"sort":null,"isDelete":"N","createdAt":"2022-01-12 09:48:32","updatedAt":"2022-01-13 09:51:22","subjectJson":null,"tags":["热情"],"introduction":null,"subjectDtoList":null,"ptTeacherDetailRemoteDto":{
    
    "teacherId":"386504","teacherName":"王泽恒","picture":"//t-simg01.gaodunwangxiao.com/uploadfiles/ssm/202112/09/dbaa3_20211209150326.png","featureTeaching":"迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的1迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的1迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的迭代的","teachingStyle":"幽默","projects":[{
    
    "id":100520929,"name":"公务员","parentId":null,"children":[{
    
    "id":1005300259,"name":"行测","parentId":"100520929","children":[{
    
    "id":1005300257,"name":"判断推理","parentId":"1005300259","children":null},{
    
    "id":1005300258,"name":"言语理解与表达","parentId":"1005300259","children":null},{
    
    "id":1005300261,"name":"常识判断","parentId":"1005300259","children":null},{
    
    "id":1005300262,"name":"数量关系","parentId":"1005300259","children":null},{
    
    "id":1005300263,"name":"资料分析","parentId":"1005300259","children":null}]}]}]}},{
    
    "id":51,"ptTeacherId":"1","teaName":"管理员","teaNickName":"测试","teaType":"1,2","teaHeaderPic":"//t-simg01.gaodunwangxiao.com/uploadfiles/ssm/202112/02/83dab_20211202152717.png","teaScore":9.00,"project":null,"firstSubject":null,"secondSubject":null,"firstSubjectDesc":null,"secondSubjectDesc":null,"classNum":100,"state":1,"sort":null,"isDelete":"N","createdAt":"2022-01-11 11:28:37","updatedAt":"2022-01-18 11:22:13","subjectJson":null,"tags":["自定义标签一","热情","开朗"],"introduction":null,"subjectDtoList":null,"ptTeacherDetailRemoteDto":{
    
    "teacherId":"1","teacherName":"管理员","picture":"//t-simg01.gaodunwangxiao.com/uploadfiles/ssm/202112/02/83dab_20211202152717.png","featureTeaching":"哈哈哈","teachingStyle":"学院派","projects":[{
    
    "id":100520929,"name":"公务员","parentId":null,"children":[{
    
    "id":1005300259,"name":"行测","parentId":"100520929","children":[{
    
    "id":1005300258,"name":"言语理解与表达","parentId":"1005300259","children":null},{
    
    "id":1005300257,"name":"判断推理","parentId":"1005300259","children":null},{
    
    "id":1005300262,"name":"数量关系","parentId":"1005300259","children":null},{
    
    "id":1005300261,"name":"常识判断","parentId":"1005300259","children":null}]}]}]}}],"status":0,"message":"成功","info":"成功"}
const app = getApp();
Component({
    
    
  /**
   * 组件的属性列表
   */
  properties: {
    
    
    teacherList:{
    
    
          type:Array,
          value:[]
      }
  },
observers: {
    
    
  teacherList: function (val) {
    
    
      var temp = val
      temp.forEach(element => {
    
    
        this.data.subjectDtoList = []
        this.flat(element.ptTeacherDetailRemoteDto.projects,'')
        element.ptTeacherDetailRemoteDto.allsub =  this.data.subjectDtoList
      });
      this.setData({
    
    teacherListInner: temp})
  }
},

  /**
   * 组件的初始数据
   */
  data: {
    
    
    teacherListInner: [],
    subjectDtoList: []
  },
  attached(){
    
    
  },
  /**
   * 组件的方法列表
   */
  methods: {
    
    
    flat(nodes, name) {
    
    
        var that = this;
        nodes.map(item => {
    
    
          if (item.children && item.children.length) {
    
    
            that.flat(item.children,  item.parentId===null?'':item.name)
          } else {
    
    
            var str = ((name==='')?'':(name+'-' )) + item.name;
            this.data.subjectDtoList.push(str);
          }
        });
      },
      goDetail(e){
    
    
          const teacher_params = e.currentTarget.dataset.item;
          app.track.teacher_click(teacher_params.ptTeacherId)
          this.triggerEvent('gorecommendimagedetail',{
    
    id:teacher_params.ptTeacherId})
          //app.router.to('/pages/teacher/teacherDetail?id='+teacher_params.ptTeacherId);
      }
  }
})

Guess you like

Origin blog.csdn.net/sinat_36017053/article/details/122580694