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/goBusiness.vue | 437 +++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 297 insertions(+), 140 deletions(-)
diff --git a/pages/business/goBusiness/goBusiness.vue b/pages/business/goBusiness/goBusiness.vue
index e8ac2e1..d4077fa 100644
--- a/pages/business/goBusiness/goBusiness.vue
+++ b/pages/business/goBusiness/goBusiness.vue
@@ -1,165 +1,322 @@
<template>
<view>
- <view class="card">
- <!-- head -->
- <view class="card-head flex">
- <view class="card-head-title">鍩烘湰淇℃伅</view>
- </view>
- <!-- body -->
- <view class="card-body flex-column">
- <view class="flex"><text style="color: red;">*</text>鍑哄樊浜嬬敱</view>
- <view class="flex">
- <view style="flex: 1;">
- <input type="text" placeholder="璇疯緭鍏ュ嚭宸簨鐢�" :placeholder-style="placeholderStyle" v-model="form.businessTripReasons">
+ <view class="status_bar">
+ <!-- 杩欓噷鏄姸鎬佹爮 -->
+ </view>
+ <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;">
+ <view class="box-title" style="flex: 1;">{{item.userId$}}鎻愪氦鐨勫嚭宸敵璇�</view>
+ <view class="box-time">{{item.createTime$.substring(0,10)}}</view>
+ </view>
+ <view class="box-item">鍑哄樊浜嬬敱:{{item.businessTripReasons}}</view>
+ <view class="box-item">鍑哄樊澶╂暟:{{item.businessTripDays$}}</view>
+ <view style="display: flex;">
+ <view class="box-item" style="flex: 1;">鍚岃浜�:{{item.businessPeers}}</view>
+ <view class="box-settle" :style="item.bgcolor">{{item.settle$}}</view>
</view>
</view>
</view>
- <view class="card">
- <!-- head -->
- <view class="card-head flex">
- <view class="card-head-title">琛岀▼淇℃伅</view>
- </view>
- <!-- body -->
- <view class="card-body flex-column">
- <view class="flex"><text style="color: red;">*</text>浜ら�氬伐鍏�</view>
- <view class="flex">
- <view style="flex: 1;"><input type="text" placeholder="璇烽�夋嫨浜ら�氬伐鍏�" :placeholder-style="placeholderStyle"></view>
- <view ><uni-icons type="right" color="#000" ></uni-icons></view>
- </view>
-
- </view>
- <view class="card-body flex-column">
- <view class="flex"><text style="color: red;">*</text>鍗曠▼寰�杩�</view>
- <view class="flex">
- <view style="flex: 1;"><input type="text" placeholder="璇烽�夋嫨鍗曠▼寰�杩�"></view>
- <view ><uni-icons type="right" color="#000" ></uni-icons></view>
- </view>
-
- </view>
- <view class="card-body flex-column">
- <view class="flex"><text style="color: red;">*</text>杞︾墝鍙�</view>
- <view class="flex">
- <view style="flex: 1;"><input type="text" placeholder="璇疯緭鍏ヨ溅鐗屽彿"></view>
- <view ><uni-icons type="right" color="#000" ></uni-icons></view>
- </view>
-
- </view>
- <view class="card-body flex-column">
- <view class="flex"><text style="color: red;">*</text>琛岀▼鏄庣粏鍙婂叕閲屾暟</view>
- <view class="flex">
- <view style="flex: 1;"><input type="text" placeholder="璇疯緭鍏ヨ绋嬫槑缁嗗強鍏噷鏁�"></view>
- <view ><uni-icons type="right" color="#000" ></uni-icons></view>
- </view>
-
- </view>
- <view class="card-body flex-column">
- <view class="flex"><text style="color: red;">*</text>鍑哄彂鍦�</view>
- <view class="flex">
- <view style="flex: 1;"><input type="text" placeholder="璇烽�夋嫨鍑哄彂鍦�"></view>
- <view ><uni-icons type="right" color="#000" ></uni-icons></view>
- </view>
-
- </view>
- <view class="card-body flex-column">
- <view class="flex"><text style="color: red;">*</text>鍑哄彂鍦拌缁嗗湴鍧�</view>
- <view class="flex">
- <view style="flex: 1;"><input type="text" placeholder="璇疯緭鍏ュ嚭鍙戝湴璇︾粏鍦板潃"></view>
- <view ><uni-icons type="right" color="#000" ></uni-icons></view>
- </view>
-
- </view>
- <view class="card-body flex-column">
- <view class="flex"><text style="color: red;">*</text>鐩殑鍦�</view>
- <view class="flex">
- <view style="flex: 1;"><input type="text" placeholder="璇烽�夋嫨鐩殑鍦�"></view>
- <view ><uni-icons type="right" color="#000" ></uni-icons></view>
- </view>
-
- </view>
- <view class="card-body flex-column">
- <view class="flex"><text style="color: red;">*</text>鐩殑鍦拌缁嗗湴鍧�</view>
- <view class="flex">
- <view style="flex: 1;"><input type="text" placeholder="璇疯緭鍏ョ洰鐨勫湴璇︾粏鍦板潃"></view>
- <view ><uni-icons type="right" color="#000" ></uni-icons></view>
- </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 class="card">
- <!-- head -->
- <view class="card-head flex">
- <view class="card-head-title">鏃ユ湡淇℃伅</view>
- </view>
- <!-- body -->
- <view class="card-body flex-column">
- <view class="flex"><text style="color: red;">*</text>鍑哄彂鏃ユ湡</view>
- <view class="flex">
- <view style="flex: 1;"><input type="text" placeholder="璇疯緭鍏ュ嚭鍙戞棩鏈�"></view>
- <!-- <view ><uni-icons type="right" color="#000" ></uni-icons></view> -->
- </view>
- </view>
- <view class="card-body flex-column">
- <view class="flex"><text style="color: red;">*</text>鍑哄彂鏃惰景</view>
- <view class="flex">
- <view style="flex: 1;"><input type="text" placeholder="璇疯緭鍏ュ嚭鍙戞椂杈�"></view>
- <!-- <view ><uni-icons type="right" color="#000" ></uni-icons></view> -->
- </view>
- </view>
- <view class="card-body flex-column">
- <view class="flex"><text style="color: red;">*</text>缁撴潫鏃ユ湡</view>
- <view class="flex">
- <view style="flex: 1;"><input type="text" placeholder="璇疯緭鍏ョ粨鏉熸棩鏈�"></view>
- <!-- <view ><uni-icons type="right" color="#000" ></uni-icons></view> -->
- </view>
- </view>
- <view class="card-body flex-column">
- <view class="flex"><text style="color: red;">*</text>缁撴潫鏃惰景</view>
- <view class="flex">
- <view style="flex: 1;"><input type="text" placeholder="璇疯緭鍏ョ粨鏉熸椂杈�"></view>
- <!-- <view ><uni-icons type="right" color="#000" ></uni-icons></view> -->
- </view>
- </view>
- </view>
- <view class="card">
- <!-- head -->
- <view class="card-head flex">
- <view class="card-head-title">鍏跺畠淇℃伅</view>
- </view>
- <!-- body -->
- <view class="card-body flex-column">
- <view class="flex"><text style="color: red;">*</text>鍚岃浜�</view>
- <view class="flex">
- <view style="flex: 1;"><input type="text" placeholder="璇疯緭鍏ュ悓琛屼汉"></view>
- <!-- <view ><uni-icons type="right" color="#000" ></uni-icons></view> -->
- </view>
- </view>
- <view class="card-body flex-column">
- <view class="flex"><text style="color: red;">*</text>澶囨敞</view>
- <view class="flex">
- <view style="flex: 1;"><input type="text" placeholder="璇疯緭鍏ュ娉�"></view>
- <!-- <view ><uni-icons type="right" color="#000" ></uni-icons></view> -->
- </view>
- </view>
- </view>
+
+ <!-- 鍨簳 -->
+ <view style="height: 120rpx;"></view>
</view>
</template>
<script>
+ import user from '@/pages/api/user/user.js'
export default {
data() {
return {
-
+ keyword: '',
+ user: {
+ username: '',
+ id: 0,
+ type: 'user_id'
+ },
+ falg: true,
+ list: [{
+ businessTripReasons: '娌熼�氱珛搴撲簨瀹�',
+ businessTransportation$: '浜ら�氬伐鍏�',
+ businessStartAddr$: '鍑哄彂鍦�',
+ businessEndAddr$: '鐩殑鍦�',
+ businessStartTimeDay$: '鍑哄彂鏃ユ湡',
+ businessEndTimeDay$: '缁撴潫鏃ユ湡',
+ businessDuration$: '鍑哄樊鏃堕暱',
+ businessTripDays$: '鍑哄樊澶╂暟',
+ businessPeers: '鍚岃浜�',
+ userId$: '鐢宠浜�',
+ orderId: '璺熻釜椤圭洰',
+ updateTime$: '鏇存柊鏃堕棿',
+ updateId$: '鏇存柊浜哄憳',
+ settle: 1,
+ settle$: '鐢宠閫氳繃',
+ businessNotes: '鍑哄樊澶囨敞',
+ createTime$: '2023-11-06 08:51:24',
+ bgcolor: 'color:#24ab59'
+ },
+ ],
+ 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.getBusinessTrip1()
+ },50)
+ },
+ onReachBottom() {
+ this.status = 'more';
+ this.getBusinessTrip()
+ },
methods: {
-
+ getBusinessTrip1() {
+ 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}/businessTrip/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 == 2) {
+ k['bgcolor'] = 'color: #12d489'
+ } else if (k.settle == 1) {
+ k['bgcolor'] = 'color: #ffbd67'
+ }
+ }
+ let list = res.data.records
+ _this.list = _this.reload ? list : _this.list.concat(list);
+ if (res.data.records.length == 0) {
+ _this.status = 'noMore'
+ }
+ }
+ },
+ fail(result) {
+ uni.showToast({title: '璇锋眰澶辫触'})
+ setTimeout(() => {
+ uni.reLaunch({
+ url: '../../login/login'
+ });
+ }, 1000);
+ },
+ complete() {
+ uni.hideLoading()
+ }
+ })
+ },
+ getBusinessTrip() {
+ 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}/businessTrip/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 == 2) {
+ k['bgcolor'] = 'color: #12d489'
+ } else if (k.settle == 1) {
+ 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)
+ }
+ },
+ goDetl(e) {
+ uni.navigateTo({
+ url: '/pages/business/goBusiness/goBusinessDetil',
+ success: function(res) {
+ res.eventChannel.emit('busunessDetl', {
+ data: e
+ })
+ }
+ })
+ },
+ // 鍑哄樊鐢宠
+ add() {
+ uni.navigateTo({
+ url: '/pages/business/goBusiness/addgoBusiness',
+ success: function(res) {
+ res.eventChannel.emit('goBusinessDel', {
+ data: 'add'
+ })
+ }
+ })
+ },
+ back() {
+ uni.navigateBack({})
+ },
+ scan() {
+ uni.navigateTo({
+ url: '/pages/authority/authority'
+ })
+ },
}
}
</script>
<style>
+ .flex-row {
+ display: flex;
+ }
+ .flex-col {
+ display: flex;
+ flex-direction: column;
+ }
+
+ .main-box {
+ /* margin: 16rpx; */
+ /* background-color: #FFF; */
+ border-radius: 20rpx;
+ padding: 8rpx;
+ }
+
+ .box {
+ margin: 16rpx 8rpx;
+ /* height: 200px; */
+ box-shadow: 0 0 5px #dddddd;
+ background-color: #FFF;
+ padding: 16rpx 32rpx;
+ position: relative;
+ border-radius: 20rpx;
+ font-size: 24rpx;
+ color: #bdbdbd;
+ }
+
+ .box-flag {
+ position: absolute;
+ right: 0;
+ top: 10rpx;
+ background-color: #74B9E9;
+ padding: 6rpx;
+ font-size: 10rpx;
+ color: #FFF;
+ }
+
+ .box-time {
+ color: #bdbdbd;
+ }
+
+ .box-settle {
+ font-size: 26rpx;
+ /* font-weight: bold; */
+ }
+
+ .box-title {
+ font-size: 28rpx;
+ font-weight: bold;
+ color: #000;
+ }
+
+ .box-single-row {}
</style>
+
+
+
+
+list: [
+{
+businessTripReasons: '娌熼�氱珛搴撲簨瀹�',
+businessTransportation$: '浜ら�氬伐鍏�',
+businessStartAddr$: '鍑哄彂鍦�',
+businessEndAddr$: '鐩殑鍦�',
+businessStartTimeDay$: '鍑哄彂鏃ユ湡',
+businessEndTimeDay$: '缁撴潫鏃ユ湡',
+businessDuration$: '鍑哄樊鏃堕暱',
+businessTripDays$: '鍑哄樊澶╂暟',
+businessPeers: '鍚岃浜�',
+userId$: '鐢宠浜�',
+orderId: '璺熻釜椤圭洰',
+updateTime$: '鏇存柊鏃堕棿',
+updateId$: '鏇存柊浜哄憳',
+settle$: '杩涘害',
+businessNotes: '鍑哄樊澶囨敞',
+},
+]
\ No newline at end of file
--
Gitblit v1.9.1