sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
							<!DOCTYPE html>
<html class="">
<!--STATUS OK-->

<head>
	<meta name="referrer" content="always" />
	<meta charset='utf-8' />
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="x-dns-prefetch-control" content="on">
	<meta name="description" content="">
	<meta name="format-detection" content="telephone=no" />
	<link rel="stylesheet" type="text/css" href="css/vant-ui.css" />
	<link rel="stylesheet" type="text/css" href="css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="css/main.css" />
	<script src="js/vue.js"></script>
	<script src="js/vant-ui.js"></script>
	<script src="js/main.js"></script>
	<link rel="stylesheet" href="./mescroll/mescroll.min.css">
	<script type="text/javascript" src="./mescroll/mescroll.min.js"></script>
	<title></title>
</head>
<style>
	.pageView.bdjl {
		background-color: #fff !important;
	}
	.pageView.bdjl .jiluItems {
		background-color: #00a0ea;
		color: #fff;
	}
	.mescroll{
		position: relative;
		height: 100%;/*如设置bottom:50px,则需height:auto才能生效*/
	}
</style>

<body>
	<div id="app" v-cloak>
		<div class="pageView bdjl mescroll-touch-y mescroll" style="padding-top: 10px" id="mescroll">
			<div class="jiluItems" v-for="(v,i) in list" v-show="list.length > 0" v-on:click="lookSetTlement(v.orderno)">
				<div class="title flex a-center jlr">
					<div class="flex a-center">
						<b></b>
						<span>单号：{{ v.orderno }}</span>
					</div>
					<!-- <div class="shangwuLipei">
							商务理赔
						</div> -->
										<i class="iconfont icon-right"></i>
				</div>
				<div class="content flex wrap">
					<div class="item">
						参保单状态：{{ v.status | statusToStr }}
					</div>
					<div class="item">
						车牌号：{{ v.plateNumber }}
					</div>
					<div class="item" style="width : 100%">
						联系人：{{ v.telname }}
					</div>
					<div class="item" style="width : 100%">
						车辆性质：{{v.operatingType | getOrderType }}
					</div>
					<div class="item" style="width : 100%">
						参保时间：{{ v.policyStart}} - {{ v.policyEnd }}
					</div>
				</div>
			</div>
			<div v-show="list.length == 0">
				<img src="image/noData.png" style="margin : 2rem auto" />
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/httpRequest.js"></script>
<script type="text/javascript" src="../script/vue_plugins.js"></script>
<script type="text/javascript">
	apiready = function() {
		new Vue({
			el: '#app',
			data: {
				show: false,
				list: [],
				userid: '',
				keyword: '', //  关键字
				startDate: '', // 开始时间
				endDate: '', // 结束时间
				page: 1,
				pagesize: 10,
				totalPages: 1, // 总页数
				frist: 1,
			},
			filters: {
				statusToStr: function(val) {
					return ["在保", "申请中", "已提交", "已过期","已通过","已拒绝"][val]
				},
				getOrderType : function(val){
					return ['营运','非营运'][val]
				}
			},
			methods: {
				init: function() {
					var _this = this;
					this.userid = $api.getStorage('userid');
					this.getlipeiList();
					//  配置上拉加载下拉刷新
				},
				configs: function() {
					var _this = this;
					this.frist = 2;
					this.configDownAndPull("mescroll", function(mescroll) {
						_this.page = 1;
						_this.getlipeiList(mescroll);
					}, function(mescroll) {
						if (_this.page < _this.totalPages) {
							_this.page = _this.page + 1;
							_this.getlipeiList(mescroll, 1);
						} else {
							mescroll.endSuccess(_this.pagesize, false);
						}
					})
				},
				/**
				 *  获取车主提交的理赔记录
				 */
				getlipeiList: function(mescroll) {
					var url = "peifuListU",
						_this = this;
					var data = {
						"param": "",
						"storeId": this.userid,
						"startDate": "",
						"endDate": "",
						"url": "json",
						"type": "body",
					}
					this.$post(url, data, function(ret) {
						if (ret.code == 0 || ret.code == '0') {
							_this.list = ret.data ? (_this.page == 1 ? ret.data.list : _this.list.concat(ret.data.list)) : [];
							if (_this.frist == 1) {
								_this.$nextTick(function() {
									_this.configs();
								})
							}
							if (mescroll) {
								mescroll.endSuccess(_this.pagesize, true);
							}
							_this.totalPages = ret.data ? ret.data.totalPage : 1;
						}
					})
				},
				comfirm: function(v) {
					this.show = false
				},
				//  查看赔付详情
				lookSetTlement: function(orderNo) {
					this.goWin('settlementDisInfo', 'settlementDisInfo_win.html', {
						orderNo: orderNo
					});
				}
			},
			mounted: function() {
				this.init();
			}
		})
	}
</script>

</html>