h5分享浏览页面

src/components/BeyondTo/index.vue

@@ -1,5 +1,5 @@
<template>
  <div class="beyond-block">
  <div class="beyond-block" :class="styFlag?'beyond-h5':''">
    <div class="expert-block" v-if="ownerType==='1'">
      <div class="show-head" :style="{backgroundImage:'url('+ ownerInfo.img +')'}"></div>
      <div class="show-info">
@@ -17,7 +17,7 @@
        <div class="info-desc">{{ownerInfo.title}}</div>
      </div>
    </div>
    <div class="goSpan">
    <div class="goSpan" v-if="!styFlag">
      <collectCo v-if="ownerType==='1'" :watchOptions="{oid: ownerId, type: 1}"></collectCo>
      <contactChat v-if="ownerType==='1'" :contactOptions="{oid: ownerId}"></contactChat>
      <collectCo v-if="ownerType==='2'" :watchOptions="{oid: ownerId, type: 2}"></collectCo>
@@ -37,6 +37,10 @@
      },
      ownerType: {
        type: String
      },
      styFlag: {
        type:Boolean,
        default: false
      }
    },
    data() {
@@ -155,4 +159,36 @@
  display: flex;
  justify-content: center;
}
.beyond-h5 .expert-block{
  display:flex;
}
.beyond-h5 .show-head{
  width: 50px;
  height: 50px;
}
.beyond-h5 .show-head.orgimg-box{
  width: 50px;
  height: 40px; 
}
.beyond-h5 .show-head.orgimg-box img{
  max-width: 50px;
}
.beyond-h5 .show-info{
  line-height: 18px;
  flex:1 0 80px;
  padding-left:15px;
  width: 118px;
  text-align: left;
}
.beyond-h5 .show-info .info-tit{
  font-size: 16px;
}
.beyond-h5 .show-info .info-tag{
  font-size: 14px;
}
.beyond-h5 .show-info .info-desc{
  font-size: 13px;
}
</style>

src/pages/h5/router/index.js

@@ -50,6 +50,46 @@ const constantRouterMap = [
      name: 'org',
      meta: { title: '机构' }
    }]
  }, 
  {
    path: '',
    component: Layout,
    children: [{
      path: '/expert',
      component: (resolve) => require(['../views/expert/expert.vue'], resolve),
      name: 'expert',
      meta: { title: '专家' }
    }]
  }, 
  {
    path: '',
    component: Layout,
    children: [{
      path: '/service',
      component: (resolve) => require(['../views/service/service.vue'], resolve),
      name: 'service',
      meta: { title: '服务' }
    }]
  }, 
  {
    path: '',
    component: Layout,
    children: [{
      path: '/resource',
      component: (resolve) => require(['../views/resource/resource.vue'], resolve),
      name: 'resource',
      meta: { title: '资源' }
    }]
  }, 
  {
    path: '',
    component: Layout,
    children: [{
      path: '/product',
      component: (resolve) => require(['../views/product/product.vue'], resolve),
      name: 'product',
      meta: { title: '产品' }
    }]
  }
];

src/pages/h5/views/Result/result.vue

@@ -0,0 +1,212 @@
<template>
  <div class="browse-main">
    <div class="block-wrapper">
      <div class="left-main">
        <div class="content-wrapper">
          <div class="inner-wrapper">
            <div class="headcon-box detail-box">
              <div class="show-info">
                <div class="info-tit info-tit-big">{{patentInfo.name}}</div>
              </div>
            </div>
          </div>
          <div class="inner-wrapper">
            <div class="content">
              <el-row :gutter="12" class="rel-detail">
                <el-col :span="24" v-if="patentInfo.code">
                  <el-col :span="6">专利号:</el-col>
                  <el-col :span="18">{{patentInfo.code}}</el-col>
                </el-col>
                <el-col :span="24" v-if="patentInfo.pubDay">
                  <el-col :span="6">公开日:</el-col>
                  <el-col :span="18">{{patentInfo.pubDay}}</el-col>
                </el-col>
                <el-col :span="24" v-if="patentInfo.reqCode">
                  <el-col :span="6">申请号:</el-col>
                  <el-col :span="18">{{patentInfo.reqCode}}</el-col>
                </el-col>
                <el-col :span="24" v-if="patentInfo.pubDay">
                  <el-col :span="6">申请日:</el-col>
                  <el-col :span="18">{{patentInfo.pubDay}}</el-col>
                </el-col>
                <el-col :span="24" v-if="patentInfo.reqPerson">
                  <el-col :span="6">申请人:</el-col>
                  <el-col :span="18">{{patentInfo.reqPerson}}</el-col>
                </el-col>
                <el-col :span="24" v-if="patentInfo.summary">
                  <el-col :span="24">摘要:</el-col>
                  <el-col :span="24" v-html="patentInfo.summary"></el-col>
                </el-col>
                <el-col :span="24" v-if="patentInfo.cooperation">
                  <el-col :span="24">合作备注:</el-col>
                  <el-col :span="24" v-html="patentInfo.cooperation"></el-col>
                </el-col>
                <el-col :span="24" v-if="patentInfo.keywords && patentInfo.keywords.length">
                  <el-row class="tag-item">
                    <el-tag v-for="sub in patentInfo.keywords" :key="sub.index">{{sub}}</el-tag>
                  </el-row>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="inner-wrapper" v-if="patentAuthors && patentAuthors.length">
            <div class="content-title">
              <span>发明人{{authorCount > 0 ? `(${authorCount})` : ''}}</span>
            </div>
            <div class="content">
              <el-row :gutter="10" style="width:100%">
                <el-col :span="24" class="item-col" v-for="item in patentAuthors" :key="item.index">
                  <div v-if="item.professorId.substring(0, 1) !== '#' && item.owner" class="list-item">
                    <a :href="'expert.html?id='+item.professorId" target="_blank">
                      <div class="list-head" style="border-radius:50%" :style="{backgroundImage: 'url(' + item.owner.img + ')'}"></div>
                    </a>
                    <div class="list-info">
                      <div class="list-tit">{{item.owner.name}}</div>
                      <div class="list-desc">{{item.owner.title}}</div>
                    </div>
                    <div class="list-link" style="right: 0">
                      <contactChat :contactOptions="{oid: item.professorId }"></contactChat>
                    </div>
                  </div>
                  <div class="list-item" v-else>
                    <div class="list-head" style="border-radius:50%" :style="{backgroundImage: 'url(' + defaultExpertImg + ')'}"></div>
                    <div class="list-info">
                      <div class="list-tit">{{item.name}}</div>
                    </div>
                  </div>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="inner-wrapper" v-if="likePatents && likePatents.length">
            <div class="content-title">
              <span>您可能感兴趣的专利</span>
            </div>
            <div class="content content-nf">
              <baseResult v-for="item in likePatents" :key="item.index" :itemSingle="item" :noBlank="true"></baseResult>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import { urlParse, ImageUrl, defaultSet, strToArr, TimeTr } from '@/libs/util';
  import collectCo from '@/components/CollectCo';
  import contactChat from '@/components/ContactChat';
  import baseResult from '@/components/subTemplate/BaseResult';
  import queryBase from '@/libs/queryBase';
  export default {
    data() {
      return {
        /* eslint-disable no-undef */
        activeName: 'first',
        patentInfo: '',
        patentId: '',
        elurl: '',
        likePatents: '',
        patentAuthors: '',
        defaultExpertImg: defaultSet.img.expert
      };
    },
    created() {
      this.patentId = urlParse('id');
      this.elurl = window.location.href;
      this.getPatentInfo();
      this.getLikePatents();
      this.getPatentAuthors();
    },
    components: {
      collectCo,
      contactChat,
      baseResult
    },
    methods: {
      getPatentInfo() {
        this.$axios.getk('/ajax/ppatent/qo', {
          id: this.patentId
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            if ($info.keywords) {
              $info.keywords = strToArr($info.keywords);
            }
            if ($info.reqDay) {
              $info.reqDay = TimeTr($info.reqDay);
            }
            if ($info.pubDay) {
              $info.pubDay = TimeTr($info.pubDay);
            }
            document.title = $info.name + '-' + PLAT.info.title
            this.patentInfo = $info;
          };
        });
      },
      getPatentAuthors() {
        var that = this
        that.$axios.getk('/ajax/ppatent/authors', {
          id: that.patentId
        }, function (res) {
          if (res.success && res.data) {
            const $data = res.data
            if ($data.length > 0) {
              that.authorCount = $data.length
              for (let i = 0; i < $data.length; ++i) {
                if ($data[i].professorId.substring(0, 1) !== '#') {
                  queryBase.getProfessor($data[i].professorId, function (sc, value) {
                    if (sc) {
                      if (value.hasHeadImage) {
                        value.img = ImageUrl(('head/' + value.id + '_l.jpg'), true)
                      } else {
                        value.img = defaultSet.img.expert
                      }
                      $data[i].owner = value
                      that.$forceUpdate();
                    }
                  });
                }
              }
              that.patentAuthors = $data
            }
          }
        })
      },
      getLikePatents() {
        var that = this
        that.$axios.getk('/ajax/ppatent/ralatePatents', {
          patentId: that.patentId
        }, function (res) {
          if (res.success && res.data) {
            const $data = res.data
            that.likePatents = $data
          }
        })
      }
    }
  };
</script>
<style lang="scss" rel="stylesheet/scss">
@import '../../style/index';
  .browse-main .block-wrapper .left-main .inner-wrapper .content .item-col {
    margin-bottom: 10px;
    .list-item {
      border: 1px solid #eaeaea;
      padding: 10px 16px;
      .list-head {
        @include center-items(50px, 50px);
      }
      .list-info {
        flex: 1 1 60px;
        padding-left: 10px;
      }
    }
  }
</style>

src/pages/h5/views/company/company.vue

@@ -54,18 +54,18 @@
            <span>相关文章</span>
          </div>
          <div class="content content-nf" v-if="compContents.length">
              <baseContent v-for="item in compContents" :key="item.index" :itemSingle="item" :noBlank="true"></baseContent>
            </div>
            <baseContent v-for="item in compContents" :key="item.index" :itemSingle="item" :noBlank="true"></baseContent>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import { urlParse, defaultSet, commenTime } from '@/libs/util';
  import queryDict from '@/libs/queryDict';
  import baseContent from '@/components/subTemplate/BaseContent';
  import shareOut from '@/components/ShareOut';
  import baseProduct from '@/components/subTemplate/BaseProduct';
  export default {
@@ -93,7 +93,6 @@
      this.getCompContent();
    },
    components: {
      shareOut,
      baseProduct,
      baseContent
    },
@@ -217,6 +216,7 @@
    }
  };
</script>
<style lang="scss" rel="stylesheet/scss">
  @import '../../style/index';
</style>
</style>

src/pages/h5/views/components/swiperImg.vue

@@ -0,0 +1,48 @@
<template>
  <div class="swiper-container" ref="swiperAuto">
    <div class="swiper-wrapper">
      <div class="swiper-slide" v-for="item in previewImg" :key="item.index">
        <img :src="item" alt="">
      </div>
    </div>
    <div class="swiper-pagination" ref="swiperPage"></div>
  </div>
</template>
<script>
  export default {
    props: ['previewImg'],
    mounted() {
      let that = this;
      var mySwiper = new Swiper(this.$refs.swiperAuto, {
        pagination: {
          el: that.$refs.swiperPage,
          bulletElement: 'li'
        }
      })
    }
  }
</script>
<style lang="scss" rel="stylesheet/scss">
  .swiper-container {
    background: #f0f0f0;
    height: 200px;
    width: 100%;
    .swiper-wrapper {
      width: 100%;
      .swiper-slide {
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        img {
          overflow: hidden;
          max-width: 100%;
          max-height: 200px;
          vertical-align: middle;
        }
      }
    }
  }
</style>

src/pages/h5/views/content/content.vue

@@ -55,18 +55,18 @@
            </a>
          </div>
          <div class="inner-wrapper" v-if="paltNews && paltNews.length">
              <div class="content-title">
                <span>最新文章</span>
              </div>
              <div class="content content-nf">
                  <baseContent v-for="item in paltNews" :key="item.index" :itemSingle="item" :showOwner="false" :noBlank="true"></baseContent>
              </div>
            <div class="content-title">
              <span>最新文章</span>
            </div>
            <div class="block-wrapper" v-if="adinfo.shareAdBottom.length">
                <a class="ad-wrapper" v-for="item in adinfo.shareAdBottom" :key="item.index" :href="item.adUrl" target="_blank">
                  <img :src="item.imgUrl" width="100%">
                </a>
              </div>
            <div class="content content-nf">
              <baseContent v-for="item in paltNews" :key="item.index" :itemSingle="item" :showOwner="false" :noBlank="true"></baseContent>
            </div>
          </div>
          <div class="block-wrapper" v-if="adinfo.shareAdBottom.length">
            <a class="ad-wrapper" v-for="item in adinfo.shareAdBottom" :key="item.index" :href="item.adUrl" target="_blank">
              <img :src="item.imgUrl" width="100%">
            </a>
          </div>
        </div>
      </div>
    </div>
@@ -119,8 +119,8 @@
            var $info = res.data.data;
            if ($info.length > 0) {
              for (let i = 0; i < $info.length; ++i) {
                if($info[i].id === this.contentId) {
                  $info.splice(i,1)
                if ($info[i].id === this.contentId) {
                  $info.splice(i, 1)
                  i--
                  continue
                }
@@ -128,7 +128,7 @@
                  $info[i].modifyTime = commenTime($info[i].modifyTime, true)
                }
              }
              this.paltNews = $info.slice(0,5)
              this.paltNews = $info.slice(0, 5)
            }
          };
        });

src/pages/h5/views/expert/expert.vue

@@ -0,0 +1,418 @@
<template>
  <div class="browse-main">
    <div class="header-box">
      <div class="header_content">
        <div class="header_content_top">
          <div class="show-head headimg-box" :style="{backgroundImage:'url('+ expertInfo.img +')'}"></div>
        </div>
        <div class="header_content-footer">
          <p>
            <span class="cmpName">{{expertInfo.name}}</span>
            <em class="authicon" :class="headIcon(expertInfo)"></em>
          </p>
          <p class="industry" v-if="expertInfo.title">{{expertInfo.title}}</p>
          <p class="addressbox">
            <em class="address"></em> {{expertInfo.address}}</p>
        </div>
      </div>
    </div>
    <div class="block-wrapper">
      <div class="left-main">
        <div class="content-wrapper split-other" v-if="platServices && platServices.length">
          <div class="inner-wrapper">
            <div class="content-title">
              <span>可提供服务</span>
            </div>
            <div class="content content-nf" v-if="platServices.length">
              <baseService v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService>
              <p class="moretype" @click="moreService" v-show="loadingModalShow">查看更多服务</p>
            </div>
          </div>
        </div>
        <div class="content-wrapper">
          <div class="inner-wrapper" v-if="expertInfo.descp">
            <div class="content-title">
              <span>个人简介</span>
            </div>
            <div class="content">{{expertInfo.descp}}</div>
          </div>
          <div class="inner-wrapper" v-if="expertInfo.subject && expertInfo.subject.length">
            <div class="content-title">
              <span>学术领域</span>
            </div>
            <div class="content">
              <el-row class="tag-item">
                <el-tag v-for="sub in expertInfo.subject" :key="sub.index">{{sub}}</el-tag>
              </el-row>
            </div>
          </div>
          <div class="inner-wrapper" v-if="expertInfo.resAreas && expertInfo.resAreas.length">
            <div class="content-title">
              <span>研究方向</span>
            </div>
            <div class="content">
              <el-row class="tag-item">
                <el-col :span="24" v-for="sub in expertInfo.resAreas" :key="sub.index">
                  <el-tag>{{sub}}</el-tag>
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="inner-wrapper" v-if="expertInfo.industry && expertInfo.industry.length">
            <div class="content-title">
              <span>行业领域</span>
            </div>
            <div class="content">
              <el-row class="tag-item">
                <el-tag v-for="sub in expertInfo.industry" :key="sub.index">{{sub}}</el-tag>
              </el-row>
            </div>
          </div>
          <div class="inner-wrapper" v-if="platPatents && platPatents.length">
            <div class="content-title">
              <span>专利</span>
            </div>
            <div class="content" v-if="platPatents.length">
              <baseResult v-for="item in platPatents" :key="item.index" :itemSingle="item"></baseResult>
              <p class="moretype" @click="morePatent" v-show="loadingModalShow2">查看更多服务</p>
            </div>
          </div>
        </div>
        <div class="content-wrapper" v-if="coopExperts && coopExperts.length">
          <div class="content-title">
            <span>合作专家</span>
          </div>
          <div class="content">
            <BaseExpert v-for="item in coopExperts" :key="item.index" :itemSingle="item"></BaseExpert>
          </div>
        </div>
        <div class="content-wrapper" v-if="expContents && expContents.length">
          <div class="content-title">
            <span>相关文章</span>
          </div>
          <div class="content content-nf">
            <baseContent v-for="item in expContents" :key="item.index" :itemSingle="item" :showOwner="false" :noBlank="true"></baseContent>
          </div>
        </div>
        <div class="content-wrapper" v-if="likeExperts && likeExperts.length">
          <div class="content-title">
            <span>您可能感兴趣的专家</span>
          </div>
          <div class="content">
            <BaseExpert v-for="item in likeExperts" :key="item.index" :itemSingle="item"></BaseExpert>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import { urlParse, ImageUrl, defaultSet, strToArr, formatOfft, autho } from '@/libs/util';
  import queryBase from '@/libs/queryBase';
  import baseService from '@/components/subTemplate/BaseService';
  import baseContent from '@/components/subTemplate/BaseContent';
  import baseResult from '@/components/subTemplate/BaseResult';
  import BaseExpert from '@/components/subTemplate/BaseExpert';
  export default {
    data() {
      return {
        activeIndex: '1',
        activeName: 'first',
        expertInfo: '',
        expertId: '',
        platServices: [],
        serCount: 0,
        loadingModalShow: true, // 是否显示按钮
        loadingComplete: false, // 是否全部加载
        isFormSearch: false, // 数据加载
        isLoading: false, // button style...
        ifDefault: false, // 是否缺省
        platPatents: [],
        patCount: 0,
        loadingModalShow2: true,
        loadingComplete2: false,
        isFormSearch2: false,
        isLoading2: false,
        ifDefault2: false,
        dataO: {
          serModifyTime: '',
          patTime: '',
          patId: ''
        },
        rows: 2,
        expContents: '',
        likeExperts: '',
        coopExperts: ''
      };
    },
    created() {
      this.expertId = urlParse('id');
      this.getExpertInfo();
      this.getExpertWave();
      this.getExpertPatent();
      this.queryPubCount();
      this.getExpContent();
      this.getLikeExperts();
      this.getCoopExperts();
    },
    components: {
      baseService,
      baseResult,
      baseContent,
      BaseExpert
    },
    methods: {
      morePatent() {
        this.getExpertPatent();
      },
      moreService() {
        this.getExpertWave();
      },
      getExpertInfo() {
        this.$axios.getk('/ajax/professor/info/' + this.expertId, {
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            $info.offt = formatOfft($info);
            if ($info.subject) {
              $info.subject = strToArr($info.subject);
            }
            if ($info.industry) {
              $info.industry = strToArr($info.industry);
            }
            if ($info.hasHeadImage) {
              $info.img = ImageUrl(('head/' + $info.id + '_l.jpg'), true)
            } else {
              $info.img = defaultSet.img.expert
            }
            $info.resAreas = [];
            if ($info.researchAreas && $info.researchAreas.length > 0) {
              for (let i = 0; i < $info.researchAreas.length; ++i) {
                $info.resAreas.push($info.researchAreas[i].caption);
              }
            }
            document.title = $info.name + '-' + PLAT.info.title
            this.expertInfo = $info;
          };
        });
      },
      getExpertWave() {
        this.$axios.getk('/ajax/ware/publish', {
          category: '1',
          owner: this.expertId,
          modifyTime: this.dataO.serModifyTime,
          rows: this.rows
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            if ($info.length > 0) {
              this.dataO.serModifyTime = $info[$info.length - 1].modifyTime;
              this.platServices = this.isFormSearch ? this.platServices.concat($info) : $info;
              this.isFormSearch = true;
              if ($info.length < this.rows) {
                this.loadingModalShow = false;
                this.isFormSearch = false;
              };
            } else {
              this.loadingModalShow = false;
              this.isFormSearch = false;
            };
            var liLen = this.platServices.length;
            if ($info.length === 0 && liLen === 0) {
              this.ifDefault = true;
            };
          };
        });
      },
      searchLower() {
        if (this.loadingModalShow && !this.isLoading) {
          this.getExpertWave();
        }
      },
      getExpertPatent() {
        this.$axios.getk('/ajax/ppatent/professor', {
          owner: this.expertId,
          assTime: this.dataO.patTime,
          id: this.dataO.patId,
          rows: this.rows
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            if ($info.length > 0) {
              this.dataO.patTime = $info[$info.length - 1].assTime;
              this.dataO.patId = $info[$info.length - 1].id;
              for (let i = 0; i < $info.length; i++) {
                $info[i].authors = $info[i].authors.substr(0, $info[i].authors.length - 1);
              }
              this.platPatents = this.isFormSearch2 ? this.platPatents.concat($info) : $info;
              this.isFormSearch2 = true;
              if ($info.length < this.rows) {
                this.loadingModalShow2 = false;
                this.isFormSearch2 = false;
              };
            } else {
              this.loadingModalShow2 = false;
              this.isFormSearch2 = false;
            };
            var liLen = this.platPatents.length;
            if ($info.length === 0 && liLen === 0) {
              this.ifDefault2 = true;
            };
          };
        });
      },
      searchLower2() {
        if (this.loadingModalShow2 && !this.isLoading2) {
          this.getExpertPatent();
        }
      },
      queryPubCount() {
        var that = this
        this.$axios.getk('/ajax/ware/count/publish', {
          owner: that.expertId,
          category: '1'
        }, function (data) {
          if (data.data > 0 && data.data < 99) {
            that.serCount = data.data;
          }
          if (data.data > 99) {
            that.serCount = '99+';
          }
        });
        this.$axios.getk('/ajax/ppatent/count/publish', {
          owner: that.expertId
        }, function (data) {
          if (data.data > 0 && data.data < 99) {
            that.patCount = data.data;
          }
          if (data.data > 99) {
            that.patCount = '99+';
          }
        });
      },
      headIcon(item) {
        return autho(item.authType, item.orgAuth, item.authStatus);
      },
      getExpContent() {
        var that = this
        this.$axios.get('/ajax/article/lq/with/professor', {
          pid: this.expertId
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            if ($info.length > 0) {
              let j = 0;
              for (let i = 0; i < $info.length; ++i) {
                j++
                that.$axios.get('/ajax/article/qo', {
                  id: $info[i].id
                }, (data) => {
                  j--
                  if (data.success) {
                    $info[i].title = data.data.title
                    if (j === 0) {
                      that.expContents = $info;
                    }
                  };
                });
              }
            };
          };
        });
      },
      getLikeExperts() {
        var that = this
        this.$axios.getk('/ajax/professor/ralateProfessors', {
          professorId: this.expertId
        }, (res) => {
          if (res.success) {
            var $data = res.data;
            var arr = []
            var hdata = { num: 1, data: $data }
            if ($data.length > 0) {
              for (let i in $data) {
                hdata.num++
                arr[i] = $data[i].id;
                hdata.num--
              }
              hdata.num--
              if (hdata.num === 0 && arr.length) {
                that.$axios.getk('/ajax/professor/qm', {
                  id: arr
                }, function (data) {
                  if (data.success && data.data) {
                    var obj = data.data
                    if (obj.length > 0) {
                      for (let m = 0; m < obj.length; ++m) {
                        obj[m].img = defaultSet.img.expert
                        if (obj[m].hasHeadImage) {
                          obj[m].img = ImageUrl(('head/' + obj[m].id + '_l.jpg'), true)
                        }
                        obj[m].auth = autho(obj[m].authType, obj[m].orgAuth, obj[m].authStatus)
                        obj[m].offt = formatOfft(obj[m], true)
                      }
                      setTimeout(() => {
                        that.likeExperts = obj
                      }, 1000);
                    }
                  }
                })
              }
            };
          };
        });
      },
      getCoopExperts() {
        var that = this
        this.$axios.getk('/ajax/professor/coadjutant', {
          id: this.expertId
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            if ($info.length > 0) {
              let j = 0;
              for (let i = 0; i < $info.length; ++i) {
                j++;
                $info[i].id = $info[i].professorId
                queryBase.getProfessor($info[i].professorId, function (sc, value) {
                  j--
                  if (sc) {
                    $info[i].name = value.name
                    $info[i].title = value.title
                    $info[i].hasHeadImage = value.hasHeadImage
                    if (j === 0) {
                      that.coopExperts = $info;
                    }
                  }
                })
              }
            }
          };
        });
      }
    }
  };
</script>
<style lang="scss" rel="stylesheet/scss">
  @import '../../style/index';
  .header-box {
    background-image: url('../../image/personal_bg.png');
  }
  .show-head {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background-size: cover;
    margin: auto;
  }
  .content .list-item .list-head.list-circular-head {
    border-radius: 50%;
  }
</style>

src/pages/h5/views/org/org.vue

@@ -69,13 +69,7 @@
        <span>您可能感兴趣的机构</span>
      </div>
      <div class="content">
        <a v-for="item in likeOrgs" :key="item.index" class="list-item" :href="'org.html?id='+item.id">
          <div class="list-head" :style="{backgroundImage: 'url(' + item.logo + ')'}"></div>
          <div class="list-info">
            <div class="list-owner">{{item.name}}</div>
            <div class="list-desc">{{item.compType}}</div>
          </div>
        </a>
        <BaseOrg v-for="item in likeOrgs" :key="item.index" :itemSingle="item" :noBlank="true"></BaseOrg>>
      </div>
    </div>
  </div>
@@ -85,12 +79,10 @@
  import queryDict from '@/libs/queryDict';
  import queryBase from '@/libs/queryBase';
  import shareOut from '@/components/ShareOut';
  import collectCo from '@/components/CollectCo';
  import contactChat from '@/components/ContactChat';
  import baseService from '@/components/subTemplate/BaseService';
  import baseResource from '@/components/subTemplate/BaseResource';
  import baseContent from '@/components/subTemplate/BaseContent';
  import BaseOrg from '@/components/subTemplate/BaseOrg';
  export default {
    data() {
@@ -100,7 +92,6 @@
        compType: [],
        orgInfo: '',
        orgId: '',
        elurl: '',
        platServices: [],
        serCount: 0,
        loadingModalShow: false, // 是否显示按钮
@@ -127,7 +118,6 @@
    },
    created() {
      this.orgId = urlParse('id');
      this.elurl = window.location.href;
      this.getDictoryData();
      this.getorgInfo();
      this.getOrgWave();
@@ -137,12 +127,10 @@
      this.getLikeOrgs();
    },
    components: {
      shareOut,
      collectCo,
      contactChat,
      baseService,
      baseResource,
      baseContent
      baseContent,
      BaseOrg
    },
    methods: {
      moreService() {

src/pages/h5/views/product/product.vue

@@ -0,0 +1,166 @@
<template>
  <div class="browse-main">
    <div class="block-wrapper">
        <div style="width:100%">
            <div class="content-wrapper" style="padding:0">
                <div class="content-wrapper" style="padding:0">
                    <previewMagnify v-if="productInfo.img && productInfo.img.length" :previewImg="productInfo.img"></previewMagnify>
                  </div>
                  <div class="content-wrapper">
                      <div class="show-info">
                          <div class="info-tit info-tit-big" style="font-size: 20px; line-height:30px; margin-bottom: 4px;">{{productInfo.name}}</div>
                          <div class="info-tag">简介：{{productInfo.cnt}}</div>
                        </div>
                  </div>
            </div>
            <div class="content-wrapper">
                <beyondTo v-if="companyId" :ownerId="companyId" :ownerType="'00'" :styFlag="true"></beyondTo>
            </div>
        <div class="content-wrapper">
          
            <el-row :gutter="10" class="rel-detail">
              <el-col class="rel-item" :span="24" v-if="productInfo.spec">
                <div class="rel-tit">厂商型号：</div>
                <div>{{productInfo.spec}}</div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="productInfo.producingArea">
                <div class="rel-tit">产地：</div>
                <div>{{productInfo.producingArea}}</div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="productInfo.price">
                <div class="rel-tit">官方价格：</div>
                <div>{{productInfo.price}}</div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="productInfo.parameter">
                <div class="rel-tit">性能参数：</div>
                <div v-html="productInfo.parameter"></div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="productInfo.descp">
                <div class="rel-tit">详细介绍：</div>
                <div v-html="productInfo.descp"></div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="keywords && keywords.length">
                <el-row class="tag-item">
                  <el-tag v-for="sub in keywords" :key="sub.index">{{sub}}</el-tag>
                </el-row>
              </el-col>
            </el-row>
          
        </div>
        <div class="content-wrapper" v-if="otherProducts && otherProducts.length">
            <div class="content-title">
              <span>其他产品</span>
            </div>
            <div class="content">
              <BaseProduct v-for="item in otherProducts" :key="item.index" :itemSingle="item" :noBlank="true"></BaseProduct>
            </div>
          </div>
      </div>
    </div>
    
  </div>
</template>
<script>
  import { urlParse, strToArr, defaultSet } from '@/libs/util';
  import previewMagnify from '../components/swiperImg';
  import beyondTo from '@/components/BeyondTo';
  import BaseProduct from '@/components/subTemplate/BaseProduct';
  export default {
    data() {
      return {
        productInfo: '',
        companyId: '',
        keywords: '',
        tPosition: 'top-start',
        otherProducts: ''
      };
    },
    created() {
      this.productId = urlParse('id');
      this.getproductInfo();
      this.getProductKeyword();
    },
    components: {
      previewMagnify,
      beyondTo,
      BaseProduct
    },
    methods: {
      getproductInfo() {
        this.$axios.get('/ajax/product/qo', {
          id: this.productId
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            if ($info.img) {
              $info.img = strToArr($info.img);
            }
            document.title = $info.name + '-' + PLAT.info.title
            this.companyId = $info.companyId;
            this.productInfo = $info;
            this.getOtherProducts($info.companyId);
          };
        });
      },
      getProductKeyword() {
        var that = this
        that.$axios.get('/ajax/product/qo/keyword', {
          id: that.productId
        }, function (res) {
          if (res.success && res.data) {
            const str = res.data
            var objKey = []
            if (str.length > 0) {
              str.map(item => {
                objKey.push(item.keyword)
              })
            }
            that.keywords = objKey
          }
        })
      },
      getOtherProducts(id) {
        var that = this
        that.$axios.get('/ajax/product/pq', {
          companyId: id,
          pageSize: 6,
          pageNo: 1
        }, function (res) {
          if (res.success && res.data) {
            const obj = res.data.data
            if (obj.length > 0) {
              var arr = []
              for (let i = 0; i < obj.length; ++i) {
                if (obj[i].id !== that.productId) {
                  if (obj[i].img) {
                    obj[i].img = strToArr(obj[i].img)[0]
                  } else {
                    obj[i].img = defaultSet.img.product
                  }
                  arr.push(obj[i])
                }
              }
            }
            if (arr.length > 5) {
              arr.splice(5)
            }
            that.otherProducts = arr
          }
        })
      }
    }
  };
</script>
<style lang="scss" rel="stylesheet/scss">
  @import '../../style/index';
  .browse-main .block-wrapper .content-wrapper{
    padding: 8px 20px;
  }
  .browse-main .block-wrapper .content-wrapper .content{
    margin:-20px;
  }
</style>

src/pages/h5/views/resource/resource.vue

@@ -0,0 +1,211 @@
<template>
  <div class="browse-main">
    <div class="block-wrapper">
        <div style="width:100%">
        <div class="content-wrapper" style="padding:0">
            <div class="content-wrapper" style="padding:0">
                <previewMagnify v-if="resourceInfo.img && resourceInfo.img.length" :previewImg="resourceInfo.img"></previewMagnify>
              </div>
              <div class="content-wrapper">
                  <div class="show-info">
                      <div class="info-tit info-tit-big" style="font-size: 20px; line-height:30px; margin-bottom: 4px;">{{resourceInfo.resourceName}}</div>
                      <div class="info-tag">应用用途：{{resourceInfo.supportedServices}}</div>
                    </div>
              </div>
        </div>
        <div class="content-wrapper">
            <beyondTo v-if="owner.id" :ownerId="owner.id" :ownerType="owner.type" :styFlag="true"></beyondTo>
        </div>
        
        <div class="content-wrapper">
            <el-row :gutter="10" class="rel-detail">
              <el-col class="rel-item" :span="24" v-if="resourceInfo.orgName">
                <div class="rel-tit">所属机构：</div>
                <div>{{resourceInfo.orgName}}</div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="resourceInfo.spec">
                <div class="rel-tit">厂商型号：</div>
                <div>{{resourceInfo.spec}}</div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="resourceInfo.parameter">
                <div class="rel-tit">性能参数：</div>
                <div v-html="resourceInfo.parameter"></div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="resourceInfo.cooperationNotes">
                <div class="rel-tit">合作备注：</div>
                <div v-html="resourceInfo.cooperationNotes"></div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="resourceInfo.descp">
                <div class="rel-tit">详细介绍：</div>
                <div v-html="resourceInfo.descp"></div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="resourceInfo.subject && resourceInfo.subject.length">
                <el-row class="tag-item">
                  <el-tag v-for="sub in resourceInfo.subject" :key="sub.index">{{sub}}</el-tag>
                </el-row>
              </el-col>
            </el-row>
        </div>
        <div class="content-wrapper" v-if="likeResources && likeResources.length">
          <div class="content-title">
            <span>您可能感兴趣的资源</span>
          </div>
          <div class="content content-nf">
            <baseResource v-for="item in likeResources" :key="item.index" :itemSingle="item" :noBlank="true"></baseResource>
          </div>
        </div>
        <div class="content-wrapper" v-if="hotResources && hotResources.length">
            <div class="content-title">
              <span>热门资源</span>
            </div>
            <div class="content">
                <baseResource v-for="item in hotResources" :key="item.index" :itemSingle="item" :noBlank="true"></baseResource>
            </div>
          </div>
      </div>
    </div>
  </div>
</template>
<script>
  import { urlParse, ImageUrl, defaultSet, strToArr } from '@/libs/util';
  import previewMagnify from '../components/swiperImg';
  import beyondTo from '@/components/BeyondTo';
  import contactChat from '@/components/ContactChat';
  import baseResource from '@/components/subTemplate/BaseResource';
  export default {
    data() {
      return {
        resourceInfo: '',
        resourceId: '',
        elurl: '',
        tPosition: 'top-start',
        owner: {
          id: '',
          type: ''
        },
        hotResources: '',
        likeResources: '',
        reslinkmans: []
      };
    },
    created() {
      this.resourceId = urlParse('id');
      this.elurl = window.location.href;
      this.getResourceInfo();
      this.getLikeResources();
      this.getLinkmans();
    },
    components: {
      previewMagnify,
      beyondTo,
      contactChat,
      baseResource
    },
    methods: {
      getResourceInfo() {
        var that = this
        this.$axios.getk('/ajax/resource/queryOne', {
          resourceId: that.resourceId
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            if ($info.subject) {
              $info.subject = strToArr($info.subject);
            }
            var ImgUrl = []
            if ($info.images && $info.images.length) {
              for (let i = 0; i < $info.images.length; ++i) {
                ImgUrl.push(ImageUrl('resource/' + $info.images[i].imageSrc))
              }
            } else {
              ImgUrl.push(defaultSet.img.resource)
            }
            $info.img = ImgUrl
            if ($info.resourceType === '1') {
              that.owner = {
                id: $info.professorId,
                type: $info.resourceType
              };
              that.getHotResources({ 'professorId': $info.professorId })
            } else if ($info.resourceType === '2') {
              that.owner = {
                id: $info.orgId,
                type: $info.resourceType
              };
              that.getHotResources({ 'orgId': $info.orgId }, true)
            }
            document.title = $info.resourceName + '-' + PLAT.info.title
            that.resourceInfo = $info;
          };
        });
      },
      getHotResources(obj, num) {
        var that = this
        var ourl = num ? '/ajax/resource/qaOrgPublish' : '/ajax/resource/qaProPublish'
        that.$axios.getk(ourl, obj, function (res) {
          if (res.success && res.data) {
            const $data = res.data
            var hotRes = []
            if ($data.length > 1) {
              for (var i = 0; i < $data.length; i++) {
                if ($data[i].images && $data[i].images.length) {
                  $data[i].img = ImageUrl('resource/' + $data[i].images[0].imageSrc)
                } else {
                  $data[i].img = defaultSet.img.resource
                }
                if (that.resourceId !== $data[i].resourceId) {
                  hotRes.push($data[i])
                }
              }
            }
            hotRes.splice(5)
            that.hotResources = hotRes
          }
        })
      },
      getLikeResources() {
        var that = this
        that.$axios.getk('/ajax/resource/ralateResources', {
          resourceId: that.resourceId
        }, function (res) {
          if (res.success && res.data) {
            const $data = res.data
            that.likeResources = $data
          }
        })
      },
      getLinkmans() {
        var that = this
        this.$axios.getk('/ajax/resource/qaLinkman', {
          resourceId: that.resourceId
        }, function (data) {
          if (data.success) {
            var $data = data.data;
            if ($data.length > 0) {
              for (var i = 0; i < $data.length; i++) {
                if ($data[i].professor.hasHeadImage) {
                  $data[i].uimg = ImageUrl(('head/' + $data[i].professorId + '_l.jpg'), true)
                } else {
                  $data[i].uimg = defaultSet.img.expert
                }
              }
              that.reslinkmans = $data
            }
          }
        })
      }
    }
  };
</script>
<style lang="scss" rel="stylesheet/scss">
  @import '../../style/index';
  .browse-main .block-wrapper .content-wrapper{
    padding: 8px 20px;
  }
  .browse-main .block-wrapper .content-wrapper .content{
    margin:-20px;
  }
</style>

src/pages/h5/views/service/service.vue

@@ -0,0 +1,224 @@
<template>
  <div class="browse-main">
    <div class="block-wrapper">
      <div style="width:100%">
          <div class="content-wrapper" style="padding:0">
            <previewMagnify v-if="serveInfo.img && serveInfo.img.length" :previewImg="serveInfo.img"></previewMagnify>
          </div>
            <div class="content-wrapper">
            <div class="show-info">
                <div class="info-tit info-tit-big" style="font-size: 20px; line-height:30px; margin-bottom: 4px;">{{serveInfo.name}}</div>
                <div class="info-tag">内容：{{serveInfo.cnt}}</div>
              </div>
        </div>
        <div class="content-wrapper">
            <beyondTo v-if="ownerB.id" :ownerId="ownerB.id" :ownerType="ownerB.type" :styFlag="true"></beyondTo>
        </div>
        <div class="content-wrapper">
            <el-row :gutter="10" class="rel-detail">
              <el-col class="rel-item" :span="24" v-if="serveInfo.cooperation">
                <div class="rel-tit">合作备注：</div>
                <div v-html="serveInfo.cooperation"></div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="serveInfo.descp">
                <div class="rel-tit">详细介绍：</div>
                <div v-html="serveInfo.descp"></div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="serveInfo.keywords && serveInfo.keywords.length">
                <el-row class="tag-item">
                  <el-tag v-for="sub in serveInfo.keywords" :key="sub.index">{{sub}}</el-tag>
                </el-row>
              </el-col>
            </el-row>
        </div>
        <div class="content-wrapper" v-if="likeserves && likeserves.length">
          <div class="content-title">
            <span>您可能感兴趣的服务</span>
          </div>
          <div class="content content-nf">
            <baseService v-for="item in likeserves" :key="item.index" :itemSingle="item" :noBlank="true"></baseService>
          </div>
        </div>
        <div class="content-wrapper" v-if="hotserves && hotserves.length">
            <div class="content-title">
              <span>热门服务</span>
            </div>
            <div class="content content-nf">
                <baseService v-for="item in hotserves" :key="item.index" :itemSingle="item" :noBlank="true"></baseService>
            </div>
          </div>
        </div>
    </div>
  </div>
</template>
<script>
  import { urlParse, ImageUrl, defaultSet, strToArr } from '@/libs/util';
  import previewMagnify from '../components/swiperImg';
  import collectCo from '@/components/CollectCo';
  import beyondTo from '@/components/BeyondTo';
  import contactChat from '@/components/ContactChat';
  import baseService from '@/components/subTemplate/BaseService';
  export default {
    data() {
      return {
        serveInfo: '',
        serveId: '',
        elurl: '',
        tPosition: 'top-start',
        ownerB: {
          id: '',
          type: ''
        },
        hotserves: '',
        likeserves: '',
        reslinkmans: []
      };
    },
    created() {
      this.serveId = urlParse('id');
      this.elurl = window.location.href;
      this.getserveInfo();
      this.getLikeserves();
      this.getLinkmans();
    },
    components: {
      previewMagnify,
      collectCo,
      beyondTo,
      contactChat,
      baseService
    },
    methods: {
      getserveInfo() {
        this.$axios.getk('/ajax/ware/qo', {
          id: this.serveId
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            if ($info.keywords) {
              $info.keywords = strToArr($info.keywords);
            }
            var arr = []
            if ($info.images) {
              arr = strToArr($info.images)
              for (let i = 0; i < arr.length; ++i) {
                arr[i] = ImageUrl('ware' + arr[i])
              }
              $info.img = arr
            } else {
              arr[0] = defaultSet.img.service
              $info.img = arr
            }
            if ($info.category) {
              this.ownerB = {
                id: $info.owner,
                type: $info.category
              }
              this.getHotserves($info.category, $info.owner)
            }
            document.title = $info.name + '-' + PLAT.info.title
            this.serveInfo = $info
          };
        });
      },
      getHotserves(catagory, owner) {
        var that = this
        that.$axios.getk('/ajax/ware/byOwnerWithPageViews', {
          id: that.serveId,
          category: catagory,
          owner: owner,
          rows: 5
        }, function (res) {
          if (res.success && res.data) {
            const $data = res.data
            var hotRes = []
            if ($data.length > 1) {
              for (var i = 0; i < $data.length; i++) {
                if ($data[i].images) {
                  $data[i].img = ImageUrl('ware/' + strToArr($data[i].images)[0])
                } else {
                  $data[i].img = defaultSet.img.service
                }
                if (that.serveId !== $data[i].id) {
                  hotRes.push($data[i])
                }
              }
            }
            hotRes.splice(5)
            that.hotserves = hotRes
          }
        })
      },
      getLikeserves() {
        var that = this
        that.$axios.getk('/ajax/ware/ralateWare', {
          id: that.serveId,
          rows: 5
        }, function (res) {
          if (res.success && res.data) {
            const $data = res.data
            var arr = [];
            for (var i = 0; i < $data.length; i++) {
              arr.push($data[i].id)
            }
            if (arr.length) {
              that.$axios.getk('/ajax/ware/qm', {
                id: arr
              }, function (data) {
                that.likeserves = data.data
              })
            }
          }
        })
      },
      getLinkmans() {
        var that = this
        this.$axios.getk('/ajax/ware/pro', {
          id: that.serveId
        }, function (res) {
          if (res.success) {
            var $data = res.data;
            var arr = []
            if ($data.length > 0) {
              for (var i = 0; i < $data.length; i++) {
                arr.push($data[i].professor)
              }
              if (arr.length) {
                that.$axios.getk('/ajax/professor/qm', {
                  id: arr
                }, function (data) {
                  if (data.success && data.data) {
                    if (data.data.length > 0) {
                      var str = data.data
                      for (var j = 0; j < str.length; j++) {
                        if (str[j].hasHeadImage) {
                          str[j].img = ImageUrl(('head/' + str[j].id + '_l.jpg'), true)
                        } else {
                          str[j].img = defaultSet.img.expert
                        }
                      }
                      that.reslinkmans = data.data
                    }
                  }
                })
              }
            }
          }
        })
      }
    }
  }
</script>
<style lang="scss" rel="stylesheet/scss">
  @import '../../style/index';
  .browse-main .block-wrapper .content-wrapper{
    padding: 8px 20px;
  }
  .browse-main .block-wrapper .content-wrapper .content{
    margin:-20px;
  }
</style>

src/styles/browse.scss

@@ -22,6 +22,7 @@
          font-size:15px;
          line-height:26px;
          width:100%;
          word-break: break-word;
          .rel-item{
            margin-bottom:15px;
            &:last-child{