资源文件

pages/orders/orders.vue

@@ -49,21 +49,11 @@
 										</view>
 									</view>
 								</view>
-								<view class="term">
-									<text>车牌号</text>
-									<view class="dis  a-c f-wrap j-start" style="margin-top: 10px;">
-										<view class="status-data" :class="item==pageRequest.licenseNo? 'active':''"
-											v-for="(item,index) in vehiclePlateList" @tap="licenseNoclick(item)"
-											:key="index">
-											{{item}}
-										</view>
-									</view>
-								</view>
 								<view class="term">
 									<text>订单日期</text>
 									<view class="dis  a-c f-wrap j-s" style="margin-top: 10px;">
 										<view class="status-data" :class="item.value==timespecifications? 'active':''"
-											v-for="(item,index) in dateList" @tap="dateclick(item.value)" :key="index">
+											v-for="(item,index) in dateList" @tap="dateclick(index)" :key="index">
 											{{item.label}}
 										</view>
 										<view class="dis a-c">
@@ -96,86 +86,48 @@
 			</view>
 		</view>
 		<view style="padding: 110px 16px 50px 16px;">
-			<view v-for="(item,index) in pageResult" :key="index">
-				<view class="orderItemPane" v-for="(statusitem, statusindex) in statusList" :key="statusindex"
-					v-if="item.orderstatus == statusitem.value" :style="{background:statusitem.itemback}">
-					<view class="orderItemPane-upper dis j-s a-c ">
-						<view class="dis a-c j-start">
-							<image :src="statusitem.src" mode="" style="width: 22px;height: 22px;margin-right: 5px;">
-							</image>
-							<text class=" licenseno">{{item.licenseno}}</text>
-						</view>
-						<view class="colorBlock">
-							{{item.product}}
-						</view>
+			<view class=" orderItemPane" v-for="(item,index) in pageResult" :key="index">
+				<view class="orderItemPane-upper dis j-s a-c ">
+					<view v-for="(statusitem, statusindex) in statusList" :key="statusindex" class="dis a-c"
+						style="font-weight: bold;" v-if="item.orderstatus == statusitem.value">
+						<image :src="statusitem.src" mode="" style="width: 22px;height: 22px;margin-right: 5px;">
+						</image>
+						<text :style="{color: statusitem.color}">{{statusitem.label}}</text>
 					</view>
-					<view class="orderItemPane-centre ">
-						<view class="dis f-c">
-							<text>订单号：{{item.orderno}}</text>
-							<view class="dis a-c j-s">
-								<view class="dis a-end ">
-									<view class="dis f-c a-c">
-										<text style="font-size: 24rpx;color: #333">车主</text>
-										<text style="font-size: 24rpx;color: #333">{{item.ownerinfo.name}}</text>
-									</view>
-									<image src="../../static/image/car-insure/phone.png" mode=""
-										style="width: 16px;height: 16px;margin: 0 0 5px  10px;"
-										@click="phone(item.ownerinfo.mobile)"></image>
-								</view>
-								<view class="dis a-end ">
-									<view class="dis f-c a-c">
-										<text style="font-size: 24rpx;color: #333">投保人</text>
-										<text style="font-size: 24rpx;color: #333">{{item.applyinfo.name}}</text>
-									</view>
-									<image src="../../static/image/car-insure/phone.png" mode=""
-										style="width: 16px;height: 16px;margin: 0 0 5px  10px;"
-										@click="phone(item.applyinfo.mobile)"></image>
-								</view>
-								<view class="dis a-end ">
-									<view class="dis f-c a-c">
-										<text style="font-size: 24rpx;color: #333">被保人</text>
-										<text style="font-size: 24rpx;color: #333">{{item.insureinfo.name}}</text>
-									</view>
-									<image src="../../static/image/car-insure/phone.png" mode=""
-										style="width: 16px;height: 16px;margin: 0 0 5px  10px;"
-										@click="phone(item.insureinfo.mobile)"></image>
-								</view>
-							</view>
-							<view class="dis f-c ">
-								<view class="time dis j-s a-c">
-									<text>交强险到期时间</text>
-									<view class="dis a-c j-c">还差
-										<text class="downstyle dis j-c a-c ">3</text>
-										天到期
-									</view>
-								</view>
-
-							</view>
+					<text class="upper-time moosize">{{item.createtime}}</text>
+				</view>
+				<view class="orderItemPane-centre ">
+					<view class="dis f-c">
+						<view class="dis a-c j-s " style="padding:4px 0;">
+							<text>{{item.licenseno}}</text>
+							<u-icon name="arrow-right" size="14px"
+								style="margin-left: 5px;color: #C7C6CA;"></u-icon></text>
 						</view>
-					</view>
-					<view class="orderItemPane-below dis a-c  j-end ">
-						<u-button v-if="item.orderstatus!='3'"
-							:custom-style="{fontSize:'12px',background:'rgba(34,152,5,0.05)',color:'#229805',borderColor:'#229805'}"
-							shape="circle" size="mini" :hair-line="false" :plain="true"
-							@click="CloseEdit(item.orderno)">进行中</u-button>
-						<u-button v-if="item.orderstatus!='3'"
-							:custom-style="{fontSize:'12px',background:'rgba(255,86,0,0.05)',color:'#FF5600',borderColor:'#FF5600'}"
-							shape="circle" size="mini" :hair-line="false" :plain="true"
-							@click="quotehistory(item,'1')">核保中</u-button>
-						<u-button v-if="item.orderstatus!='3'"
-							:custom-style="{fontSize:'12px',background:'rgba(255,15,0,0.05)',color:'#FF0F00',borderColor:'#FF0F00'}"
-							shape="circle" size="mini" :hair-line="false" :plain="true"
-							@click="quotehistory(item,'2')">待缴费</u-button>
-						<u-button
-							:custom-style="{fontSize:'12px',background:'rgba(0,82,255,0.05)',color:'#0052FF',borderColor:'#0052FF'}"
-							shape="circle" size="mini" :hair-line="false" :plain="true"
-							@click="quotehistory(item,'3')">已承保</u-button>
-						<u-button v-if="item.orderstatus!='3'"
-							:custom-style="{fontSize:'12px',background:'rgba(158,0,255,0.05)',color:'#9E00FF',borderColor:'#9E00FF'}"
-							shape="circle" size="mini" :hair-line="false" :plain="true"
-							@click="quotehistory(item,'4')">核保退回</u-button>
+						<text>订单号：{{item.orderno}}</text>
+						<text>投保人：{{item.applyinfo.name}}</text>
+						<text>投保险种：{{item.product}}</text>
+						<text v-if="item.orderstatus=='3'">承保公司：{{item.insCompany}}</text>
+
 					</view>
 				</view>
+				<view class="orderItemPane-below dis a-c  j-s ">
+					<!-- <u-button v-if="item.orderstatus!='3'" type="primary" size="mini" :hair-line="false"
+						:custom-style="{fontSize:'12px'}" :plain="true" @click="quotehistory(item)">报价历史</u-button> -->
+					<u-button v-if="item.orderstatus!='3'" :custom-style="{fontSize:'12px'}" shape="circle"
+						type="warning" size="mini" :hair-line="false" :plain="true"
+						@click="CloseEdit(item.orderno)">进行中</u-button>
+					<u-button v-if="item.orderstatus!='3'" :custom-style="{fontSize:'12px'}" shape="circle"
+						type="warning" size="mini" :hair-line="false" :plain="true"
+						@click="quotehistory(item,'1')">核保中</u-button>
+					<u-button v-if="item.orderstatus!='3'" :custom-style="{fontSize:'12px'}" shape="circle"
+						type="warning" size="mini" :hair-line="false" :plain="true"
+						@click="quotehistory(item,'2')">待缴费</u-button>
+					<u-button :custom-style="{fontSize:'12px'}" shape="circle" type="warning" size="mini"
+						:hair-line="false" :plain="true" @click="quotehistory(item,'3')">已承保</u-button>
+					<u-button v-if="item.orderstatus!='3'" :custom-style="{fontSize:'12px'}" shape="circle"
+						type="warning" size="mini" :hair-line="false" :plain="true"
+						@click="quotehistory(item,'4')">核保退回</u-button>
+				</view>
 			</view>
 			<u-loadmore v-if="pageResult.length!=0" :status="status" />
 		</view>
@@ -262,42 +214,32 @@
 					}, {
 						label: '进行中',
 						value: 0,
-						btnColor: "#229805",
-						btnbackground: "rgba(34,152,5,0.05)",
-						itemback: "linear-gradient( 180deg, #EEFFE4 0%, #CDFFB6 100%)",
-						src: "/static/image/car-insure/state.png"
+						color: "#229805",
+						src: "/static/image/car-insure/state1.png"
 					},
 					{
 						label: '待核保',
 						value: 1,
-						btnColor: "#FF5600",
-						btnbackground: "rgba(255,86,0,0.05)",
-						itemback: "linear-gradient( 180deg, #FFEDE3 0%, #FFC7AB 100%)",
-						src: "/static/image/car-insure/state.png"
+						color: "#FF5600",
+						src: "/static/image/car-insure/state2.png"
 					},
 					{
 						label: '待缴费',
 						value: 2,
-						btnColor: "#FF0F00",
-						btnbackground: "rgba(255,15,0,0.05)",
-						itemback: "linear-gradient( 180deg, #FFEEEC 0%, #FFA8A2 100%)",
-						src: "/static/image/car-insure/state.png"
+						color: "#FF0F00",
+						src: "/static/image/car-insure/state3.png"
 					},
 					{
 						label: '已承保',
 						value: 3,
-						btnColor: "#0052FF",
-						btnbackground: "rgba(0,82,255,0.05)",
-						itemback: "linear-gradient( 180deg, #ECF1FF 0%, #CCDDFF 100%)",
-						src: "/static/image/car-insure/state.png"
+						color: "#0052FF",
+						src: "/static/image/car-insure/state4.png"
 					},
 					{
 						label: '核保退回',
 						value: 4,
-						btnColor: "#9E00FF",
-						btnbackground: "rgba(158,0,255,0.05)",
-						itemback: "linear-gradient( 180deg, #FDECFF 0%, #F5CCFF 100%)",
-						src: "/static/image/car-insure/state.png"
+						color: "#727272",
+						src: "/static/image/car-insure/state5.png"
 					}
 				],
 				//日期筛选list
@@ -439,11 +381,6 @@
 		},
 		methods: {
 			...mapMutations(['setOrderType', 'setOrderStage']),
-			phone(phone) {
-				uni.makePhoneCall({
-					phoneNumber: phone, //仅为示例
-				});
-			},
 			btn_click() {
 				uni.navigateTo({
 					url: '/pages/chat/chat'
@@ -490,11 +427,9 @@
 				this.getOrdersList(1, 20);
 				this.showDropdown = false;
 			},
-			licenseNoclick(e) {
-				this.pageRequest.licenseNo = e;
-			},
 			//状态筛选
 			statusclick(e) {
+				console.log(e);
 				if (e === this.pageRequest.orderStatus) {
 					this.pageRequest.orderStatus = ''
 				} else {
@@ -532,10 +467,8 @@
 			},
 			//日期筛选
 			dateclick(e) {
-				console.log(e);
 				/* 0:全部  1：一周内 2：一个月内 3：三个月内  4:六个月内*/
 				switch (e) {
-
 					case 0:
 						this.pageRequest.startDate = "";
 						this.pageRequest.endDate = "";
@@ -550,7 +483,6 @@
 					case 7:
 						this.pageRequest.startDate = this.transformTime(e);
 						this.pageRequest.endDate = this.transformTime();
-						this.vehiclePlateform(this.pageRequest.startDate, this.pageRequest.endDate);
 						break;
 					case '一个月内':
 						this.pageRequest.startDate = this.transformTime1(1);
@@ -567,16 +499,13 @@
 					default:
 				}
 				this.timespecifications = e;
-
+				this.vehiclePlateform(this.pageRequest.startDate, this.pageRequest.endDate);
 			},
 			async vehiclePlateform(start, end) {
 				let res = await this.$http.post('/insurance/order/queryLicenseInOrder', {
 					startDate: start,
 					endDate: end,
 				});
-				if (res.code == 200) {
-					this.vehiclePlateList = res.data;
-				}
 			},
 			startconfirm(e) {
 				this.pageRequest.startDate = e.year + '-' + e.month + '-' + e.day;
@@ -812,6 +741,8 @@
 
 	}
 
+
+
 	.search-condition {
 		padding: 0 16px;
 
@@ -891,57 +822,14 @@
 		border-radius: 10px;
 		background: #FFFFFF;
 		box-shadow: 0px 4px 10px 0px #DAE3F4;
-		border-radius: 6px;
+		border-radius: 12px;
 		cursor: pointer;
+		padding: 10px;
 	}
 
 	.orderItemPane-upper {
-		background: rgba(255, 255, 255, 0.5);
-		border-radius: 6px 6px 0px 0px;
-		padding: 13rpx 16rpx;
-
-		.licenseno {
-			font-family: Source Han Sans SC, Source Han Sans SC;
-			font-weight: bold;
-			font-size: 14px;
-			color: #181818;
-		}
-
-		.colorBlock {
-			background: #FF7F00;
-			box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
-			border-radius: 4px;
-			border: 1px solid #FEEDDF;
-			color: #fff;
-			font-size: 26rpx;
-			font-weight: bold;
-			padding: 0 10px;
-		}
-	}
-
-	.orderItemPane-centre {
-		padding: 7px 14px;
-
-		>view>text {
-			font-weight: bold;
-			color: #232832;
-		}
-
-		.time {
-			>text {
-				color: rgba(51, 51, 51, 0.8);
-				font-size: 12px;
-			}
-
-			.downstyle {
-				background: rgba(255, 255, 255, 0.6);
-				border-radius: 2px;
-				padding: 2px 8px;
-				margin: 0 4px;
-				color: #333333;
-				font-size: 12px;
-			}
-		}
+		padding-bottom: 8px;
+		border-bottom: 1px solid #D4D0D0;
 	}
 
 	.orderItemPane .orderItemPane-centre,
@@ -950,14 +838,17 @@
 		font-weight: 400;
 	}
 
+	.orderItemPane-centre text:first-child {
+		font-weight: bold;
+		color: #232832;
+	}
+
 	.orderItemPane-below {
 		height: auto;
-		padding: 10px;
-		background: #ffff;
-		border-radius: 0 0 6px 6px;
+		margin-top: 5px;
 
 		&>button {
-			margin-left: 10px;
+			// margin-left: 10px;
 		}
 	}