Explorar el Código

Signed-off-by: 1004749546@qq.com <1004749546@qq.com>
待办单修改

1004749546@qq.com hace 4 años
padre
commit
b5ec83eeaf
Se han modificado 3 ficheros con 89 adiciones y 53 borrados
  1. 88 50
      pages/toDoList/toDoList.vue
  2. 1 1
      pages/work/work.vue
  3. 0 2
      static/iconfont/iconfont.css

+ 88 - 50
pages/toDoList/toDoList.vue

@@ -17,36 +17,58 @@
 					<u-tabs-swiper ref="uTabs" :list="tabList" name="dispName" :current="current" @change="tabsChange" :is-scroll="false"
 					 swiperWidth="750"></u-tabs-swiper>
 				</view>
+				<view class="all-filter" v-show="current==2">
+					<u-row>
+						<text>发起时间</text>
+						<view class="filter-icon">
+							<u-icon name="arrow-up-fill" color="#888888" size="24"></u-icon>
+							<u-icon name="arrow-down-fill" color="#2979ff" size="24"></u-icon>
+						</view>
+					</u-row>
+					<u-row>
+						<text>处理时间</text>
+						<view class="filter-icon">
+							<u-icon name="arrow-up-fill" color="#888888" size="24"></u-icon>
+							<u-icon name="arrow-down-fill" color="#888888" size="24"></u-icon>
+						</view>
+					</u-row>
+					<view >
+						<text>筛选</text>
+						<u-icon name="shaixuan" custom-prefix="xd-icon" size="32" color="#888888"></u-icon>
+					</view>
+				</view>
 				<swiper class="check-list" :current="swiperCurrent" @transition="transition" @change="swiperChange" @animationfinish="animationfinish">
-					<swiper-item class="swiper-item" style="height: 100%;width: 100%;overflow: hidden;" v-for="(tabs, index) in tabList" :key="index">
-						<scroll-view scroll-y style="height: 100%;width: 100%;overflow: auto;" @scrolltolower="onreachBottom">
+					<swiper-item class="swiper-item" v-for="(tabs, index) in tabList" :key="index">
+						<scroll-view scroll-y class="scroll-view" @scrolltolower="onreachBottom">
 							<view  
 							class="check-order-list" 
 							v-for="(item,index) in list" 
 							:key="item.id"
 							>
 								 <view class="check-row" @click="viewRow(item)">
-									 <view>{{item.carModelName}}</view>
+									 <view class="ellipsis-one">{{item.carModelName}}</view>
 									 <view class="createDate">{{item.createDate}}</view>
 								 </view>
 								 <view class="check-row" @click="viewRow(item)">
-									 <view>
+									 <view class="ellipsis-one">
 										 {{item.vehicleNumber}}
 									</view>
-									 <view style="text-align: right;">
-										 <uni-font-icons size="14" type="icon-phone"></uni-font-icons>
+									 <view class="text-right">
 										 <text>{{item.customMobile}}</text>
 									 </view>
-									 <view style="width: 40upx;text-align: right;" v-if="item.resultState != 10">
-									 	 <uni-font-icons type="icon-xiangyoujiantou"></uni-font-icons>
+									 <view class="icon-xian" >
+										 <u-icon name="icon-xian-11" custom-prefix="xd-icon" size="30" color="#888888"></u-icon>
 									 </view>
 								 </view>
 								 <view class="check-row">
 									 <view>
 										{{item.orderSource}}
 									 </view>
-									 <view style="text-align: right;">
-										 
+									 <view class="text-right">
+										 <text class="mark">
+										 	抄送
+										 </text>
+										 <view class="status">待整改</view>
 									 </view>
 								 </view>
 							 </view>
@@ -58,9 +80,9 @@
 					</swiper-item>
 				</swiper>
 		</view>
-		<!-- 工单查询 -->
+		<!-- 全部筛选 -->
 		<u-popup v-model="showSearch" class="search-popup" mode="right" :custom-style="{top:'var(--status-bar-height)'}" length="80%">
-				<view class="search-title">单查询</view>
+				<view class="search-title">待办单查询</view>
 				<view class="uni-list">
 					<view class="uni-list-cell">
 						<view class="uni-list-cell-left">
@@ -295,14 +317,46 @@
 			margin-right: 10upx;
 		}
 	}
+	.text-right {
+		text-align: right;
+	}
 	.pagesCons{
 		height: 100%;
 		display: flex;
 		flex-direction: column;
 		.tab-body{
+			flex: 1;
+			display: flex;
+			flex-direction: column;
 			.check-list{
-				height: calc(100vh - 120px);
+				flex: 1;
+				overflow-y: scroll;
+				.swiper-item{
+					width: 100%;
+					height: 100%;
+					overflow: hidden;
+					.scroll-view {
+						width: 100%;
+						height: 100%;
+						overflow: auto;
+					}
+				}
+			}
+			// 全部筛选
+			.all-filter{
+				width: 100%;
+				height: 100upx;
+				display: flex;
+				align-items: center;
+				justify-content: space-around;
+				box-shadow: 1px 1px 3px #EEEEEE;
+				.filter-icon{
+					display: flex;
+					flex-direction: column;
+					margin-left: 10upx;
+				}
 			}
+			// 列表样式
 			.check-order-list{
 				background: #ffffff;
 				padding: 10upx 20upx;
@@ -314,11 +368,16 @@
 					align-items: center;
 					padding: 20upx 10upx;
 					font-size: 28upx;
+					.icon-xian{
+						text-align: right;
+						width: 40upx;
+					}
 					&:first-child{
 						border-bottom: 1px dashed #F8F8F8;
-						font-size: 26upx;
 						.createDate{
-							color: #666;
+							// color: #666;
+							font-size: 26upx;
+							margin-left: 10upx;
 						}
 					}
 					&:last-child{
@@ -326,44 +385,23 @@
 					}
 					> view{
 						&:first-child{
-							flex-grow: 1;
-						}
-					}
-					.action{
-						margin: 0 6rpx;
-						padding: 0 20rpx;
-						color: #fff;
-					}
-					.edit{
-						background-color: #f9ba09;
-					}
-					.view{
-						background-color: #ff7801;
-					}
-					.del{
-						background-color: #f72525;
-					}
-					.finish{
-						background-color: #2d8cf0;
-					}
-					.pay{
-						background-color: #10c71e;
-					}
-					.check-btns{
-						width: '50%';
-						display: flex;
-						align-items: center;
-						justify-content: flex-end;
-						> view{
-							margin-left: 35upx;
-							font-size: 28upx;
+							flex: 1;
 						}
 					}
-					.u-tag{
-						border-radius: 0;
+					// 抄送标记
+					.mark {
+						color: #00C1DE;
+						padding: 6upx;
+						font-size: 24upx;
+						border: 1px solid #00C1DE;
+						border-radius: 6upx;
+						margin-right: 10upx;
 					}
-					.uni-icons{
-						margin: 0 5upx;
+					// 状态
+					.status {
+						display: inline-block;
+						width: 150upx;
+						color: red;
 					}
 				}
 			}

+ 1 - 1
pages/work/work.vue

@@ -40,7 +40,7 @@
 					{
 						id: 'tcgl',
 						icon: 'daiban',
-						color: '#ffaf69',
+						color: '#0e97ff',
 						name: '待办单',
 						url:'/pages/toDoList/toDoList',
 						target: 'page',

La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 0 - 2
static/iconfont/iconfont.css


Algunos archivos no se mostraron porque demasiados archivos cambiaron en este cambio