11

src/components/main-views/ViewPlatTrendTrends.vue

@@ -1,70 +1,70 @@
<template>
	<div class="tab-contain">
		<baseArticle v-for="item in orgTrends" :key="item.index" :itemSingle="item" :showOwner="true"></baseArticle>
		<Loading v-show="loadingModalShow" :loadingComplete="loadingComplete" :isLoading="isLoading" v-on:upup="loadLower"></Loading>
	</div>
</template>
<script type="text/ecmascript-6">
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
	import baseArticle from '../sub-component/BaseArticle';
	export default {
    data() {
      return {
        platId: '',
        rows: 2,
        dataO: {
          bShareId: '',
          bTime: ''
        },
        orgTrends: '',
        loadingModalShow: true, // 是否显示按钮
        loadingComplete: false, // 是否全部加载
        isFormSearch: false, // 数据加载
        isLoading: false // button style...
      };
    },
    created() {
      this.platId = Cookies.get('platId');
      this.queryOrgTrends();
    },
    methods: {
      queryOrgTrends(id) {
        this.$axios.get(httpUrl.hQuery.orgTrends.nopq, {
           params: {
            pid: this.platId,
            rows: this.rows,
            publishTime: this.dataO.bTime,
            shardId: this.dataO.bShareId
          }
        }).then((res) => {
          console.log(res);
          if (res.success) {
            var $info = res.data;
            if ($info.length > 0) {
              this.dataO.bShareId = $info[$info.length - 1].shareId;
              this.dataO.bTime = $info[$info.length - 1].publishTime;
              this.orgTrends = this.isFormSearch ? this.orgTrends.concat($info) : $info;
              this.isFormSearch = true;
            };
            if ($info.length < this.rows) {
              this.loadingModalShow = false;
              this.isFormSearch = false;
            };
          };
        });
      },
      loadLower() {
        if (this.loadingModalShow && !this.isLoading) {
          this.queryOrgTrends();
        }
      }
    },
    components: {
      baseArticle
    }
  };
</script>
<template>
	<div class="tab-contain">
		<baseArticle v-for="item in orgTrends" :key="item.index" :itemSingle="item" :showOwner="true"></baseArticle>
		<Loading v-show="loadingModalShow" :loadingComplete="loadingComplete" :isLoading="isLoading" v-on:upup="loadLower"></Loading>
	</div>
</template>
<script type="text/ecmascript-6">
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
	import baseArticle from '../sub-component/BaseArticle';
	export default {
    data() {
      return {
        platId: '',
        rows: 20,
        dataO: {
          bShareId: '',
          bTime: ''
        },
        orgTrends: '',
        loadingModalShow: true, // 是否显示按钮
        loadingComplete: false, // 是否全部加载
        isFormSearch: false, // 数据加载
        isLoading: false // button style...
      };
    },
    created() {
      this.platId = Cookies.get('platId');
      this.queryOrgTrends();
    },
    methods: {
      queryOrgTrends(id) {
        this.$axios.get(httpUrl.hQuery.orgTrends.nopq, {
           params: {
            pid: this.platId,
            rows: this.rows,
            publishTime: this.dataO.bTime,
            shardId: this.dataO.bShareId
          }
        }).then((res) => {
          console.log(res);
          if (res.success) {
            var $info = res.data;
            if ($info.length > 0) {
              this.dataO.bShareId = $info[$info.length - 1].shareId;
              this.dataO.bTime = $info[$info.length - 1].publishTime;
              this.orgTrends = this.isFormSearch ? this.orgTrends.concat($info) : $info;
              this.isFormSearch = true;
            };
            if ($info.length < this.rows) {
              this.loadingModalShow = false;
              this.isFormSearch = false;
            };
          };
        });
      },
      loadLower() {
        if (this.loadingModalShow && !this.isLoading) {
          this.queryOrgTrends();
        }
      }
    },
    components: {
      baseArticle
    }
  };
</script>

src/components/sub-component/BaseAgency.vue

@@ -1,75 +1,90 @@
<template>
  <div class="block-container">
    <a class="block-item org-item" v-for="item in orgData" :key="item.index" :href="linkUrl(item)" target="_blank">
      <div class="item-block-org">
        <div class="item-pic-org">
          <img :src="orgLogoUrl(item)">
        </div>
        <div class="item-text-org">
          <div class="item-tit-org"><span>{{item.name}}</span><em class="authicon" :class="{'icon-com': item.authStatus==='3'}"></em></div>
          <p class="item-tag-org">{{item.industry.replace(/,/gi, ' | ')}}</p>
        </div>
      </div>
    </a>
  </div>
</template>
<script type="text/ecmascript-6">
  import Cookies from 'js-cookie';
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  export default {
    props: {
      num: {
        type: Number
      }
    },
    data() {
      return {
        platId: '',
        rows: 20,
        orgData: '',
        dataO: {
          bOid: '',
          bTime: ''
        }
      };
    },
    created() {
       this.platId = Cookies.get('platId');
       this.ResidentOrgs(this.platId);
    },
    methods: {
      ResidentOrgs(id) {
        this.$axios.get(httpUrl.hQuery.buttedOrgs.nopq, {
          params: {
            pid: id,
            oid: this.dataO.bOid,
            time: this.dataO.bTime,
            rows: this.num ? this.num : this.rows
          }
        }).then((res) => {
          console.log(res);
          if (res.success) {
            var $info = res.data;
            if ($info.length > 0) {
              this.dataO.bOid = $info[$info.length - 1].id;
              this.dataO.bTime = $info[$info.length - 1].buttedTime;
              this.orgData = $info;
              console.log(this.orgData);
            };
            if ($info.length < this.rows) {
            };
          };
        });
      },
      orgLogoUrl(item) {
        return item.hasOrgLogo ? util.ImageUrl(('org/' + item.id + '.jpg'), true) : util.defaultSet.img.org;
      },
      linkUrl(item) {
        return util.defaultSet.link.org + item.id;
      }
    }
  };
</script>
<template>
  <div>
    <div class="block-container">
      <a class="block-item org-item" v-for="item in orgData" :key="item.index" :href="linkUrl(item)" target="_blank">
        <div class="item-block-org">
          <div class="item-pic-org">
            <img :src="orgLogoUrl(item)">
          </div>
          <div class="item-text-org">
            <div class="item-tit-org"><span>{{item.name}}</span><em class="authicon" :class="{'icon-com': item.authStatus==='3'}"></em></div>
            <p class="item-tag-org">{{item.industry.replace(/,/gi, ' | ')}}</p>
          </div>
        </div>
      </a>
    </div>
    <Loading v-show="loadingModalShow" :loadingComplete="loadingComplete" :isLoading="isLoading" v-on:upup="loadLower"></Loading>
  </div>
</template>
<script type="text/ecmascript-6">
  import Cookies from 'js-cookie';
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  export default {
    props: {
      num: {
        type: Number
      }
    },
    data() {
      return {
        platId: '',
        rows: 21,
        orgData: [],
        dataO: {
          bOid: '',
          bTime: ''
        },
        loadingModalShow: true, // 是否显示按钮
        loadingComplete: false, // 是否全部加载
        isFormSearch: false, // 数据加载
        isLoading: false // button style...
      };
    },
    created() {
       this.platId = Cookies.get('platId');
       this.ResidentOrgs(this.platId);
    },
    methods: {
      ResidentOrgs(id) {
        this.$axios.get(httpUrl.hQuery.buttedOrgs.nopq, {
          params: {
            pid: id,
            oid: this.dataO.bOid,
            time: this.dataO.bTime,
            rows: this.num ? this.num : this.rows
          }
        }).then((res) => {
          console.log(res);
          if (res.success) {
            var $info = res.data;
            if ($info.length > 0) {
              this.dataO.bOid = $info[$info.length - 1].id;
              this.dataO.bTime = $info[$info.length - 1].buttedTime;
              this.isFormSearch = true;
              this.orgData = this.orgData.concat($data);
              console.log(this.orgData);
            };
            if ($info.length < this.rows) {
              this.loadingModalShow = false;
              this.isFormSearch = false;
            };
          };
        });
      },
      orgLogoUrl(item) {
        return item.hasOrgLogo ? util.ImageUrl(('org/' + item.id + '.jpg'), true) : util.defaultSet.img.org;
      },
      linkUrl(item) {
        return util.defaultSet.link.org + item.id;
      },
      loadLower() {
        if (this.loadingModalShow && !this.isLoading) {
          this.ResidentOrgs(this.platId);
        }
      }
    }
  };
</script>

src/components/sub-component/BaseExpert.vue

@@ -1,13 +1,16 @@
<template>
  <div class="block-container">
    <a class="block-item" v-for="item in userData" :key="item.index" :href="linkUrl(item)" target="_blank">
      <div class="show-head" :style="{backgroundImage:'url('+ headUrl(item) +')'}"></div>
      <div class="show-info">
        <div class="info-tit">{{item.name}}<em class="authicon" :class="headIcon(item)"></em></div>
        <div class="info-tag" v-if="item.offt">{{item.offt}}</div>
        <div class="info-desc" v-if="item.reserachs">研究方向：{{item.reserachs}}</div>
      </div>
    </a>
  <div>
    <div class="block-container">
      <a class="block-item" v-for="item in userData" :key="item.index" :href="linkUrl(item)" target="_blank">
        <div class="show-head" :style="{backgroundImage:'url('+ headUrl(item) +')'}"></div>
        <div class="show-info">
          <div class="info-tit">{{item.name}}<em class="authicon" :class="headIcon(item)"></em></div>
          <div class="info-tag" v-if="item.offt">{{item.offt}}</div>
          <div class="info-desc" v-if="item.reserachs">研究方向：{{item.reserachs}}</div>
        </div>
      </a>
    </div>
    <Loading v-show="loadingModalShow" :loadingComplete="loadingComplete" :isLoading="isLoading" v-on:upup="loadLower"></Loading>
  </div>
</template>
@@ -26,11 +29,15 @@
      return {
        platId: '',
        rows: 20,
        userData: '',
        userData: [],
        dataO: {
          bUid: '',
          bTime: ''
        }
        },
        loadingModalShow: true, // 是否显示按钮
        loadingComplete: false, // 是否全部加载
        isFormSearch: false, // 数据加载
        isLoading: false // button style...
      };
    },
    created() {
@@ -47,12 +54,12 @@
            rows: this.num ? this.num : this.rows
          }
        }).then((res) => {
          console.log(res);
          if (res.success) {
            var $data = res.data;
            if ($data.length > 0) {
              this.dataO.bUid = $data[$data.length - 1].id;
              this.dataO.bTime = $data[$data.length - 1].buttedTime;
              this.isFormSearch = true;
              for (let i = 0; i < $data.length; i++) {
                if ($data[i].title) {
                  if ($data[i].orgName) {
@@ -88,7 +95,11 @@
                  }
                });
              }
              this.userData = $data;
              this.userData = this.userData.concat($data);
              if ($data.length < this.rows) {
                this.loadingModalShow = false;
                this.isFormSearch = false;
              }
            };
          };
        });
@@ -101,6 +112,11 @@
      },
      linkUrl(item) {
        return util.defaultSet.link.expert + item.id;
      },
      loadLower() {
        if (this.loadingModalShow && !this.isLoading) {
          this.buttedProfessors(this.platId);
        }
      }
    }
  };