Merge branch 'master' of http://121.42.53.174:3000/jiapeng/platform

src/api/bridge.js

@@ -1,81 +0,0 @@
import request from '@/utils/request'
/*  添加桥梁 */
export function addDevice(params) {
  return request({
    url: '/ajax/bridge',
    method: 'post',
    data: params
  })
}
/*  更新桥梁信息 */
export function updateDevice(params) {
  return request({
    url: '/ajax/bridge/update',
    method: 'post',
    data: params
  })
}
/*  删除桥梁信息 */
export function deleteDevice(params) {
  return request({
    url: '/ajax/bridge/delete',
    method: 'get',
    params
  })
}
/*  查询单个桥梁 */
export function queryDevice(params) {
  return request({
    url: '/ajax/bridge/qo',
    method: 'get',
    params
  })
}
/*  分页查询桥梁 */
export function pageQueryDevice(params) {
  return request({
    url: '/ajax/bridge/pq',
    method: 'get',
    params
  })
}
/*  校验桥梁编号 */
export function checkDeviceCode(params) {
  return request({
    url: '/ajax/bridge/checkCode',
    method: 'get',
    params
  })
}
/*  校验桥梁简称 */
export function checkBridgeShortName(params) {
  return request({
    url: '/ajax/bridge/checkShortName',
    method: 'get',
    params
  })
}
/*  校验桥梁全称 */
export function checkBridgeName(params) {
  return request({
    url: '/ajax/bridge/checkName',
    method: 'get',
    params
  })
}
/*  上传图片 */
export function uploadBridgeImg() {
  return request({
    url: '/ajax/bridge/upload',
    method: 'post'
  })
}

src/common/stylus/base.styl

@@ -1,29 +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

src/common/stylus/browse.styl

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

src/common/stylus/common.styl

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

src/common/stylus/index.styl

@@ -1,3 +0,0 @@
@import './base'
@import './common'
@import './listitem'

src/common/stylus/listitem.styl

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

src/common/stylus/mixin.styl

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

src/components/bench-views/ArticleTemplate.vue

@@ -1,236 +0,0 @@
<template>
  <div class="searchList">
    <ul>
      <li class="list-item" v-for="(item, index) in dataList" :key="index" @click="kexiuExpert(item)">
        <div class="list-head" :style="{ backgroundImage: 'url('+ imageDis(item)+')'}" ></div>
        <div class="list-info">
          <div class="list-tit">{{item.articleTitle}}</div>
          <ul class="list-tag" v-if="flag!=1">
            <li>{{item.company}}</li>
            <li>发布于 {{comTime(item.publishTime)}}</li>
            <li>阅读量 {{item.pageViews}}</li>
            <li>赞 {{item.articleAgree}}</li>
            <li>留言 {{item.leverNumber}}</li>
          </ul>
          <ul class="list-tag" v-if="(flag==1) && (item.status==1)">
            <li>发布于 {{comTime(item.publishTime)}}</li>
            <li>阅读量 {{item.pageViews}}</li>
            <li>赞 {{item.articleAgree}}</li>
            <li>留言 {{item.leverNumber}}</li>
          </ul>
          <ul class="list-tag" v-if="(flag==1) && (item.status==2)">
            <li v-show="item.status">修改于{{comTime(item.modifyTime)}}</li>
            <li class="coRed">草稿</li>
            <li class="coRed">将在 {{comTime(item.modifyTime)}}定时发布</li>
          </ul>
          <ul class="list-tag" v-if="(flag==1) && (item.status==0)">
            <li v-show="item.status">修改于{{comTime(item.modifyTime)}}</li>
            <li class="coRed">草稿</li>
          </ul>
        </div>
        <div class="dele" v-if='flag === 1'>
          <el-button type="primary" size="small" v-if="(item.status == 0 || item.status == 2)" @click.stop="revise(item)">修改</el-button>
          <el-button type="danger" icon="el-icon-delete" circle  @click.stop="delet1(item.articleId, index)"></el-button>
        </div>
        <div class="dele" v-else-if='flag === 2'>
          <el-button type="danger" icon="el-icon-delete" circle @click.stop="delet(item.articleId, index)"></el-button>
        </div>
        <div class="dele" v-else-if='flag === 3'>
          <el-button type="primary" size="small" @click.stop="add(item)">{{item.addText}}</el-button>
        </div>
      </li>
    </ul>
    <defaultPage v-show="ifDefault"></defaultPage>
    <div class="taglist" v-show="!ifDefault">
      <el-pagination background layout="prev, pager, next" :total="total" :page-size="10" @current-change="handleCurrentChange">
      </el-pagination>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  export default {
    props: ['keyValue', 'url', 'flag', 'addA', 'Delele'],
    data() {
      return {
        expertParameters: {},
        dataList: [],
        total: 0,
        orgDefaultImage: util.defaultSet.img.article,
        orgImageAddId: util.ImageUrl('article/'),
        platId: '',
        addText: '添加',
        ifDefault: false
      };
    },
    watch: {
      keyValue: function () {
        this.expertParameters.key = this.keyValue;
        this.expertList();
      },
      addA: function () {
        this.expertList();
      },
      Delele: function () {
        this.expertList();
      }
    },
    created() {
      this.platId = Cookies.get('plf_user');
      this.expertParameters = {
        key: this.keyValue,
        pageSize: 10,
        pageNo: 1
      };
      if (this.flag === 1) {
        this.expertParameters.ownerId = this.platId;
        this.expertParameters.articleType = 3;
        this.expertParameters.status = [0, 1, 2];
      } else {
        this.expertParameters.pid = this.platId;
      }
      this.expertList();
    },
    methods: {
      revise(item) {
        this.$router.push({path: '/PublishArticle?arId=' + item.articleId});
      },
      imageDis: function (item) {
        return (item.articleImg) ? this.orgImageAddId + item.articleImg : this.orgDefaultImage;
      },
      comTime: util.dateChange,
      expertList() {
        this.$axios.get(this.url, {
          params: this.expertParameters
        }).then((res) => {
          if (res.success) {
            this.dataList = res.data.data;
            this.total = res.data.total;
            if (res.data.data.length === 0) {
              this.ifDefault = true;
            } else {
              this.ifDefault = false;
            }
            for (let i = 0; i < res.data.data.length; i++) {
              res.data.data[i].addText = this.addText;
              if (this.flag !== 1) {
                this.leaveWordTotal(res.data.data[i]);
                this.companyName(res.data.data[i]);
              } else {
                if (res.data.data[i].status === '1') {
                  this.leaveWordTotal(res.data.data[i]);
                }
              }
            }
          }
        });
      },
      leaveWordTotal($data) {
         this.$axios.get('/ajax/leavemsg/count', {
          params: {
            sid: $data.articleId,
            stype: 1
          }
        }).then((res) => {
          if (res.success) {
            $data.leverNumber = res.data;
            this.$forceUpdate();
          }
        });
      },
      companyName($data) {
          this.$axios.get('/ajax/org/' + $data.ownerId, {
            }).then((res) => {
            if (res.success) {
              $data.company = (res.data.forShort) ? res.data.forShort : res.data.name;
              this.$forceUpdate();
            }
         });
      },
      kexiuExpert(item) {
        if (item.status === '0' || item.status === '2') {
          this.$router.push({path: '/PublishArticle?arId=' + item.articleId});
        } else {
          window.open(util.defaultSet.link.article + item.articleId);
        }
      },
      handleCurrentChange(val) {
        this.expertParameters.pageNo = val;
        this.expertList();
      },
      delet(id, index) {
        this.$alert('确认将该文章移出【企业动态】栏目？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          center: true,
          callback: action => {
            if (action === 'confirm') {
              this.$axios.post(httpUrl.hQuery.orgTrends.del, {
                  pid: this.platId,
                  aid: id
                }).then((res) => {
                  if (res.success) {
                    this.dataList.splice(index, 1);
                    this.$emit('isLogFn', '2');
                  }
              });
            };
          }
        });
      },
      delet1(id, index) {
        this.$alert('确认删除该文章', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          center: true,
          callback: action => {
            if (action === 'confirm') {
              this.$axios.post(httpUrl.kxQurey.article.del, {
                articleId: id
              }).then((res) => {
                if (res.success) {
                  this.dataList.splice(index, 1);
                }
              });
            }
          }
        });
      },
      add(item) {
        if (item.addText === '已添加') {
          return;
        }
        this.$axios.post(httpUrl.hQuery.orgTrends.add, {
              pid: this.platId,
              aid: item.articleId
          }).then((res) => {
            if (res.success) {
              item.addText = '已添加';
              this.$forceUpdate();
              this.$emit('isLogFn', '1');
            }
          });
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import '../../common/stylus/listitem';
    .list-item
      cursor: pointer
      &:hover
        background: #EEEEEE
      &:hover .dele
        display: block
      .dele
        display: none
        position: absolute
        right: 10px
    .coRed
      color: red
</style>

src/components/bench-views/BusTemplate.vue

@@ -1,122 +0,0 @@
<template>
  <ul>
    <li class="list-item" v-for="(item, index) in dataList" :key="index" @click="kexiuExpert(item.id)">
      <div class="list-head" :style="{ backgroundImage: 'url('+ imageDis(item)+')'}"></div>
      <div class="list-info">
        <div class="list-tit list-tig">
          {{(item.forShort) ? item.forShort : item.name}}
          <em class="authicon icon-com" v-bind:class="{ active: (item.authStatus == 3)}"></em>
          {{keyValue}}
        </div>
        <ul class="list-tag">
          <li :class='{maginNone:(item.orgType != 2)}'>{{(item.orgType == 2) ? '上市企业' : ''}}</li>
          <li>{{(item.industry) ? item.industry.split(',').join(' | ') : '' }}</li>
        </ul>
      </div>
      <div class="dele" v-show="(flag == 1)">
        <el-button type="danger" icon="el-icon-delete" circle @click.stop="delet(item.id)"></el-button>
      </div>
    </li>
    <defaultPage v-show="ifDefault"></defaultPage>
    <div class="taglist" v-show="!ifDefault">
      <el-pagination background layout="prev, pager, next" :total="total" :page-size="10" @current-change="handleCurrentChange">
      </el-pagination>
    </div>
  </ul>
</template>
<script type="text/ecmascript-6">
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  export default {
    props: ['keyValue', 'url', 'flag'],
    data() {
      return {
        ifDefault: false,
        expertParameters: {},
        dataList: [],
        total: 0,
        orgDefaultImage: util.defaultSet.img.org,
        orgImageAddId: util.ImageUrl('org/', true),
        platId: ''
      };
    },
    watch: {
      keyValue: function () {
        this.expertParameters.key = this.keyValue;
        this.expertList();
      }
    },
    created() {
      this.platId = Cookies.get('plf_user');
      this.expertParameters = {
        pid: this.platId,
        pageSize: 10,
        pageNo: 1
      };
      if (this.flag === 1) {
        this.expertParameters.key = this.keyValue;
      }
      this.expertList();
    },
    methods: {
      imageDis: function (item) {
        return (item.hasOrgLogo) ? this.orgImageAddId + item.id + '.jpg' : this.orgDefaultImage;
      },
      expertList() {
        this.dataList = [];
        this.$axios.get(this.url, {
          params: this.expertParameters
        }).then((res) => {
          if (res.success) {
            this.dataList = res.data.data;
            if (res.data.data.length === 0) {
              this.ifDefault = true;
            } else {
              this.ifDefault = false;
            }
            this.total = res.data.total;
          }
        });
      },
      kexiuExpert(id) {
        window.open(util.defaultSet.link.org + id);
      },
      handleCurrentChange(val) {
        this.expertParameters.pageNo = val;
        this.expertList();
      },
      delet(id, index) {
        this.$alert('确认将该企业移出平台？', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          center: true,
          callback: action => {
            if (action === 'confirm') {
              this.$axios.post(httpUrl.hQuery.residentOrgs.del, {
                pid: this.platId,
                oid: id
                }).then((res) => {
                  if (res.success) {
                    this.dataList.splice(index, 1);
                  }
              });
            }
          }
        });
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  ul
    .list-item
      .list-info
        .list-tag
          cursor: pointer
          .maginNone
            margin-right: 0px
</style>

src/components/bench-views/Sidebar.vue

@@ -1,43 +0,0 @@
<template>
  <div class="newsLeft">
    <ul>
      <li>工作台</li>
      <li :class='{bg:manage}' @click="content1">内容管理</li>
      <li :class='{bg:compan}' @click="com1">企业管理</li>
      <li :class='{bg:searDemand}' @click="demand1">需求查询</li>
      <li :class='{bg:servi}' @click="serice1">对接服务</li>
      <li @click="goHome">返回</li>
    </ul>
  </div>
</template>
<script>
  export default {
    props: ['manage', 'compan', 'searDemand', 'servi'],
    methods: {
      content1() {
        this.$router.push({ path: '/ContentManagement' });
      },
      com1() {
        this.$router.push({ path: '/BusinessManagement' });
      },
      demand1() {
        this.$router.push({ path: '/DemandSearch' });
      },
      serice1() {
        this.$router.push({ path: '/ButtService' });
      },
      goHome() {
        this.$router.push({ path: '/WorkHome' });
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import './Siderbar.styl'
  .newsLeft
    ul
      .bg
        background-color: $mainColor
        color: #fff
</style>

src/components/bench-views/Siderbar.styl

@@ -1,27 +0,0 @@
  .newsLeft
      float: left
      width: 140px
      li
        height: 50px
        text-align: center
        background: #fff
        line-height: 50px
        border: 1px solid $borderColor
        border-top:none
        cursor: pointer
        color: $commonFont
        &:hover
          background: $mainColor
          color: #fff
        &:last-child
          margin-top: 10px
          border-top: 1px solid $borderColor
        &:first-child
          height: 70px
          line-height: 70px
          cursor: default
          border-top: 1px solid $borderColor
          &:hover
            background: #fff
            color: $commonFont

src/components/bench-views/WorkCommon.vue

@@ -1,53 +0,0 @@
<template>
  <div class="main Site">
    <TheHeader></TheHeader>
    <div class="Site-content paddingTop">
      <div class="contain-wrapper">
        <transition name="router-fade" mode="out-in">
          <router-view></router-view>
        </transition>
      </div>
    </div>
    <TheFooter :plat="plat"></TheFooter>
  </div>
</template>
<script type="text/ecmascript-6">
  import TheHeader from './WorkHead.vue';
  import TheFooter from '../main-views/TheFooter.vue';
  export default {
    data() {
      return {
        plat: ''
      };
    },
    mounted() {
      /* eslint-disable no-undef */
      this.plat = PLAT.info;
    },
    components: {
      TheHeader,
      TheFooter
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import './workCommon'
  .Site
    display: flex
    min-height: 100vh
    flex-direction: column
    .Site-content
      flex: 1
      &.paddingTop
        padding-top:80px
      .router-fade-enter-active,
      .router-fade-leave-active
        transition: opacity 0.2s
      .router-fade-enter,
      .router-fade-leave-active
        opacity: 0
</style>

src/components/bench-views/WorkHead.vue

@@ -1,145 +0,0 @@
<template>
	<div class="workHeader">
		<div class="workHeaderWrapper">
				<ul class="contain-wrapper workHeaderMain">
					<li>
						<router-link to="/Workhome"><h1 class="kexiuLogo"></h1></router-link>
					</li>
					<li>
            <div @mouseover="overShow" @mouseout="outHide" class="logoBox">
              <div class="loginLogo">
                <img :src="plf_logo"/>
              </div>
              <el-collapse-transition>
                <div class="logoChild" v-show="animateStatus">
                  <div class="triangle"></div>
                  <ul>
                    <li @click="updateInfo"> <span class="icon1"></span>修改资料</li>
                    <li @click="accoountInfo"> <span class="icon2"></span>账户设置</li>
                    <li @click="exitOut"> <span class="icon3"></span>退出登录</li>
                  </ul>
                </div>
              </el-collapse-transition>
            </div>
					</li>
				</ul>
		</div>
	</div>
</template>
<script type="text/ecmascript-6">
  import Cookies from 'js-cookie';
  import util from '@/libs/util';
	export default {
    data() {
      return {
        plf_logo: '',
        animateStatus: false
      };
    },
    methods: {
      overShow() {
        this.animateStatus = true;
      },
      outHide() {
        this.animateStatus = false;
      },
      updateInfo() {
        this.$router.push({path: '/updateInfo'});
      },
      accoountInfo() {
        this.$router.push({path: '/AccountSettings'});
      },
      exitOut() {
        Cookies.set('plf_user', null, { path: '/' });
        Cookies.set('plf_name', null, { path: '/' });
        Cookies.set('plf_logo', null, { path: '/' });
        Cookies.set('plf_email', null, { path: '/' });
        this.$router.push({path: '/home'});
      }
    },
    created() {
      var logo = Cookies.get('plf_logo');
      this.plf_logo = logo ? util.ImageUrl('platform' + logo) : util.defaultSet.img.plat;
    }
	};
</script>
<style lang="stylus" rel="stylesheet/stylus">
  .workHeader
    .workHeaderWrapper
      position: fixed;
      width: 100%;
      height: 60px
      background: #fff
      border-bottom: 2px solid $borderColor
      box-sizing: border-box
      z-index: 1000
      font-size: 16px
      line-height: 32px
      display: flex
      justify-content: center
    .workHeaderMain
      display: flex
      justify-content: space-between
      li
        display: flex
        align-items: center
        .kexiuLogo
          width: 60px
          height: 30px
          bg-image('./img/home_icon_cmplogo.png')
          background-size: contain
          overflow: hidden
        .logoBox
          position:relative
          .logoChild
            position: absolute
            top: 45px
            right: 0
            width: 180px
            height: 140px
            z-index: 1000
            .triangle
              width: 0
              height: 0
              border: 8px solid transparent
              border-bottom-color: $mainColor
              position: absolute
              right: 10px
              top: 0
            ul
              width: 100%
              bg-blue-color()
              border-radius()
              overflow: hidden
              position: absolute
              top: 16px
              li
                width: 100%
                height: 40px
                line-height: 40px
                font-size: 13px
                color: #fff
                cursor: pointer
                &:hover
                  bg-blue-active-color()
                span
                  bg-image('./img/index-icon.png')
                  margin:0 10px
                  display: block
                  width: 20px
                  height: 20px
                .icon1
                   background-position: -40px 0
                .icon2
                   background-position: -60px 0
                .icon3
                   background-position: -20px 0
          .loginLogo
            cursor: pointer
            center-items(40px,40px)
</style>

src/components/bench-views/WorkHome.vue

@@ -1,157 +0,0 @@
<template>
  <div class="workbench">
    <div class="content-wrapper head-wrapper block-wrapper">
      <div class="logo-show">
        <img :src="imgUrl" />
      </div>
      <div class="info-show">
        <div class="info-tit">{{platInfo.name}}</div>
        <div class="info-desc">
          <p v-show="platInfo.addr">联系地址：{{platInfo.addr}}</p>
          <p v-show="platInfo.linkphone">联系电话：{{platInfo.linkphone}}</p>
        </div>
      </div>
      <div class="btn-show">
        <el-button type="primary" @click="updateInfo">修改资料</el-button>
      </div>
    </div>
    <div class="main-wrapper block-wrapper">
      <ul>
        <li @click="conManage">
          <div class="li-content">
            <p class="li-tit">内容管理</p>
            <p class="li-tip">管理【平台新闻】和【企业动态】栏目</p>
          </div>
        </li>
        <li @click="cmpManage">
          <div class="li-content">
            <p class="li-tit">企业管理</p>
            <p class="li-tip">管理入驻平台的企业</p>
          </div>
        </li>
        <li @click="demandManage">
          <div class="li-content">
            <p class="li-tit">需求查询</p>
            <p class="li-tip">查看用户在平台发布的需求</p>
          </div>
        </li>
        <li @click="serviceManage">
          <div class="li-content">
            <p class="li-tit">对接服务</p>
            <p class="li-tip">查看我们为您对接的专家与机构</p>
          </div>
        </li>
        <li>
          <div class="li-content">
            <p class="li-tip">更多功能 敬请期待</p>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
  import Cookies from 'js-cookie';
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  export default {
    data() {
      return {
        platInfo: '',
        imgUrl: '',
        plf_user: ''
      };
    },
    computed: {
    },
    created () {
      this.plf_user = Cookies.get('plf_user');
      this.getPlatInfo(this.plf_user);
    },
    methods: {
      getPlatInfo(id) {
        this.$axios.get(httpUrl.hQuery.baseInfo.query, {
          params: {
            id: id
          }
        }).then((res) => {
          console.log(res);
          this.platInfo = res.data;
          this.imgUrl = res.data.logo ? util.ImageUrl('platform' + res.data.logo) : util.defaultSet.img.plat;
        });
      },
      updateInfo() {
        this.$router.push({path: 'updateInfo'});
      },
      conManage() {
        this.$router.push({path: 'ContentManagement'});
      },
      cmpManage() {
        this.$router.push({path: 'BusinessManagement'});
      },
      demandManage() {
        this.$router.push({path: 'DemandSearch'});
      },
      serviceManage() {
        this.$router.push({path: 'ButtService'});
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  .head-wrapper
    display:flex
    align-items:center
    .logo-show
      center-items(210px,140px)
    .info-show
      flex:1 0 210px
      padding-left:15px
      .info-tit
        font-size:24px
        line-height:34px
      .info-desc
        margin-top:10px
        font-size:14px
        line-height:22px
  .main-wrapper
    ul
      display:flex
      flex-wrap:wrap
      margin-right:-10px
      margin-bottom:-10px
      li
        display:flex
        align-items:center
        text-align:center
        background:#fff
        width:360px
        height:180px
        margin-right:10px
        margin-bottom:10px
        cursor:pointer
        .li-content
          width:100%
          line-height:34px
          .li-tit
            font-size:18px
          .li-tip
            color:$secondaryFont
            font-size:14px
        &:hover
          background:$mainColor
          color:#fff
          .li-tip
            color:#fff
        &:last-child
          background:#e5e5e5
          cursor:auto
          &:hover
            background:#e5e5e5
            .li-tip
              color:$secondaryFont
</style>

src/components/bench-views/abutmentService/ButtService.vue

@@ -1,49 +0,0 @@
<template>
  <div class="newsmMain">
    <Sidebar :manage='false' :compan='false' :searDemand='false' :servi='true'></Sidebar>
    <div class="newsRight">
      <el-tabs v-model="activeName">
        <el-tab-pane label="专家顾问" name="first">
          <ExpertAdvisor></ExpertAdvisor>
        </el-tab-pane>
        <el-tab-pane label="合作机构" name="second">
          <BusTemplate :url='url' :flag='2'>
          </BusTemplate>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<script>
  import Sidebar from '../Sidebar.vue';
  import BusTemplate from '../BusTemplate.vue';
  import ExpertAdvisor from './ExpertAdvisor.vue';
  export default {
    data() {
      return {
        activeName: 'first',
        url: '/ajax/platform/info/pqButtedOrgs'
      };
    },
    components: {
      Sidebar,
      BusTemplate,
      ExpertAdvisor
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import '../workCommon'
  ul
    .list-item
      .list-info
        width:86%
        .list-tig
          height: 30px
        .headerTag
          li
            text-ellipsis()
            width: 100%
</style>

src/components/bench-views/abutmentService/ExpertAdvisor.vue

@@ -1,139 +0,0 @@
<template>
  <ul>
    <draggable v-if="dataList" v-model="dataList" @start="drag=true" @end="drag=false">
      <li class="list-item" v-for="(item,index) in dataList" :key="index" @click="kexiuExpert(item.id)">
        <div class="list-head header" :style="{ backgroundImage: 'url('+ item.image +')'}"></div>
        <div class="list-info">
          <div class="list-tit list-tig">{{item.name}} <em class="authicon" :class='item.className'></em></div>
          <ul class="list-tag" v-if="item.offt">
            <li>{{item.offt}}</li>
          </ul>
          <ul class="list-tag headerTag" v-if="item.reserachs">
            <li>研究方向：{{item.reserachs}}</li>
          </ul>
        </div>
      </li>
    </draggable>
    <defaultPage v-show="ifDefault"></defaultPage>
    <div class="taglist" v-show="!ifDefault">
      <el-pagination background layout="prev, pager, next" :total="total" :page-size="10" @current-change="handleCurrentChange">
      </el-pagination>
    </div>
  </ul>
</template>
<script type="text/ecmascript-6">
  import draggable from 'vuedraggable';
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  export default {
    data() {
      return {
        expertParameters: {},
        dataList: [],
        total: 0,
        ifDefault: false
      };
    },
    created() {
      const platId = Cookies.get('plf_user');
      this.expertParameters = {
        pid: platId,
        pageSize: 10,
        pageNo: 1
      };
      this.expertList();
    },
    mounted() {
    },
    methods: {
      expertList() {
        this.dataList = [];
        this.$axios.get(httpUrl.hQuery.buttedProfessors.pq, {
          params: this.expertParameters
        }).then((res) => {
          if (res.success) {
            if (res.data.data.length === 0) {
              this.ifDefault = true;
            } else {
              this.ifDefault = false;
            }
            this.disposeData(res.data.data);
            this.total = res.data.total;
          }
        });
      },
      disposeData($data) {
        this.dataList = $data;
        for (let i = 0; i < $data.length; i++) {
          if ($data[i].title) {
            if ($data[i].orgName) {
              $data[i].offt = $data[i].title + '，' + $data[i].orgName;
            } else {
              $data[i].offt = $data[i].title;
            }
          } else {
            if ($data[i].office) {
              if ($data[i].orgName) {
                $data[i].offt = $data[i].office + '，' + $data[i].orgName;
              } else {
                $data[i].offt = $data[i].office;
              }
            } else {
              $data[i].offt = '';
            }
          }
          $data[i].className = util.autho($data[i].authType, $data[i].orgAuth, $data[i].authStatus);
          if ($data[i].hasHeadImage) {
            $data[i].image = util.ImageUrl('head/' + $data[i].id + '_l.jpg', true);
          } else {
            $data[i].image = util.defaultSet.img.expert;
          }
          this.$axios.get('/ajax/researchArea/' + $data[i].id).then(res => {
            const $info = res.data;
            let arr = [];
            for (let j = 0; j < $info.length; j++) {
              if ($info[j].caption) {
                arr.push($info[j].caption);
              };
              if (j === $info.length - 1) {
                $data[i].reserachs = arr.join('，');
                this.$forceUpdate();
              }
            }
            if ($info.lenth === 0) {
              $data[i].reserachs = '';
            }
          });
        }
      },
      kexiuExpert(id) {
        window.open(util.defaultSet.link.expert + id);
      },
      handleCurrentChange(val) {
        this.expertParameters.pageNo = val;
        this.expertList();
      }
    },
    components: {
        draggable
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
ul
  .list-item
    cursor: pointer
    .header
      width: 80px
      height: 80px
      border-radius: 50%
    .list-info
      .list-tig
        height: 30px
      .headerTag
        margin-top: 0px
</style>

src/components/bench-views/businessManagement/BusRight.vue

@@ -1,34 +0,0 @@
<template>
  <div class="listMain">
    <div class="search">
      <div class="search-wrapper">
        <el-input placeholder="输入关键词" v-model="inValue"></el-input>
        <el-button type="primary" icon="el-icon-search" @click="search">搜索</el-button>
      </div>
    </div>
    <div class="searchList">
      <BusTemplate :url='url' :keyValue='keyValue' :flag='1'></BusTemplate>
    </div>
  </div>
</template>
<script>
  import BusTemplate from '../BusTemplate.vue';
  export default {
    data() {
      return {
        keyValue: '',
        url: '/ajax/platform/info/pqResidentOrgs',
        inValue: ''
      };
    },
    components: {
      BusTemplate
    },
    methods: {
      search() {
        this.keyValue = this.inValue;
      }
    }
  };
</script>

src/components/bench-views/businessManagement/EnterBusiness.vue

@@ -1,36 +0,0 @@
<template>
  <div class="newsmMain">
    <Sidebar :manage='false' :compan='true' :searDemand='false' :servi='false'></Sidebar>
    <div class="newsRight">
      <el-tabs v-model="activeName">
        <el-tab-pane label="入驻企业" name="first">
          <BusRight></BusRight>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<script>
  import Sidebar from '../Sidebar.vue';
  import BusRight from './BusRight.vue';
  export default {
    data() {
      return {
        activeName: 'first'
      };
    },
    components: {
      Sidebar,
      BusRight
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  ul
    .list-item
      .list-info
        .list-tig
          height: 30px
</style>

src/components/bench-views/contentManagement/AlertBox.vue

@@ -1,36 +0,0 @@
<template>
  <div>
    <div class="search">
       <div class="search-wrapper">
         <el-input placeholder="输入关键词" v-model="inValue"></el-input>
         <el-button type="primary" icon="el-icon-search" @click="search">搜索</el-button>
       </div>
    </div>
    <ArticleTemplate :url='url' :keyValue='keyValue' :flag='3' :addA='addA' v-on:isLogFn = "lisLogFn($event)"></ArticleTemplate>
  </div>
</template>
<script>
  import ArticleTemplate from '../ArticleTemplate.vue';
   export default {
     props: ['addA'],
     data() {
      return {
        keyValue: '',
        url: '/ajax/article/pgPublishNotInPlatform',
        inValue: ''
       };
     },
     components: {
      ArticleTemplate
     },
     methods: {
       lisLogFn (par) {
          this.$emit('isLogFn', '1');
       },
       search() {
         this.keyValue = this.inValue;
       }
     }
	};
</script>

src/components/bench-views/contentManagement/ContentManagement.vue

@@ -1,33 +0,0 @@
<template>
  <div class="newsmMain">
    <Sidebar :manage='true' :compan='false' :searDemand='false' :servi='false'></Sidebar>
    <div class="newsRight">
      <el-tabs v-model="activeName">
        <el-tab-pane label="平台管理" name="first">
          <News></News>
        </el-tab-pane>
        <el-tab-pane label="企业动态" name="second">
          <Dynamic></Dynamic>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<script>
  import Sidebar from '../Sidebar.vue';
  import News from '../contentManagement/News.vue';
  import Dynamic from '../contentManagement/Dynamic.vue';
  export default {
    data() {
      return {
        activeName: 'first'
      };
    },
    components: {
      Sidebar,
      News,
      Dynamic
    }
  };
</script>

src/components/bench-views/contentManagement/Dynamic.vue

@@ -1,50 +0,0 @@
<template>
  <div class="listMain">
    <div class="search">
      <div class="search-wrapper">
        <el-input placeholder="输入关键词" v-model="inValue"></el-input>
        <el-button type="primary" icon="el-icon-search" @click="search">搜索</el-button>
        <el-button type="primary" icon="el-icon-edit" @click="dialogVisible = true">
        添加文章
        </el-button>
      </div>
    </div>
    <ArticleTemplate :url='url' :keyValue='keyValue' :flag='2' :Delele='Delele' v-on:isLogFn = "lisLogFn($event)"></ArticleTemplate>
    <el-dialog title="添加企业发布的文章至【企业动态】栏目" :visible.sync="dialogVisible" width="930px">
        <AlertBox :addA='addA' v-on:isLogFn = "lisLogFn($event)"></AlertBox>
    </el-dialog>
  </div>
</template>
<script>
  import ArticleTemplate from '../ArticleTemplate.vue';
  import AlertBox from './AlertBox.vue';
  export default {
    data() {
      return {
        dialogVisible: false,
        keyValue: '',
        url: '/ajax/article/pgPublishInPlatform',
        inValue: '',
        Delele: false,
        addA: false
      };
    },
    components: {
      ArticleTemplate,
      AlertBox
    },
    methods: {
      lisLogFn (par) {
        if (par === '1') {
          this.Delele = !this.Delele;
        } else {
          this.addA = !this.addA;
        }
      },
      search() {
        this.keyValue = this.inValue;
      }
    }
 };
</script>

src/components/bench-views/contentManagement/News.vue

@@ -1,36 +0,0 @@
<template>
  <div class="listMain">
    <div class="search">
      <div class="search-wrapper">
        <el-input placeholder="输入关键词" v-model="inValue"></el-input>
        <el-button type="primary" icon="el-icon-search" @click="search">搜索</el-button>
        <el-button type="primary" icon="el-icon-edit" @click="goPublishArt">发布文章</el-button>
      </div>
    </div>
    <ArticleTemplate :url='url' :keyValue='keyValue' :flag='1'></ArticleTemplate>
  </div>
</template>
<script>
  import ArticleTemplate from '../ArticleTemplate.vue';
    export default {
      data() {
        return {
          keyValue: '',
          url: '/ajax/article/pageQuery',
          inValue: ''
        };
      },
      components: {
        ArticleTemplate
      },
      methods: {
        goPublishArt() {
          this.$router.push({path: '/PublishArticle'});
        },
        search() {
          this.keyValue = this.inValue;
        }
      }
    };
</script>

src/components/bench-views/contentManagement/PreviewArticle.vue

@@ -1,134 +0,0 @@
<template>
  <div class="previewArticle block-wrapper main-content">
    <div class="wrapper-left content-wrapper">
      <div class="detail-info">
        <h2 class="article-title">{{articleInfo.articleTitle}}</h2>
        <div class="article-tip">此处将显示发布时间</div>
        <div class="article-head" :style="{backgroundImage: 'url(' + articleUrl(articleInfo) + ')'}"></div>
        <div class="article-content" v-html="articleInfo.articleContent"></div>
        <ul class="tagList">
          <li v-for="item in articleInfo.subject" :key="item.index">{{item}}</li>
        </ul>
      </div>
    </div>
    <div class="wrapper-right">
      <div class="block-wrapper content-wrapper article-owner">
        <div class="owner-head">
          <img :src="logoUrl" />
        </div>
        <div class="owner-name">{{platInfo.name}}</div>
      </div>
    </div>
    <BackTop></BackTop>
  </div>
</template>
<script type="text/ecmascript-6">
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  export default {
    data() {
      return {
        platInfo: '',
        logoUrl: '',
        articleId: '',
        ownerId: '',
        articleInfo: ''
      };
    },
    created() {
      this.articleId = util.urlParse('id');
      this.getArticleInfo();
    },
    methods: {
      getArticleInfo() {
        this.$axios.get(httpUrl.kxQurey.article.query, {
          params: {
            articleId: this.articleId
          }
        }).then((res) => {
          if (res.success) {
            var $info = res.data;
            if ($info.subject) {
              $info.subject = $info.subject.split(',');
            };
            this.articleInfo = $info;
            this.ownerId = $info.ownerId;
            this.getPlatInfo();
          };
        });
      },
      getPlatInfo() {
        this.$axios.get(httpUrl.hQuery.baseInfo.query, {
          params: {
            id: this.ownerId
          }
        }).then((res) => {
          if (res.success) {
            var $info = res.data;
            this.platInfo = $info;
            this.logoUrl = util.ImageUrl('platform' + res.data.logo);
          };
        });
      },
      articleUrl(item) {
        return item.articleImg ? util.ImageUrl('article/' + item.articleImg) : util.defaultSet.img.article;
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
.previewArticle
  .detail-info
    .article-title
      font-size: 20px
      line-height: 32px
      color: #000
    .article-tip
      font-size: 14px
      color: $secondaryFont
      line-height: 30px
    .article-head
      width: 100%
      height: 300px
      margin: 24px 0
      background-position: center
      background-size: cover
      background-repeat: no-repeat
    .article-content
      font-size: 16px
      color: $mainFont
      line-height: 28px
      word-break: break-word
      p
        margin-bottom: 16px
        img
          width:100%
    .tagList
      margin: 16px 0 2px
      display:flex;
      flex-wrap:wrap
      li
        margin-right: 10px
        margin-bottom: 10px
        padding: 0 12px
        color: $commonFont
        border: 1px solid $borderColor
        border-radius: 20px
        font-size: 14px
        line-height: 30px
  .article-owner
    display:flex
    justify-content:center
    flex-direction: column
    align-items: center
    text-align:center
    .owner-head
      center-items(210px,140px)
    .owner-name
      margin-top:10px
      font-size:16px
      color:$mainFont
</style>

src/components/bench-views/contentManagement/PublishArticle.vue

@@ -1,461 +0,0 @@
<template>
  <div class="publishArticle block-wrapper main-content">
    <div class="wrapper-left content-wrapper">
      <el-form :model="ruleFormArt" :rules="rules" ref="ruleFormArt" class="form-main">
        <el-form-item class="upload-fa">
          <div class="update-rw">
            <div class="up">
              <h2><span>* </span>上传文章封面图片</h2>
              PNG/JPG/JPEG格式，大小2M以内
            </div>
          </div>
          <el-upload
            class="avatar-uploader"
            :action="uploadUrl"
            :show-file-list="false"
            ref="uploadLogo"
            :on-success="handleAvatarSuccess"
            :before-upload="beforeAvatarUpload" prop="imageUrl">
            <div v-if="ruleFormArt.imageUrl" :style="{backgroundImage: 'url(' + ruleFormArt.imageUrl + ')'}" class="avatar"></div>
            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
          </el-upload>
        </el-form-item>
        <input type="hidden" v-model="articleId">
        <el-form-item label="文章标题" prop="artTit">
          <el-input v-model="ruleFormArt.artTit" placeholder="请填写文章标题"></el-input>
        </el-form-item>
        <dynamicTags :tagInfo="tagInfo" :dyStr="ruleFormArt.industry" v-on:turnTags="turnTags($event)" :dynamicTagsLength="5"></dynamicTags>
        <el-form-item label="文章正文">
          <UE :id="artUe" :contentText="ruleFormArt.artDesc" ref="ueBox"></UE>
        </el-form-item>
        <el-form-item></el-form-item>
      </el-form>
    </div>
    <div class="wrapper-right">
      <el-row class="content-wrapper operate-box">
        <el-col :span="8" @click.native="articleAdd('ruleFormArt')">
          <em class="operateicon icon-issue"></em>
          <p style="color:#28b8fa">发布</p>
        </el-col>
        <el-col :span="8" @click.native="clickTiming('ruleFormArt')">
          <em class="operateicon icon-timeissue"></em>
          <p>定时发布</p>
        </el-col>
        <el-col :span="8" @click.native="articleDraft('ruleFormArt', 2)">
          <em class="operateicon icon-preview"></em>
          <p>预览</p>
        </el-col>
        <el-col :span="8" @click.native="articleDraft('ruleFormArt', 1)">
          <em class="operateicon icon-draft"></em>
          <p>存草稿</p>
        </el-col>
        <el-col :span="8" class="nodelete" v-show="!ifDelete">
          <em class="operateicon icon-delete"></em>
          <p>删除</p>
        </el-col>
        <el-col :span="8" v-show="ifDelete" @click.native="articleDelete">
          <em class="operateicon icon-delete"></em>
          <p>删除</p>
        </el-col>
      </el-row>
    </div>
    <!-- timing -->
    <el-dialog title="文章定时发布" :visible.sync="dialogFormVisible" width="400px">
      <el-form>
        <el-form-item label="请设置文章发布的时间：">
          <el-date-picker
            v-model="timingDate"
            type="datetime"
            default-time="12:00:00"
            :picker-options="pickerOptions0"
            :default-value="defaultTime" :placeholder="placeTime" format="yyyy-MM-dd HH:mm:ss" style="width:100%">
          </el-date-picker>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取 消</el-button>
        <el-button type="primary" @click="articleTiming">确 定</el-button>
      </div>
    </el-dialog>
    <BackTop></BackTop>
  </div>
</template>
<script type="text/ecmascript-6">
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  import dynamicTags from '../../sub-component/DynamicTags';
  import UE from './editorUE';
  export default {
    data() {
      return {
        pickerOptions0: {
          disabledDate(time) {
            return time.getTime() < Date.now();
          }
        },
        plf_user: '',
        tagInfo: {
          lableTit: '关键词',
          placeholder: '请填写相关的关键词，如：腐蚀防护、石墨烯、纳米材料'
        },
        artUe: 'artUeditorId', // uedtior的id
        uploadUrl: httpUrl.kxQurey.cachedFile,
        articleId: '',
        timingDate: '',
        defaultTime: new Date().toISOString(),
        ruleFormArt: {
          artTit: '',
          artDesc: '',
          industry: '',
          imageUrl: '', // 临时地址
          imgName: '' // 图片的name
        },
        rules: {
          artTit: [
            { required: true, message: '请填写文章标题', trigger: 'blur' }
          ]
        },
        dialogFormVisible: false,
        ifDelete: false
      };
    },
    created() {
      this.articleId = util.urlParse('arId');
      if (this.articleId) {
        this.getArticle();
      }
      this.plf_user = Cookies.get('plf_user');
      this.ifDelete = true;
    },
    computed: {
      placeTime: function() {
        let d = new Date();
        return new Date(d.getTime() - d.getTimezoneOffset() * 60000).toISOString().replace('T', ' ').replace(/\..+$/, '');
      }
    },
    methods: {
      getArticle() {
        this.$axios.get(httpUrl.kxQurey.article.query, {
          params: {
            articleId: this.articleId
          }
        }).then((res) => {
          if (res.success) {
            this.ruleFormArt.artTit = res.data.articleTitle;
            this.ruleFormArt.imageUrl = util.ImageUrl('article/' + res.data.articleImg, false);
            this.ruleFormArt.industry = res.data.subject;
            this.ruleFormArt.artDesc = res.data.articleContent;
          }
        });
      },
      turnTags(msg) {
        this.ruleFormArt.industry = msg;
      },
      getDataParams(publishTime) {
        this.ruleFormArt.artDesc = this.$refs.ueBox.getUEContent(); // 调用子组件方法
        let $data = {};
        $data.ownerId = this.plf_user;
        $data.articleType = '3';
        $data.articleTitle = this.ruleFormArt.artTit;
        $data.articleContent = this.ruleFormArt.artDesc;
        $data.subject = this.ruleFormArt.industry;
        $data.articleImg = this.ruleFormArt.imgName;
        $data.colNum = '7';
        if (this.articleId) {
          $data.articleId = this.articleId;
        };
        if (publishTime !== '') {
          $data.publishTime = publishTime;
        };
        return $data;
      },
      validImgIfVoid() { // 判断图片是否上传
        if (!this.ruleFormArt.imageUrl) {
          this.$alert('请上传文章封面图片', '提示', {
            confirmButtonText: '确定',
            type: 'warning',
            center: true
          });
          return false;
        }
      },
      articleAdd(formName) { // 发布文章
        this.validImgIfVoid();
        this.$refs[formName].validate((valid) => {
          if (valid) {
            let paramsData = this.getDataParams();
            this.$confirm('确认发布该文章', '提示', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning',
              center: true
            }).then(() => {
              this.$axios.post(httpUrl.kxQurey.article.save, paramsData).then((res) => {
                if (res.success) {
                  this.$alert('文章发布成功！', '提示', {
                    confirmButtonText: '确定',
                    type: 'success',
                    center: true,
                    callback: action => {
                      if (action === 'confirm') {
                        this.$router.push({path: '/ContentManagement'});
                      };
                    }
                  });
                } else {
                  this.$message({
                    message: '文章发布失败，请重新发布！',
                    type: 'warning'
                  });
                };
                console.log(res);
              }).catch(error => {
                console.log(error);
              });
            });
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      },
      clickTiming(formName) {
        this.validImgIfVoid();
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.dialogFormVisible = true;
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      },
      articleTiming() { // 定时发布文章
        let opublishTime = util.dateFormatter(this.placeTime, true, true);
        if (this.timingDate) {
          opublishTime = util.dateFormatter(this.timingDate, true, true);
        }
        let paramsData = this.getDataParams(opublishTime);
        this.$axios.post(httpUrl.kxQurey.article.timing, paramsData).then((res) => {
          if (res.success) {
            this.$alert('文章定时发布时间设置成功！', '提示', {
              confirmButtonText: '确定',
              type: 'success',
              center: true,
              callback: action => {
                this.$router.push({path: '/ContentManagement'});
              }
            });
            this.dialogFormVisible = false;
            this.ifDelete = true;
          };
        });
      },
      articleDraft(formName, num) { // 预览文章/存草稿
        this.validImgIfVoid();
        let paramsData = this.getDataParams();
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.$axios.post(httpUrl.kxQurey.article.draft, paramsData).then((res) => {
              if (res.success) {
                if (num === 1) {
                  this.articleId = res.data;
                  this.$alert('文章已保存草稿', '提示', {
                    confirmButtonText: '确定',
                    type: 'success',
                    center: true,
                    callback: action => {
                      this.$router.push({path: '/ContentManagement'});
                    }
                  });
                } else if (num === 2) {
                  this.articleId = res.data;
                  const {href} = this.$router.resolve({
                      path: '/PreviewArticle',
                      query: {
                        id: res.data
                      }
                  });
                  window.open(href, '_blank');
                }
                this.ifDelete = true;
              } else {
                if (res.code === 90) {
                  this.$alert('由于操作时间过久，上传图片已失效，请重新上传。', '提示', {
                    confirmButtonText: '确定',
                    type: 'warning',
                    center: true
                  });
                } else {
                  this.$alert('文章保存失败！', '提示', {
                    confirmButtonText: '确定',
                    type: 'warning',
                    center: true
                  });
                }
              };
            });
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      },
      articleDelete() { // 删除文章
        this.$confirm('确认删除该文章', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          this.$axios.post(httpUrl.kxQurey.article.del, {
            params: {
              articleId: this.articleId
            }
          }).then((res) => {
            if (res.success) {
              this.$router.push({path: '/ContentManagement'});
            }
            console.log(res);
          });
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '已取消删除'
          });
        });
      },
      // upload img
      handleAvatarSuccess(res, file) {
        this.ruleFormArt.imageUrl = URL.createObjectURL(file.raw);
        this.ruleFormArt.imgName = res.data[0].cacheKey;
      },
      beforeAvatarUpload(file) {
        const isJPG = file.type === 'image/jpeg';
        const isPNG = file.type === 'image/png';
        const isLt2M = file.size / 1024 / 1024 < 2;
        if (!isJPG && !isPNG) {
          this.$message.error('请上传PNG/JPG/JPEG格式的图片');
        }
        if (!isLt2M) {
          this.$message.error('上传logo大小不能超过 2MB!');
        }
        return (!isJPG || !isPNG) && isLt2M;
      }
      // upload img
    },
    components: {
      dynamicTags,
      UE
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
.publishArticle
  .form-main
    width:100%
    .form-line
      border-top:1px dashed #ccc
      margin-bottom:20px
  .el-form-item__label
    float:none
  .shortW
    width:300px
  .code-btn
    .el-input-group__append
      padding:0
      overflow:hidden
      img
        width:100px
        height:38px
        cursor: pointer
  .upload-fa
    position:relative
    .avatar-uploader
      .el-upload
        display:flex
        align-items:center
        justify-content:center
        border: 1px dashed #d9d9d9
        border-radius: 6px
        cursor: pointer
        position: relative
        width: 100%
        height: 190px
        overflow: hidden
        &:hover
          border-color: $mainColor
        .avatar-uploader-icon
          font-size: 40px
          color: #8c939d
          width: 100%
          height: 190px
          line-height: 190px
          text-align: center
        .avatar
          width:100%
          height:190px
          background-size:cover
          background-position:center
    .update-rw
      position:absolute
      display:flex
      justify-content:center
      align-items:center
      text-align:center
      line-height:20px
      width:100%
      top:66%
      color:$secondaryFont
      h2
        font-size:16px
        span
          color:#f56c6c
  .operate-box
    border-top:4px solid #28b8fa
    .el-col-8
      text-align:center
      margin-bottom:12px
      cursor:pointer
      color:$commonFont
      .operateicon
        display:inline-block;
        width:18px;
        height:18px;
        &.icon-issue
          bg-image('/static/comimg/g_article_icon_fabu_hig.png')
        &.icon-timeissue
          bg-image('/static/comimg/g_article_icon_dingshi_nor.png')
        &.icon-preview
          bg-image('/static/comimg/g_article_icon_yulan_nor.png')
        &.icon-draft
          bg-image('/static/comimg/g_article_icon_caogao_nor.png')
        &.icon-delete
          bg-image('/static/comimg/g_article_icon_shanchu_nor.png')
      &:hover
        color:#28b8fa
        .icon-timeissue
          bg-image('/static/comimg/g_article_icon_dingshi_hig.png')
        .icon-preview
          bg-image('/static/comimg/g_article_icon_yulan_hig.png')
        .icon-draft
          bg-image('/static/comimg/g_article_icon_caogao_hig.png')
        .icon-delete
          bg-image('/static/comimg/g_article_icon_shanchu_hig.png')
      &.nodelete
        cursor:auto
        opacity:.6
        &:hover
          color:$commonFont
          .icon-delete
            bg-image('/static/comimg/g_article_icon_shanchu_nor.png')
</style>

src/components/bench-views/contentManagement/editorUE.vue

@@ -1,56 +0,0 @@
<template>
  <div class="editorBox">
    <script :id="id" type="text/plain"></script>
  </div>
</template>
<script type="text/ecmascript-6">
  import httpUrl from '@/libs/http';
  export default {
    name: 'UE',
    props: {
      id: {
        type: String
      },
      contentText: {
        type: String
      }
    },
    data () {
      return {
        editor: null
      };
    },
    mounted() {
      const self = this;
      /* eslint-disable no-undef */
      this.editor = UE.getEditor(this.id, {
        BaseUrl: '',
        initialFrameWidth: null,
        initialFrameHeight: 500,
        serverUrl: httpUrl.kxQurey.editor,
        UEDITOR_HOME_URL: '/static/ueditor/' // 这个是静态资源的路径
      }); // 初始化UE
      this.editor.addListener('ready', function () { // 确保UE加载完成后放入内容
        if (self.contentText) {
          self.editor.setContent(self.contentText);
        } else {
          self.editor.setContent('');
        }
      });
    },
    methods: {
      getUEContent() { // 获取内容方法
        return this.editor.getContent();
      }
    },
    destroyed() {
      this.editor.destroy();
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
.editorBox
  line-height:18px
</style>

src/components/bench-views/demandSearch/DemandSearch.vue

@@ -1,59 +0,0 @@
<template>
  <div class="newsmMain">
    <Sidebar :manage='false' :compan='false' :searDemand='true' :servi='false'></Sidebar>
    <div class="newsRight">
      <el-tabs v-model="activeName">
        <el-tab-pane label="发布中的需求" name="first">
          <DemandTemplate :flag='1'></DemandTemplate>
        </el-tab-pane>
        <el-tab-pane label="已完成的需求" name="second">
          <DemandTemplate :flag='2'></DemandTemplate>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<script>
  import Sidebar from '../Sidebar.vue';
  import DemandTemplate from './DemandTemplate.vue';
  export default {
    data() {
      return {
        activeName: 'first'
      };
    },
    components: {
      Sidebar,
      DemandTemplate
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  ul
    .list-item
      cursor: pointer
      .list-info
        .list-tig
          height: 30px
        .list-tagl
          li
            text-ellipsis-n(2)
            color: $commonFont
        .list-tagy
          li
            margin-right: 70px
  .listMain
    .coGreen
      color: green
    .select
      margin-top: 20px
      .week
        display: inline-block
        margin-right: 40px
        .weekText
          margin: 0 8px
        .el-select
          width: 130px
</style>

src/components/bench-views/demandSearch/DemandTemplate.vue

@@ -1,215 +0,0 @@
<template>
  <div class="listMain">
    <div class="search">
      <div class="search-wrapper">
        <el-input placeholder="输入关键词" v-model="searchValue" maxlength=50></el-input>
        <el-button type="primary" icon="el-icon-search" @click="search">搜索</el-button>
      </div>
    </div>
    <div class="select">
      <div class="week">
        <span class="weekText">周期：</span>
        <el-select v-model="value" placeholder="请选择" @change="changeDate">
          <el-option
            v-for="item in options"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </div>
      <div class="week">
        <span class="weekText">预算：</span>
        <el-select v-model="budgetValue" placeholder="请选择" @change="changeBudget">
          <el-option
            v-for="item in budget"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </div>
      <div class="week" v-if="flag==1">
        <span class="weekText">排序：</span>
        <el-select v-model="sortValue" placeholder="请选择" @change="changeSort">
          <el-option
            v-for="item in sort"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </div>
    </div>
    <div class="searchList">
      <ul>
        <li class="list-item" v-for="(item, index) in dataList" :key="index" @click="kexiuExpert(item.id)">
          <div class="list-info">
            <div class="list-tit list-tig">{{item.title}}</div>
            <ul class="list-tag">
              <li>{{item.orgName}}</li>
              <li>发布于 {{comTime(item.createTime)}}</li>
              <li>浏览量 {{item.pageViews}}</li>
            </ul>
            <ul class="list-tag list-tagl">
              <li>{{item.descp}}</li>
            </ul>
            <ul class="list-tag list-tagy">
              <li>所在城市：{{item.city}}</li>
              <li v-if="item.duration !== '0'">预计周期：{{options[item.duration].label}}</li>
              <li v-if="item.cost !== '0'">费用预算：{{budget[item.cost].label}}</li>
              <li :class="{ coRed: sty(item)}" v-if="flag==1">有效期至：{{timeCh(item)}}</li>
              <li class="coGreen" v-if="flag==2">有效期至：{{timeCh(item)}}</li>
            </ul>
          </div>
        </li>
      </ul>
      <defaultPage v-show="ifDefault"></defaultPage>
      <div class="taglist" v-show="!ifDefault">
        <el-pagination background layout="prev, pager, next" :total="total" :page-size="10" @current-change="handleCurrentChange">
        </el-pagination>
      </div>
    </div>
  </div>
</template>
<script>
   import Cookies from 'js-cookie';
   import httpUrl from '@/libs/http';
   import util from '@/libs/util';
   export default {
     props: ['flag'],
     data() {
       return {
         ifDefault: false,
         expertParameters: {},
         dataList: [],
         total: 0,
         platId: '',
         searchValue: '',
         isActive: '',
         options: util.workComm.durationTime,
         value: '',
         budget: util.workComm.costRange,
         budgetValue: '',
         sort: [{
           value: '1',
           label: '最新发布'
         }, {
           value: '0',
           label: '即将到期'
         }],
         sortValue: ''
       };
     },
     computed: {
      // optionsNew: function() {
      //   let arr = util.Dictionary.durationTime;
      //   arr.unshift({
      //     value: '',
      //     label: '全部'
      //   });
      //   return arr;
      // },
      // budgetNew: function() {
      //   let arr = util.Dictionary.costRange;
      //   arr.unshift({
      //     value: '',
      //     label: '全部'
      //   });
      //   console.log(arr)
      //   return arr;
      // }
     },
     created() {
      this.platId = Cookies.get('plf_user');
      this.expertParameters = {
        source: 'xttjpt',
        key: this.searchValue,
        pageSize: 10,
        pageNo: 1
      };
      if (this.flag === 2) {
        this.expertParameters.byCreateTime = 2;
        this.expertParameters.state = 2;
      } else {
        this.expertParameters.byCreateTime = 1;
        this.expertParameters.state = 1;
      }
      this.expertList();
    },
    methods: {
      search() {
        this.expertParameters.key = this.searchValue;
        this.expertList();
      },
      sty(item) {
        var nowDate = new Date();
        var year = nowDate.getFullYear();
        var month = nowDate.getMonth() + 1 < 10 ? '0' + (nowDate.getMonth() + 1) : nowDate.getMonth() + 1;
        var day = nowDate.getDate() < 10 ? '0' + nowDate.getDate() : nowDate.getDate();
        var day1 = new Date(year + '-' + month + '-' + day);
        var day2 = new Date(item.invalidDay.substr(0, 4) + '-' + item.invalidDay.substr(4, 2) + '-' + item.invalidDay.substr(6, 2));
        if ((day2 - day1) / (1000 * 60 * 60 * 24) < 7) {
             return true;
        }
        return false;
      },
      timeCh(item) {
        if (item.invalidDay.substr(4, 1) === '0') {
          if (item.invalidDay.substr(6, 1) === '0') {
            return item.invalidDay.substr(0, 4) + '年' + item.invalidDay.substr(5, 1) + '月' + item.invalidDay.substr(7, 1) + '日';
          } else {
            return item.invalidDay.substr(0, 4) + '年' + item.invalidDay.substr(5, 1) + '月' + item.invalidDay.substr(6, 2) + '日';
          }
        } else {
          return item.invalidDay.substr(0, 4) + '年' + item.invalidDay.substr(4, 2) + '月' + item.invalidDay.substr(6, 2) + '日';
        }
      },
      changeDate(p) {
        if (p === '') {
          this.$delete(this.expertParameters, 'duration');
        } else {
          this.expertParameters.duration = p;
        }
        this.expertList();
      },
      changeBudget(p) {
        if (p === '') {
          this.$delete(this.expertParameters, 'cost');
        } else {
          this.expertParameters.cost = p;
        }
        this.expertList();
      },
      changeSort(p) {
        this.expertParameters.byCreateTime = p;
        this.expertList();
      },
      comTime: util.commenTime,
      expertList() {
        this.dataList = [];
        this.$axios.get(httpUrl.hQuery.demand.nopq, {
          params: this.expertParameters
        }).then((res) => {
          if (res.success) {
            this.dataList = res.data.data;
            if (res.data.data.length === 0) {
              this.ifDefault = true;
            } else {
              this.ifDefault = false;
            }
            this.total = res.data.total;
          }
        });
      },
      kexiuExpert(id) {
        window.open(util.defaultSet.link.demand + id);
      },
      handleCurrentChange(val) {
        this.expertParameters.pageNo = val;
        this.expertList();
      }
    }
   };
</script>

src/components/bench-views/workCommon.styl

@@ -1,52 +0,0 @@
@import '../../common/stylus/listitem';
  .newsmMain
    width: 100%
    overflow: hidden
    padding-bottom:20px
    .newsRight
      float: right
      width: 950px
      padding: 0 10px
      margin-left: 10px
      background: #fff
      box-sizing: border-box
      min-height: 700px
      .listMain
        margin-top: 10px
        .searchList
          margin-top: 20px
        .coRed
          color: red
        .search
          width: 100%
          .search-wrapper
            position: relative
            .el-input
              width:400px
              input
                width:400px
                height: 40px
            button:nth-child(2)
              position: absolute
              left: 380px
            button:last-child
              position: absolute
              right: 10px
      .el-dialog__header
        border-1px()
      .el-dialog__body
          padding: 15px 20px 30px 20px 
      .list-item
        &:hover
          background: #EEEEEE
        &:hover .dele
          display: block
      .dele
        display: none
        position: absolute
        right: 10px
      .taglist
        display: flex
        justify-content: center
        align-item: center
        margin: 40px 0

src/components/form-views/AccountSettings.vue

@@ -1,179 +0,0 @@
<template>
  <div class="newsmMain">
    <div class="newsLeft">
      <ul>
        <li>工作台</li>
        <li class='bg' @click="passxiu">密码修改</li>
        <li class='band' @click="mailUp">账号绑定</li>
      </ul>
    </div>
    <div class="newsRight">
      <el-tabs >
        <el-tab-pane label="当前密码">
          <div class="updataPa">
            <el-form label-width="100px" class="demo-ruleForm" size="medium" :model="ruleForm2" status-icon :rules="rules2" ref="ruleForm2">
              <el-form-item label="当前密码" prop="loginPass">
                <el-input type="password" auto-complete="off" v-model="ruleForm2.loginPass"></el-input><span class="forgetPass" @click="forget">忘记密码？</span>
              </el-form-item>
              <el-form-item label="新密码" prop="pass">
                <el-input type="password" v-model="ruleForm2.pass" auto-complete="off"></el-input>
              </el-form-item>
              <el-form-item label="确认密码" prop="checkPass">
                <el-input type="password" v-model="ruleForm2.checkPass" auto-complete="off"></el-input>
              </el-form-item>
            </el-form>
            <el-row>
              <el-button type="primary" size="medium" class="save" @click="submitForm('ruleForm2')" :disabled="ruleForm2.diab">保存</el-button>
            </el-row>
          </div>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<script>
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  export default {
    data() {
      var validatePass = (rule, value, callback) => {
        if (this.ruleForm2.pass !== '' && this.ruleForm2.checkPass !== '' && this.ruleForm2.loginPass !== '') {
          this.ruleForm2.diab = false;
        }
        if (value.length < 6) {
          callback(new Error('密码由6-24个字符组成，区分大小写'));
        } else {
          if (this.ruleForm2.checkPass !== '') {
            this.$refs.ruleForm2.validateField('checkPass');
          }
          callback();
        }
      };
      var validatePass3 = (rule, value, callback) => {
        if (this.ruleForm2.pass !== '' && this.ruleForm2.checkPass !== '' && this.ruleForm2.loginPass !== '') {
          this.ruleForm2.diab = false;
        }
        if (value.length < 6) {
          callback(new Error('密码由6-24个字符组成，区分大小写'));
        } else {
          if (this.ruleForm2.checkPass !== '') {
            this.$refs.ruleForm2.validateField('checkPass');
          }
          callback();
        }
      };
      var validatePass2 = (rule, value, callback) => {
        if (this.ruleForm2.pass !== '' && this.ruleForm2.checkPass !== '' && this.ruleForm2.loginPass !== '') {
          this.ruleForm2.diab = false;
        }
        if (value.length < 6) {
          callback(new Error('密码由6-24个字符组成，区分大小写'));
        } else if (value !== this.ruleForm2.pass) {
          callback(new Error('两次输入不一致，请重新输入'));
        } else {
          callback();
        }
      };
      return {
        ruleForm2: {
          pass: '',
          checkPass: '',
          loginPass: '',
          diab: true
        },
        rules2: {
          pass: [
            { validator: validatePass, trigger: 'blur' }
          ],
          checkPass: [
            { validator: validatePass2, trigger: 'blur' }
          ],
          loginPass: [
            { validator: validatePass3, trigger: 'blur' }
          ]
        }
      };
    },
    methods: {
      forget() {
        this.$router.push({ path: '/findPwd' });
      },
      passxiu() {
        this.$router.push({ path: '/AccountSettings' });
      },
      mailUp() {
        this.$router.push({ path: '/BindAccount' });
      },
      open() {
        this.$confirm('密码修改成功！', '提示', {
          confirmButtonText: '确定',
          type: 'success',
          showCancelButton: false,
          center: true
        });
      },
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.$axios.post(httpUrl.hQuery.sign.modifypw, {
              id: Cookies.get('plf_user'),
              npw: this.ruleForm2.pass,
              opw: this.ruleForm2.loginPass
            }).then((res) => {
              if (res.success) {
                if (res.data === 1) {
                  this.open();
                  this.$refs[formName].resetFields();
                } else {
                  this.$confirm('密码输入错误，请检查后重试', '提示', {
                    confirmButtonText: '确定',
                    type: 'error',
                    showCancelButton: false,
                    center: true
                  });
                }
              }
            });
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import '../bench-views/workCommon';
  @import '../bench-views/Siderbar.styl'
  .newsmMain
    .updataPa
      display: flex
      flex-direction: column;
      align-items: center
      margin-top: 50px
      .save
        padding: 10px 50px
        margin-top: 20px
        position: relative
        left: 20px
      .el-form-item
        position: relative
        width: 400px
        .forgetPass
          color: $mainColor
          position: absolute
          top: 0
          right: -80px
          cursor: pointer
    .newsLeft
      .bg
        background-color: $mainColor
        color: #fff
      .band
        margin-top: 0px
        border-top: none
</style>

src/components/form-views/BindAccount.vue

@@ -1,185 +0,0 @@
<template>
  <div class="newsmMain">
    <div class="newsLeft">
      <ul>
        <li>工作台</li>
        <li  @click="passxiu">密码修改</li>
        <li class='band bg' @click="mailUp">账号绑定</li>
      </ul>
    </div>
    <div class="newsRight">
      <el-tabs >
        <el-tab-pane label="账号绑定">
          <div class="updataPa">
            <div class="mailTitle">您可以使用以下方式登录账户</div>
            <div class="mailUpdata">
              <span class="el-icon-message"></span>已绑定邮箱 {{mailUpadate(mail)}}
              <el-button type="primary" class="upGeng" @click="dialogFormVisible = true">更换</el-button>
            </div>
          </div>
        </el-tab-pane>
      </el-tabs>
    </div>
    <el-dialog title="提示" :visible.sync="dialogFormVisible" class="diog">
      <div class="boxText">验证邮箱，完成账号绑定</div>
      <div class="boxBody">
        <el-input v-model="emailName" auto-complete="off" @blur="cblur" @focus="titler = ''"></el-input>
        <p>{{titler}}</p>
      </div>
      <div class="foobox">
        <el-button type="primary" @click="cblur(1)">发送验证邮件</el-button>
      </div>
    </el-dialog>
    <el-dialog title="提示" :visible.sync="dias" class="diog">
      <div class="boxText">验证邮件已发送至：</div>
      <ul>
        <li class="gren">{{emailName}}</li>
        <li>请您在10分钟内登录您的邮箱，接收邮件，</li>
        <li>点击链接后即可完成绑定。</li>
      </ul>
      <div class="foobox">
        <el-button type="primary" @click="loginMail">登录邮箱</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
  import Cookies from 'js-cookie';
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  export default {
    data() {
      return {
        mail: Cookies.get('plf_email'),
        platId: Cookies.get('plf_user'),
        dialogFormVisible: false,
        emailName: '',
        titler: '',
        dias: false
      };
    },
    methods: {
      passxiu() {
        this.$router.push({ path: '/AccountSettings' });
      },
      mailUp() {
        this.$router.push({ path: '/BindAccount' });
      },
      loginMail() {
        var url = this.emailName.split('@')[1];
        if (util.mailHash[url] === undefined) {
          location.href = 'http://mail.' + url;
        } else {
          location.href = util.mailHash[url];
        }
      },
      cblur(ar) {
        if (util.regular(this.emailName.trim(), 'mail')) {
          this.$axios.get('/ajax/platform/checkEmail', {
            params: {
              email: this.emailName
            }
          }).then((res) => {
            if (res.success) {
              if (res.data === false) {
                  this.titler = '该邮箱已绑定账户，请使用其他邮箱';
              } else {
                    if (ar === 1) {
                      this.dialogFormVisible = false;
                      this.$axios.post('/ajax/platform/reqBindMail', {
                          id: this.platId,
                          mail: this.emailName,
                          url: httpUrl.platUrl + '/#/upMail?sc'
                      }).then((res) => {
                        if (res.success) {
                          this.dias = true;
                        }
                      });
                    }
              }
            }
          });
        } else {
           this.titler = '请输入正确的邮箱地址。';
        }
      },
      mailUpadate(emailset) {
        var emailCookieshow;
        var emailq = emailset.replace(/@.*/, '');
        var emailh = emailset.replace(emailq, '');
        if (emailq.length >= 6) {
          emailCookieshow = emailq.substring(emailq.length - 4, 0) + '****' + emailh;
        }
        if (emailq.length === 5) {
          emailCookieshow = emailq.substring(emailq.length - 3, 0) + '***' + emailh;
        }
        if (emailq.length === 4) {
          emailCookieshow = emailq.substring(emailq.length - 2, 0) + '**' + emailh;
        }
        if (emailq.length === 3) {
          emailCookieshow = emailq.substring(emailq.length - 1, 0) + '*' + emailh;
        }
        if (emailq.length < 3) {
          emailCookieshow = emailq + emailh;
        }
        return emailCookieshow;
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import '../bench-views/workCommon';
  @import '../bench-views/Siderbar.styl';
  .newsmMain
    .updataPa
      display: flex
      flex-direction: column;
      align-items: center
      margin-top: 50px
      .mailTitle
        color: $secondaryFont
      .mailUpdata
        margin-top: 50px
        color: $commonFont
        .el-icon-message
          padding: 3px
          border-radius: 50%
          border:1px solid $mainColor
          color: $mainColor
          margin-right: 30px
        .upGeng
          margin-left: 50px
          padding: 12px 40px
    .newsLeft
      .bg
        background-color: $mainColor
        color: #fff
      .band
        margin-top: 0px
        border-top: none
    .diog
      .el-dialog
        width: 410px
        .boxText
          text-align: center
          margin-bottom: 10px
          margin-top: 15px
        ul
          text-align: center
          .gren
            color: green
            margin: 10px 0 20px 0;
        .boxBody
          text-align: center
          .el-input
            width: 300px
          p
            color: red
      .foobox
        text-align: center
        margin-top: 30px
        .el-button
          width: 200px
</style>

src/components/form-views/DemandIssue.vue

@@ -1,323 +0,0 @@
<template>
  <div class="demandIssue content-wrapper">
    <el-form :model="ruleFormDem" :rules="rules" ref="ruleFormDem" class="form-main">
      <el-form-item label="需求主题" prop="demandTit">
        <el-input v-model="ruleFormDem.demandTit" placeholder="请用一句话概括您的需求"></el-input>
      </el-form-item>
      <el-form-item label="需求内容" prop="demandDesc">
        <el-input type="textarea" :rows="4" v-model="ruleFormDem.demandDesc" placeholder="请描述您的需求背景、具体问题、对专家的要求等等"></el-input>
      </el-form-item>
      <el-col :span="12">
        <CityPick ref="cityPick" :widthselect="148" :prov="ruleFormDem.province" :city="ruleFormDem.city" v-on:selectProv="getSelectProv($event)" v-on:selectCity="getSelectCity($event)"></CityPick>
        <!-- <el-form-item label="所在城市" prop="citys">
          <el-cascader
            :options="optionsCity"
            v-model="ruleFormDem.citys"
            class="shortW"
            placeholder="请选择所在的城市">
          </el-cascader>
        </el-form-item> -->
      </el-col>
      <el-col :span="12">
        <el-form-item label="需求有效期" prop="lastDate">
          <el-date-picker
            v-model="ruleFormDem.lastDate"
            type="date" class="shortW"
            format="yyyy-MM-dd"
            placeholder="请选择截止日期"
            :picker-options="pickerOptions0">
          </el-date-picker>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="预计合作周期" prop="longTime">
          <el-select v-model="selectLongTime" placeholder="请选择预计合作周期" class="shortW">
            <el-option
              v-for="item in longTime"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              @current-change="item.value">
            </el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="费用预算" prop="costRange">
          <el-select v-model="selectCostRange" placeholder="请选择预算范围" class="shortW">
            <el-option
              v-for="item in costRange"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="24"><div class="form-line"></div></el-col>
      <el-col :span="12">
        <el-form-item label="联系人" prop="linkman">
          <el-input v-model="ruleFormDem.linkman" placeholder="请填写您的姓名" class="shortW"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="您所在的企业名称" prop="orgName">
          <el-input v-model="ruleFormDem.orgName" placeholder="建议填写与营业执照一致的企业名称" class="shortW"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="联系电话" prop="linkTel">
          <el-input v-model="ruleFormDem.linkTel" placeholder="请输入您的手机号码，可用于登录科袖网" class="shortW"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="图形验证码" prop="imgVerifyCode">
          <el-input v-model="ruleFormDem.imgVerifyCode" placeholder="请输入图形验证码" class="shortW code-btn">
          <img slot="append" :src="imgVcUrl" @click="changeImgVc" /></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="短信验证码" prop="msgVerifyCode">
          <el-input v-model="ruleFormDem.msgVerifyCode" placeholder="请输入短信验证码" class="shortW">
            <el-button slot="append" :disabled="phoneCodeBol" @click="getPhoneCode">
              <span v-if="sendMsgDisabled">{{seconds + '秒后获取'}}</span>
              <span v-if="!sendMsgDisabled">获取验证码</span>
            </el-button>
          </el-input>
        </el-form-item>
      </el-col>
      <el-col :span="24" ><el-form-item style="height:20px"></el-form-item></el-col>
      <el-col :span="24" >
        <el-form-item style="text-align:center">
          <el-button type="primary" @click="submitForm('ruleFormDem')" style="padding: 12px 50px">立即发布</el-button><br/>
          <el-checkbox checked disabled>我已阅读并同意<a :href="kexiuLink + '/privacy.html'" target="_blank">《科袖用户协议》</a></el-checkbox>
        </el-form-item>
      </el-col>
    </el-form>
  </div>
</template>
<script type="text/ecmascript-6">
  // import {
  //   provinceAndCityData,
  //   CodeToText
  // } from 'element-china-area-data'; // TextToCode
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  var validPhone = (rule, value, callback) => {
    const reg = /^1[3|4|5|7|8][0-9]\d{8}$/;
    if (!value) {
      callback(new Error('请输入你的手机号码'));
    } else if (!reg.test(value)) {
      callback(new Error('请输入正确的手机号码'));
    } else {
      callback();
    };
  };
  export default {
    data() {
      return {
        pickerOptions0: {
          disabledDate(time) {
            return time.getTime() < Date.now();
          }
        },
        kexiuLink: util.ekexiuUrl,
        platSource: '',
        phoneCodeBol: false,
        sendMsgDisabled: false,
        seconds: 60,
        phoneResBack: '',
        imgVcUrl: httpUrl.kxQurey.sign.imgVC,
        // optionsCity: provinceAndCityData,
        selectCostRange: '',
        selectLongTime: '',
        longTime: util.Dictionary.durationTime,
        costRange: util.Dictionary.costRange,
        ruleFormDem: {
          demandTit: '',
          demandDesc: '',
          province: '',
          city: '',
          lastDate: '',
          linkman: '',
          orgName: '',
          linkTel: '',
          imgVerifyCode: '',
          msgVerifyCode: ''
        },
        rules: {
          demandTit: [
            { required: true, message: '请填写需求主题', trigger: 'blur' }
          ],
          demandDesc: [
            { required: true, message: '请填写需求内容', trigger: 'blur' },
            { max: 1000, message: '不得超过1000个字', trigger: 'blur' }
          ],
          province: [
            { required: true, message: '请填写所在省', trigger: 'blur' }
          ],
          city: [
            { required: true, message: '请填写所在城市', trigger: 'blur' }
          ],
          lastDate: [
            { required: true, message: '请选择截止日期', trigger: 'blur' }
          ],
          linkman: [
            { required: true, message: '请填写您的姓名', trigger: 'blur' },
            { max: 10, message: '不得超过10个字', trigger: 'blur' }
          ],
          orgName: [
            { required: true, message: '请填写您所在的企业名称', trigger: 'blur' },
            { max: 50, message: '不得超过50个字', trigger: 'blur' }
          ],
          linkTel: [
            { required: true, validator: validPhone, trigger: 'blur' }
          ],
          imgVerifyCode: [
            { required: true, message: '请输入图形验证码', trigger: 'blur' }
          ],
          msgVerifyCode: [
            { required: true, message: '请输入短信验证码', trigger: 'blur' }
          ]
        }
      };
    },
    created() {
      this.platSource = Cookies.get('platSource');
    },
    methods: {
      getSelectProv(prov) {
        this.ruleFormDem.province = prov;
      },
      getSelectCity(city) {
        this.ruleFormDem.city = city;
      },
      getPhoneCode() {
        if (this.ruleFormDem.linkTel && this.ruleFormDem.imgVerifyCode) {
          this.$axios.get(httpUrl.kxQurey.sign.msgVC, {
            params: {
              phone: this.ruleFormDem.linkTel,
              vcode: this.ruleFormDem.imgVerifyCode
            }
          }).then((res) => {
            if (res.success) {
              console.log(res);
              this.phoneResBack = res.data;
              this.clickMsgVc();
            } else {
              if (res.code === 20001) {
                this.$message.error('图形验证码错误');
                this.changeImgVc();
              };
            };
          });
        } else {
          this.$message({
            message: '请输入手机号和图形验证码',
            type: 'warning'
          });
        }
      },
      clickMsgVc() {
        let me = this;
        me.sendMsgDisabled = true;
        me.phoneCodeBol = true;
        let interval = window.setInterval(function() {
         if ((me.seconds--) <= 0) {
          me.seconds = 60;
          me.sendMsgDisabled = false;
          me.phoneCodeBol = false;
          window.clearInterval(interval);
         }
        }, 1000);
      },
      changeImgVc() {
        this.imgVcUrl = httpUrl.kxQurey.sign.imgVC + '?' + new Date().getTime();
      },
      resetForm(formName) {
        this.$refs.cityPick.resetProvCity();
        this.selectCostRange = '';
        this.selectLongTime = '';
        this.$refs[formName].resetFields();
      },
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            let paramsData = {
              'title': this.ruleFormDem.demandTit,
              'descp': this.ruleFormDem.demandDesc,
              'province': this.ruleFormDem.province,
              'city': this.ruleFormDem.city,
              'invalidDay': util.dateFormatter(this.ruleFormDem.lastDate, false, true),
              'cost': this.selectCostRange,
              'duration': this.selectLongTime,
              'name': this.ruleFormDem.linkman,
              'orgName': this.ruleFormDem.orgName,
              'contactNum': this.ruleFormDem.linkTel,
              'vc': this.ruleFormDem.msgVerifyCode,
              'state': this.phoneResBack,
              'source': this.platSource
            };
            console.log(paramsData);
            this.$axios.post(httpUrl.hQuery.demand.add, paramsData).then((res) => {
              if (res.success) {
                this.$alert('我们已收到您的需求，马上为您对接合适的专家和专业机构，您可以登录科袖网与对方做进一步沟通。', '需求发布成功！', {
                  confirmButtonText: '进入科袖网，发现更多服务和资源',
                  type: 'success',
                  center: true,
                  cancelButtonText: '取消',
                  callback: action => {
                    if (action === 'confirm') {
                      window.open(util.ekexiuUrl, '科袖网首页');
                    };
                  }
                });
                this.resetForm(formName);
                this.$emit('dialogChanged', false);
              } else {
                this.$message({
                  message: '需求发布失败，请重新发布！',
                  type: 'warning'
                });
              };
              console.log(res);
            }).catch(error => {
              console.log(error);
            });
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
.demandIssue
  padding-top:10px
  .form-main
    width:100%
    .form-line
      border-top:1px dashed #ccc
      margin-bottom:20px
  .shortW
    width:300px
  .code-btn
    .el-input-group__append
      padding:0
      overflow:hidden
      img
        width:100px
        height:38px
        cursor: pointer
  .el-checkbox__label
    a
      color:#c0c4cc
</style>

src/components/form-views/DemandIssueLogin.vue

@@ -1,355 +0,0 @@
<template>
  <div class="demandIssue content-wrapper">
    <div class="login-box content-wrapper" v-show="ifLogin">
      <el-form :model="ruleLogin" :rules="ruleLogins" ref="ruleLogin" class="demo-ruleForm">
        <el-form-item prop="phoneNum">
          <el-input v-model="ruleLogin.phoneNum" placeholder="请输入您的手机号码"></el-input>
        </el-form-item>
        <el-form-item prop="msgVC">
          <el-input v-model="ruleLogin.msgVC" placeholder="请输入短信验证码">
            <el-button slot="append" :disabled="phoneCodeBol" @click="clickMsgVcLogin">
              <span v-if="sendMsgDisabled">{{seconds + '秒后获取'}}</span>
              <span v-if="!sendMsgDisabled">获取验证码</span>
            </el-button>
         </el-input>
        </el-form-item>
        <el-form-item></el-form-item>
        <el-form-item>
          <el-button style="width:100%" type="primary" @click="loginKexiu('ruleLogin')">登录</el-button>
        </el-form-item>
      </el-form>
    </div>
    <el-form v-show="!ifLogin" :model="ruleFormDem" :rules="rules" ref="ruleFormDem" class="form-main">
      <el-form-item label="需求主题" prop="demandTit">
        <el-input v-model="ruleFormDem.demandTit" placeholder="请用一句话概括您的需求"></el-input>
      </el-form-item>
      <el-form-item label="需求内容" prop="demandDesc">
        <el-input type="textarea" :rows="4" v-model="ruleFormDem.demandDesc" placeholder="请描述您的需求背景、具体问题、对专家的要求等等"></el-input>
      </el-form-item>
      <el-col :span="12">
        <CityPick ref="cityPick" :widthselect="148" :prov="ruleFormDem.province" :city="ruleFormDem.city" v-on:selectProv="getSelectProv($event)" v-on:selectCity="getSelectCity($event)"></CityPick>
      </el-col>
      <el-col :span="12">
        <el-form-item label="需求有效期" prop="lastDate">
          <el-date-picker
            v-model="ruleFormDem.lastDate"
            type="date" class="shortW"
            format="yyyy-MM-dd"
            placeholder="请选择截止日期"
            :picker-options="pickerOptions0">
          </el-date-picker>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="预计合作周期" prop="longTime">
          <el-select v-model="selectLongTime" placeholder="请选择预计合作周期" class="shortW">
            <el-option
              v-for="item in longTime"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              @current-change="item.value">
            </el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="费用预算" prop="costRange">
          <el-select v-model="selectCostRange" placeholder="请选择预算范围" class="shortW">
            <el-option
              v-for="item in costRange"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="24"><div class="form-line"></div></el-col>
      <el-col :span="24">
        <div class="link-man">联系人 <span>{{ruleFormDem.linkman}}</span></div>
      </el-col>
      <el-col :span="12">
        <el-form-item label="您所在的企业名称" prop="orgName">
          <el-input v-model="ruleFormDem.orgName" placeholder="建议填写与营业执照一致的企业名称" class="shortW"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="联系电话" prop="linkTel">
          <el-input v-model="ruleFormDem.linkTel" placeholder="请输入您的手机号码，可用于登录科袖网" class="shortW"></el-input>
        </el-form-item>
      </el-col>
      <el-col :span="24" ><el-form-item style="height:20px"></el-form-item></el-col>
      <el-col :span="24" >
        <el-form-item style="text-align:center">
          <el-button type="primary" @click="submitForm('ruleFormDem')" style="padding: 12px 50px">立即发布</el-button><br/>
          <el-checkbox checked disabled>我已阅读并同意<a :href="kexiuLink + '/privacy.html'" target="_blank">《科袖用户协议》</a></el-checkbox>
        </el-form-item>
      </el-col>
    </el-form>
  </div>
</template>
<script type="text/ecmascript-6">
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  var validPhone = (rule, value, callback) => {
    const reg = /^1[3|4|5|7|8][0-9]\d{8}$/;
    if (!value) {
      callback(new Error('请输入你的手机号码'));
    } else if (!reg.test(value)) {
      callback(new Error('请输入正确的手机号码'));
    } else {
      callback();
    };
  };
  export default {
    data() {
      return {
        pickerOptions0: {
          disabledDate(time) {
            return time.getTime() < Date.now();
          }
        },
        ifLogin: true,
        kxUserId: '',
        phoneResBackLogin: '',
        phoneCodeBol: false,
        sendMsgDisabled: false,
        seconds: 60,
        kexiuLink: util.ekexiuUrl,
        platSource: '',
        imgVcUrl: httpUrl.kxQurey.sign.imgVC,
        selectCostRange: '',
        selectLongTime: '',
        longTime: util.Dictionary.durationTime,
        costRange: util.Dictionary.costRange,
        ruleLogin: {
          phoneNum: '',
          msgVC: ''
        },
        ruleLogins: {
          phoneNum: [
            { required: true, validator: validPhone, trigger: 'blur' }
          ],
          msgVC: [
            { required: true, message: '请输入短信验证码', trigger: 'blur' }
          ]
        },
        ruleFormDem: {
          demandTit: '',
          demandDesc: '',
          lastDate: '',
          linkman: '',
          orgName: '',
          linkTel: '',
          province: '',
          city: ''
        },
        rules: {
          demandTit: [
            { required: true, message: '请填写需求主题', trigger: 'blur' }
          ],
          demandDesc: [
            { required: true, message: '请填写需求内容', trigger: 'blur' },
            { max: 1000, message: '不得超过1000个字', trigger: 'blur' }
          ],
          province: [
            { required: true, message: '请填写所在省', trigger: 'blur' }
          ],
          city: [
            { required: true, message: '请填写所在城市', trigger: 'blur' }
          ],
          lastDate: [
            { required: true, message: '请选择截止日期', trigger: 'blur' }
          ],
          linkman: [
            { required: true, message: '请填写您的姓名', trigger: 'blur' },
            { max: 10, message: '不得超过10个字', trigger: 'blur' }
          ],
          orgName: [
            { required: true, message: '请填写您所在的企业名称', trigger: 'blur' },
            { max: 50, message: '不得超过50个字', trigger: 'blur' }
          ],
          linkTel: [
            { required: true, validator: validPhone, trigger: 'blur' }
          ]
        }
      };
    },
    created() {
      this.platSource = Cookies.get('platSource');
    },
    methods: {
      getSelectProv(prov) {
        this.ruleFormDem.province = prov;
      },
      getSelectCity(city) {
        this.ruleFormDem.city = city;
      },
      // 短信验证登录科袖
      loginKexiu(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            let paramsData = {
              'mobilePhone': this.ruleLogin.phoneNum,
              'validateCode': this.ruleLogin.msgVC,
              'state': this.phoneResBackLogin
            };
            this.$axios.post(httpUrl.kxQurey.sign.msgLogin, paramsData).then((res) => {
              if (res.success) {
                this.kxUserId = res.data.id; // 获取登录用户id
                this.ruleFormDem.linkTel = res.data.mobilePhone;
                this.getUserInfo(res.data.id);
                this.$alert('成功登录科袖网', '提示', {
                  confirmButtonText: '确定',
                  type: 'success',
                  center: true,
                  callback: action => {
                    this.ifLogin = false;
                    this.$refs[formName].resetFields();
                  }
                });
              };
            });
          }
        });
      },
      userRegisterOk() {
        this.$axios.get(httpUrl.kxQurey.sign.isReg + '?key=' + this.ruleLogin.phoneNum, {
        }).then((res) => {
          if (res.success) {
            if (res.data === true) {
              this.$message({
                message: '该账号不存在，请检查后重试',
                type: 'warning'
              });
            };
            console.log(res);
          };
        });
      },
      getPhoneLogin() {
        this.$axios.get(httpUrl.kxQurey.sign.msgLoginVc, {
          params: {
            mobilePhone: this.ruleLogin.phoneNum
          }
        }).then((res) => {
          if (res.success) {
            console.log(res);
            this.phoneResBackLogin = res.data;
          };
        });
      },
      clickMsgVcLogin() {
        const reg = /^1[3|4|5|7|8][0-9]\d{8}$/;
        if (!this.ruleLogin.phoneNum) {
          this.$message({
            message: '请输入你的手机号码',
            type: 'warning'
          });
        } else if (!reg.test(this.ruleLogin.phoneNum)) {
          this.$message({
            message: '请输入正确的手机号码',
            type: 'warning'
          });
        } else {
          this.userRegisterOk();
          let me = this;
          me.sendMsgDisabled = true;
          me.phoneCodeBol = true;
          let interval = window.setInterval(function() {
           if ((me.seconds--) <= 0) {
            me.seconds = 60;
            me.sendMsgDisabled = false;
            me.phoneCodeBol = false;
            window.clearInterval(interval);
           }
          }, 1000);
          this.getPhoneLogin();
        };
      },
      // 短信验证登录科袖
      // 获取科袖账户信息
      getUserInfo(id) {
        this.$axios.get(httpUrl.kxQurey.professor.query + id, {
        }).then((res) => {
          if (res.success) {
            let $info = res.data;
            this.ruleFormDem.linkman = $info.name;
            this.ruleFormDem.orgName = $info.orgName;
          }
        });
      },
      // 获取科袖账户信息
      // 发布需求
      resetForm(formName) {
        this.$refs.cityPick.resetProvCity();
        this.selectCostRange = '';
        this.selectLongTime = '';
        this.ifLogin = true;
        this.$refs[formName].resetFields();
      },
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            let paramsData = {
              'title': this.ruleFormDem.demandTit,
              'descp': this.ruleFormDem.demandDesc,
              'province': this.ruleFormDem.province,
              'city': this.ruleFormDem.city,
              'invalidDay': util.dateFormatter(this.ruleFormDem.lastDate, false, true),
              'cost': this.selectCostRange,
              'duration': this.selectLongTime,
              'orgName': this.ruleFormDem.orgName,
              'contactNum': this.ruleFormDem.linkTel,
              'creator': this.kxUserId,
              'source': this.platSource
            };
            this.$axios.post(httpUrl.kxQurey.demand.add, paramsData).then((res) => {
              if (res.success) {
                this.$alert('我们已收到您的需求，马上为您对接合适的专家和专业机构，您可以登录科袖网与对方做进一步沟通。', '需求发布成功！', {
                  confirmButtonText: '进入科袖网，发现更多服务和资源',
                  type: 'success',
                  center: true,
                  cancelButtonText: '取消',
                  callback: action => {
                    if (action === 'confirm') {
                      window.open(util.ekexiuUrl, '科袖网首页');
                    };
                  }
                });
                this.resetForm(formName);
                this.$emit('dialogChangedLogin', false);
              } else {
                this.$message({
                  message: '需求发布失败，请重新发布！',
                  type: 'warning'
                });
              };
              console.log(res);
            });
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      }
    }
    // 发布需求
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
.demandIssue
  .link-man
    margin-bottom:10px
    span
      margin-left:15px
</style>

src/components/form-views/UpdateInfo.vue

@@ -1,341 +0,0 @@
<template>
  <div class="updateInfo">
    <div class="content-wrapper block-wrapper">
      <el-form :model="ruleFormUpdate" :rules="rules" ref="ruleFormUpdate" label-width="80px" class="update-wrapper demo-ruleForm">
        <div class="update-logo">
          <el-upload
            class="avatar-uploader"
            :action="uploadUrl"
            :show-file-list="false"
            ref="uploadLogo"
            :on-success="handleAvatarSuccess"
            :before-upload="beforeAvatarUpload">
            <img v-if="imageUrl" :src="imageUrl" class="avatar">
            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
          </el-upload>
          <div class="update-tip">PNG/JPG/JPEG格式<br>大小2M以内</div>
        </div>
        <div class="update-main">
          <div class="update-title">{{plf_name}}</div>
          <el-form-item label="联系人" prop="linkman">
            <el-input v-model="ruleFormUpdate.linkman" class="shortW" placeholder="请填写平台联系人姓名"></el-input>
          </el-form-item>
          <el-form-item label="联系电话" prop="tel">
            <el-input v-model="ruleFormUpdate.tel" placeholder="请填写联系电话"></el-input>
          </el-form-item>
          <el-form-item label="联系邮箱" prop="mail">
            <el-input v-model="ruleFormUpdate.mail" placeholder="请填写联系邮箱"></el-input>
          </el-form-item>
          <CityPick
            :labelW="80"
            :widthselect="200"
            :prov="province"
            :city="city"
            v-on:selectProv="getSelectProv($event)"
            v-on:selectCity="getSelectCity($event)">
          </CityPick>
          <!-- <el-form-item label="所在城市" prop="selectedOptions">
            <el-cascader
              :options="optionsCity"
              v-model="selectedOptions"
              class="shortW"
              placeholder="请选择所在的城市">
            </el-cascader>
          </el-form-item> -->
          <el-form-item label="联系地址" prop="address">
            <el-input v-model="ruleFormUpdate.address" placeholder="如：北京市海淀区学院路方兴大厦"></el-input>
          </el-form-item>
          <el-form-item label="官方网址" prop="website">
            <el-input v-model="ruleFormUpdate.website" placeholder="如：www.ekexiu.com"></el-input>
          </el-form-item>
          <dynamicTags :tagInfo="tagInfo" :dyStr="ruleFormUpdate.industry" v-on:turnTags="turnTags($event)" :dynamicTagsLength="10"></dynamicTags>
          <el-form-item label="平台介绍" prop="desc">
            <el-input type="textarea" :rows="8" v-model="ruleFormUpdate.desc" placeholder="请填写一个简单的介绍，让大家更好地了解平台"></el-input>
          </el-form-item>
          <el-form-item></el-form-item>
          <el-form-item>
            <el-button type="primary" @click="submitForm('ruleFormUpdate')">保存</el-button>
            <el-button @click="resetForm">取消</el-button>
          </el-form-item>
        </div>
      </el-form>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
  // import Vue from 'vue';
  // import {
  //   provinceAndCityData,
  //   CodeToText,
  //   TextToCode
  // } from 'element-china-area-data';
  import Cookies from 'js-cookie';
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  import dynamicTags from '../sub-component/DynamicTags';
  export default {
    inject: ['reload'],
    props: {
      plat: {
        type: Object
      }
    },
    data() {
      return {
        tagInfo: {
          lableTit: '面向行业',
          placeholder: '请填写园区面向的行业，如：互联网/智能制造/新材料'
        },
        plf_user: '',
        plf_name: '',
        imageUrl: '', // 临时地址
        imgName: '', // 图片的name
        uploadUrl: httpUrl.hQuery.baseInfo.upload,
        // optionsCity: provinceAndCityData,
        // selectedOptions: [],
        dynamicTags: [],
        isShowAdd: true,
        inputVisible: false,
        inputValue: '',
        province: '',
        city: '',
        ruleFormUpdate: {
          linkman: '',
          tel: '',
          mail: '',
          address: '',
          website: '',
          industry: '',
          desc: ''
        },
        rules: {
          linkman: [
            { required: true, message: '请填写平台联系人姓名', trigger: 'blur' },
            { max: 10, message: '不得超过10个字', trigger: 'blur' }
          ],
          tel: [
            { required: true, message: '请填写联系电话', trigger: 'blur' },
            { max: 50, message: '不得超过50个字', trigger: 'blur' }
          ],
          mail: [
            { required: true, message: '请填写联系邮箱', trigger: 'blur' },
            { type: 'email', message: '请输入正确的邮箱地址', trigger: 'blur' },
            { max: 50, message: '不得超过50个字', trigger: 'blur' }
          ],
          desc: [
            { required: true, message: '请填写平台介绍', trigger: 'blur' },
            { max: 1000, message: '不得超过1000个字', trigger: 'blur' }
          ],
          address: [
            { max: 50, message: '不得超过50个字', trigger: 'blur' }
          ],
          website: [
            { max: 50, message: '不得超过50个字', trigger: 'blur' }
          ]
        }
      };
    },
    computed: {
    },
    created() {
      this.plf_user = Cookies.get('plf_user');
      this.getPlatInfo(this.plf_user);
    },
    methods: {
      turnTags(msg) {
        this.ruleFormUpdate.industry = msg;
      },
      getSelectProv(prov) {
        this.province = prov;
      },
      getSelectCity(city) {
        this.city = city;
      },
      getPlatInfo(id) {
        this.$axios.get(httpUrl.hQuery.baseInfo.query, {
          params: {
            id: id
          }
        }).then((res) => {
          console.log(res);
          let str = res.data;
          this.plf_name = str.name;
          this.imageUrl = str.logo ? util.ImageUrl('platform' + str.logo) : util.defaultSet.img.plat;
          this.imgName = str.logo;
          this.ruleFormUpdate.linkman = str.linkman;
          this.ruleFormUpdate.tel = str.linkphone;
          this.ruleFormUpdate.mail = str.linkemail;
          if (str.province) {
            this.province = str.province;
          }
          if (str.city) {
            this.city = str.city;
          }
          this.ruleFormUpdate.address = str.addr;
          this.ruleFormUpdate.website = str.url;
          if (str.industry) {
            this.ruleFormUpdate.industry = str.industry;
            this.dynamicTags = str.industry.split(',');
            if (this.dynamicTags.length === 10) {
              this.isShowAdd = false;
            }
          }
          this.ruleFormUpdate.desc = str.descp;
        });
      },
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.$refs.uploadLogo.submit(); // 确认上传图片
            if (this.province) {
              if (!this.city) {
                this.$alert('请您选择所在城市', '提示', {
                  confirmButtonText: '确定',
                  type: 'warning',
                  center: true
                });
                return;
              }
            }
            let paramsData = {
              'id': this.plf_user,
              'name': this.plf_name,
              'linkman': this.ruleFormUpdate.linkman,
              'logo': this.imgName,
              'linkphone': this.ruleFormUpdate.tel,
              'linkemail': this.ruleFormUpdate.mail,
              'province': this.province,
              'city': this.city,
              'addr': this.ruleFormUpdate.address,
              'url': this.ruleFormUpdate.website,
              'industry': this.ruleFormUpdate.industry,
              'descp': this.ruleFormUpdate.desc
            };
            this.$axios.post(httpUrl.hQuery.baseInfo.update, paramsData).then((res) => {
              this.$message({
                message: '平台信息修改成功！',
                type: 'success'
              });
              Cookies.set('plf_logo', this.imgName);
              this.$router.push({path: '/WorkHome'});
              this.reload();
            }).catch(error => {
              console.log(error);
            });
          } else {
            console.log('error submit!!');
            return false;
          }
        });
      },
      resetForm(formName) {
        this.$router.push({path: '/WorkHome'});
      },
      // upload img
      handleAvatarSuccess(res, file) {
        this.imageUrl = URL.createObjectURL(file.raw);
        this.imgName = res.data[0].uri;
      },
      beforeAvatarUpload(file) {
        const isJPG = file.type === 'image/jpeg';
        const isPNG = file.type === 'image/png';
        const isLt2M = file.size / 1024 / 1024 < 2;
        if (!isJPG && !isPNG) {
          this.$message.error('请上传PNG/JPG/JPEG格式的图片');
        }
        if (!isLt2M) {
          this.$message.error('上传logo大小不能超过 2MB!');
        }
        return (!isJPG || !isPNG) && isLt2M;
      },
      // upload img
      // add tag
      handleClose(tag) {
        this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
        this.ruleFormUpdate.industry = this.dynamicTags.join(',');
        if (this.dynamicTags.length < 10) {
          this.isShowAdd = true;
        }
      },
      showInput() {
        this.inputVisible = true;
        this.$nextTick(_ => {
          this.$refs.saveTagInput.$refs.input.focus();
        });
      },
      handleInputConfirm() {
        let inputValue = this.inputValue;
        if (inputValue.length > 15) {
          this.$message.error('面向行业不得超过15个字,添加失败！');
        }
        if (this.dynamicTags.length === 10) {
          this.isShowAdd = false;
        }
        if (inputValue && inputValue.length < 15 && this.dynamicTags.length < 10) {
          this.dynamicTags.push(inputValue);
        }
        this.ruleFormUpdate.industry = this.dynamicTags.join(',');
        this.inputVisible = false;
        this.inputValue = '';
      }
      // add tag
    },
    components: {
      dynamicTags
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
.updateInfo
  .update-wrapper
    display:flex
    .update-logo
      width:280px
      .avatar-uploader
        .el-upload
          center-items(280px,187px)
          border: 1px dashed #d9d9d9
          cursor: pointer
          position: relative
          &:hover
            border-color: $mainColor
          .avatar-uploader-icon
            font-size: 40px
            color: #8c939d
            width: 280px
            height: 187px
            line-height: 187px
            text-align: center
      .update-tip
        margin-top:15px
        text-align:center
        font-size:14px
        color:$secondaryFont
    .update-main
      flex:1 0 280px
      padding-left:25px
      .update-title
        font-size:30px
        line-height:54px
        margin-bottom:16px
        padding-left:10px
      .el-tag + .el-tag
        margin-left: 10px
      .button-new-tag
        height: 32px
        line-height: 30px
        padding-top: 0
        padding-bottom: 0
      .input-new-tag
        width: 90px
        margin-left: 10px
        vertical-align: bottom
    .shortW
      width:300px
</style>

src/components/form-views/findPwd.vue

@@ -1,222 +0,0 @@
<template>
  <div class="login">
    <div class="logo-wrapper"></div>
    <div class="form-wrapper">
      <div class="form-contain">
        <p class="form-title">找回密码</p>
        <div class="step-wrapper">
          <el-steps :active="stepVal" finish-status="success" align-center>
            <el-step title="输入邮箱"></el-step>
            <el-step title="接收密码找回邮件"></el-step>
            <el-step title="重置密码"></el-step>
          </el-steps>
        </div>
        <div class="step-contain">
          <el-form v-show="stepFisrt" :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
            <el-form-item prop="mail">
              <el-input v-model="ruleForm.mail" placeholder="请输入邮箱账号"></el-input>
            </el-form-item>
            <el-form-item></el-form-item>
            <el-form-item class="textButton-box">
              <el-button type="primary" :disabled="isDisabl" @click="nextStep('ruleForm')">下一步</el-button>
              <el-button class="textButton" type="text" @click="goLogin">又想起来了</el-button>
            </el-form-item>
          </el-form>
          <el-form v-show="stepSecond" class="demo-ruleForm">
            <el-form-item>
              <p class="importTip">密码找回邮件已发送至：<br />
                <span class="mainTip" id="emailShow">{{ruleForm.mail}}</span>
              </p>
              <p class="smallTip">请您在10分钟内登录您的企业邮箱，接收邮件，<br />点击链接后即可重置密码。</p>
            </el-form-item>
            <el-form-item></el-form-item>
            <el-form-item>
              <el-button type="primary" @click="goToMail">登录邮箱</el-button>
            </el-form-item>
          </el-form>
          <el-form v-show="stepThird" :model="ruleForm2" :rules="rules2" ref="ruleForm2" class="demo-ruleForm">
            <el-form-item prop="pass">
              <el-input type="password" v-model="ruleForm2.pass" placeholder="请设置您的新密码" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item prop="checkPass">
              <el-input type="password" v-model="ruleForm2.checkPass" placeholder="请再次输入密码确认" auto-complete="off"></el-input>
            </el-form-item>
            <el-form-item></el-form-item>
            <el-form-item>
              <el-button type="primary" :disabled="isDisabl" @click="resetPwd('ruleForm2')">重置密码</el-button>
            </el-form-item>
          </el-form>
        </div>
      </div>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
  import Cookies from 'js-cookie';
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  export default {
    data() {
      var validatePass = (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请设置您的新密码'));
        } else if (value.length < 6 || value.length > 24) {
         callback(new Error('密码由6-24个字符组成，区分大小写'));
        } else {
          if (this.ruleForm2.checkPass !== '') {
            this.$refs.ruleForm2.validateField('checkPass');
          }
          callback();
        }
      };
      var validatePass2 = (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请再次输入密码确认'));
        } else if (value !== this.ruleForm2.pass) {
          callback(new Error('两次输入密码不一致，请重新输入!'));
        } else {
          callback();
        }
      };
      return {
        platId: '',
        resetStepNum: '',
        resetCode: '',
        stepVal: 0,
        stepFisrt: true,
        stepSecond: false,
        stepThird: false,
        isDisabl: false,
        ruleForm: {
          mail: ''
        },
        rules: {
          mail: [
            { required: true, message: '请输入邮箱账号', trigger: 'blur' },
            { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur'] }
          ]
        },
        ruleForm2: {
          pass: '',
          checkPass: ''
        },
        rules2: {
          pass: [
            { validator: validatePass, trigger: 'blur' }
          ],
          checkPass: [
            { validator: validatePass2, trigger: 'blur' }
          ]
        }
      };
    },
    created() {
      this.platId = Cookies.get('platId');
      this.resetStepNum = util.urlParse('step');
      this.resetCode = util.urlParse('sc');
      if (this.resetStepNum === '2') {
        this.stepFisrt = false;
        this.stepSecond = false;
        this.stepThird = true;
        this.stepVal = 2;
      }
    },
    methods: {
      nextStep(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.$axios.post(httpUrl.hQuery.sign.reqResetPw, {
              id: this.platId,
              mail: this.ruleForm.mail,
              url: httpUrl.platUrl + '/#/findPwd?step=2&sc'
            }).then(res => {
              console.log(res);
              if (res.success) {
                this.stepFisrt = false;
                this.stepSecond = true;
                this.stepVal = 1;
              } else {
                let errorCode = [{
                  code: -600001,
                  msg: '用户不存在'
                }, {
                  code: -600002,
                  msg: '发送邮箱错误'
                }];
                for (let i = 0; i < errorCode.length; i++) {
                  if (res.code === errorCode[i].code) {
                    this.$message.error(errorCode[i].msg);
                    return;
                  };
                };
              }
            });
          } else {
            return false;
          }
        });
      },
      goToMail() {
        var url = this.ruleForm.mail.split('@')[1];
        if (util.mailHash[url] === undefined) {
          window.open('http://mail.' + url);
        } else {
          window.open(util.mailHash[url]);
        }
      },
      resetPwd(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.$axios.post(httpUrl.hQuery.sign.resetpw, {
              code: this.resetCode,
              pw: this.ruleForm2.pass
            }).then(res => {
              console.log(res);
              if (res.success) {
                this.$alert('您可以使用新密码登录您的账户了', '恭喜您，您的密码重置成功！', {
                  confirmButtonText: '重新登录',
                  type: 'success',
                  center: true,
                  callback: action => {
                    if (action === 'confirm') {
                      this.$router.push({path: '/loginPlat'});
                    };
                  }
                });
              } else {
                if (res.code === -600001) {
                  this.$alert('小提示：邮件内的链接有效时长为10分钟', '很抱歉，当前的链接已失效。', {
                    confirmButtonText: '重新找回密码',
                    type: 'warning',
                    center: true,
                    callback: action => {
                      if (action === 'confirm') {
                        this.stepFisrt = true;
                        this.stepSecond = false;
                        this.stepThird = false;
                        this.stepVal = 0;
                      };
                    }
                  });
                  return;
                };
              };
            });
          } else {
            return false;
          }
        });
      },
      goLogin() {
        this.$router.push({path: '/loginPlat'});
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import './style';
</style>

src/components/form-views/loginPlat.vue

@@ -1,101 +0,0 @@
<template>
  <div class="login">
    <div class="logo-wrapper"></div>
    <div class="form-wrapper">
      <div class="form-contain">
        <p class="form-title">登录平台工作台</p>
        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
          <el-form-item prop="mail">
            <el-input v-model="ruleForm.mail" placeholder="请输入邮箱账号"></el-input>
          </el-form-item>
          <el-form-item prop="pass">
            <el-input type="password" v-model="ruleForm.pass" placeholder="请输入登录密码" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item></el-form-item>
          <el-form-item>
            <el-button type="primary" :disabled="isDisabl" :loading="logining" @click="submitForm('ruleForm')">登录</el-button>
            <el-button type="text" @click="goBackPwd">忘记密码？</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
  import httpUrl from '@/libs/http';
  export default {
     data() {
      return {
        logining: false,
        isDisabl: false,
        ruleForm: {
          mail: '',
          pass: ''
        },
        rules: {
          mail: [
            { required: true, message: '请输入邮箱账号', trigger: 'blur' },
            { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur'] }
          ],
          pass: [
            { required: true, message: '请输入登录密码', trigger: 'blur' },
            { min: 6, max: 24, message: '密码由6-24个字符组成，区分大小写', trigger: 'blur' }
          ]
        }
      };
    },
    methods: {
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.logining = true;
            let paramsData = {
              'email': this.ruleForm.mail,
              'pw': this.ruleForm.pass
            };
            this.$axios.post(httpUrl.hQuery.sign.login, paramsData).then(res => {
              this.logining = false;
              console.log(res);
              if (res.success) {
                this.$router.push({path: '/WorkHome'});
              } else {
                let errorCode = [{
                  code: -600001,
                  msg: '用户不存在'
                }, {
                  code: -600002,
                  msg: '密码不正确'
                }, {
                  code: -600003,
                  msg: '平台信息不存在'
                }, {
                  code: -600004,
                  msg: '用户被禁用'
                }];
                for (let i = 0; i < errorCode.length; i++) {
                  if (res.code === errorCode[i].code) {
                    this.$message.error(errorCode[i].msg);
                    return;
                  };
                };
              }
            }).catch(error => {
              console.log(error);
            });
          } else {
            return false;
          }
        });
      },
      goBackPwd() {
        this.$router.push({path: '/findPwd'});
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import './style';
</style>

src/components/form-views/style.styl

@@ -1,62 +0,0 @@
.login 
  position:relative
  width:100%
  height: 100%
  overflow: hidden
  bg-image('./img/e-sign-on_bg_img_nor.png')
  background-position: 0 bottom
  background-size:cover
  .logo-wrapper
    display:block
    position:absolute
    top:30px
    left:30px
    height:64px
    width:292px
    bg-image('./img/e-sign-on_bg_logo_nor.png')
    background-size:cover
  .form-wrapper
    width:100%
    height:100%
    display:flex
    justify-content: center
    align-items: center
    .form-contain
      width:420px
      background:#fff
      padding:30px 20px
      border-radius()
      .form-title
        font-size: 22px
        line-height: 36px
        color:$mainColor
        text-align:center
        margin-bottom:40px
      .el-button--primary
        width:100%
  .step-wrapper
    margin-bottom:30px
    .el-step__head.is-process
      color: $mainColor
      border-color: $mainColor
    .el-step__title.is-process
      color: $mainColor
    .el-step__description.is-process
      color: $mainColor
  .step-contain
    text-align:center
    .textButton-box
      height:60px
      .textButton
        position:absolute
        left:0
    .importTip
      font-size: 18px
      margin: 10px 0
    .mainTip
      color:$mainColor
    .smallTip
      color:$secondaryFont
      line-height:16px
      font-size:13px

src/components/form-views/upMail.vue

@@ -1,81 +0,0 @@
<template>
  <div class="login">
    <div class="logo-wrapper"></div>
    <div class="form-wrapper">
      <div class="form-contain">
        <p class="form-title">账号绑定</p>
        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" class="demo-ruleForm">
          <el-form-item prop="pass">
            <el-input type="password" v-model="ruleForm.pass" placeholder="请输入登录密码" auto-complete="off"></el-input>
          </el-form-item>
          <el-form-item></el-form-item>
          <el-form-item>
            <el-button type="primary" :disabled="isDisabl" :loading="logining" @click="submitForm('ruleForm')">绑定邮箱</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
  import httpUrl from '@/libs/http';
  import util from '@/libs/util';
  export default {
     data() {
      return {
        logining: false,
        isDisabl: false,
        ruleForm: {
          pass: ''
        },
        rules: {
          pass: [
            { required: true, message: '请输入登录密码', trigger: 'blur' },
            { min: 6, max: 24, message: '密码由6-24个字符组成，区分大小写', trigger: 'blur' }
          ]
        }
      };
    },
    methods: {
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.logining = true;
            let paramsData = {
              'code': util.urlParse('sc'),
              'pw': this.ruleForm.pass
            };
            this.$axios.post(httpUrl.hQuery.sign.bindMail, paramsData).then(res => {
              this.logining = false;
              console.log(res);
              if (res.success) {
                 this.$alert('您可以使用该邮箱登录您的账户了', '恭喜您，您的邮箱绑定成功', {
                  center: true,
                  type: 'success',
                  confirmButtonText: '重新登录',
                  callback: action => {
                    this.$router.push({path: '/#/loginPlat'});
                  }
                });
              } else {
                this.$alert('小提示：邮件内的链接有效时长为10分钟', '很抱歉，当前的链接已失效！', {
                  center: true,
                  type: 'warning'
                });
              }
            }).catch(error => {
              console.log(error);
            });
          } else {
            return false;
          }
        });
      }
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import './style';
</style>

src/libs/queryBase.js

@@ -7,11 +7,13 @@ import Vue from 'vue'
var objCache = {
  professor: {},
  organization: {}
  organization: {},
  company: {}
}
var objHcache = {
  professor: {},
  organization: {}
  organization: {},
  company: {}
}
var objCacheHandler = {
  professor: function(id) {
@@ -55,6 +57,28 @@ var objCacheHandler = {
        hc[i](false)
      }
    })
  },
  company: function(id) {
    var hc = objHcache.company[id]
    Vue.axios.get('/ajax/company/qo', {
      id: id
    }, function(data) {
      delete objHcache.company[id]
      if (data.success) {
        objCache.company[id] = data.data
        for (let i = 0; i < hc.length; ++i) {
          hc[i](true, data.data)
        }
      } else {
        for (let i = 0; i < hc.length; ++i) {
          hc[i](false)
        }
      }
    }, function() {
      for (let i = 0; i < hc.length; ++i) {
        hc[i](false)
      }
    })
  }
}
var cacheModel = {
@@ -85,6 +109,20 @@ var cacheModel = {
        objCacheHandler.organization(id)
      }
    }
  },
  getCompany: function(id, handler) {
    var data = objCache.company[id]
    if (data) {
      handler(true, data)
    } else {
      if (objHcache.company[id]) {
        objHcache.company[id].push(handler)
      } else {
        objHcache.company[id] = []
        objHcache.company[id].push(handler)
        objCacheHandler.company(id)
      }
    }
  }
}

src/libs/util.js

@@ -19,15 +19,8 @@ util.defaultSet = {
    resource: '/static/comimg/default-resource.jpg',
    service: '/static/comimg/default-service.jpg',
    patent: '/static/comimg/default-patent.jpg',
    product: '/static/comimg/default-product.jpg',
    plat: '/static/comimg/default-plat.jpg'
  },
  link: {
    expert: ekexiuUrl + '/userInforShow.html?professorId=',
    org: ekexiuUrl + '/cmpInforShow.html?orgId=',
    article: ekexiuUrl + '/articalShow.html?articleId=',
    resource: ekexiuUrl + '/resourceShow.html?resourceId=',
    service: ekexiuUrl + '/sevriceShow.html?sevriceId=',
    demand: ekexiuUrl + '/demandShow.html?demandId='
  }
};
@@ -121,31 +114,6 @@ util.Dictionary = {
    }]
};
// 企业规模
util.orgSizeShow = {
  '1': '50人以内',
  '2': '50-100人',
  '3': '100-200人',
  '4': '200-500人',
  '5': '500-1000人',
  '6': '1000人以上'
};
// 企业类型
util.orgTypeShow = {
  '2': '上市企业',
  '3': '外资企业',
  '4': '合资企业',
  '5': '独资企业',
  '6': '个体经营',
  '7': '政府机构',
  '8': '公益组织',
  '9': '协会学会',
  '10': '新闻媒体',
  '11': '教育机构',
  'undefined': ''
};
/**
 * 数据字典
 */

src/router/index.js

@@ -224,8 +224,8 @@ const constantRouterMap = [
                component: () => import('@/views/infoshow/compShow/comp')
              },
              {
                path: 'comp_product',
                name: 'comp_product',
                path: 'product_show',
                name: 'product_show',
                component: () => import('@/views/infoshow/compShow/product'),
                meta: { title: '产品名称' }
              }

src/styles/browse.scss

@@ -102,7 +102,7 @@
          .reInfo-box{
            padding-left:15px;
            position: relative;
            min-height: 270px;
            min-height: 252px;
            padding-bottom: 24px;
            .zoom-operate{
              position:absolute;

src/views/frontviews/Dashboard.vue

@@ -100,16 +100,16 @@
        </div>
        <div class="swiper-container" ref="findService">
          <div class="swiper-wrapper">
            <a class="swiper-slide" v-for="item in platWares" :key="item.index" :href="linkWare(item)" target="_blank">
            <router-link class="swiper-slide" v-for="item in platWares" :key="item.index" :to="{name:'serve_show',query:{id:item.id}}" target="_blank">
              <div class="item-block">
                <div class="item-pic" :style="{backgroundImage: 'url(' + waresUrl(item) + ')'}"></div>
                <div class="item-pic" :style="{backgroundImage: 'url(' + item.img + ')'}"></div>
                <div class="item-text">
                  <p class="title">{{item.name}}</p>
                  <p class="desc">{{item.cnt}}</p>
                  <p class="owner">{{item.ownerName}}</p>
                </div>
              </div>
            </a>
            </router-link>
          </div>
          <div class="swiper-button-prev el-icon-arrow-left" ref="prevService"></div>
          <div class="swiper-button-next el-icon-arrow-right" ref="nextService"></div>
@@ -129,21 +129,21 @@
          </div>
          <div class="content-more">
            <!-- <router-link class="item-more" v-for="item in 4" :key="item" to="">咨询服务</router-link> -->
            <router-link class="item-more" to="/findResource">更多</router-link>
            <router-link class="item-more" to="reso">更多</router-link>
          </div>
        </div>
        <div class="swiper-container" ref="findResource">
          <div class="swiper-wrapper">
            <a class="swiper-slide" v-for="item in platResources" :key="item.index" :href="linkResource(item)" target="_blank">
            <router-link class="swiper-slide" v-for="item in platResources" :key="item.index" :to="{name:'reso_show',query:{id:item.id}}" target="_blank">
              <div class="item-block" >
                <div class="item-pic" :style="{backgroundImage: 'url(' + resourcesUrl(item) + ')'}"></div>
                <div class="item-pic" :style="{backgroundImage: 'url(' + item.img + ')'}"></div>
                <div class="item-text">
                  <p class="title">{{item.name}}</p>
                  <p class="desc">{{item.cnt}}</p>
                  <p class="owner">{{item.ownerName}}</p>
                </div>
              </div>
            </a>
            </router-link>
          </div>
          <div class="swiper-button-prev el-icon-arrow-left" ref="prevResource"></div>
          <div class="swiper-button-next el-icon-arrow-right" ref="nextResource"></div>
@@ -232,7 +232,6 @@
       this.platId = Cookies.get('platId');
       this.getAboutUs();
       this.queryPaltNews();
       this.queryOrgTrends();
       this.queryResidentComps();
       this.queryPlatResources();
       this.queryPlatWares();
@@ -314,21 +313,6 @@
          };
        });
      },
      queryOrgTrends() {
        this.$axios.get('/ajax/org/list', {
        }, (res) => {
          if (res.success) {
            var _this = this;
            var $info = res.data;
            for (let i = 0; i < $info.length; i++) {
              (function(m) {
                _this.ownerByond($info[m], true);
              }(i));
            };
            this.orgTrends = $info;
          };
        });
      },
      queryResidentComps() {
        this.$axios.get('/ajax/company/pq', {
          pageSize: 20,
@@ -354,6 +338,11 @@
          if (res.success) {
            var $info = res.data;
            for (let i = 0; i < $info.length; i++) {
              if ($info[i].images) {
                $info[i].img = util.ImageUrl('resource/' + $info[i].images.split(',')[0])
              } else {
                $info[i].img = util.defaultSet.img.resource
              }
              (function(m) {
                _this.ownerByond($info[m]);
              }(i));
@@ -371,6 +360,11 @@
          if (res.success) {
            var $info = res.data;
            for (let i = 0; i < $info.length; i++) {
              if ($info[i].images) {
                $info[i].img = util.ImageUrl('ware' + $info.images.split(',')[0])
              } else {
                $info[i].img = util.defaultSet.img.service
              }
              (function(m) {
                _this.ownerByond($info[m]);
              }(i));
@@ -389,36 +383,9 @@
          }
        });
      },
      resourcesUrl(item) {
        return item.images ? util.ImageUrl('resource/' + item.images.split(',')[0]) : util.defaultSet.img.resource;
      },
      articleUrl(item) {
        return item.articleImg ? util.ImageUrl('article/' + item.articleImg) : util.defaultSet.img.article;
      },
      waresUrl(item) {
        return item.images ? util.ImageUrl('ware' + item.images.split(',')[0]) : util.defaultSet.img.service;
      },
      orgsUrl(item) {
        return item.logo || util.defaultSet.img.org;
      },
      linkResource(item) {
        return util.defaultSet.link.resource + item.id;
      },
      linkWare(item) {
        return util.defaultSet.link.service + item.id;
      },
      linkOrg(item) {
        return util.defaultSet.link.org + item.id;
      },
      linkArticle(item) {
        return util.pageUrl('a', item);
      },
      formTime(item) {
        return util.commenTime(item.publishTime, true);
      },
      searchRes() {
        if (this.inputRes) {
          this.$router.push({path: '/findResource', query: {key: this.inputRes}});
          this.$router.push({name: 'reso', query: {key: this.inputRes}});
        } else {
          this.$message({
            message: '请填写搜索资源的关键词',
@@ -428,7 +395,7 @@
      },
      searchSer() {
        if (this.inputSer) {
          this.$router.push({path: '/findServe', query: {key: this.inputSer}});
          this.$router.push({name: 'serve', query: {key: this.inputSer}});
        } else {
          this.$message({
            message: '请填写搜索服务的关键词',

src/views/infoshow/compShow/comp.vue

@@ -10,7 +10,7 @@
            <div class="info-tit">{{orgInfo.name}}</div>
            <div class="info-tag"><span v-if="orgInfo.type === '1'" style="margin-right:10px">{{compType[orgInfo.type]}}</span> {{keywordObj[1] ? keywordObj[1].join(" | ") : ''}}</div>
            <div class="info-operate">
              <div class="addr">{{orgInfo.addr}}</div>
              <div class="addr">{{citys[orgInfo.addr]}}</div>
              <shareOut :tUrl="elurl"></shareOut>
            </div>
          </div>
@@ -21,14 +21,14 @@
      <div class="wrapper-left left-main">
        <el-tabs v-model="activeName">
          <el-tab-pane label="主页" name="first">
            <div class="content-wrapper split-other" v-if="platServices.length">
            <div class="content-wrapper split-other" v-if="platProducts.length">
              <div class="inner-wrapper">
                <div class="content-title">
                  <span>我们的产品</span>
                  <span class="content-more" @click="activeName='second'">更多</span>
                </div>
                <div class="content">
                  <!-- <baseService v-if="platServices.length" v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService> -->
                  <baseProduct v-if="platProducts.length" v-for="item in platProducts" :key="item.index" :itemSingle="item"></baseProduct>
                </div>
              </div>
            </div>
@@ -51,8 +51,12 @@
              </div>
            </div>
          </el-tab-pane>
          <el-tab-pane label="产品" name="second">
            <!-- <baseService v-if="platServices.length" v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService> -->
          <el-tab-pane :label="'产品 ' + (total>0 ? total : '')" name="second">
            <div v-show="!ifDefault">
              <baseProduct v-if="platProducts.length" v-for="item in platProducts" :key="item.index" :itemSingle="item"></baseProduct>
              <Loading v-show="loadingModalShow" :loadingComplete="loadingComplete" :isLoading="isLoading" v-on:upup="searchLower"></Loading>
            </div>
            <defaultPage v-show="ifDefault"></defaultPage>
          </el-tab-pane>
          <el-tab-pane label="资料" name="third">
            <div class="content-wrapper">
@@ -135,20 +139,29 @@
  import queryDict from '@/libs/queryDict';
  import shareOut from '../components/ShareOut';
  import baseService from '@/views/sub-component/BaseService';
  import baseProduct from '@/views/sub-component/BaseProduct';
  export default {
    data() {
      return {
        activeIndex: '1',
        activeName: 'first',
        orgInfo: '',
        elurl: '',
        pageSize: 30,
        pageNo: 1,
        total: 0,
        keywordObj: [],
        numRanger: [],
        compType: [],
        platServices: [],
        platResources: []
        citys: [],
        // platProductsThree: [],
        platProducts: [],
        platResources: [],
        loadingModalShow: true,
        loadingComplete: false,
        isFormSearch: false,
        isLoading: false,
        ifDefault: false
      };
    },
    created() {
@@ -156,24 +169,31 @@
      this.elurl = window.location.href;
      this.getDictoryData();
      this.getorgInfo();
      this.getCompanyKeyword();
      this.getProductlist();
    },
    components: {
      shareOut,
      baseService
      baseProduct
    },
    methods: {
      getDictoryData() {
        const that = this
        queryDict.applyDict('QYGM', function(dictData) {
          dictData.map(item => {
            that.numRanger.push({ value: item.code, label: item.caption })
            that.numRanger[item.code] = item.caption
          })
        }) // 企业规模
        queryDict.applyDict('QYLX', function(dictData) {
          dictData.map(item => {
            that.compType.push({ value: item.code, label: item.caption })
            that.compType[item.code] = item.caption
          })
        }) // 企业类型
        queryDict.applyDict('XZQH', function(dictData) {
          dictData.map(item => {
            that.citys[item.code] = item.caption
          })
        })
      },
      getorgInfo() {
        this.$axios.get('/ajax/company/qo', {
@@ -209,6 +229,36 @@
            that.keywordObj = objKey
          }
        })
      },
      getProductlist() {
        var that = this
        this.$axios.get('/ajax/product/pq', {
          companyId: that.companyId,
          pageSize: that.pageSize,
          pageNo: that.pageNo
        }, function(res) {
          if (res.success && res.data) {
            const obj = res.data.data
            if (obj.length > 0) {
              that.isFormSearch = true;
              that.total = res.data.total;
              // if (that.pageNo === 1) {
              //   that.platProductsThree = obj;
              // }
              that.platProducts = that.platProducts.concat(obj);
            };
            if (obj.length < that.pageSize) {
              that.loadingModalShow = false;
              that.isFormSearch = false;
            };
          }
        })
      },
      searchLower() {
        if (this.loadingModalShow && !this.isLoading) {
          this.pageNo++;
          this.getProductlist();
        }
      }
    }
  };

src/views/infoshow/compShow/product.vue

@@ -5,14 +5,13 @@
        <div class="content-wrapper split-other">
          <div class="headcon-box hdetail-box">
            <div class="zoom-box">
              <previewMagnify v-if="srcImg.length" :previewImg="srcImg"></previewMagnify>
              <previewMagnify v-if="productInfo.img && productInfo.img.length" :previewImg="productInfo.img"></previewMagnify>
            </div>
            <div class="show-info reInfo-box">
              <div class="info-tit">{{resourceInfo.resourceName}}</div>
              <div class="info-tag">应用用途：{{resourceInfo.supportedServices}}</div>
              <div class="info-tit">{{productInfo.name}}</div>
              <div class="info-tag">简介：{{productInfo.cnt}}</div>
              <div class="info-operate zoom-operate">
                <div class="addr">浏览量 10</div>
                <collectCo></collectCo>
                <!-- <div class="addr">浏览量 10</div> -->
                <shareOut :tUrl="elurl" :tPosition="tPosition"></shareOut>
              </div>
            </div>
@@ -21,51 +20,43 @@
        <div class="content-wrapper">
          <div class="content">
            <el-row :gutter="10" class="rel-detail">
              <el-col class="rel-item" :span="24" v-if="resourceInfo.orgName">
                <div class="rel-tit">所属机构：</div>
                <div>{{resourceInfo.orgName}}</div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="resourceInfo.spec">
              <el-col class="rel-item" :span="24" v-if="productInfo.spec">
                <div class="rel-tit">厂商型号：</div>
                <div>{{resourceInfo.spec}}</div>
                <div>{{productInfo.spec}}</div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="resourceInfo.parameter">
                <div class="rel-tit">性能参数：</div>
                <div v-html="resourceInfo.parameter"></div>
              <el-col class="rel-item" :span="24" v-if="productInfo.producingArea">
                <div class="rel-tit">产地：</div>
                <div>{{productInfo.producingArea}}</div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="productInfo.price">
                <div class="rel-tit">官方价格：</div>
                <div>{{productInfo.price}}</div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="resourceInfo.cooperationNotes">
                <div class="rel-tit">合作备注：</div>
                <div v-html="resourceInfo.cooperationNotes"></div>
              <el-col class="rel-item" :span="24" v-if="productInfo.parameter">
                <div class="rel-tit">性能参数：</div>
                <div v-html="productInfo.parameter"></div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="resourceInfo.descp">
              <el-col class="rel-item" :span="24" v-if="productInfo.descp">
                <div class="rel-tit">详细介绍：</div>
                <div v-html="resourceInfo.descp"></div>
                <div v-html="productInfo.descp"></div>
              </el-col>
              <el-col class="rel-item" :span="24" v-if="resourceInfo.subject && resourceInfo.subject.length">
              <el-col class="rel-item" :span="24" v-if="keywords && keywords.length">
                <el-row class="tag-item">
                  <el-tag v-for="sub in resourceInfo.subject" :key="sub.index">{{sub}}</el-tag>
                  <el-tag v-for="sub in keywords" :key="sub.index">{{sub}}</el-tag>
                </el-row>
              </el-col>
            </el-row>
          </div>
        </div>
        <div class="content-wrapper">
          <div class="content-title">
            <span>您可能感兴趣的资源</span>
          </div>
          <div class="content">
            <!-- <baseService v-if="platServices.length" v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService> -->
          </div>
        </div>
      </div>
      <div class="wrapper-right">
        <div class="content-wrapper">
          <div class="right-split">
            <beyondTo :ownerId="owner.id" :ownerType="owner.type"></beyondTo>
            <beyondTo :ownerId="productInfo.companyId"></beyondTo>
          </div>
          <div class="right-split">
            <div class="content-title">
              <span>热门资源</span>
              <span>其他产品</span>
            </div>
            <div class="content">
              <!-- <baseService v-if="platServices.length" v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService> -->
@@ -79,62 +70,65 @@
</template>
<script>
  import '@/common/stylus/listitem.styl';
  import '@/common/stylus/browse.styl';
  import '@/styles/listitem.scss';
  import '@/styles/browse.scss';
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  import previewMagnify from '../components/previewMagnify';
  import shareOut from '../components/ShareOut';
  import collectCo from '../components/CollectCo';
  import beyondTo from '../components/BeyondTo';
  export default {
    data() {
      return {
        resourceInfo: '',
        productInfo: '',
        keywords: '',
        elurl: '',
        tPosition: 'top-start',
        platServices: [],
        srcImg: [],
        owner: {
          id: '',
          type: ''
        }
        platServices: []
      };
    },
    created() {
      this.resourceId = util.urlParse('id');
      this.productId = util.urlParse('id');
      this.elurl = window.location.href;
      this.getResourceInfo();
      this.getproductInfo();
      this.getProductKeyword();
    },
    components: {
      // PicZoom,
      previewMagnify,
      shareOut,
      collectCo,
      beyondTo
    },
    methods: {
      getResourceInfo() {
        this.$axios.get(httpUrl.kxQurey.resource.query, {
          resourceId: this.resourceId
      getproductInfo() {
        this.$axios.get('/ajax/product/qo', {
          id: this.productId
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            if ($info.subject) {
              $info.subject = util.strToArr($info.subject);
            if ($info.img) {
              $info.img = util.strToArr($info.img);
            }
            if ($info.images.length) {
              this.srcImg = $info.images;
            }
            this.owner = {
              id: $info.professorId,
              type: $info.resourceType
            };
            this.resourceInfo = $info;
            this.productInfo = $info;
          };
        });
      },
      getProductKeyword() {
        var that = this
        that.$axios.get('/ajax/product/qo/keyword', {
          id: that.productId
        }, function(res) {
          if (res.success && res.data) {
            const str = res.data
            var objKey = []
            if (str.length > 0) {
              str.map(item => {
                objKey.push(item.keyword)
              })
            }
            that.keywords = objKey
          }
        })
      }
    }
  };

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

@@ -1,39 +1,23 @@
<template>
  <div class="beyond-block">
    <div class="expert-block">
      <div class="show-head"></div>
    <div class="expert-block" v-if="ownerType==='1'">
      <div class="show-head" :style="{backgroundImage:'url('+ ownerInfo.img +')'}"></div>
      <div class="show-info">
        <div class="info-tit">ownerInfo.name<em class="authicon icon-pro"></em></div>
        <div class="info-tag">ownerInfo.title</div>
        <div class="info-desc">ownerInfo.offt</div>
        <div class="info-tit">{{ownerInfo.name}}<em class="authicon icon-pro"></em></div>
        <div class="info-tag">{{ownerInfo.title}}</div>
        <div class="info-desc">{{ownerInfo.offt}}</div>
      </div>
    </div>
    <div class="expert-block">
    <div class="expert-block" v-else>
      <div class="show-head orgimg-box">
        <img :src="orgLogoUrl(ownerInfo)">
        <img :src="ownerInfo.logo">
      </div>
      <div class="show-info">
        <div class="info-tit">ownerInfo.name<em class="authicon icon-com"></em></div>
        <div class="info-desc">ownerInfo.title</div>
        <div class="info-tit">{{ownerInfo.name}}</div>
        <div class="info-desc">{{ownerInfo.title}}</div>
      </div>
    </div>
    <!-- <div class="expert-block" v-if="ownerType===1">
      <div class="show-head headimg-box" :style="{backgroundImage:'url('+ headUrl(ownerInfo) +')'}"></div>
      <div class="show-info reInfo-box">
        <div class="info-tit">{{ownerInfo.name}}<em class="authicon" :class="headIcon(ownerInfo)"></em></div>
        <div class="info-tag"><span v-if="ownerInfo.title" style="margin-right:10px">{{ownerInfo.title}}</span> {{ownerInfo.offt}}</div>
      </div>
    </div>
    <div class="org-block" v-if="ownerType===2">
      <div class="show-head headimg-box">
        <img :src="orgLogoUrl(ownerInfo)">
      </div>
      <div class="show-info reInfo-box">
        <div class="info-tit">{{ownerInfo.forShort ? ownerInfo.forShort : ownerInfo.name}}<em class="authicon" :class="{'icon-com': ownerInfo.authStatus==='3'}"></em></div>
        <div class="info-tag"><span v-if="ownerInfo.title" style="margin-right:10px">{{ownerInfo.orgType}}</span> {{ownerInfo.industry ? ownerInfo.industry.replace(/,/gi, " | ") : ''}}</div>
      </div>
    </div> -->
    <el-row class="goSpan">
    <el-row class="goSpan" v-if="ownerType">
      <el-button type="primary" icon="el-icon-plus">关注</el-button>
      <el-button type="primary">联系</el-button>
    </el-row>
@@ -41,7 +25,8 @@
</template>
<script>
  import util from '@/libs/util';
  // import httpUrl from '@/libs/http';
  import queryBase from '@/libs/queryBase';
  export default {
    props: {
      ownerId: {
@@ -56,14 +41,64 @@
        ownerInfo: ''
      };
    },
    mounted() {
    created() {
      if (!this.ownerType) {
        this.ownerCompInfo()
      } else if (this.ownerType === '1') {
        this.ownerProInfo()
      } else if (this.ownerType === '2') {
        this.ownerOrgInfo()
      }
    },
    methods: {
      orgLogoUrl(item) {
        return item.hasOrgLogo ? util.ImageUrl(('org/' + item.id + '.jpg'), true) : util.defaultSet.img.org;
      ownerProInfo() {
        var that = this
        queryBase.getProfessor(that.ownerId, function(sc, value) {
          if (sc) {
            that.ownerInfo.name = value.name
            that.ownerInfo.title = value.title
            if (that.ownerInfo.hasHeadImage) {
              that.ownerInfo.img = util.ImageUrl(('head/' + value.id + '_l.jpg'), true)
            } else {
              that.ownerInfo.img = util.defaultSet.img.expert
            }
          }
        })
      },
      ownerOrgInfo() {
        var that = this
        queryBase.getOrganization(that.ownerId, function(sc, value) {
          if (sc) {
            that.ownerInfo.name = value.name
            that.ownerInfo.insdutry = value.insdutry.replace(/,/, ' | ')
            if (that.ownerInfo.hasOrgLogo) {
              that.ownerInfo.img = util.ImageUrl(('org/' + value.id + '.jpg'), true)
            } else {
              that.ownerInfo.img = util.defaultSet.img.org
            }
          }
        })
      },
      headUrl(item) {
        return item.hasHeadImage ? util.ImageUrl(('head/' + item.id + '_l.jpg'), true) : util.defaultSet.img.expert;
      ownerCompInfo() {
        this.$axios.get('/ajax/company/qo', {
          id: this.ownerId
        }, (res) => {
          if (res.success) {
            const obj = res.data
            if (obj.logo === '') {
              obj.logo = util.defaultSet.img.org
            }
            this.ownerInfo = obj
          };
        });
        // queryBase.getCompany(that.ownerId, function(sc, value) {
        //   if (sc) {
        //     that.ownerInfo.name = value.name
        //     if (!that.ownerInfo.logo) {
        //       that.ownerInfo.logo = util.defaultSet.img.org
        //     }
        //   }
        // })
      },
      headIcon(item) {
        return util.autho(item.authType, item.orgAuth, item.authStatus);

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

@@ -40,22 +40,16 @@ function offset(el) {
export default {
  name: 'magnify',
  props: {
    // previewImg: {
    //   type: Array
    // }
    previewImg: {
      type: Array
    }
  },
  data() {
    return {
      zoomVisiable: false,
      hoverVisiable: false,
      selected: true,
      selectIndex: 0,
      previewImg: [
        '/data/resource/201710/C1F33120B2404644A7DD99B3DE9BFC21.jpg',
        '/data/resource/201710/179DCD28E4C146E99869FB1AB943DE1F.jpg',
        '/data/resource/201803/2CF4E47B24454D4BBEEEF126B2108D97.jpg',
        '/data/resource/201706/6989DDEA8E614EF6B550958F0C8A785E.jpg'
      ]
      selectIndex: 0
    };
  },
  methods: {

src/views/infoshow/contentShow/index.vue

@@ -44,8 +44,8 @@
</template>
<script>
  import '@/common/stylus/listitem.styl';
  import '@/common/stylus/browse.styl';
  import '@/styles/listitem.scss';
  import '@/styles/browse.scss';
  import util from '@/libs/util';
  import baseService from '@/views/sub-component/BaseService';

src/views/infoshow/expertShow/index.vue

@@ -3,7 +3,7 @@
		<div class="block-wrapper">
      <div class="content-wrapper">
        <div class="headcon-box">
          <div class="show-head headimg-box" :style="{backgroundImage:'url('+ headUrl(expertInfo) +')'}"></div>
          <div class="show-head headimg-box" :style="{backgroundImage:'url('+ expertInfo.img +')'}"></div>
          <div class="show-info reInfo-box">
            <div class="info-tit">{{expertInfo.name}}<em class="authicon" :class="headIcon(expertInfo)"></em></div>
            <div class="info-tag"><span v-if="expertInfo.title" style="margin-right:10px">{{expertInfo.title}}</span> {{expertInfo.offt}}</div>
@@ -217,7 +217,6 @@
        ifDefault2: false,
        dataO: {
          serModifyTime: '',
          patTime: '',
          patId: ''
        },
@@ -250,6 +249,11 @@
            if ($info.industry) {
              $info.industry = util.strToArr($info.industry);
            }
            if ($info.hasHeadImage) {
              $info.img = util.ImageUrl(('head/' + $info.id + '_l.jpg'), true)
            } else {
              $info.img = util.defaultSet.img.expert
            }
            $info.resAreas = [];
            if ($info.researchAreas && $info.researchAreas.length > 0) {
              for (let i = 0; i < $info.researchAreas.length; ++i) {
@@ -345,9 +349,6 @@
          }
        });
      },
      headUrl(item) {
        return item.hasHeadImage ? util.ImageUrl(('head/' + item.id + '_l.jpg'), true) : util.defaultSet.img.expert;
      },
      headIcon(item) {
        return util.autho(item.authType, item.orgAuth, item.authStatus);
      }

src/views/infoshow/orgShow/index.vue

@@ -4,11 +4,11 @@
      <div class="content-wrapper">
        <div class="headcon-box org-head">
          <div class="show-head headimg-box">
            <img :src="orgLogoUrl(orgInfo)">
            <img :src="orgInfo.logo">
          </div>
          <div class="show-info reInfo-box">
            <div class="info-tit">{{orgInfo.forShort ? orgInfo.forShort : orgInfo.name}}<em class="authicon" :class="{'icon-com': orgInfo.authStatus==='3'}"></em></div>
            <div class="info-tag"><span v-if="orgInfo.title" style="margin-right:10px">{{orgInfo.orgType}}</span> {{orgInfo.industry ? orgInfo.industry.replace(/,/gi, " | ") : ''}}</div>
            <div class="info-tag"><span v-if="orgInfo.title" style="margin-right:10px">{{orgInfo.orgType}}</span></div>
            <div class="info-operate">
              <div class="addr">{{orgInfo.city}}</div>
              <shareOut :tUrl="elurl"></shareOut>
@@ -145,10 +145,10 @@
</template>
<script>
  import '@/common/stylus/listitem.styl';
  import '@/common/stylus/browse.styl';
  import '@/styles/listitem.scss';
  import '@/styles/browse.scss';
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  import queryDict from '@/libs/queryDict';
  import shareOut from '../components/ShareOut';
  import baseService from '@/views/sub-component/BaseService';
@@ -156,10 +156,10 @@
  export default {
    data() {
      return {
        activeIndex: '1',
        activeName: 'first',
        numRanger: [],
        compType: [],
        orgInfo: '',
        orgRegInfo: '',
        elurl: '',
        platServices: [],
        platResources: []
@@ -168,6 +168,7 @@
    created() {
      this.orgId = util.urlParse('id');
      this.elurl = window.location.href;
      this.getDictoryData();
      this.getorgInfo();
    },
    components: {
@@ -175,11 +176,29 @@
      baseService
    },
    methods: {
      getDictoryData() {
        const that = this
        queryDict.applyDict('QYGM', function(dictData) {
          dictData.map(item => {
            that.numRanger[item.code] = item.caption
          })
        }) // 企业规模
        queryDict.applyDict('QYLX', function(dictData) {
          dictData.map(item => {
            that.compType[item.code] = item.caption
          })
        }) // 企业类型
      },
      getorgInfo() {
        this.$axios.get(httpUrl.kxQurey.org.query + this.orgId, {
        this.$axios.getk('/ajax/org/' + this.orgId, {
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            if ($info.hasOrgLogo) {
              $info.logo = util.ImageUrl(('org/' + $info.id + '.jpg'), true)
            } else {
              $info.logo = util.defaultSet.img.org
            }
            if ($info.subject) {
              $info.subject = util.strToArr($info.subject);
            }
@@ -190,27 +209,14 @@
              $info.foundTime = util.TimeTr($info.foundTime);
            }
            if ($info.orgSize) {
              $info.orgSize = util.orgSizeShow[$info.orgSize];
              $info.orgSize = this.numRanger[$info.orgSize];
            }
            if ($info.orgType) {
              $info.orgType = util.orgTypeShow[$info.orgType];
              $info.orgType = this.compType[$info.orgType];
            }
            this.orgInfo = $info;
          };
        });
      },
      getorgRegInfo(oName) {
        this.$axios.get(httpUrl.kxQurey.org.reg, {
          name: oName
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            this.orgRegInfo = $info;
          };
        });
      },
      orgLogoUrl(item) {
        return item.hasOrgLogo ? util.ImageUrl(('org/' + item.id + '.jpg'), true) : util.defaultSet.img.org;
      }
    }
  };

src/views/infoshow/resourceShow/index.vue

@@ -83,7 +83,6 @@
  import '@/styles/listitem.scss';
  import '@/styles/browse.scss';
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  import previewMagnify from '../components/previewMagnify';
  import shareOut from '../components/ShareOut';

src/views/infoshow/resultShow/patent.vue

@@ -93,7 +93,6 @@
  import '@/styles/listitem.scss';
  import '@/styles/browse.scss';
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';
  import shareOut from '../components/ShareOut';
  import collectCo from '../components/CollectCo';

src/views/infoshow/serviceShow/index.vue

@@ -79,8 +79,8 @@
</template>
<script>
  import '@/common/stylus/listitem.styl';
  import '@/common/stylus/browse.styl';
  import '@/styles/listitem.scss';
  import '@/styles/browse.scss';
  import util from '@/libs/util';
  import httpUrl from '@/libs/http';

src/views/sub-component/BaseAgency.vue

@@ -1,14 +1,14 @@
<template>
  <div>
    <div class="block-container">
      <router-link class="block-item org-item" v-for="item in orgData" :key="item.index"  :to="{name:'org_show',query:{id:itemSingle.id}}" target="_blank">
      <router-link class="block-item org-item" v-for="item in orgData" :key="item.index"  :to="{name:'org_show',query:{id:item.id}}" target="_blank">
        <div class="item-block-org">
          <div class="item-pic-org">
            <img :src="orgLogoUrl(item)">
            <img :src="item.logo">
          </div>
          <div class="item-text-org">
            <div class="item-tit-org"><span>{{item.name}}</span><em class="authicon" :class="{'icon-com': item.authStatus==='3'}"></em></div>
            <p class="item-tag-org">{{item.industry.replace(/,/gi, ' | ')}}</p>
            <p class="item-tag-org">{{item.industry}}</p>
          </div>
        </div>
      </router-link>
@@ -18,8 +18,8 @@
</template>
<script>
  import Cookies from 'js-cookie';
  import util from '@/libs/util';
  import queryBase from '@/libs/queryBase';
  export default {
    props: {
@@ -29,7 +29,6 @@
    },
    data() {
      return {
        platId: '',
        rows: 30,
        orgData: [],
        loadingModalShow: true, // 是否显示按钮
@@ -39,28 +38,40 @@
      };
    },
    created() {
       this.platId = Cookies.get('platId');
       this.ResidentOrgs();
    },
    methods: {
      ResidentOrgs(id) {
      ResidentOrgs() {
        this.$axios.get('/ajax/org/list', {}, (res) => {
          if (res.success) {
            var $info = res.data;
            if ($info.length > 0) {
            var $data = res.data;
            if ($data.length > 0) {
              for (let i = 0; i < $data.length; i++) {
                queryBase.getOrganization($data[i].id, function(sc, value) {
                  if (sc) {
                    var owner = $data[i]
                    owner.name = value.name
                    if (value.hasOrgLogo) {
                      owner.logo = util.ImageUrl(('org/' + value.id + '.jpg'), true)
                    } else {
                      owner.logo = util.defaultSet.img.org
                    }
                    if (value.industry) {
                      owner.industry = value.industry.replace(/,/g, ' | ')
                    }
                  }
                })
              }
              this.isFormSearch = true;
              this.orgData = this.orgData.concat($info);
              this.orgData = this.orgData.concat($data);
            };
            if ($info.length < this.rows) {
            if ($data.length < this.rows) {
              this.loadingModalShow = false;
              this.isFormSearch = false;
            };
          };
        });
      },
      orgLogoUrl(item) {
        return item.hasOrgLogo ? util.ImageUrl(('org/' + item.id + '.jpg'), true) : util.defaultSet.img.org;
      },
      loadLower() {
        if (this.loadingModalShow && !this.isLoading) {
          this.ResidentOrgs(this.platId);

src/views/sub-component/BaseExpert.vue

@@ -1,8 +1,8 @@
<template>
  <div>
    <div class="block-container">
      <router-link class="block-item" v-for="item in userData" :key="item.index" :to="{name:'exp_show',query:{id:itemSingle.id}}" target="_blank">
        <div class="show-head" :style="{backgroundImage:'url('+ headUrl(item) +')'}"></div>
      <router-link class="block-item" v-for="item in userData" :key="item.index" :to="{name:'exp_show',query:{id:item.id}}" target="_blank">
        <div class="show-head" :style="{backgroundImage:'url('+ item.img +')'}"></div>
        <div class="show-info">
          <div class="info-tit">{{item.name}}<em class="authicon" :class="headIcon(item)"></em></div>
          <div class="info-tag" v-if="item.offt">{{item.offt}}</div>
@@ -15,8 +15,8 @@
</template>
<script>
  import Cookies from 'js-cookie';
  import util from '@/libs/util';
  import queryBase from '@/libs/queryBase';
  export default {
    props: {
@@ -26,13 +26,8 @@
    },
    data() {
      return {
        platId: '',
        rows: 30,
        userData: [],
        dataO: {
          bUid: '',
          bTime: ''
        },
        loadingModalShow: true, // 是否显示按钮
        loadingComplete: false, // 是否全部加载
        isFormSearch: false, // 数据加载
@@ -40,41 +35,28 @@
      };
    },
    created() {
       this.platId = Cookies.get('platId');
       this.buttedProfessors();
    },
    methods: {
      buttedProfessors(id) {
        this.$axios.getk('/ajax/platform/info/buttedProfessors', {
          pid: this.platId,
          uid: this.dataO.bUid,
          time: this.dataO.bTime,
          rows: this.num ? this.num : this.rows
        }, (res) => {
        this.$axios.get('/ajax/professor/list', {}, (res) => {
          if (res.success) {
            var $data = res.data;
            if ($data.length > 0) {
              this.dataO.bUid = $data[$data.length - 1].id;
              this.dataO.bTime = $data[$data.length - 1].buttedTime;
              this.isFormSearch = true;
              for (let i = 0; i < $data.length; i++) {
                if ($data[i].title) {
                  if ($data[i].orgName) {
                    $data[i].offt = $data[i].title + '，' + $data[i].orgName;
                  } else {
                    $data[i].offt = $data[i].title;
                  }
                } else {
                  if ($data[i].office) {
                    if ($data[i].orgName) {
                      $data[i].offt = $data[i].office + '，' + $data[i].orgName;
                queryBase.getProfessor($data[i].id, function(sc, value) {
                  if (sc) {
                    var owner = $data[i]
                    owner.name = value.name
                    owner.offt = util.formatOfft(value, true)
                    if (value.hasHeadImage) {
                      owner.img = util.ImageUrl(('head/' + value.id + '_l.jpg'), true)
                    } else {
                      $data[i].offt = $data[i].office;
                      owner.img = util.defaultSet.img.expert
                    }
                  } else {
                    $data[i].offt = '';
                  }
                }
                })
                this.$axios.getk('/ajax/researchArea/' + $data[i].id, {}, (res) => {
                  const $info = res.data;
                  let arr = [];

src/views/sub-component/BaseResource.vue

@@ -21,7 +21,6 @@
    },
    data() {
      return {
        linkway: util.defaultSet.link.resource + this.itemSingle.id,
        imgUrl: (this.itemSingle && this.itemSingle.images) ? util.ImageUrl('resource/' + this.itemSingle.images.split(',')[0]) : util.defaultSet.img.resource,
        ownerName: '',
        ownerAuth: ''

src/views/sub-component/BaseService.vue

@@ -21,7 +21,6 @@
    },
    data() {
      return {
        linkway: util.defaultSet.link.service + this.itemSingle.id,
        imgUrl: (this.itemSingle && this.itemSingle.images) ? util.ImageUrl('ware/' + this.itemSingle.images.split(',')[0]) : util.defaultSet.img.service,
        ownerName: '',
        ownerAuth: ''

src/views/sub-component/DynamicTags.vue

@@ -1,151 +0,0 @@
<template>
  <el-form-item :label="tagInfo.lableTit" ref="tagComponent">
    <el-tag
      :key="tag"
      v-for="tag in dynamicTags"
      closable
      :disable-transitions="false"
      @close="handleClose(tag)">
      {{tag}}
    </el-tag>
    <el-autocomplete
      class="input-new-tag"
      v-if="inputVisible"
      v-model="inputValue"
      ref="saveTagInput"
      size="medium"
      :fetch-suggestions="querySearch"
      :placeholder="tagInfo.placeholder"
      :trigger-on-focus="false"
      @select="handleSelect"
      @keyup.enter.native="handleInputConfirm"
    >
      <template slot-scope="{ item }">
        <div class="name">{{ item.caption }}</div>
      </template>
    </el-autocomplete>
    <el-button v-else class="button-new-tag" v-show="isShowAdd" size="medium" @click="showInput">+ {{tagInfo.placeholder}}</el-button>
  </el-form-item>
</template>
<script>
  import httpUrl from '@/libs/http';
  export default {
    props: {
      tagInfo: {
        type: Object
      },
      dyStr: {
        type: String
      },
      dynamicTagsLength: {
        type: Number
      }
    },
    data() {
      return {
        inputVisible: false,
        inputValue: '',
        dynamicTags: [],
        isShowAdd: true,
        restaurants: [],
        loadAllKeys: []
      };
    },
    watch: {
      dyStr() {
        if (this.dyStr) {
          this.dynamicTags = this.dyStr.split(',');
          if (this.dynamicTags.length === this.dynamicTagsLength) {
            this.isShowAdd = false;
          };
        };
      }
    },
    methods: {
      // add tag
      handleClose(tag) {
        this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
        this.$emit('turnTags', this.dynamicTags.join(',')); // 传给父组件
        if (this.dynamicTags.length < this.dynamicTagsLength) {
          this.isShowAdd = true;
        }
      },
      showInput() {
        this.inputVisible = true;
        this.$nextTick(_ => {
          this.$refs.saveTagInput.$refs.input.focus();
        });
      },
      handleInputConfirm() {
        let inputValue = this.inputValue;
        if (inputValue.length > 15) {
          this.$alert(`${this.tagInfo.lableTit}不得超过15个字,添加失败！`, '提示', {
            confirmButtonText: '确定',
            type: 'warning',
            center: true
          });
          return false;
        }
        for (var i = 0; i < this.dynamicTags.length; i++) {
          if (inputValue === this.dynamicTags[i]) {
            this.$alert('添加的内容不能重复', '提示', {
              confirmButtonText: '确定',
              type: 'warning',
              center: true
            });
            return false;
          }
        }
        if (this.dynamicTags.length === this.dynamicTagsLength) {
          this.isShowAdd = false;
          return false;
        }
        this.dynamicTags.push(inputValue);
        this.$emit('turnTags', this.dynamicTags.join(',')); // 传给父组件
        this.inputVisible = false;
        this.inputValue = '';
      },
      // add tag
      querySearch(queryString, cb) {
        this.$axios.get(httpUrl.kxQurey.qaHotKey, {
          key: queryString
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            var oSr = [];
            for (let i = 0; i < Math.min($info.length, 5); i++) {
              oSr[i] = $info[i];
            };
            this.loadAllKeys = oSr;
            // if (this.loadAllKeys.length === 0) {
            //   this.loadAllKeys = [{caption: '暂无数据'}]
            // };
            cb(this.loadAllKeys);
          };
        });
      },
      handleSelect(item) {
        this.inputValue = item.caption;
      }
    }
  };
</script>
<style lang="stylus" type="text/stylus">
  .el-tag + .el-tag
    margin-left: 10px
  .button-new-tag
    width: 400px
    height: 32px
    line-height: 30px
    padding-top: 0
    padding-bottom: 0
  .input-new-tag
    width: 400px
    vertical-align: bottom
</style>