From c478bc1b36e38774cf01c02fd5e23858bd70a4a3 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期三, 29 十一月 2023 13:42:46 +0800
Subject: [PATCH] #
---
pages/business/goBusiness/reimburseOnline.vue | 196 ++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 161 insertions(+), 35 deletions(-)
diff --git a/pages/business/goBusiness/reimburseOnline.vue b/pages/business/goBusiness/reimburseOnline.vue
index c519295..31fdb56 100644
--- a/pages/business/goBusiness/reimburseOnline.vue
+++ b/pages/business/goBusiness/reimburseOnline.vue
@@ -3,10 +3,23 @@
<view class="status_bar">
<!-- 杩欓噷鏄姸鎬佹爮 -->
</view>
- <uni-nav-bar left-icon="left" title="鎶ラ攢鐢宠" @clickLeft="back" @clickRight="scan" :fixed="true" :border="false"
- rightWidth="160rpx" leftWidth="160rpx">
- </uni-nav-bar>
- <!-- todo锛氭悳绱� -->
+ <uni-nav-bar left-icon="left" title="鎶ラ攢鐢宠" @clickLeft="back" @clickRight="scan" :fixed="true"
+ :border="false" rightWidth="160rpx" leftWidth="160rpx"
+ >
+ <block slot="right">
+ <view class="city">
+ <view>
+ <text class="uni-nav-bar-text">{{user.username}}</text>
+ </view>
+ <uni-icons type="arrowdown" color="#333333" size="20" />
+ </view>
+ </block>
+ </uni-nav-bar>
+ <!-- 鎼滅储妗� -->
+ <view class="search-bg">
+ <u-search placeholder="杈撳叆" v-model="keyword" :clearabled="true" @custom="search()" @search="search()"></u-search>
+ </view>
+
<view class="main-box">
<view class="box" v-for="item in list" @click="goDetl(item)">
<view style="display: flex;">
@@ -22,52 +35,67 @@
</view>
</view>
-
+ <u-empty v-if="true" icon="../../../static/image/emptyList.png" v-show="list.length <= 0" />
+ <view class="fxbtn">
+ <uni-icons type="plusempty" color="#fff" @click="add()" ></uni-icons>
+ </view>
</view>
</template>
<script>
+ import user from '@/pages/api/user/user.js'
export default {
data() {
return {
- list: [{
- user$: "寮犺姮",
- status$: "鏈畬鎴�",
- createTime$:"2023-11-09 13:30:54",
- templateName: '椤圭洰鏈畬鎴�',
- checkData: '鍚�',
- settle$: '绛夊緟鑺傜偣3瀹℃牳'
- }, ]
+ keyword: '',
+ user: {
+ username: '',
+ id: 0,
+ type: 'user_id'
+ },
+ falg: true,
+ list: [],
+ curr: 2,
+ reload: false,
+ status: 'more',
}
},
onShow() {
+ let that = this
+ uni.$on('isRefresh',function(data){
+ that.user.username = data.title
+ that.user.id = data.id
+ that.user.type = data.key
+ that.falg = false
+ })
+ if (this.falg) {
+ this.getDetail()
+ }
+ setTimeout(()=> {
+ this.getReimburseOnline1()
+ },50)
+ },
+ onReachBottom() {
+ this.status = 'more';
this.getReimburseOnline()
},
methods: {
- back() {
- uni.navigateBack({})
- },
- scan() {
- uni.navigateTo({
- url: '/pages/authority/authority'
- })
- },
- goDetl(e) {
- console.log(e);
- uni.navigateTo({
- url: '/pages/business/goBusiness/reimburseOnlineDetl',
- success: function(res) {
- res.eventChannel.emit('busunessDetl', {
- data: e
- })
- }
- })
- },
- getReimburseOnline() {
+ getReimburseOnline1() {
let _this = this
+ _this.list = []
+ uni.showLoading({})
+ let param = {curr:1,limit:8,dept_id: 0,user_id: 67}
+ if (_this.user.type == 'user_id') {
+ param = {curr:1,limit:8,user_id: _this.user.id}
+ } else if(_this.user.type == 'dept_id') {
+ param = {curr:1,limit:8,dept_id: _this.user.id}
+ } else {
+ param = {curr:1,limit:8}
+ }
uni.request({
url: `${_this.baseUrl}/reimburseOnline/list/auth`,
header: { 'token': uni.getStorageSync('token') },
+ data: param,
success(res) {
res = res.data
if (res.code === 200) {
@@ -78,12 +106,110 @@
k['bgcolor'] = 'color: #ffbd67'
}
}
- _this.list = res.data.records
+ let list = res.data.records
+ _this.list = _this.reload ? list : _this.list.concat(list);
+ if (res.data.records.length == 0) {
+ _this.status = 'noMore'
+ }
}
- // _this.list =
+ },
+ fail(result) {
+ uni.showToast({title: '璇锋眰澶辫触'})
+ setTimeout(() => {
+ uni.reLaunch({
+ url: '../../login/login'
+ });
+ }, 1000);
+ },
+ complete() {
+ uni.hideLoading()
}
})
},
+ getReimburseOnline() {
+ let _this = this
+ uni.showLoading({})
+ let param = {curr:_this.curr,limit:8,dept_id: 0,user_id: 67}
+ if (this.user.type == 'user_id') {
+ param = {curr:_this.curr,limit:8,user_id: _this.user.id}
+ } else if(this.user.type == 'dept_id') {
+ param = {curr:_this.curr,limit:8,dept_id: _this.user.id}
+ } else {
+ param = {curr:_this.curr,limit:8}
+ }
+ uni.request({
+ url: `${_this.baseUrl}/reimburseOnline/list/auth`,
+ header: { 'token': uni.getStorageSync('token') },
+ data: param,
+ success(res) {
+ res = res.data
+ if (res.code === 200) {
+ for (let k of res.data.records) {
+ if (k.settle == 3) {
+ k['bgcolor'] = 'color: #12d489'
+ } else if (k.settle == 2) {
+ k['bgcolor'] = 'color: #ffbd67'
+ }
+ }
+ let list = res.data.records
+ _this.list = _this.reload ? list : _this.list.concat(list);
+ _this.curr = _this.curr + 1
+ if (res.data.records.length == 0) {
+ _this.status = 'noMore'
+ }
+ }
+ },
+ fail(result) {
+ uni.showToast({title: '璇锋眰澶辫触'})
+ setTimeout(() => {
+ uni.reLaunch({
+ url: '../../login/login'
+ });
+ }, 1000);
+ },
+ complete() {
+ uni.hideLoading()
+ }
+ })
+ },
+ async getDetail() {
+ let res = await user.getDetail()
+ if (res.code === 200) {
+ this.user.username = res.data.username
+ this.user.id = res.data.id
+ } else if (res.code === 403) {
+ this.backLogin(res)
+ }
+ },
+ add() {
+ uni.navigateTo({
+ url: '/pages/business/goBusiness/modiReimburseOnlineDetl',
+ success: function(res) {
+ res.eventChannel.emit('reimburseOnlineDetl', {
+ data: 'add'
+ })
+ }
+ })
+ },
+ goDetl(e) {
+ // console.log(e);
+ uni.navigateTo({
+ url: '/pages/business/goBusiness/reimburseOnlineDetl',
+ success: function(res) {
+ res.eventChannel.emit('busunessDetl', {
+ data: e
+ })
+ }
+ })
+ },
+ back() {
+ uni.navigateBack({})
+ },
+ scan() {
+ uni.navigateTo({
+ url: '/pages/authority/authority'
+ })
+ },
}
}
</script>
--
Gitblit v1.9.1