Browse Source

style:修改页面背景图

443166679@qq.com 1 year ago
parent
commit
0b1b99dd41

+ 74 - 30
common/system_popup/system_popup.vue

@@ -1,20 +1,38 @@
 <template>
-	<view class="system_content column-c" :style="{paddingTop:`${$tools.topHeight()}px`}">
-		<view class="column justify-center avatar r-100">
-			<view class="avatar r-100" style="background-color: rgba(0, 0, 0, 0.1);"></view>
-			<view class="row-c avatar_name m-l20">
-				<image class="wh-100 r-circle" v-if="memberData.head_img" src="/static/img/index/index-avatar.png" mode=""></image>
-				<image class="wh-100 r-circle" v-else :src="memberData.head_img" mode="aspectFill"></image>
-				<view class="column m-l20">
-					<text class="size-30 text-color-333">{{ memberData.name ? memberData.name : memberData.nickname }}</text>
-					<text class="size-26 text-color-666">{{memberData.position_name?memberData.position_name:'无'}}</text>
+	<view class="system_content column-justify-sb center">
+		<view :style="{marginTop:`${$tools.topHeight()}px`}">
+			<view class="column justify-center avatar r-100">
+				<view class="avatar r-100" style="background-color: rgba(0, 0, 0, 0.1);"></view>
+				<view class="row-c avatar_name m-l20">
+					<image class="wh-100 r-circle" v-if="memberData.head_img" src="/static/img/index/index-avatar.png"
+						mode="aspectFill"></image>
+					<image class="wh-100 r-circle" v-else :src="memberData.head_img" mode="aspectFill"></image>
+					<view class="column m-l20">
+						<view class="size-30 text-color-333">
+							{{ memberData.name ? memberData.name : memberData.nickname }}
+						</view>
+						<text
+							class="size-26 text-color-666">{{memberData.position_name?memberData.position_name:'无'}}</text>
+					</view>
+				</view>
+			</view>
+			<view class="system_item">
+				<view class="row-c p-tb25" v-for="(item,index) in systemList" :key="index" @click="onGoSetting(item)">
+					<image class="m-r20" :src="item.icon" mode=""></image>
+					<text class="size-28 text-color-333">{{item.name}}</text>
 				</view>
 			</view>
 		</view>
-		<view class="system_item">
-			<view class="row-c p-tb25" v-for="(item,index) in systemList" :key="index" @click="onGoSetting(item)">
-				<image class="m-r20" :src="item.icon" mode=""></image>
-				<text class="size-28 text-color-333">{{item.name}}</text>
+		<!-- 		<view class="system-quit size-28 button-color sys-weight-600" style="position: relative;">
+			<view class="system-quit button-text">
+				退出登录
+			</view>
+		</view> -->
+		<view class="system-button m-b50">
+			<view class="system-quit">
+			</view>
+			<view class="system-button button-text size-28 button-color sys-weight-600">
+				退出登录
 			</view>
 		</view>
 	</view>
@@ -22,18 +40,18 @@
 
 <script>
 	export default {
-    props:{
-      memberData:{
-        default:{
-          position_name: "",
-          head_img: "",
-          id: 5,
-          name: "",
-          nickname: "",
-          phone: "",
-        }
-      }
-    },
+		props: {
+			memberData: {
+				default: {
+					position_name: "",
+					head_img: "",
+					id: 5,
+					name: "",
+					nickname: "",
+					phone: "",
+				}
+			}
+		},
 		data() {
 			return {
 				topNavHeight: null,
@@ -68,11 +86,11 @@
 					return uni.navigateTo({
 						url: `/page_subpack/personal_details/personal_details?id=${item.id}&title=${item.name}`
 					})
-				}else {
-          uni.navigateTo({
-          	url: `/pages/login/index`
-          })
-        }
+				} else {
+					uni.navigateTo({
+						url: `/pages/login/index`
+					})
+				}
 				// uni.navigateTo({
 				// 	url: `/page_subpack/system_setting/system_setting?id=${item.id}&title=${item.name}`
 				// })
@@ -108,4 +126,30 @@
 			height: 32rpx;
 		}
 	}
+
+	.system-button {
+		width: 335rpx;
+		height: 90rpx;
+		line-height: 90rpx;
+		text-align: center;
+		position: relative;
+	}
+
+	.system-quit {
+		width: 335rpx;
+		height: 90rpx;
+		line-height: 90rpx;
+		background: #3ABF7D;
+		opacity: 0.3;
+		border-radius: 30rpx;
+
+		.quit-active {
+			opacity: 1;
+		}
+	}
+
+	.button-text {
+		position: absolute;
+		top: 0;
+	}
 </style>

+ 2 - 2
common/task/task-item.vue

@@ -45,7 +45,7 @@
 					</view>
 				</view>
 			</view>
-			<view class="placeholder sys-list-background-color" v-if="is_bottom"></view>
+			<view class="placeholder sys-list-background-color" v-if="is_bottom && taskList.length"></view>
 		</view>
 		<en-blank v-if="taskList.length<=0"></en-blank>
 	</view>
@@ -130,7 +130,7 @@
 			},
 			onTaskDetails(item) {
 				uni.navigateTo({
-					url: '/page_task/task_details/task_details?taskId='+item.id
+					url: '/page_task/task_details/task_details?taskId=' + item.id
 				})
 			}
 		}

+ 6 - 3
components/en-utils/en-nav/en-nav.vue

@@ -41,16 +41,19 @@
 				navHeight: 0,
 				bgList: [{
 					bg_path: 'https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/index/index-bg.png?imageMogr2/quality/20',
-					nav_path: '/static/img/index/top-nav.png '
+					nav_path: '/static/img/index/top-nav.png'
 				}, {
 					bg_path: '',
 					nav_path: ''
 				}, {
-					bg_path: '',
-					nav_path: ''
+					bg_path: 'https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/task-nav-bg.png',
+					nav_path: 'https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/task-nav-bg.png'
 				}, {
 					bg_path: '',
 					nav_path: 'https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/statistics/statistics-bg2.png'
+				}, {
+					bg_path: '',
+					nav_path: 'https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/task-nav-bg.png'
 				}],
 			}
 		},

+ 1 - 1
page_subpack/message/message.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="total-page page-env-20 page-box scroll_content">
+	<view class="total-page page-env-20 page-box scroll_content task-bg">
 		<Nav :title="'消息'" :genre="1" :fixedHeight="50"></Nav>
 		<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
 			<z-tabs ref="tabs" :list="tabsList" :active-style="{color:'#10B261',fontWeight:'bold',fontSize:'30rpx'}"

+ 1 - 1
page_subpack/personal_details/personal_details.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="total-page page-box size-28">
-		<Nav :type="1" :title="title" :is_fixed="true">
+		<Nav :type="1" :genre="2" :title="title" :is_fixed="true">
 			<view class="m-30 m-b20">
 				<view class="row-justify-sb sys-background-fff  center p-30 bor-bottom-1"
 					style="border-radius: 20rpx 20rpx 0 0;" hover-class="is-hovers">

+ 1 - 1
page_subpack/system_setting/system_setting.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="total-page page-box">
-		<Nav :type="1" :title="title" :is_fixed="true">
+		<Nav :type="1" :genre="2" :title="title" :is_fixed="true">
 			<view class="sys-background-fff m-30 r-30 p-lr30">
 				<view class="from-animation animate__animated animate__fadeIn" v-if="id == 2">
 					<view class="p-tb30 bor-bottom-1 row-c" :class="{'apply-shake':phoneShake}">

+ 9 - 5
page_task/apply/apply.vue

@@ -1,6 +1,7 @@
 <template>
-	<view class="total-page page-env-160 page-box">
-		<Nav :title="title" :genre="1" :fixedHeight="fixedHeight">
+	<view class="total-page page-env-160 page-box task-bg">
+		<Nav :title="title" :genre="4" is_fixed :opacity="scrollTop" :fixedHeight="fixedHeight"
+			:navsHeight="fixedHeight" :bgHeight="fixedHeight">
 			<!-- 步鄹条start -->
 			<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
 				<view class="row-justify-sb m-tb20 step-content">
@@ -21,8 +22,7 @@
 			</view>
 			<!-- 步鄹条end -->
 		</Nav>
-		<view class="sys-list-background-color attestation_content page-env-160"
-			:style="[{top:`${$tools.topHeight() + fixedHeight}px`}]">
+		<view class="" :style="[{top:`${$tools.topHeight() + fixedHeight}px`}]">
 			<!-- 基本信息start -->
 			<view class="m-t20 m-lr30 text-color-12" v-if="step === 1">
 				<view class="sys-background-fff r-20 p-lr30 p-t30">
@@ -232,7 +232,8 @@
 			return {
 				title: '',
 				step: 1,
-				fixedHeight: 75,
+				fixedHeight: 70,
+				scrollTop: 0,
 				stepOne: ['double', 'correct'],
 				stepTwo: ['two', 'double', 'correct'],
 				value: '',
@@ -270,6 +271,9 @@
 				}]
 			}
 		},
+		onPageScroll(res) {
+			this.scrollTop = res.scrollTop / 120
+		},
 		onLoad(options) {
 			this.title = options.title
 		},

+ 1 - 1
page_task/creation_task/creation_task.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="total-page page-box">
+	<view class="total-page page-box task-bg">
 		<Nav :title="'创建任务'" :genre="1" :fixedHeight="105"></Nav>
 		<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
 			<TaskImgTab></TaskImgTab>

+ 0 - 5
page_task/gain_task/gain_task.vue

@@ -2,11 +2,9 @@
 	<view class="total-page page-box gain-task">
 		<Nav :title="'领取任务'" :genre="1"></Nav>
 		<view class="m-lr20 r-20">
-			<!-- <TaskImgTab @setProductId="setProductId"></TaskImgTab> -->
 			<k-tabs-swiper class="r-20" v-model="current" :tabs="tabs" :field="'name'" bgColor="#fff" color="#444444"
 				activeColor="#10B261" fontSize="28rpx" :bold="true" :scroll="true" height="100rpx" lineHeight="10rpx"
 				@change="changeTab" paddingItem="0 50rpx">
-				<!-- <image class="wh-30" src="/static/img/task/vector.png" mode="scaleToFill" /> -->
 			</k-tabs-swiper>
 		</view>
 		<EnScroll ref="scroll" :navHeight="110" class="main" @onRefresh="onRefresh" @onScrollBottom="onScrollBottom">
@@ -17,7 +15,6 @@
 
 <script>
 	import TaskItem from "@/common/task/task-item.vue"
-	// import TaskImgTab from "@/page_task/module/task_ima_tab.vue"
 	import {
 		getTaskReceiving,
 		takeTask
@@ -26,7 +23,6 @@
 
 	export default {
 		components: {
-			// TaskImgTab,
 			TaskItem
 		},
 		data() {
@@ -140,7 +136,6 @@
 		display: flex;
 		flex-direction: column;
 		min-height: 100%;
-		/* 高度占满整个屏幕 */
 		background-image: url('https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/task-nav-bg.png');
 		background-repeat: no-repeat;
 		background-size: 100% auto;

+ 1 - 1
page_task/identity/identity.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="total-page page-env-160 page-box">
+	<view class="total-page page-env-160 page-box task-bg">
 		<Nav :title="title" :genre="1" :fixedHeight="fixedHeight">
 			<!-- 步鄹条start -->
 			<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">

+ 1 - 1
page_task/information/information.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="total-page page-box">
+	<view class="total-page page-box task-bg">
 		<Nav :title="title" :genre="1" :fixedHeight="105"></Nav>
 		<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
 			<view class="m-t20">

+ 6 - 7
page_task/property/property.vue

@@ -1,6 +1,6 @@
 <template>
-	<view class="total-page page-env-160 page-box container">
-		<Nav :title="title" :genre="1" is_fixed :bgHeight="bgHeight" :opacity="scrollTop"></Nav>
+	<view class="total-page page-env-160 page-box container task-bg">
+		<Nav :title="title" :genre="4" is_fixed :opacity="scrollTop"></Nav>
 		<view class="m-t30" :style="{top:`${$tools.topHeight()+10}px`}">
 			<view class="m-lr30">
 				<!-- 			<view class="">
@@ -16,7 +16,7 @@
 						<House></House>
 					</view>
 				</view> -->
-				<uni-collapse accordion class="sys-list-background-color">
+				<uni-collapse accordion class="">
 					<uni-collapse-item titleBorder="none" :border="false"
 						class="collapse-item-house page-box-bg-fff p-30 r-30">
 						<template v-slot:title>
@@ -31,8 +31,7 @@
 							<House></House>
 						</view>
 					</uni-collapse-item>
-					<uni-collapse-item titleBorder="none" :border="false"
-						class="collapse-item-car sys-list-background-color  p-30 r-30">
+					<uni-collapse-item titleBorder="none" :border="false" class="collapse-item-car   p-30 r-30">
 						<template v-slot:title class="page-box-bg-fff">
 							<view class="row-justify-sb center">
 								<view class="row-c">
@@ -99,7 +98,7 @@
 				show: false,
 				showTitlt: false,
 				title: '',
-				bgHeight: 0,
+				fixedHeight: 0,
 				scrollTop: 0,
 				informationList: [{
 					name: '身份信息',
@@ -171,7 +170,7 @@
 	}
 
 	/deep/ .uni-collapse {
-		background-color: #EEF1F7 !important;
+		// background-color: #EEF1F7 !important;
 		border-radius: 30rpx;
 	}
 

+ 46 - 41
page_task/task_details/task_details.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="total-page page-env-20 page-box">
-		<Nav :title="'任务详情'" :genre="1" :fixedHeight="fixedHeight">
+		<Nav :title="'任务详情'" :genre="2" :fixedHeight="fixedHeight">
 			<view class="task-tabs m-b20" style="z-index: 9999;" :style=" {top:`${$tools.topHeight()}px`}">
 				<view class="detail-bg m-lr20 m-b10 m-t10">
 					<image class="detail-img" src="/static/img/task-details/top-bg.png" mode="aspectFill"></image>
@@ -81,8 +81,11 @@
 	import Steps from "./module/steps.vue"
 	// 跟进记录
 	import Record from "./module/record.vue"
-  import tools from "@/service/tools";
-  import {getStageList, getTaskDetail} from "@/api/task";
+	import tools from "@/service/tools";
+	import {
+		getStageList,
+		getTaskDetail
+	} from "@/api/task";
 
 	export default {
 		components: {
@@ -103,47 +106,49 @@
 				},
 				list: [1, 2, 3],
 				lists: [1, 2],
-        businessId:''
+				businessId: ''
+			}
+		},
+		onLoad(data) {
+			if (data.taskId !== undefined) {
+				this.businessId = data.taskId
+				this.getTaskDetail()
+				this.getStageList()
+			} else {
+				tools.leftClick()
 			}
 		},
-    onLoad(data) {
-      if(data.taskId!==undefined){
-        this.businessId=data.taskId
-        this.getTaskDetail()
-        this.getStageList()
-      }else {
-        tools.leftClick()
-      }
-    },
 		methods: {
-      async getTaskDetail() {
-        const res = await getTaskDetail({
-          id: this.businessId
-        })
-        if (res.code === 1) {
-          this.product = res.data.product
-          this.title = this.product.product_name
-          this.business = res.data.business
-          this.propertyList = res.data.propertyList
-          this.applyFor = res.data.applyFor
-          this.tripartite = res.data.tripartite
-          this.linkman = res.data.linkman
-          this.credit = res.data.credit
-          this.postLoan = res.data.postLoan
-          this.stageData = res.data.stageData
-          this.isExecute = res.data.isExecute
-          this.businessFile = res.data.businessFile
-        } else {
-          tools.leftClick()
-        }
-      },
-      getStageList() {
-        getStageList({'id': this.businessId}).then((res) => {
-          if (res.code === 1) {
-            this.stageList = res.data
-          }
-        })
-      },
+			async getTaskDetail() {
+				const res = await getTaskDetail({
+					id: this.businessId
+				})
+				if (res.code === 1) {
+					this.product = res.data.product
+					this.title = this.product.product_name
+					this.business = res.data.business
+					this.propertyList = res.data.propertyList
+					this.applyFor = res.data.applyFor
+					this.tripartite = res.data.tripartite
+					this.linkman = res.data.linkman
+					this.credit = res.data.credit
+					this.postLoan = res.data.postLoan
+					this.stageData = res.data.stageData
+					this.isExecute = res.data.isExecute
+					this.businessFile = res.data.businessFile
+				} else {
+					tools.leftClick()
+				}
+			},
+			getStageList() {
+				getStageList({
+					'id': this.businessId
+				}).then((res) => {
+					if (res.code === 1) {
+						this.stageList = res.data
+					}
+				})
+			},
 			onChange(current) {
 				this.current = current
 			},

+ 2 - 2
pages/loan/loan.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="total-page page_env page-box">
+	<view class="total-page page_env page-box task-bg">
 		<Nav :title="'贷后管理'" :genre="1" :back="false" :fixedHeight="108"></Nav>
 		<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
 			<Search :placeholder="'贷款人姓名或电话'"></Search>
@@ -9,7 +9,7 @@
 					:current="current" :bar-animate-mode="'worm'" @change="tabsChange" />
 			</view>
 		</view>
-		<EnScroll ref="scroll" :navHeight="110" is_tabHeight @onRefresh="onRefresh" @onScrollBottom="onScrollBottom">
+		<EnScroll ref="scroll" :navHeight="108" is_tabHeight @onRefresh="onRefresh" @onScrollBottom="onScrollBottom">
 			<TaskItem :type="3" is_bottom></TaskItem>
 		</EnScroll>
 		<Tab :tab-index="2"></Tab>

+ 99 - 93
pages/task/task.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="total-page page-box page-env-20 scroll_content">
+	<view class="total-page page-box page-env-20 scroll_content task-bg">
 		<Nav :title="'任务'" :genre="1" :back="false" :fixedHeight="105"></Nav>
 		<view class="task-tabs" :style="{top:`${$tools.topHeight()}px`}">
 			<Search :placeholder="'贷款人姓名或电话'"></Search>
@@ -8,18 +8,19 @@
 					:bar-style="{background:'#10B261'}" :inactive-style="{fontWeight:'bold',fontSize:'28rpx'}"
 					:current="current" :bar-animate-mode="'worm'" @change="tabsChange" />
 			</view>
-    </view>	<view class="task-tabs m-t30">
-    <!--        <TaskImgTab @setProductId="setProductId"></TaskImgTab>-->
-    <task-ima-tab @setProductId="setProductId"></task-ima-tab>
-  </view>
+		</view>
+		<view class="task-tabs m-t30">
+			<!--        <TaskImgTab @setProductId="setProductId"></TaskImgTab>-->
+			<task-ima-tab @setProductId="setProductId"></task-ima-tab>
+		</view>
 
 		<EnScroll ref="scroll" :navHeight="105" is_tabHeight @onRefresh="onRefresh" @onScrollBottom="onScrollBottom">
-      <view v-if="current===1">
-        <TaskItem :type="1" is_bottom :task-list="backlogList"></TaskItem>
-      </view>
-      <view v-else>
-        <TaskItem :type="1" is_bottom :task-list="taskList"></TaskItem>
-      </view>
+			<view v-if="current===1">
+				<TaskItem :type="1" is_bottom :task-list="backlogList"></TaskItem>
+			</view>
+			<view v-else>
+				<TaskItem :type="1" is_bottom :task-list="taskList"></TaskItem>
+			</view>
 
 		</EnScroll>
 		<Tab :tab-index="1"></Tab>
@@ -28,12 +29,15 @@
 <script>
 	// 任务列表
 	import TaskItem from "@/common/task/task-item.vue";
-  import TaskImaTab from "@/common/task/task_ima_tab.vue";
-  import {getDayBacklogList, getTaskList} from "@/api/task";
+	import TaskImaTab from "@/common/task/task_ima_tab.vue";
+	import {
+		getDayBacklogList,
+		getTaskList
+	} from "@/api/task";
 
 	export default {
 		components: {
-      TaskImaTab,
+			TaskImaTab,
 			TaskItem,
 		},
 		data() {
@@ -45,100 +49,102 @@
 					name: '全部',
 					dot_color: 'red',
 					disabled: false,
-          'id': 0,
+					'id': 0,
 				}, {
 					name: '新进',
 					dot_color: 'yellow',
 					disabled: false,
-          'id': 6,
+					'id': 6,
 				}, {
-          'id': 1,
+					'id': 1,
 					name: '待办',
 					dot_color: '',
 					disabled: false
 				}, {
-          'id': 2,
+					'id': 2,
 					name: '完成',
 					dot_color: '',
 					disabled: false
 				}, {
-          'id': 3,
+					'id': 3,
 					name: '拒绝',
 					dot_color: '',
 					disabled: false
 				}],
-        selectStr: '',
-        startDate: '',
-        endDate: '',
-        phone: '',
-        name: '',
-        productId: 0,
-        stageId: [],
-        departmentId: [],
-        totalNum: 99999,
-        taskList: [],
-        page: 1,
-        isAjax: false,
-        backlogList: [],
+				selectStr: '',
+				startDate: '',
+				endDate: '',
+				phone: '',
+				name: '',
+				productId: 0,
+				stageId: [],
+				departmentId: [],
+				totalNum: 99999,
+				taskList: [],
+				page: 1,
+				isAjax: false,
+				backlogList: [],
 			}
 		},
-    mounted() {
-      this.startList()
-    },
-    methods: {
-      setProductId(productId){
-        console.log('productId:'+productId)
-        this.productId=productId
-        this.startList()
-      },
-      startList() {
-        if(this.current===1){
-          this.getDayBacklogList()
-        }else {
-          this.totalNum = 999;
-          this.taskList = [];
-          this.page = 1;
-          this.isAjax = false;
-          this.getTaskReceiving();
-        }
+		mounted() {
+			this.startList()
+		},
+		methods: {
+			setProductId(productId) {
+				console.log('productId:' + productId)
+				this.productId = productId
+				this.startList()
+			},
+			startList() {
+				if (this.current === 1) {
+					this.getDayBacklogList()
+				} else {
+					this.totalNum = 999;
+					this.taskList = [];
+					this.page = 1;
+					this.isAjax = false;
+					this.getTaskReceiving();
+				}
 
-      },
-      getDayBacklogList(){
-        getDayBacklogList({'selectStr':this.selectStr}).then((res)=>{
-          if(res.code===1){
-            this.backlogList=res.data
-          }
-        })
-      },
-      getTaskReceiving() {
-        if (this.isAjax || (this.totalNum <= this.taskList.length)) {
-          return;
-        }
-        this.isAjax = true;
-        getTaskList({
-          'status': this.tabsList[this.current].id,
-          'selectStr': this.selectStr,
-          'phone': this.phone,
-          'name': this.name,
-          'productId': this.productId,
-          'stageId': this.stageId,
-          'departmentId': this.departmentId,
-          'startDate': this.startDate,
-          'endDate': this.endDate,
-          'page': this.page,
-        }).then((res) => {
-          this.isAjax = false;
-          if (res.code === 1) {
-            this.totalNum = res.data.totalNum
-            this.taskList.push(...res.data.items)
-            ++this.page;
-          }
-        })
-      },
+			},
+			getDayBacklogList() {
+				getDayBacklogList({
+					'selectStr': this.selectStr
+				}).then((res) => {
+					if (res.code === 1) {
+						this.backlogList = res.data
+					}
+				})
+			},
+			getTaskReceiving() {
+				if (this.isAjax || (this.totalNum <= this.taskList.length)) {
+					return;
+				}
+				this.isAjax = true;
+				getTaskList({
+					'status': this.tabsList[this.current].id,
+					'selectStr': this.selectStr,
+					'phone': this.phone,
+					'name': this.name,
+					'productId': this.productId,
+					'stageId': this.stageId,
+					'departmentId': this.departmentId,
+					'startDate': this.startDate,
+					'endDate': this.endDate,
+					'page': this.page,
+				}).then((res) => {
+					this.isAjax = false;
+					if (res.code === 1) {
+						this.totalNum = res.data.totalNum
+						this.taskList.push(...res.data.items)
+							++this.page;
+					}
+				})
+			},
 			tabsChange(index) {
-        if(index!==this.current){
-          this.current = index;
-        }
+				if (index !== this.current) {
+					this.current = index;
+				}
 			},
 			// 下拉刷新
 			onRefresh() {
@@ -153,18 +159,18 @@
 				// 	this.$refs.scroll.onEndPulling()
 				// }, 1000)
 				console.log("下拉刷新");
-        this.startList()
+				this.startList()
 			},
 			// 滚动到底部
 			onScrollBottom() {
 				// uni.showLoading({
 				// 	title: '数据加载中'
 				// })
-        if(this.current===1){
-          this.getDayBacklogList()
-        }else {
-          this.getTaskReceiving();
-        }
+				if (this.current === 1) {
+					this.getDayBacklogList()
+				} else {
+					this.getTaskReceiving();
+				}
 				// setTimeout(() => {
 				// 	uni.showToast({
 				// 		title: '加载完成',

+ 9 - 0
static/css/common.css

@@ -8,6 +8,15 @@
 	display: none;
 }
 
+.task-bg {
+	display: flex;
+	flex-direction: column;
+	min-height: 100%;
+	background-image: url('https://wealfavor-1257406827.cos.ap-beijing.myqcloud.com/new-xcx/task/task-nav-bg.png');
+	background-repeat: no-repeat;
+	background-size: 100% auto;
+}
+
 .page-env-20 {
 	padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
 }