horzi_rai_wxa/pages/my/ces.vue

      <view class="audio-video-content" v-if="topTabsActive == 4">
        <view class="audio-item" v-for="item in videoAudioList" :key="item.Id">
          <view class="cover-item" :style="{ 'background-image': 'url(' + item.BackgroundImg + ')' }">
            <!-- type:3 -- 产业视频 -->
            <block v-if="item.Type == 2 || item.Type == 3">
              <image class="img-bg" @click="handelPlay(item)" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/play_icon_index.png"></image>
            </block>
            <block v-else>
              <image
                class="img-bg"
                @click.stop="handelPlay(item)"
                :src="
                  curVoiceId === item.ActivityId && !curAudioPaused
                    ? 'https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/back_stop_index.png'
                    : 'https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/back_group_index.png'
                "
              ></image>
            </block>
            <text class="time">{{ item.PublishTime }}</text>
            <view :class="['identification', item.Type != 1 && 'identification-video']"> </view>
            <image
              class="identification-img"
              :src="item.Type == 1 ? 'https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/multimedia/video-iocn.png' : 'https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/multimedia/audio-icon.png'"
            ></image>
          </view>
          <view class="title-share">
            <view class="title text_twoLine">{{ item.Title }}</view>
            <view class="share share-collected">
              <image @click="myLeavingMessageHandler(item)" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/multimedia/leaving_message.png"></image>
              <image  @click="isCollectionHandeler(item)" :src="item.IsCollect ?'https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/multimedia/collected_icon.png' : 'https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/multimedia/not_collected.png'"></image>
              <button class="share-icon" open-type="share" :data-item="item">
                <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/multimedia/share-btn-icon.png"></image>
              </button>
            </view>
          </view>
        </view>
      </view>
      <view class="data-cont" v-else>
        <view class="report-ul">
          <block v-for="(report, index) in dataList" :key="index">
            <view class="report-item" v-if="index % 2 === 0" @click="goDetail(report)">
              <block v-if="report.HomeType === 1">
                <view class="audio-video-content">
                  <view class="audio-item">
                    <view class="cover-item" :style="{ 'background-image': 'url(' + report.MicroAudio.AudioImgUrl + ')' }">
                      <image
                        class="img-bg"
                        @click.stop="handelPlay(report.MicroAudio)"
                        :src="
                          curVoiceId === report.MicroAudio.AudioActivityId && !curAudioPaused
                            ? 'https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/back_stop_index.png'
                            : 'https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/back_group_index.png'
                        "
                      ></image>
                      <text class="time">{{ report.MicroAudio.AudioPublishTime }}</text>
                    </view>
                    <view class="title-share">
                      <view class="title text_twoLine">{{ report.MicroAudio.AudioTitle }}</view>
                      <view class="share">
                        <view class="share-text" :style="[classifyColor(report.MicroAudio.AudioChartPermissionName)]">
                          <image :src="classifyIcon(report.MicroAudio)"></image>
                          音频｜{{ report.MicroAudio.AudioChartPermissionName }}
                        </view>
                        <button class="share-icon" open-type="share" :data-item="report.MicroAudio">
                          <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/multimedia/share-btn-icon.png"></image>
                        </button>
                      </view>
                    </view>
                  </view>
                </view>
              </block>
              <block v-else>
                <view class="item-content-img" v-if="report.BodyHtml">
                  <image :src="report.BodyHtml" mode=""></image>
                </view>
                <view class="item-content" v-else>{{ report.Body }}</view>
                <view class="line"></view>
                <text :class="['item-title', report.Source != 1 && 'chart-title text_twoLine']">{{ report.Title }}</text>
                <view class="item-abstract text_twoLine" v-if="report.ExpertBackground">
                  {{ report.ExpertBackground }}
                </view>
                <block v-if="report.Source == 1">
                  <view class="item-createtime">
                    <text>{{ report.PublishDate }}</text>
                    <view class="item-examine" v-if="report.IsResearch">
                      <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/examine_icon.png"></image>
                      <text>{{ report.Pv }}</text>
                    </view>
                  </view>
                </block>
                <block v-else>
                  <view class="item-createtime chart-tag">
                    <text class="tag-item" v-if="report.PtagName">{{ report.PtagName }}</text>
                    <text class="tag-item" v-if="report.CtagName">{{ report.CtagName }}</text>
                  </view>
                  <view class="chart-collect" v-if="topTabsActive == 3 && secondActive == 0">
                    <text class="cancel" @click.stop="myChartIsTop(report.ChartId)">{{ report.IsTop ? "取消置顶" : "置顶" }}</text>
                    <text class="remove" @click.stop="myChartCollect(report.ChartId)">移除</text>
                  </view>
                  <view class="my-chart-collect" v-if="topTabsActive == 3 && secondActive == 0 && report.IsTop"></view>
                </block>
              </block>
            </view>
          </block>
        </view>
        <view class="report-ul">
          <block v-for="(report, index) in dataList" :key="index">
            <view class="report-item" v-if="index % 2 !== 0" @click="goDetail(report)">
              <block v-if="report.HomeType === 1">
                <view class="audio-video-content">
                  <view class="audio-item">
                    <view class="cover-item" :style="{ 'background-image': 'url(' + report.MicroAudio.AudioImgUrl + ')' }">
                      <image
                        class="img-bg"
                        @click.stop="handelPlay(report.MicroAudio)"
                        :src="
                          curVoiceId === report.MicroAudio.AudioActivityId && !curAudioPaused
                            ? 'https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/back_stop_index.png'
                            : 'https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/back_group_index.png'
                        "
                      ></image>
                      <text class="time">{{ report.MicroAudio.AudioPublishTime }}</text>
                    </view>
                    <view class="title-share">
                      <view class="title text_twoLine">{{ report.MicroAudio.AudioTitle }}</view>
                      <view class="share">
                        <view class="share-text" :style="[classifyColor(report.MicroAudio.AudioChartPermissionName)]">
                          <image :src="classifyIcon(report.MicroAudio)"></image>
                          音频｜{{ report.MicroAudio.AudioChartPermissionName }}
                        </view>
                        <button class="share-icon" open-type="share" :data-item="report">
                          <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/multimedia/share-btn-icon.png"></image>
                        </button>
                      </view>
                    </view>
                  </view>
                </view>
              </block>
              <block v-else>
                <view class="item-content-img" v-if="report.BodyHtml">
                  <image :src="report.BodyHtml"></image>
                </view>
                <view class="item-content" v-else>{{ report.Body }}</view>
                <view class="line"></view>
                <text :class="['item-title', report.Source != 1 && 'chart-title text_twoLine']">{{ report.Title }}</text>
                <view class="item-abstract text_twoLine" v-if="report.ExpertBackground">
                  {{ report.ExpertBackground }}
                </view>
                <block v-if="report.Source == 1">
                  <view class="item-createtime">
                    <text>{{ report.PublishDate }}</text>
                    <view class="item-examine" v-if="report.IsResearch">
                      <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/examine_icon.png"></image>
                      <text>{{ report.Pv }}</text>
                    </view>
                  </view>
                </block>
                <block v-else>
                  <view class="item-createtime chart-tag">
                    <text class="tag-item" v-if="report.PtagName">{{ report.PtagName }}</text>
                    <text class="tag-item" v-if="report.CtagName">{{ report.CtagName }}</text>
                  </view>
                  <view class="chart-collect" v-if="topTabsActive == 3 && secondActive == 0">
                    <text class="cancel" @click.stop="myChartIsTop(report.ChartId)">{{ report.IsTop ? "取消置顶" : "置顶" }}</text>
                    <text class="remove" @click.stop="myChartCollect(report.ChartId)">移除</text>
                  </view>
                  <view class="my-chart-collect" v-if="topTabsActive == 3 && secondActive == 0 && report.IsTop"></view>
                </block>
              </block>
            </view>
          </block>
        </view>
      </view>