| | |
| | | <template> |
| | | <view class="container"> |
| | | |
| | | <u-search v-model='keyValue' placeholder='请输入公司名称' shape="round" class="u-search" input-align="center" height="70" |
| | | @search='searchValue' @custom='searchValue' @clear='clearValue' @change='changeValue'></u-search> |
| | | <u-search v-model='keyValue' placeholder='请输入公司名称' shape="round" class="u-search" input-align="center" |
| | | height="70" @search='searchValue' @custom='searchValue' @clear='clearValue' @change='changeValue'> |
| | | </u-search> |
| | | |
| | | <view v-if="newsList.length > 0"> |
| | | <view class="inTmain" v-for="(item,index) in newsList"> |
| | |
| | | status: 'loadmore', |
| | | keyValue: '', |
| | | pagelist: 0, |
| | | flag: true |
| | | }; |
| | | }, |
| | | onLoad() { |
| | |
| | | }, |
| | | onReachBottom() { |
| | | var that = this; |
| | | if (that.dataList.length - 1 == that.pagelist) { |
| | | |
| | | if (that.dataList.length - 1 == that.pagelist && this.status != 'nomore' && that.flag == true) { |
| | | that.newsList.push(that.dataList[that.pagelist]); |
| | | this.status = 'nomore'; |
| | | that.flag = false; |
| | | return; |
| | | } |
| | | // 后续将改为与后端联动 |
| | | this.status = 'loading'; |
| | | setTimeout(() => { |
| | | for (var i = 0; i < 5; i++) { |
| | | |
| | | if (that.pagelist <= that.dataList.length - 1) { |
| | | |
| | | that.newsList.push(that.dataList[that.pagelist]) |
| | | |
| | | if (that.pagelist <= that.dataList.length - 2) { |
| | | |
| | | that.pagelist += 1 |
| | | |
| | | if (that.dataList.length - 1 == that.pagelist) { |
| | | that.newsList.push(that.dataList[that.pagelist]) |
| | | } |
| | | |
| | | } |
| | | |
| | | } |
| | | |
| | | } else { |
| | | if (that.flag == false) { |
| | | this.status = 'nomore'; |
| | | return |
| | | } |
| | | }, 2000); |
| | | // 后续将改为与后端联动 |
| | | this.status = 'loading'; |
| | | |
| | | setTimeout(() => { |
| | | var flag = true; |
| | | |
| | | for (var i = 0; i < 5; i++) { |
| | | |
| | | if (that.pagelist <= that.dataList.length - 2 && flag == true) { |
| | | |
| | | that.newsList.push(that.dataList[that.pagelist++]) |
| | | |
| | | if (that.dataList.length - 1 == that.pagelist) flag == false |
| | | |
| | | } |
| | | |
| | | } |
| | | }, 2000); |
| | | |
| | | } |
| | | |
| | | }, |
| | | mounted() { |
| | | this.getCompany(); |
| | |
| | | var resdata = res.data.data.records; |
| | | that.dataList = resdata; |
| | | |
| | | var flag = true; |
| | | |
| | | for (var i = 0; i < 5; i++) { |
| | | |
| | | if (that.pagelist <= that.dataList.length - 1) { |
| | | if (that.pagelist <= that.dataList.length - 2) { |
| | | |
| | | that.newsList.push(that.dataList[that.pagelist]) |
| | | that.newsList.push(that.dataList[that.pagelist++]); |
| | | |
| | | if (that.pagelist <= that.dataList.length - 2) { |
| | | that.pagelist += 1 |
| | | } else { |
| | | |
| | | if (that.dataList.length - 1 == that.pagelist) { |
| | | that.newsList.push(that.dataList[that.pagelist]) |
| | | } |
| | | if (that.dataList.length - 1 == that.pagelist && flag == true) { |
| | | |
| | | } else { |
| | | |
| | | that.status = 'nomore'; |
| | | |
| | | that.newsList.push(that.dataList[that.pagelist]); |
| | | flag = false; |
| | | that.flag = false; |
| | | |
| | | } |
| | | |
| | | } |
| | | |
| | | } |
| | | |
| | | } |
| | |
| | | for (var i = 0; i < this.pagelist; i++) { |
| | | this.newsList.push(this.dataList[i]) |
| | | } |
| | | |
| | | if (this.dataList.length - 1 == this.pagelist) { |
| | | this.newsList.push(this.dataList[this.pagelist]) |
| | | this.status = 'nomore'; |
| | | } else if (this.pagelist < this.dataList.length - 1) { |
| | | this.status = 'loadmore'; |
| | | |
| | | if (this.flag == false) { |
| | | this.newsList.push(this.dataList[this.pagelist]); |
| | | } |
| | | }, |
| | | changeValue(value) { |
| | |
| | | for (var i = 0; i < this.pagelist; i++) { |
| | | this.newsList.push(this.dataList[i]) |
| | | } |
| | | if (this.dataList.length - 1 == this.pagelist) { |
| | | this.newsList.push(this.dataList[this.pagelist]) |
| | | this.status = 'nomore'; |
| | | } else if (this.pagelist < this.dataList.length - 1) { |
| | | this.status = 'loadmore'; |
| | | |
| | | if (this.flag == false) { |
| | | this.newsList.push(this.dataList[this.pagelist]); |
| | | } |
| | | } |
| | | } |
| | | |
| | | } |
| | | }; |
| | | </script> |
| | |
| | | color: #999; |
| | | } |
| | | </style> |
| | | |
| | |
| | | label: '周报' |
| | | }, |
| | | { |
| | | value: '2', |
| | | value: '3', |
| | | label: '月报' |
| | | } |
| | | ], |
| | |
| | | <template> |
| | | <view class="container"> |
| | | <u-search v-model="keyword" shape="round" class="u-search" input-align="center" height="70" :show-action="false"></u-search> |
| | | <view class="inTmain" v-for="(item,index) in dataList"> |
| | | <u-card :title="item.deptName" @click="goDetail(item)"> |
| | | <view class="" slot="body"> |
| | | <view> |
| | | <view style="margin-bottom: 10px;" class="u-body-item-title u-line-1">汇报人:{{item.realName}}</view> |
| | | |
| | | <u-search v-model='keyValue' placeholder='请输入公司名称' shape="round" class="u-search" input-align="center" |
| | | height="70" @search='searchValue' @custom='searchValue' @clear='clearValue' @change='changeValue'> |
| | | </u-search> |
| | | |
| | | <view v-if="newsList.length > 0"> |
| | | <view class="inTmain" v-for="(item,index) in newsList"> |
| | | <u-card :title="item.deptName" @click="goDetail(item)"> |
| | | <view class="" slot="body"> |
| | | <view> |
| | | <view style="margin-bottom: 10px;" class="u-body-item-title u-line-1">汇报人:{{item.realName}}</view> |
| | | </view> |
| | | <view> |
| | | <view class="u-body-item-title u-line-1">汇报类型:{{item.type == 1 ? '日报' : item.type == 2 ? '周报' : '月报' }}</view> |
| | | </view> |
| | | </view> |
| | | <view> |
| | | <view class="u-body-item-title u-line-1">汇报类型:{{item.type == 1 ? '日报' : item.type == 2 ? '周报' : '月报' }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="" slot="foot"></u-icon>汇报时间:{{item.reportTime}}</view> |
| | | </u-card> |
| | | <view class="" slot="foot"></u-icon>汇报时间:{{item.reportTime}}</view> |
| | | </u-card> |
| | | </view> |
| | | <u-loadmore class='msg' :status="status" /> |
| | | </view> |
| | | <view class="msg" v-show="dataList.length == 0"> |
| | | |
| | | <view class="msg" v-else> |
| | | 暂无数据 |
| | | </view> |
| | | |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | dataList:[], |
| | | keyword: "" |
| | | dataList: [], |
| | | newsList: [], |
| | | status: 'loadmore', |
| | | keyValue: '', |
| | | pagelist: 0, |
| | | flag: true |
| | | }; |
| | | }, |
| | | onLoad() { |
| | | |
| | | |
| | | }, |
| | | onReachBottom() { |
| | | var that = this; |
| | | |
| | | if (that.dataList.length - 1 == that.pagelist && this.status != 'nomore' && that.flag == true) { |
| | | that.newsList.push(that.dataList[that.pagelist]); |
| | | this.status = 'nomore'; |
| | | that.flag = false; |
| | | return; |
| | | } else { |
| | | if (that.flag == false) { |
| | | this.status = 'nomore'; |
| | | return |
| | | } |
| | | // 后续将改为与后端联动 |
| | | this.status = 'loading'; |
| | | |
| | | setTimeout(() => { |
| | | var flag = true; |
| | | |
| | | for (var i = 0; i < 5; i++) { |
| | | |
| | | if (that.pagelist <= that.dataList.length - 2 && flag == true) { |
| | | |
| | | that.newsList.push(that.dataList[that.pagelist++]) |
| | | |
| | | if (that.dataList.length - 1 == that.pagelist) flag == false |
| | | |
| | | } |
| | | |
| | | } |
| | | }, 2000); |
| | | |
| | | } |
| | | |
| | | }, |
| | | mounted() { |
| | | this.getCompany(); |
| | | }, |
| | | methods: { |
| | | getCompany(){ |
| | | getCompany() { |
| | | var that = this; |
| | | uni.request({ |
| | | url: this.$store.state.piAPI + "/workReport/pageReply?deptId=" + this.$store.state.UserData.dept_id + '&userId=' + this.$store.state.puserID, |
| | | method:"get", |
| | | data:{ |
| | | |
| | | data: { |
| | | |
| | | }, |
| | | success:(res)=> { |
| | | success: (res) => { |
| | | var resdata = res.data.data.records; |
| | | that.dataList = resdata; |
| | | |
| | | var flag = true; |
| | | |
| | | for (var i = 0; i < 5; i++) { |
| | | |
| | | if (that.pagelist <= that.dataList.length - 2) { |
| | | |
| | | that.newsList.push(that.dataList[that.pagelist++]); |
| | | |
| | | } else { |
| | | |
| | | if (that.dataList.length - 1 == that.pagelist && flag == true) { |
| | | |
| | | that.newsList.push(that.dataList[that.pagelist]); |
| | | flag = false; |
| | | that.flag = false; |
| | | |
| | | } |
| | | |
| | | } |
| | | } |
| | | |
| | | } |
| | | }); |
| | | }, |
| | |
| | | uni.navigateTo({ |
| | | url: './receiveDetail?detailData=' + JSON.stringify(item) |
| | | }); |
| | | }, |
| | | searchValue(value) { |
| | | var that = this; |
| | | var str = value.replace(/\s*/g, ""); |
| | | if (str == '') { |
| | | return |
| | | } else { |
| | | that.newsList = []; |
| | | that.dataList.forEach(item => { |
| | | if (item.deptName.indexOf(str) != -1) { |
| | | that.newsList.push(item) |
| | | } |
| | | }) |
| | | that.status = 'nomore'; |
| | | } |
| | | }, |
| | | clearValue() { |
| | | this.keyValue = '' |
| | | this.newsList = []; |
| | | for (var i = 0; i < this.pagelist; i++) { |
| | | this.newsList.push(this.dataList[i]) |
| | | } |
| | | |
| | | if (this.flag == false) { |
| | | this.newsList.push(this.dataList[this.pagelist]); |
| | | } |
| | | }, |
| | | changeValue(value) { |
| | | if (value == '') { |
| | | this.newsList = []; |
| | | for (var i = 0; i < this.pagelist; i++) { |
| | | this.newsList.push(this.dataList[i]) |
| | | } |
| | | |
| | | if (this.flag == false) { |
| | | this.newsList.push(this.dataList[this.pagelist]); |
| | | } |
| | | } |
| | | } |
| | | |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | .u-card-wrap { |
| | | background-color: $u-bg-color; |
| | | padding: 1px; |
| | | } |
| | | |
| | | .u-card-wrap { |
| | | background-color: $u-bg-color; |
| | | padding: 1px; |
| | | } |
| | | |
| | | .u-body-item { |
| | | font-size: 32rpx; |
| | | color: #333; |
| | | padding: 20rpx 10rpx; |
| | | } |
| | | |
| | | |
| | | .u-body-item image { |
| | | width: 120rpx; |
| | | flex: 0 0 120rpx; |
| | |
| | | border-radius: 8rpx; |
| | | margin-left: 12rpx; |
| | | } |
| | | |
| | | |
| | | .u-search { |
| | | padding: 20rpx 30rpx 0 30rpx; |
| | | } |
| | | |
| | | .inTmain{ |
| | | |
| | | } |
| | | |
| | | |
| | | .inTmain {} |
| | | |
| | | .msg { |
| | | height: 72rpx; |
| | | line-height: 72rpx; |
| | |
| | | <template> |
| | | <view class="container"> |
| | | <u-search v-model="keyword" shape="round" class="u-search" input-align="center" height="70" :show-action="false"></u-search> |
| | | <view v-for="(item,index) in dataList"> |
| | | <u-card :title="item.deptName" @click="goDetail(item)"> |
| | | |
| | | <u-search v-model='keyValue' placeholder='请输入公司名称' shape="round" class="u-search" input-align="center" |
| | | height="70" @search='searchValue' @custom='searchValue' @clear='clearValue' @change='changeValue'> |
| | | </u-search> |
| | | |
| | | <view v-if="newsList.length > 0"> |
| | | <view class="inTmain" v-for="(item,index) in newsList"> |
| | | <u-card :title="item.deptName" @click="goDetail(item)"> |
| | | <view class="" slot="body"> |
| | | <view> |
| | | <view style="margin-bottom: 10px;" class="u-body-item-title u-line-1">汇报人:{{item.realName}}</view> |
| | | <view style="margin-bottom: 10px;" class="u-body-item-title u-line-1">汇报人:{{item.realName}} |
| | | </view> |
| | | </view> |
| | | <view> |
| | | <view class="u-body-item-title u-line-1">汇报类型:{{item.type == 1 ? '日报' : item.type == 2 ? '周报' : '月报' }}</view> |
| | | <view class="u-body-item-title u-line-1"> |
| | | 汇报类型:{{item.type == 1 ? '日报' : item.type == 2 ? '周报' : '月报' }}</view> |
| | | </view> |
| | | </view> |
| | | <view class="" slot="foot"></u-icon>汇报时间:{{item.reportTime}}</view> |
| | | </u-card> |
| | | <view class="" slot="foot"> |
| | | </u-icon>汇报时间:{{item.reportTime}}</view> |
| | | </u-card> |
| | | </view> |
| | | <u-loadmore class='msg' :status="status" /> |
| | | </view> |
| | | |
| | | <view class="msg" v-show="dataList.length == 0"> |
| | | |
| | | <view class="msg" v-else> |
| | | 暂无数据 |
| | | </view> |
| | | |
| | | </view> |
| | | </template> |
| | | |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | dataList:[], |
| | | keyword: "" |
| | | dataList: [], |
| | | newsList: [], |
| | | status: 'loadmore', |
| | | keyValue: '', |
| | | pagelist: 0, |
| | | flag: true |
| | | }; |
| | | }, |
| | | onLoad() { |
| | | |
| | | |
| | | }, |
| | | onReachBottom() { |
| | | var that = this; |
| | | |
| | | if (that.dataList.length - 1 == that.pagelist && this.status != 'nomore' && that.flag == true) { |
| | | that.newsList.push(that.dataList[that.pagelist]); |
| | | this.status = 'nomore'; |
| | | that.flag = false; |
| | | return; |
| | | } else { |
| | | if (that.flag == false) { |
| | | this.status = 'nomore'; |
| | | return |
| | | } |
| | | // 后续将改为与后端联动 |
| | | this.status = 'loading'; |
| | | |
| | | setTimeout(() => { |
| | | var flag = true; |
| | | |
| | | for (var i = 0; i < 5; i++) { |
| | | |
| | | if (that.pagelist <= that.dataList.length - 2 && flag == true) { |
| | | |
| | | that.newsList.push(that.dataList[that.pagelist++]) |
| | | |
| | | if (that.dataList.length - 1 == that.pagelist) flag == false |
| | | |
| | | } |
| | | |
| | | } |
| | | }, 2000); |
| | | |
| | | } |
| | | |
| | | }, |
| | | mounted() { |
| | | this.getCompany(); |
| | | }, |
| | | methods: { |
| | | getCompany(){ |
| | | getCompany() { |
| | | var that = this; |
| | | uni.request({ |
| | | url: this.$store.state.piAPI + "/workReport/page?deptId=" + this.$store.state.UserData.dept_id + '&userId=' + this.$store.state.puserID, |
| | | method:"get", |
| | | data:{ |
| | | |
| | | url: this.$store.state.piAPI + "/workReport/page?deptId=" + this.$store.state.UserData |
| | | .dept_id + '&userId=' + this.$store.state.puserID, |
| | | method: "get", |
| | | data: { |
| | | |
| | | }, |
| | | success:(res)=> { |
| | | success: (res) => { |
| | | var resdata = res.data.data.records; |
| | | that.dataList = resdata; |
| | | |
| | | var flag = true; |
| | | |
| | | for (var i = 0; i < 5; i++) { |
| | | |
| | | if (that.pagelist <= that.dataList.length - 2) { |
| | | |
| | | that.newsList.push(that.dataList[that.pagelist++]); |
| | | |
| | | } else { |
| | | |
| | | if (that.dataList.length - 1 == that.pagelist && flag == true) { |
| | | |
| | | that.newsList.push(that.dataList[that.pagelist]); |
| | | flag = false; |
| | | that.flag = false; |
| | | |
| | | } |
| | | |
| | | } |
| | | } |
| | | |
| | | } |
| | | }); |
| | | }, |
| | | goDetail(item){ |
| | | goDetail(item) { |
| | | uni.navigateTo({ |
| | | url: './sendDetail?detailData=' + JSON.stringify(item) |
| | | }); |
| | | }, |
| | | searchValue(value) { |
| | | var that = this; |
| | | var str = value.replace(/\s*/g, ""); |
| | | if (str == '') { |
| | | return |
| | | } else { |
| | | that.newsList = []; |
| | | that.dataList.forEach(item => { |
| | | if (item.deptName.indexOf(str) != -1) { |
| | | that.newsList.push(item) |
| | | } |
| | | }) |
| | | that.status = 'nomore'; |
| | | } |
| | | }, |
| | | clearValue() { |
| | | this.keyValue = '' |
| | | this.newsList = []; |
| | | for (var i = 0; i < this.pagelist; i++) { |
| | | this.newsList.push(this.dataList[i]) |
| | | } |
| | | |
| | | if (this.flag == false) { |
| | | this.newsList.push(this.dataList[this.pagelist]); |
| | | } |
| | | }, |
| | | changeValue(value) { |
| | | if (value == '') { |
| | | this.newsList = []; |
| | | for (var i = 0; i < this.pagelist; i++) { |
| | | this.newsList.push(this.dataList[i]) |
| | | } |
| | | |
| | | if (this.flag == false) { |
| | | this.newsList.push(this.dataList[this.pagelist]); |
| | | } |
| | | } |
| | | } |
| | | |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss"> |
| | | .u-card-wrap { |
| | | background-color: $u-bg-color; |
| | | padding: 1px; |
| | | } |
| | | |
| | | .u-card-wrap { |
| | | background-color: $u-bg-color; |
| | | padding: 1px; |
| | | } |
| | | |
| | | .u-body-item { |
| | | font-size: 32rpx; |
| | | color: #333; |
| | | padding: 20rpx 10rpx; |
| | | } |
| | | |
| | | |
| | | .u-body-item image { |
| | | width: 120rpx; |
| | | flex: 0 0 120rpx; |
| | |
| | | border-radius: 8rpx; |
| | | margin-left: 12rpx; |
| | | } |
| | | |
| | | |
| | | .u-search { |
| | | padding: 20rpx 30rpx 0 30rpx; |
| | | } |
| | | |
| | | |
| | | .inTmain {} |
| | | |
| | | .msg { |
| | | height: 72rpx; |
| | | line-height: 72rpx; |
| | |
| | | }); |
| | | return; |
| | | } |
| | | console.log(res.data, 897998) |
| | | store.commit('getUserData', res.data) |
| | | // console.log(res.data,123542); |
| | | data.isit = true; |
| | |
| | | vm.$u.vuex('userInfo', userInfo) |
| | | vm.$u.vuex('accessToken', userInfo.access_token) |
| | | vm.$u.vuex('isLogin', true) |
| | | vm.loging = false |
| | | uni.switchTab({ |
| | | url: '/pages/home/home' |
| | | }) |
| | | uni.hideNavigationBarLoading(); |
| | | } |
| | | |
| | | // 退出登录 |