scss common

.eslintignore

@@ -1,4 +1,3 @@
/build/
/config/
/dist/
/*.js
build/*.js
config/*.js
src/assets

.eslintrc.js

@@ -27,8 +27,8 @@ module.exports = {
    'generator-star-spacing': 0,
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
    'semi': ['error', 'always'],
    'no-tabs': 0,
    'semi': 0,
    'indent': 0,
    'space-before-function-paren': 0,
    'eol-last': ['error', 'always'],

build/build.js

@@ -1,7 +1,7 @@
'use strict'
require('./check-versions')()
// process.env.NODE_ENV = 'production'
process.env.NODE_ENV = 'production'
const ora = require('ora')
const rm = require('rimraf')
@@ -11,8 +11,7 @@ const webpack = require('webpack')
const config = require('../config')
const webpackConfig = require('./webpack.prod.conf')
// const spinner = ora('building for production...')
var spinner = ora('building for ' + process.env.NODE_ENV + ' of ' + process.env.env_config+ ' mode...' )
const spinner = ora('building for production...')
spinner.start()
rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
@@ -23,7 +22,7 @@ rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
    process.stdout.write(stats.toString({
      colors: true,
      modules: false,
      children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build.
      children: false,
      chunks: false,
      chunkModules: false
    }) + '\n\n')

build/utils.js

@@ -54,14 +54,37 @@ exports.cssLoaders = function (options) {
    }
  }
  var stylusOptions = {
      import: [
          path.join(__dirname, "../src/common/stylus/mixin.styl"), // mixin.styl全局变量文件
      ],
      paths: [
          path.join(__dirname, "../src/common/stylus/"),
          path.join(__dirname, "../"),
      ],
  /**
  * sass Less 源文件
  * @param name classFile
  * @returns {string}
  */
  function resolveResouce(name) {
    return path.resolve(__dirname, '../src/styles/' + name);
  }
   
  //导入全局sass mixin function等
  function generateSassResourceLoader(){
    var loaders = [
     cssLoader,
     //'postcss-loader',
     'sass-loader',
     {
      loader:'sass-resources-loader',
      options: {
       //需要一个全局路径
       resources: [resolveResouce('mixin.scss')]
      }
     }
    ]
    if(options.extract){
     return ExtractTextPlugin.extract({
      use:loaders,
      fallback: 'vue-style-loader'
     })
    }else{
     return ['vue-style-loader'].concat(loaders)
    }
  }
  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
@@ -69,10 +92,10 @@ exports.cssLoaders = function (options) {
    css: generateLoaders(),
    postcss: generateLoaders(),
    less: generateLoaders('less'),
    sass: generateLoaders('sass', { indentedSyntax: true }),
    scss: generateLoaders('sass'),
    stylus: generateLoaders('stylus', stylusOptions),
    styl: generateLoaders('stylus', stylusOptions)
    sass: generateSassResourceLoader(),
    scss: generateSassResourceLoader(),
    stylus: generateLoaders('stylus'),
    styl: generateLoaders('stylus')
  }
}

build/webpack.dev.conf.js

@@ -1,26 +1,17 @@
'use strict'
const path = require('path')
const utils = require('./utils')
const webpack = require('webpack')
const config = require('../config')
const merge = require('webpack-merge')
const path = require('path')
const baseWebpackConfig = require('./webpack.base.conf')
const CopyWebpackPlugin = require('copy-webpack-plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
const portfinder = require('portfinder')
// // 通过express导入路由
// const express = require('express')
// const app = express()
// //模拟服务器返回数据--开始
// var appData = require('../static/plat-info.json')
// var plat = appData.plat
// // 编写路由
// var apiRoutes = express.Router()
// app.use('/api', apiRoutes)
function resolve (dir) {
  return path.join(__dirname, '..', dir)
}
const HOST = process.env.HOST
const PORT = process.env.PORT && Number(process.env.PORT)
@@ -35,13 +26,8 @@ const devWebpackConfig = merge(baseWebpackConfig, {
  // these devServer options should be customized in /config/index.js
  devServer: {
    clientLogLevel: 'warning',
    historyApiFallback: {
      rewrites: [
        { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
      ],
    },
    historyApiFallback: true,
    hot: true,
    contentBase: false, // since we use CopyWebpackPlugin.
    compress: true,
    host: HOST || config.dev.host,
    port: PORT || config.dev.port,
@@ -55,14 +41,6 @@ const devWebpackConfig = merge(baseWebpackConfig, {
    watchOptions: {
      poll: config.dev.poll,
    }
    // before(app) {
    //   app.get('/api/plat', function (req, res) {
    //     res.json({
    //       errno: 0,
    //       data: plat
    //     });
    //   });
    // }
  },
  plugins: [
    new webpack.DefinePlugin({
@@ -76,16 +54,8 @@ const devWebpackConfig = merge(baseWebpackConfig, {
      filename: 'index.html',
      template: 'index.html',
      inject: true,
      favicon: path.resolve('favicon.ico')
    }),
    // copy custom static assets
    new CopyWebpackPlugin([
      {
        from: path.resolve(__dirname, '../static'),
        to: config.dev.assetsSubDirectory,
        ignore: ['.*']
      }
    ])
      favicon: resolve('favicon.ico')
    })
  ]
})

build/webpack.prod.conf.js

@@ -11,6 +11,9 @@ const ExtractTextPlugin = require('extract-text-webpack-plugin')
const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
function resolve (dir) {
  return path.join(__dirname, '..', dir)
}
// const env = require('../config/prod.env')
const env = config.build[process.env.env_config+'Env']

package.json

@@ -19,6 +19,7 @@
    "axios": "^0.17.1",
    "babel-polyfill": "^6.26.0",
    "element-ui": "^2.3.8",
    "js-cookie": "^2.2.0",
    "qrcodejs2": "0.0.2",
    "style-loader": "^0.20.3",
    "stylus": "^0.54.5",
@@ -29,57 +30,62 @@
    "vuex": "^3.0.1"
  },
  "devDependencies": {
    "autoprefixer": "^7.1.2",
    "babel-core": "^6.22.1",
    "autoprefixer": "^7.2.3",
    "babel-core": "^6.26.0",
    "babel-eslint": "^8.2.1",
    "babel-helper-vue-jsx-merge-props": "^2.0.3",
    "babel-loader": "^7.1.1",
    "babel-loader": "^7.1.2",
    "babel-plugin-syntax-jsx": "^6.18.0",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-plugin-transform-vue-jsx": "^3.5.0",
    "babel-preset-env": "^1.3.2",
    "babel-preset-stage-2": "^6.22.0",
    "chalk": "^2.0.1",
    "copy-webpack-plugin": "^4.0.1",
    "cross-env": "^5.2.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-stage-2": "^6.24.1",
    "chalk": "^2.3.0",
    "copy-webpack-plugin": "^4.2.3",
    "css-loader": "^0.28.11",
    "eslint": "^4.15.0",
    "cross-env": "^5.2.0",
    "eslint": "^4.13.1",
    "eslint-config-standard": "^10.2.1",
    "eslint-friendly-formatter": "^3.0.0",
    "eslint-loader": "^1.7.1",
    "eslint-loader": "^1.9.0",
    "eslint-plugin-import": "^2.7.0",
    "eslint-plugin-node": "^5.2.0",
    "eslint-plugin-promise": "^3.4.0",
    "eslint-plugin-standard": "^3.0.1",
    "eslint-plugin-html": "^4.0.1",
    "eslint-plugin-vue": "^4.0.0",
    "extract-text-webpack-plugin": "^3.0.0",
    "file-loader": "^1.1.4",
    "eventsource-polyfill": "^0.9.6",
    "extract-text-webpack-plugin": "^3.0.2",
    "file-loader": "^1.1.5",
    "friendly-errors-webpack-plugin": "^1.6.1",
    "html-webpack-plugin": "^2.30.1",
    "js-cookie": "^2.2.0",
    "node-notifier": "^5.1.2",
    "node-sass": "^4.7.2",
    "optimize-css-assets-webpack-plugin": "^3.2.0",
    "ora": "^1.2.0",
    "ora": "^1.3.0",
    "portfinder": "^1.0.13",
    "postcss-import": "^11.0.0",
    "postcss-loader": "^2.0.8",
    "postcss-url": "^7.2.1",
    "rimraf": "^2.6.0",
    "semver": "^5.3.0",
    "shelljs": "^0.7.6",
    "postcss-loader": "^2.0.9",
    "postcss-url": "^7.3.0",
    "rimraf": "^2.6.2",
    "sass-loader": "^6.0.6",
    "sass-resources-loader": "^1.3.1",
    "semver": "^5.4.1",
    "shelljs": "^0.7.8",
    "stylus-loader": "^2.5.1",
    "uglifyjs-webpack-plugin": "^1.1.1",
    "url-loader": "^0.5.8",
    "vue-loader": "^13.3.0",
    "vue-style-loader": "^3.1.2",
    "vue-template-compiler": "^2.5.2",
    "svg-sprite-loader": "^3.5.2",
    "uglifyjs-webpack-plugin": "^1.1.3",
    "url-loader": "^0.6.2",
    "vue-loader": "^13.7.2",
    "vue-style-loader": "^3.0.3",
    "vue-template-compiler": "^2.5.10",
    "webpack": "^3.10.0",
    "webpack-bundle-analyzer": "^2.9.1",
    "webpack-dev-server": "^2.6.1",
    "webpack-dev-server": "^2.9.7",
    "webpack-merge": "^4.1.1"
  },
  "engines": {
    "node": ">= 6.0.0",
    "node": ">= 4.0.0",
    "npm": ">= 3.0.0"
  },
  "browserslist": [

src/App.vue

@@ -27,10 +27,11 @@
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import './common/stylus/index';
<style rel="stylesheet/scss" lang="scss" scoped>
  @import './styles/index';
  .app-main
    width: 100%
    height: 100%
  .app-main{
    width: 100%;
    height: 100%;
  }
</style>

src/components/Breadcrumb/index.vue

@@ -46,13 +46,15 @@ export default {
};
</script>
<style rel="stylesheet/stylus" lang="stylus" scoped>
  .app-breadcrumb.el-breadcrumb
    display: inline-block
    font-size: 14px
    line-height: 50px
    margin-left: 10px
    .no-redirect
      color: #97a8be
      cursor: text
<style rel="stylesheet/scss" lang="scss" scoped>
  .app-breadcrumb.el-breadcrumb{
    display: inline-block;
    font-size: 14px;
    line-height: 50px;
    margin-left: 10px;
    .no-redirect{
      color: #97a8be;
      cursor: text;
    }
  }
</style>

src/components/DynamicTags/index.vue

@@ -0,0 +1,206 @@
<template>
  <div class="tag-box">
    <div class="tag-btn" v-if="!isShowAdd">
      <el-input
        class="input-new-tag"
        v-if="inputVisible"
        v-model="inputValue"
        ref="saveTagInput"
        size="medium"
        :maxlength="tagInfo.limitCount"
        @keyup.enter.native="handleInputConfirm"
        @blur="handleInputConfirm"
      >
      </el-input>
      <!-- <el-autocomplete
        class="input-new-tag"
        v-if="inputVisible"
        v-model="inputValue"
        ref="saveTagInput"
        size="medium"
        :placeholder="tagInfo.placeholder"
        :trigger-on-focus="false"
        @select="handleSelect"
        :fetch-suggestions="querySearch"
        @keyup.enter.native="handleInputConfirm"
        @blur="handleInputConfirm"
      >
        <template slot-scope="{ item }">
          <div class="name">{{ item.caption }}</div>
        </template>
      </el-autocomplete> -->
      <el-button v-else class="button-new-tag" size="medium" @click="showInput">+ {{tagInfo.placeholder}}</el-button>
    </div>
    <div class="tag-show" :class="tagInfo.tagblock ? 'tag-block' : ''">
      <div class="tag-item" :key="tag" v-for="(tag,tagIndex) in dynamicTags">
        <el-tag
          closable
          :disable-transitions="false"
          @close="handleClose(tagIndex)">
          {{tag}}
        </el-tag>
      </div>
    </div>
  </div>
</template>
<script>
/* 使用说明
 *  dyStr: [], // 数据动态回显tag数组
 *  tagInfo: {
 *  lableTit: '关键词',
 *  placeholder: '请填写相关的关键词',
 *  limitCount: 10, 每个tag的Word限制
 *  tagsNum: 3 //最多可以传输数量
 * }
*/
// import httpUrl from '@/libs/http'
import { trimStr } from '@/utils'
export default {
  props: ['dyStr', 'tagInfo'],
  data() {
    return {
      dynamicTags: this.dyStr || [],
      inputVisible: false,
      inputValue: ''
      // restaurants: [],
      // loadAllKeys: []
    }
  },
  watch: {
    dyStr(value) {
      var that = this
      setTimeout(function() {
        that.dynamicTags = value
      }, 100)
    },
    dynamicTags(value) {
      const list = value
      this.$emit('turnTags', list)
    },
    inputValue(value) {
      var reg = new RegExp('[,|，]')
      this.inputValue = value.replace(reg, '')
    }
  },
  computed: {
    isShowAdd() {
      if (this.dynamicTags) {
        return this.dynamicTags.length >= this.tagInfo.tagsNum
      } else {
        return false
      }
    }
  },
  methods: {
    // add tag
    handleClose(index) {
      this.dynamicTags.splice(index, 1)
    },
    showInput() {
      this.inputVisible = true
      this.$nextTick(_ => {
        this.$refs.saveTagInput.$refs.input.focus()
      })
    },
    handleInputConfirm(value) {
      const inputValue = trimStr(this.inputValue)
      if (inputValue) {
        if (inputValue.length > this.tagInfo.limitCount) {
          this.$alert(`${this.tagInfo.lableTit}不得超过${this.tagInfo.limitCount}个字，添加失败！`, '提示', {
            confirmButtonText: '确定',
            type: 'warning',
            center: true
          })
          return false
        }
        for (var i = 0; i < this.dynamicTags.length; i++) {
          if (inputValue === this.dynamicTags[i]) {
            this.$alert('添加的内容不能重复', '提示', {
              confirmButtonText: '确定',
              type: 'warning',
              center: true
            })
            this.inputValue = ''
            return false
          }
        }
        this.dynamicTags.push(inputValue)
      }
      this.inputVisible = false
      this.inputValue = ''
    }
    // add tag
    // select key tag
    // querySearch(queryString, cb) {
    //   this.$axios.get(httpUrl.kxQurey.qaHotKey, {
    //     key: queryString
    //   }, (res) => {
    //     if (res.success) {
    //       var $info = res.data;
    //       var oSr = [];
    //       for (let i = 0; i < Math.min($info.length, 5); i++) {
    //         oSr[i] = $info[i];
    //       };
    //       this.loadAllKeys = oSr;
    //       // if (this.loadAllKeys.length === 0) {
    //       //   this.loadAllKeys = [{caption: '暂无数据'}]
    //       // };
    //       cb(this.loadAllKeys);
    //     };
    //   });
    // },
    // handleSelect(item) {
    //   this.inputValue = item.caption
    // }
  }
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
  .tag-show {
    overflow: hidden;
    padding:5px 0 0;
    margin-bottom:-5px;
    .tag-item{
      float:left;
      .el-tag {
        margin-right:10px;
        margin-bottom:5px;
        min-height: 32px;
        padding: 6px 10px;
        line-height: 20px;
        height:auto;
      }
    }
  }
  .tag-block{
    .tag-item{
      float:none;
      display: block;
      .el-tag {
        margin-left: 0;
        white-space: normal;
      }
    }
  }
  .button-new-tag{
    width:100%;
    height: 38px;
    line-height: 36px;
    padding-top: 0;
    text-align: left;
    padding-bottom: 0;
    color: #c0c4cc;
    overflow:hidden;
  }
  .el-input.input-new-tag{
    width: 100%;
    vertical-align: bottom;
    margin-left: 0;
    overflow:hidden;
  }
</style>

src/components/global-component/backtop/BackTop.vue

@@ -51,27 +51,30 @@
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  .scroll
    position: fixed
    right: 10px
    bottom: 60px
    width: 45px
    height: 90px
    cursor: pointer
    display: none
    z-index: 10
    div
      width: 45px
      height: 45px
      line-height: 45px
      text-align: center
      font-size: 35px
      background-color: rgba(0,0,0,.2)
      color: #fff
      &:hover
        background-color: rgba(0,0,0,.5)
  &.showScroll
    display: block;
<style rel="stylesheet/scss" lang="scss" scoped>
  .scroll{
    position: fixed;
    right: 10px;
    bottom: 60px;
    width: 45px;
    height: 90px;
    cursor: pointer;
    display: none;
    z-index: 10;
    div{
      width: 45px;
      height: 45px;
      line-height: 45px;
      text-align: center;
      font-size: 35px;
      background-color: rgba(0,0,0,.2);
      color: #fff;
      &:hover{
        background-color: rgba(0,0,0,.5);
      }
    }
    &.showScroll{
      display: block;
    }
  }
</style>

src/components/global-component/default/default.vue

@@ -37,47 +37,53 @@ export default {
};
</script>
<style lang="stylus" type="text/stylus">
  .ev_content
    width: 100%
    height: 42%
    z-index: 11
    padding:40px
    box-sizing: border-box
    display: flex
    justify-content:center
<style rel="stylesheet/scss" lang="scss" scoped>
  .ev_content{
    width: 100%;
    height: 42%;
    z-index: 11;
    padding:40px;
    box-sizing: border-box;
    display: flex;
    justify-content:center;
  }
  .notice_d
    width: 100%
    height: auto
    text-align: center
  .notice_d{
    width: 100%;
    height: auto;
    text-align: center;
  }
  .notice_d .d_photo
    width: 140px
    height: 140px
    margin: 20px auto 30px
  .notice_d .d_photo{
    width: 140px;
    height: 140px;
    margin: 20px auto 30px;
  }
  .d_prompt p
    margin: 0
    font-size: 0
  .d_prompt p{
    margin: 0;
    font-size: 0;
  }
  .d_prompt .d_1
    width: 40%
    margin: 0 auto
    height: auto
    word-break: break-word
    font-size: 16px
    color: #666666
    text-align: center
  .d_prompt .d_1{
    width: 40%;
    margin: 0 auto;
    height: auto;
    word-break: break-word;
    font-size: 16px;
    color: #666666;
    text-align: center;
  }
  .d_prompt .d_2
    width: 60%
    height: auto
    margin: 0 auto
    word-break: break-word
    font-size: 13px
    color: #999999
    text-align: center
    margin-top: 10px
  .d_prompt .d_2{
    width: 60%;
    height: auto;
    margin: 0 auto;
    word-break: break-word;
    font-size: 13px;
    color: #999999;
    text-align: center;
    margin-top: 10px;
  }
</style>

src/components/global-component/loading/Loading.vue

@@ -4,7 +4,7 @@
  </div>
</template>
<script type="text/ecmascript-6">
<script>
  export default {
    props: {
      isLoading: {
@@ -39,9 +39,10 @@
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  .loadSty
    display:flex
    justify-content: center
    padding:20px 0
<style rel="stylesheet/scss" lang="scss" scoped>
  .loadSty{
    display:flex;
    justify-content: center;
    padding:20px 0;
  }
</style>

src/element-variables.scss

@@ -0,0 +1,8 @@
/* 改变主题色变量 */
$--color-primary: #2693ec !default;
/*#409EFF*/
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
@import "~element-ui/packages/theme-chalk/src/index";

src/libs/axios.js

@@ -1,25 +1,15 @@
import Vue from 'vue';
import axios from 'axios';
import qs from 'qs';
import http from './http';
let axiosUtil = axios.create({
    baseURL: http.platUrl,
    // timeout: 30000,
    paramsSerializer: function(params) {
        return qs.stringify(params, {arrayFormat: 'repeat'});
    }
});
let axiosUtil = axios.create();
axiosUtil.interceptors.request.use(function (config) {
    // 配置config
    config.headers.Accept = 'application/json';
    if (config.method === 'post') {
        // if (config.url !== http.sample.list && config.url !== http.manage.kit.save) {
            config.data = qs.stringify(config.data);
            // 处理后后台无需添加RequestBody
            config.headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';
        // };
      config.data = qs.stringify(config.data, {arrayFormat: 'repeat'});
      // 处理后后台无需添加RequestBody
      config.headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8';
    };
    return config;
});
@@ -50,34 +40,4 @@ axiosUtil.interceptors.response.use(function (response) {
    return Promise.reject(error);
});
var ret = {
  get: function(url, data, sh, eh) {
    axiosUtil({
      method: 'get',
      url: url,
      params: data
    }).then(res => {
      sh(res);
    }).catch(err => {
      if (eh) eh(err);
    });
  },
  post: function(url, data, sh, eh) {
    axiosUtil({
      method: 'post',
      url: url,
      data: data
    }).then(res => {
      sh(res);
    }).catch(err => {
      if (eh) eh(err);
    });
  }
};
export default {
  install () {
    Vue.prototype.$axios = ret;
    Vue.axios = ret;
  }
};
export default axiosUtil;

src/libs/http.js

@@ -7,8 +7,6 @@ const platUrl = process.env.BASE_API; // api/邮箱配置的地址
http.platUrl = platUrl;
http.kexiuUrl = kexiuUrl;
http.webbase = '/api/plat';
http.hQuery = {
    sign: {
      login: '/ajax/platform/login',
@@ -82,14 +80,17 @@ http.kxQurey = {
    resource: {
      query: '/ajax/resource/queryOne'
    },
    server: {
      query: '/ajax/ware/qo'
    },
    patent: {
      query: '/ajax/ppatent/qo',
      author: '/ajax/ppatent/authors'
    },
    professor: {
      query: '/ajax/professor/baseInfo/', // 专家基础信息
      query2: '/ajax/professor/info/',
      researchArea: '/ajax/researchArea/' // 研究方向
      query2: '/ajax/professor/info/'
    },
    org: {
      query: '/ajax/org/', // 企业基础信息

src/libs/queryBase.js

@@ -0,0 +1,90 @@
/**
 * Created by luyanan on 18/8/27.
 * professer, organization
 */
/* eslint-disable one-var */
import request from './request'
var objCache = {
  professor: {},
  organization: {}
}
var objHcache = {
  professor: {},
  organization: {}
}
var objCacheHandler = {
  professor: function(id) {
    var hc = objHcache.professor[id]
    request.getk('/ajax/professor/baseInfo/' + id, {
    }, function(data) {
      delete objHcache.professor[id]
      if (data.success) {
        objCache.professor[id] = data.data
        for (let i = 0; i < hc.length; ++i) {
          hc[i](true, data.data)
        }
      } else {
        for (let i = 0; i < hc.length; ++i) {
          hc[i](false)
        }
      }
    }, function() {
      for (let i = 0; i < hc.length; ++i) {
        hc[i](false)
      }
    })
  },
  organization: function(id) {
    var hc = objHcache.organization[id]
    request.getk('/ajax/org/' + id, {
    }, function(data) {
      delete objHcache.organization[id]
      if (data.success) {
        objCache.organization[id] = data.data
        for (let i = 0; i < hc.length; ++i) {
          hc[i](true, data.data)
        }
      } else {
        for (let i = 0; i < hc.length; ++i) {
          hc[i](false)
        }
      }
    }, function() {
      for (let i = 0; i < hc.length; ++i) {
        hc[i](false)
      }
    })
  }
}
var cacheModel = {
  getProfessor: function(id, handler) {
    var data = objCache.professor[id]
    if (data) {
      handler(true, data)
    } else {
      if (objHcache.professor[id]) {
        objHcache.professor[id].push(handler)
      } else {
        objHcache.professor[id] = []
        objHcache.professor[id].push(handler)
        objCacheHandler.professor(id)
      }
    }
  },
  getOrganization: function(id, handler) {
    var data = objCache.organization[id]
    if (data) {
      handler(true, data)
    } else {
      if (objHcache.organization[id]) {
        objHcache.organization[id].push(handler)
      } else {
        objHcache.organization[id] = []
        objHcache.organization[id].push(handler)
        objCacheHandler.organization(id)
      }
    }
  }
}
export default cacheModel

src/libs/queryDict.js

@@ -0,0 +1,50 @@
/**
 * Created by luyanan on 18/11/22.
 * 'QYGM'----'企业规模'
 * 'QYLX'----'企业类型'
 * 'XZQH'----'城市级联'
 */
/* eslint-disable one-var */
import request from '@/utils/request'
var cacheDict = {
    bool: [
      { code: '0', caption: '否', enabled: true },
      { code: '1', caption: '是', enabled: true }
    ]
  },
  handCache = {},
  uri = '/ajax/dict/items',
  setDict = function(code, items) {
    cacheDict[code] = items
    var hs = handCache[code]
    if (hs && hs.length) {
      hs.forEach(h => h(items))
      delete handCache[code]
    }
  },
  loadDict = function(code) {
    request.get(uri, {
      dict: code
    }, function(res) {
      setDict(code, res.data)
    })
  },
  applyDict = function(code, hander) {
    var dict = cacheDict[code]
    if (!dict) {
      var hs = handCache[code]
      if (!hs) {
        handCache[code] = hs = []
        loadDict(code)
      }
      hs.push(hander)
    } else {
      hander(dict)
    }
  },
  ret = {
    applyDict: applyDict
  }
export default ret

src/libs/request.js

@@ -0,0 +1,62 @@
import Vue from 'vue';
import axiosUtil from './axios';
let requestP = axiosUtil
let requestK = axiosUtil
requestP.defaults.baseURL = process.env.BASE_API
requestK.defaults.baseURL = process.env.KX_API
var ret = {
  getp: function(url, data, sh, eh) {
    requestP({
      method: 'get',
      url: url,
      params: data
    }).then(res => {
      sh(res);
    }).catch(err => {
      if (eh) eh(err);
    });
  },
  postp: function(url, data, sh, eh) {
    requestP({
      method: 'post',
      url: url,
      data: data
    }).then(res => {
      sh(res);
    }).catch(err => {
      if (eh) eh(err);
    });
  },
  getk: function(url, data, sh, eh) {
    requestK({
      method: 'get',
      url: url,
      params: data
    }).then(res => {
      sh(res);
    }).catch(err => {
      if (eh) eh(err);
    });
  },
  postk: function(url, data, sh, eh) {
    requestK({
      method: 'post',
      url: url,
      data: data
    }).then(res => {
      sh(res);
    }).catch(err => {
      if (eh) eh(err);
    });
  }
};
export default {
  install () {
    Vue.prototype.$axios = ret;
    Vue.axios = ret;
  }
};

src/main.js

@@ -1,11 +1,15 @@
import 'babel-polyfill';
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import './element-variables.scss';
import App from './App.vue';
import router from './router';
import axiosH from './libs/axios';
import request from './libs/request';
import '@/styles/index.scss'; // global css
import Loading from './components/global-component/loading';
import BackTop from './components/global-component/backtop';
@@ -19,7 +23,7 @@ import '../static/ueditor/ueditor.parse.js';
import Cookies from 'js-cookie';
Vue.use(axiosH);
Vue.use(request);
Vue.use(ElementUI);
Vue.use(Loading);
Vue.use(BackTop);

src/router/index.js

@@ -32,12 +32,12 @@ const constantRouterMap = [
    }]
  },
  {
    path: '',
    path: '/findServe',
    component: Layout,
    children: [
      {
        name: 'findServe',
        path: '/findServe',
        path: '',
        redirect: { name: 'serve_list' },
        component: () => import('@/views/frontviews/ViewFindServe/index'),
        meta: { title: '找服务' },
@@ -182,24 +182,24 @@ const constantRouterMap = [
        meta: { title: '入驻企业' },
        children: [
          {
            path: '/comp_list',
            path: 'comp_list',
            name: 'comp_list',
            component: () => import('@/views/frontviews/ViewRegCompany/list')
          },
          {
            path: 'comp_home',
            name: 'comp_home',
            redirect: { name: 'comp_show' },
            path: 'comp_show',
            name: 'comp_show',
            redirect: { name: 'comp_desc' },
            component: () => import('@/views/infoshow/compShow/index'),
            meta: { title: '企业名称' },
            children: [
              {
                path: '/comp_show',
                name: 'comp_show',
                path: 'comp_desc',
                name: 'comp_desc',
                component: () => import('@/views/infoshow/compShow/comp')
              },
              {
                path: '/comp_product',
                path: 'comp_product',
                name: 'comp_product',
                component: () => import('@/views/infoshow/compShow/product'),
                meta: { title: '产品名称' }

src/styles/base.scss

@@ -0,0 +1,36 @@
*{
  margin: 0;
  padding: 0;
}
html,body{
  width: 100%;
  height: 100%;
}
body *{
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑","黑体",Arial,sans-serif;
}
ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
a{
  text-decoration: none;
}
img{
  display:block;
}

src/styles/browse.scss

@@ -0,0 +1,226 @@
  .browse-main{
    .block-wrapper{
      display: flex;
      justify-content: space-between;
      color:$commonFont;
      .content-wrapper{
        width:100%;
        box-sizing:border-box;
        text-align:justify;
        .tag-item{
          margin: 10px 0;
          .el-tag{
            margin:5px;
            &.tag-line{
              display:inline-block;
              width:auto;
            }
          }
        }
        .rel-detail{
          font-size:15px;
          line-height:26px;
          .rel-item{
            margin-bottom:15px;
            &:last-child{
              margin-bottom:0;
            }
            .rel-tit{
              font-size: 16px;
              line-height:30px;
            }
          }
        }
      }
      .split-other{
        margin-bottom:20px;
      }
      .headcon-box{
        min-height:160px;
        background: #fff;
        position: relative;
        display:flex;
        align-items: center;
        &.detail-box{
          min-height:auto;
        }
        .headimg-box{
          position:absolute;
          top:50%;
          margin-top:-71px;
          width: 140px;
          height: 140px;
          overflow:hidden;
          border:1px solid #E5E5E5;
          border-radius:50%;
          background-size: cover;
        }
        .zoom-box{
          width: 362px;
        }
        .show-info{
          width:100%;
          &.reInfo-box{
            padding-left:170px;
          }
          .info-tit{
            font-size: 18px;
            color:$commonFont;
            margin-bottom:10px;
            &.info-tit-big{
              font-size: 22px;
              line-height: 32px;
            }
          }
          .info-tag{
            font-size: 16px;
            color:$commonFont;
            margin-bottom:10px;
          }
          .info-operate{
            display:flex;
            color:$secondaryFont;
            .addr{
              margin-right: 10px;
            }
          }
        }
        .goSpan{
          min-width: 180px;
        }
        &.org-head{
          .headimg-box{
            @include border-radius(4px);
            @include center-items(200px, 140px);
          }
          .reInfo-box{
            padding-left:230px;
          }
        }
        &.hdetail-box{
          align-items:flex-start;
          .reInfo-box{
            padding-left:15px;
            position: relative;
            min-height: 270px;
            padding-bottom: 24px;
            .zoom-operate{
              position:absolute;
              bottom:0;
            }
          }
        }
      }
      .wrapper-left{
        padding: 0;
        display: flex;
        flex-direction: column;
        .el-menu-demo{
         margin-bottom:20px;
        }
      }
      .wrapper-right{
        width: 280px;
        .content-wrapper{
          width: 100%;
          box-sizing: border-box;
          margin-bottom: 20px;
          .right-split{
            margin-top: 20px;
            padding-top: 10px;
            position: relative;
            &::before{
              position: absolute;
              right: 0;
              left: 0;
              top: 0;
              content:'';
              border-top:1px solid #dadada;
            }
            &:first-child{
              margin-top: 0;
              padding-top: 0;
              &::before{
                content: none;
              }
            }
          }
          .info-main{
            font-size: 24px;
            line-height: 34px;
            color:$mainFont;
          }
          .info-tip{
            margin-top:12px;
            font-size: 14px;
            line-height: 22px;
            color:$secondaryFont;
          }
        }
      }
      .left-main{
        width:800px;
        .el-tabs__nav-wrap.is-top{
          background-color: #ffffff;
          border:none;
          padding:10px 20px;
          &::after{
            content:none;
          }
        }
        .el-tabs__item{
          font-size:15px;
        }
        .el-tabs__header{
          margin-bottom:20px;
        }
        .inner-wrapper{
          margin-bottom:20px;
          &:last-child{
            margin-bottom:0;
          }
          .content-title{
            margin-bottom:2px;
          }
          .content{
            display: flex;
            font-size: 15px;
            line-height: 30px;
            font-weight:normal;
            word-break: break-all;
            .ulM{
              width:100%;
              .liM{
                padding-left:15px;
                margin-bottom:6px;
                &:last-child{
                  margin-bottom:0;
                }
                .liM-tit{
                  position:relative;
                  color:$mainFont;
                  small{
                    margin-left:10px;
                    color:$secondaryFont;
                  }
                  &::before{
                    content:'';
                    position: absolute;
                    left:-12px;
                    top:13px;
                    width:6px;
                    height:6px;
                    background:$mainColor;
                    border-radius: 50%;
                  }
                }
                .liM-con{
                  color:$commonFont;
                }
              }
            }
          }
        }
      }
    }
  }

src/styles/common.scss

@@ -0,0 +1,109 @@
body{
  background:#f4f6f8;
}
a{
  color: $mainFont;
}
.contain-wrapper{
  box-sizing: content-box;
  width: 1100px;
  padding: 0 10px;
  position:relative;
  margin:auto;
  clear:both;
  font-size:15px;
}
.minw-block{
  min-width: 1110px;
}
.block-wrapper{
  margin-bottom:20px;
}
.content-wrapper{
  box-sizing: border-box;
  padding:20px;
  background:#fff;
}
/*左右分栏*/
.main-content{
  display: flex;
  justify-content: space-between;
  .wrapper-left{
    width:800px;
  }
  .wrapper-right{
    width: 280px;
  }
}
.ad-wrapper{
  position: relative;
  display: block;
  margin-bottom: 10px;
  &:after{
    content:"广告";
    font-size:10px;
    color:#fff;
    background:rgba(0,0,0,0.3);
    position:absolute;
    padding:0 4px;
    right:0;
    bottom:0px;
  }
}
/*左右分栏*/
.content-title{
  display:flex;
  justify-content: space-between;
  font-size:16px;
  line-height:30px;
  font-weight: bold;
  color:$mainFont;
  margin-bottom:12px;
  position:relative;
  /*&.content-title-center
    display:block
    text-align: center
    font-size: 22px
    line-height: 40px*/
  .content-more{
    font-size:13px;
    cursor:pointer;
    color:$secondaryFont;
    position:absolute;
    right: 0;
    top:0;
  }
}
.el-button--primary{
  background-color: $mainColor;
  border-color: $mainColor;
}
/*认证标识相关*/
.authicon{
  display: inline-block;
  margin-left:4px;
  width:16px;
  height:16px;
  background-size: cover;
  &.icon-pro{
    @include bg-image('/static/comimg/porfile_icon_zhuanjia_nor.png');
  }
  &.icon-com{
    @include bg-image('/static/comimg/porfile_icon_qiye_hig.png');
  }
  &.icon-staff{
    @include bg-image('/static/comimg/porfile_icon_yuangong_hig.png');
  }
  &.icon-real{
    width:24px;
    @include bg-image('/static/comimg/porfile_icon_shimin_nor.png');
  }
}
  

src/styles/index.scss

@@ -0,0 +1,4 @@
@import './mixin.scss';
@import './base.scss';
@import './common.scss';
@import './listitem.scss';

src/styles/listitem.scss

@@ -0,0 +1,122 @@
/*home--cmp、expert*/
.block-container{
  display: flex;
  flex-wrap: wrap;
  margin-right:-10px;
  margin-bottom:-10px;
  .block-item{
    display:flex;
    width:346px;
    height:140px;
    box-sizing:border-box;
    padding:10px;
    margin-right:10px;
    margin-bottom:10px;
    border:1px solid $borderColor;
    .show-head{
      width:80px;
      height:80px;
      border:1px solid $borderColor;
      @include border-radius(50%);
      background-size:cover;
    }
    .show-info{
      flex:1 0 80px;
      padding-left:15px;
      .info-tit{
        font-size:18px;
        line-height:28px;
        color:$mainFont;
      }
      .info-tag{
        color:$secondaryFont;
        @include text-ellipsis();
        line-height:26px;
      }
      .info-desc{
        color:$secondaryFont;
        @include text-ellipsis-n(3,20px);
      }
    }
    &.org-item{
      height:200px;
      justify-content:center;
      text-align:center;
      .item-block-org{
        width:306px;
        overflow: hidden;
        .item-pic-org{
          @include center-items();
          background-size:cover;
          margin:auto;
        }
        .item-text-org{
          margin-top:6px;
          line-height:30px;
          .item-tit-org{
            display:flex;
            justify-content: center;
            align-items:center;
            span{
              display: inline-block;
              max-width: 100%;
              @include text-ellipsis();
            }
          }
          .item-tag-org{
            color:$secondaryFont;
            @include text-ellipsis();
            line-height:20px;
          }
        }
      }
    }
  }
}
/*home--cmp、expert*/
/*list--图文*/
.list-item{
  display:flex;
  align-items:center;
  background:#fff;
  padding:20px;
  @include border-1px();
  &:last-child{
    @include border-none();
  }
  .list-head{
    @include center-items(162px,108px);
  }
  .list-info{
    flex: 1 1 170px;
    padding-left:15px;
    .list-tit{
      color:$mainFont;
      font-size:18px;
      @include text-ellipsis-n(2,26px);
      &.list-topic{
        @include text-ellipsis();
        line-height:26px;
      }
    }
    .list-tag{
      margin-top:10px;
      color:$secondaryFont;
      font-size:14px;
      li{
        display:inline-block;
        margin-right:15px;
      }
    }
    .list-owner{
      color:$commonFont;
      line-height:30px;
    }
    .list-desc{
      @include text-ellipsis-n(2,20px);
      color:$commonFont;
    }
  }
}
/*list*/

src/styles/mixin.scss

@@ -0,0 +1,105 @@
@import '../element-variables';
$mainColor:$--color-primary;
/*mian-font*/
/*主要文字*/ $mainFont: #303133;
/*常规文字*/ $commonFont: #606266;
/*次要文字*/ $secondaryFont: #909399;
/*占位文字*/ $occupancyFont: #C0C4CC;
/*boder-color*/ $borderColor: #e4e7ed;
/*bg-about s*/
@mixin bg-blue-color() {
  background: $mainColor;
  color: #fff;
}
@mixin bg-blue-active-color($bg: #0c84f1){
  background: $bg;
}
@mixin bg-grey-color($bg: #373d41, $color: #c4c3c3){
  background: $bg;
  color: $color;
  a{
  	color: $color;
  }
  a:hover{
  	color: #fff;
  }
}
@mixin bg-image($url){
  background-image:url($url);
  background-position: center center;
  background-repeat: no-repeat;
  background-size:cover;
}
/*bg-about e*/
/*border-about s*/
@mixin border-radius($radius: 6px){
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  border-radius: $radius;
}
@mixin border-1px(){
  position:relative;
  &:after {
    display:block;
    position:absolute;
    left:0;;;
    bottom:0;
    width:100%;
    border-top:1px solid $borderColor;
    content:' ';
  }
}
@mixin border-none(){
  &:after{
    display:none;
  }
}
/*border-about e*/
/*text-about s*/
@mixin text-ellipsis(){
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@mixin text-ellipsis-n($n: 1,$lineH: 30px){
  display: -webkit-box;
  line-height: $lineH;
  max-height: $lineH*$n;
  white-space: normal !important;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: $n;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/*text-about e*/
/*justify align-items center*/
@mixin center-items($w: 180px,$h: 120px){
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid $borderColor;
  box-sizing:border-box;
  width: $w+2px;
  height: $h+2px;
  @include border-radius(4px);
  background-size:cover;
  background-position: center center;
  img{
    max-width: $w;
    max-height: 100%;
  }
}

src/views/frontviews/Dashboard.vue

@@ -241,8 +241,8 @@
<script>
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  import queryBase from '@/libs/queryBase';
  import Swiper from 'swiper';
  import 'swiper/dist/css/swiper.min.css';
@@ -277,12 +277,12 @@
    },
    created() {
       this.platId = Cookies.get('platId');
       this.getAboutUs(this.platId);
       this.queryPaltNews(this.platId);
       this.queryOrgTrends(this.platId);
       this.queryResidentOrgs(this.platId);
       this.queryPlatResources(this.platId);
       this.queryPlatWares(this.platId);
       this.getAboutUs();
       this.queryPaltNews();
       this.queryOrgTrends();
       this.queryResidentOrgs();
       this.queryPlatResources();
       this.queryPlatWares();
    },
    mounted() {
      this.latestCmpSwiper = new Swiper(this.$refs.latestCmp, {
@@ -342,9 +342,9 @@
      // pubDemand() {
      //   this.$refs.issueDemand.submitForm('ruleForm');
      // },
      queryPaltNews(id) {
        this.$axios.get(httpUrl.hQuery.platNews.nopq, {
          ownerId: id,
      queryPaltNews() {
        this.$axios.getp('/ajax/article/qa', {
          ownerId: this.platId,
          articleType: '3',
          status: 1,
          rows: 4
@@ -355,9 +355,9 @@
          };
        });
      },
      queryOrgTrends(id) {
        this.$axios.get(httpUrl.hQuery.orgTrends.nopq, {
          pid: id,
      queryOrgTrends() {
        this.$axios.getp('/ajax/article/publishInPlatform', {
          pid: this.platId,
          rows: 4
        }, (res) => {
          if (res.success) {
@@ -372,9 +372,9 @@
          };
        });
      },
      queryResidentOrgs(id) {
        this.$axios.get(httpUrl.hQuery.residentOrgs.nopq, {
          pid: id,
      queryResidentOrgs() {
        this.$axios.getp('/ajax/platform/info/residentOrgs', {
          pid: this.platId,
          rows: this.rows
        }, (res) => {
          if (res.success) {
@@ -383,9 +383,9 @@
          };
        });
      },
      queryPlatResources(id) {
        this.$axios.get(httpUrl.hQuery.queryResource, {
          pid: id,
      queryPlatResources() {
        this.$axios.getp('/ajax/platform/info/resources', {
          pid: this.platId,
          rows: this.rows
        }, (res) => {
          var _this = this;
@@ -400,9 +400,9 @@
          };
        });
      },
      queryPlatWares(id) {
        this.$axios.get(httpUrl.hQuery.queryWare, {
          pid: id,
      queryPlatWares() {
        this.$axios.getp('/ajax/platform/info/wares', {
          pid: this.platId,
          rows: this.rows
        }, (res) => {
          var _this = this;
@@ -417,6 +417,17 @@
          };
        });
      },
      getAboutUs() {
        this.$axios.getp('/ajax/platform/info', {
          id: this.platId
        }, (res) => {
          if (res.data) {
            if (res.data.descp) {
              this.aboutUs = res.data.descp;
            }
          }
        });
      },
      resourcesUrl(item) {
        return item.images ? util.ImageUrl('resource/' + item.images.split(',')[0]) : util.defaultSet.img.resource;
      },
@@ -441,17 +452,6 @@
      linkArticle(item) {
        return util.pageUrl('a', item);
      },
      getAboutUs(id) {
        this.$axios.get(httpUrl.hQuery.baseInfo.query, {
          id: id
        }, (res) => {
          if (res.data) {
            if (res.data.descp) {
              this.aboutUs = res.data.descp;
            }
          }
        });
      },
      formTime(item) {
        return util.commenTime(item.publishTime, true);
      },
@@ -486,20 +486,16 @@
          id = item.oid;
        };
        if (type === '1') {
          _this.$axios.get(httpUrl.kxQurey.professor.query + id, {
            }, (res) => {
            if (res.success) {
              let $info = res.data;
              item.ownerName = $info.name;
          queryBase.getProfessor(id, function(sc, value) {
            if (sc) {
              item.ownerName = value.name;
              _this.$forceUpdate();
            }
          });
        } else if (type === '2') {
          _this.$axios.get(httpUrl.kxQurey.org.query + id, {
            }, (res) => {
            if (res.success) {
              let $info = res.data;
              item.ownerName = $info.forShort ? $info.forShort : $info.name;
          queryBase.getOrganization(id, function(sc, value) {
            if (sc) {
              item.ownerName = value.forShort ? value.forShort : value.name;
              _this.$forceUpdate();
            }
          });
@@ -515,218 +511,280 @@
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  .home-main
    .block-wrapper
      display: flex
      justify-content: space-between
      color:$commonFont
      .wrapper-left
        padding: 0
        display: flex
        flex-direction: column
        justify-content: space-between
      .video-wrapper
        position: relative
        display: block
        .video-mask
          display: flex
          justify-content: center
          align-items: center
          width:100%
          height:100%
          position:absolute
          top:0
          background:rgba(0,0,0,.3)
          cursor:pointer
      .wrapper-right
        width: 280px
        height: 280px
        .info-main
          font-size: 24px
          line-height: 34px
          color:$mainFont
        .info-tip
          margin-top:12px
          font-size: 14px
          line-height: 22px
          color:$secondaryFont
      .plat-news
        width:800px
        height:210px
        .content-title
          .el-tabs__item
            font-size:16px
            font-weight:bold
          .el-tabs__item.is-active
            background:$mainColor
            color:#ffffff
          .el-tabs--top .el-tabs__item.is-top:nth-child(2)
<style rel="stylesheet/scss" lang="scss" scoped>
  .home-main{
    .block-wrapper{
      display: flex;
      justify-content: space-between;
      color:$commonFont;
      .wrapper-left{
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }
      .video-wrapper{
        position: relative;
        display: block;
        .video-mask{
          display: flex;
          justify-content: center;
          align-items: center;
          width:100%;
          height:100%;
          position:absolute;
          top:0;
          background:rgba(0,0,0,.3);
          cursor:pointer;
        }
      }
      .wrapper-right{
        width: 280px;
        height: 280px;
        .info-main{
          font-size: 24px;
          line-height: 34px;
          color:$mainFont;
        }
        .info-tip{
          margin-top:12px;
          font-size: 14px;
          line-height: 22px;
          color:$secondaryFont;
        }
      }
      .plat-news{
        width:800px;
        height:210px;
        .content-title{
          .el-tabs__item{
            font-size:16px;
            font-weight:bold;
          }
          .el-tabs__item.is-active{
            background:$mainColor;
            color:#ffffff;
          }
          .el-tabs--top .el-tabs__item.is-top:nth-child(2){
            padding-left:20px
          .el-tabs--top .el-tabs__item.is-top:last-child
            padding-right:20px
        .content
          display: flex
          font-size: 15px
          line-height: 30px
          font-weight:normal
          .pictures
            center-items()
          .maincon.maincon2
            flex:1 0 180px
            padding-left:15px
            height:120px
            overflow:hidden
            li>a
              display: flex
              justify-content: space-between
              line-height:30px
              .topic
                display:inline-block
                width:400px
                text-ellipsis()
              .time
                width: 100px
                text-align: right
                color:$secondaryFont
            &.maincon2
              width:100%
              padding:0
              .owner
                display:inline-block
                width:180px
                text-ellipsis()
      .about-us
        width:280px
        height:470px
        .content
          text-ellipsis-n(14,28px)
      .full-wrapper
        width:100%
        .swiper-container:hover
          }
          .el-tabs--top .el-tabs__item.is-top:last-child{
            padding-right:20px;
          }
        }
        .content{
          display: flex;
          font-size: 15px;
          line-height: 30px;
          font-weight:normal;
          .pictures{
            @include center-items();
          }
          .maincon.maincon2{
            flex:1 0 180px;
            padding-left:15px;
            height:120px;
            overflow:hidden;
            li>a{
              display: flex;
              justify-content: space-between;
              line-height:30px;
              .topic{
                display:inline-block;
                width:400px;
                @include text-ellipsis();
              }
              .time{
                width: 100px;
                text-align: right;
                color:$secondaryFont;
              }
            }
            &.maincon2{
              width:100%;
              padding:0;
              .owner{
                display:inline-block;
                width:180px;
                @include text-ellipsis();
              }
            }
          }
        }
      }
      .about-us{
        width:280px;
        height:470px;
        .content{
          @include text-ellipsis-n(14,28px);
        }
      }
      .full-wrapper{
        width:100%;
        .swiper-container:hover{
          .swiper-button-next,
          .swiper-button-prev
            display:block
          .swiper-button-prev{
            display:block;
          }
        }
        .swiper-button-next,
        .swiper-button-prev
          top: 0
          width: 50px
          height: 100%
          margin-top:0
          outline:none
          color:$mainColor
          font-size:40px
          line-height:240px
          text-align:center
          display:none
        .swiper-button-prev{
          top: 0;
          width: 50px;
          height: 100%;
          margin-top:0;
          outline:none;
          color:$mainColor;
          font-size:40px;
          line-height:240px;
          text-align:center;
          display:none;
        }
        .swiper-button-prev,
        .swiper-container-rtl .swiper-button-next
          background:linear-gradient(to right,rgba(178, 178, 178,.4) 0,rgba(0,0,0,0.0001) 100%)
          left:0
        .swiper-container-rtl .swiper-button-next{
          background:linear-gradient(to right,rgba(178, 178, 178,.4) 0,rgba(0,0,0,0.0001) 100%);
          left:0;
        }
        .swiper-button-next,
        .swiper-container-rtl .swiper-button-prev
          background:linear-gradient(to left,rgba(178, 178, 178,.4) 0,rgba(0,0,0,0.0001) 100%)
          right:0
        .content-title
          .content-search
            display:flex
            align-items:center
            .search-wrapper
              display:flex
              margin-left:15px
              .el-input__inner
                line-height:32px
                height:32px
                border-top-right-radius:0
                border-bottom-right-radius:0
              .el-button
                padding:8px 10px
                border-top-left-radius:0
                border-bottom-left-radius:0
        .swiper-container-rtl .swiper-button-prev{
          background:linear-gradient(to left,rgba(178, 178, 178,.4) 0,rgba(0,0,0,0.0001) 100%);
          right:0;
        }
        .content-title{
          .content-search{
            display:flex;
            align-items:center;
            .search-wrapper{
              display:flex;
              margin-left:15px;
              .el-input__inner{
                line-height:32px;
                height:32px;
                border-top-right-radius:0;
                border-bottom-right-radius:0;
              }
              .el-button{
                padding:8px 10px;
                border-top-left-radius:0;
                border-bottom-left-radius:0;
              }
            }
          }
          .content-more
          .item-more
            display:inline-block
            padding-left:20px
            color:$secondaryFont
        .item-block
          width:182px
          overflow:hidden
          .item-pic
            center-items()
          .item-text
            margin-top:6px
            line-height:30px
            &.item-left
              text-align:center
              text-ellipsis()
            .title
              color:$mainFont
              text-ellipsis()
            .desc
              margin-top:3px
              color:$commonFont
              text-ellipsis-n(2,20px)
              height:40px
            .owner
              margin-top:10px
              color:$secondaryFont
              text-ellipsis()
          .item-more{
            display:inline-block;
            padding-left:20px;
            color:$secondaryFont;
          }
        }
        .item-block{
          width:182px;
          overflow:hidden;
          .item-pic{
            @include center-items();
          }
          .item-text{
            margin-top:6px;
            line-height:30px;
            &.item-left{
              text-align:center;
              @include text-ellipsis();
            }
            .title{
              color:$mainFont;
              @include text-ellipsis();
            }
            .desc{
              margin-top:3px;
              color:$commonFont;
              @include text-ellipsis-n(2,20px);
              height:40px;
            }
            .owner{
              margin-top:10px;
              color:$secondaryFont;
              @include text-ellipsis();
            }
          }
        }
      }
    }
    .tip-show
      background:$mainColor
      text-align:center
      justify-content: space-between
      margin:-30px -20px 10px
      padding:20px
      color:#fff
      .tip-h1
        font-size:16px
        line-height:40px
      .tip-h2
        font-size:12px
        line-height:30px
    .tab-show
      margin:20px -20px 0
      .el-tabs__nav
        width:99.6%
        text-align: center
        .el-tabs__item
          font-size:16px
          width:50%
    .el-dialog
      overflow:hidden
      .el-dialog__footer
        text-align:center
        margin-top:-30px
        margin-bottom:20px
        .el-button
          width:200px
          margin-bottom:10px
        a
          color:$mainColor
    .videoShow
      .video-box
        width:100%
        height:530px
      .el-dialog
        background:rgba(0,0,0,.1)
        position:relative
        .el-dialog__header
          width:100%
          position:absolute
          box-sizing:border-box
          z-index:8
          .el-dialog__title
            color:#fff
          .el-dialog__headerbtn
            z-index:10
            .el-dialog__headerbtn .el-dialog__close
              color:#fff
        .el-dialog__body
          padding:0
    .tip-show{
      background:$mainColor;
      text-align:center;
      justify-content: space-between;
      margin:-30px -20px 10px;
      padding:20px;
      color:#fff;
      .tip-h1{
        font-size:16px;
        line-height:40px;
      }
      .tip-h2{
        font-size:12px;
        line-height:30px;
      }
    }
    .tab-show{
      margin:20px -20px 0;
      .el-tabs__nav{
        width:99.6%;
        text-align: center;
        .el-tabs__item{
          font-size:16px;
          width:50%;
        }
      }
    }
    .el-dialog{
      overflow:hidden;
      .el-dialog__footer{
        text-align:center;
        margin-top:-30px;
        margin-bottom:20px;
        .el-button{
          width:200px;
          margin-bottom:10px;
        }
        a{
          color:$mainColor;
        }
      }
    }
    .videoShow{
      .video-box{
        width:100%;
        height:530px;
      }
      .el-dialog{
        background:rgba(0,0,0,.1);
        position:relative;
        .el-dialog__header{
          width:100%;
          position:absolute;
          box-sizing:border-box;
          z-index:8;
          .el-dialog__title{
            color:#fff;
          }
          .el-dialog__headerbtn{
            z-index:10;
            .el-dialog__headerbtn .el-dialog__close{
              color:#fff;
            }
          }
        }
        .el-dialog__body{
          padding:0;
        }
      }
    }
    .login-box
      position:relative
      width:400px
      margin:auto
    .login-box{
      position:relative;
      width:400px;
      margin:auto;
    }
  }
</style>

src/views/frontviews/ViewAboutUs.vue

@@ -8,7 +8,6 @@
<script type="text/javascript">
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  export default {
@@ -20,12 +19,12 @@
    },
    created() {
       this.platId = Cookies.get('platId');
       this.getAboutUs(this.platId);
       this.getAboutUs();
    },
    methods: {
      getAboutUs(id) {
        this.$axios.get(httpUrl.hQuery.baseInfo.query, {
          id: id
      getAboutUs() {
        this.$axios.getp('/ajax/platform/info', {
          id: this.platId
        }, (res) => {
          this.aboutUs = util.getFormatCode(res.data.descp);
        });
@@ -34,26 +33,31 @@
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
  .aboutUs
    margin-bottom:20px
    padding:20px
    background: #fff
    color:$mainFont
    .faq-title
      font-size:16px
<style rel="stylesheet/scss" lang="scss" scoped>
  .aboutUs{
    margin-bottom:20px;
    padding:20px;
    background: #fff;
    color:$mainFont;
    .faq-title{
      font-size:16px;
    }
    .faq-content
      line-height: 26px
      margin:20px 10px 20px
      text-align: justify
      overflow: hidden
      .faq-sub-title
        margin-top:10px
        font-weight:600
    .faq-content{
      line-height: 26px;
      margin:20px 10px 20px;
      text-align: justify;
      overflow: hidden;
      .faq-sub-title{
        margin-top:10px;
        font-weight:600;
      }
      p
        margin-bottom: 10px
        text-indent: 2em
      p{
        margin-bottom: 10px;
        text-indent: 2em;
      }
    }
  }
</style>

src/views/frontviews/ViewFindResource/list.vue

@@ -36,7 +36,6 @@
<script>
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  import baseResource from '@/views/sub-component/BaseResource';
@@ -71,7 +70,7 @@
    },
    methods: {
      searchResource() {
        this.$axios.get(httpUrl.hQuery.queryResource, {
        this.$axios.getp('/ajax/platform/info/resources', {
          key: this.keyVal,
          pid: this.platId,
          shareId: this.dataO.bShareId,
@@ -131,36 +130,43 @@
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
  .tab-wrapper
    display:flex
    align-items:baseline
    padding:15px 20px
    color: $commonFont
    .tab-lable
      width:100px
    .tab-sort
      display:flex
      flex-wrap:wrap
      margin-right:-10px
      margin-bottom:-10px
      li
        display:inline-block
        margin-right:10px
        margin-bottom:10px
        padding:2px 10px
        border: 1px solid $borderColor
        border-radius(10px)
        cursor: pointer
        &.active
          color: $mainColor
<style rel="stylesheet/scss" lang="scss" scoped>
  .tab-wrapper{
    display:flex;
    align-items:baseline;
    padding:15px 20px;
    color: $commonFont;
    .tab-lable{
      width:100px;
    }
    .tab-sort{
      display:flex;
      flex-wrap:wrap;
      margin-right:-10px;
      margin-bottom:-10px;
      li{
        display:inline-block;
        margin-right:10px;
        margin-bottom:10px;
        padding:2px 10px;
        border: 1px solid $borderColor;
        @include border-radius(10px);
        cursor: pointer;
        &.active{
          color: $mainColor;
        }
      }
    }
  }
  .tab-contain
    margin-top:20px
    background:#fff
  .el-input-group__append
    background:$mainColor
    color:#fff
    padding:10px 40px
    border-color:$mainColor
  .tab-contain{
    margin-top:20px;
    background:#fff;
  }
  .el-input-group__append{
    background:$mainColor;
    color:#fff;
    padding:10px 40px;
    border-color:$mainColor;
  }
</style>

src/views/frontviews/ViewFindServe/list.vue

@@ -36,7 +36,6 @@
<script>
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  import baseService from '@/views/sub-component/BaseService';
@@ -71,7 +70,7 @@
    },
    methods: {
      searchService() {
        this.$axios.get(httpUrl.hQuery.queryWare, {
        this.$axios.getp('/ajax/platform/info/wares', {
            key: this.keyVal,
            pid: this.platId,
            shareId: this.dataO.bShareId,
@@ -128,36 +127,43 @@
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
  .tab-wrapper
    display:flex
    align-items:baseline
    padding:15px 20px
    color: $commonFont
    .tab-lable
      width:100px
    .tab-sort
      display:flex
      flex-wrap:wrap
      margin-right:-10px
      margin-bottom:-10px
      li
        display:inline-block
        margin-right:10px
        margin-bottom:10px
        padding:2px 10px
        border: 1px solid $borderColor
        border-radius(10px)
        cursor: pointer
        &.active
          color: $mainColor
<style rel="stylesheet/scss" lang="scss" scoped>
  .tab-wrapper{
    display:flex;
    align-items:baseline;
    padding:15px 20px;
    color: $commonFont;
    .tab-lable{
      width:100px;
    }
    .tab-sort{
      display:flex;
      flex-wrap:wrap;
      margin-right:-10px;
      margin-bottom:-10px;
      li{
        display:inline-block;
        margin-right:10px;
        margin-bottom:10px;
        padding:2px 10px;
        border: 1px solid $borderColor;
        @include border-radius(10px);
        cursor: pointer;
        &.active{
          color: $mainColor;
        }
      }
    }
  }
  .tab-contain
    margin-top:20px
    background:#fff
  .el-input-group__append
    background:$mainColor
    color:#fff
    padding:10px 40px
    border-color:$mainColor
  .tab-contain{
    margin-top:20px;
    background:#fff;
  }
  .el-input-group__append{
    background:$mainColor;
    color:#fff;
    padding:10px 40px;
    border-color:$mainColor;
  }
</style>

src/views/frontviews/platTrend/ViewPlatTrend.vue

@@ -34,7 +34,7 @@
  </div>
</template>
<script type="text/ecmascript-6">
<script>
	import platNews from './ViewPlatTrendNews';
  import platTrends from './ViewPlatTrendTrends';

src/views/infoshow/components/BeyondTo/index.vue

@@ -71,37 +71,45 @@
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoded>
.beyond-block
  text-align:center
  .show-head
    display: block
    width: 120px
    height: 120px
    border: 1px solid #E5E5E5
    margin: 0 auto 10px
    background-position: center
    background-size: cover
    border-radius: 50%
    &.orgimg-box
      center-items(200px, 120px)
  .show-info
    width:100%
    .info-tit
      color:$commonFont
      text-ellipsis()
      font-size: 18px
      line-height: 24px
    .info-tag
      color:$commonFont
      text-ellipsis()
      font-size: 16px
      line-height: 24px
    .info-desc
      color:$secondaryFont
      text-ellipsis()
      font-size: 15px
      line-height: 24px
  .goSpan
    margin-top:15px
<style rel="stylesheet/scss" lang="scss" scoped>
.beyond-block{
  text-align:center;
  .show-head{
    display: block;
    width: 120px;
    height: 120px;
    border: 1px solid #E5E5E5;
    margin: 0 auto 10px;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    &.orgimg-box{
      @include center-items(200px, 120px);
    }
  }
  .show-info{
    width:100%;
    .info-tit{
      color:$commonFont;
      @include text-ellipsis();
      font-size: 18px;
      line-height: 24px;
    }
    .info-tag{
      color:$commonFont;
      @include text-ellipsis();
      font-size: 16px;
      line-height: 24px;
    }
    .info-desc{
      color:$secondaryFont;
      @include text-ellipsis();
      font-size: 15px;
      line-height: 24px;
    }
  }
  .goSpan{
    margin-top:15px;
  }
}
</style>

src/views/infoshow/components/CollectCo/index.vue

@@ -20,19 +20,23 @@
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoded>
.collect-block
  margin-right:15px
  font-size: 15px
  line-height: 15px
  .icon-font
    display: inline-block
    width:16px
    height:16px
    margin-left:6px
    background-size: cover
    &.icon-shoucang
      bg-image('/static/comimg/g_all_icon_shoucang_nor.png')
    &.icon-yishoucang
      bg-image('/static/comimg/g_all_icon_shoucang_hig.png')
<style rel="stylesheet/scss" lang="scss" scoped>
.collect-block{
  margin-right:15px;
  font-size: 15px;
  line-height: 15px;
  .icon-font{
    display: inline-block;
    width:16px;
    height:16px;
    margin-left:6px;
    background-size: cover;
    &.icon-shoucang{
      @include bg-image('/static/comimg/g_all_icon_shoucang_nor.png');
    }
    &.icon-yishoucang{
      @include bg-image('/static/comimg/g_all_icon_shoucang_hig.png');
    }
  }
}
</style>

src/views/infoshow/components/PreviewMagnify/index.vue

@@ -130,79 +130,97 @@ export default {
};
</script>
<style rel="stylesheet/stylus" lang="stylus" scoped>
  .magnify
    position: relative
    .product-box
      position: relative
      .preview-box
        width: 360px
        height: 270px
        border: 1px solid #dededd
        position: relative
        display:flex
        justify-content: center
        align-items:center
        overflow:hidden
        .hover-box
          position: absolute
          display: none
          left: 0
          top: 0
          bottom:0
          width: 60px
          height: 60px
          background: url('./img/mask.png') repeat 0 0
          cursor: move
          user-select: none
        &:hover
          .hover-box
            display: block
        img
          max-width: 360px
          max-height: 270px
      .tb-thumb
        margin:10px 0 0
        overflow:hidden
        li
          background:none repeat scroll 0 0 transparent
          float:left
          margin:0 6px 0 0
          overflow:hidden
          .tb-pic
            border: 1px solid #E5E5E5
            a
              display:block
              height: 48px
              width: 66px
              display:flex
              justify-content: center
              align-items:center
            img
              max-height: 48px
              max-width: 66px
          &.tb-selected
            border: 3px solid $mainColor
            .tb-pic
              background-color: #FFFFFF
              border: medium none
              a
                height: 44px
                width: 58px
              img
                max-height: 44px
                max-width: 58px
    .zoom-box
      width: 300px
      height: 300px
      overflow: hidden
      position: absolute
      left: 370px
      border: 1px solid #dededd
      top: 0
      z-index: 700
      img
        position: absolute
        top: 0
        left: 0
<style rel="stylesheet/scss" lang="scss" scoped>
  .magnify{
    position: relative;
    .product-box{
      position: relative;
      .preview-box{
        width: 360px;
        height: 270px;
        border: 1px solid #dededd;
        position: relative;
        display:flex;
        justify-content: center;
        align-items:center;
        overflow:hidden;
        .hover-box{
          position: absolute;
          display: none;
          left: 0;
          top: 0;
          bottom:0;
          width: 60px;
          height: 60px;
          background: url('./img/mask.png') repeat 0 0;
          cursor: move;
          user-select: none;
        }
        &:hover{
          .hover-box{
            display: block;
          }
        }
        img{
          max-width: 360px;
          max-height: 270px;
        }
      }
      .tb-thumb{
        margin:10px 0 0;
        overflow:hidden;
        li{
          background:none repeat scroll 0 0 transparent;
          float:left;
          margin:0 6px 0 0;
          overflow:hidden;
          .tb-pic{
            border: 1px solid #E5E5E5;
            a{
              display:block;
              height: 48px;
              width: 66px;
              display:flex;
              justify-content: center;
              align-items:center;
            }
            img{
              max-height: 48px;
              max-width: 66px;
            }
          }
          &.tb-selected{
            border: 3px solid $mainColor;
            .tb-pic{
              background-color: #FFFFFF;
              border: medium none;
              a{
                height: 44px;
                width: 58px;
              }
              img{
                max-height: 44px;
                max-width: 58px;
              }
            }
          }
        }
      }
    }
    .zoom-box{
      width: 300px;
      height: 300px;
      overflow: hidden;
      position: absolute;
      left: 370px;
      border: 1px solid #dededd;
      top: 0;
      z-index: 700;
      img{
        position: absolute;
        top: 0;
        left: 0;
      }
    }
  }
</style>

src/views/infoshow/components/ShareOut/index.vue

@@ -45,38 +45,50 @@
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoded>
.share-block
  margin-right:15px
  .share-icon
    display:inline-block
    margin-left:6px
    &.icon-wechat
      width:18px
      height:14px
      bg-image("./img/icon_weixin_nor.png")
      &:hover
        bg-image("./img/icon_weixin_hig.png")
.popper-class
  background: rgba(0,0,0,.6)
  color:#ffffff
  .shareCode
    overflow:hidden
    display:flex
    align-items:center
    justify-content:space-between
    .qrcode
      float: left
      img,canvas
        border: 4px solid #ffffff
    .qrword
      width:180px
      font-size:14px
      line-height:28px
.el-popover
<style rel="stylesheet/scss" lang="scss" scoped>
.share-block{
  margin-right:15px;
  .share-icon{
    display:inline-block;
    margin-left:6px;
    &.icon-wechat{
      width:18px;
      height:14px;
      @include bg-image("./img/icon_weixin_nor.png");
      &:hover{
        @include bg-image("./img/icon_weixin_hig.png");
      }
    }
  }
}
.popper-class{
  background: rgba(0,0,0,.6);
  color:#ffffff;
  .shareCode{
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:space-between;
    .qrcode{
      float: left;
      img,canvas{
        border: 4px solid #ffffff;
      }
    }
    .qrword{
      width:180px;
      font-size:14px;
      line-height:28px;
    }
  }
}
.el-popover{
  border: none
.el-popper[x-placement^=bottom] .popper__arrow::after
}
.el-popper[x-placement^=bottom] .popper__arrow::after{
  border-bottom-color: rgba(0,0,0,.6)
.el-popper[x-placement^=top] .popper__arrow::after
}
.el-popper[x-placement^=top] .popper__arrow::after{
  border-top-color: rgba(0,0,0,.6)
}
</style>

src/views/infoshow/expertShow/index.vue

@@ -30,7 +30,7 @@
                  <span class="content-more" @click="activeName='second'">更多</span>
                </div>
                <div class="content">
                  <!-- <baseService v-if="platServices.length" v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService> -->
                  <baseService v-if="platServices.length" v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService>
                </div>
              </div>
            </div>
@@ -79,16 +79,24 @@
                  <span class="content-more" @click="activeName='third'">更多</span>
                </div>
                <div class="content">
                  <!-- <baseService v-if="platServices.length" v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService> -->
                  <baseResult v-if="platPatents.length" v-for="item in platPatents" :key="item.index" :itemSingle="item"></baseResult>
                </div>
              </div>
            </div>
          </el-tab-pane>
          <el-tab-pane label="服务" name="second">
            <!-- <baseService v-if="platServices.length" v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService> -->
          <el-tab-pane :label="'服务 ' + (serCount>0 ? serCount : '')" name="second">
            <div v-show="!ifDefault">
              <baseService v-if="platServices.length" v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService>
              <Loading v-show="loadingModalShow" :loadingComplete="loadingComplete" :isLoading="isLoading" v-on:upup="searchLower"></Loading>
            </div>
            <defaultPage v-show="ifDefault"></defaultPage>
          </el-tab-pane>
          <el-tab-pane label="专利" name="third">
            <!-- <baseService v-if="platServices.length" v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService> -->
          <el-tab-pane :label="'专利 ' + (patCount>0 ? patCount : '')" name="third">
            <div v-show="!ifDefault2">
              <baseResult v-if="platPatents.length" v-for="item in platPatents" :key="item.index" :itemSingle="item"></baseResult>
              <Loading v-show="loadingModalShow2" :loadingComplete="loadingComplete2" :isLoading="isLoading2" v-on:upup="searchLower2"></Loading>
            </div>
            <defaultPage v-show="ifDefault2"></defaultPage>
          </el-tab-pane>
          <el-tab-pane label="资料" name="fourth">
            <div class="content-wrapper">
@@ -178,13 +186,13 @@
</template>
<script>
  import '@/common/stylus/listitem.styl';
  import '@/common/stylus/browse.styl';
  import '@/styles/listitem.scss';
  import '@/styles/browse.scss';
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  import shareOut from '../components/ShareOut';
  import baseService from '@/views/sub-component/BaseService';
  import baseResult from '@/views/sub-component/baseResult';
  export default {
    data() {
@@ -194,21 +202,44 @@
        expertInfo: '',
        elurl: '',
        platServices: [],
        platPatents: []
        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: 10
      };
    },
    created() {
      this.expertId = util.urlParse('id');
      this.elurl = window.location.href;
      this.getExpertInfo();
      this.getExpertWave();
      this.getExpertPatent();
      this.queryPubCount();
    },
    components: {
      shareOut,
      baseService
      baseService,
      baseResult
    },
    methods: {
      getExpertInfo() {
        this.$axios.get(httpUrl.kxQurey.professor.query2 + this.expertId, {
        this.$axios.getk('/ajax/professor/info/' + this.expertId, {
        }, (res) => {
          if (res.success) {
            var $info = res.data;
@@ -229,6 +260,91 @@
          };
        });
      },
      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.modifyTime = $info[$info.length - 1].modifyTime;
              this.platServices = this.isFormSearch ? this.platServices.concat($info) : $info;
              this.isFormSearch = true;
            };
            var liLen = this.platServices.length;
            if ($info.length === 0 && liLen === 0) {
              this.ifDefault = true;
            };
            if ($info.length < this.rows) {
              this.loadingModalShow = false;
              this.isFormSearch = false;
            };
          };
        });
      },
      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;
              this.platPatents = this.isFormSearch2 ? this.platPatents.concat($info) : $info;
              this.isFormSearch2 = true;
            };
            var liLen = this.platPatents.length;
            if ($info.length === 0 && liLen === 0) {
              this.ifDefault2 = true;
            };
            if ($info.length < this.rows) {
              this.loadingModalShow2 = false;
              this.isFormSearch2 = false;
            };
          };
        });
      },
      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+';
          }
        });
      },
      headUrl(item) {
        return item.hasHeadImage ? util.ImageUrl(('head/' + item.id + '_l.jpg'), true) : util.defaultSet.img.expert;
      },

src/views/layout/Layout.vue

@@ -25,20 +25,24 @@
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
<style rel="stylesheet/scss" lang="scss" scoped>
  .Site
    display: flex
    min-height: 100vh
    flex-direction: column
    .Site-content
      flex: 1
      padding-top:20px
  .Site{
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    .Site-content{
      flex: 1;
      padding-top:20px;
      .router-fade-enter-active,
      .router-fade-leave-active
        transition: opacity 0.2s
      .router-fade-leave-active{
        transition: opacity 0.2s;
      }
      .router-fade-enter,
      .router-fade-leave-active
        opacity: 0
      .router-fade-leave-active{
        opacity: 0;
      }
    }
  }
</style>

src/views/layout/common.vue

@@ -26,20 +26,24 @@
  };
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
<style rel="stylesheet/scss" lang="scss" scoped>
  .Site
    display: flex
    min-height: 100vh
    flex-direction: column
    .Site-content
      flex: 1
      padding-top:20px
  .Site{
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    .Site-content{
      flex: 1;
      padding-top:20px;
      .router-fade-enter-active,
      .router-fade-leave-active
        transition: opacity 0.2s
      .router-fade-leave-active{
        transition: opacity 0.2s;
      }
      .router-fade-enter,
      .router-fade-leave-active
        opacity: 0
      .router-fade-leave-active{
        opacity: 0;
      }
    }
  }
</style>

src/views/layout/components/Navbar.vue

@@ -31,23 +31,27 @@ export default {
};
</script>
<style rel="stylesheet/stylus" lang="stylus" scoped>
.navbar
  height: 50px
  line-height: 50px
  padding: 0 12px
  border-radius: 0px !important
  background:none
  overflow:hidden
  margin-bottom:-20px
  .hamburger-container
    line-height: 58px
    height: 50px
    float: left
    padding: 0 10px
  .tag-breadcrumb
    float:left
    font-size: 14px
    line-height: 50px
    margin-left: -10px
<style rel="stylesheet/scss" lang="scss" scoped>
.navbar{
  height: 50px;
  line-height: 50px;
  padding: 0 12px;
  border-radius: 0px !important;
  background:none;
  overflow:hidden;
  margin-bottom:-20px;
  border-bottom: none;
  .hamburger-container{
    line-height: 58px;
    height: 50px;
    float: left;
    padding: 0 10px;
  }
  .tag-breadcrumb{
    float:left;
    font-size: 14px;
    line-height: 50px;
    margin-left: -10px;
  }
}
</style>

src/views/layout/components/TheFooter.vue

@@ -29,7 +29,7 @@
  </div>
</template>
<script type="text/javascript">
<script>
  // import Cookies from 'js-cookie';
  import util from '@/libs/util';
@@ -60,37 +60,47 @@
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
<style rel="stylesheet/scss" lang="scss" scoped>
  .footer
    bg-grey-color()
    padding:30px 0
    .footer-wrapper
      display: flex
      justify-content: space-between
      font-size:14px
      color:#888
      line-height: 32px
      .wrapper-left
        .logo-block
          margin:10px 0 20px
        .listlink
          margin-right:25px
        a
          color:#888
          cursor:pointer
    .copy-wrapper
      margin-top:20px
      font-size:12px
      color:#666
      a
        color:#666
      .beian
        em
          display: inline-block
          width:14px
          height:14px
          bg-image('./img/home_icon_beian.png')
          background-size: cover
  .footer{
    @include bg-grey-color();
    padding:30px 0;
    .footer-wrapper{
      display: flex;
      justify-content: space-between;
      font-size:14px;
      color:#888;
      line-height: 32px;
      .wrapper-left{
        .logo-block{
          margin:10px 0 20px;
        }
        .listlink{
          margin-right:25px;
        }
        a{
          color:#888;
          cursor:pointer;
        }
      }
    }
    .copy-wrapper{
      margin-top:20px;
      font-size:12px;
      color:#666;
      a{
        color:#666;
      }
      .beian{
        em{
          display: inline-block;
          width:14px;
          height:14px;
          @include bg-image('./img/home_icon_beian.png');
          background-size: cover;
        }
      }
    }
  }
</style>

src/views/layout/components/TheHeader.vue

@@ -53,7 +53,7 @@
  </div>
</template>
<script type="text/javascript">
<script>
  import util from '@/libs/util';
  import Cookies from 'js-cookie';
@@ -73,53 +73,68 @@
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  .el-menu-item,.el-menu--horizontal,.el-menu--horizontal .el-menu-item
    border:none
  .header
    .top-wrapper
      width: 100%
      height: 30px
      line-height: 30px
      bg-grey-color()
      .contain-wrapper
        font-size:14px
        overflow:hidden
        .marLeft
          display:inline-block
          margin-left:20px
          min-width:62px
          &.marLeft_1
            min-width:0
        .wrapper-left
          float:left
        .wrapper-right
          float:right
          .el-dropdown
            color:#c4c3c3
            margin-left:20px
          .el-menu-item,.el-submenu__title
            padding:0 10px
            margin-left:20px
            line-height:30px
            height:30px
    .banner-wrapper
      width:100%
      height:200px
      background-size:cover
      background-position:center
    .nav-wrapper
      bg-blue-color()
      ul
        display: flex
        li
          display: inline-block
          padding:0 25px
          height:40px
          line-height:40px
          text-align: center
          cursor: pointer
        .active
          bg-blue-active-color()
<style rel="stylesheet/scss" lang="scss" scoped>
  .el-menu-item,.el-menu--horizontal,.el-menu--horizontal .el-menu-item{
    border:none;
  }
  .header{
    .top-wrapper{
      width: 100%;
      height: 30px;
      line-height: 30px;
      @include bg-grey-color();
      .contain-wrapper{
        font-size:14px;
        overflow:hidden;
        .marLeft{
          display:inline-block;
          margin-left:20px;
          min-width:62px;
          &.marLeft_1{
            min-width:0;
          }
        }
        .wrapper-left{
          float:left;
        }
        .wrapper-right{
          float:right;
          .el-dropdown{
            color:#c4c3c3;
            margin-left:20px;
          }
          .el-menu-item,.el-submenu__title{
            padding:0 10px;
            margin-left:20px;
            line-height:30px;
            height:30px;
          }
        }
      }
    }
    .banner-wrapper{
      width:100%;
      height:200px;
      background-size:cover;
      background-position:center;
    }
    .nav-wrapper{
      @include bg-blue-color();
      ul{
        display: flex;
        li{
          display: inline-block;
          padding:0 25px;
          height:40px;
          line-height:40px;
          text-align: center;
          cursor: pointer;
        }
        .active{
          @include bg-blue-active-color();
        }
      }
    }
  }
</style>

src/views/sub-component/BaseAgency.vue

@@ -20,7 +20,6 @@
<script>
  import Cookies from 'js-cookie';
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  export default {
    props: {
@@ -45,12 +44,12 @@
    },
    created() {
       this.platId = Cookies.get('platId');
       this.ResidentOrgs(this.platId);
       this.ResidentOrgs();
    },
    methods: {
      ResidentOrgs(id) {
        this.$axios.get(httpUrl.hQuery.buttedOrgs.nopq, {
          pid: id,
        this.$axios.getp('/ajax/platform/info/buttedOrgs', {
          pid: this.platId,
          oid: this.dataO.bOid,
          time: this.dataO.bTime,
          rows: this.num ? this.num : this.rows

src/views/sub-component/BaseArticle.vue

@@ -16,7 +16,6 @@
<script type="text/ecmascript-6">
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  export default {
    props: {
@@ -45,7 +44,7 @@
    methods: {
      leaveWordTotal(item) {
        var _this = this;
         this.$axios.get(httpUrl.kxQurey.leaveMsg.count, {
         this.$axios.getk('/ajax/leavemsg/count', {
          sid: item.articleId,
          stype: 1
        }, (res) => {
@@ -58,7 +57,7 @@
      ownerByond(item) {
        var _this = this;
        if (item.articleType) {
          this.$axios.get(httpUrl.kxQurey.org.query + item.ownerId, {
          this.$axios.getk('/ajax/org/' + item.ownerId, {
            }, (res) => {
            if (res.success) {
              let $info = res.data;

src/views/sub-component/BaseCompany.vue

@@ -20,7 +20,6 @@
<script>
  import Cookies from 'js-cookie';
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  export default {
    props: {
@@ -45,12 +44,12 @@
    },
    created() {
       this.platId = Cookies.get('platId');
       this.ResidentOrgs(this.platId);
       this.ResidentOrgs();
    },
    methods: {
      ResidentOrgs(id) {
        this.$axios.get(httpUrl.hQuery.buttedOrgs.nopq, {
          pid: id,
      ResidentOrgs() {
        this.$axios.getp('/ajax/platform/info/buttedOrgs', {
          pid: this.platId,
          oid: this.dataO.bOid,
          time: this.dataO.bTime,
          rows: this.num ? this.num : this.rows

src/views/sub-component/BaseExpert.vue

@@ -17,7 +17,6 @@
<script>
  import Cookies from 'js-cookie';
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  export default {
    props: {
@@ -42,12 +41,12 @@
    },
    created() {
       this.platId = Cookies.get('platId');
       this.buttedProfessors(this.platId);
       this.buttedProfessors();
    },
    methods: {
      buttedProfessors(id) {
        this.$axios.get(httpUrl.hQuery.buttedProfessors.nopq, {
          pid: id,
        this.$axios.getp('/ajax/platform/info/buttedProfessors', {
          pid: this.platId,
          uid: this.dataO.bUid,
          time: this.dataO.bTime,
          rows: this.num ? this.num : this.rows
@@ -76,7 +75,7 @@
                    $data[i].offt = '';
                  }
                }
                this.$axios.get('/ajax/researchArea/' + $data[i].id, {}, (res) => {
                this.$axios.getk('/ajax/researchArea/' + $data[i].id, {}, (res) => {
                  const $info = res.data;
                  let arr = [];
                  for (let j = 0; j < $info.length; j++) {

src/views/sub-component/BaseResource.vue

@@ -11,7 +11,6 @@
<script>
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  export default {
    props: {
@@ -33,7 +32,7 @@
    methods: {
      ownerByond(item) {
        if (item.otype === '1') {
          this.$axios.get(httpUrl.kxQurey.professor.query + item.oid, {
          this.$axios.getk('/ajax/professor/baseInfo/' + item.oid, {
            }, (res) => {
            if (res.success) {
              let $info = res.data;
@@ -42,7 +41,7 @@
            }
          });
        } else if (item.otype === '2') {
          this.$axios.get(httpUrl.kxQurey.org.query + item.oid, {
          this.$axios.getk('/ajax/org/' + item.oid, {
            }, (res) => {
            if (res.success) {
              let $info = res.data;

src/views/sub-component/BaseResult.vue

@@ -11,7 +11,6 @@
<script>
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  export default {
    props: {
@@ -33,7 +32,7 @@
    methods: {
      ownerByond(item) {
        if (item.otype === '1') {
          this.$axios.get(httpUrl.kxQurey.professor.query + item.oid, {
          this.$axios.getk('/ajax/professor/baseInfo/' + item.oid, {
            }, (res) => {
            if (res.success) {
              let $info = res.data;
@@ -42,7 +41,7 @@
            }
          });
        } else if (item.otype === '2') {
          this.$axios.get(httpUrl.kxQurey.org.query + item.oid, {
          this.$axios.getk('/ajax/org/' + item.oid, {
            }, (res) => {
            if (res.success) {
              let $info = res.data;

src/views/sub-component/BaseService.vue

@@ -11,7 +11,6 @@
<script type="text/ecmascript-6">
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  export default {
    props: {
@@ -33,7 +32,7 @@
    methods: {
      ownerByond(item) {
        if (item.otype === '1') {
          this.$axios.get(httpUrl.kxQurey.professor.query + item.oid, {
          this.$axios.getk('/ajax/professor/baseInfo/' + item.oid, {
            }, (res) => {
            if (res.success) {
              let $info = res.data;
@@ -42,7 +41,7 @@
            }
          });
        } else if (item.otype === '2') {
          this.$axios.get(httpUrl.kxQurey.org.query + item.oid, {
          this.$axios.getk('/ajax/org/' + item.oid, {
            }, (res) => {
            if (res.success) {
              let $info = res.data;

src/views/sub-component/DynamicTags.vue

@@ -28,7 +28,7 @@
  </el-form-item>
</template>
<script type="text/ecmascript-6">
<script>
  import httpUrl from '@/libs/http';
  export default {