需求，消息chat，联系

build/utils.js

@@ -128,7 +128,7 @@ exports.createNotifierCallback = () => {
      title: packageConfig.name,
      message: severity + ': ' + error.name,
      subtitle: filename || '',
      icon: path.join(__dirname, 'logo.png')
      icon: path.join(__dirname, 'favicon.ico')
    })
  }
}

package.json

@@ -8,7 +8,7 @@
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "linux-dev": "node --max_old_space_size=8192 ./node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node --max_old_space_size=4096 build/build.js"
    "build": "node build/build.js"
  },
  "dependencies": {
    "axios": "^0.17.1",

src/components/BeyondTo/index.vue

@@ -19,6 +19,7 @@
    </div>
    <div class="goSpan">
      <collectCo v-if="ownerType==='1'" :watchOptions="{oid: ownerId, type: 1}"></collectCo>
      <contactChat v-if="ownerType==='1'" :contactOptions="{oid: ownerId}"></contactChat>
      <collectCo v-if="ownerType==='2'" :watchOptions="{oid: ownerId, type: 2}"></collectCo>
    </div>
  </div>
@@ -27,6 +28,7 @@
  import { ImageUrl, defaultSet, autho } from '@/libs/util';
  import queryBase from '@/libs/queryBase';
  import collectCo from '@/components/CollectCo';
  import contactChat from '@/components/ContactChat';
  export default {
    props: {
@@ -43,7 +45,8 @@
      };
    },
    components: {
      collectCo
      collectCo,
      contactChat
    },
    created() {
      if (this.ownerId) {
@@ -148,5 +151,8 @@
.beyond-block .goSpan{
  margin-top:15px;
  margin-right: -15px;
  display: flex;
  justify-content: center;
}
</style>

src/components/CityPicker/index.vue

@@ -108,17 +108,19 @@ export default {
      this.shi = p.defaultChild.value
      // this.areaArr = p.defaultChild.children
      // this.qu = p.defaultChild.defaultChild.value
      this.E = p.defaultChild.defaultChild.id
      this.E = p.defaultChild.id
      this.sheng = p.value
      this.$emit('paren', this.E)
      this.$emit('parenStr', this.shi)
    },
    choseCity: function(e) {
      var p = this.provinceArr[e.slice(0, 2) + '0000'].children[e]
      this.shi = p.value
      // this.areaArr = p.children
      // this.qu = p.defaultChild.value
      this.E = p.defaultChild.id
      this.E = p.id
      this.$emit('paren', this.E)
      this.$emit('parenStr', this.shi)
    },
    // choseBlock: function(e) {
    //   this.qu = this.provinceArr[e.slice(0, 2) + '0000'].children[e.slice(0, 4) + '00'].children[e].value

src/components/ContactChat/index.vue

@@ -0,0 +1,59 @@
<template>
  <div class="contact-block">
    <el-button type="primary" @click="contactChat" :disabled="contactOptions.type ? disableClick : false">联系</el-button>
  </div>
</template>
<script>
  import { loginStatus } from '@/libs/loginStatus';
  export default {
    props: ['contactOptions'],
    data() {
      return {
        disableClick: true,
        orglinkmans: []
      }
    },
    created() {
      if (this.contactOptions.type) {
        this.getDefaultLink()
      }
    },
    methods: {
      getDefaultLink() {
        var that = this
        this.$axios.getk('/ajax/org/linkman/queryAll',{
          oid: that.contactOptions.oid
        }, function(data) {
          if (data.success) {
            var $data = data.data;
            if ($data.length > 0) {
              that.disableClick = false
              for (var i = 0; i < $data.length; i++) {
                that.orglinkmans.push($data[i].pid)
              }
            } else {
              that.disableClick = true
            }
          }
        })
      },
      contactChat() {
        var that = this;
        loginStatus(function() {
          var linkId = that.contactOptions.oid
          if (that.contactOptions.type) {
            linkId = that.orglinkmans[0]
          }
          location.href='/#/miniChat?id='+ linkId
        })
      }
    }
  }
</script>
<style scoped>
.contact-block{
  margin-right:15px;
  font-size: 15px;
  line-height: 15px;
}
</style>

src/components/PreviewMagnify/index.vue

@@ -192,7 +192,7 @@ export default {
  }
  .magnify .zoom-box{
    background:rgba(0,0,0,.2);
    background:#FFFFFF;
    width: 300px;
    height: 300px;
    overflow: hidden;

src/components/subTemplate/BaseExpert.vue

@@ -1,6 +1,6 @@
<template>
  <a class="list-item" :href="'expert.html?id='+itemSingle.id" target="_blank">
    <div class="list-head" style="border-radius: 50%; width: 110px; height:110px" :style="{backgroundImage: 'url(' + imgUrl + ')'}"></div>
    <div class="list-head" :style="{backgroundImage: 'url(' + imgUrl + ')'}"></div>
    <div class="list-info">
      <div class="list-tit list-topic">{{itemSingle.name}}</div>
      <div class="list-desc">{{itemSingle.title}}</div>
@@ -22,7 +22,7 @@
    },
    computed: {
      imgUrl() {
        if (this.itemSingle.hasHeadImage) {
        if (this.itemSingle && this.itemSingle.hasHeadImage) {
          return ImageUrl(('head/' + this.itemSingle.id + '_l.jpg'), true)
        } else {
          return defaultSet.img.expert
@@ -35,3 +35,7 @@
    }
  };
</script>
<style scoped>
  .list-item .list-head{border-radius: 50%; width: 100px; height:100px}
</style>

src/layout/AppMain.vue

@@ -1,21 +1,12 @@
<template>
  <transition name="fade" mode="out-in">
    <router-view :key="key" :plat="plat"></router-view>
    <router-view :key="key"></router-view>
  </transition>
</template>
<script>
export default {
  name: 'AppMain',
  data() {
    return {
      plat: {}
    };
  },
  mounted() {
    /* eslint-disable no-undef */
    this.plat = PLAT.info;
  },
  computed: {
    key() {
      return this.$route.name !== undefined ? this.$route.name + +new Date() : this.$route + +new Date();

src/layout/TheHeader.vue

@@ -10,15 +10,15 @@
        </div>
        <div class="wrapper-right">
          <div v-if="account">
            <!-- <router-link class="marLeft" to='/loginPlat' tag="a">通知(99+)</router-link>
            <router-link class="marLeft" to='/loginPlat' tag="a">消息(99+)</router-link> -->
            <!-- <a class="marLeft marLeft_1" href='/#/inform'>通知({{informCount}})</a> -->
            <a class="marLeft marLeft_1" href='/#/miniChat'>消息({{unreadCount}})</a>
            <el-dropdown>
              <span class="el-dropdown-link" style="cursor:pointer">
                {{account}}<i class="el-icon-arrow-down el-icon--right"></i>
              </span>
              <el-dropdown-menu slot="dropdown">
                <a href="center.html#/modifyData"><el-dropdown-item>修改资料</el-dropdown-item></a>
                <!-- <a href="center.html#/myDemand"><el-dropdown-item>我的需求</el-dropdown-item></a> -->
                <a href="center.html#/myDemands"><el-dropdown-item>我的需求</el-dropdown-item></a>
                <a href="center.html#/companyInformation" v-if="bindCompany"><el-dropdown-item>我的企业</el-dropdown-item></a>
                <a href="center.html#/attentionCollect"><el-dropdown-item>关注收藏</el-dropdown-item></a>
                <a href="center.html#/modifyPassword"><el-dropdown-item>账户设置</el-dropdown-item></a>
@@ -91,7 +91,9 @@
          }
        ],
        kexiuLink: ekexiuUrl,
        plat: ''
        plat: '',
        unreadCount: 0,
        informCount: 0
      };
    },
    computed: {
@@ -107,6 +109,12 @@
        this.$store.dispatch('GetUserInfo').then(res => {})
      }
    },
    created() {
      if (localStorage.getItem('userid')) {
        this.queryMsgUnread()
        this.queryInformCount()
      }
    },
    methods: {
      activeCl(url) {
        if (this.$route && this.$route.name) {
@@ -130,6 +138,32 @@
            }
          })
        }).catch(() => {})
      },
      queryMsgUnread() {
        this.$axios.get('/ajax/msg/unread', {}, function(res) {
          if (res.success) {
            var count = 0
            if (res.data > 99) {
              count = '99+'
            } else {
              count = res.data
            }
            this.unreadCount = count
          }
        })
      },
      queryInformCount() {
        // this.$axios.get('/ajax/inform/unread', {}, function(res) {
        //   if (res.success) {
        //     var count = 0
        //     if (res.data > 99) {
        //       count = '99+'
        //     } else {
        //       count = res.data
        //     }
        //     this.informCount = count
        //   }
        // })
      }
    }
  };

src/libs/axios.js

@@ -1,6 +1,7 @@
import axios from 'axios';
import qs from 'qs';
import { Message } from 'element-ui';
import axios from 'axios'
import qs from 'qs'
import store from '@/store'
import { Message } from 'element-ui'
let axiosUtil = axios.create({
    baseURL: process.env.BASE_API
@@ -31,6 +32,11 @@ axiosUtil.interceptors.response.use(function (response) {
    if (!taR.success && taR.code === 0) {
      Message.error(taR.msg || taR.detailMsg)
    }
    if (!taR.success && taR.code === 1) {
      store.dispatch('FedLogOut').then(() => {
        Message.error('登录状态失效，请重新登录')
      })
    }
    return taR
  } else {
    Message.error('请求错误1，请重试')

src/libs/queryBase.js

@@ -6,12 +6,14 @@
var objCache = {
  professor: {},
  organization: {},
  company: {}
  company: {},
  pUser: {},
}
var objHcache = {
  professor: {},
  organization: {},
  company: {}
  company: {},
  pUser: {}
}
var objCacheHandler = {
  professor: function(id) {
@@ -77,6 +79,28 @@ var objCacheHandler = {
        hc[i](false)
      }
    })
  },
  pUser: function(id) {
    var hc = objHcache.pUser[id]
    Vue.axios.get('/ajax/sys/user/get', {
      id: id
    }, function(data) {
      delete objHcache.pUser[id]
      if (data.success) {
        objCache.pUser[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 = {
@@ -121,6 +145,20 @@ var cacheModel = {
        objCacheHandler.company(id)
      }
    }
  },
  getPUser: function(id, handler) {
    var data = objCache.pUser[id]
    if (data) {
      handler(true, data)
    } else {
      if (objHcache.pUser[id]) {
        objHcache.pUser[id].push(handler)
      } else {
        objHcache.pUser[id] = []
        objHcache.pUser[id].push(handler)
        objCacheHandler.pUser(id)
      }
    }
  }
}

src/libs/util.js

@@ -43,7 +43,7 @@ export const urlParse = function (name) {
  return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.href) || ['', ''])[1].replace(/\+/g, '%20')) || null;
};
export const trimStr = function(str) {
export const trimStr = function (str) {
  return str.replace(/(^\s*)|(\s*$)/g, '')
}
@@ -160,14 +160,14 @@ export const arrToStr = function (arr) {
 * @example
 * getFormatCode('测\r\n\s试')  =>  “测<br/> 试”
 */
export const getFormatCode = function(strValue) {
export const getFormatCode = function (strValue) {
  return strValue.replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, ' ');
};
/**
 * 时间显示规则
 */
export const commenTime = function(startTime, flag) {
export const commenTime = function (startTime, flag) {
  var nowTimg = new Date();
  var startdate = new Date();
  startdate.setFullYear(parseInt(startTime.substring(0, 4)));
@@ -202,28 +202,89 @@ export const commenTime = function(startTime, flag) {
  };
};
export const TimeTr = function(dealtime) {
  var myDate = new Date();
  var Fy = myDate.getFullYear();
  var s = dealtime;
  var y = s.substr(0, 4);
  var m = s.substr(4, 2);
  var d = s.substr(6, 2);
  var h = s.substr(8, 2);
  var minute = s.substr(10, 2);
  var formatTime;
  if (s.length <= 6) {
    formatTime = y + '年' + m.replace(/\b(0+)/gi, '') + '月';
  } else if (s.length > 6 && s.length <= 8) {
    formatTime = m.replace(/\b(0+)/gi, '') + '月' + d.replace(/\b(0+)/gi, '') + '日 ';
    if (Number(y) !== Fy) {
      formatTime = y + '年' + m.replace(/\b(0+)/gi, '') + '月' + d.replace(/\b(0+)/gi, '') + '日 ';
    }
  } else {
    formatTime = m.replace(/\b(0+)/gi, '') + '月' + d.replace(/\b(0+)/gi, '') + '日 ' + h + ':' + minute;
    if (Number(y) !== Fy) {
      formatTime = y + '年' + m.replace(/\b(0+)/gi, '') + '月' + d.replace(/\b(0+)/gi, '') + '日 ' + h + ':' + minute;
export const TimeTr = function (dealtime, flag) {
  if (dealtime) {
    var myDate = new Date()
    var Fy = myDate.getFullYear()
    var s = dealtime
    var y = s.substr(0, 4)
    var m = s.substr(4, 2)
    var d = s.substr(6, 2)
    var h = ''
    var minute = ''
    var formatTime
    if (s.length <= 6) {
      formatTime = y + '年' + m.replace(/\b(0+)/gi, '') + '月'
      if (flag) {
        formatTime = y + '/' + m.replace(/\b(0+)/gi, '')
      }
    } else if (s.length > 6 && s.length <= 8) {
      h = s.substr(8, 2)
      formatTime = m.replace(/\b(0+)/gi, '') + '月' + d.replace(/\b(0+)/gi, '') + '日 '
      if (flag) {
        formatTime = m.replace(/\b(0+)/gi, '') + '/' + d.replace(/\b(0+)/gi, '')
      }
      if (Number(y) !== Fy) {
        formatTime = y + '年' + m.replace(/\b(0+)/gi, '') + '月' + d.replace(/\b(0+)/gi, '') + '日 '
        if (flag) {
          formatTime = y + '/' + m.replace(/\b(0+)/gi, '') + '/' + d.replace(/\b(0+)/gi, '')
        }
      }
    } else {
      h = s.substr(8, 2)
      minute = s.substr(10, 2)
      formatTime = m.replace(/\b(0+)/gi, '') + '月' + d.replace(/\b(0+)/gi, '') + '日 ' + h + ':' + minute
      if (flag) {
        formatTime = m.replace(/\b(0+)/gi, '') + '/' + d.replace(/\b(0+)/gi, '') + ' ' + h + ':' + minute
      }
      if (Number(y) !== Fy) {
        formatTime = y + '年' + m.replace(/\b(0+)/gi, '') + '月' + d.replace(/\b(0+)/gi, '') + '日 ' + h + ':' + minute
        if (flag) {
          formatTime = y + '/' + m.replace(/\b(0+)/gi, '') + '/' + d.replace(/\b(0+)/gi, '') + ' ' + h + ':' + minute
        }
      }
    }
    return formatTime;
  }
  return formatTime;
};
export const delayDay = function (t) {
  var dateToday = new Date()
  var dateInvalid = new Date()
  dateInvalid.setFullYear(parseInt(t.substring(0, 4)))
  dateInvalid.setMonth(parseInt(t.substring(4, 6)) - 1)
  dateInvalid.setDate(parseInt(t.substring(6, 8)))
  var dateGap = Math.abs(dateToday.getTime() - dateInvalid.getTime())
  var ifDelay = false
  if (dateGap < 7 * 24 * 60 * 60 * 1000) {
    ifDelay = true
  }
  return ifDelay
}
// 对Date的扩展，将 Date 转化为指定格式的String   
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，   
// 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)   
// 例子：   
// (new Date()).Format('yyyy-MM-dd hh:mm:ss.S') ==> 2006-07-02 08:09:04.423   
// (new Date()).Format('yyyy-M-d h:m:s.S')      ==> 2006-7-2 8:9:4.18 
export const DateFormat = function (fmt) {
  var that = new Date()
  var o = {
    'M+': that.getMonth() + 1,                 //月份   
    'd+': that.getDate(),                    //日   
    'h+': that.getHours(),                   //小时   
    'm+': that.getMinutes(),                 //分   
    's+': that.getSeconds(),                 //秒   
    'q+': Math.floor((that.getMonth() + 3) / 3), //季度   
    'S': that.getMilliseconds()             //毫秒   
  };
  if (/(y+)/.test(fmt))
    fmt = fmt.replace(RegExp.$1, (that.getFullYear() + '').substr(4 - RegExp.$1.length))
  for (var k in o)
    if (new RegExp('(' + k + ')').test(fmt))
      fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)))
  return fmt
} 

src/pages/center/router/index.js

@@ -5,7 +5,7 @@ const constantRouterMap = [
    path: '/',
    name: 'personalCenter',
    redirect: { name: 'modifyData' },
    meta: { title: '个人中心' },
    meta: { title: '个人中心', requireAuth: true },
    component: Layout,
    children: [
      {
@@ -13,35 +13,19 @@ const constantRouterMap = [
        alwaysShow: true,
        component: (resolve) => require(['../views/modifyData'], resolve),
        name: 'modifyData',
        meta: { title: '修改资料', requireAuth: true }
        meta: { title: '修改资料' }
      },
      {
        path: '/myDemands',
        component: (resolve) => require(['../views/myDemands/index'], resolve),
        name: 'myDemands',
        meta: { title: '我的需求' }
      },
      // {
      //   path: '/myNeeds',
      //   component: (resolve) => require(['../views/myNeeds/index'], resolve),
      //   name: 'myNeeds',
      //   meta: { title: '我的需求' },
      //   children: [{
      //     path: '/modifyDemand',
      //     component: (resolve) => require(['../views/myNeeds/modifyDemand'], resolve),
      //     name: 'modifyDemand',
      //     meta: { title: '修改需求' }
      //   }, {
      //     path: '/examineDemand',
      //     component: (resolve) => require(['../views/myNeeds/examineDemand'], resolve),
      //     name: 'examineDemand',
      //     meta: { title: '查看需求' }
      //   }, {
      //     path: '/myDemand',
      //     component: (resolve) => require(['../views/myNeeds/myNeed'], resolve),
      //     name: 'myDemand',
      //     meta: { title: '我的需求' }
      //   }]
      // },
      {
        path: '/myBusiness',
        component: (resolve) => require(['../views/myNeeds/index'], resolve),
        component: (resolve) => require(['../views/myBusiness/index'], resolve),
        name: 'myBusiness',
        meta: { title: '我的企业', requireAuth: true },
        meta: { title: '我的企业' },
        children: [
          {
            path: '/companyInformation',
@@ -61,14 +45,14 @@ const constantRouterMap = [
        alwaysShow: true,
        component: (resolve) => require(['../views/attentionCollect'], resolve),
        name: 'attentionCollect',
        meta: { title: '关注收藏', requireAuth: true }
        meta: { title: '关注收藏' }
      },
      {
        path: '/modifyPassword',
        alwaysShow: true,
        component: (resolve) => require(['../views/modifyPassword'], resolve),
        name: 'modifyPassword',
        meta: { title: '修改密码', requireAuth: true }
        meta: { title: '修改密码' }
      }
    ]
  }

src/pages/center/views/attentionCollect.vue

@@ -2,34 +2,44 @@
  <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane v-for="item in navbarArray" :key="item.index" :label="item.text" :name="item.wtype" v-loading="loadingPane">
      <div v-if="watchList && watchList.length">
        <div class="con-item" v-if="item.wtype===activeName && activeName==='1'">
          <baseExpert v-for="watc in watchList" :key="watc.index" :itemSingle="watc"></baseExpert>
          <div class="dele">
            <el-button type="danger" size="mini" @click.stop="handerDel(watc)">移除</el-button>
        <div v-if="item.wtype===activeName && activeName==='1'">
          <div class="con-item" v-for="watc in watchList" :key="watc.index">
            <baseExpert :itemSingle="watc"></baseExpert>
            <div class="dele">
              <el-button type="danger" size="mini" @click.stop="handerDel(watc)">移除</el-button>
            </div>
          </div>
        </div>
        <div class="con-item" v-if="item.wtype===activeName && activeName==='2'">
          <baseOrg v-for="watc in watchList" :key="watc.index" :itemSingle="watc"></baseOrg>
          <div class="dele">
            <el-button type="danger" size="mini" @click.stop="handerDel(watc)">移除</el-button>
        <div v-if="item.wtype===activeName && activeName==='2'">
          <div class="con-item" v-for="watc in watchList" :key="watc.index">
            <baseOrg :itemSingle="watc"></baseOrg>
            <div class="dele">
              <el-button type="danger" size="mini" @click.stop="handerDel(watc)">移除</el-button>
            </div>
          </div>
        </div>
        <div class="con-item" v-if="item.wtype===activeName && activeName==='3'">
          <baseService v-for="watc in watchList" :key="watc.index" :itemSingle="watc"></baseService>
          <div class="dele">
            <el-button type="danger" size="mini" @click.stop="handerDel(watc)">移除</el-button>
        <div v-if="item.wtype===activeName && activeName==='3'">
          <div class="con-item" v-for="watc in watchList" :key="watc.index">
            <baseService :itemSingle="watc"></baseService>
            <div class="dele">
              <el-button type="danger" size="mini" @click.stop="handerDel(watc)">移除</el-button>
            </div>
          </div>
        </div>
        <div class="con-item" v-if="item.wtype===activeName && activeName==='4'">
          <baseResource v-for="watc in watchList" :key="watc.index" :itemSingle="watc"></baseResource>
          <div class="dele">
            <el-button type="danger" size="mini" @click.stop="handerDel(watc)">移除</el-button>
        <div v-if="item.wtype===activeName && activeName==='4'">
          <div class="con-item" v-for="watc in watchList" :key="watc.index">
            <baseResource :itemSingle="watc"></baseResource>
            <div class="dele">
              <el-button type="danger" size="mini" @click.stop="handerDel(watc)">移除</el-button>
            </div>
          </div>
        </div>
        <div class="con-item" v-if="item.wtype===activeName && activeName==='5'">
          <baseResult v-for="watc in watchList" :key="watc.index" :itemSingle="watc"></baseResult>
          <div class="dele">
            <el-button type="danger" size="mini" @click.stop="handerDel(watc)">移除</el-button>
        <div v-if="item.wtype===activeName && activeName==='5'">
          <div class="con-item" v-for="watc in watchList" :key="watc.index">
            <baseResult :itemSingle="watc"></baseResult>
            <div class="dele">
              <el-button type="danger" size="mini" @click.stop="handerDel(watc)">移除</el-button>
            </div>
          </div>
        </div>
      </div>

src/pages/center/views/modifyData.vue

@@ -32,7 +32,7 @@
              <el-input v-model="ruleForm2.email" placeholder="请输入联系邮箱" maxlength="100"></el-input>
            </el-form-item>
            <el-form-item label="所在城市" prop="addr">
              <cityPicker @paren="toshow" :addrCode="ruleForm2.addr"></cityPicker>
              <cityPicker v-if="ruleForm2.addr" @paren="toshow" :addrCode="ruleForm2.addr"></cityPicker>
            </el-form-item>
          </el-col>
          <el-col :span="12">

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

@@ -6,8 +6,8 @@
          <div class="search-wrapper" align="right">
            <el-button type="primary" icon="el-icon-edit" @click="handerAdd">发布产品</el-button>
          </div>
          <div class="con-box" v-loading="tableLoading">
            <div class="con-item" v-if="platProducts.length" v-for="item in platProducts" :key="item.index">
          <div class="con-box" v-if="platProducts.length" v-loading="tableLoading">
            <div class="con-item" v-for="item in platProducts" :key="item.index">
              <baseProduct :itemSingle="item" :showTime="true"></baseProduct>
              <div class="dele">
                <el-button type="primary" size="mini" @click.stop="handerUpdate(item.id)">修改</el-button>
@@ -25,6 +25,7 @@
              </el-pagination>
            </div>
          </div>
          <defaultPage v-else></defaultPage>
        </el-tab-pane>
      </el-tabs>
    </div>
@@ -113,9 +114,8 @@
      },
      handerDel(id) {
        var that = this
        this.$cofirm('删除后，该产品将不能恢复，您确定要删除吗？', '提示', {
          type: 'warning',
          center: true
        this.$cofirm('删除后，该产品将不能恢复，您确定要删除吗？', '删除产品', {
          type: 'warning'
        }).then(() => {
          that.$axios.post('/ajax/product/delete', {
            id: id

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

@@ -121,7 +121,7 @@
        var that = this
        if (id) {
          this.productId = id
          this.getProductInfo(id)
          this.getProductInfo()
          this.getProductKeyword()
        } else {
          this.formObj = {

src/pages/center/views/myDemands/BaseDemand.vue

@@ -0,0 +1,62 @@
<template>
  <a class="list-item list-item-info" :href="'demand.html?id='+demandInfo.id" target="_blank">
    <div class="list-info">
      <div class="list-tit">{{demandInfo.title}}</div>
      <ul class="list-tag">
        <li>发布于 {{TimeTr(demandInfo.createTime)}}</li>
        <li>回复 {{count}}</li>
        <li v-if="expiredShow" class="colorRed">已于 {{TimeTr(demandInfo.invalidDay)}} 过期</li>
        <li v-if="!expiredShow && overdueShow" class="colorRed">即将于 {{TimeTr(demandInfo.invalidDay)}} 过期</li>
        <li v-if="demandInfo.state===2">已于 {{TimeTr(demandInfo.overTime)}} 完成</li>
        <li v-if="demandInfo.state===3">已于 {{TimeTr(demandInfo.closeTime)}} 关闭</li>
      </ul>
    </div>
  </a>
</template>
<script>
  import { delayDay, TimeTr } from '@/libs/util';
  export default {
    props: {
      itemSingle: {
        type: Object
      }
    },
    data() {
      return {
        curDate: (new Date()).toISOString().substring(0,10).replace(/-/g, ''),
        count: 0,
        TimeTr: TimeTr
      };
    },
    computed: {
      demandInfo() {
        var obj = this.itemSingle
        return obj
      },
      expiredShow() {
        return this.demandInfo.state === 1 && this.curDate > this.demandInfo.invalidDay
      },
      overdueShow() {
        return this.demandInfo.state === 1 && delayDay(this.demandInfo.invalidDay)
      }
    },
    created() {
      if (this.demandInfo.id) {
        this.rebackCount()
      }
    },
    methods: {
      rebackCount() {
        var that = this
        this.$axios.get('/ajax/demand/pro/count', {
          id: that.demandInfo.id
        }, function(res) {
          if (res.success) {
            that.count = res.data
          }
        })
      }
    }
  };
</script>

src/pages/center/views/myDemands/DemandIssue.vue

@@ -0,0 +1,342 @@
<template>
  <el-dialog :title="operateM.tit" :visible.sync="dialogFormVisible" width="700px" :close-on-click-modal="false" @close="closeDialog">
    <div class="tip-show" v-if="!demandId">
      <div class="tip-h2">1. 发布需求  →  2. 为您对接专家或机构  →  3. 在线沟通  →  4. 开展合作，解决您的需求</div>
    </div>
    <div class="demandIssue content-wrapper">
      <el-form :model="ruleFormDem" :rules="rules" ref="ruleFormDem" class="form-main">
        <el-row :gutter="10">
          <el-col :span="24">
            <el-form-item label="需求主题" prop="title">
              <el-input v-model="ruleFormDem.title" maxlength="50" placeholder="请用一句话概括您的需求"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="需求内容" prop="descp">
              <el-input type="textarea" :rows="4" v-model="ruleFormDem.descp" maxlength="1000" placeholder="请描述您的需求背景、具体问题、对专家的要求等等"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="所在城市" prop="city">
              <el-col :span="24">
                <cityPicker @paren="toshow" @parenStr="toshowStr" :addrCode="ruleFormDem.city"></cityPicker>
              </el-col>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="需求有效期" prop="invalidDay">
              <el-date-picker
                v-model="ruleFormDem.invalidDay"
                type="date"
                format="yyyy-MM-dd"
                value-format="yyyyMMdd"
                :default-value="defaultDate"
                :editable="false"
                placeholder="请选择截止日期"
                :picker-options="pickerOptions0">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="预计合作周期" prop="duration">
              <el-select v-model="ruleFormDem.duration" placeholder="请选择预计合作周期" @change="changeDuration">
                <el-option
                  v-for="item in longTime"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="费用预算" prop="cost">
              <el-select v-model="ruleFormDem.cost" placeholder="请选择预算范围" @change="changeCost">
                <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="linkOrg">
              <el-input v-model="ruleFormDem.linkOrg" placeholder="建议填写您的企业名称" maxlength="50"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="联系电话" prop="linkPhone">
              <el-input v-model="ruleFormDem.linkPhone" placeholder="请输入您的联系电话" maxlength="50"></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 align="center">
              <el-button type="primary" @click="submitForm('ruleFormDem')" style="padding: 12px 50px">保存</el-button><br/>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
  </el-dialog>
</template>
<script>
  import queryDict from '@/libs/queryDict'
  import cityPicker from '@/components/CityPicker'
  export default {
    props: ['operateM'],
    data() {
      var delayValidate = (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请选择截止日期'))
        } else {
          let curDate = (new Date()).toISOString().substring(0, 10).replace(/-/g, '')
          if (curDate > value) {
            callback(new Error('已过期，请重新选择'))
          } else {
            callback()
          }
        }
      }
      return {
        dialogFormVisible: false,
        pickerOptions0: {
          disabledDate(time) {
            return time.getTime() < Date.now()
          }
        },
        defaultDate: Date.now(),
        demandId: '',
        longTime: [],
        costRange: [],
        cityRange: [],
        ruleFormDem: {
          title: '',
          descp: '',
          city: '',
          invalidDay: '',
          linkPhone: '',
          linkOrg: '',
          cost: '',
          duration: '',
          cityStr: '',
          costStr: '',
          durationStr: ''
        },
        rules: {
          title: [
            { required: true, message: '请填写需求主题', trigger: 'blur' }
          ],
          descp: [
            { required: true, message: '请填写需求内容', trigger: 'blur' },
            { max: 1000, message: '不得超过1000个字', trigger: 'blur' }
          ],
          city: [
            { required: true, message: '请选择所在城市', trigger: 'blur' }
          ],
          invalidDay: [
            { required: true, validator: delayValidate, trigger: 'blur' }
          ],
          linkOrg: [
            { required: true, message: '请填写您所在的企业名称', trigger: 'blur' },
            { max: 50, message: '不得超过50个字', trigger: 'blur' }
          ],
          linkPhone: [
            { required: true, message: '请填写您的联系电话', trigger: 'blur' }
          ]
        }
      };
    },
    components: {
      cityPicker
    },
    created() {
      this.getDictoryData()
    },
    methods: {
      getDictoryData() {
        const that = this
        queryDict.applyDict('XZQH', function(dictData) {
          dictData.map(item => {
            that.cityRange[item.code] = item.caption
          })
        }) // 城市
        queryDict.applyDict('FYYS', function(dictData) {
          dictData.map(item => {
            that.costRange.push({ value: item.code, label: item.caption })
          })
        }) // 费用预算
        queryDict.applyDict('HZZQ', function(dictData) {
          dictData.map(item => {
            that.longTime.push({ value: item.code, label: item.caption })
          })
        }) // 合作周期
      },
      parentFun(id) {
        var that = this
        if (id) {
          this.demandId = id
          this.getDemandInfo()
        } else {
          this.ruleFormDem = {}
          const curphone = localStorage.getItem('curphone')
          const curcomp = localStorage.getItem('curcomp')
          this.ruleFormDem.linkPhone = (curphone && curphone !== 'undefined') ? curphone : ''
          this.ruleFormDem.linkOrg = (curcomp && curcomp !== 'undefined') ? curcomp : ''
        }
        setTimeout(function() {
          that.dialogFormVisible = true
        }, 0)
      },
      getDemandInfo() {
        var that = this
        that.$axios.get('/ajax/demand/qo', {
          id: that.demandId
        }, function(res) {
          if (res.success) {
            const obj = res.data
            if (obj.cost) {
              let costMM = that.costRange.find((item)=>{
                return item.value === obj.cost
              })
              obj.costStr = costMM.label
            }
            if (obj.duration) {
              let durationMM = that.longTime.find((item)=>{
                return item.value === obj.duration
              })
              obj.durationStr = durationMM.label
            }
            if (obj.city) {
              obj.cityStr = that.cityRange[obj.city]
            }
            that.ruleFormDem = obj
          }
        })
      },
      submitForm(formName) {
        var that = this
        this.$refs[formName].validate((valid) => {
          if (valid) {
            var obj = this.ruleFormDem
            let paramsData = {
              title: obj.title,
              descp: obj.descp,
              city: obj.city,
              invalidDay: obj.invalidDay,
              linkPhone: obj.linkPhone,
              linkOrg: obj.linkOrg,
              cost: obj.cost,
              duration: obj.duration,
              cityStr: obj.cityStr,
              costStr: obj.costStr,
              durationStr: obj.durationStr
            }
            if (that.demandId) {
              const paramsId = { id: that.demandId }
              const objPar = Object.assign(paramsId, paramsData)
              that.$axios.put('/ajax/demand/modify', objPar, function(res) {
                if (res.success) {
                  that.$message({
                    message: '修改成功',
                    type: 'success'
                  })
                  setTimeout(function() {
                    that.dialogFormVisible = false
                    if (!that.operateM.flag) {
                      that.$parent.handleClick()
                    }
                  }, 0)
                }
              })
            } else {
              that.$axios.post('/ajax/demand/publish', paramsData, function(res) {
                if (res.success) {
                  that.$alert('我们已收到您的需求，马上为您对接专家和机构，您可以在【我的需求】中查看。', '需求发布成功！', {
                    type: 'success',
                    center: true,
                    callback: action => {
                      if (action === 'confirm') {
                        setTimeout(function() {
                          that.dialogFormVisible = false
                          if (!that.operateM.flag) {
                            that.$parent.handleClick()
                            that.closeDialog()
                          }
                        }, 0)
                      }
                    }
                  })
                }
              })
            }
          } else {
            return false
          }
        })
      },
      changeDuration(val) {
        let obj = {}
        obj = this.longTime.find((item)=>{
          return item.value === val
        })
        this.ruleFormDem.durationStr = obj.label
      },
      changeCost(val) {
        let obj = {}
        obj = this.costRange.find((item)=>{
          return item.value === val
        })
        this.ruleFormDem.costStr = obj.label
      },
      toshow(value) {
        this.ruleFormDem.city = value
      },
      toshowStr(value) {
        this.ruleFormDem.cityStr = value
      },
      closeDialog() {
        this.dialogFormVisible = false
        this.$refs['ruleFormDem'].resetFields()
        this.$refs['ruleFormDem'].clearValidate()
      }
    }
  };
</script>
<style scoped>
.tip-show {
    background: #409eff;
    text-align: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: -30px -20px 10px;
    padding: 20px;
    color: #fff;
}
.cityParent {
    position: relative;
    z-index: 2;
}
.el-form-item__content {
    line-height: 40px;
    position: relative;
    font-size: 14px;
}
.demandIssue{
  padding: 10px;
}
.demandIssue .form-main{
  width:100%
}
.demandIssue .form-main .form-line{
  border-top:1px dashed #ccc;
  margin-bottom:20px;
}
.demandIssue .el-select{
  width:100%;
}
</style>

src/pages/center/views/myDemands/delayDate.vue

@@ -0,0 +1,89 @@
<template>
  <el-dialog title="请设置需求有效期" :visible.sync="delayDialogVisible"
  :close-on-click-modal="false"
  @close="closedDiloag" width="420px">
    <div class="demandIssue content-wrapper">
      <el-date-picker style="margin-bottom:40px"
        v-model="invalidDay"
        type="date"
        format="yyyy-MM-dd"
        value-format="yyyyMMdd"
        :editable="false"
        placeholder="请选择截止日期"
        :picker-options="pickerOptions0">
      </el-date-picker>
      <div class="el-btn-col">
        <div class="el-btn-col-box" align="center">
          <el-button type="primary" @click="submitReq">确定</el-button>
          <el-button type="info" @click="closedDiloag">关闭</el-button>
        </div>
      </div>
    </div>
  </el-dialog>
</template>
<script>
  export default {
    data() {
      return {
        delayDialogVisible: false,
        pickerOptions0: {
          disabledDate(time) {
            return time.getTime() < Date.now();
          }
        },
        invalidDay: ''
      };
    },
    created() {
    },
    methods: {
      parentFun(id) {
        var that = this
        if (id) {
          this.demandId = id
        }
        setTimeout(function() {
          that.delayDialogVisible = true
        }, 0)
      },
      submitReq() {
        var that = this
        if (!that.invalidDay) {
          that.$message({
            message: '需求有效期不能为空',
            type: 'warning'
          })
          return
        }
        that.$axios.post('/ajax/demand/delay', {
          id: that.demandId,
          day: that.invalidDay
        }, function(res) {
          if (res.success) {
            that.$message({
              message: '需求有效期设置成功',
              type: 'success'
            })
            setTimeout(function() {
              that.delayDialogVisible = false
              that.$parent.handleClick()
            }, 0)
          }
        })
      },
      closedDiloag() {
        this.delayDialogVisible = false
      }
    }
  }
</script>
<style scoped>
.el-form-item__content {
    line-height: 40px;
    position: relative;
    font-size: 14px;
}
.demandIssue{
  padding: 10px;
}
</style>

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

@@ -0,0 +1,204 @@
<template>
  <div class="newsmMain">
    <div class="newsRight">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <div class="search-wrapper" align="right">
          <el-button type="primary" icon="el-icon-edit" @click="handerAdd">发布需求</el-button>
        </div>
        <el-tab-pane v-for="item in navbarArray" :key="item.index" :label="item.text" :name="item.suoIndex" v-loading="loadingPane">
          <div class="con-box" v-if="demandList && demandList.length && item.suoIndex===activeName">
            <div class="con-item" v-for="dem in demandList" :key="dem.index">
              <baseDemand :itemSingle="dem"></baseDemand>
              <div class="dele">
                <el-button v-if="dem.state===1&&overdueShow(dem.invalidDay)" type="primary" size="mini" @click.stop="handerDelay(dem.id)">延期</el-button>
                <el-button v-if="dem.state===1" type="primary" size="mini" @click.stop="handerUpdate(dem.id)">修改</el-button>
                <el-button v-if="dem.state===2||dem.state===3" type="danger" size="mini" @click.stop="handerDel(dem.id)">删除</el-button>
              </div>
            </div>
            <div class="pagination-container">
              <el-pagination
                background
                @current-change="handleCurrentChange"
                :current-page.sync="pageNo"
                :page-size="pageSize"
                layout="prev, pager, next, jumper"
                :total="total">
              </el-pagination>
            </div>
          </div>
          <defaultPage v-else></defaultPage>
        </el-tab-pane>
      </el-tabs>
    </div>
    <demandIssue ref="demandIssue" :operateM="operateM"></demandIssue>
    <delayDate ref="demandDelay"></delayDate>
    <BackTop></BackTop>
  </div>
</template>
<script>
  import { delayDay } from '@/libs/util';
  import { loginStatus } from '@/libs/loginStatus';
  import baseDemand from './BaseDemand';
  import demandIssue from './DemandIssue';
  import delayDate from './delayDate';
  export default {
    data() {
      return {
        activeName: '0',
        navbarArray: [
          {
            suoIndex: '0',
            text: '所有需求',
            wtype: '',
            order: 'createTime'
          }, {
            suoIndex: '1',
            text: '发布中',
            wtype: '1',
            order: 'createTime'
          }, {
            suoIndex: '2',
            text: '已过期',
            wtype: '',
            order: ''
          }, {
            suoIndex: '3',
            text: '已完成',
            wtype: '2',
            order: 'overTime'
          }, {
            suoIndex: '4',
            text: '已关闭',
            wtype: '3',
            order: 'closeTime'
          }
        ],
        pageSize: 10,
        pageNo: 1,
        total: 0,
        operateM: {},
        demandList: [],
        ifDefault: false,
        loadingPane: false,
        curTime: (new Date()).toISOString().substring(0,10).replace(/-/g, '')
      };
    },
    components: {
      baseDemand,
      demandIssue,
      delayDate
    },
    created() {
      this.queryDeamadList();
    },
    methods: {
      overdueShow(day) {
        return delayDay(day) || this.curDate < day
      },
      handleClick() {
        this.pageNo = 1
        this.total = 0
        this.demandList = []
        this.queryDeamadList();
      },
      queryDeamadList() {
        var that = this
        that.loadingPane = true
        var nav = that.navbarArray[that.activeName]
        if (that.activeName === '2') {
          that.$axios.get('/ajax/demand/pq/expired', {
            invalidDay: that.curTime,
            state: 1,
            actived: 1,
            pageSize: that.pageSize,
            pageNo: that.pageNo
          }, function(res) {
            that.loadingPane = false
            if (res.success && res.data) {
              const obj = res.data.data
              if (obj.length > 0) {
                that.total = res.data.total
                that.demandList = obj
              } else {
                that.loadingPane = false
                that.ifDefault = true;
              }
            }
          })
        } else {
          that.$axios.get('/ajax/demand/pq', {
            invalidDay: nav.wtype === 1 ? that.curTime : '',
            order: nav.order,
            state: nav.wtype,
            actived: 1,
            pageSize: that.pageSize,
            pageNo: that.pageNo
          }, function(res) {
            that.loadingPane = false
            if (res.success) {
              const obj = res.data.data
              if (obj.length > 0) {
                that.total = res.data.total
                that.demandList = obj
              } else {
                that.loadingPane = false
                that.ifDefault = true;
              }
            }
          })
        }
      },
      handleCurrentChange(val) {
        this.pageNo = val
        this.queryDeamadList()
      },
      handerAdd() {
        this.operateM = { tit: '发布需求' }
        this.$refs.demandIssue.parentFun()
      },
      handerDelay(id) {
        this.$refs.demandDelay.parentFun(id)
      },
      handerUpdate(id) {
        this.operateM = { tit: '修改需求' }
        this.$refs.demandIssue.parentFun(id)
      },
      handerDel(id) {
        var that = this
        this.$cofirm('删除后，该需求将不能恢复，您确定要删除吗？', '删除需求', {
          type: 'warning'
        }).then(() => {
          that.$axios.post('/ajax/demand/delete', {
            id: id
          }).then((res) => {
            if (res.success) {
              that.handleClick()
            }
          });
        }).catch(() => {});
      }
    }
  };
</script>
<style>
  .con-item{
    position:relative;
    cursor: pointer;
  }
  .con-item:hover{
    background: #EEEEEE;
  }
  .con-item:hover .dele{
    display: block;
  }
  .con-item .dele{
    display: none;
    position: absolute;
    right: 10px;
    z-index: 20;
    top: 40%;
  }
  .con-item .colorRed{
    color: #F56C6C
  }
</style>

src/pages/center/views/myNeeds/examineDemand.vue

@@ -1 +0,0 @@
<template> <div>查看需求</div></template>

src/pages/center/views/myNeeds/modifyDemand.vue

@@ -1 +0,0 @@
<template> <div>修改需求</div></template>

src/pages/center/views/myNeeds/myNeed.vue

@@ -1 +0,0 @@
<template> <div>我的需求</div></template>

src/pages/company/show.vue

@@ -27,8 +27,8 @@
                  <span>我们的产品</span>
                  <span class="content-more" @click="activeName='second'">更多</span>
                </div>
                <div class="content content-nf">
                  <baseProduct v-if="platThreeProducts.length" v-for="item in platThreeProducts" :key="item.index" :itemSingle="item"></baseProduct>
                <div class="content content-nf" v-if="platThreeProducts.length">
                  <baseProduct v-for="item in platThreeProducts" :key="item.index" :itemSingle="item"></baseProduct>
                </div>
              </div>
            </div>
@@ -52,8 +52,8 @@
            </div>
          </el-tab-pane>
          <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>
            <div v-show="!ifDefault" v-if="platProducts.length">
              <baseProduct 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>

src/pages/content/show.vue

@@ -45,8 +45,8 @@
      </div>
      <div class="wrapper-right">
        <div class="wrapper-right">
          <div class="block-wrapper" v-if="adinfo.length" v-for="item in adinfo" :key="item.index">
            <a class="ad-wrapper" :href="item.adUrl" target="_blank">
          <div class="block-wrapper" v-if="adinfo.length">
            <a class="ad-wrapper" v-for="item in adinfo" :key="item.index" :href="item.adUrl" target="_blank">
              <img :src="item.imgUrl" width="280" height="200">
            </a>
          </div>

src/pages/demand/closeOperate.vue

@@ -0,0 +1,154 @@
<template>
  <el-dialog :title="showStep ? '关闭需求' : '请选择关闭原因'" class="dialog-box"
    :visible.sync="operDialogVisible" width="420px"
    :close-on-click-modal="false"
    @close="closedDiloag">
    <el-form class="step-01" v-if="showStep" v-loading="stepOneLoading">
      <p class="tip-txt">关闭后，该需求将不能被专家和机构看到。<br />您确定要关闭吗？</p>
      <div class="el-btn-col">
        <div class="el-btn-col-box" align="center">
          <el-button type="primary" @click="closedDiloag">取消</el-button>
          <el-button type="info" @click="nextStep">确定</el-button>
        </div>
      </div>
    </el-form>
    <el-form ref="formTwo" :model="formTwo" class="step-02" v-if="!showStep" v-loading="stepTwoLoading">
      <el-form-item class="con-txt">
        <el-checkbox-group v-model="formTwo.selectReasons" @change="handleCheckedChange">
          <el-checkbox label="1">没有对接合适的专家和机构</el-checkbox>
          <el-checkbox label="2">没有联系上对接的专家和机构</el-checkbox>
          <el-checkbox label="3">已通过其他渠道解决</el-checkbox>
          <el-checkbox label="4">其他：</el-checkbox>
        </el-checkbox-group>
        <el-input v-show="textareaShow" style="margin-bottom: 10px;" type="textarea" :rows="2" placeholder="请填写其他原因" v-model="formTwo.textval"> </el-input>
      </el-form-item>
      <div class="el-btn-col">
        <div class="el-btn-col-box" align="center">
          <el-button type="primary" @click="submitReq">确定</el-button>
          <el-button type="info" @click="closedDiloag">关闭</el-button>
        </div>
      </div>
    </el-form>
  </el-dialog>
</template>
<script>
  export default {
    data() {
      return {
        operDialogVisible: false,
        showStep: true,
        stepOneLoading: false,
        stepTwoLoading: false,
        textareaShow: false,
        demandId: '',
        formTwo: {
          selectReasons: [],
          textval: ''
        }     
      }
    },
    methods: {
      openDiag(id) {
        if (id) {
          this.demandId = id
        }
        this.formTwo.selectReasons = []
        this.formTwo.textval = ''
        this.operDialogVisible = true
        this.showStep = true
      },
      nextStep() {
        var that = this
        that.stepOneLoading = true
        this.$axios.post('/ajax/demand/close', {
          id: that.demandId
        }, function(res) {
          that.stepOneLoading = false
          if (res.success && res.data) {
            that.showStep = false
            that.$parent.getdemandInfo()
          } else {
            that.$message.error('关闭需求操作失败，请重试')
          }
        })
      },
      handleCheckedChange(val) {
        if (val.indexOf('1') > -1) {
          this.textareaShow = true
          for (let i = 0; i < val.length; ++i) {
            if (val[i] === '1') {
              val[i] === this.formTwo.textval
            }
          }
        } else {
          this.textareaShow = false
        }
        this.formTwo.selectReasons = val
      },
      submitReq() {
        var that = this
        var selectR = that.formTwo.selectReasons
        var textR = that.formTwo.textval
        if (selectR.indexOf('1') > -1) {
          if (textR === '') {
            that.$message({
              message: '请填写其他关闭原因',
              type: 'warning'
            })
            return
          } else {
            for (let i = 0; i < selectR.length; ++i) {
              if (selectR[i] === '1') {
                selectR[i] = textR
              }
            }
          }
        }
        that.stepTwoLoading = true
        this.$axios.post('/ajax/demand/close/reason', {
          id: that.demandId,
          reason: selectR
        }, function(res) {
          that.stepTwoLoading = false
          if (res.success) {
            that.showStep = false
            that.closedDiloag()
          } else {
            that.$message.error('关闭需求操作失败，请重试')
          }
        })
      },
      closedDiloag() {
        this.operDialogVisible = false
        if (!this.showStep) {
          this.$refs['formTwo'].resetFields()
          this.$refs['formTwo'].clearValidate()
        }
      }
    }
  }
</script>
<style>
.dialog-box .el-dialog__body{
  padding: 10px 20px 20px;
}
.dialog-box .el-button {
  padding: 12px 60px;
}
.dialog-box .tip-txt{
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 20px;
}
.dialog-box .con-txt{
  padding: 2px 10px;
  background: #f1f1f1;
}
.dialog-box .con-txt .el-checkbox-group .el-checkbox{
  width:100%;
}
.dialog-box .con-txt .el-checkbox-group .el-checkbox + .el-checkbox {
  margin-left:0;
}
</style>

src/pages/demand/completeOperate.vue

@@ -0,0 +1,179 @@
<template>
  <el-dialog :title="showStep ? '确认完成' : '需求完成'" class="dialog-box"
    :visible.sync="operDialogVisible" width="420px"
    :close-on-click-modal="false"
    @close="closedDiloag">
    <el-form ref="formOne" :model="formOne" :rules="formOneRules" class="step-01" v-if="showStep" v-loading="stepOneLoading">
      <p class="tip-txt">请选择最终合作方，可多选：</p>
      <el-form-item class="con-txt" v-if="demandButtExperts && demandButtExperts.length>0">
        <el-checkbox-group v-model="formOne.selectExperts" :min="1" @change="handleCheckedChange">
          <el-checkbox v-for="item in demandButtExperts" :key="item.index" :label="item.id">{{item.name + (item.orgName ? '，'+item.orgName : '')}}</el-checkbox>
        </el-checkbox-group>
      </el-form-item>
      <div class="el-btn-col">
        <div class="el-btn-col-box" align="center">
          <el-button type="primary" @click="nextStep">确定</el-button>
          <el-button type="info" @click="closedDiloag">取消</el-button>
        </div>
      </div>
    </el-form>
    <el-form ref="formTwo" :model="formTwo" :rules="formTwoRules" class="step-02" v-if="!showStep" v-loading="stepTwoLoading">
      <p class="tip-txt">很荣幸解决了您的需求，希望您可以对我们的工作提出意见或建议：</p>
      <el-form-item>
        <el-input type="textarea" :rows="4" placeholder="请输入内容" v-model="formTwo.textval"> </el-input>
      </el-form-item>
      <div class="el-btn-col">
        <div class="el-btn-col-box" align="center">
          <el-button type="primary" @click="submitReq">确定</el-button>
          <el-button type="info" @click="closedDiloag">关闭</el-button>
        </div>
      </div>
    </el-form>
  </el-dialog>
</template>
<script>
  export default {
    data() {
      return {
        operDialogVisible: false,
        showStep: true,
        stepOneLoading: false,
        stepTwoLoading: false,
        formOne: {
          selectExperts: []
        },
        formOneRules: {
          selectExperts: [{ required: true, message: '至少选择一个合作方', trigger: 'blur'}]
        },
        formTwo: {
          textval: []
        },
        formTwoRules: {
          textval: [{ required: true, message: '请填写意见或建议', trigger: 'blur'}]
        },
        demandButtExperts: []       
      }
    },
    methods: {
      openDiag(id) {
        if (id) {
          this.demandId = id
          this.buttExpert()
        }
        this.formOne.selectExperts = []
        this.formTwo.textval = ''
        this.operDialogVisible = true
        this.showStep = true
      },
      buttExpert() {
        var that = this
        this.$axios.get('/ajax/demand/pro', {
          id: that.demandId,
          actived: 0
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            var arr = []
            for (let i = 0; i < $info.length; ++i) {
              arr.push($info[i].uid)
            }
            if (arr.length) {
              that.$axios.getk('/ajax/professor/qm', {
                id: arr
              }, function(data) {
                if (data.success && data.data) {
                  if (data.data.length > 0) {
                    that.demandButtExperts = data.data
                  }
                }
              })
            }
          }
        })
      },
      nextStep() {
        var that = this
        this.$refs['formOne'].validate((valid) => {
          if (valid) {
            that.stepOneLoading = true
            this.$axios.post('/ajax/demand/confirm', {
              id: that.demandId,
              uid: that.formOne.selectExperts
            }, function(res) {
              that.stepOneLoading = false
              if (res.success) {
                that.showStep = false
                that.$parent.cooperateExpert()
              }
            })
          } else {
            return false;
          }
        })
      },
      handleCheckedChange(val) {
        this.formOne.selectExperts = val
      },
      submitReq() {
        var that = this
        this.$refs['formTwo'].validate((valid) => {
          if (valid) {
            that.stepTwoLoading = true
            setTimeout(function() {
              that.stepTwoLoading = false
              that.showStep = false
            }, 1000)
            // this.$http.post(addTask, {
            //   dataNum: that.dataBh,
            //   taskType: '1'
            // }, function(res) {
            //   that.stepOneLoading = false
            //   if (res.success) {
            //     console.log(res)
            //     that.$parent.getdemandInfo()
            //   }
            // })
          } else {
            return false;
          }
        })
      },
      closedDiloag() {
        if (!this.showStep) {
          this.$refs['formTwo'].resetFields();
          this.$refs['formTwo'].resetFields();
        } else {
          this.$refs['formOne'].resetFields();
          this.$refs['formOne'].resetFields(); 
        }
        this.operDialogVisible = false
        this.$parent.getdemandInfo()
      }
    }
  }
</script>
<style>
.dialog-box .el-dialog__body{
  padding: 10px 20px 20px;
}
.dialog-box .el-button {
  padding: 12px 60px;
}
.dialog-box .tip-txt{
  line-height: 20px;
  font-size: 14px;
  margin-bottom: 10px;
}
.dialog-box .con-txt{
  padding: 2px 10px;
  background: #f1f1f1;
}
.dialog-box .con-txt .el-checkbox-group .el-checkbox{
  width:100%;
}
.dialog-box .con-txt .el-checkbox-group .el-checkbox + .el-checkbox {
  margin-left:0;
}
</style>

src/pages/demand/demand.html

@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
  	<meta name="keywords" content="">
  	<meta name="description" content="">
  	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  	<title></title>
  </head>
  <body>
    <div id="app"></div>
    <script src="/static/plat-info.js"></script>
    <script src="/static/comtar/vue/vue.min.js"></script>
    <script src="/static/comtar/vuex/vuex.min.js"></script>
  </body>
</html>

src/pages/demand/demand.js

@@ -0,0 +1,10 @@
import '@/libs/common.js';
import store from '@/store/index';
import App from './demand.vue';
new Vue({
  el: '#app',
  store,
  render: h => h(App)
});

src/pages/demand/demand.vue

@@ -0,0 +1,25 @@
<template>
  <div class="main Site">
    <TheHeader></TheHeader>
    <div class="Site-content">
      <div class="contain-wrapper">
        <showTemplate></showTemplate>
      </div>
    </div>
    <TheFooter></TheFooter>
  </div>
</template>
<script>
  import { TheHeader, TheFooter } from '@/layout';
  import showTemplate from './show';
  export default {
    name: 'layout',
    components: {
      TheHeader,
      TheFooter,
      showTemplate
    }
  };
</script>

src/pages/demand/show.vue

@@ -0,0 +1,326 @@
<template>
  <div class="browse-main">
    <div class="block-wrapper">
      <div class="wrapper-left left-main">
        <div class="content-wrapper">
          <div class="inner-wrapper">
            <div class="headcon-box detail-box">
              <div class="show-info">
                <div class="info-tit info-tit-big">{{demandInfo.title}}</div>
                <div class="info-operate">
                    <span>需求方：{{demandInfo.linkOrg}}</span>
                    <span>当前状态：{{stateShow}}</span>
                    <span>发布时间：{{TimeTr(demandInfo.createTime)}}</span>
                    <span v-if="demandInfo.state===2">完成时间：{{TimeTr(demandInfo.overTime)}}</span>
                    <span v-if="demandInfo.state===3">关闭时间：{{TimeTr(demandInfo.closeTime)}}</span>
                </div>
              </div>
            </div>
          </div>
          <div class="inner-wrapper">
            <div class="content">
              <el-row :gutter="10" class="rel-detail">
                <el-col :span="24" v-html="demandInfo.descp" style="margin-bottom: 10px"></el-col>
                <el-col :span="6" v-if="demandInfo.city">
                  所在城市：{{cityRange[demandInfo.city]}}
                </el-col>
                <el-col :span="6" v-if="demandInfo.duration">
                  预计周期：{{longTime[demandInfo.duration]}}
                </el-col>
                <el-col :span="6" v-if="demandInfo.cost">
                  费用预算：{{costRange[demandInfo.cost]}}
                </el-col>
                <el-col :span="6" v-if="demandInfo.invalidDay">
                  有效期至：{{TimeTr(demandInfo.invalidDay)}}
                </el-col>
              </el-row>
            </div>
          </div>
          <div class="inner-wrapper" v-if="cooperateExperts && cooperateExperts.length>0">
            <div class="content-title">
              <span>合作方</span>
            </div>
            <div>
              <div class="con-item" v-for="item in cooperateExperts" :key="item.index">
                <baseExpert v-if="item.owner" :itemSingle="item.owner"></baseExpert>
                <div class="dele">
                  <contactChat :cantactOptions="{pid: item.uid}"></contactChat>
                  <collectCo :watchOptions="{oid: item.uid, type: 1}"></collectCo>
                </div>
              </div>
            </div>
          </div>
          <div class="inner-wrapper">
            <el-collapse v-model="collapseName" v-if="demandButtExperts && demandButtExperts.length>0">
              <el-collapse-item :title="`已为您对接${buttCount}位专家`" name="1">
                <div class="con-item" v-for="item in demandButtExperts" :key="item.index">
                  <baseExpert v-if="item.owner" :itemSingle="item.owner"></baseExpert>
                  <div class="dele">
                    <contactChat :cantactOptions="{pid: item.uid}"></contactChat>
                    <collectCo :watchOptions="{oid: item.uid, type: 1}"></collectCo>
                  </div>
                  <div class="leavemsg">
                    <div>留言：{{item.descp}}</div>
                    <span>{{item.assTime}}</span>
                  </div>
                </div>
              </el-collapse-item>
            </el-collapse>
            <div v-else class="content-title">正在为您对接专家...</div>
          </div>
          <div class="inner-wrapper" v-if="buttonShow">
            <div class="btn-need">
              <el-button type="primary" :disabled="completeDisable" @click="completeOper">需求已完成</el-button>
              <el-button type="info" class="close-btn" @click="closeOper">关闭该需求</el-button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <completeOperate ref="operateComplete"></completeOperate>
    <closeOperate ref="operateClose"></closeOperate>
    <BackTop></BackTop>
  </div>
</template>
<script>
  import { urlParse, commenTime, TimeTr } from '@/libs/util'
  import queryDict from '@/libs/queryDict'
  import queryBase from '@/libs/queryBase'
  import baseExpert from '@/components/subTemplate/BaseExpert'
  import contactChat from '@/components/ContactChat'
  import collectCo from '@/components/CollectCo'
  import completeOperate from './completeOperate'
  import closeOperate from './closeOperate'
  export default {
    data() {
      return {
        collapseName: ['1'],
        completeDisable: false,
        demandInfo: '',
        demandId: '',
        TimeTr: TimeTr,
        costRange: [],
        longTime: [],
        cityRange: [],
        demandButtExperts: '',
        cooperateExperts: '',
        buttCount: 0
      };
    },
    created() {
      this.getDictoryData()
      this.demandId = urlParse('id')
      if (this.demandId) {
        this.getdemandInfo()
        this.buttExpert()
        this.cooperateExpert()
        this.rebackCount()
      }
    },
    computed: {
      stateShow() {
        let state = this.demandInfo.state
        let curTime = this.curTime
        let msg = '发布中'
        if (state === 1) {
          msg = '发布中'
          if (curTime > this.demandInfo.invalidDay) {
            msg = '已过期'
          }
        } else if (state === 2) {
          msg = '已完成'
        } else if (state === 3) {
          msg = '已关闭'
        }
        return msg
      },
      buttonShow() {
        let state = this.demandInfo.state
        return state === 1
      }
    },
    components: {
      baseExpert,
      collectCo,
      contactChat,
      completeOperate,
      closeOperate
    },
    methods: {
      getDictoryData() {
        const that = this
        queryDict.applyDict('XZQH', function(dictData) {
          dictData.map(item => {
            that.cityRange[item.code] = item.caption
          })
        }) // 城市
        queryDict.applyDict('FYYS', function(dictData) {
          dictData.map(item => {
            that.costRange[item.code] = item.caption
          })
        }) // 费用预算
        queryDict.applyDict('HZZQ', function(dictData) {
          dictData.map(item => {
            that.longTime[item.code] = item.caption
          })
        }) // 合作周期
      },
      getdemandInfo() {
        this.$axios.get('/ajax/demand/qo', {
          id: this.demandId
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            this.demandInfo = $info;
          };
        });
      },
      completeOper() {
        this.$refs.operateComplete.openDiag(this.demandId)
      },
      closeOper() {
        this.$refs.operateClose.openDiag(this.demandId)
      },
      buttExpert() {
        var that = this
        this.$axios.get('/ajax/demand/pro', {
          id: this.demandId
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            for (let i = 0; i < $info.length; ++i) {
              if ($info[i].assTime){
                $info[i].assTime = commenTime($info[i].assTime)
              }
              (function(item) {
                queryBase.getProfessor(item.uid, function(sc, value) {
                  if (sc) {
                    item.owner = value
                    that.$forceUpdate()
                  }
                })
              })($info[i])
            }
            this.demandButtExperts = $info;
          }
        })
      },
      rebackCount() {
        var that = this
        this.$axios.get('/ajax/demand/pro/count', {
          id: that.demandId
        }, function(res) {
          if (res.success) {
            if (res.data > 0) {
              that.buttCount = res.data
            } else {
              that.completeDisable = true
            }
          }
        })
      },
      cooperateExpert() {
        var that = this
        this.$axios.get('/ajax/demand/pro', {
          id: that.demandId,
          actived: 1
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            var arr = []
            for (let i = 0; i < $info.length; ++i) {
              queryBase.getProfessor($info[i].uid, function(sc, value) {
                if (sc) {
                  $info[i].owner = value
                  that.$forceUpdate()
                }
              })
            }
            that.cooperateExperts = $info
          }
        })
      },
    }
  };
</script>
<style lang="scss">
.browse-main .block-wrapper .left-main .inner-wrapper{
  .detail-box{
    .info-operate{
      font-size: 14px;
      justify-content: space-between;
    }
  }
  .con-item{
    position:relative;
    cursor: pointer;
    border: 1px solid #eaeaea;
    margin-bottom: 10px;
    .list-item{
      border: none;
      &::after{
        content: none;
      }
      .list-head{
        @include center-items(60px,60px);
        border-radius: 50%;
      }
    }
    .dele{
      position: absolute;
      display: flex;
      right: 10px;
      z-index: 20;
      top: 30px;
    }
    .leavemsg{
      width: 100%;
      box-sizing: border-box;
      font-size: 14px;
      background: #eaeaea;
      padding: 8px 10px;
      position: relative;
      div {
        padding-right: 170px;
      }
      span{
        position: absolute;
        right: 10px;
        top: 8px;
        z-index: 2;
      }
    }
  }
  .btn-need {
    position:relative;
    padding: 20px;
    text-align: center;
    .el-button{
      padding:12px 60px;
    }
    .close-btn{
      position: absolute;
      right: 0;
      padding:12px 20px;
      top: 20px;
    }
  }
  .el-collapse{
    border:none;
  }
  .el-collapse-item__header{
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    color: #303133;
    border:none;
  }
  .el-collapse-item__wrap{
    border: none;
  }
}
</style>

src/pages/expert/show.vue

@@ -14,7 +14,7 @@
          </div>
          <el-row class="goSpan" :gutter="10">
            <el-col :span="12"><collectCo :watchOptions="{oid: expertId, type: 1}"></collectCo></el-col>
            <!-- <el-col :span="12"><el-button type="primary">联系</el-button></el-col> -->
            <el-col :span="12"><contactChat :contactOptions="{oid: expertId}"></contactChat></el-col>
          </el-row>
        </div>
      </div>
@@ -29,8 +29,8 @@
                  <span>可提供服务</span>
                  <span class="content-more" @click="activeName='second'">更多</span>
                </div>
                <div class="content content-nf">
                  <baseService v-if="platThreeServices.length" v-for="item in platThreeServices" :key="item.index" :itemSingle="item"></baseService>
                <div class="content content-nf" v-if="platThreeServices.length">
                  <baseService v-for="item in platThreeServices" :key="item.index" :itemSingle="item"></baseService>
                </div>
              </div>
            </div>
@@ -78,22 +78,22 @@
                  <span>专利</span>
                  <span class="content-more" @click="activeName='third'">更多</span>
                </div>
                <div class="content">
                  <baseResult v-if="platOnePatents.length" v-for="item in platOnePatents" :key="item.index" :itemSingle="item"></baseResult>
                <div class="content" v-if="platOnePatents.length">
                  <baseResult v-for="item in platOnePatents" :key="item.index" :itemSingle="item"></baseResult>
                </div>
              </div>
            </div>
          </el-tab-pane>
          <el-tab-pane :label="'服务 ' + (serCount>0 ? serCount : '')" name="second">
            <div v-show="!ifDefault">
              <baseService v-if="platServices.length" v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService>
            <div v-show="!ifDefault" v-if="platServices.length">
              <baseService v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService>
              <Loading v-show="loadingModalShow" :loadingComplete="loadingComplete" :isLoading="isLoading" v-on:upup="searchLower"></Loading>
            </div>
            <defaultPage v-show="ifDefault"></defaultPage>
          </el-tab-pane>
          <el-tab-pane :label="'专利 ' + (patCount>0 ? patCount : '')" name="third">
            <div v-show="!ifDefault2">
              <baseResult v-if="platPatents.length" v-for="item in platPatents" :key="item.index" :itemSingle="item"></baseResult>
            <div v-show="!ifDefault2" v-if="platPatents.length">
              <baseResult v-for="item in platPatents" :key="item.index" :itemSingle="item"></baseResult>
              <Loading v-show="loadingModalShow2" :loadingComplete="loadingComplete2" :isLoading="isLoading2" v-on:upup="searchLower2"></Loading>
            </div>
            <defaultPage v-show="ifDefault2"></defaultPage>
@@ -208,6 +208,7 @@
  import shareOut from '@/components/ShareOut';
  import collectCo from '@/components/CollectCo';
  import contactChat from '@/components/ContactChat';
  import baseService from '@/components/subTemplate/BaseService';
  import baseResult from '@/components/subTemplate/BaseResult';
@@ -284,6 +285,7 @@
    components: {
      shareOut,
      collectCo,
      contactChat,
      baseService,
      baseResult
    },

src/pages/index/index.js

@@ -2,6 +2,7 @@ import '@/libs/common.js';
import App from './index.vue';
import router from './router';
import store from '@/store';
import './permission';
new Vue({
  el: '#app',

src/pages/index/permission.js

@@ -0,0 +1,30 @@
import router from './router'
import store from '@/store'
import { Message } from 'element-ui'
router.beforeEach((to, from, next) => {
  /* 判断该路由是否需要登录权限 */
  if (to.matched.some(record => record.meta.requireAuth)) {
    // 是否登录
    if (store.getters && store.getters.userid && localStorage.getItem('userid')) { // 判断当前用户是否已拉取完user_info信息
      next();
    } else {
      store.dispatch('GetUserInfo').then(res => { // 拉取user_info
        if (res.success && res.data) {
          next();
        } else {
          store.dispatch('FedLogOut').then(() => {
            Message.error('登录状态失效，请重新登录');
            next('/loginPlat')
          })
        }
      }).catch((err) => {
        store.dispatch('FedLogOut').then(() => {
          Message.error(err || '登录状态失效，请重新登录');
          next('/loginPlat')
        })
      })
    }
  }
  next();
})

src/pages/index/router/index.js

@@ -118,6 +118,26 @@ const constantRouterMap = [
      name: 'about',
      meta: { title: '关于平台' }
    }]
  },
  {
    path: '',
    component: Layout,
    meta: { requireAuth: true },
    children: [{
      path: '/miniChat',
      component: (resolve) => require(['../views/MiniChat/index.vue'], resolve),
      name: 'miniChat'
    }]
  },
  {
    path: '',
    component: Layout,
    meta: { requireAuth: true },
    children: [{
      path: '/inform',
      component: (resolve) => require(['../views/InformList/index.vue'], resolve),
      name: 'inform'
    }]
  }
];

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

@@ -1,20 +1,5 @@
<template>
  <div class="home-main">
    <!-- <el-dialog title="发布需求" :visible.sync="dialogFormVisible" width="700px">
      <div class="tip-show">
        <div class="tip-h1">免费发布需求到科袖网，让企业没有难搞的研发</div>
        <div class="tip-h2">1. 发布需求  →  2. 为您对接专家或机构  →  3. 登录科袖网进行沟通  →  4. 开展合作，解决您的需求</div>
      </div>
      <el-tabs class="tab-show" v-model="activeName" type="card" >
        <el-tab-pane label="注册科袖网，发布需求" name="first">
          <demandIssue ref="issueDemand" :dialogFormVisible="dialogFormVisible" v-on:dialogChanged="getChildrenChange($event)"></demandIssue>
        </el-tab-pane>
        <el-tab-pane label="已有账户，快速发布" name="second">
          <demandIssueLogin ref="issueDemand" :dialogFormVisible="dialogFormVisible" v-on:dialogChangedLogin="getChildrenChangeLogin($event)"></demandIssueLogin>
        </el-tab-pane>
      </el-tabs>
    </el-dialog>-->
    <div class="block-wrapper">
      <div class="wrapper-left video-wrapper">
        <!-- <div class="video-mask" @click="showVideo">
@@ -32,9 +17,10 @@
          将您的需求发布到科袖网，<br>
          我们为您对接专家和各类专业机构。
        </p>
        <el-button type="primary" @click="clickAlertDemand" style="margin-top:30px">发布需求</el-button>
        <el-button type="primary" @click="publishDemand" style="margin-top:30px">发布需求</el-button>
      </div>
    </div>
    <demandIssue ref="demandIssue" :operateM="operateM"></demandIssue>
    <div class="block-wrapper">
      <div class="wrapper-left">
@@ -177,16 +163,17 @@
<script>
  import { commenTime, defaultSet, ImageUrl, strToArr } from '@/libs/util';
  import queryBase from '@/libs/queryBase';
  import { loginStatus } from '@/libs/loginStatus';
  import orgItem from '../ViewOrganization/orgItem';
  import expItem from '../ViewExpertPool/expItem';
  // import demandIssue from '../form-views/DemandIssue';
  // import demandIssueLogin from '../form-views/DemandIssueLogin';
  import demandIssue from '@/pages/center/views/myDemands/DemandIssue';
  export default {
    data() {
      return {
        /* eslint-disable no-undef */
        operateM: {},
        platimgurl: PLAT.info.platimgurl,
        activeName: '1',
        conCatalog: [
@@ -216,8 +203,7 @@
        ownerInfo: '',
        aboutUs: '',
        inputSer: '',
        inputRes: '',
        dialogFormVisible: false
        inputRes: ''
      };
    },
    created() {
@@ -272,19 +258,19 @@
        observeParents: true // 修改swiper的父元素时，自动初始化swiper
      });
    },
    components: {
      orgItem,
      expItem,
      demandIssue
    },
    methods: {
      getChildrenChange(msg) {
        this.dialogFormVisible = msg;
      },
      getChildrenChangeLogin(msg) {
        this.dialogFormVisible = msg;
      },
      clickAlertDemand() {
        this.dialogFormVisible = true;
      publishDemand() {
        var that = this
        loginStatus(function() {
          that.operateM = { tit: '发布需求', flag: true }
          that.$refs.demandIssue.parentFun()
        })
      },
      // pubDemand() {
      //   this.$refs.issueDemand.submitForm('ruleForm');
      // },
      queryPaltNews() {
        var that = this
        this.$axios.get('/ajax/article/pq', {
@@ -420,12 +406,6 @@
        }
      }
    },
    components: {
      orgItem,
      expItem
      // demandIssue,
      // demandIssueLogin
    },
    beforeDestroy() {
      this.latestCmpSwiper.destroy()
      this.findServiceSwiper.destroy()
@@ -623,23 +603,6 @@
        }
      }
    }
    .tip-show{
      background:$mainColor;
      text-align:center;
      justify-content: space-between;
      margin:-30px -20px 10px;
      padding:20px;
      color:#fff;
      .tip-h1{
        font-size:16px;
        line-height:40px;
      }
      .tip-h2{
        font-size:12px;
        line-height:30px;
      }
    }
    .tab-show{
      margin:20px -20px 0;
      .el-tabs__nav{

src/pages/index/views/InformList/index.vue

@@ -0,0 +1,72 @@
<template>
  <div class="inform">
    <div class="content-wrapper block-wrapper">
      <div class="content-title">全部通知</div>
      <div v-show="!ifDefault" v-if="platInforms.length">
        <informItem v-for="item in platInforms" :key="item.index" :itemSingle="item"></informItem>
        <Loading v-show="loadingModalShow" :loadingComplete="loadingComplete" :isLoading="isLoading" v-on:upup="searchLower"></Loading>
      </div>
      <defaultPage v-show="ifDefault"></defaultPage>
    </div>
    <BackTop></BackTop>
  </div>
</template>
<script>
  import informItem from './informItem'
  export default {
    data() {
      return {
        platInforms: [],
        loadingModalShow: true,
        loadingComplete: false,
        isFormSearch: false,
        isLoading: false,
        ifDefault: false 
      }
    },
    components: {
      informItem
    },
    created() {
      this.searchInform()
    },
    methods: {
      searchInform() {
        this.$axios.getk('/ajax/ppatent/index/search', {
          key: this.keyVal,
          sortNum: this.dataO.patSortNum,
          createTime: this.dataO.patCreateTime,
          id: this.dataO.patId,
          rows: this.rows
        }, (res) => {
          if (res.success) {
            var $info = res.data;
            if ($info.length > 0) {
              this.dataO.patSortNum = $info[$info.length - 1].sortNum;
              this.dataO.patCreateTime = $info[$info.length - 1].createTime;
              this.dataO.patId = $info[$info.length - 1].id;
              this.platInforms = this.isFormSearch ? this.platInforms.concat($info) : $info;
              this.isFormSearch = true;
              if ($info.length < this.rows) {
                this.loadingModalShow = false;
                this.isFormSearch = false;
              };
            } else {
              this.loadingModalShow = false;
              this.isFormSearch = false;
            };
            var liLen = this.platInforms.length;
            if ($info.length === 0 && liLen === 0) {
              this.ifDefault = true;
            };
          };
        });
      },
      searchLower() {
        if (this.loadingModalShow && !this.isLoading) {
          this.searchInform()
        }
      }
    }
  }
</script>

src/pages/index/views/InformList/informItem.vue

@@ -0,0 +1,34 @@
<template>
  <a class="list-item" :href="'product.html?id='+itemSingle.id" target="_blank">
    <div class="list-head" :style="{backgroundImage: 'url(' + imgUrl + ')'}"></div>
    <div class="list-info">
      <div class="list-tit list-topic">{{itemSingle.name}}</div>
      <div class="list-tag" v-if="showTime">{{itemSingle.createTime}}</div>
      <div class="list-desc" v-if="itemSingle.cnt && !showTime">简介：{{itemSingle.cnt}}</div>
    </div>
  </a>
</template>
<script>
  import { defaultSet, strToArr } from '@/libs/util';
  export default {
    props: {
      itemSingle: {
        type: Object
      },
      showTime: {
        type: Boolean
      }
    },
    data() {
      return {
        imgUrl: this.itemSingle.img ? strToArr(this.itemSingle.img)[0] : defaultSet.img.product
      };
    },
    created() {
    },
    methods: {
    }
  };
</script>

src/pages/index/views/MiniChat/components/list.vue

@@ -0,0 +1,271 @@
<template>
  <div class="msglist">
    <div class="message-tit">消息列表</div>
    <ul v-if="chatList && chatList.length>0">
      <li v-for="(item, index) in chatList" :key="item.index" class="sessionlist"
        v-show="urlPid===item.pid ? showChatLi : item.actived" :class="{ active: item.pid === selectChatId }"
        @click="handelView(item.pid, item.unread, item.kxUser)">
        <div class="list-left">
          <img class="avatar" width="42" height="42" v-if="item.kxUser" :alt="item.kxUser.img" :src="item.kxUser.img">
          <span class="badge" v-show="item.unread>0">{{item.unread}}</span>
        </div>
        <div class="list-right">
          <p class="name" v-if="item.kxUser">{{item.kxUser.name}}</p>
          <span class="time" v-if="item.opTime">{{TimeTr(item.opTime, true)}}</span>
          <p class="lastmsg" v-if="item.cnt">{{item.cnt}}</p>
        </div>
        <div class="dele">
          <el-button type="danger" icon="el-icon-delete" circle @click.stop="handerDel(item.pid, index)"></el-button>
        </div>
      </li>
    </ul>
    <div v-else class="no-message">暂无消息</div>
  </div>
</template>
<script>
import queryBase from '@/libs/queryBase'
import { urlParse, defaultSet, ImageUrl, TimeTr } from '@/libs/util'
export default {
  data() {
    return {
      kxUserIdArr: [],
      chatList: [],
      refreshListTime: '',
      TimeTr: TimeTr,
      urlPid: ''
    }
  },
  watch: {
    chatLsit(val) {
      this.chatLsit = val
    },
    selectChatId(val) {
      this.selectChatId = val
      clearTimeout(this.refreshListTime)
      this.queryChatList()
    },
    selectKxUser(val) {
      this.selectKxUser = val
    },
    kxUserIdArr(val) {
      this.kxUserIdArr = val
    }
  },
  computed: {
    ...Vuex.mapGetters([
      'selectChatId',
      'selectKxUser',
      'chatListLocal'
    ]),
    showChatLi() {
      return this.kxUserIdArr.indexOf(this.urlPid) > -1
    }
  },
  created() {
    this.urlPid = urlParse('id')
    this.queryChatList()
  },
  methods: {
    queryChatList() {
      var that = this
      this.$axios.get('/ajax/msg/idxList', {}, function(res) {
        if (res.success && res.data) {
          const dataS = res.data
          that.$store.dispatch('chatListLocalAction', dataS)
          if (that.urlPid) {
            var hasId = false
            for (let j = 0; j < dataS.length; ++j) {
              if (dataS[j].pid === that.urlPid) {
                hasId = true
                that.$store.dispatch('ifFirstChatActiion', true)
                break
              }
            }
            if (!hasId) {
              dataS.unshift({
                uid: localStorage.getItem('userid'),
                pid: urlParse('id'),
                cnt: '',
                opTime: '',
                unread: 0,
                actived: true
              })
            }
          }
          var num = 0
          if (dataS.length > 0) {
            for (let i = 0; i < dataS.length; ++i) {
              (function(item, num) {
                num++
                queryBase.getProfessor(item.pid, function(sc, value){
                  num--
                  if (sc) {
                    if (value.hasHeadImage) {
                      value.img = ImageUrl(('head/' + value.id + '_l.jpg'), true)
                    } else {
                      value.img = defaultSet.img.expert
                    }
                    item.kxUser = value
                    that.$forceUpdate()
                  }
                })
                that.kxUserIdArr.push(item.pid)
              })(dataS[i], num)
            }
            if (num === 0) {
              that.chatList = dataS
            }
          }
          if (that && !that._isDestroyed) {
            that.refreshListTime = setTimeout(() => {
              if (that && !that._isDestroyed) {
                that.queryChatList()
              }
            }, 1000)
          } else {
            that.refreshListTime = ''
          }
        }
      })
    },
    handelView(id, num, us) {
      this.$store.dispatch('selectSession', id)
      this.$store.dispatch('selectKxUserAction', us)
      for (let m = 0; m < this.chatListLocal.length; ++m) {
        if (this.chatListLocal[m].pid === id) {
          this.$store.dispatch('ifFirstChatActiion', true)
          break
        }
      }
      if (num > 0) {
        this.readedOperate(id)
      }
    },
    readedOperate(id) {
      this.$axios.post('/ajax/msg/readed', {
        pid: id
      }, function(res) {
        if (res.success && res.data) {}
      })
    },
    handerDel(id, index) {
      this.$axios.post('/ajax/msg/delete', {
        pid: id
      }, function(res) {
        if (res.success && res.data) {
          this.chatList.splice(index, 1)
        }
      })
    }
  },
  beforeDestroy() {
    var that = this
    this.$once('hook:beforeDestroy', () => {
      clearTimeout(that.refreshListTime)
    })
  }
}
</script>
<style scoped>
  .msglist{
    height: 540px;
    overflow-y: auto;
  }
  .msglist .message-tit{
    text-align:center;
    color: #666;
    line-height:60px;
    font-size: 16px;
    border-bottom: 1px solid #d8d8d8; 
  }
  .msglist .no-message{
    text-align:center;
    color: #999;
    font-size: 14px;
    line-height:100px;
  }
  .msglist .sessionlist{
    display: flex;
    padding: 12px;
    transition: background-color .1s;
    font-size: 0;
    position:relative;
    cursor: pointer;
  }
  .msglist .sessionlist .dele{
    display: none;
    position: absolute;
    right: 10px;
    z-index: 20;
    top: 20px;
  }
  .msglist .sessionlist .dele .el-button.is-circle{
    padding:6px;
  }
  .msglist .sessionlist:hover {
    background-color: rgb(220,220,220);
  }
  .msglist .sessionlist:hover .dele{
    display: block;
  }
  .msglist .sessionlist.active {
    background-color: #c4c4c4;
  }
  .msglist .sessionlist .list-left{
    position: relative;
    vertical-align: middle;
    display: inline-block;
  }
  .msglist .sessionlist .list-left .badge{
    position: absolute;
    right: 2px;
    top: -5px;
    background-color: #f56c6c;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #fff;
  }
  .msglist .sessionlist .avatar{
    border-radius: 50%;
    margin-right: 12px;
  }
  .msglist .sessionlist .list-right{
    position: relative;
    flex: 1;
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
  }
  .msglist .sessionlist .list-right .name{
    display: inline-block;
    vertical-align: top;
    color: #333;
  }
  .msglist .sessionlist .list-right .time{
    float: right;
    color: #999;
    font-size: 10px;
    vertical-align: top;
  }
  .msglist .sessionlist .list-right .lastmsg{
    position: absolute;
    font-size: 12px;
    width: 100%;
    height: 20px;
    color: #999;
    bottom: 2px;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
</style>

src/pages/index/views/MiniChat/components/message.vue

@@ -0,0 +1,246 @@
<template>
	<div class="message" v-if="selectChatId">
		<header class="header">
			<div class="friendname" v-if="selectKxUser">{{selectKxUser.name}} <span>{{selectKxUser.title}} {{selectKxUser.orgName}}</span></div>
      <a :href="'expert.html?id='+selectChatId"><el-button type="text">查看对方资料</el-button></a>
		</header>
		<div class="message-wrapper" ref="list">
      <ul v-if="chatDetailLocal && chatDetailLocal.length>0">
        <li v-for="(item,index) in chatDetailLocal" :key="item.index" class="message-item">
          <div class="time" v-if="!compareTwo(index, item.opTime)"><span>{{TimeTr(item.opTime, true)}}</span></div>
          <div class="main" :class="{ self: item.msgType }">
              <img class="avatar" width="36" height="36" :src="item.msgType ? headPhoto : selectKxUser.img" />
              <div class="content">
                  <div class="text" v-html="item.cnt"></div>
              </div>
          </div>
        </li>
      </ul>
		</div>
	</div>
</template>
<script>
import { TimeTr } from '@/libs/util'
export default {
  data() {
    return {
      TimeTr: TimeTr
    }
  },
  computed: {
    ...Vuex.mapGetters([
      'headPhoto',
      'selectChatId',
      'selectKxUser',
      'kxLastTime',
      'chatDetailLocal'
    ])
  },
  watch: {
    chatDetailLocal() {
      var that = this
      setTimeout(() => {
        that.$refs.list.scrollTop = that.$refs.list.scrollHeight
      }, 0)
    },
    selectChatId(val) {
      this.selectChatId = val
      clearTimeout(this.refreshChatTime)
      this.querySelectChatInfo()
    },
    selectKxUser(val) {
      this.selectKxUser = val
    }
  },
  created() {
    if (this.selectChatId) {
      this.querySelectChatInfo()
    }
  },
  mounted() {
    var that = this
    //  在页面加载时让信息滚动到最下面
    if (that.$refs.list) {
      setTimeout(() => {
        that.$refs.list.scrollTop = that.$refs.list.scrollHeight
      }, 0)
    }
  },
  methods: {
    querySelectChatInfo() {
      var that = this
      this.$axios.get('/ajax/msg/rec', {
        pid: that.selectChatId
      } ,function(res) {
        if (res.success && res.data) {
          const dataS = res.data
          if (dataS.length > 0) {
            for (let i = 0; i < dataS.length; ++i) {
              if (dataS[i].msgType === 0) {
                that.$store.dispatch('kxLastTimeAction', dataS[i].opTime)
              }
            }
          }
          that.$store.dispatch('chatDetailAction', dataS)
          that.queryRefreshChatDetal()
        }
      })
    },
    queryRefreshChatDetal() {
      var that = this
      this.$axios.get('/ajax/msg/refrec', {
        pid: that.selectChatId,
        opTime: that.kxLastTime
      } ,function(res) {
        if (res.success && res.data) {
          const dataS = res.data
          if (dataS.length > 0) {
            that.$store.dispatch('kxLastTimeAction', dataS[dataS.length - 1].opTime)
            dataS.map((item) => {
              that.chatDetailLocal.push(item)
            })
            that.chatDetailLocal.sort(function(a, b) {
              return a.opTime > b.opTime ? 1 : (a.opTime === b.opTime ? 0 : -1)
            })
            that.$store.dispatch('chatDetailAction', that.chatDetailLocal)
          }
          if (that && !that._isDestroyed) {
            that.refreshChatTime = setTimeout(() => {
              if (that && !that._isDestroyed) {
                that.queryRefreshChatDetal()
              }
            }, 1000)
          } else {
            that.refreshChatTime = ''
          }
        }
      })
    },
    /*超过时间10min*/
    timeCTen(t) {
      var d = new Date()
      d.setFullYear(parseInt(t.substring(0, 4)))
      d.setMonth(parseInt(t.substring(4, 6)) - 1)
      d.setDate(parseInt(t.substring(6, 8)))
      d.setHours(parseInt(t.substring(8, 10)))
      d.setMinutes(parseInt(t.substring(10, 12)))
      d.setSeconds(parseInt(t.substring(12, 14)))
      return d.getTime()
    },
    compareTwo(index, b) {
      var f = ''
      var l = this.timeCTen(b)
      let s = 10 * 60 * 1000
      if (index !== 0) {
        f = this.timeCTen(this.chatDetailLocal[index - 1].opTime)
      }
      return index !== 0 && (l - f) > s
    }
  },
  beforeDestroy() {
    var that = this
    this.$once('hook:beforeDestroy', () => {
      clearTimeout(that.refreshChatTime)
    })
  }
}
</script>
<style scoped>
  .message{
    width: 100%;
    height: 450px;
  }
  .message .header{
    height: 60px;
    padding: 10px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #e7e7e7;
    display: flex;
    justify-content: space-between;
    align-items: center
  }
  .message .header .friendname{
    font-size: 18px;
    color: #666;
  }
  .message .header .friendname span {
    font-size: 15px;
    color: #999;
  }
  .message .message-wrapper{
      min-height: 320px;
      max-height: 320px;
      padding: 10px 15px;
      box-sizing: border-box;
      overflow-y: auto;
      border-bottom: 1px solid #e7e7e7;
  }
  .message .message-wrapper .message-item{
    margin: 4px 0;
  }
  .message .message-wrapper .message{
    margin-bottom: 15px
  }
  .message .message-wrapper .time{
    width: 100%;
    font-size: 12px;
    margin: 7px auto;
    text-align: center;
  }
  .message .message-wrapper .time span{
    display: inline-block;
    padding: 4px 6px;
    color: #fff;
    border-radius: 3px;
    background-color: #dcdcdc;
  }
  .message .message-wrapper .main .avatar {
    float: left;
    margin-left: 15px;
    border-radius: 50%;
  }
  .message .message-wrapper .main .content{
    display: inline-block;
    margin-left: 10px;
    position: relative;
    padding: 6px 10px;
    max-width: 330px;
    min-height: 36px;
    line-height: 24px;
    box-sizing: border-box;
    font-size: 14px;
    text-align: left;
    background-color: #e2e1da;
    border-radius: 4px;
    overflow: hidden;
  }
  .message .message-wrapper .main .content .text {
    word-wrap: break-word;
  }
  .message .message-wrapper .main .content:before{
    content: " ";
    position: absolute;
    top: 12px;
    right: 100%;
    border: 6px solid transparent;
    border-right-color: #e2e1da;
  }
  .message .message-wrapper .self{
    text-align: right;
  }
  .message .message-wrapper .self .avatar{
    float: right;
    margin:0 15px;
  }
  .message .message-wrapper .self .content {
    background-color: #91c8f5;
  }
  .message .message-wrapper .self .content:before {
    right: -12px;
    vertical-align: middle;
    border-right-color: transparent;
    border-left-color: #91c8f5;
  }
</style>

src/pages/index/views/MiniChat/components/text.vue

@@ -0,0 +1,162 @@
<!-- 文本输入框 -->
<template>
  <div class="text">
    <textarea ref="text" v-model="content" @keyup="onKeyup"></textarea>
    <div class="send" @click="send">
    	<span>发送(Enter)</span>
    </div>
    <transition name="appear">
	    <div class="warn" v-show="warn">
	    	<div class="description">不能发送空白信息</div>
	    </div>
	</transition>
  </div>
</template>
<script>
import { DateFormat } from '@/libs/util'
export default {
  data () {
    return {
      content: '',
      frequency: 0,
      warn: false,
    }
  },
  computed: {
    ...Vuex.mapGetters([
      'selectChatId',
      'ifFirstChat',
      'chatDetailLocal'
    ])
  },
  methods: {
    onKeyup (e) {
      if (e.keyCode === 13) {
        this.send()
      }
    },
    send () {
      var that = this
      if (that.content.length === 0) {
        that.warn = true
        that.content = ''
        setTimeout(() => {
          that.warn = false
        }, 1000)
      } else {
        var url = '/ajax/msg/fsend'
        if (that.ifFirstChat) {
          url = '/ajax/msg/send'
        }
        that.$axios.post(url, {
          pid: that.selectChatId,
          cnt: that.content
        }, function(res) {
          if (res.success && res.data) {
            var msg = {
              cnt: that.content,
              opTime: DateFormat('yyyyMMddhhmmss'),
              msgType: '1',
            }
            that.chatDetailLocal.push(msg)
            that.chatDetailLocal.sort(function(a, b) {
              return a.opTime > b.opTime ? 1 : (a.opTime === b.opTime ? 0 : -1)
            })
            that.$store.dispatch('chatDetailAction', that.chatDetailLocal)
            that.content = ''
          }
        })
        
      }
    }
  },
  mounted() {
    this.$refs.text.focus()
  },
  watch: {
    selectChatId() {
      setTimeout(() => {
        this.$refs.text.focus()
      }, 0)
    },
    content() {
      if (this.content === '') {
        if ( this.frequency === 0) {
          this.warn = true
          this.frequency++
          setTimeout(() => {
            this.warn = false
          }, 1000)
        }
      }
    }
  }
}
</script>
<style scoped>
  .text{
    position: relative;
    height: 160px;
    background: #fff;
    z-index: 10;
  }
  .text textarea{
    box-sizing: border-box;
    padding: 10px 30px;
    height: 110px;
    width: 100%;
    border: none;
    outline: none;
    font-family: "Micrsofot Yahei";
    resize: none;
  }
  .text .send{
    position: absolute;
    bottom: 10px;
    right: 30px;
    padding: 0 20px;
    line-height: 28px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #f5f5f5;
    font-size: 14px;
    color: #7c7c7c;
    cursor: pointer;
  }
  .text .send:hover{
    background: #2693ec;
    color: #fff;
  }
  .text .warn{
    position: absolute;
    bottom: 50px;
    right: 10px;
    width: 110px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    box-shadow:0 1px 5px 1px #bdbdbd;
  }
  .text .warn.appear-enter-active, .text .warn.appear-leave-active{
    transition: all 1s;
  }
  .text .warn.appear-enter, .text .warn.appear-leave-active{
    opacity: 0;
  }
  .text .warn::before{
    content: " ";
    position: absolute;
    top: 100%;
    right: 20px;
    border: 7px solid transparent;
    border-top-color: #fff;
    filter:drop-shadow(1px 3px 2px #bdbdbd);
  }
</style>

src/pages/index/views/MiniChat/index.vue

@@ -0,0 +1,100 @@
<template>
  <div class="chatBox">
    <div class="sidebar">
      <v-list></v-list>
    </div>
    <div class="main">
      <div v-show="selectChatId">
        <v-message></v-message>
        <v-text></v-text>
      </div>
    </div>
  </div>
</template>
<script>
  import queryBase from '@/libs/queryBase'
  import { urlParse, defaultSet, ImageUrl, TimeTr } from '@/libs/util'
  import VList from './components/list'
  import VText from './components/text'
  import VMessage from './components/message'
  export default {
    data() {
      return {
        urlParamsId: ''
      }
    },
    computed: {
      ...Vuex.mapGetters([
        'selectChatId'
      ])
    },
    components: {
      VList,
      VText,
      VMessage
    },
    created() {
      var that = this
      if (urlParse('id')) {
        that.urlParamsId = urlParse('id')
        queryBase.getProfessor(that.urlParamsId, function(sc, value){
          if (sc) {
            if (value.hasHeadImage) {
              value.img = ImageUrl(('head/' + value.id + '_l.jpg'), true)
            } else {
              value.img = defaultSet.img.expert
            }
            that.$store.dispatch('selectKxUserAction', value)
          }
        })
        that.$store.dispatch('selectSession', that.urlParamsId)
      } else {
        that.$store.dispatch('selectKxUserAction', '')
        that.$store.dispatch('selectSession', '')
      }
    }
  }
</script>
<style scoped>
  .chatBox {
    display: flex;
    overflow:hidden;
    margin-bottom: 20px;
    background: #fff;
  }
  .chatBox .sidebar, .main {
      height: 100%;
  }
  .chatBox .sidebar {
      float: left;
      width: 260px;
      color: #f4f4f4;
      border-right: 1px solid #ddd;
  }
  .chatBox .main {
      flex: 1;
      position: relative;
      overflow: hidden;
      height: 540px;
      background-color: #eee;
  }
  .chatBox .main::after{
    width: 100%;
    position: absolute;
    content: '点击左侧列表，查看对话记录';
    font-size: 14px;
    color: #999;
    line-height: 540px;
    text-align: center;
  }
  .chatBox .text {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
  }
  .chatBox .message {
      height: 380px;
      background: #fff;
  }
</style>

src/pages/index/views/ViewExpertPool/expItem.vue

@@ -1,6 +1,6 @@
<template>
  <div class="block-container">
    <eItem v-if="userDataS && userDataS.length" v-for="item in userDataS" :key="item.index" :itemSinger="item"></eItem>
  <div class="block-container" v-if="userData && userData.length">
    <eItem v-for="item in userData" :key="item.index" :itemSinger="item"></eItem>
  </div>
</template>
@@ -19,12 +19,6 @@
        userData: []
      };
    },
    computed: {
      userDataS() {
        // return this.num ? this.userData.splice(this.num) : this.userData
        return this.userData
      }
    },
    components: {
      eItem
    },

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

@@ -15,16 +15,16 @@
          </ul>
        </div> -->
        <div class="tab-contain">
          <div v-show="!ifDefault">
            <baseResource v-if="platResources.length" v-for="item in platResources" :key="item.index" :itemSingle="item"></baseResource>
          <div v-show="!ifDefault" v-if="platResources.length">
            <baseResource v-for="item in platResources" :key="item.index" :itemSingle="item"></baseResource>
            <Loading v-show="loadingModalShow" :loadingComplete="loadingComplete" :isLoading="isLoading" v-on:upup="searchLower"></Loading>
          </div>
          <defaultPage v-show="ifDefault"></defaultPage>
        </div>
      </div>
    </div>
    <div class="wrapper-right">
      <div class="block-wrapper" v-if="adinfo.length" v-for="item in adinfo" :key="item.index">
    <div class="wrapper-right" v-if="adinfo.length">
      <div class="block-wrapper" v-for="item in adinfo" :key="item.index">
        <a class="ad-wrapper" :href="item.adUrl" target="_blank">
          <img :src="item.imgUrl" width="280" height="200">
        </a>

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

@@ -8,16 +8,16 @@
      </div>
      <div class="block-wrapper">
        <div class="tab-contain">
          <div v-show="!ifDefault">
            <baseResult v-if="platResources.length" v-for="item in platResources" :key="item.index" :itemSingle="item"></baseResult>
          <div v-show="!ifDefault" v-if="platResources.length">
            <baseResult v-for="item in platResources" :key="item.index" :itemSingle="item"></baseResult>
            <Loading v-show="loadingModalShow" :loadingComplete="loadingComplete" :isLoading="isLoading" v-on:upup="searchLower"></Loading>
          </div>
          <defaultPage v-show="ifDefault"></defaultPage>
        </div>
      </div>
    </div>
    <div class="wrapper-right">
      <div class="block-wrapper" v-if="adinfo.length" v-for="item in adinfo" :key="item.index">
    <div class="wrapper-right" v-if="adinfo.length">
      <div class="block-wrapper" v-for="item in adinfo" :key="item.index">
        <a class="ad-wrapper" :href="item.adUrl" target="_blank">
          <img :src="item.imgUrl" width="280" height="200">
        </a>
@@ -98,8 +98,9 @@
      },
      keywordSearch() {
        if (this.keyVal) {
          this.dataO.bShareId = '';
          this.dataO.bTime = '';
          this.dataO.patSortNum = '',
          this.dataO.patCreateTime = '',
          this.dataO.patId = '',
          this.isFormSearch = true;
          this.loadingModalShow = false;
          this.loadingComplete = true;

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

@@ -15,16 +15,16 @@
          </ul>
        </div> -->
        <div class="tab-contain">
          <div v-show="!ifDefault">
            <baseService v-if="platServices.length" v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService>
          <div v-show="!ifDefault" v-if="platServices.length">
            <baseService v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService>
            <Loading v-show="loadingModalShow" :loadingComplete="loadingComplete" :isLoading="isLoading" v-on:upup="searchLower"></Loading>
          </div>
          <defaultPage v-show="ifDefault"></defaultPage>
        </div>
      </div>
    </div>
    <div class="wrapper-right">
      <div class="block-wrapper" v-if="adinfo.length" v-for="item in adinfo" :key="item.index">
    <div class="wrapper-right" v-if="adinfo.length">
      <div class="block-wrapper" v-for="item in adinfo" :key="item.index">
        <a class="ad-wrapper" :href="item.adUrl" target="_blank">
          <img :src="item.imgUrl" width="280" height="200">
        </a>

src/pages/index/views/ViewOrganization/orgItem.vue

@@ -1,6 +1,6 @@
<template>
  <div class="block-container">
    <oItem v-if="orgData && orgData.length" v-for="item in orgData" :key="item.index" :itemSinger="item"></oItem>
  <div class="block-container" v-if="orgData && orgData.length">
    <oItem v-for="item in orgData" :key="item.index" :itemSinger="item"></oItem>
  </div>
</template>

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

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

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

@@ -1,6 +1,6 @@
<template>
  <div class="login">
    <div class="logo-wrapper"></div>
    <router-link to="home" class="logo-wrapper"></router-link>
    <div class="form-wrapper">
      <div class="form-contain">
        <p class="form-title">{{$route.query.orgName}}</p>

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

@@ -1,6 +1,6 @@
<template>
  <div class="login">
    <div class="logo-wrapper"></div>
    <router-link to="home" class="logo-wrapper"></router-link>
    <div class="form-wrapper">
      <div class="form-contain">
        <p class="form-title">密码重置</p>

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

@@ -1,6 +1,6 @@
<template>
  <div class="login">
    <div class="logo-wrapper"></div>
    <router-link to="home" class="logo-wrapper"></router-link>
    <div class="form-wrapper">
      <div class="form-contain">
        <p class="form-title">登录</p>

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

@@ -1,6 +1,6 @@
<template>
  <div class="login">
    <div class="logo-wrapper"></div>
    <router-link to="home" class="logo-wrapper"></router-link>
    <div class="form-wrapper">
      <div class="form-contain">
        <p class="form-title">登录</p>

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

@@ -1,6 +1,6 @@
<template>
  <div class="login">
    <div class="logo-wrapper"></div>
    <router-link to="home" class="logo-wrapper"></router-link>
    <div class="form-wrapper">
      <div class="form-contain">
        <p class="form-title">注册</p>

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

@@ -12,9 +12,9 @@
    position: absolute;
    top: 30px;
    left: 30px;
    height: 64px;
    width: 292px;
    background-image:url('./img/e-sign-on_bg_logo_nor.png');
    height: 25px;
    width: 230px;
    background-image:url('/static/xtkfq/icon-logo.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;

src/pages/org/show.vue

@@ -16,7 +16,7 @@
          </div>
          <el-row class="goSpan" :gutter="10">
            <el-col :span="12"><collectCo :watchOptions="{oid: orgId, type: 2}"></collectCo></el-col>
            <!-- <el-col :span="12"><el-button type="primary">联系</el-button></el-col> -->
            <el-col :span="12"><contactChat :contactOptions="{oid: orgId, type: 1}"></contactChat></el-col>
          </el-row>
        </div>
      </div>
@@ -31,8 +31,8 @@
                  <span>可提供服务</span>
                  <span class="content-more" @click="activeName='second'">更多</span>
                </div>
                <div class="content content-nf">
                  <baseService v-if="platThreeServices.length" v-for="item in platThreeServices" :key="item.index" :itemSingle="item"></baseService>
                <div class="content content-nf" v-if="platThreeServices.length">
                  <baseService v-for="item in platThreeServices" :key="item.index" :itemSingle="item"></baseService>
                </div>
              </div>
              <div class="inner-wrapper" v-if="platThreeResources.length">
@@ -40,8 +40,8 @@
                  <span>可共享资源</span>
                  <span class="content-more" @click="activeName='third'">更多</span>
                </div>
                <div class="content content-nf">
                  <baseResource v-if="platThreeResources.length" v-for="item in platThreeResources" :key="item.index" :itemSingle="item"></baseResource>
                <div class="content content-nf" v-if="platThreeResources.length">
                  <baseResource v-for="item in platThreeResources" :key="item.index" :itemSingle="item"></baseResource>
                </div>
              </div>
            </div>
@@ -66,14 +66,14 @@
          </el-tab-pane>
          <el-tab-pane :label="'服务 ' + (serCount>0 ? serCount : '')" name="second">
            <div v-if="!ifDefault && platServices.length">
              <baseService v-if="platServices.length" v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService>
              <baseService v-for="item in platServices" :key="item.index" :itemSingle="item"></baseService>
              <Loading v-show="loadingModalShow" :loadingComplete="loadingComplete" :isLoading="isLoading" v-on:upup="searchLower"></Loading>
            </div>
            <defaultPage v-else></defaultPage>
          </el-tab-pane>
          <el-tab-pane :label="'资源 ' + (resCount>0 ? resCount : '')" name="third">
            <div v-if="!ifDefault2 && platResources.length">
              <baseResource v-if="platResources.length" v-for="item in platResources" :key="item.index" :itemSingle="item"></baseResource>
              <baseResource v-for="item in platResources" :key="item.index" :itemSingle="item"></baseResource>
              <Loading v-show="loadingModalShow2" :loadingComplete="loadingComplete2" :isLoading="isLoading2" v-on:upup="searchLower2"></Loading>
            </div>
            <defaultPage v-else></defaultPage>
@@ -169,6 +169,7 @@
  import shareOut from '@/components/ShareOut';
  import collectCo from '@/components/CollectCo';
  import contactChat from '@/components/ContactChat';
  import baseService from '@/components/subTemplate/BaseService';
  import baseResource from '@/components/subTemplate/BaseResource';
@@ -245,6 +246,7 @@
    components: {
      shareOut,
      collectCo,
      contactChat,
      baseService,
      baseResource
    },

src/pages/resource/show.vue

@@ -62,6 +62,23 @@
          <div class="right-split">
            <beyondTo v-if="owner.id" :ownerId="owner.id" :ownerType="owner.type"></beyondTo>
          </div>
          <div class="right-split" v-if="reslinkmans.length">
            <div class="content-title">
              <span>联系人</span>
            </div>
            <div class="content">
              <a v-for="item in reslinkmans" :key="item.index" class="list-item">
                <div class="list-head" style="border-radius: 50%" :style="{backgroundImage: 'url(' + item.uimg + ')'}"></div>
                <div class="list-info">
                  <div class="list-owner">{{item.professor.name}}</div>
                  <div class="list-desc">{{item.professor.title || item.professor.office}}</div>
                </div>
                <div class="list-link">
                  <contactChat :contactOptions="{oid: item.professorId }"></contactChat>
                </div>
              </a>
            </div>
          </div>
          <div class="right-split" v-if="hotResources && hotResources.length">
            <div class="content-title">
              <span>热门资源</span>
@@ -89,6 +106,7 @@
  import shareOut from '@/components/ShareOut';
  import collectCo from '@/components/CollectCo';
  import beyondTo from '@/components/BeyondTo';
  import contactChat from '@/components/ContactChat';
  import baseResource from '@/components/subTemplate/BaseResource';
@@ -104,7 +122,8 @@
          type: ''
        },
        hotResources: '',
        likeResources: ''
        likeResources: '',
        reslinkmans: []
      };
    },
    created() {
@@ -112,12 +131,14 @@
      this.elurl = window.location.href;
      this.getResourceInfo();
      this.getLikeResources();
      this.getLinkmans();
    },
    components: {
      previewMagnify,
      shareOut,
      collectCo,
      beyondTo,
      contactChat,
      baseResource
    },
    methods: {
@@ -191,6 +212,26 @@
            that.likeResources = $data
          }
        })
      },
      getLinkmans() {
        var that = this
        this.$axios.getk('/ajax/resource/qaLinkman',{
          resourceId: that.resourceId
        }, function(data) {
          if (data.success) {
            var $data = data.data;
            if ($data.length > 0) {
              for (var i = 0; i < $data.length; i++) {
                if ($data[i].professor.hasHeadImage) {
                  $data[i].uimg = ImageUrl(('head/' + $data[i].professorId + '_l.jpg'), true)
                } else {
                  $data[i].uimg = defaultSet.img.expert
                }
              }
              that.reslinkmans = $data
            }
          }
        })
      }
    }
  };

src/pages/result/show.vue

@@ -18,31 +18,31 @@
            <div class="content">
              <el-row :gutter="10" class="rel-detail">
                <el-col :span="12" v-if="patentInfo.code">
                  <el-col :span="5">专利号：</el-col>
                  <el-col :span="19">{{patentInfo.code}}</el-col>
                  <el-col :span="4">专利号:</el-col>
                  <el-col :span="20">{{patentInfo.code}}</el-col>
                </el-col>
                <el-col :span="12" v-if="patentInfo.pubDay">
                  <el-col :span="5">公开日：</el-col>
                  <el-col :span="19">{{patentInfo.pubDay}}</el-col>
                  <el-col :span="4">公开日:</el-col>
                  <el-col :span="20">{{patentInfo.pubDay}}</el-col>
                </el-col>
                <el-col :span="12" v-if="patentInfo.reqCode">
                  <el-col :span="5">申请号：</el-col>
                  <el-col :span="19">{{patentInfo.reqCode}}</el-col>
                  <el-col :span="4">申请号:</el-col>
                  <el-col :span="20">{{patentInfo.reqCode}}</el-col>
                </el-col>
                <el-col :span="12" v-if="patentInfo.pubDay">
                  <el-col :span="5">申请日：</el-col>
                  <el-col :span="19">{{patentInfo.pubDay}}</el-col>
                  <el-col :span="4">申请日:</el-col>
                  <el-col :span="20">{{patentInfo.pubDay}}</el-col>
                </el-col>
                <el-col :span="12" v-if="patentInfo.reqPerson">
                  <el-col :span="5">申请人：</el-col>
                  <el-col :span="19">{{patentInfo.reqPerson}}</el-col>
                  <el-col :span="4">申请人:</el-col>
                  <el-col :span="20">{{patentInfo.reqPerson}}</el-col>
                </el-col>
                <el-col :span="24" v-if="patentInfo.summary">
                  <el-col :span="24">摘要：</el-col>
                  <el-col :span="24">摘要:</el-col>
                  <el-col :span="24" v-html="patentInfo.summary"></el-col>
                </el-col>
                <el-col :span="24" v-if="patentInfo.cooperation">
                  <el-col :span="24">合作备注：</el-col>
                  <el-col :span="24">合作备注:</el-col>
                  <el-col :span="24" v-html="patentInfo.cooperation"></el-col>
                </el-col>
                <el-col :span="24" v-if="patentInfo.keywords && patentInfo.keywords.length">
@@ -60,15 +60,18 @@
            <div class="content">
              <el-row :gutter="10" style="width:100%">
                <el-col :span="12" class="item-col" v-for="item in patentAuthors" :key="item.index">
                  <a v-if="item.professorId.substring(0, 1) !== '#'" class="list-item" :href="'expert.html?id='+item.professorId" target="_blank">
                    <div class="list-head" :style="{backgroundImage: 'url(' + headUrl(item) + ')'}"></div>
                  <div v-if="item.professorId.substring(0, 1) !== '#' && item.owner" class="list-item">
                    <a :href="'expert.html?id='+item.professorId" target="_blank"><div class="list-head" style="border-radius:50%" :style="{backgroundImage: 'url(' + item.owner.img + ')'}"></div></a>
                    <div class="list-info">
                      <div class="list-tit">{{item.name}}</div>
                      <div class="list-desc">{{item.title}}</div>
                      <div class="list-tit">{{item.owner.name}}</div>
                      <div class="list-desc">{{item.owner.title}}</div>
                    </div>
                    <div class="list-link" style="right: 0">
                      <contactChat :contactOptions="{oid: item.professorId }"></contactChat>
                    </div>
                  </a>
                  </div>
                  <div class="list-item" v-else>
                    <div class="list-head" :style="{backgroundImage: 'url(' + headUrl(item) + ')'}"></div>
                    <div class="list-head" style="border-radius:50%" :style="{backgroundImage: 'url(' + defaultExpertImg + ')'}"></div>
                    <div class="list-info">
                      <div class="list-tit">{{item.name}}</div>
                    </div>
@@ -89,8 +92,8 @@
      </div>
      <div class="wrapper-right">
        <div class="wrapper-right">
          <div class="block-wrapper" v-if="adinfo.length" v-for="item in adinfo" :key="item.index">
            <a class="ad-wrapper" :href="item.adUrl" target="_blank">
          <div class="block-wrapper" v-if="adinfo.length">
            <a class="ad-wrapper" v-for="item in adinfo" :key="item.index" :href="item.adUrl" target="_blank">
              <img :src="item.imgUrl" width="280" height="200">
            </a>
          </div>
@@ -106,6 +109,7 @@
  import shareOut from '@/components/ShareOut';
  import collectCo from '@/components/CollectCo';
  import contactChat from '@/components/ContactChat';
  import baseResult from '@/components/subTemplate/BaseResult';
  import queryBase from '@/libs/queryBase';
@@ -120,7 +124,8 @@
        patentId: '',
        elurl: '',
        likePatents: '',
        patentAuthors: ''
        patentAuthors: '',
        defaultExpertImg: defaultSet.img.expert
      };
    },
    created() {
@@ -133,6 +138,7 @@
    components: {
      shareOut,
      collectCo,
      contactChat,
      baseResult
    },
    methods: {
@@ -164,34 +170,26 @@
            const $data = res.data
            if ($data.length > 0) {
              that.authorCount = $data.length
              var hdata = { num: 1, data: $data }
              for (let i = 0; i < $data.length; ++i) {
                hdata.num++
                if ($data[i].professorId.substring(0, 1) !== '#') {
                  var item = $data[i]
                  queryBase.getProfessor(item.professorId, function(sc, value) {
                    alert(333)
                  queryBase.getProfessor($data[i].professorId, function(sc, value) {
                    if (sc) {
                      hdata.num--
                      item.name = value.name;
                      if (value.hasHeadImage) {
                        value.img = ImageUrl(('head/' + value.id + '_l.jpg'), true)
                      } else {
                        value.img = defaultSet.img.expert
                      }
                      $data[i].owner = value
                      that.$forceUpdate();
                    }
                  });
                } else {
                  hdata.num--
                }
              }
              hdata.num--
              if (hdata.num === 0) {
                that.patentAuthors = $data
              }
              that.patentAuthors = $data
            }
          }
        })
      },
      headUrl(item) {
        return item.hasHeadImage ? ImageUrl(('head/' + item.id + '_l.jpg'), true) : defaultSet.img.expert;
      },
      getLikePatents() {
        var that = this
        that.$axios.getk('/ajax/ppatent/ralatePatents', {

src/pages/serve/show.vue

@@ -50,6 +50,23 @@
          <div class="right-split">
            <beyondTo v-if="ownerB.id" :ownerId="ownerB.id" :ownerType="ownerB.type"></beyondTo>
          </div>
          <div class="right-split" v-if="reslinkmans.length">
            <div class="content-title">
              <span>联系人</span>
            </div>
            <div class="content">
              <a v-for="item in reslinkmans" :key="item.index" class="list-item">
                <div class="list-head" style="border-radius: 50%" :style="{backgroundImage: 'url(' + item.img + ')'}"></div>
                <div class="list-info">
                  <div class="list-owner">{{item.name}}</div>
                  <div class="list-desc">{{item.title || item.office}}</div>
                </div>
                <div class="list-link">
                  <contactChat :contactOptions="{oid: item.id }"></contactChat>
                </div>
              </a>
            </div>
          </div>
          <div class="right-split" v-if="hotserves && hotserves.length">
            <div class="content-title">
              <span>热门服务</span>
@@ -77,6 +94,7 @@
  import shareOut from '@/components/ShareOut';
  import collectCo from '@/components/CollectCo';
  import beyondTo from '@/components/BeyondTo';
  import contactChat from '@/components/ContactChat';
  import baseService from '@/components/subTemplate/BaseService';
@@ -92,7 +110,8 @@
          type: ''
        },
        hotserves: '',
        likeserves: ''
        likeserves: '',
        reslinkmans: []
      };
    },
    created() {
@@ -100,12 +119,14 @@
      this.elurl = window.location.href;
      this.getserveInfo();
      this.getLikeserves();
      this.getLinkmans();
    },
    components: {
      previewMagnify,
      shareOut,
      collectCo,
      beyondTo,
      contactChat,
      baseService
    },
    methods: {
@@ -185,6 +206,41 @@
            }
          }
        })
      },
      getLinkmans() {
        var that = this
        this.$axios.getk('/ajax/ware/pro',{
          id: that.serveId
        }, function(res) {
          if (res.success) {
            var $data = res.data;
            var arr = []
            if ($data.length > 0) {
              for (var i = 0; i < $data.length; i++) {
                arr.push($data[i].professor)
              }
              if (arr.length) {
                that.$axios.getk('/ajax/professor/qm', {
                  id: arr
                }, function(data) {
                  if (data.success && data.data) {
                    if (data.data.length > 0) {
                      var str = data.data
                      for (var j = 0; j < str.length; j++) {
                        if (str[j].hasHeadImage) {
                          str[j].img = ImageUrl(('head/' + str[j].id + '_l.jpg'), true)
                        } else {
                          str[j].img = defaultSet.img.expert
                        }
                      }
                      that.reslinkmans = data.data
                    }
                  }
                })
              }
            }
          }
        })
      }
    }
  };

src/store/getters.js

@@ -1,7 +1,14 @@
const getters = {
  account: state => state.user.account,
  bindCompany: state => state.user.bindCompany,
  headPhoto: state => state.user.headPhoto
  headPhoto: state => state.user.headPhoto,
  chatListLocal: state => state.chat.chatListLocal,
  chatDetailLocal: state => state.chat.chatDetailLocal,
  selectChatId: state => state.chat.selectChatId,
  selectKxUser: state => state.chat.selectKxUser,
  ifFirstChat: state => state.chat.ifFirstChat,
  kxLastTime: state => state.chat.kxLastTime
}
export default getters

src/store/index.js

@@ -1,9 +1,11 @@
import user from './modules/user';
import chat from './modules/chat';
import getters from './getters';
const store = new Vuex.Store({
  modules: {
    user
    user,
    chat
  },
  getters
})

src/store/modules/chat.js

@@ -0,0 +1,41 @@
const chat = {
  state: {
    chatListLocal: [],
    chatDetailLocal: [],
    selectChatId: '',
    selectKxUser: '',
    ifFirstChat: false,
    kxLastTime: '0'
  },
  mutations: {
    chatListLocal(state, value) {
      state.chatListLocal = value
    },
    chatDetailLocal(state, value) {
      state.chatDetailLocal = value
    },
    selectChatId(state, value) {
      state.selectChatId = value
    },
    selectKxUser(state, value) {
      state.selectKxUser = value
    },
    ifFirstChat(state, value) {
      state.ifFirstChat = value
    },
    kxLastTime(state, value) {
      state.kxLastTime = value
    }
  },
  actions: {
    chatListAction: ({ commit }, value) => commit('chatListLocal', value),
    chatDetailAction: ({ commit }, value) => commit('chatDetailLocal', value),
    selectSession: ({ commit }, value) => commit('selectChatId', value),
    selectKxUserAction: ({ commit }, value) => commit('selectKxUser', value),
    ifFirstChatActiion: ({ commit }, value) => commit('ifFirstChat', value),
    kxLastTimeAction: ({ commit }, value) => commit('kxLastTime', value)
  }
}
export default chat

src/store/modules/user.js

@@ -42,6 +42,8 @@ const user = {
              localStorage.setItem('userid', dataS.id);
              localStorage.setItem('uaccount', dataS.account);
              localStorage.setItem('bcid', dataS.bindCompany);
              localStorage.setItem('curcomp', dataS.comp);
              localStorage.setItem('curphone', dataS.linkPhone);
            }
          }
          resolve(response)
@@ -64,6 +66,8 @@ const user = {
            localStorage.setItem('userid', dataS.id);
            localStorage.setItem('uaccount', dataS.account);
            localStorage.setItem('bcid', dataS.bindCompany);
            localStorage.setItem('curcomp', dataS.comp);
            localStorage.setItem('curphone', dataS.linkPhone);
          } else {
            commit('SET_USERID', '')
            commit('SET_ACCOUNT', '')
@@ -71,6 +75,8 @@ const user = {
            localStorage.removeItem('userid');
            localStorage.removeItem('uaccount');
            localStorage.removeItem('bcid');
            localStorage.removeItem('curcomp');
            localStorage.removeItem('curphone');
          }
          resolve(response)
        }).catch(error => {
@@ -90,6 +96,8 @@ const user = {
          localStorage.removeItem('userid');
          localStorage.removeItem('uaccount');
          localStorage.removeItem('bcid');
          localStorage.removeItem('curcomp');
          localStorage.removeItem('curphone');
          resolve()
        }).catch(error => {
          reject(error)

src/styles/listitem.scss

@@ -79,9 +79,11 @@
.list-item{
  width: 100%;
  display:flex;
  position: relative;
  align-items:center;
  background:#fff;
  padding:20px;
  box-sizing: border-box;
  @include border-1px();
  &:last-child{
    @include border-none();
@@ -122,6 +124,16 @@
      color:$commonFont;
    }
  }
  .list-link{
    position: absolute;
    right: -14px;
    top: 50%;
    margin-top:-12px;
    .el-button{
      padding: 6px 8px;
      font-size: 12px;
    }
  }
}
.wrapper-right .list-item{
  padding: 10px 0;