element-variables.css

.eslintignore

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

.eslintrc.js

@@ -1,36 +0,0 @@
// https://eslint.org/docs/user-guide/configuring
module.exports = {
  root: true,
  parserOptions: {
    parser: 'babel-eslint'
  },
  env: {
    browser: true,
  },
  extends: [
    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
    'plugin:vue/essential', 
    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
    'standard'
  ],
  // required to lint *.vue files
  plugins: [
    'vue'
  ],
  // add your custom rules here
  rules: {
    // allow paren-less arrow functions
    'arrow-parens': 0,
    // allow async-await
    'generator-star-spacing': 0,
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
    'no-tabs': 0,
    'semi': 0,
    'indent': 0,
    'space-before-function-paren': 0,
    'eol-last': ['error', 'always'],
  }
}

build/webpack.base.conf.js

@@ -8,23 +8,17 @@ function resolve (dir) {
  return path.join(__dirname, '..', dir)
}
const createLintingRule = () => ({
  test: /\.(js|vue)$/,
  loader: 'eslint-loader',
  enforce: 'pre',
  include: [resolve('src'), resolve('test')],
  options: {
    formatter: require('eslint-friendly-formatter'),
    emitWarning: !config.dev.showEslintErrorsInOverlay
  }
})
module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: utils.entries(),
  // {
  //   app: ['babel-polyfill', './src/main.js']
  // },
  externals: {
    'vue': 'Vue',
    'vue-router': 'VueRouter',
    'vuex':'Vuex'
  },
  output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
@@ -36,13 +30,11 @@ module.exports = {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      // '&': resolve('static')
      '@': resolve('src')
    }
  },
  module: {
    rules: [
      ...(config.dev.useEslint ? [createLintingRule()] : []),
      {
        test: /\.vue$/,
        loader: 'vue-loader',

build/webpack.dev.conf.js

@@ -9,10 +9,6 @@ const baseWebpackConfig = require('./webpack.base.conf')
const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
const portfinder = require('portfinder')
function resolve (dir) {
  return path.join(__dirname, '..', dir)
}
const HOST = process.env.HOST
const PORT = process.env.PORT && Number(process.env.PORT)

build/webpack.prod.conf.js

@@ -11,11 +11,7 @@ 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']
const env = require('../config/prod.env')
const webpackConfig = merge(baseWebpackConfig, {
  module: {

config/index.js

@@ -16,16 +16,16 @@ module.exports = {
    // Various Dev Server settings
    host: 'localhost', // can be overwritten by process.env.HOST
    port: 8042, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
    port: 8041, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
    autoOpenBrowser: false,
    errorOverlay: true,
    notifyOnErrors: true,
    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
    poll: 1200, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
    // Use Eslint Loader?
    // If true, your code will be linted during bundling and
    // linting errors and warnings will be shown in the console.
    useEslint: true,
    useEslint: false,
    // If true, eslint errors and warnings will also be shown in the error overlay
    // in the browser.
    showEslintErrorsInOverlay: false,
@@ -46,8 +46,6 @@ module.exports = {
  },
  build: {
    prodEnv: require('./prod.env'),
    testEnv: require('./test.env'),
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),
@@ -62,7 +60,7 @@ module.exports = {
    productionSourceMap: false,
    // https://webpack.js.org/configuration/devtool/#production
    devtool: 'inline-source-map',
    devtool: '#source-map',
    // Gzip off by default as many popular static hosts such as
    // Surge or Netlify already gzip all static assets for you.

config/test.env.js

@@ -1,7 +0,0 @@
'use strict'
module.exports = {
  NODE_ENV: '"testing"',
  ENV_CONFIG:'"test"',
  BASE_API: '"http://192.168.3.233:2080"',
  KX_API: '"http://192.168.3.233"'
}

package.json

@@ -6,14 +6,15 @@
  "private": true,
  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "linux-dev": "node --max_old_space_size=8192 ./node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node --max_old_space_size=4096 build/build.js"
  },
  "dependencies": {
    "axios": "^0.17.1",
    "babel-polyfill": "^6.26.0",
    "element-ui": "^2.3.8",
    "js-cookie": "^2.2.0",
    "element-theme": "^2.0.1",
    "element-ui": "^2.4.11",
    "qrcodejs2": "0.0.2",
    "swiper": "^4.2.6",
    "vue": "^2.5.2",
@@ -22,33 +23,23 @@
  },
  "devDependencies": {
    "autoprefixer": "^7.2.3",
    "babel-core": "^6.26.0",
    "babel-eslint": "^8.2.1",
    "babel-core": "^6.22.1",
    "babel-helper-vue-jsx-merge-props": "^2.0.3",
    "babel-loader": "^7.1.2",
    "babel-loader": "^7.1.1",
    "babel-plugin-syntax-jsx": "^6.18.0",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-plugin-transform-vue-jsx": "^3.5.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-stage-2": "^6.24.1",
    "babel-preset-env": "^1.3.2",
    "babel-preset-stage-2": "^6.22.0",
    "chalk": "^2.3.0",
    "copy-webpack-plugin": "^4.2.3",
    "css-loader": "^0.28.11",
    "cross-env": "^5.2.0",
    "eslint": "^4.13.1",
    "eslint-config-standard": "^10.2.1",
    "eslint-friendly-formatter": "^3.0.0",
    "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",
    "eventsource-polyfill": "^0.9.6",
    "css-loader": "^0.28.11",
    "element-theme-chalk": "git+https://github.com/ElementUI/theme-chalk.git",
    "extract-text-webpack-plugin": "^3.0.2",
    "file-loader": "^1.1.5",
    "friendly-errors-webpack-plugin": "^1.6.1",
    "glob": "^7.1.3",
    "html-webpack-plugin": "^2.30.1",
    "node-notifier": "^5.1.2",
    "node-sass": "^4.7.2",
@@ -73,8 +64,7 @@
    "webpack": "^3.10.0",
    "webpack-bundle-analyzer": "^2.9.1",
    "webpack-dev-server": "^2.9.7",
    "webpack-merge": "^4.1.1",
    "glob": "^7.1.3"
    "webpack-merge": "^4.1.1"
  },
  "engines": {
    "node": ">= 4.0.0",

src/components/BeyondTo/index.vue

@@ -57,7 +57,7 @@
          if (sc) {
            that.ownerInfo.name = value.name
            that.ownerInfo.title = value.title
            if (that.ownerInfo.hasHeadImage) {
            if (value.hasHeadImage) {
              that.ownerInfo.img = ImageUrl(('head/' + value.id + '_l.jpg'), true)
            } else {
              that.ownerInfo.img = defaultSet.img.expert
@@ -71,7 +71,7 @@
          if (sc) {
            that.ownerInfo.name = value.name
            that.ownerInfo.insdutry = value.insdutry.replace(/,/, ' | ')
            if (that.ownerInfo.hasOrgLogo) {
            if (value.hasOrgLogo) {
              that.ownerInfo.img = ImageUrl(('org/' + value.id + '.jpg'), true)
            } else {
              that.ownerInfo.img = defaultSet.img.org
@@ -110,45 +110,57 @@
    }
  };
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
<style 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;
  }
}
.beyond-block .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%;
}
.beyond-block .show-head.orgimg-box{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e4e7ed;
  box-sizing:border-box;
  width: 202px;
  height: 122px;
  border-radius: 4px;
  background-size:cover;
  background-position: center center;
}
.beyond-block .show-head.orgimg-box img{
  max-width: 200px;
  max-height: 100%;
}
.beyond-block .show-info{
  width:100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 24px;
  color:#606266;
}
.beyond-block .show-info .info-tit{
  font-size: 18px;
}
.beyond-block .show-info .info-tag{
  font-size: 16px;
}
.beyond-block .show-info .info-desc{
  color:#909399;
  font-size: 15px;
}
.beyond-block .goSpan{
  margin-top:15px;
}
</style>

src/components/Breadcrumb/index.vue

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

src/components/CollectCo/index.vue

@@ -36,25 +36,25 @@
      }
    },
    created() {
      this.ifcollectionAbout()
      if (localStorage.getItem('userid')) {
        this.ifcollectionAbout()
      }
    },
    methods: {
      /* 判断是否收藏/关注 */
      ifcollectionAbout() {
        var that = this;
        loginStatus(function() {
          that.$axios.get('/ajax/collection/check', {
            oid: that.watchOptions.oid,
            type: that.watchOptions.type
          }, function(res) {
            if (res.success) {
              if (res.data) {
                that.ifCollect = true
              } else {
                that.ifCollect = false
              }
        that.$axios.get('/ajax/collection/check', {
          oid: that.watchOptions.oid,
          type: that.watchOptions.type
        }, function(res) {
          if (res.success) {
            if (res.data) {
              that.ifCollect = true
            } else {
              that.ifCollect = false
            }
          })
          }
        })
      },
      /* 收藏/关注 */
@@ -100,24 +100,24 @@
    }
  };
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
<style 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;
    cursor: pointer;
    &.icon-shoucang{
      @include bg-image('./img/icon_shoucang_nor.png');
    }
    &.icon-yishoucang{
      @include bg-image('./img/icon_shoucang_hig.png');
    }
  }
}
.collect-block .icon-font{
  display: inline-block;
  width:16px;
  height:16px;
  margin-left:6px;
  cursor: pointer;
  background-size:cover;
}
.collect-block .icon-font.icon-shoucang{
  background-image:url('./img/icon_shoucang_nor.png');
}
.collect-block .icon-font.icon-yishoucang{
  background-image:url('./img/icon_shoucang_hig.png');
}
</style>

src/components/DynamicTags/index.vue

@@ -159,32 +159,30 @@ export default {
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
<style 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;
      }
    }
  .tag-show .tag-item{
    float:left;
  }
  .tag-show .tag-item .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;
  }
  .tag-block .tag-item .el-tag {
    margin-left: 0;
    white-space: normal;
  }
  .button-new-tag{
    width:100%;

src/components/PreviewMagnify/index.vue

@@ -24,21 +24,9 @@
</template>
<script>
function offset(el) {
  let top = el.offsetTop;
  let left = el.offsetLeft;
  while (el.offsetParent) {
    el = el.offsetParent;
    top += el.offsetTop;
    left += el.offsetLeft;
  }
  return {
    left: left,
    top: top
  };
}
import { offset } from '@/libs/util';
export default {
  name: 'magnify',
  props: {
    previewImg: {
      type: Array
@@ -115,7 +103,7 @@ export default {
      this.bimgHeight = this.oBigImg.offsetHeight;
      this.bWidth = this.zoomBox.offsetWidth;
      this.bHeight = this.zoomBox.offsetHeight;
      this.scroll = document.documentElement.scrollTop || document.body.scrollTop;
      this.scroll = Window.document.documentElement.scrollTop || Window.document.body.scrollTop;
    },
    selectFun(index) {
      this.selectIndex = index;
@@ -124,97 +112,98 @@ export default {
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
<style 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;
      }
    }
  }
  .magnify .product-box{
    position: relative;
  }
  .product-box .preview-box{
    width: 360px;
    height: 270px;
    border: 1px solid #dededd;
    position: relative;
    display:flex;
    justify-content: center;
    align-items:center;
    overflow:hidden;
  }
  .preview-box .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;
  }
  .preview-box .hover-box:hover .hover-box{
      display: block;
  }
  .preview-box .hover-box img{
    max-width: 360px;
    max-height: 270px;
  }
  .product-box .tb-thumb{
    margin:10px 0 0;
    overflow:hidden;
  }
  .tb-thumb li{
    background:none repeat scroll 0 0 transparent;
    float:left;
    margin:0 6px 0 0;
    overflow:hidden;
  }
  .tb-thumb li .tb-pic{
    border: 1px solid #E5E5E5;
  }
  .tb-thumb li .tb-pic a{
    display:block;
    height: 48px;
    width: 66px;
    display:flex;
    justify-content: center;
    align-items:center;
  }
  .tb-thumb li .tb-pic img{
    max-height: 48px;
    max-width: 66px;
  }
  .tb-thumb li.tb-selected{
    border: 3px solid #2693ec;
  }
  .tb-thumb li.tb-selected .tb-pic{
    background-color: #FFFFFF;
    border: medium none;
  }
  .tb-thumb li.tb-selected .tb-pic a{
    height: 44px;
    width: 58px;
  }
  .tb-thumb li.tb-selected .tb-pic img{
    max-height: 44px;
    max-width: 58px;
  }
  .magnify .zoom-box{
    width: 300px;
    height: 300px;
    overflow: hidden;
    position: absolute;
    left: 370px;
    border: 1px solid #dededd;
    top: 0;
    z-index: 700;
  }
  .zoom-box img{
    position: absolute;
    top: 0;
    left: 0;
  }
</style>

src/components/ShareOut/index.vue

@@ -54,43 +54,46 @@
    }
  };
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
<style 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");
      }
    }
  }
}
.share-block .share-icon{
  display:inline-block;
  margin-left:6px;
}
.share-block .share-icon.icon-wechat{
  width:18px;
  height:14px;
  background-image:url('./img/icon_weixin_nor.png');
  background-size:cover;
}
.share-block .share-icon.icon-wechat:hover{
  background-image:url('./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;
    }
  }
}
.popper-class .shareCode{
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.popper-class .shareCode .qrcode{
  float: left;
}
.popper-class .shareCode .qrcode img,canvas{
  border: 4px solid #ffffff;
}
.popper-class .shareCode .qrword{
  width:180px;
  font-size:14px;
  line-height:28px;
}
.el-popover{
  border: none
}

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

@@ -51,7 +51,7 @@
    }
  };
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
<style scoped>
  .scroll{
    position: fixed;
    right: 10px;
@@ -61,20 +61,20 @@
    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;
    }
  }
  .scroll div{
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 35px;
    background-color: rgba(0,0,0,.2);
    color: #fff;
  }
  .scroll div:hover{
    background-color: rgba(0,0,0,.5);
  }
  .scroll div.showScroll{
    display: block;
  }
</style>

src/components/global-component/citypick/CityPick.vue

@@ -1,117 +0,0 @@
<template>
  <el-col :span="24" class="cityParent">
    <el-form-item label="所在城市" prop="province">
      <el-col :span="24">
        <el-select :style="{width: widthselect + 'px'}"
         v-model="selectProv"
         placeholder="请选择所在省/直辖市"
         v-on:change="getProv($event)">
          <el-option
            v-for="item in provs"
            :label="item.text"
            :value="item.value"
            :key="item.index">
          </el-option>
        </el-select>
      </el-col>
    </el-form-item>
    <el-form-item prop="city" class="cityChild"
      :style="{left: labelW ? (widthselect + labelW + 6 + 'px'):(widthselect + 6 + 'px')}">
      <el-select :style="{width: widthselect + 'px', marginLeft: labelW ? (-labelW +'px'): 0}"
         v-model="selectCity"
         placeholder="请选择所在城市"
         v-on:change="getCity($event)">
        <el-option
          v-for="item in citys"
          :label="item.text"
          :value="item.value"
          :key="item.index">
        </el-option>
      </el-select>
    </el-form-item>
  </el-col>
</template>
<script type="text/ecmascript-6">
  import cityData from './city-data.js';
  export default {
    props: {
      prov: {
        type: String
      },
      city: {
        type: String
      },
      widthselect: {
        type: Number
      },
      labelW: {
        type: Number
      }
    },
    data() {
      return {
        provs: cityData,
        citys: [],
        selectProv: '',
        selectCity: ''
      };
    },
    watch: {
      prov() {
        if (this.prov) {
          this.selectProv = this.prov;
        };
      },
      city() {
        if (this.city) {
          if (this.citys.length === 0) {
            for (var val of this.provs) {
              if (this.prov === val.value) {
                this.citys = val.children;
              };
            };
          }
          this.selectCity = this.city;
        };
      }
    },
    methods: { // 二级联动选择地区
      getProv(prov) {
        let tempCity = [];
        this.citys = [];
        this.selectCity = '';
        for (var val of this.provs) {
          if (prov === val.value) {
            tempCity = val.children;
          };
        };
        this.citys = tempCity;
        this.$emit('selectProv', this.selectProv);
      },
      getCity(city) {
        console.log(city);
        console.log(this.selectCity);
        this.$emit('selectProv', this.selectCity);
      },
      resetProvCity() {
        this.selectProv = '';
        this.selectCity = '';
        this.$emit('selectProv', this.selectProv);
        this.$emit('selectCity', this.selectCity);
      }
    }
  };
</script>
<style lang="scss" scoped>
  .cityParent{
    position:relative;
    z-index:2;
    .cityChild{
      position:absolute;
      bottom:0;
      z-index:1;
    }
  }
</style>

src/components/global-component/citypick/city-data.js

@@ -1,1307 +0,0 @@
var cityData = [{
	value: '110000',
	text: '北京市',
	children: [{
		value: '110101',
		text: '北京市'
	}]
}, {
	value: '120000',
	text: '天津市',
	children: [{
		value: '120101',
		text: '天津市'
	}]
}, {
	value: '130000',
	text: '河北省',
	children: [{
		value: '130100',
		text: '石家庄市'
	}, {
		value: '130200',
		text: '唐山市'
	}, {
		value: '130300',
		text: '秦皇岛市'
	}, {
		value: '130400',
		text: '邯郸市'
	}, {
		value: '130500',
		text: '邢台市'
	}, {
		value: '130600',
		text: '保定市'
	}, {
		value: '130700',
		text: '张家口市'
	}, {
		value: '130800',
		text: '承德市'
	}, {
		value: '130900',
		text: '沧州市'
	}, {
		value: '131000',
		text: '廊坊市'
	}, {
		value: '131100',
		text: '衡水市'
	}]
}, {
	value: '140000',
	text: '山西省',
	children: [{
		value: '140100',
		text: '太原市'
	}, {
		value: '140200',
		text: '大同市'
	}, {
		value: '140300',
		text: '阳泉市'
	}, {
		value: '140400',
		text: '长治市'
	}, {
		value: '140500',
		text: '晋城市'
	}, {
		value: '140600',
		text: '朔州市'
	}, {
		value: '140700',
		text: '晋中市'
	}, {
		value: '140800',
		text: '运城市'
	}, {
		value: '140900',
		text: '忻州市'
	}, {
		value: '141000',
		text: '临汾市'
	}, {
		value: '141100',
		text: '吕梁市'
	}]
}, {
	value: '150000',
	text: '内蒙古自治区',
	children: [{
		value: '150100',
		text: '呼和浩特市'
	}, {
		value: '150200',
		text: '包头市'
	}, {
		value: '150300',
		text: '乌海市'
	}, {
		value: '150400',
		text: '赤峰市'
	}, {
		value: '150500',
		text: '通辽市'
	}, {
		value: '150600',
		text: '鄂尔多斯市'
	}, {
		value: '150700',
		text: '呼伦贝尔市'
	}, {
		value: '150800',
		text: '巴彦淖尔市'
	}, {
		value: '150900',
		text: '乌兰察布市'
	}, {
		value: '152200',
		text: '兴安盟'
	}, {
		value: '152500',
		text: '锡林郭勒盟'
	}, {
		value: '152900',
		text: '阿拉善盟'
	}]
}, {
	value: '210000',
	text: '辽宁省',
	children: [{
		value: '210100',
		text: '沈阳市'
	}, {
		value: '210200',
		text: '大连市'
	}, {
		value: '210300',
		text: '鞍山市'
	}, {
		value: '210400',
		text: '抚顺市'
	}, {
		value: '210500',
		text: '本溪市'
	}, {
		value: '210600',
		text: '丹东市'
	}, {
		value: '210700',
		text: '锦州市'
	}, {
		value: '210800',
		text: '营口市'
	}, {
		value: '210900',
		text: '阜新市'
	}, {
		value: '211000',
		text: '辽阳市'
	}, {
		value: '211100',
		text: '盘锦市'
	}, {
		value: '211200',
		text: '铁岭市'
	}, {
		value: '211300',
		text: '朝阳市'
	}, {
		value: '211400',
		text: '葫芦岛市'
	}]
}, {
	value: '220000',
	text: '吉林省',
	children: [{
		value: '220100',
		text: '长春市'
	}, {
		value: '220200',
		text: '吉林市'
	}, {
		value: '220300',
		text: '四平市'
	}, {
		value: '220400',
		text: '辽源市'
	}, {
		value: '220500',
		text: '通化市'
	}, {
		value: '220600',
		text: '白山市'
	}, {
		value: '220700',
		text: '松原市'
	}, {
		value: '220800',
		text: '白城市'
	}, {
		value: '222400',
		text: '延边朝鲜族自治州'
	}]
}, {
	value: '230000',
	text: '黑龙江省',
	children: [{
		value: '230100',
		text: '哈尔滨市'
	}, {
		value: '230200',
		text: '齐齐哈尔市'
	}, {
		value: '230300',
		text: '鸡西市'
	}, {
		value: '230400',
		text: '鹤岗市'
	}, {
		value: '230500',
		text: '双鸭山市'
	}, {
		value: '230600',
		text: '大庆市'
	}, {
		value: '230700',
		text: '伊春市'
	}, {
		value: '230800',
		text: '佳木斯市'
	}, {
		value: '230900',
		text: '七台河市'
	}, {
		value: '231000',
		text: '牡丹江市'
	}, {
		value: '231100',
		text: '黑河市'
	}, {
		value: '231200',
		text: '绥化市'
	}, {
		value: '232700',
		text: '大兴安岭地区'
	}]
}, {
	value: '310000',
	text: '上海市',
	children: [{
		value: '310101',
		text: '上海市'
	}]
}, {
	value: '320000',
	text: '江苏省',
	children: [{
		value: '320100',
		text: '南京市'
	}, {
		value: '320200',
		text: '无锡市'
	}, {
		value: '320300',
		text: '徐州市'
	}, {
		value: '320400',
		text: '常州市'
	}, {
		value: '320500',
		text: '苏州市'
	}, {
		value: '320600',
		text: '南通市'
	}, {
		value: '320700',
		text: '连云港市'
	}, {
		value: '320800',
		text: '淮安市'
	}, {
		value: '320900',
		text: '盐城市'
	}, {
		value: '321000',
		text: '扬州市'
	}, {
		value: '321100',
		text: '镇江市'
	}, {
		value: '321200',
		text: '泰州市'
	}, {
		value: '321300',
		text: '宿迁市'
	}]
}, {
	value: '330000',
	text: '浙江省',
	children: [{
		value: '330100',
		text: '杭州市'
	}, {
		value: '330200',
		text: '宁波市'
	}, {
		value: '330300',
		text: '温州市'
	}, {
		value: '330400',
		text: '嘉兴市'
	}, {
		value: '330500',
		text: '湖州市'
	}, {
		value: '330600',
		text: '绍兴市'
	}, {
		value: '330700',
		text: '金华市'
	}, {
		value: '330800',
		text: '衢州市'
	}, {
		value: '330900',
		text: '舟山市'
	}, {
		value: '331000',
		text: '台州市'
	}, {
		value: '331100',
		text: '丽水市'
	}]
}, {
	value: '340000',
	text: '安徽省',
	children: [{
		value: '340100',
		text: '合肥市'
	}, {
		value: '340200',
		text: '芜湖市'
	}, {
		value: '340300',
		text: '蚌埠市'
	}, {
		value: '340400',
		text: '淮南市'
	}, {
		value: '340500',
		text: '马鞍山市'
	}, {
		value: '340600',
		text: '淮北市'
	}, {
		value: '340700',
		text: '铜陵市'
	}, {
		value: '340800',
		text: '安庆市'
	}, {
		value: '341000',
		text: '黄山市'
	}, {
		value: '341100',
		text: '滁州市'
	}, {
		value: '341200',
		text: '阜阳市'
	}, {
		value: '341300',
		text: '宿州市'
	}, {
		value: '341500',
		text: '六安市'
	}, {
		value: '341600',
		text: '亳州市'
	}, {
		value: '341700',
		text: '池州市'
	}, {
		value: '341800',
		text: '宣城市'
	}]
}, {
	value: '350000',
	text: '福建省',
	children: [{
		value: '350100',
		text: '福州市'
	}, {
		value: '350200',
		text: '厦门市'
	}, {
		value: '350300',
		text: '莆田市'
	}, {
		value: '350400',
		text: '三明市'
	}, {
		value: '350500',
		text: '泉州市'
	}, {
		value: '350600',
		text: '漳州市'
	}, {
		value: '350700',
		text: '南平市'
	}, {
		value: '350800',
		text: '龙岩市'
	}, {
		value: '350900',
		text: '宁德市'
	}]
}, {
	value: '360000',
	text: '江西省',
	children: [{
		value: '360100',
		text: '南昌市'
	}, {
		value: '360200',
		text: '景德镇市'
	}, {
		value: '360300',
		text: '萍乡市'
	}, {
		value: '360400',
		text: '九江市'
	}, {
		value: '360500',
		text: '新余市'
	}, {
		value: '360600',
		text: '鹰潭市'
	}, {
		value: '360700',
		text: '赣州市'
	}, {
		value: '360800',
		text: '吉安市'
	}, {
		value: '360900',
		text: '宜春市'
	}, {
		value: '361000',
		text: '抚州市'
	}, {
		value: '361100',
		text: '上饶市'
	}]
}, {
	value: '370000',
	text: '山东省',
	children: [{
		value: '370100',
		text: '济南市'
	}, {
		value: '370200',
		text: '青岛市'
	}, {
		value: '370300',
		text: '淄博市'
	}, {
		value: '370400',
		text: '枣庄市'
	}, {
		value: '370500',
		text: '东营市'
	}, {
		value: '370600',
		text: '烟台市'
	}, {
		value: '370700',
		text: '潍坊市'
	}, {
		value: '370800',
		text: '济宁市'
	}, {
		value: '370900',
		text: '泰安市'
	}, {
		value: '371000',
		text: '威海市'
	}, {
		value: '371100',
		text: '日照市'
	}, {
		value: '371200',
		text: '莱芜市'
	}, {
		value: '371300',
		text: '临沂市'
	}, {
		value: '371400',
		text: '德州市'
	}, {
		value: '371500',
		text: '聊城市'
	}, {
		value: '371600',
		text: '滨州市'
	}, {
		value: '371700',
		text: '菏泽市'
	}]
}, {
	value: '410000',
	text: '河南省',
	children: [{
		value: '410100',
		text: '郑州市'
	}, {
		value: '410200',
		text: '开封市'
	}, {
		value: '410300',
		text: '洛阳市'
	}, {
		value: '410400',
		text: '平顶山市'
	}, {
		value: '410500',
		text: '安阳市'
	}, {
		value: '410600',
		text: '鹤壁市'
	}, {
		value: '410700',
		text: '新乡市'
	}, {
		value: '410800',
		text: '焦作市'
	}, {
		value: '410881',
		text: '济源市'
	}, {
		value: '410900',
		text: '濮阳市'
	}, {
		value: '411000',
		text: '许昌市'
	}, {
		value: '411100',
		text: '漯河市'
	}, {
		value: '411200',
		text: '三门峡市'
	}, {
		value: '411300',
		text: '南阳市'
	}, {
		value: '411400',
		text: '商丘市'
	}, {
		value: '411500',
		text: '信阳市'
	}, {
		value: '411600',
		text: '周口市'
	}, {
		value: '411700',
		text: '驻马店市'
	}]
}, {
	value: '420000',
	text: '湖北省',
	children: [{
		value: '420100',
		text: '武汉市'
	}, {
		value: '420200',
		text: '黄石市'
	}, {
		value: '420300',
		text: '十堰市'
	}, {
		value: '420500',
		text: '宜昌市'
	}, {
		value: '420600',
		text: '襄阳市'
	}, {
		value: '420700',
		text: '鄂州市'
	}, {
		value: '420800',
		text: '荆门市'
	}, {
		value: '420900',
		text: '孝感市'
	}, {
		value: '421000',
		text: '荆州市'
	}, {
		value: '421100',
		text: '黄冈市'
	}, {
		value: '421200',
		text: '咸宁市'
	}, {
		value: '421300',
		text: '随州市'
	}, {
		value: '422800',
		text: '恩施土家族苗族自治州'
	}, {
		value: '429004',
		text: '仙桃市'
	}, {
		value: '429005',
		text: '潜江市'
	}, {
		value: '429006',
		text: '天门市'
	}, {
		value: '429021',
		text: '神农架林区'
	}]
}, {
	value: '430000',
	text: '湖南省',
	children: [{
		value: '430100',
		text: '长沙市'
	}, {
		value: '430200',
		text: '株洲市'
	}, {
		value: '430300',
		text: '湘潭市'
	}, {
		value: '430400',
		text: '衡阳市'
	}, {
		value: '430500',
		text: '邵阳市'
	}, {
		value: '430600',
		text: '岳阳市'
	}, {
		value: '430700',
		text: '常德市'
	}, {
		value: '430800',
		text: '张家界市'
	}, {
		value: '430900',
		text: '益阳市'
	}, {
		value: '431000',
		text: '郴州市'
	}, {
		value: '431100',
		text: '永州市'
	}, {
		value: '431200',
		text: '怀化市'
	}, {
		value: '431300',
		text: '娄底市'
	}, {
		value: '433100',
		text: '湘西土家族苗族自治州'
	}]
}, {
	value: '440000',
	text: '广东省',
	children: [{
		value: '440100',
		text: '广州市'
	}, {
		value: '440200',
		text: '韶关市'
	}, {
		value: '440300',
		text: '深圳市'
	}, {
		value: '440400',
		text: '珠海市'
	}, {
		value: '440500',
		text: '汕头市'
	}, {
		value: '440600',
		text: '佛山市'
	}, {
		value: '440700',
		text: '江门市'
	}, {
		value: '440800',
		text: '湛江市'
	}, {
		value: '440900',
		text: '茂名市'
	}, {
		value: '441200',
		text: '肇庆市'
	}, {
		value: '441300',
		text: '惠州市'
	}, {
		value: '441400',
		text: '梅州市'
	}, {
		value: '441500',
		text: '汕尾市'
	}, {
		value: '441600',
		text: '河源市'
	}, {
		value: '441700',
		text: '阳江市'
	}, {
		value: '441800',
		text: '清远市'
	}, {
		value: '441900',
		text: '东莞市'
	}, {
		value: '442000',
		text: '中山市'
	}, {
		value: '445100',
		text: '潮州市'
	}, {
		value: '445200',
		text: '揭阳市'
	}, {
		value: '445300',
		text: '云浮市'
	}]
}, {
	value: '450000',
	text: '广西壮族自治区 ',
	children: [{
		value: '450100',
		text: '南宁市'
	}, {
		value: '450200',
		text: '柳州市'
	}, {
		value: '450300',
		text: '桂林市'
	}, {
		value: '450400',
		text: '梧州市'
	}, {
		value: '450500',
		text: '北海市'
	}, {
		value: '450600',
		text: '防城港市'
	}, {
		value: '450700',
		text: '钦州市'
	}, {
		value: '450800',
		text: '贵港市'
	}, {
		value: '450900',
		text: '玉林市'
	}, {
		value: '451000',
		text: '百色市'
	}, {
		value: '451100',
		text: '贺州市'
	}, {
		value: '451200',
		text: '河池市'
	}, {
		value: '451300',
		text: '来宾市'
	}, {
		value: '451400',
		text: '崇左市'
	}]
}, {
	value: '460000',
	text: '海南省',
	children: [{
		value: '460100',
		text: '海口市'
	}, {
		value: '460200',
		text: '三亚市'
	}, {
		value: '469001',
		text: '五指山市'
	}, {
		value: '469002',
		text: '琼海市'
	}, {
		value: '469003',
		text: '儋州市'
	}, {
		value: '469005',
		text: '文昌市'
	}, {
		value: '469006',
		text: '万宁市'
	}, {
		value: '469007',
		text: '东方市'
	}, {
		value: '469025',
		text: '定安县'
	}, {
		value: '469026',
		text: '屯昌县'
	}, {
		value: '469027',
		text: '澄迈县'
	}, {
		value: '469028',
		text: '临高县'
	}, {
		value: '469030',
		text: '白沙黎族自治县'
	}, {
		value: '469031',
		text: '昌江黎族自治县'
	}, {
		value: '469033',
		text: '乐东黎族自治县'
	}, {
		value: '469034',
		text: '陵水黎族自治县'
	}, {
		value: '469035',
		text: '保亭黎族苗族自治县'
	}, {
		value: '469036',
		text: '琼中黎族苗族自治县'
	}, {
		value: '469037',
		text: '西沙群岛'
	}, {
		value: '469038',
		text: '南沙群岛'
	}, {
		value: '469039',
		text: '中沙群岛的岛礁及其海域'
	}]
}, {
	value: '500000',
	text: '重庆市',
	children: [{
		value: '500101',
		text: '重庆市'
	}]
}, {
	value: '510000',
	text: '四川省',
	children: [{
		value: '510100',
		text: '成都市'
	}, {
		value: '510300',
		text: '自贡市'
	}, {
		value: '510400',
		text: '攀枝花市'
	}, {
		value: '510500',
		text: '泸州市'
	}, {
		value: '510600',
		text: '德阳市'
	}, {
		value: '510700',
		text: '绵阳市'
	}, {
		value: '510800',
		text: '广元市'
	}, {
		value: '510900',
		text: '遂宁市'
	}, {
		value: '511000',
		text: '内江市'
	}, {
		value: '511100',
		text: '乐山市'
	}, {
		value: '511300',
		text: '南充市'
	}, {
		value: '511400',
		text: '眉山市'
	}, {
		value: '511500',
		text: '宜宾市'
	}, {
		value: '511600',
		text: '广安市'
	}, {
		value: '511700',
		text: '达州市'
	}, {
		value: '511800',
		text: '雅安市'
	}, {
		value: '511900',
		text: '巴中市'
	}, {
		value: '512000',
		text: '资阳市'
	}, {
		value: '513200',
		text: '阿坝藏族羌族自治州'
	}, {
		value: '513300',
		text: '甘孜藏族自治州'
	}, {
		value: '513400',
		text: '凉山彝族自治州'
	}]
}, {
	value: '520000',
	text: '贵州省',
	children: [{
		value: '520100',
		text: '贵阳市'
	}, {
		value: '520200',
		text: '六盘水市'
	}, {
		value: '520300',
		text: '遵义市'
	}, {
		value: '520400',
		text: '安顺市'
	}, {
		value: '522200',
		text: '铜仁地区'
	}, {
		value: '522300',
		text: '黔西南布依族苗族自治州'
	}, {
		value: '522400',
		text: '毕节地区'
	}, {
		value: '522600',
		text: '黔东南苗族侗族自治州'
	}, {
		value: '522700',
		text: '黔南布依族苗族自治州'
	}]
}, {
	value: '530000',
	text: '云南省',
	children: [{
		value: '530100',
		text: '昆明市'
	}, {
		value: '530300',
		text: '曲靖市'
	}, {
		value: '530400',
		text: '玉溪市'
	}, {
		value: '530500',
		text: '保山市'
	}, {
		value: '530600',
		text: '昭通市'
	}, {
		value: '530700',
		text: '丽江市'
	}, {
		value: '530800',
		text: '普洱市'
	}, {
		value: '530900',
		text: '临沧市'
	}, {
		value: '532300',
		text: '楚雄彝族自治州'
	}, {
		value: '532500',
		text: '红河哈尼族彝族自治州'
	}, {
		value: '532600',
		text: '文山壮族苗族自治州'
	}, {
		value: '532800',
		text: '西双版纳傣族自治州'
	}, {
		value: '532900',
		text: '大理白族自治州'
	}, {
		value: '533100',
		text: '德宏傣族景颇族自治州'
	}, {
		value: '533300',
		text: '怒江傈僳族自治州'
	}, {
		value: '533400',
		text: '迪庆藏族自治州'
	}]
}, {
	value: '540000',
	text: '西藏自治区',
	children: [{
		value: '540100',
		text: '拉萨市'
	}, {
		value: '542100',
		text: '昌都地区'
	}, {
		value: '542200',
		text: '山南地区'
	}, {
		value: '542300',
		text: '日喀则地区'
	}, {
		value: '542400',
		text: '那曲地区'
	}, {
		value: '542500',
		text: '阿里地区'
	}, {
		value: '542600',
		text: '林芝地区'
	}]
}, {
	value: '610000',
	text: '陕西省',
	children: [{
		value: '610100',
		text: '西安市'
	}, {
		value: '610200',
		text: '铜川市'
	}, {
		value: '610300',
		text: '宝鸡市'
	}, {
		value: '610400',
		text: '咸阳市'
	}, {
		value: '610500',
		text: '渭南市'
	}, {
		value: '610600',
		text: '延安市'
	}, {
		value: '610700',
		text: '汉中市'
	}, {
		value: '610800',
		text: '榆林市'
	}, {
		value: '610900',
		text: '安康市'
	}, {
		value: '611000',
		text: '商洛市'
	}]
}, {
	value: '620000',
	text: '甘肃省',
	children: [{
		value: '620100',
		text: '兰州市'
	}, {
		value: '620200',
		text: '嘉峪关市'
	}, {
		value: '620300',
		text: '金昌市'
	}, {
		value: '620400',
		text: '白银市'
	}, {
		value: '620500',
		text: '天水市'
	}, {
		value: '620600',
		text: '武威市'
	}, {
		value: '620700',
		text: '张掖市'
	}, {
		value: '620800',
		text: '平凉市'
	}, {
		value: '620900',
		text: '酒泉市'
	}, {
		value: '621000',
		text: '庆阳市'
	}, {
		value: '621100',
		text: '定西市'
	}, {
		value: '621200',
		text: '陇南市'
	}, {
		value: '622900',
		text: '临夏回族自治州'
	}, {
		value: '623000',
		text: '甘南藏族自治州'
	}]
}, {
	value: '630000',
	text: '青海省',
	children: [{
		value: '630100',
		text: '西宁市'
	}, {
		value: '632100',
		text: '海东地区'
	}, {
		value: '632200',
		text: '海北藏族自治州'
	}, {
		value: '632300',
		text: '黄南藏族自治州'
	}, {
		value: '632500',
		text: '海南藏族自治州'
	}, {
		value: '632600',
		text: '果洛藏族自治州'
	}, {
		value: '632700',
		text: '玉树藏族自治州'
	}, {
		value: '632800',
		text: '海西蒙古族藏族自治州'
	}]
}, {
	value: '640000',
	text: '宁夏回族自治区',
	children: [{
		value: '640100',
		text: '银川市'
	}, {
		value: '640200',
		text: '石嘴山市'
	}, {
		value: '640300',
		text: '吴忠市'
	}, {
		value: '640400',
		text: '固原市'
	}, {
		value: '640500',
		text: '中卫市'
	}]
}, {
	value: '650000',
	text: '新疆维吾尔自治区 ',
	children: [{
		value: '650100',
		text: '乌鲁木齐市'
	}, {
		value: '650200',
		text: '克拉玛依市'
	}, {
		value: '652100',
		text: '吐鲁番地区'
	}, {
		value: '652200',
		text: '哈密地区'
	}, {
		value: '652300',
		text: '昌吉回族自治州'
	}, {
		value: '652700',
		text: '博尔塔拉蒙古自治州'
	}, {
		value: '652800',
		text: '巴音郭楞蒙古自治州'
	}, {
		value: '652900',
		text: '阿克苏地区'
	}, {
		value: '653000',
		text: '克孜勒苏柯尔克孜自治州'
	}, {
		value: '653100',
		text: '喀什地区'
	}, {
		value: '653200',
		text: '和田地区'
	}, {
		value: '654000',
		text: '伊犁哈萨克自治州'
	}, {
		value: '654200',
		text: '塔城地区'
	}, {
		value: '654300',
		text: '阿勒泰地区'
	}, {
		value: '659001',
		text: '石河子市'
	}, {
		value: '659002',
		text: '阿拉尔市'
	}, {
		value: '659003',
		text: '图木舒克市'
	}, {
		value: '659004',
		text: '五家渠市'
	}]
}, {
	value: '710000',
	text: '台湾省',
	children: [{
		value: '710100',
		text: '台北市'
	}, {
		value: '710200',
		text: '高雄市'
	}, {
		value: '710300',
		text: '台南市'
	}, {
		value: '710400',
		text: '台中市'
	}, {
		value: '710500',
		text: '金门县'
	}, {
		value: '710600',
		text: '南投县'
	}, {
		value: '710700',
		text: '基隆市'
	}, {
		value: '710800',
		text: '新竹市'
	}, {
		value: '710900',
		text: '嘉义市'
	}, {
		value: '711100',
		text: '新北市'
	}, {
		value: '711200',
		text: '宜兰县'
	}, {
		value: '711300',
		text: '新竹县'
	}, {
		value: '711400',
		text: '桃园县'
	}, {
		value: '711500',
		text: '苗栗县'
	}, {
		value: '711700',
		text: '彰化县'
	}, {
		value: '711900',
		text: '嘉义县'
	}, {
		value: '712100',
		text: '云林县'
	}, {
		value: '712400',
		text: '屏东县'
	}, {
		value: '712500',
		text: '台东县'
	}, {
		value: '712600',
		text: '花莲县'
	}, {
		value: '712700',
		text: '澎湖县'
	}]
}, {
	value: '810000',
	text: '香港特别行政区',
	children: [{
		value: '810100',
		text: '香港特别行政区'
	}]
}, {
	value: '820000',
	text: '澳门特别行政区',
	children: [{
		value: '820100',
		text: '澳门特别行政区'
	}]
}, {
	value: '990000',
	text: '海外',
	children: [{
		value: '990100',
		text: '海外'
	}]
}];
export default cityData;

src/components/global-component/citypick/index.js

@@ -1,13 +0,0 @@
import city from './CityPick';
// Loading.install = function(Vue) {
//   Vue.component(Loading.name, MyLoading);
// };
const CityPick = {
  install: function(Vue) {
    Vue.component('CityPick', city);
  }
};
// 导出组件
export default CityPick;

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

@@ -37,7 +37,7 @@ export default {
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
<style scoped>
  .ev_content{
    width: 100%;
    height: 42%;

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

@@ -39,7 +39,7 @@
  };
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
<style scoped>
  .loadSty{
    display:flex;
    justify-content: center;

src/components/subTemplate/BaseCompany.vue

@@ -1,18 +1,19 @@
<template>
  <a class="list-item" :href="'company.html?id='+itemSingle.id" target="_blank">
  <a class="list-item" :href="'company.html?id='+companyInfo.id" target="_blank">
    <div class="list-head">
      <div class="item-pic-org">
        <img :src="item.logo">
        <img :src="companyInfo.logo">
      </div>
    </div>
    <div class="list-info">
      <div class="list-tit list-topic">{{itemSingle.name}}</div>
      <div class="list-desc" v-if="item.industry">{{item.industry.join(' | ')}}</div>
      <div class="list-tit list-topic">{{companyInfo.name}}</div>
      <div class="list-desc" v-if="objKey">{{objKey.join(' | ')}}</div>
    </div>
  </a>
</template>
<script>
  import { defaultSet } from '@/libs/util';
  export default {
    props: {
      itemSingle: {
@@ -20,11 +21,42 @@
      }
    },
    data() {
      return {};
      return {
        objKey: []
      }
    },
    computed: {
      companyInfo() {
        var obj = this.itemSingle
        if (obj.compId) {
          obj.id = obj.compId
        }
        if (!obj.logo) {
          obj.logo = defaultSet.img.org
        }
        return obj
      }
    },
    created() {
      this.getCompanyKeyword()
    },
    methods: {
      getCompanyKeyword() {
        var that = this
        that.$axios.get('/ajax/company/qo/keyword', {
          id: that.companyInfo.id,
          type: 1
        }, function(res) {
          if (res.success && res.data) {
            const str = res.data
            if (str.length > 0) {
              str.map(item => {
                that.objKey.push(item.value)
              })
            }
          }
        })
      }
    }
  };
</script>

src/components/subTemplate/BaseExpert.vue

@@ -1,6 +1,6 @@
<template>
  <a class="list-item" :href="'expert.html?id='+itemSingle.id" target="_blank">
    <div class="list-head" :style="{backgroundImage: 'url(' + imgUrl + ')'}"></div>
    <div class="list-head" style="border-radius: 50%" :style="{backgroundImage: 'url(' + imgUrl + ')'}"></div>
    <div class="list-info">
      <div class="list-tit list-topic">{{itemSingle.name}}</div>
      <div class="list-desc">{{itemSingle.title}}</div>

src/components/subTemplate/BaseOrg.vue

@@ -1,18 +1,19 @@
<template>
  <a class="list-item" :href="'org.html?id='+itemSingle.orgId" target="_blank">
  <a class="list-item" :href="'org.html?id='+orgInfo.id" target="_blank">
    <div class="list-head">
      <div class="item-pic-org">
        <img :src="itemSingle.logo">
        <img :src="orgInfo.logo">
      </div>
    </div>
    <div class="list-info">
      <div class="list-tit list-topic">{{itemSingle.name}}</div>
      <div class="list-desc" v-if="itemSingle.industry">{{itemSingle.industry.join(' | ')}}</div>
      <div class="list-tit list-topic">{{orgInfo.name}}</div>
      <div class="list-desc" v-if="orgInfo.industry">{{orgInfo.industry}}</div>
    </div>
  </a>
</template>
<script>
  import { ImageUrl, defaultSet } from '@/libs/util';
  export default {
    props: {
      itemSingle: {
@@ -22,6 +23,20 @@
    data() {
      return {};
    },
    computed: {
      orgInfo() {
        var obj = this.itemSingle
        if (obj.hasOrgLogo) {
          obj.logo = ImageUrl(('org/' + obj.id + '.jpg'), true)
        } else {
          obj.logo = defaultSet.img.org
        }
        if (obj.industry) {
          obj.industry = obj.industry.replace(/,/, ' | ')
        }
        return obj
      }
    },
    created() {
    },
    methods: {

src/layout/TheFooter.vue

@@ -46,47 +46,42 @@
  };
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
<style scoped>
  .footer{
    @include bg-grey-color();
    color: #fff;
    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;
        }
      }
    }
    background:#373d41;
  }
  .footer .footer-wrapper{
    display: flex;
    justify-content: space-between;
    font-size:14px;
    color:#888;
    line-height: 32px;
  }
  .footer .footer-wrapper .wrapper-left .logo-block{
    margin:10px 0 20px;
  }
  .footer .footer-wrapper .wrapper-left .listlink{
    margin-right:25px;
  }
  .footer .footer-wrapper .wrapper-left a{
    color:#888;
    cursor:pointer;
  }
  .footer .copy-wrapper{
    margin-top:20px;
    font-size:12px;
    color:#666;
  }
  .footer .copy-wrapper a{
    color:#666;
  }
  .footer .copy-wrapper .beian em{
    display: inline-block;
    width:14px;
    height:14px;
    background-image:url('./img/home_icon_beian.png');
    background-size:cover;
  }
</style>

src/layout/TheHeader.vue

@@ -47,7 +47,6 @@
<script>
  import { ekexiuUrl } from '@/libs/util';
  import Cookies from 'js-cookie';
  import { MessageBox } from 'element-ui'
  export default {
@@ -100,8 +99,8 @@
    mounted () {
      /* eslint-disable no-undef */
      this.plat = PLAT.info;
      this.account = Cookies.get('uaccount');
      this.bindCompany = Cookies.get('bcid');
      this.account = localStorage.getItem('uaccount');
      this.bindCompany = localStorage.getItem('bcid');
    },
    methods: {
      activeCl(url) {
@@ -119,9 +118,9 @@
        }).then(() => {
          that.$axios.get('/ajax/sys/logout', {}, function(res) {
            if (res.success) {
              Cookies.remove('userid')
              Cookies.remove('uaccount');
              Cookies.remove('bcid')
              localStorage.removeItem('userid')
              localStorage.removeItem('uaccount');
              localStorage.removeItem('bcid')
              location.href = '/#/loginPlat'
            }
          })
@@ -132,68 +131,66 @@
</script>
<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();
      .nav-menu{
        display: flex;
        a{
          display: inline-block;
          padding:0 25px;
          height:40px;
          line-height:40px;
          text-align: center;
          cursor: pointer;
          color: #fff;
        }
        .active{
          @include bg-blue-active-color();
        }
      }
    }
  }
.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();
}
.header .top-wrapper .contain-wrapper{
  font-size:14px;
  overflow:hidden;
}
.header .top-wrapper .contain-wrapper .marLeft{
  display:inline-block;
  margin-left:20px;
  min-width:62px;
}
.header .top-wrapper .contain-wrapper .marLeft.marLeft_1{
  min-width:0;
}
.header .top-wrapper .contain-wrapper .wrapper-left{
  float:left;
}
.header .top-wrapper .contain-wrapper .wrapper-right{
  float:right;
}
.header .top-wrapper .contain-wrapper .wrapper-right .el-dropdown{
  color:#c4c3c3;
  margin-left:20px;
}
.header .top-wrapper .contain-wrapper .wrapper-right .el-menu-item,
.header .top-wrapper .contain-wrapper .wrapper-right .el-submenu__title{
  padding:0 10px;
  margin-left:20px;
  line-height:30px;
  height:30px;
}
.header .banner-wrapper{
  width:100%;
  height:200px;
  background-size:cover;
  background-position:center;
}
.header .nav-wrapper{
  @include bg-blue-color();
}
.header .nav-wrapper .nav-menu{
  display: flex;
}
.header .nav-wrapper .nav-menu a{
  display: inline-block;
  padding:0 25px;
  height:40px;
  line-height:40px;
  text-align: center;
  cursor: pointer;
  color: #fff;
}
.header .nav-wrapper .nav-menu .active{
  @include bg-blue-active-color();
}
</style>

src/libs/common.js

@@ -1,9 +1,7 @@
import 'babel-polyfill';
import Vue from 'vue';
import ElementUI from 'element-ui';
import '@/styles/element-variables.scss';
import '../../theme/index.css';
import request from '@/libs/request';

src/libs/loginStatus.js

@@ -2,16 +2,14 @@
 * Created by luyanan on 18/12/27.
 * loginStatus
 */
/* eslint-disable one-var */
import Vue from 'vue'
import Cookies from 'js-cookie'
import store from '@/store'
import { Message } from 'element-ui'
export function loginStatus(fn) {
  if (Cookies.get('userid')) {
  if (localStorage.getItem('userid')) {
    fn()
  } else {
    Vue.$store.dispatch('FedLogOut').then(res => {
      Vue.$message.error('登录状态失效，请重新登录');
    store.dispatch('FedLogOut').then(res => {
      Message.error('登录状态失效，请重新登录');
      location.href = '/#/loginPlat';
    })
  }

src/libs/queryBase.js

@@ -3,8 +3,6 @@
 * professer, organization
 */
/* eslint-disable one-var */
import Vue from 'vue'
var objCache = {
  professor: {},
  organization: {},

src/libs/queryDict.js

@@ -5,8 +5,6 @@
 * 'XZQH'----'城市级联'
 */
/* eslint-disable one-var */
import Vue from 'vue'
var cacheDict = {
    bool: [
      { code: '0', caption: '否', enabled: true },

src/libs/request.js

@@ -1,4 +1,3 @@
import Vue from 'vue';
import requestP from './axios';
import requestK from './axiosk';

src/libs/util.js

@@ -54,6 +54,22 @@ export const ImageUrl = function (str, bol) {
  return bol ? (ekexiuUrl + '/images/' + str) : (ekexiuUrl + '/data/' + str);
};
/**
 * offset
 */
export const offset = function (el) {
  let top = el.offsetTop;
  let left = el.offsetLeft;
  while (el.offsetParent) {
    el = el.offsetParent;
    top += el.offsetTop;
    left += el.offsetLeft;
  }
  return {
    left: left,
    top: top
  };
}
/**
 * 拼接用户-所在机构，所属部门，职位
 * 拼接用户-职称/职位，所在机构 bol

src/pages/center/center.html

@@ -6,6 +6,10 @@
  	<meta name="description" content="">
  	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>
    <script src="https://cdn.bootcss.com/vuex/3.0.1/vuex.min.js"></script>
    <script type="text/javascript" src="/static/plat-info.js"></script>
  	<title></title>
  </head>
  <body>

src/pages/center/center.js

@@ -1,11 +1,10 @@
import '@/libs/common.js';
import Vue from 'vue';
import App from './center.vue';
import router from './router';
import store from '@/store/index';
import store from '@/store';
import './permission';
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router: router,

src/pages/center/center.vue

@@ -27,7 +27,7 @@
  };
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
<style scoped>
  .app-main{
    width: 100%;
    height: 100%;

src/pages/center/permission.js

@@ -1,51 +1,14 @@
import router from './router'
import store from '@/store'
import { Message } from 'element-ui'
// import Cookies from 'js-cookie'
// const whiteList = ['/publishProduct', '/companyProduct', '/companyInformation', '/myDemand', '/examineDemand', '/modifyDemand', '/modifyData', '/modifyPassword', '/attentionCollect']
// router.beforeEach((to, from, next) => {
//   if (Cookies.get('userid')) {
//     if (to.path === '/loginPlat') {
//       next({ name: 'home' });
//     } else {
//       if (!store.getters.account) { // 判断当前用户是否已拉取完user_info信息
//         store.dispatch('GetUserInfo').then(res => { // 拉取user_info
//           if (res.success && res.data) {
//             next();
//           } else {
//             store.dispatch('FedLogOut').then(() => {
//               if (whiteList.indexOf(to.path) !== -1) {
//                 Message.error('登录状态失效，请重新登录');
//                 router.push({ name: 'loginPlat' });
//               } else {
//                 next();
//               }
//             })
//           }
//         }).catch((err) => {
//           store.dispatch('FedLogOut').then(() => {
//             Message.error(err || '登录状态失效，请重新登录');
//             next({ name: 'loginPlat' })
//           })
//         })
//       } else {
//         next();
//       }
//     }
//   } else {
//     if (whiteList.indexOf(to.path) !== -1) {
//       router.push({ name: 'loginPlat' });
//     } else {
//       next();
//     }
//   }
// })
router.beforeEach((to, from, next) => {
  /* 判断该路由是否需要登录权限 */
  if (to.matched.some(record => record.meta.requireAuth)) {
    // 是否登录
    if (!store.getters.account) { // 判断当前用户是否已拉取完user_info信息
    if (store.getters && store.getters.userid && localStorage.getItem('userid')) { // 判断当前用户是否已拉取完user_info信息
      next();
    } else {
      store.dispatch('GetUserInfo').then(res => { // 拉取user_info
        if (res.success && res.data) {
          next();
@@ -61,8 +24,6 @@ router.beforeEach((to, from, next) => {
          location.href = '/#/loginPlat'
        })
      })
    } else {
      next();
    }
  }
  next();

src/pages/center/router/index.js

@@ -1,9 +1,5 @@
import Vue from 'vue';
import Router from 'vue-router';
import Layout from '../views/layout';
Vue.use(Router);
const constantRouterMap = [
  {
    path: '/',
@@ -14,46 +10,46 @@ const constantRouterMap = [
      {
        path: '/modifyData',
        alwaysShow: true,
        component: () => import('../views/modifyData'),
        component: (resolve) => require(['../views/modifyData'], resolve),
        name: 'modifyData',
        meta: { title: '修改资料', requireAuth: true }
      },
      // {
      //   path: '/myNeeds',
      //   component: () => import('../views/myNeeds/index'),
      //   component: (resolve) => require(['../views/myNeeds/index'], resolve),
      //   name: 'myNeeds',
      //   meta: { title: '我的需求' },
      //   children: [{
      //     path: '/modifyDemand',
      //     component: () => import('../views/myNeeds/modifyDemand'),
      //     component: (resolve) => require(['../views/myNeeds/modifyDemand'], resolve),
      //     name: 'modifyDemand',
      //     meta: { title: '修改需求' }
      //   }, {
      //     path: '/examineDemand',
      //     component: () => import('../views/myNeeds/examineDemand'),
      //     component: (resolve) => require(['../views/myNeeds/examineDemand'], resolve),
      //     name: 'examineDemand',
      //     meta: { title: '查看需求' }
      //   }, {
      //     path: '/myDemand',
      //     component: () => import('../views/myNeeds/myNeed'),
      //     component: (resolve) => require(['../views/myNeeds/myNeed'], resolve),
      //     name: 'myDemand',
      //     meta: { title: '我的需求' }
      //   }]
      // },
      {
        path: '/myBusiness',
        component: () => import('../views/myNeeds/index'),
        component: (resolve) => require(['../views/myNeeds/index'], resolve),
        name: 'myBusiness',
        meta: { title: '我的企业', requireAuth: true },
        children: [
          {
            path: '/companyInformation',
            component: () => import('../views/myBusiness/companyInformation'),
            component: (resolve) => require(['../views/myBusiness/companyInformation'], resolve),
            name: 'companyInformation',
            meta: { title: '企业信息' }
          }, {
            path: '/companyProduct',
            component: () => import('../views/myBusiness/companyProduct'),
            component: (resolve) => require(['../views/myBusiness/companyProduct'], resolve),
            name: 'companyProduct',
            meta: { title: '企业产品' }
          }
@@ -62,14 +58,14 @@ const constantRouterMap = [
      {
        path: '/attentionCollect',
        alwaysShow: true,
        component: () => import('../views/attentionCollect'),
        component: (resolve) => require(['../views/attentionCollect'], resolve),
        name: 'attentionCollect',
        meta: { title: '关注收藏', requireAuth: true }
      },
      {
        path: '/modifyPassword',
        alwaysShow: true,
        component: () => import('../views/modifyPassword'),
        component: (resolve) => require(['../views/modifyPassword'], resolve),
        name: 'modifyPassword',
        meta: { title: '修改密码', requireAuth: true }
      }
@@ -78,7 +74,7 @@ const constantRouterMap = [
];
// 实例化vue的时候只挂载constantRouter
export default new Router({
export default new VueRouter({
  // mode: 'history', //后端支持可开
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRouterMap

src/pages/center/views/attentionCollect.vue

@@ -168,22 +168,22 @@
    }
  };
</script>
<style lang="scss" scoped>
<style scoped>
  .con-item{
    position:relative;
    cursor: pointer;
    &:hover{
      background: #EEEEEE;
      .dele{
        display: block;
      }
    }
    .dele{
      display: none;
      position: absolute;
      right: 10px;
      z-index: 20;
      top: 40%;
    }
  }
  .con-item:hover{
    background: #EEEEEE;
  }
  .con-item:hover .dele{
    display: block;
  }
  .con-item .dele{
    display: none;
    position: absolute;
    right: 10px;
    z-index: 20;
    top: 40%;
  }
</style>

src/pages/center/views/common/Sidebar/index.vue

@@ -9,7 +9,6 @@
</template>
<script>
import { mapGetters } from 'vuex'
import SidebarItem from './SidebarItem'
export default {

src/pages/center/views/common/index.vue

@@ -20,7 +20,6 @@
<script>
  import Sidebar from './Sidebar';
  import { mapGetters } from 'vuex';
  export default {
    computed: {
      ...mapGetters([
@@ -47,57 +46,57 @@
  };
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
  .main-content {
    margin: 20px 0;
    min-height: 500px;
    .boxRight {
      padding:10px 20px;
      float: left;
      width: 880px;
      margin-left: 20px;
      background: #ffffff;
      box-sizing: border-box;
    }
    .boxLeft {
      float: left;
      overflow: hidden;
      width: 200px;
      .headPhoto {
        height: 146px;
        background: #ffffff;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        .userInfo {
          text-align: center;
          color: #606266;
          p {
            margin-top: 10px;
          }
          .img-div {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            margin: auto;
            background-size: cover;
          }
        }
      }
      .el-menu {
        border:none;
      }
      .exit-menu-item{
        padding-left: 20px;
        background: #ffffff;
        border-top: 10px solid #f4f6f8;
        box-sizing: content-box;
        height: 56px;
        line-height: 56px;
        font-size: 14px;
        cursor: pointer;
      }
    }
  }
<style scoped>
.main-content{
  margin: 20px 0;
  min-height: 500px;
}
.main-content .boxRight {
  padding:10px 20px;
  float: left;
  width: 880px;
  margin-left: 20px;
  background: #ffffff;
  box-sizing: border-box;
}
.main-content .boxLeft {
    float: left;
    overflow: hidden;
    width: 200px;
}
.main-content .boxLeft .headPhoto {
  height: 146px;
  background: #ffffff;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-content .boxLeft .headPhoto .userInfo {
  text-align: center;
  color: #606266;
}
.main-content .boxLeft .headPhoto .userInfo p {
  margin-top: 10px;
}
.main-content .boxLeft .headPhoto .userInfo .img-div {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: auto;
  background-size: cover;
}
.main-content .boxLeft .el-menu {
  border:none;
}
.main-content .boxLeft .exit-menu-item{
  padding-left: 20px;
  background: #ffffff;
  border-top: 10px solid #f4f6f8;
  box-sizing: content-box;
  height: 56px;
  line-height: 56px;
  font-size: 14px;
  cursor: pointer;
}
</style>

src/pages/center/views/layout/index.vue

@@ -28,7 +28,7 @@
    }
  };
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
<style scoped>
.navbar{
  height: 50px;
  line-height: 50px;
@@ -38,17 +38,17 @@
  overflow:hidden;
  margin:-20px 0;
  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;
  }
}
.navbar .hamburger-container{
  line-height: 58px;
  height: 50px;
  float: left;
  padding: 0 10px;
}
.navbar .tag-breadcrumb{
  float:left;
  font-size: 14px;
  line-height: 50px;
  margin-left: -10px;
}
</style>

src/pages/center/views/modifyData.vue

@@ -54,7 +54,6 @@
<script>
  import uploadFile from '@/components/uploadFile/index';
  import cityPicker from '@/components/CityPicker'
  import Cookies from 'js-cookie'
  export default {
    data() {
      return {
@@ -93,7 +92,7 @@
      cityPicker
    },
    created() {
      let id = Cookies.get('userid');
      let id = localStorage.getItem('userid');
      this.$axios.get('/ajax/sys/user/get', {id}, res => { // 拉取user_info
        if (res.success && res.data) {
          const response = res.data;

src/pages/center/views/modifyPassword.vue

@@ -115,20 +115,20 @@
  };
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
<style scoped>
  .formBoxCenter {
    display: flex;
    align-items: center;
    justify-content: center;
    .boxCenter {
      width: 450px;
      position: relative;
    }
    a {
      position: absolute;
      top: 114px;
      right: 140px;
      color: $mainColor;
    }
  }
  .formBoxCenter .boxCenter {
    width: 450px;
    position: relative;
  }
  .formBoxCenter a {
    position: absolute;
    top: 114px;
    right: 140px;
    color: #2693ec;
  }
</style>

src/pages/center/views/myBusiness/companyInformation.vue

@@ -155,7 +155,6 @@
  import cityPicker from '@/components/CityPicker'
  import uploadFile from '@/components/uploadFile'
  import dynamicTags from '@/components/DynamicTags'
  import { mapGetters } from 'vuex'
  export default {
    data() {
@@ -386,7 +385,7 @@
    }
  }
</script>
<style lang="scss">
<style>
  .el-date-editor.el-input, .el-date-editor.el-input__inner{
    width:100%;
  }

src/pages/center/views/myBusiness/companyProduct.vue

@@ -34,7 +34,6 @@
</template>
<script>
  import { mapGetters } from 'vuex';
  import { TimeTr } from '@/libs/util'
  import publishProduct from './publishProduct.vue';
  import baseProduct from '@/components/subTemplate/BaseProduct.vue';
@@ -131,25 +130,25 @@
  };
</script>
<style lang="scss" scoped>
<style scoped>
  .con-box{
    margin: 0 -15px;
    .con-item{
      position:relative;
      cursor: pointer;
      &:hover{
        background: #EEEEEE;
        .dele{
          display: block;
        }
      }
      .dele{
        display: none;
        position: absolute;
        right: 20px;
        z-index: 20;
        top: 40%;
      }
    }
  }
  .con-box .con-item{
    position:relative;
    cursor: pointer;
  }
  .con-box .con-item .dele{
    display: none;
    position: absolute;
    right: 20px;
    z-index: 20;
    top: 40%;
  }
  .con-box .con-item:hover{
    background: #EEEEEE;
  }
  .con-box .con-item:hover .dele{
    display: block;
  }
</style>

src/pages/center/views/myBusiness/sty.scss

@@ -1,23 +0,0 @@
    .content-container{
      background:#ffffff;
      overflow:hidden;
      .operate-row{
        .el-button{
          width:70px;
          padding:6px;
          margin:5px;
        }
      }
      .contain-select{
        margin-bottom:15px;
        float:right;
        span{
          font-size:15px;
          color:#999;
        }
        .el-select{
          width: 120px;
        }
      }
    }

src/pages/company/company.html

@@ -6,6 +6,8 @@
  	<meta name="description" content="">
  	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/vuex/3.0.1/vuex.min.js"></script>
    <script type="text/javascript" src="/static/plat-info.js"></script>
  	<title></title>
  </head>

src/pages/company/company.js

@@ -1,10 +1,8 @@
import '@/libs/common.js';
import Vue from 'vue';
import store from '@/store/index';
import App from './company.vue';
/* eslint-disable no-new */
new Vue({
  el: '#app',
  store,

src/pages/content/content.html

@@ -6,6 +6,8 @@
  	<meta name="description" content="">
  	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/vuex/3.0.1/vuex.min.js"></script>
    <script type="text/javascript" src="/static/plat-info.js"></script>
  	<title></title>
  </head>

src/pages/content/content.js

@@ -1,10 +1,8 @@
import '@/libs/common.js';
import Vue from 'vue';
import store from '@/store/index';
import App from './content.vue';
/* eslint-disable no-new */
new Vue({
  el: '#app',
  store,

src/pages/content/show.vue

@@ -60,10 +60,10 @@
<script>
  import { urlParse, commenTime } from '@/libs/util';
  import queryBase from '@/libs/queryBase';
  import baseExpert from '@/components/subTemplate/BaseExpert';
  import baseCompany from '@/components/subTemplate/BaseCompany';
  import baseOrg from '@/components/subTemplate/BaseOrg';
  import baseCompany from '@/components/subTemplate/BaseCompany';
  export default {
    data() {
      return {
@@ -84,8 +84,8 @@
    },
    components: {
      baseExpert,
      baseCompany,
      baseOrg
      baseOrg,
      baseCompany
    },
    methods: {
      getContentInfo() {
@@ -102,32 +102,72 @@
        });
      },
      getPlatExperts() {
        var that = this
        this.$axios.get('/ajax/article/professor', {
          articleId: this.contentId
          articleId: that.contentId
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            this.platExperts = $info;
            var arr = []
            for (let i in $info) {
              arr[i] = $info[i].professorId;
            }
            that.$axios.getk('/ajax/professor/qm', {
              id: arr
            }, function(data) {
              if (data.success && data.data) {
                if (data.data.length > 0) {
                  that.platExperts = data.data
                  that.$forceUpdate()
                }
              }
            })
          };
        });
      },
      getPlatOrgs() {
        var that = this
        this.$axios.get('/ajax/article/org', {
          articleId: this.contentId
          articleId: that.contentId
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            this.platOrgs = $info;
            var arr = []
            for (let i in $info) {
              arr[i] = $info[i].orgId;
            }
            that.$axios.getk('/ajax/org/qm', {
              id: arr
            }, function(data) {
              if (data.success && data.data) {
                if (data.data.length > 0) {
                  that.platOrgs = data.data
                  that.$forceUpdate()
                }
              }
            })
          };
        });
      },
      getPlatCompanys() {
        var that = this
        this.$axios.get('/ajax/article/company', {
          articleId: this.contentId
          articleId: that.contentId
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            this.platCompanys = $info;
            for (let i = 0; i < $info.length; ++i) {
              (function(item) {
                queryBase.getCompany(item.compId, function(sc, value) {
                  if (sc) {
                    item.name = value.name
                    item.logo = value.logo
                    that.$forceUpdate()
                  }
                })
              })($info[i])
            }
            that.platCompanys = $info;
          };
        });
      }
@@ -135,13 +175,11 @@
  };
</script>
<style lang="scss" scoped>
  .info-tag{
    span{
      display: inline-block;
      margin-right:15px;
      color: #999;
      font-size: 14px;
    }
<style scoped>
  .info-tag span{
    display: inline-block;
    margin-right:15px;
    color: #999;
    font-size: 14px;
  }
</style>

src/pages/expert/expert.html

@@ -6,6 +6,8 @@
  	<meta name="description" content="">
  	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/vuex/3.0.1/vuex.min.js"></script>
    <script type="text/javascript" src="/static/plat-info.js"></script>
  	<title></title>
  </head>

src/pages/expert/expert.js

@@ -1,10 +1,8 @@
import '@/libs/common.js';
import Vue from 'vue';
import store from '@/store/index';
import App from './expert.vue';
/* eslint-disable no-new */
new Vue({
  el: '#app',
  store,

src/pages/index/index.html

@@ -6,11 +6,17 @@
  	<meta name="description" content="">
  	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
    <script type="text/javascript" src="/static/plat-info.js"></script>
  	<title></title>
  </head>
  <body>
    <div id="app"></div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
    <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>
    <script src="https://cdn.bootcss.com/vuex/3.0.1/vuex.min.js"></script>
  </body>
</html>

src/pages/index/index.js

@@ -1,10 +1,8 @@
import '@/libs/common.js';
import Vue from 'vue';
import App from './index.vue';
import router from './router';
import store from '@/store/index';
import store from '@/store';
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router: router,

src/pages/index/router/index.js

@@ -1,9 +1,5 @@
import Vue from 'vue';
import Router from 'vue-router';
import Layout from '../views/layout';
Vue.use(Router);
const constantRouterMap = [
  { path: '/loginPlat', component: (resolve) => require(['../views/logforms/loginPlat.vue'], resolve) },
  { path: '/findPwd', component: (resolve) => require(['../views/logforms/findPwd.vue'], resolve) },
@@ -126,7 +122,7 @@ const constantRouterMap = [
];
// 实例化vue的时候只挂载constantRouter
export default new Router({
export default new VueRouter({
  // mode: 'history', //后端支持可开
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRouterMap

src/pages/index/views/Dashboard/index.vue

@@ -178,9 +178,6 @@
  import { commenTime, defaultSet, ImageUrl, strToArr } from '@/libs/util';
  import queryBase from '@/libs/queryBase';
  import Swiper from 'swiper';
  import 'swiper/dist/css/swiper.min.css';
  import orgItem from '../ViewOrganization/orgItem';
  import expItem from '../ViewExpertPool/expItem';
  // import demandIssue from '../form-views/DemandIssue';

src/pages/index/views/ViewAboutUs.vue

@@ -29,31 +29,31 @@
  };
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
<style scoped>
  .aboutUs{
    margin-bottom:20px;
    padding:20px;
    background: #fff;
    color:$mainFont;
    .faq-title{
      font-size:16px;
    }
    color:#303133;
  }
  .aboutUs .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;
      }
  .aboutUs .faq-content{
    line-height: 26px;
    margin:20px 10px 20px;
    text-align: justify;
    overflow: hidden;
  }
  .aboutUs .faq-content .faq-sub-title{
    margin-top:10px;
    font-weight:600;
  }
      p{
        margin-bottom: 10px;
        text-indent: 2em;
      }
    }
  .aboutUs .faq-content p{
    margin-bottom: 10px;
    text-indent: 2em;
  }
</style>

src/pages/index/views/ViewFindResource/css.scss

@@ -1,38 +0,0 @@
.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;
}

src/pages/index/views/ViewFindResource/index.vue

@@ -130,6 +130,6 @@
  };
</script>
<style scoped>
 @import './css.scss';
<style>
 @import './css.css';
</style>

src/pages/index/views/ViewFindResult/index.vue

@@ -122,6 +122,6 @@
  };
</script>
<style scoped>
 @import '../ViewFindResource/css.scss';
<style>
 @import '../ViewFindResource/css.css';
</style>

src/pages/index/views/ViewFindServe/index.vue

@@ -127,6 +127,6 @@
  };
</script>
<style scoped>
 @import '../ViewFindResource/css.scss';
<style>
 @import '../ViewFindResource/css.css';
</style>

src/pages/index/views/ViewPlatTrend/index.vue

@@ -63,33 +63,33 @@
  };
</script>
<style rel="stylesheet/scss" lang="scss">
  .tab-wrapper{
    padding:10px 20px;
    color: $commonFont;
    li{
      display:inline-block;
      margin-right:20px;
      cursor: pointer;
      &.active{
        color: $mainColor;
      }
    }
    .el-tabs{
      width:100%;
    }
    .el-tabs__header{
      margin: 0 0 4px;
    }
    .el-tabs__nav-wrap::after{
      content:none;
    }
    .el-tabs__content{
      margin:0 -20px;
      .tab-contain{
        width:100%;
        border-top:20px solid #f4f6f8;
      }
    }
  }
<style>
.tab-wrapper{
  padding:10px 20px;
  color: #606266;
}
.tab-wrapper li{
  display:inline-block;
  margin-right:20px;
  cursor: pointer;
}
.tab-wrapper li.active{
  color: #2693ec;
}
.tab-wrapper .el-tabs{
  width:100%;
}
.tab-wrapper .el-tabs__header{
  margin: 0 0 4px;
}
.tab-wrapper .el-tabs__nav-wrap::after{
  content:none;
}
.tab-wrapper .el-tabs__content{
  margin:0 -20px;
}
.tab-wrapper .el-tabs__content .tab-contain{
  width:100%;
  border-top:20px solid #f4f6f8;
}
</style>

src/pages/index/views/ViewPlatTrend/news.vue

@@ -6,7 +6,6 @@
</template>
<script>
  import Cookies from 'js-cookie';
  import { commenTime } from '@/libs/util';
	import baseContent from '@/components/subTemplate/BaseContent';
@@ -28,7 +27,7 @@
      baseContent
    },
    created() {
      this.platId = Cookies.get('platId');
      this.platId = localStorage.getItem('platId');
      this.queryPaltNews();
    },
    methods: {

src/pages/index/views/logforms/Captcha.vue

@@ -70,7 +70,7 @@
  };
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
<style scoped>
  .frmtypeW {
    float: right;
    cursor: pointer;

src/pages/index/views/logforms/enteringRegister.vue

@@ -33,7 +33,6 @@
<script type="text/ecmascript-6">
  import Captcha from './Captcha.vue';
  import Cookies from 'js-cookie';
  export default {
     data() {
      let validatePhone = (rule, value, callback) => {
@@ -131,7 +130,7 @@
                this.$store.commit('SET_USERID', res.data.id);
                this.$store.commit('SET_HEADPHOTO', res.data.head);
                this.$store.commit('SET_BINDCOMPANY', res.data.bindCompany);
                Cookies.set('userid', res.data.id);
                localStorage.setItem('userid', res.data.id);
                this.$router.push({name: 'home'});
              } else {
                const errorCode = {

src/pages/index/views/logforms/loginPlat.vue

@@ -27,10 +27,9 @@
  </div>
</template>
<script type="text/ecmascript-6">
  import Cookies from 'js-cookie';
<script>
  export default {
     data() {
    data() {
      let validatePhone = (rule, value, callback) => {
        const pattern = /^1[34578]\d{9}$/;
        if (value === '') {
@@ -84,19 +83,13 @@
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.logining = true;
            this.$axios.post('/ajax/sys/login', this.ruleForm, res => {
            // this.$axios.post('/ajax/sys/login', this.ruleForm, res => {
            this.$store.dispatch('LoginByAccount', this.ruleForm).then(res => {
              this.logining = false;
              if (res.success) {
                if (res.data == null) {
                  this.$message.error('登录账号与密码不匹配');
                } else {
                  this.$store.commit('SET_ACCOUNT', res.data.account);
                  this.$store.commit('SET_USERID', res.data.id);
                  this.$store.commit('SET_HEADPHOTO', res.data.head);
                  this.$store.commit('SET_BINDCOMPANY', res.data.bindCompany);
                  Cookies.set('userid', res.data.id);
                  Cookies.set('uaccount', res.data.account);
                  Cookies.set('bcid', res.data.bindCompany);
                  this.$router.push({name: 'home'});
                  this.logining = true;
                }

src/pages/index/views/logforms/register.vue

@@ -30,7 +30,6 @@
</template>
<script type="text/ecmascript-6">
  import Cookies from 'js-cookie';
  import Captcha from './Captcha.vue';
  export default {
     data() {
@@ -127,7 +126,7 @@
                this.$store.commit('SET_ACCOUNT', res.data.account);
                this.$store.commit('SET_USERID', res.data.id);
                this.$store.commit('SET_HEADPHOTO', '');
                Cookies.set('userid', res.data.id)
                localStorage.setItem('userid', res.data.id)
                this.$router.push({name: 'home'});
              } else {
                const errorCode = {

src/pages/index/views/logforms/style.scss

@@ -3,7 +3,9 @@
  width: 100%;
  height: 100%;
  overflow: hidden;
  @include bg-image('./img/e-sign-on_bg_img_nor.png');
  background-image:url('./img/e-sign-on_bg_img_nor.png');
  background-repeat: no-repeat;
  background-size:cover;
  background-position: 0 bottom;
  .logo-wrapper {
    display: block;
@@ -12,7 +14,10 @@
    left: 30px;
    height: 64px;
    width: 292px;
    @include bg-image('./img/e-sign-on_bg_logo_nor.png');
    background-image:url('./img/e-sign-on_bg_logo_nor.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
  }
  .form-wrapper {
    width: 100%;
@@ -24,7 +29,7 @@
      width: 420px;
      background-color: #fff;
      padding: 30px 20px;
      @include border-radius();
      border-radius: 6px;
      .form-title {
        font-size: 22px;
        line-height: 36px;

src/pages/index/views/logforms/userAgreement.vue

@@ -195,37 +195,36 @@
  </div>
</template>
<style lang="scss" rel="stylesheet/scss" scoped>
<style scoped>
  .protocolBox {
    font-size: 14px;
    margin-bottom: 15px;
    color: $mainFont;
    .introduction {
      line-height: 25px;
      margin: 10px;
      text-indent: 2em;
    }
    .listDiscussion div {
      margin-bottom: 10px;
      .proEight {
        margin: 10px 0 0 10px;
        line-height: 25px;
      }
      h2 {
        font-size: 14px;
        font-weight: 700;
        span {
          margin-left: 10px;
        }
      }
      ul {
        margin: 10px 0 0 10px;
        line-height: 25px;
        li
          dl {
            margin: 0 0 0 15px;
          }
      }
    }
    color: #303133;
  }
  .protocolBox .introduction {
    line-height: 25px;
    margin: 10px;
    text-indent: 2em;
  }
  .protocolBox .listDiscussion div {
    margin-bottom: 10px;
  }
  .protocolBox .listDiscussion div .proEight {
    margin: 10px 0 0 10px;
    line-height: 25px;
  }
  .protocolBox .listDiscussion div h2 {
    font-size: 14px;
    font-weight: 700;
  }
  .protocolBox .listDiscussion div h2 span {
    margin-left: 10px;
  }
  .protocolBox .listDiscussion div ul {
    margin: 10px 0 0 10px;
    line-height: 25px;
  }
  .protocolBox .listDiscussion div ul li dl {
    margin: 0 0 0 15px;
  }
</style>

src/pages/org/org.html

@@ -6,6 +6,8 @@
  	<meta name="description" content="">
  	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/vuex/3.0.1/vuex.min.js"></script>
    <script type="text/javascript" src="/static/plat-info.js"></script>
  	<title></title>
  </head>

src/pages/org/org.js

@@ -1,10 +1,8 @@
import '@/libs/common.js';
import Vue from 'vue';
import store from '@/store/index';
import App from './org.vue';
/* eslint-disable no-new */
new Vue({
  el: '#app',
  store,

src/pages/product/product.html

@@ -6,6 +6,8 @@
  	<meta name="description" content="">
  	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/vuex/3.0.1/vuex.min.js"></script>
    <script type="text/javascript" src="/static/plat-info.js"></script>
  	<title></title>
  </head>

src/pages/product/product.js

@@ -1,10 +1,8 @@
import '@/libs/common.js';
import Vue from 'vue';
import store from '@/store/index';
import App from './product.vue';
/* eslint-disable no-new */
new Vue({
  el: '#app',
  store,

src/pages/product/show.vue

@@ -5,7 +5,7 @@
        <div class="content-wrapper split-other">
          <div class="headcon-box hdetail-box">
            <div class="zoom-box">
              <previewMagnify v-if="productInfo.img && productInfo.img.length" :previewImg="productInfo.img"></previewMagnify>
              <!-- <previewMagnify v-if="productInfo.img && productInfo.img.length" :previewImg="productInfo.img"></previewMagnify> -->
            </div>
            <div class="show-info reInfo-box">
              <div class="info-tit">{{productInfo.name}}</div>
@@ -77,7 +77,7 @@
<script>
  import { urlParse, strToArr } from '@/libs/util';
  import previewMagnify from '@/components/previewMagnify';
  // import previewMagnify from '@/components/previewMagnify';
  import shareOut from '@/components/ShareOut';
  import beyondTo from '@/components/BeyondTo';
@@ -99,7 +99,7 @@
      this.getProductKeyword();
    },
    components: {
      previewMagnify,
      // previewMagnify,
      shareOut,
      beyondTo
    },

src/pages/resource/resource.html

@@ -6,6 +6,8 @@
  	<meta name="description" content="">
  	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/vuex/3.0.1/vuex.min.js"></script>
    <script type="text/javascript" src="/static/plat-info.js"></script>
  	<title></title>
  </head>

src/pages/resource/resource.js

@@ -1,10 +1,8 @@
import '@/libs/common.js';
import Vue from 'vue';
import store from '@/store/index';
import App from './resource.vue';
/* eslint-disable no-new */
new Vue({
  el: '#app',
  store,

src/pages/resource/show.vue

@@ -5,7 +5,7 @@
        <div class="content-wrapper split-other">
          <div class="headcon-box hdetail-box">
            <div class="zoom-box">
              <previewMagnify v-if="resourceInfo.img && resourceInfo.img.length" :previewImg="resourceInfo.img"></previewMagnify>
              <!-- <previewMagnify v-if="resourceInfo.img && resourceInfo.img.length" :previewImg="resourceInfo.img"></previewMagnify> -->
            </div>
            <div class="show-info reInfo-box">
              <div class="info-tit info-tit-big">{{resourceInfo.resourceName}}</div>
@@ -85,7 +85,7 @@
<script>
  import { urlParse, ImageUrl, defaultSet, strToArr } from '@/libs/util';
  import previewMagnify from '@/components/previewMagnify';
  // import previewMagnify from '@/components/previewMagnify';
  import shareOut from '@/components/ShareOut';
  import collectCo from '@/components/CollectCo';
  import beyondTo from '@/components/BeyondTo';
@@ -114,7 +114,7 @@
      this.getLikeResources();
    },
    components: {
      previewMagnify,
      // previewMagnify,
      shareOut,
      collectCo,
      beyondTo,

src/pages/result/result.html

@@ -6,6 +6,8 @@
  	<meta name="description" content="">
  	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/vuex/3.0.1/vuex.min.js"></script>
    <script type="text/javascript" src="/static/plat-info.js"></script>
  	<title></title>
  </head>

src/pages/result/result.js

@@ -1,10 +1,8 @@
import '@/libs/common.js';
import Vue from 'vue';
import store from '@/store/index';
import App from './result.vue';
/* eslint-disable no-new */
new Vue({
  el: '#app',
  store,

src/pages/serve/serve.html

@@ -6,6 +6,8 @@
  	<meta name="description" content="">
  	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
    <script src="https://cdn.bootcss.com/vuex/3.0.1/vuex.min.js"></script>
    <script type="text/javascript" src="/static/plat-info.js"></script>
  	<title></title>
  </head>

src/pages/serve/serve.js

@@ -1,10 +1,8 @@
import '@/libs/common.js';
import Vue from 'vue';
import store from '@/store/index';
import App from './serve.vue';
/* eslint-disable no-new */
new Vue({
  el: '#app',
  store,

src/pages/serve/show.vue

@@ -5,7 +5,7 @@
        <div class="content-wrapper split-other">
          <div class="headcon-box hdetail-box">
            <div class="zoom-box">
              <previewMagnify v-if="serveInfo.img && serveInfo.img.length" :previewImg="serveInfo.img"></previewMagnify>
              <!-- <previewMagnify v-if="serveInfo.img && serveInfo.img.length" :previewImg="serveInfo.img"></previewMagnify> -->
            </div>
            <div class="show-info reInfo-box">
              <div class="info-tit info-tit-big">{{serveInfo.name}}</div>
@@ -73,7 +73,7 @@
<script>
  import { urlParse, ImageUrl, defaultSet, strToArr } from '@/libs/util';
  import previewMagnify from '@/components/previewMagnify';
  // import previewMagnify from '@/components/previewMagnify';
  import shareOut from '@/components/ShareOut';
  import collectCo from '@/components/CollectCo';
  import beyondTo from '@/components/BeyondTo';
@@ -102,7 +102,7 @@
      this.getLikeserves();
    },
    components: {
      previewMagnify,
      // previewMagnify,
      shareOut,
      collectCo,
      beyondTo,

src/store/getters.js

@@ -1,7 +1,7 @@
export default() => {
  return {
    account: state => state.user.account,
    bindCompany: state => state.user.bindCompany,
    headPhoto: state => state.user.headPhoto
  }
const getters = {
  account: state => state.user.account,
  bindCompany: state => state.user.bindCompany,
  headPhoto: state => state.user.headPhoto
}
export default getters

src/store/index.js

@@ -1,15 +1,11 @@
import Vue from 'vue';
import Vuex from 'vuex';
import user from './modules/user';
import getters from './getters';
Vue.use(Vuex);
const store = new Vuex.Store({
  modules: {
    user
  },
  getters
})
export default () => {
  return new Vuex.Store({
    modules: {
      user
    },
    getters
  });
}
export default store

src/store/modules/user.js

@@ -1,89 +1,104 @@
import http from '@/libs/axios'
import Cookies from 'js-cookie'
import { defaultSet } from '@/libs/util';
export default() => {
  return {
    state: {
      account: '',
      userid: '',
      bindCompany: '',
      headPhoto: ''
const user = {
  state: {
    account: '',
    userid: '',
    bindCompany: '',
    headPhoto: ''
  },
  mutations: {
    SET_ACCOUNT: (state, account) => {
      state.account = account
    },
    SET_USERID: (state, userid) => {
      state.userid = userid
    },
    mutations: {
      SET_ACCOUNT: (state, account) => {
        state.account = account
      },
      SET_USERID: (state, userid) => {
        state.userid = userid
      },
      SET_BINDCOMPANY: (state, bindCompany) => {
        state.bindCompany = bindCompany
      },
      SET_HEADPHOTO: (state, headPhoto) => {
        state.headPhoto = headPhoto || defaultSet.img.expert;
      }
    SET_BINDCOMPANY: (state, bindCompany) => {
      state.bindCompany = bindCompany
    },
    SET_HEADPHOTO: (state, headPhoto) => {
      state.headPhoto = headPhoto || defaultSet.img.expert;
    }
  },
    actions: {
      // 获取用户信息
      GetUserInfo({ commit, state }) {
        return new Promise((resolve, reject) => {
          http.get('/ajax/sys/user').then(response => {
            if (response.data) {
  actions: {
    // 用户名登录
    LoginByAccount({ commit }, userInfo) {
      const phone = userInfo.phone
      const pw = userInfo.pw
      return new Promise((resolve, reject) => {
        Vue.$axios.post('/ajax/sys/login', { phone, pw }, function(response) {
          if (response.success) {
            if (response.data !== null) {
              const dataS = response.data
              commit('SET_USERID', dataS.id);
              commit('SET_ACCOUNT', dataS.account);
              commit('SET_HEADPHOTO', dataS.head);
              commit('SET_BINDCOMPANY', dataS.bindCompany);
              Cookies.set('userid', dataS.id);
              Cookies.set('uaccount', dataS.account);
              Cookies.set('bcid', dataS.bindCompany);
            } else {
              commit('SET_USERID', '')
              commit('SET_ACCOUNT', '')
              commit('SET_HEADPHOTO', '');
              Cookies.remove('userid')
              Cookies.remove('uaccount');
              Cookies.remove('bcid')
              localStorage.setItem('userid', dataS.id);
              localStorage.setItem('uaccount', dataS.account);
              localStorage.setItem('bcid', dataS.bindCompany);
            }
            resolve(response)
          }).catch(error => {
            reject(error)
          })
          }
          resolve(response)
        }).catch(error => {
          reject(error)
        })
      },
      })
    },
      // 登出
      LogOut({ commit, state }) {
        return new Promise((resolve, reject) => {
          http.get('/ajax/sys/logout').then(() => {
    // 获取用户信息
    GetUserInfo({ commit }) {
      return new Promise((resolve, reject) => {
        Vue.$axios.get('/ajax/sys/user', {}, function(response) {
          if (response.data) {
            const dataS = response.data
            commit('SET_USERID', dataS.id);
            commit('SET_ACCOUNT', dataS.account);
            commit('SET_HEADPHOTO', dataS.head);
            commit('SET_BINDCOMPANY', dataS.bindCompany);
            localStorage.clear()
          } else {
            commit('SET_USERID', '')
            commit('SET_ACCOUNT', '')
            commit('SET_BINDCOMPANY', '')
            commit('SET_HEADPHOTO', '');
            Cookies.remove('userid')
            Cookies.remove('uaccount');
            Cookies.remove('bcid')
            resolve()
          }).catch(error => {
            reject(error)
          })
            localStorage.clear()
          }
          resolve(response)
        }).catch(error => {
          reject(error)
        })
      },
      })
    },
      // 前端 登出
      FedLogOut({ commit }) {
        return new Promise(resolve => {
    // 登出
    LogOut({ commit }) {
      return new Promise((resolve, reject) => {
        hVue.$axios.get('/ajax/sys/logout', {}, function(response) {
          commit('SET_USERID', '')
          commit('SET_ACCOUNT', '')
          commit('SET_BINDCOMPANY', '')
          commit('SET_HEADPHOTO', '');
          Cookies.remove('userid')
          Cookies.remove('uaccount');
          Cookies.remove('bcid')
          localStorage.clear()
          resolve()
        }).catch(error => {
          reject(error)
        })
      }
      })
    },
    // 前端 登出
    FedLogOut({ commit }) {
      return new Promise(resolve => {
        commit('SET_USERID', '')
        commit('SET_ACCOUNT', '')
        commit('SET_BINDCOMPANY', '')
        commit('SET_HEADPHOTO', '');
        localStorage.clear()
        resolve()
      })
    }
  }
}
export default user

src/styles/base.scss

@@ -1,55 +0,0 @@
*{
  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;
}
.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-enter,
    .router-fade-leave-active{
      opacity: 0;
    }
  }
}

src/styles/browse.scss

@@ -68,7 +68,7 @@
            color:$commonFont;
            margin-bottom:10px;
            &.info-tit-big{
              font-size: 22px;
              font-size: 20px;
              line-height: 32px;
            }
          }
@@ -156,6 +156,13 @@
            line-height: 22px;
            color:$secondaryFont;
          }
          .ulM{
            width:100%;
            .liM{
              display: block;
              padding: 4px 0;
            }
          }
        }
      }
      .left-main{

src/styles/element-variables.scss

@@ -1,8 +1,713 @@
/* 改变主题色变量 */
/* Element Chalk Variables */
/* Transition
-------------------------- */
$--all-transition: all .3s cubic-bezier(.645,.045,.355,1) !default;
$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
$--fade-linear-transition: opacity 200ms linear !default;
$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
$--border-transition-base: border-color .2s cubic-bezier(.645,.045,.355,1) !default;
$--color-transition-base: color .2s cubic-bezier(.645,.045,.355,1) !default;
/* Colors
-------------------------- */
$--color-white: #fff !default;
$--color-black: #000 !default;
$--color-primary: #2693ec !default;
/*#409EFF*/
$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */
$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */
$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */
$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */
$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */
$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */
$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */
$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */
$--color-success: #67c23a !default;
$--color-warning: #e6a23c !default;
$--color-danger: #f56c6c !default;
$--color-info: #909399 !default;
$--color-success-light: mix($--color-white, $--color-success, 80%) !default;
$--color-warning-light: mix($--color-white, $--color-warning, 80%) !default;
$--color-danger-light: mix($--color-white, $--color-danger, 80%) !default;
$--color-info-light: mix($--color-white, $--color-info, 80%) !default;
$--color-success-lighter: mix($--color-white, $--color-success, 90%) !default;
$--color-warning-lighter: mix($--color-white, $--color-warning, 90%) !default;
$--color-danger-lighter: mix($--color-white, $--color-danger, 90%) !default;
$--color-info-lighter: mix($--color-white, $--color-info, 90%) !default;
$--color-text-primary: #303133 !default;
$--color-text-regular: #606266 !default;
$--color-text-secondary: #909399 !default;
$--color-text-placeholder: #c0c4cc !default;
/* Link
-------------------------- */
$--link-color: $--color-primary-light-2 !default;
$--link-hover-color: $--color-primary !default;
/* Background
-------------------------- */
$--background-color-base: #f5f7fa !default;
/* Border
-------------------------- */
$--border-width-base: 1px !default;
$--border-style-base: solid !default;
$--border-color-base: #dcdfe6 !default;
$--border-color-light: #e4e7ed !default;
$--border-color-lighter: #ebeef5 !default;
$--border-color-extra-light: #f2f6fc !default;
$--border-color-hover: $--color-text-placeholder !default;
$--border-base: $--border-width-base $--border-style-base $--border-color-base !default;
$--border-radius-base: 4px !default;
$--border-radius-small: 2px !default;
$--border-radius-circle: 100% !default;
/* Box-shadow
-------------------------- */
$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) !default;
$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12) !default;
$--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;
/* Fill
-------------------------- */
$--fill-base: $--color-white !default;
/* Font
-------------------------- */
$--font-path: 'fonts' !default;
$--font-size-base: 14px !default;
$--font-size-small: 13px !default;
$--font-size-large: 18px !default;
$--font-color-disabled-base: #bbb !default;
$--font-weight-primary: 500 !default;
$--font-line-height-primary: 24px !default;
/* Size
-------------------------- */
$--size-base: 14px !default;
/* z-index
-------------------------- */
$--index-normal: 1 !default;
$--index-top: 1000 !default;
$--index-popper: 2000 !default;
/* Disable base
-------------------------- */
$--disabled-fill-base: $--background-color-base !default;
$--disabled-color-base: $--color-text-placeholder !default;
$--disabled-border-base: $--border-color-light !default;
/* Icon
-------------------------- */
$--icon-color: #666 !default;
$--icon-color-base: $--color-info !default;
/* Checkbox
-------------------------- */
$--checkbox-font-size: 14px !default;
$--checkbox-font-weight: $--font-weight-primary !default;
$--checkbox-color: $--color-text-regular !default;
$--checkbox-input-height: 14px !default;
$--checkbox-input-width: 14px !default;
$--checkbox-input-border-radius: $--border-radius-small !default;
$--checkbox-input-fill: $--color-white !default;
$--checkbox-input-border: $--border-base !default;
$--checkbox-input-border-color: $--border-color-base !default;
$--checkbox-icon-color: $--color-white !default;
$--checkbox-disabled-input-border-color: $--border-color-base !default;
$--checkbox-disabled-input-fill: #edf2fc !default;
$--checkbox-disabled-icon-color: $--color-text-placeholder !default;
$--checkbox-disabled-checked-input-fill: $--border-color-extra-light !default;
$--checkbox-disabled-checked-input-border-color: $--border-color-base !default;
$--checkbox-disabled-checked-icon-color: $--color-text-placeholder !default;
$--checkbox-checked-text-color: $--color-primary !default;
$--checkbox-checked-input-border-color: $--color-primary !default;
$--checkbox-checked-input-fill: $--color-primary !default;
$--checkbox-checked-icon-color: $--fill-base !default;
$--checkbox-input-border-color-hover: $--color-primary !default;
$--checkbox-bordered-height: 40px !default;
$--checkbox-bordered-padding: 9px 20px 9px 10px !default;
$--checkbox-bordered-medium-padding: 7px 20px 7px 10px !default;
$--checkbox-bordered-small-padding: 5px 15px 5px 10px !default;
$--checkbox-bordered-mini-padding: 3px 15px 3px 10px !default;
$--checkbox-bordered-medium-input-height: 14px !default;
$--checkbox-bordered-medium-input-width: 14px !default;
$--checkbox-bordered-medium-height: 36px !default;
$--checkbox-bordered-small-input-height: 12px !default;
$--checkbox-bordered-small-input-width: 12px !default;
$--checkbox-bordered-small-height: 32px !default;
$--checkbox-bordered-mini-input-height: 12px !default;
$--checkbox-bordered-mini-input-width: 12px !default;
$--checkbox-bordered-mini-height: 28px !default;
$--checkbox-button-font-size: $--font-size-base !default;
$--checkbox-button-checked-fill: $--color-primary !default;
$--checkbox-button-checked-color: $--color-white !default;
$--checkbox-button-checked-border-color: $--color-primary !default;
/* Radio
-------------------------- */
$--radio-font-size: 14px !default;
$--radio-font-weight: $--font-weight-primary !default;
$--radio-color: $--color-text-regular !default;
$--radio-input-height: 14px !default;
$--radio-input-width: 14px !default;
$--radio-input-border-radius: $--border-radius-circle !default;
$--radio-input-fill: $--color-white !default;
$--radio-input-border: $--border-base !default;
$--radio-input-border-color: $--border-color-base !default;
$--radio-icon-color: $--color-white !default;
$--radio-disabled-input-border-color: $--disabled-border-base !default;
$--radio-disabled-input-fill: $--disabled-fill-base !default;
$--radio-disabled-icon-color: $--disabled-fill-base !default;
$--radio-disabled-checked-input-border-color: $--disabled-border-base !default;
$--radio-disabled-checked-input-fill: $--disabled-fill-base !default;
$--radio-disabled-checked-icon-color: $--color-text-placeholder !default;
$--radio-checked-text-color: $--color-primary !default;
$--radio-checked-input-border-color: $--color-primary !default;
$--radio-checked-input-fill: $--color-white !default;
$--radio-checked-icon-color: $--color-primary !default;
$--radio-input-border-color-hover: $--color-primary !default;
$--radio-bordered-height: 40px !default;
$--radio-bordered-padding: 12px 20px 0 10px !default;
$--radio-bordered-medium-padding: 10px 20px 0 10px !default;
$--radio-bordered-small-padding: 8px 15px 0 10px !default;
$--radio-bordered-mini-padding: 6px 15px 0 10px !default;
$--radio-bordered-medium-input-height: 14px !default;
$--radio-bordered-medium-input-width: 14px !default;
$--radio-bordered-medium-height: 36px !default;
$--radio-bordered-small-input-height: 12px !default;
$--radio-bordered-small-input-width: 12px !default;
$--radio-bordered-small-height: 32px !default;
$--radio-bordered-mini-input-height: 12px !default;
$--radio-bordered-mini-input-width: 12px !default;
$--radio-bordered-mini-height: 28px !default;
$--radio-button-font-size: $--font-size-base !default;
$--radio-button-checked-fill: $--color-primary !default;
$--radio-button-checked-color: $--color-white !default;
$--radio-button-checked-border-color: $--color-primary !default;
$--radio-button-disabled-checked-fill: $--border-color-extra-light !default;
/* Select
-------------------------- */
$--select-border-color-hover: $--border-color-hover !default;
$--select-disabled-border: $--disabled-border-base !default;
$--select-font-size: $--font-size-base !default;
$--select-close-hover-color: $--color-text-secondary !default;
$--select-input-color: $--color-text-placeholder !default;
$--select-multiple-input-color: #666 !default;
$--select-input-focus-background: $--color-primary !default;
$--select-input-font-size: 14px !default;
$--select-option-color: $--color-text-regular !default;
$--select-option-disabled-color: $--color-text-placeholder !default;
$--select-option-disabled-background: $--color-white !default;
$--select-option-height: 34px !default;
$--select-option-hover-background: $--background-color-base !default;
$--select-option-selected: $--color-primary !default;
$--select-option-selected-hover: $--background-color-base !default;
$--select-group-color: $--color-info !default;
$--select-group-height: 30px !default;
$--select-group-font-size: 12px !default;
$--select-dropdown-background: $--color-white !default;
$--select-dropdown-shadow: $--box-shadow-light !default;
$--select-dropdown-empty-color: #999 !default;
$--select-dropdown-max-height: 274px !default;
$--select-dropdown-padding: 6px 0 !default;
$--select-dropdown-empty-padding: 10px 0 !default;
$--select-dropdown-border: solid 1px $--border-color-light !default;
/* Alert
-------------------------- */
$--alert-padding: 8px 16px !default;
$--alert-border-radius: $--border-radius-base !default;
$--alert-title-font-size: 13px !default;
$--alert-description-font-size: 12px !default;
$--alert-close-font-size: 12px !default;
$--alert-close-customed-font-size: 13px !default;
$--alert-success-color: $--color-success-lighter !default;
$--alert-info-color: $--color-info-lighter !default;
$--alert-warning-color: $--color-warning-lighter !default;
$--alert-danger-color: $--color-danger-lighter !default;
$--alert-icon-size: 16px !default;
$--alert-icon-large-size: 28px !default;
/* Message Box
-------------------------- */
$--msgbox-width: 420px !default;
$--msgbox-border-radius: 4px !default;
$--msgbox-font-size: $--font-size-large !default;
$--msgbox-content-font-size: $--font-size-base !default;
$--msgbox-content-color: $--color-text-regular !default;
$--msgbox-error-font-size: 12px !default;
$--msgbox-padding-primary: 15px !default;
$--msgbox-success-color: $--color-success !default;
$--msgbox-info-color: $--color-info !default;
$--msgbox-warning-color: $--color-warning !default;
$--msgbox-danger-color: $--color-danger !default;
/* Message
-------------------------- */
$--message-shadow: $--box-shadow-base !default;
$--message-min-width: 380px !default;
$--message-background-color: #edf2fc !default;
$--message-padding: 15px 15px 15px 20px !default;
$--message-content-color: $--color-text-regular !default;
$--message-close-color: $--color-text-placeholder !default;
$--message-close-size: 16px !default;
$--message-close-hover-color: $--color-text-secondary !default;
$--message-success-color: $--color-success !default;
$--message-info-color: $--color-info !default;
$--message-warning-color: $--color-warning !default;
$--message-danger-color: $--color-danger !default;
/* Notification
-------------------------- */
$--notification-width: 330px !default;
$--notification-padding: 14px 26px 14px 13px !default;
$--notification-radius: 8px !default;
$--notification-shadow: $--box-shadow-light !default;
$--notification-border-color: $--border-color-lighter !default;
$--notification-icon-size: 24px !default;
$--notification-close-font-size: $--message-close-size !default;
$--notification-group-margin: 13px !default;
$--notification-font-size: $--font-size-base !default;
$--notification-color: $--color-text-regular !default;
$--notification-title-font-size: 16px !default;
$--notification-title-color: $--color-text-primary !default;
$--notification-close-color: $--color-text-secondary !default;
$--notification-close-hover-color: $--color-text-regular !default;
$--notification-success-color: $--color-success !default;
$--notification-info-color: $--color-info !default;
$--notification-warning-color: $--color-warning !default;
$--notification-danger-color: $--color-danger !default;
/* Input
-------------------------- */
$--input-font-size: $--font-size-base !default;
$--input-color: $--color-text-regular !default;
$--input-width: 140px !default;
$--input-height: 40px !default;
$--input-border: $--border-base !default;
$--input-border-color: $--border-color-base !default;
$--input-border-radius: $--border-radius-base !default;
$--input-border-color-hover: $--border-color-hover !default;
$--input-fill: $--color-white !default;
$--input-fill-disabled: $--disabled-fill-base !default;
$--input-color-disabled: $--font-color-disabled-base !default;
$--input-icon-color: $--color-text-placeholder !default;
$--input-placeholder-color: $--color-text-placeholder !default;
$--input-max-width: 314px !default;
$--input-hover-border: $--border-color-hover !default;
$--input-clear-hover-color: $--color-text-secondary !default;
$--input-focus-border: $--color-primary !default;
$--input-focus-fill: $--color-white !default;
$--input-disabled-fill: $--disabled-fill-base !default;
$--input-disabled-border: $--disabled-border-base !default;
$--input-disabled-color: $--disabled-color-base !default;
$--input-disabled-placeholder-color: $--color-text-placeholder !default;
$--input-medium-font-size: 14px !default;
$--input-medium-height: 36px !default;
$--input-small-font-size: 13px !default;
$--input-small-height: 32px !default;
$--input-mini-font-size: 12px !default;
$--input-mini-height: 28px !default;
/* Cascader
-------------------------- */
$--cascader-menu-fill: $--fill-base !default;
$--cascader-menu-font-size: $--font-size-base !default;
$--cascader-menu-radius: $--border-radius-base !default;
$--cascader-menu-border: $--border-base !default;
$--cascader-menu-border-color: $--border-color-base !default;
$--cascader-menu-border-width: $--border-width-base !default;
$--cascader-menu-color: $--color-text-regular !default;
$--cascader-menu-option-color-active: $--color-text-secondary !default;
$--cascader-menu-option-fill-active: rgba($--color-text-secondary, 0.12) !default;
$--cascader-menu-option-color-hover: $--color-text-regular !default;
$--cascader-menu-option-fill-hover: rgba($--color-text-primary, 0.06) !default;
$--cascader-menu-option-color-disabled: #999 !default;
$--cascader-menu-option-fill-disabled: rgba($--color-black, 0.06) !default;
$--cascader-menu-option-empty-color: #666 !default;
$--cascader-menu-group-color: #999 !default;
$--cascader-menu-shadow: 0 1px 2px rgba($--color-black, 0.14), 0 0 3px rgba($--color-black, 0.14) !default;
$--cascader-menu-option-pinyin-color: #999 !default;
$--cascader-menu-submenu-shadow: 1px 1px 2px rgba($--color-black, 0.14), 1px 0 2px rgba($--color-black, 0.14) !default;
/* Group
-------------------------- */
$--group-option-flex: 0 0 (1/5) * 100% !default;
$--group-option-offset-bottom: 12px !default;
$--group-option-fill-hover: rgba($--color-black, 0.06) !default;
$--group-title-color: $--color-black !default;
$--group-title-font-size: $--font-size-base !default;
$--group-title-width: 66px !default;
/* Tab
-------------------------- */
$--tab-font-size: $--font-size-base !default;
$--tab-border-line: 1px solid #e4e4e4 !default;
$--tab-header-color-active: $--color-text-secondary !default;
$--tab-header-color-hover: $--color-text-regular !default;
$--tab-header-color: $--color-text-regular !default;
$--tab-header-fill-active: rgba($--color-black, 0.06) !default;
$--tab-header-fill-hover: rgba($--color-black, 0.06) !default;
$--tab-vertical-header-width: 90px !default;
$--tab-vertical-header-count-color: $--color-white !default;
$--tab-vertical-header-count-fill: $--color-text-secondary !default;
/* Button
-------------------------- */
$--button-font-size: 14px !default;
$--button-font-weight: $--font-weight-primary !default;
$--button-border-radius: $--border-radius-base !default;
$--button-padding-vertical: 12px !default;
$--button-padding-horizontal: 20px !default;
$--button-medium-font-size: 14px !default;
$--button-medium-border-radius: $--border-radius-base !default;
$--button-medium-padding-vertical: 10px !default;
$--button-medium-padding-horizontal: 20px !default;
$--button-small-font-size: 12px !default;
$--button-small-border-radius: #{$--border-radius-base - 1} !default;
$--button-small-padding-vertical: 9px !default;
$--button-small-padding-horizontal: 15px !default;
$--button-mini-font-size: 12px !default;
$--button-mini-border-radius: #{$--border-radius-base - 1} !default;
$--button-mini-padding-vertical: 7px !default;
$--button-mini-padding-horizontal: 15px !default;
$--button-default-color: $--color-text-regular !default;
$--button-default-fill: $--color-white !default;
$--button-default-border: $--border-color-base !default;
$--button-disabled-color: $--color-text-placeholder !default;
$--button-disabled-fill: $--color-white !default;
$--button-disabled-border: $--border-color-lighter !default;
$--button-primary-border: $--color-primary !default;
$--button-primary-color: $--color-white !default;
$--button-primary-fill: $--color-primary !default;
$--button-success-border: $--color-success !default;
$--button-success-color: $--color-white !default;
$--button-success-fill: $--color-success !default;
$--button-warning-border: $--color-warning !default;
$--button-warning-color: $--color-white !default;
$--button-warning-fill: $--color-warning !default;
$--button-danger-border: $--color-danger !default;
$--button-danger-color: $--color-white !default;
$--button-danger-fill: $--color-danger !default;
$--button-info-border: $--color-info !default;
$--button-info-color: $--color-white !default;
$--button-info-fill: $--color-info !default;
$--button-hover-tint-percent: 20% !default;
$--button-active-shade-percent: 10% !default;
/* cascader
-------------------------- */
$--cascader-height: 200px !default;
/* Switch
-------------------------- */
$--switch-on-color: $--color-primary !default;
$--switch-off-color: $--border-color-base !default;
$--switch-disabled-color: $--border-color-lighter !default;
$--switch-disabled-text-color: $--color-text-placeholder !default;
$--switch-font-size: $--font-size-base !default;
$--switch-core-border-radius: 10px !default;
$--switch-width: 40px !default;
$--switch-height: 20px !default;
$--switch-button-size: 16px !default;
/* Dialog
-------------------------- */
$--dialog-background-color: $--color-primary-light-4 !default;
$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;
$--dialog-close-hover-color: $--color-primary !default;
$--dialog-title-font-size: $--font-size-large !default;
$--dialog-font-size: 14px !default;
$--dialog-line-height: $--font-line-height-primary !default;
$--dialog-padding-primary: 20px !default;
/* Table
-------------------------- */
$--table-border-color: $--border-color-lighter !default;
$--table-border: 1px solid $--table-border-color !default;
$--table-text-color: $--color-text-regular !default;
$--table-header-color: $--color-text-secondary !default;
$--table-row-hover-background: $--background-color-base !default;
$--table-current-row-background: $--color-primary-light-9 !default;
$--table-header-background: $--color-white !default;
$--table-footer-background: $--color-text-placeholder !default;
$--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default;
/* Pagination
-------------------------- */
$--pagination-font-size: 13px !default;
$--pagination-fill: $--color-white !default;
$--pagination-color: $--color-text-primary !default;
$--pagination-border-radius: 3px !default;
$--pagination-button-color: $--color-text-primary !default;
$--pagination-button-width: 35.5px !default;
$--pagination-button-height: 28px !default;
$--pagination-button-disabled-color: $--color-text-placeholder !default;
$--pagination-button-disabled-fill: $--color-white !default;
$--pagination-hover-fill: $--color-primary !default;
$--pagination-hover-color: $--color-white !default;
/* Popover
-------------------------- */
$--popover-fill: $--color-white !default;
$--popover-font-size: $--font-size-base !default;
$--popover-border-color: $--border-color-lighter !default;
$--popover-arrow-size: 6px !default;
$--popover-padding: 12px !default;
$--popover-padding-large: 18px 20px !default;
$--popover-title-font-size: 16px !default;
$--popover-title-color: $--color-text-primary !default;
/* Tooltip
-------------------------- */
$--tooltip-fill: $--color-text-primary !default;
$--tooltip-color: $--color-white !default;
$--tooltip-font-size: 12px !default;
$--tooltip-border-color: $--color-text-primary !default;
$--tooltip-arrow-size: 6px !default;
$--tooltip-padding: 10px !default;
/* Tag
-------------------------- */
$--tag-padding: 0 10px !default;
$--tag-fill: rgba($--color-primary, 0.10) !default;
$--tag-color: $--color-primary !default;
$--tag-border: rgba($--color-primary, 0.20) !default;
$--tag-font-size: 12px !default;
$--tag-border-radius: 4px !default;
$--tag-info-fill: rgba($--color-info, 0.10) !default;
$--tag-info-border: rgba($--color-info, 0.20) !default;
$--tag-info-color: $--color-info !default;
$--tag-primary-fill: rgba($--color-primary, 0.10) !default;
$--tag-primary-border: rgba($--color-primary, 0.20) !default;
$--tag-primary-color: $--color-primary !default;
$--tag-success-fill: rgba($--color-success, 0.10) !default;
$--tag-success-border: rgba($--color-success, 0.20) !default;
$--tag-success-color: $--color-success !default;
$--tag-warning-fill: rgba($--color-warning, 0.10) !default;
$--tag-warning-border: rgba($--color-warning, 0.20) !default;
$--tag-warning-color: $--color-warning !default;
$--tag-danger-fill: rgba($--color-danger, 0.10) !default;
$--tag-danger-border: rgba($--color-danger, 0.20) !default;
$--tag-danger-color: $--color-danger !default;
/* Tree
-------------------------- */
$--tree-node-hover-color: $--background-color-base !default;
$--tree-text-color: $--color-text-regular !default;
$--tree-expand-icon-color: $--color-text-placeholder !default;
/* Dropdown
-------------------------- */
$--dropdown-menu-box-shadow: $--box-shadow-light !default;
$--dropdown-menuItem-hover-fill: $--color-primary-light-9 !default;
$--dropdown-menuItem-hover-color: $--link-color !default;
/* Badge
-------------------------- */
$--badge-fill: $--color-danger !default;
$--badge-radius: 10px !default;
$--badge-font-size: 12px !default;
$--badge-padding: 6px !default;
$--badge-size: 18px !default;
/* Card
--------------------------*/
$--card-border-color: $--border-color-lighter !default;
$--card-border-radius: 4px !default;
$--card-padding: 20px !default;
/* Slider
--------------------------*/
$--slider-main-background-color: $--color-primary !default;
$--slider-runway-background-color: $--border-color-light !default;
$--slider-button-hover-color: mix($--color-primary, black, 97%) !default;
$--slider-stop-background-color: $--color-white !default;
$--slider-disable-color: $--color-text-placeholder !default;
$--slider-margin: 16px 0 !default;
$--slider-border-radius: 3px !default;
$--slider-height: 6px !default;
$--slider-button-size: 16px !default;
$--slider-button-wrapper-size: 36px !default;
$--slider-button-wrapper-offset: -15px !default;
/* Steps
--------------------------*/
$--steps-border-color: $--disabled-border-base !default;
$--steps-border-radius: 4px !default;
$--steps-padding: 20px !default;
/* Menu
--------------------------*/
$--menu-item-font-size: $--font-size-base !default;
$--menu-item-color: $--color-text-primary !default;
$--menu-item-fill: $--color-white !default;
$--menu-item-hover-fill: $--color-primary-light-9 !default;
/* Rate
--------------------------*/
$--rate-height: 20px !default;
$--rate-font-size: $--font-size-base !default;
$--rate-icon-size: 18px !default;
$--rate-icon-margin: 6px !default;
$--rate-icon-color: $--color-text-placeholder !default;
/* DatePicker
--------------------------*/
$--datepicker-color: $--color-text-regular !default;
$--datepicker-off-color: $--color-text-placeholder !default;
$--datepicker-header-color: $--color-text-regular !default;
$--datepicker-icon-color: $--color-text-primary !default;
$--datepicker-border-color: $--disabled-border-base !default;
$--datepicker-inner-border-color: #e4e4e4 !default;
$--datepicker-inrange-color: $--border-color-extra-light !default;
$--datepicker-inrange-hover-color: $--border-color-extra-light !default;
$--datepicker-active-color: $--color-primary !default;
$--datepicker-text-hover-color: $--color-primary !default;
$--datepicker-cell-hover-color: #fff !default;
/* Loading
--------------------------*/
$--loading-spinner-size: 42px !default;
$--loading-fullscreen-spinner-size: 50px !default;
/* Scrollbar
--------------------------*/
$--scrollbar-background-color: rgba($--color-text-secondary, .3) !default;
$--scrollbar-hover-background-color: rgba($--color-text-secondary, .5) !default;
/* Carousel
--------------------------*/
$--carousel-arrow-font-size: 12px !default;
$--carousel-arrow-size: 36px !default;
$--carousel-arrow-background: rgba(31, 45, 61, 0.11) !default;
$--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default;
$--carousel-indicator-width: 30px !default;
$--carousel-indicator-height: 2px !default;
$--carousel-indicator-padding-horizontal: 4px !default;
$--carousel-indicator-padding-vertical: 12px !default;
$--carousel-indicator-out-color: $--border-color-hover !default;
/* Collapse
--------------------------*/
$--collapse-border-color: $--border-color-lighter !default;
$--collapse-header-height: 48px !default;
$--collapse-header-padding: 20px !default;
$--collapse-header-fill: $--color-white !default;
$--collapse-header-color: $--color-text-primary !default;
$--collapse-header-size: 13px !default;
$--collapse-content-fill: $--color-white !default;
$--collapse-content-size: 13px !default;
$--collapse-content-color: $--color-text-primary !default;
/* Transfer
--------------------------*/
$--transfer-border-color: $--border-color-lighter !default;
$--transfer-border-radius: $--border-radius-base !default;
$--transfer-panel-width: 200px !default;
$--transfer-panel-header-height: 40px !default;
$--transfer-panel-header-background: $--background-color-base !default;
$--transfer-panel-footer-height: 40px !default;
$--transfer-panel-body-height: 246px !default;
$--transfer-item-height: 30px !default;
$--transfer-item-hover-background: $--color-text-secondary !default;
$--transfer-filter-height: 32px !default;
/* Header
  --------------------------*/
$--header-padding: 0 20px !default;
/* Footer
--------------------------*/
$--footer-padding: 0 20px !default;
/* Main
--------------------------*/
$--main-padding: 20px !default;
/* Break-point
--------------------------*/
$--sm: 768px !default;
$--md: 992px !default;
$--lg: 1200px !default;
$--xl: 1920px !default;
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';
$--breakpoints: (
  'xs' : (max-width: $--sm - 1),
  'sm' : (min-width: $--sm),
  'md' : (min-width: $--md),
  'lg' : (min-width: $--lg),
  'xl' : (min-width: $--xl)
);
@import "~element-ui/packages/theme-chalk/src/index";
$--breakpoints-spec: (
  'xs-only' : (max-width: $--sm - 1),
  'sm-and-up' : (min-width: $--sm),
  'sm-only': "(min-width: #{$--sm}) and (max-width: #{$--md} - 1)",
  'sm-and-down': (max-width: $--md - 1),
  'md-and-up' : (min-width: $--md),
  'md-only': "(min-width: #{$--md}) and (max-width: #{$--lg } - 1)",
  'md-and-down': (max-width: $--lg - 1),
  'lg-and-up' : (min-width: $--lg),
  'lg-only': "(min-width: #{$--lg}) and (max-width: #{$--xl } - 1)",
  'lg-and-down': (max-width: $--xl - 1),
  'xl-only' : (min-width: $--xl),
);

src/styles/index.scss

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

src/styles/listitem.scss

@@ -87,6 +87,9 @@
  }
  .list-head{
    @include center-items(162px,108px);
    .item-pic-org{
      @include center-items(162px,108px);
    }
  }
  .list-info{
    flex: 1 1 170px;