<template>
  <div class="el-resource_show_list_mobile_1">
    <div class="resource_show_list_mobile_1">
   <div class="big-title">
      <span class="sp1">资源推荐</span>
      <span class="sp2"><a href="/resourcelist?type=wd">更多</a></span>
   </div>
   <div>

    <div class="showlist-part-bd"  v-for="item in csFdlist" :key="item.csId"  style="padding:0px;"><!--一行2个-->
      <div class="showlist-part">
         <span class="sp1">
           <img v-if="item.resPhoto" class="imgbg" :src="item.resPhoto" alt="">
           <img v-else class="imgbg" src="../../theme-chalk/src/images/jslndx-pic03.png" alt="">
           <span class="play"><a href="javascript:void(0)"  @click="csdetail(item.resId)"></a></span>
           <!--<span class="tip" @click="csdetail(item.resId)" >
             <img v-if="item.resPhoto"   :src="item.resPhoto" alt="">
             <img  src="../../theme-chalk/src/images/jslndx-new-icon.png" alt="">
           </span>-->
         </span>
         <span class="sp2">
             <p class="spp1"><a @click="csdetail(item.resId)" href="javascript:void(0)">{{item.resName}}</a></p>
             <p class="spp2">{{item.resAuthor}}<span class="play-cont">{{item.studyNum}}</span></p>
         </span>
     </div>
   </div>
   </div>


</div>
  </div>
</template>

<script>
  import {httpPost} from '../../../src/utils/utils';
  import formMixin from '../../../src/mixins/formMixin';
  import lenye_base from 'lenye_base';

export default {
  name: 'ElResourceShowListMobile1',
  mixins: [formMixin],
  model: {},
  data(){
    return {
      csFdlist:[]
    }
   },

   mounted() {
    this.getclalist();
   },
   methods: {
     getclalist(){
       const that = this
       httpPost(
               lenye_base.base_data.getapiUrl() +
               "/resource-service/common/resResource/queryShowPageModify.do",
               lenye_base.base_data.getformatting({
                 orderType:2,
                 sites:lenye_base.site_data.getsiteData().siteId,
                 rows:4
               }),
               function(data) {
                 that.csFdlist=data.data
               }
       )
     },
     more() {
       window.location.href='/resourcelist';
     },
     csdetail(id){
       window.location.href="/resourcedetail?id="+id;
     }
   },
};
</script>
