首頁 探索 說明
註冊 登入
jiapeng
/
platform
關註 1
讚好 0
派生 0
代碼 問題管理 0 合併請求 0 提交歷史 119 版本發佈 0 Wiki
瀏覽代碼

内容h5

lipengtao 6 年之前
父節點
e4aa06976b
當前提交
e7c01d92e3
共有 15 個文件被更改，包括 350 次插入 和 17 次删除
分割檢視 顯示文件統計
  1. 1 4
      src/components/subTemplate/BaseExpert.vue
  2. 4 1
      src/pages/content/show.vue
  3. 21 0
      src/pages/h5/h5.html
  4. 14 0
      src/pages/h5/h5.js
  5. 12 0
      src/pages/h5/h5.vue
  6. 18 0
      src/pages/h5/router/index.js
  7. 52 0
      src/pages/h5/style/index.scss
  8. 191 0
      src/pages/h5/views/content/content.vue
  9. 1 1
      src/pages/index/views/ViewFindResource/index.vue
  10. 1 1
      src/pages/index/views/ViewFindResult/index.vue
  11. 1 1
      src/pages/index/views/ViewFindServe/index.vue
  12. 2 2
      src/pages/index/views/ViewPlatTrend/index.vue
  13. 1 1
      src/pages/result/show.vue
  14. 5 0
      src/styles/listitem.scss
  15. 26 6
      static/plat-info.js

+ 1 - 4
src/components/subTemplate/BaseExpert.vue
查看文件 

@ -1,6 +1,6 @@
1 1 
<template>
2 2 
  <a class="list-item" :href="'expert.html?id='+itemSingle.id" target="_blank">
3 
    <div class="list-head" :style="{backgroundImage: 'url(' + imgUrl + ')'}"></div>
3 
    <div class="list-head list-circular-head" :style="{backgroundImage: 'url(' + imgUrl + ')'}"></div>
4 4 
    <div class="list-info">
5 5 
      <div class="list-tit list-topic">{{itemSingle.name}}</div>
6 6 
      <div class="list-desc">{{itemSingle.title}}</div>
 
@ -36,6 +36,3 @@
36 36 
  };
37 37 
</script>
38 38
39 
<style scoped>
40 
  .list-item .list-head{border-radius: 50%; width: 100px; height:100px}
41 
</style>

+ 4 - 1
src/pages/content/show.vue
查看文件 

@ -70,7 +70,7 @@
70 70 
    data() {
71 71 
      return {
72 72 
        /* eslint-disable no-undef */
73 
        adinfo: PLAT.info.adinfo,
73 
        adinfo: PLAT.info.adinfo.mainAd,
74 74 
        contentInfo: '',
75 75 
        platExperts: '',
76 76 
        platOrgs: '',
 
@ -79,6 +79,9 @@
79 79 
    },
80 80 
    created() {
81 81 
      this.contentId = urlParse('id');
82 
      if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
83 
        location.href="http://" + window.location.host + "/h5.html#/content?id="+this.contentId;
84 
      }
82 85 
      this.getContentInfo();
83 86 
      this.getPlatExperts();
84 87 
      this.getPlatOrgs();

+ 21 - 0
src/pages/h5/h5.html
查看文件 

@ -0,0 +1,21 @@
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
  <head>
4 
    <meta charset="utf-8">
5 
  	<meta name="keywords" content="">
6 
  	<meta name="description" content="">
7 
  	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
8 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
9 
    <link rel="stylesheet" href="/static/comtar/swiper/swiper.min.css">
10 
  	<title></title>
11 
  </head>
12 
  <body>
13 
    <div id="app"></div>
14 
    <script src="/static/plat-info.js"></script>
15 
    <script src="/static/comtar/vue/vue.min.js"></script>
16 
    <script src="/static/comtar/vue-router/vue-router.min.js"></script>
17 
    <script src="/static/comtar/vuex/vuex.min.js"></script>
18 
    <script src="/static/comtar/swiper/swiper.min.js"></script>
19 
  </body>
20 
</html>
21

+ 14 - 0
src/pages/h5/h5.js
查看文件 

@ -0,0 +1,14 @@
1 
import '@/libs/common.js';
2 
import App from './h5.vue';
3 
import router from './router';
4
5 
new Vue({
6 
  el: '#app',
7 
  router: router,
8 
  render: h => h(App),
9 
  created () {
10 
    router.afterEach((to, from, next) => {
11 
      window.scrollTo(0, 0);
12 
    });
13 
  }
14 
});

+ 12 - 0
src/pages/h5/h5.vue
查看文件 

@ -0,0 +1,12 @@
1 
<template>
2 
  <div class="app-main">
3 
    <router-view></router-view>
4 
  </div>
5 
</template>
6
7 
<style rel="stylesheet/scss" lang="scss" scoped>
8 
  .app-main{
9 
    width: 100%;
10 
    height: 100%;
11 
  }
12 
</style>

+ 18 - 0
src/pages/h5/router/index.js
查看文件 

@ -0,0 +1,18 @@
1
2 
const constantRouterMap = [
3 
  {
4 
        path: '/content',
5 
        alwaysShow: true,
6 
        component: (resolve) => require(['../views/content/content.vue'], resolve),
7 
        name: 'content',
8 
        meta: { title: '修改资料' }
9
10 
    }
11 
];
12
13 
// 实例化vue的时候只挂载constantRouter
14 
export default new VueRouter({
15 
  // mode: 'history', //后端支持可开
16 
  scrollBehavior: () => ({ y: 0 }),
17 
  routes: constantRouterMap
18 
});

+ 52 - 0
src/pages/h5/style/index.scss
查看文件 

@ -0,0 +1,52 @@
1 
@mixin center-block {
2 
  width: 90px;
3 
  height: 60px;
4 
}
5
6 
.list-item {
7 
  .list-head {
8 
    @include center-block;
9 
    .item-pic-org {
10 
      @include center-block;
11 
      img {
12 
        max-width: 90px;
13 
        max-height: 60px;
14 
      }
15 
    }
16 
    &.list-circular-head{
17 
      width: 50px;
18 
      height: 50px;
19 
    }
20 
  }
21 
  .list-info {
22 
    .list-tit {
23 
      font-size: 16px;
24 
    }
25 
    .list-desc {
26 
      font-size: 14px;
27 
    }
28 
  }
29 
}
30 
.content-title{
31 
  position: relative;
32 
  &:before {
33 
    display: inline-block;
34 
    content: "";
35 
    width: 4px;
36 
    height: 16px;
37 
    position: absolute;
38 
    top: 6px;
39 
    left: -8px;
40 
    background: $--color-primary;
41 
  }
42
43 
  &:after {
44 
    position: absolute;
45 
    bottom: 0;
46 
    content: "";
47 
    height: 1px;
48 
    background: #E5E5E5;
49 
    right: -15px;
50 
    left: -15px;
51 
  }
52 
}

+ 191 - 0
src/pages/h5/views/content/content.vue
查看文件 

@ -0,0 +1,191 @@
1 
<template>
2 
  <div class="browse-main">
3 
    <div class="block-wrapper">
4 
      <div class="left-main">
5 
        <div class="content-wrapper">
6 
          <div class="inner-wrapper">
7 
            <div class="headcon-box detail-box">
8 
              <div class="show-info">
9 
                <div class="info-tit info-tit-big">{{contentInfo.title}}</div>
10 
                <div class="info-tag">
11 
                  <span>{{contentInfo.modifyTime}}</span>
12 
                  <span>作者/来源：{{contentInfo.source}}</span>
13 
                </div>
14 
              </div>
15 
            </div>
16 
          </div>
17 
          <div class="block-wrapper" v-if="adinfo.shareAdTop.length">
18 
            <a class="ad-wrapper" v-for="item in adinfo.shareAdTop" :key="item.index" :href="item.adUrl" target="_blank">
19 
              <img :src="item.imgUrl" width="100%">
20 
            </a>
21 
          </div>
22 
          <div class="inner-wrapper">
23 
            <div class="content">
24 
              <div class="content-uditor" v-html="contentInfo.cnt"></div>
25 
            </div>
26 
          </div>
27 
          <div class="inner-wrapper" v-if="platExperts && platExperts.length">
28 
            <div class="content-title">
29 
              <span>相关专家</span>
30 
            </div>
31 
            <div class="content contentPro">
32 
              <baseExpert v-for="item in platExperts" :key="item.index" :itemSingle="item"></baseExpert>
33 
            </div>
34 
          </div>
35 
          <div class="inner-wrapper" v-if="platOrgs && platOrgs.length">
36 
            <div class="content-title">
37 
              <span>相关机构</span>
38 
            </div>
39 
            <div class="content">
40 
              <baseOrg v-for="item in platOrgs" :key="item.index" :itemSingle="item"></baseOrg>
41 
            </div>
42 
          </div>
43 
          <div class="inner-wrapper" v-if="platCompanys && platCompanys.length">
44 
            <div class="content-title">
45 
              <span>相关企业</span>
46 
            </div>
47 
            <div class="content">
48 
              <baseCompany v-for="item in platCompanys" :key="item.index" :itemSingle="item"></baseCompany>
49 
            </div>
50 
          </div>
51 
          <div class="block-wrapper" v-if="adinfo.shareAdBottom.length">
52 
            <a class="ad-wrapper" v-for="item in adinfo.shareAdBottom" :key="item.index" :href="item.adUrl" target="_blank">
53 
              <img :src="item.imgUrl" width="100%">
54 
            </a>
55 
          </div>
56 
        </div>
57 
      </div>
58 
    </div>
59 
  </div>
60 
</template>
61
62 
<script>
63 
  import { urlParse, commenTime } from '@/libs/util';
64 
  import queryBase from '@/libs/queryBase';
65 
  import baseExpert from '@/components/subTemplate/BaseExpert';
66 
  import baseOrg from '@/components/subTemplate/BaseOrg';
67 
  import baseCompany from '@/components/subTemplate/BaseCompany';
68 
  export default {
69 
    data() {
70 
      return {
71 
        /* eslint-disable no-undef */
72 
        adinfo: PLAT.info.adinfo,
73 
        contentInfo: '',
74 
        platExperts: '',
75 
        platOrgs: '',
76 
        platCompanys: ''
77 
      };
78 
    },
79 
    created() {
80 
      this.contentId = urlParse('id');
81 
      this.getContentInfo();
82 
      this.getPlatExperts();
83 
      this.getPlatOrgs();
84 
      this.getPlatCompanys();
85 
    },
86 
    components: {
87 
      baseExpert,
88 
      baseOrg,
89 
      baseCompany
90 
    },
91 
    methods: {
92 
      getContentInfo() {
93 
        this.$axios.get('/ajax/article/qo', {
94 
          id: this.contentId
95 
        }, (res) => {
96 
          if (res.success) {
97 
            var $info = res.data;
98 
            if ($info.modifyTime) {
99 
              $info.modifyTime = commenTime($info.modifyTime, true)
100 
            }
101 
            document.title = $info.title + '-' + PLAT.info.title
102 
            this.contentInfo = $info;
103 
          };
104 
        });
105 
      },
106 
      getPlatExperts() {
107 
        var that = this
108 
        this.$axios.get('/ajax/article/professor', {
109 
          articleId: that.contentId
110 
        }, (res) => {
111 
          if (res.success) {
112 
            var $info = res.data;
113 
            var arr = []
114 
            for (let i in $info) {
115 
              arr[i] = $info[i].professorId;
116 
            }
117 
            if (arr.length) {
118 
              that.$axios.getk('/ajax/professor/qm', {
119 
                id: arr
120 
              }, function (data) {
121 
                if (data.success && data.data) {
122 
                  if (data.data.length > 0) {
123 
                    that.platExperts = data.data
124 
                    that.$forceUpdate()
125 
                  }
126 
                }
127 
              })
128 
            }
129 
          };
130 
        });
131 
      },
132 
      getPlatOrgs() {
133 
        var that = this
134 
        this.$axios.get('/ajax/article/org', {
135 
          articleId: that.contentId
136 
        }, (res) => {
137 
          if (res.success) {
138 
            var $info = res.data;
139 
            var arr = []
140 
            for (let i in $info) {
141 
              arr[i] = $info[i].orgId;
142 
            }
143 
            if (arr.length) {
144 
              that.$axios.getk('/ajax/org/qm', {
145 
                id: arr
146 
              }, function (data) {
147 
                if (data.success && data.data) {
148 
                  if (data.data.length > 0) {
149 
                    that.platOrgs = data.data
150 
                    that.$forceUpdate()
151 
                  }
152 
                }
153 
              })
154 
            }
155 
          };
156 
        });
157 
      },
158 
      getPlatCompanys() {
159 
        var that = this
160 
        this.$axios.get('/ajax/article/company', {
161 
          articleId: that.contentId
162 
        }, (res) => {
163 
          if (res.success) {
164 
            var $info = res.data;
165 
            var hData = { m: 0, data: $info }
166 
            for (let i = 0; i < $info.length; ++i) {
167 
              queryBase.getCompany($info[i].compId, function (sc, value) {
168 
                if (sc) {
169 
                  $info[i] = value
170 
                  that.$forceUpdate()
171 
                }
172 
              })
173 
            }
174 
            that.platCompanys = $info;
175 
          };
176 
        });
177 
      }
178 
    }
179 
  };
180 
</script>
181
182 
<style lang="scss" rel="stylesheet/scss">
183 
  @import '../../style/index';
184
185 
  .info-tag span {
186 
    display: inline-block;
187 
    margin-right: 15px;
188 
    color: #999;
189 
    font-size: 14px;
190 
  }
191 
</style>

+ 1 - 1
src/pages/index/views/ViewFindResource/index.vue
查看文件 

@ -43,7 +43,7 @@
43 43 
    data() {
44 44 
      return {
45 45 
        /* eslint-disable no-undef */
46 
        adinfo: PLAT.info.adinfo,
46 
        adinfo: PLAT.info.adinfo.searchAd,
47 47 
        rows: 20,
48 48 
        dataO: {
49 49 
          resSortNum: '',

+ 1 - 1
src/pages/index/views/ViewFindResult/index.vue
查看文件 

@ -36,7 +36,7 @@
36 36 
    data() {
37 37 
      return {
38 38 
        /* eslint-disable no-undef */
39 
        adinfo: PLAT.info.adinfo,
39 
        adinfo: PLAT.info.adinfo.searchAd,
40 40 
        rows: 20,
41 41 
        dataO: {
42 42 
          patSortNum: '',

+ 1 - 1
src/pages/index/views/ViewFindServe/index.vue
查看文件 

@ -43,7 +43,7 @@
43 43 
    data() {
44 44 
      return {
45 45 
        /* eslint-disable no-undef */
46 
        adinfo: PLAT.info.adinfo,
46 
        adinfo: PLAT.info.adinfo.searchAd,
47 47 
        rows: 20,
48 48 
        dataO: {
49 49 
          serSortFirst: '',

+ 2 - 2
src/pages/index/views/ViewPlatTrend/index.vue
查看文件 

@ -15,8 +15,8 @@
15 15 
			</div>
16 16 
		</div>
17 17 
		<div class="wrapper-right">
18 
      <div class="block-wrapper" v-if="plat.adinfo.length">
19 
        <a class="ad-wrapper" v-for="item in plat.adinfo" :key="item.index" :href="item.adUrl" target="_blank">
18 
      <div class="block-wrapper" v-if="plat.adinfo.searchAd.length">
19 
        <a class="ad-wrapper" v-for="item in plat.adinfo.searchAd" :key="item.index" :href="item.adUrl" target="_blank">
20 20 
          <img :src="item.imgUrl" width="280" height="200">
21 21 
        </a>
22 22 
      </div>

+ 1 - 1
src/pages/result/show.vue
查看文件 

@ -118,7 +118,7 @@
118 118 
    data() {
119 119 
      return {
120 120 
        /* eslint-disable no-undef */
121 
        adinfo: PLAT.info.adinfo,
121 
        adinfo: PLAT.info.adinfo.mainAd,
122 122 
        activeName: 'first',
123 123 
        patentInfo: '',
124 124 
        patentId: '',

+ 5 - 0
src/styles/listitem.scss
查看文件 

@ -94,6 +94,11 @@
94 94 
      @include center-items(162px,108px);
95 95 
      border:none;
96 96 
    }
97 
    &.list-circular-head {
98 
      border-radius: 50%;
99 
      width: 100px;
100 
      height:100px;
101 
    }
97 102 
  }
98 103 
  .list-info{
99 104 
    flex: 1 1 170px;

+ 26 - 6
static/plat-info.js
查看文件 

@ -14,12 +14,32 @@ PLAT.info = {
14 14 
  'logourl': '/static/xtkfq/icon-logo.png',
15 15 
  'bannerurl': '/static/xtkfq/banner.jpg',
16 16 
  'platimgurl': '/static/xtkfq/platimg.jpg',
17 
  'adinfo':[
18 
    // {
19 
    //   'adUrl': 'javascript:void(0)',
20 
    //   'imgUrl': '/static/xtkfq/ad/xtfh.jpg'
21 
    // }
22 
  ],
17 
  'adinfo': {
18 
    'shareAdTop': [
19 
      {
20 
        'adUrl': 'javascript:void(0)',
21 
        'imgUrl': '/static/xtkfq/banner.jpg'
22 
      }
23 
    ],
24 
    'shareAdBottom': [
25 
      {
26 
        'adUrl': 'javascript:void(0)',
27 
        'imgUrl': '/static/xtkfq/banner.jpg'
28 
      }
29 
    ],
30 
    'searchAd': [
31 
      // {
32 
      //   'adUrl': 'javascript:void(0)',
33 
      //   'imgUrl': '/static/xtkfq/banner.jpg'
34 
      // }
35 
    ],
36 
    'mainAd': [
37 
      // {
38 
      //   'adUrl': 'javascript:void(0)',
39 
      //   'imgUrl': '/static/xtkfq/banner.jpg'
40 
      // }
41 
    ]
42 
  },
23 43 
  'foot_cl': '2016-2019 邢台市科智创新服务中心',
24 44 
  'foot_cn': '冀ICP备18020508号',
25 45 
  'foot_bl': '',