消息未读定时获取， loading

src/layout/TheHeader.vue

@@ -10,8 +10,8 @@
        </div>
        <div class="wrapper-right">
          <div v-if="account">
            <!-- <a class="marLeft marLeft_1" href='/#/inform'>通知({{informCount}})</a> -->
            <a class="marLeft marLeft_1" href='/#/miniChat'>消息({{unreadCount}})</a>
            <!-- <a class="marLeft marLeft_1" href='/#/inform'><el-badge :value="informCount" :max="99">通知</el-badge></a> -->
            <a class="marLeft marLeft_1" href='/#/miniChat'><el-badge :value="unreadCount" :max="99">消息</el-badge></a>
            <el-dropdown>
              <span class="el-dropdown-link" style="cursor:pointer">
                {{account}}<i class="el-icon-arrow-down el-icon--right"></i>
@@ -93,7 +93,8 @@
        kexiuLink: ekexiuUrl,
        plat: '',
        unreadCount: 0,
        informCount: 0
        informCount: 0,
        refreshUnread: ''
      };
    },
    computed: {
@@ -140,36 +141,47 @@
        }).catch(() => {})
      },
      queryMsgUnread() {
        var that = this
        this.$axios.get('/ajax/msg/unread', {}, function(res) {
          if (res.success) {
            var count = 0
            if (res.data > 99) {
              count = '99+'
            that.unreadCount = res.data
            if (that && !that._isDestroyed) {
              that.refreshUnread = setTimeout(() => {
                that.queryMsgUnread()
              }, 1000)
            } else {
              count = res.data
              that.refreshUnread = ''
            }
            this.unreadCount = count
          }
        })
      },
      queryInformCount() {
        // var that = this
        // this.$axios.get('/ajax/inform/unread', {}, function(res) {
        //   if (res.success) {
        //     var count = 0
        //     if (res.data > 99) {
        //       count = '99+'
        //     that.informCount = res.data
        //     if (that && !that._isDestroyed) {
        //       that.refreshInformCount = setTimeout(() => {
        //         that.queryInformCount()
        //       }, 1000)
        //     } else {
        //       count = res.data
        //       that.refreshInformCount = ''
        //     }
        //     this.informCount = count
        //   }
        // })
      }
    },
    beforeDestroy() {
      var that = this
      this.$once('hook:beforeDestroy', () => {
        clearTimeout(that.refreshUnread)
        // clearTimeout(that.refreshInformCount)
      })
    }
  };
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
<style rel="stylesheet/scss" lang="scss">
.el-menu-item,.el-menu--horizontal,.el-menu--horizontal .el-menu-item{
  border:none;
}
@@ -188,6 +200,15 @@
  margin-left:20px;
  min-width:62px;
}
.header .top-wrapper .contain-wrapper .marLeft .el-badge{
  padding-right: 10px;
}
.header .top-wrapper .contain-wrapper .marLeft .el-badge .el-badge__content.is-fixed{
  top: 12px;
  right: 15px;
  border: none;
  line-height: 16px;
}
.header .top-wrapper .contain-wrapper .marLeft.marLeft_1{
  min-width:0;
}

src/pages/center/router/index.js

@@ -17,6 +17,7 @@ const constantRouterMap = [
      },
      {
        path: '/myDemands',
        alwaysShow: true,
        component: (resolve) => require(['../views/myDemands/index'], resolve),
        name: 'myDemands',
        meta: { title: '我的需求' }

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

@@ -13,25 +13,21 @@ import SidebarItem from './SidebarItem'
export default {
  components: { SidebarItem },
  watch: {
    bindCompany(val) {
      this.bindCompany = val
    }
  },
  computed: {
    ...Vuex.mapGetters([
      'bindCompany'
    ]),
    routes() {
      var aRouter = this.$router.options.routes
      var dRouter = []
      if (!this.bindCompany) {
        for (let i = 0; i < aRouter[0].children.length; ++i) {
          var Ltm = []
          if (aRouter[0].children[i].name !== 'myBuseiness') {
            Ltm.push(aRouter[0].children[i])
          }
        }
        dRouter.push(Ltm)
      } else {
        dRouter = aRouter
        aRouter[0].children.splice(2, 1)
      }
      return dRouter
      return aRouter
    }
  }
}

src/pages/center/views/modifyData.vue

@@ -32,12 +32,12 @@
              <el-input v-model="ruleForm2.email" placeholder="请输入联系邮箱" maxlength="100"></el-input>
            </el-form-item>
            <el-form-item label="所在城市" prop="addr">
              <cityPicker v-if="ruleForm2.addr" @paren="toshow" :addrCode="ruleForm2.addr"></cityPicker>
              <cityPicker @paren="toshow" :addrCode="ruleForm2.addr"></cityPicker>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item prop="head">
              <uploadFile :uploadImg='uploadImg' v-on:uploadfun="uploadfun" :upImgsStr="upImgsStr"></uploadFile>
              <uploadFile :uploadImg="uploadImg" v-on:uploadfun="uploadfun" :upImgsStr="upImgsStr"></uploadFile>
            </el-form-item>
          </el-col>
          <el-col :span="24" class="el-btn-col">
@@ -52,16 +52,14 @@
</template>
<script>
  import uploadFile from '@/components/uploadFile/index';
  import uploadFile from '@/components/uploadFile'
  import cityPicker from '@/components/CityPicker'
  export default {
    data() {
      return {
        province: '',
        city: '',
        upImgsStr: '',
        uploadImg: {
          url: '/ajax/product/logo',
          url: '/ajax/user/head',
          width: '200px',
          height: '200px',
          tip: '上传头像'
@@ -93,7 +91,7 @@
    },
    created() {
      let id = localStorage.getItem('userid');
      this.$axios.get('/ajax/sys/user/get', {id}, res => { // 拉取user_info
      this.$axios.get('/ajax/sys/user/get', {id}, res => {
        if (res.success && res.data) {
          const response = res.data;
          this.ruleForm2 = {
@@ -106,28 +104,16 @@
            email: response.email,
            addr: response.addr,
            head: response.head
          };
          this.upImgsStr = response.head;
          this.province = `${response.addr.substr(0, 2)}0000`;
          this.city = response.addr;
          }
          this.upImgsStr = response.head
        }
      })
    },
    methods: {
      uploadfun(value) {
        this.ruleForm2.head = value
      },
      toshow(value) {
        this.ruleForm2.addr = value
      },
      // getSelectProv(prov) {
      //   this.ruleForm2.addr = prov;
      // },
      submitForm(formName) {
        this.$refs[formName].validate((valid) => {
          if (valid) {
            this.$axios.post('/ajax/sys/user', this.ruleForm2, res => {
              console.log(res)
              if (res.success) {
                this.$store.commit('SET_ACCOUNT', this.ruleForm2.account);
                this.$store.commit('SET_HEADPHOTO', this.ruleForm2.head);
@@ -137,20 +123,25 @@
                });
              } else {
                this.$store.dispatch('FedLogOut').then(res => {
                  this.$message.error('登录状态失效，请重新登录');
                  this.$router.push({ path: '/loginPlat' });
                  this.$message.error('登录状态失效，请重新登录')
                  this.$router.push({ path: '/#/loginPlat' })
                })
              }
            })
          } else {
            console.log('error submit!!');
            return false;
          }
        });
        })
      },
      resetForm(formName) {
        this.$refs[formName].resetFields();
        this.$refs[formName].resetFields()
      },
      uploadfun(value) {
        this.ruleForm2.head = value
      },
      toshow(value) {
        this.ruleForm2.addr = value
      }
    }
  };
  }
</script>

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

@@ -55,8 +55,7 @@ export default {
  computed: {
    ...Vuex.mapGetters([
      'selectChatId',
      'selectKxUser',
      'chatListLocal'
      'selectKxUser'
    ]),
    showChatLi() {
      return this.kxUserIdArr.indexOf(this.urlPid) > -1
@@ -72,7 +71,6 @@ export default {
      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) {
@@ -119,9 +117,7 @@ export default {
          }
          if (that && !that._isDestroyed) {
            that.refreshListTime = setTimeout(() => {
              if (that && !that._isDestroyed) {
                that.queryChatList()
              }
              that.queryChatList()
            }, 1000)
          } else {
            that.refreshListTime = ''
@@ -132,12 +128,11 @@ export default {
    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.chatList.map(item => {
        if (item.pid === id) {
          this.$store.dispatch('ifFirstChatActiion', true)
          break
        }
      }
      })
      if (num > 0) {
        this.readedOperate(id)
      }

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

@@ -107,9 +107,7 @@ export default {
          }
          if (that && !that._isDestroyed) {
            that.refreshChatTime = setTimeout(() => {
              if (that && !that._isDestroyed) {
                that.queryRefreshChatDetal()
              }
              that.queryRefreshChatDetal()
            }, 1000)
          } else {
            that.refreshChatTime = ''
@@ -129,13 +127,14 @@ export default {
      return d.getTime()
    },
    compareTwo(index, b) {
      var f = ''
      var f = 0
      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
      let k = (l - f) - s
      return k < 0
    }
  },
  beforeDestroy() {

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

@@ -30,6 +30,12 @@ export default {
      'chatDetailLocal'
    ])
  },
  watch: {
    ifFirstChat(val) {
      console.log(val)
      this.ifFirstChat = val
    }
  },
  methods: {
    onKeyup (e) {
      if (e.keyCode === 13) {
@@ -46,6 +52,7 @@ export default {
        }, 1000)
      } else {
        var url = '/ajax/msg/fsend'
        console.log(that.ifFirstChat)
        if (that.ifFirstChat) {
          url = '/ajax/msg/send'
        }

src/pages/index/views/ViewAboutUs.vue

@@ -1,7 +1,7 @@
<template>
  <div class="aboutUs">
    <div class="content-title content-title-center">平台介绍</div>
    <div class="plat-info" v-html="aboutUs"></div>
    <div class="plat-info" v-html="aboutUs" v-loading="loading"></div>
    <BackTop></BackTop>
  </div>
</template>
@@ -12,7 +12,8 @@
  export default {
    data() {
      return {
        aboutUs: ''
        aboutUs: '',
        loading: true,
      };
    },
    created() {
@@ -20,8 +21,10 @@
    },
    methods: {
      getAboutUs() {
        this.loading = true
        this.$axios.get('/ajax/platform/get', {
        }, (res) => {
          this.loading = false
          this.aboutUs = getFormatCode(res.data.descp);
        });
      }
@@ -31,6 +34,7 @@
<style scoped>
  .aboutUs{
    min-height:370px;
    margin-bottom:20px;
    padding:20px;
    background: #fff;

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

@@ -56,15 +56,18 @@
                        obj[m].offt = formatOfft(obj[m], true)
                      }
                      setTimeout(() => {
                        that.$parent.loadingState = false
                        that.userData = obj
                      }, 1000);
                    }
                  }
                })
              }
            };
          };
        });
            } else {
              that.$parent.loadingState = false
            }
          }
        })
      }
    }
  };

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

@@ -1,6 +1,6 @@
<template>
	<div class="expert">
		<div class="content-wrapper block-wrapper">
		<div class="content-wrapper block-wrapper" style="min-height:400px" v-loading="loadingState">
			<div class="content-title content-title-center">平台特约专家</div>
			<expItem></expItem>
		</div>
@@ -12,6 +12,11 @@
	import expItem from './expItem';
	export default {
		data() {
			return {
				loadingState: true
			}
		},
    components: {
      expItem
    }

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

@@ -14,7 +14,7 @@
            <li>检测服务</li>
          </ul>
        </div> -->
        <div class="tab-contain">
        <div class="tab-contain" v-loading="loading">
          <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>
@@ -52,6 +52,7 @@
        },
        keyVal: '',
        platResources: [],
        loading: true,
        loadingModalShow: true, // 是否显示按钮
        loadingComplete: false, // 是否全部加载
        isFormSearch: false, // 数据加载
@@ -75,6 +76,7 @@
          id: this.dataO.resId,
          rows: this.rows
        }, (res) => {
          this.loading = false
          if (res.success) {
            var $info = res.data;
            if ($info.length > 0) {

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

@@ -7,7 +7,7 @@
        </el-input>
      </div>
      <div class="block-wrapper">
        <div class="tab-contain">
        <div class="tab-contain" v-loading="loading">
          <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>
@@ -45,6 +45,7 @@
        },
        keyVal: '',
        platResources: [],
        loading: true,
        loadingModalShow: true, // 是否显示按钮
        loadingComplete: false, // 是否全部加载
        isFormSearch: false, // 数据加载
@@ -65,6 +66,7 @@
          id: this.dataO.patId,
          rows: this.rows
        }, (res) => {
          this.loading = false
          if (res.success) {
            var $info = res.data;
            if ($info.length > 0) {

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

@@ -14,7 +14,7 @@
            <li>检测服务</li>
          </ul>
        </div> -->
        <div class="tab-contain">
        <div class="tab-contain" v-loading="loading">
          <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>
@@ -52,6 +52,7 @@
        },
        keyVal: '',
        platServices: [],
        loading: true,
        loadingModalShow: true, // 是否显示按钮
        loadingComplete: false, // 是否全部加载
        isFormSearch: false, // 数据加载
@@ -72,6 +73,7 @@
            id: this.dataO.serId,
            rows: this.rows
        }, (res) => {
          this.loading = false
          if (res.success) {
            var $info = res.data;
            if ($info.length > 0) {

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

@@ -1,6 +1,6 @@
<template>
	<div class="cooperation">
		<div class="content-wrapper block-wrapper">
		<div class="content-wrapper block-wrapper" style="min-height:400px" v-loading="loadingState">
			<div class="content-title content-title-center">平台合作机构</div>
			<orgItem></orgItem>
		</div>
@@ -12,6 +12,11 @@
	import orgItem from './orgItem';
	export default {
		data() {
			return {
				loadingState: true
			}
		},
    components: {
      orgItem
    }

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

@@ -27,7 +27,6 @@
    },
    methods: {
      ResidentOrgs() {
        var that = this
        var that = this
        that.$axios.get('/ajax/org/list', {}, (res) => {
          if (res.success) {
@@ -58,16 +57,19 @@
                        }
                      }
                      setTimeout(() => {
                        that.$parent.loadingState = false
                        that.orgData = obj
                      }, 1000);
                    }
                  }
                })
              }
            };
          };
        });
            } else {
              that.$parent.loadingState = false
            }
          }
        })
      }
    }
  };
  }
</script>

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

@@ -5,7 +5,7 @@
				<img :src="plat.platimgurl" width="800" height="280">
			</div>
			<div class="block-wrapper">
				<div class="content-wrapper tab-wrapper">
				<div class="content-wrapper tab-wrapper" style="min-height:300px;" v-loading="loadState">
					<el-tabs v-model="activeName">
            <el-tab-pane v-for="cata in conCatalog" :key="cata.index" :label="cata.tit" :name="cata.val">
              <platNews :activeTab="cata.val"></platNews>
@@ -37,6 +37,7 @@
        /* eslint-disable no-undef */
        plat: PLAT.info,
        activeName: '1',
        loadState: false,
        conCatalog: [
          {
            val: '1',

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

@@ -33,12 +33,14 @@
    methods: {
      queryPaltNews() {
        var that = this
        that.$parent.loadState = true
        this.$axios.get('/ajax/article/pq', {
          catalog: that.activeTab,
          published: 1,
          pageSize: that.pageSize,
          pageNo: that.pageNo
        }, (res) => {
          that.$parent.loadState = false
          if (res.success && res.data) {
            var $info = res.data.data;
            if ($info.length > 0) {

src/pages/index/views/ViewRegCompany/index.vue

@@ -1,6 +1,6 @@
<template>
	<div class="cooperation">
		<div class="content-wrapper block-wrapper">
		<div class="content-wrapper block-wrapper" style="min-height:410px" v-loading="loading">
			<div class="block-container">
				<a class="block-item org-item" v-for="item in orgData" :key="item.index" :href="'company.html?id='+item.id" target="_blank">
					<div class="item-block-org">
@@ -34,6 +34,7 @@
        pageSize: 30,
        pageNo: 1,
        orgData: [],
        loading: true,
        loadingModalShow: true, // 是否显示按钮
        loadingComplete: false, // 是否全部加载
        isFormSearch: false, // 数据加载
@@ -46,10 +47,12 @@
    methods: {
      ResidentOrgs() {
        var that = this
        that.loading = true
        this.$axios.get('/ajax/company/pq', {
          pageSize: that.pageSize,
          pageNo: that.pageNo
        }, (res) => {
          that.loading = false
          if (res.success) {
            var $info = res.data.data;
            if ($info.length > 0) {

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

@@ -13,7 +13,7 @@
            <el-input v-model="ruleForm.email" placeholder="请输入邮箱地址"></el-input>
          </el-form-item>
          <el-form-item prop="inviteCode">
            <el-input type="password" v-model="ruleForm.inviteCode" placeholder="请输入邀请码" auto-complete="off"></el-input>
            <el-input type="password" v-model="ruleForm.inviteCode" placeholder="请输入邀请码" auto-complete="off" @keydown.native="submitForm('ruleForm')"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" :disabled="isDisabl" :loading="logining" @click="submitForm('ruleForm')">登录</el-button>

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

@@ -13,7 +13,7 @@
            <el-input v-model="ruleForm.phone" placeholder="请输入手机号码"></el-input>
          </el-form-item>
          <el-form-item prop="pw">
            <el-input type="password" v-model="ruleForm.pw" placeholder="请输入登录密码" auto-complete="off"></el-input>
            <el-input type="password" v-model="ruleForm.pw" placeholder="请输入登录密码" auto-complete="off" @keydown.native="submitForm('ruleForm')"></el-input>
          </el-form-item>
          <el-form-item></el-form-item>
          <el-form-item>

src/store/getters.js

@@ -3,7 +3,6 @@ const getters = {
  bindCompany: state => state.user.bindCompany,
  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,

src/store/modules/chat.js

@@ -1,6 +1,5 @@
const chat = {
  state: {
    chatListLocal: [],
    chatDetailLocal: [],
    selectChatId: '',
    selectKxUser: '',
@@ -8,9 +7,6 @@ const chat = {
    kxLastTime: '0'
  },
  mutations: {
    chatListLocal(state, value) {
      state.chatListLocal = value
    },
    chatDetailLocal(state, value) {
      state.chatDetailLocal = value
    },
@@ -29,7 +25,6 @@ const chat = {
  },
  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),