|
|
@@ -1,6 +1,57 @@
|
|
|
<template>
|
|
|
<div class="div">
|
|
|
- <div id="navigation" class="navbar-inverse navbar-fixed-top animated-header">
|
|
|
+
|
|
|
+ <div class="top-nav">
|
|
|
+ <div class="container">
|
|
|
+ <ul>
|
|
|
+ <li class="profile">
|
|
|
+ <span>
|
|
|
+ <img style="width: 64px;margin-top: -3px;" src="/static/img/xiaologo@2x.png" alt="">
|
|
|
+ </span>
|
|
|
+ <span class="user-info">
|
|
|
+ <span id="user-info">{{mytoken.realname || mytoken.username}} | </span>
|
|
|
+ <span @click="loginout">[退出]</span>
|
|
|
+ </span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div id="navigation" class="navbar-inverse navbar-fixed-top animated-header" style="margin-top:35px;">
|
|
|
+ <div class="container">
|
|
|
+ <div class="navbar-header">
|
|
|
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
|
+ <span class="sr-only">Toggle navigation</span>
|
|
|
+ <span class="icon-bar"></span>
|
|
|
+ <span class="icon-bar"></span>
|
|
|
+ <span class="icon-bar"></span>
|
|
|
+ </button>
|
|
|
+ <h1 class="navbar-brand">
|
|
|
+ <a href="#">
|
|
|
+ <img class="logo-img" src="/static/img/assets/dalogo@2x_1.png" alt="">
|
|
|
+ </a>
|
|
|
+ </h1>
|
|
|
+ </div>
|
|
|
+ <div class="collapse navbar-collapse navbar-right" role="navigation" style="position: absolute;left: 38%;">
|
|
|
+ <ul @click="gohome" id="nav" class="nav navbar-nav menu">
|
|
|
+ <li><router-link to="/home"><a @click="setTurnHome"><span style="color: white">首页</span></a></router-link></li>
|
|
|
+ <li><a href="#" @click="feature"><span>特色</span></a></li>
|
|
|
+ <li><a href="#" @click="service"><span>功能</span></a></li>
|
|
|
+ <li>
|
|
|
+ <el-dropdown trigger="hover" size="mini" placement='bottom-start'>
|
|
|
+ <a><span style="color:white;font-size: 16px">帮助中心</span></a>
|
|
|
+ <el-dropdown-menu slot="dropdown">
|
|
|
+ <el-dropdown-item>
|
|
|
+ <span @click="navproblem">常见问题</span>
|
|
|
+ </el-dropdown-item>
|
|
|
+ </el-dropdown-menu>
|
|
|
+ </el-dropdown>
|
|
|
+ </li>
|
|
|
+ <li><a href="https://uas.usoftchina.com/about" target="_blank"><span>关于我们</span></a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div id="navigation" class="navbar-inverse navbar-fixed-top animated-header">
|
|
|
<div class="container">
|
|
|
<div class="navbar-header">
|
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
|
@@ -17,7 +68,6 @@
|
|
|
</div>
|
|
|
<div class="collapse navbar-collapse navbar-right" role="navigation">
|
|
|
<ul id="nav" class="nav navbar-nav menu">
|
|
|
- <!-- <li><router-link to="/invitation">邀请</router-link></li> -->
|
|
|
<li><router-link to="/home"><a href="#" @click="setTurnHome"><span style="color: white">首页</span></a></router-link></li>
|
|
|
<li><a href="https://uas.usoftchina.com/about" target="_blank"><span>关于我们</span></a></li>
|
|
|
<li style="margin-left:30px;margin-top: 13px;cursor: pointer;">
|
|
|
@@ -30,7 +80,7 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
|
|
|
<iframe hidden :src="setTokenPage"></iframe>
|
|
|
<div class="gs-worp">
|
|
|
@@ -149,14 +199,15 @@
|
|
|
<span v-else-if='d.status == 2'>待批准</span>
|
|
|
<span><button v-if="d.status == 0" @click="Rejoin(i)" class="news-btn">重新加入</button></span>
|
|
|
</li>
|
|
|
- <li v-if="!isnews">
|
|
|
- <img style="width:100%" src="/static/img/nodata.png" alt="">
|
|
|
+ <li v-if="!isnews" class="wushuju">
|
|
|
+ <img src="/static/img/zanwushuju2x.png" alt="">
|
|
|
+ <p>暂无消息</p>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<div v-if="isnews" class="my-pagination">
|
|
|
<el-pagination
|
|
|
background
|
|
|
- :page-size=size
|
|
|
+ :page-size="10"
|
|
|
@current-change="handleCurrentChange"
|
|
|
layout="prev, pager, next"
|
|
|
:total= listtotal>
|
|
|
@@ -190,9 +241,10 @@ import { setTimeout } from 'timers';
|
|
|
{name: '安全设置'},
|
|
|
{name: '消息'},
|
|
|
],
|
|
|
- arr: [],
|
|
|
+ arr: [],//分页数据
|
|
|
+ list:[],//全部数据
|
|
|
listtotal:1,
|
|
|
- size: 10,//每页显示数量
|
|
|
+ size: 1000,//每页显示数量
|
|
|
}
|
|
|
},
|
|
|
mounted(){
|
|
|
@@ -204,7 +256,9 @@ import { setTimeout } from 'timers';
|
|
|
arr:function(){
|
|
|
this.$nextTick(function(){
|
|
|
this.boxheight();
|
|
|
- this.isnews = true;
|
|
|
+ if (this.arr != '') {
|
|
|
+ this.isnews = true;
|
|
|
+ }
|
|
|
})
|
|
|
}
|
|
|
},
|
|
|
@@ -247,17 +301,19 @@ import { setTimeout } from 'timers';
|
|
|
success:function(res){
|
|
|
_this.$store.state.isloading = false;
|
|
|
if (res.success) {
|
|
|
- _this.arr = [];
|
|
|
- let list = res.data.list;
|
|
|
- for (let i = 0; i < list.length - 1; i++) {
|
|
|
- for (let j = 0; j < list.length - i - 1; j++) {
|
|
|
- if (list[i].companyName == list[j].companyName && list[i].status == 0) {
|
|
|
- delete list[i]
|
|
|
+ _this.list = [];
|
|
|
+ let list2 = [];
|
|
|
+ list2 = res.data.list;
|
|
|
+ for (let i = 0; i < list2.length; i++) {
|
|
|
+ for (let j = i + 1; j < list2.length; j++) {
|
|
|
+ if(list2[i].companyName == list2[j].companyName && list2[i].status == 0){
|
|
|
+ j = ++i;
|
|
|
}
|
|
|
}
|
|
|
- _this.arr.push(list[i])
|
|
|
+ _this.list.push(list2[i])
|
|
|
}
|
|
|
- _this.listtotal = res.data.total;
|
|
|
+ _this.listtotal = _this.list.length;
|
|
|
+ _this.pagingtion(1,10);
|
|
|
// _this.$store.state.ishongdian = false;//红点
|
|
|
}
|
|
|
}
|
|
|
@@ -291,45 +347,20 @@ import { setTimeout } from 'timers';
|
|
|
})
|
|
|
},
|
|
|
// 分页
|
|
|
- handleCurrentChange(val) {
|
|
|
- this.$store.state.isloading = true;
|
|
|
+ handleCurrentChange(val) {
|
|
|
document.documentElement.scrollTop = 0;
|
|
|
- let id = this.mytoken.id;
|
|
|
- let param = [{
|
|
|
- type:'condition',
|
|
|
- value:'creatorId='+id+''
|
|
|
- }];
|
|
|
- let _this = this
|
|
|
- $.ajax({
|
|
|
- url: this.$url.api+'/api/commons/remind/apply/list',
|
|
|
- type: "GET",
|
|
|
- data:{
|
|
|
- condition:JSON.stringify(param),
|
|
|
- number:val,
|
|
|
- size:this.size
|
|
|
- },
|
|
|
- headers:{
|
|
|
- 'Access-Control-Allow-Origin':'*',
|
|
|
- 'Content-Type':'application/json;charset=UTF-8',
|
|
|
- "Authorization":Session.getToken()
|
|
|
- },
|
|
|
- success:function(res){
|
|
|
- _this.$store.state.isloading = false;
|
|
|
- if (res.success) {
|
|
|
- let arr2 = [];
|
|
|
- let list = res.data.list;
|
|
|
- for (let i = 0; i < list.length - 1; i++) {
|
|
|
- for (let j = 0; j < list.length - i - 1; j++) {
|
|
|
- if (list[i].companyName == list[j].companyName && list[i].status == 0) {
|
|
|
- delete list[i]
|
|
|
- }
|
|
|
- }
|
|
|
- arr2.push(list[i])
|
|
|
- }
|
|
|
- _this.arr = arr2
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
+ this.pagingtion(val,10);
|
|
|
+ },
|
|
|
+ //分页函数
|
|
|
+ pagingtion(min,max){
|
|
|
+ //定义一个空数组存放分割的数据
|
|
|
+ this.arr = []
|
|
|
+ //对源数组进行分割
|
|
|
+ let list = this.list.concat().splice(min * max - max, max)
|
|
|
+ //循环插入新数组中进行展示
|
|
|
+ for (let i = 0; i < list.length; i++) {
|
|
|
+ this.arr.push(list[i]);
|
|
|
+ }
|
|
|
},
|
|
|
setTurnHome(){
|
|
|
this.$parent.turnHome = true
|
|
|
@@ -403,6 +434,24 @@ import { setTimeout } from 'timers';
|
|
|
})
|
|
|
}
|
|
|
},
|
|
|
+ //常见问题
|
|
|
+ navproblem(){
|
|
|
+ this.$router.push({name: 'Home', params: {isporblem: false}})
|
|
|
+ this.$store.commit('problemfalse');
|
|
|
+ document.documentElement.scrollTop = 0;
|
|
|
+ },
|
|
|
+ // 特色
|
|
|
+ feature(){
|
|
|
+ this.$router.push({name: 'Home', params: {isfeature: 700}})
|
|
|
+ },
|
|
|
+ //功能
|
|
|
+ service(){
|
|
|
+ this.$router.push({name: 'Home', params: {isfeature: 3550}})
|
|
|
+ },
|
|
|
+ gohome(e){
|
|
|
+ this.$store.commit('problemtrue')
|
|
|
+ // this.isproblem = true
|
|
|
+ },
|
|
|
//内容不足500固定高度
|
|
|
boxheight(){
|
|
|
let H = this.$refs.qiyebox.offsetHeight;
|
|
|
@@ -418,7 +467,7 @@ import { setTimeout } from 'timers';
|
|
|
|
|
|
<style scoped>
|
|
|
.div {
|
|
|
- padding-top: 100px;
|
|
|
+ padding-top: 140px;
|
|
|
background: #FDFDFD;
|
|
|
}
|
|
|
.heigh {
|
|
|
@@ -555,4 +604,21 @@ import { setTimeout } from 'timers';
|
|
|
text-align: center !important;
|
|
|
margin-top: 50px;
|
|
|
}
|
|
|
+.wushuju {
|
|
|
+ text-align: center;
|
|
|
+ border-top: 2px solid #B7D9FB;
|
|
|
+ margin-top: 20px;
|
|
|
+ padding: 100px 0px;
|
|
|
+}
|
|
|
+.wushuju > img {
|
|
|
+ width: 18%
|
|
|
+}
|
|
|
+.wushuju > p {
|
|
|
+ font-family: PingFangSC-Regular;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #BEBEBE;
|
|
|
+ letter-spacing: 0;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 26px;
|
|
|
+}
|
|
|
</style>
|