sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314
							<!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>
	<title></title>
</head>
<style>
	.uploadImg {
		width: 1.5rem !important;
		height: 1.5rem !important;
		margin: 1rem auto;
	}
</style>

<body>
	<div id="app" v-cloak >
		<div class="pageView peifuxiangqing" style="padding-bottom : 2rem">
			<div class="">
				<div class="userInfos card">
					<div class="title"></div>
					<div class="Forms">
						<div class="item flex a-center">
							<div class="label flex a-center">
								<div class="icon i1"></div>
								审核状态:
							</div>
							<div class="value">
							     {{ tlementInfo.status | statusToStr }}
							</div>
							<van-icon name="checked" size="0.3rem" color="#00a0ea" />
						</div>
						<!-- <div class="item flex a-center">
							<div class="label flex a-center">
								<div class="icon i1"></div>
								门店名称:
							</div>
							<div class="value">
								<input type="text" placeholder="" v-model="tlementInfo.storeName" readonly="readonly">
							</div>
							<van-icon name="checked" size="0.3rem" color="#00a0ea" />
						</div> -->
						<div class="item flex a-center">
							<div class="label flex a-center">
								<div class="icon i2"></div>
								联系人:
							</div>
							<div class="value">
								<input type="text" placeholder="" readonly="readonly" v-model="tlementInfo.telName">
							</div>
							<van-icon name="checked" size="0.3rem" color="#00a0ea" />
						</div>
						<div class="item flex a-center">
							<div class="label flex a-center">
								<div class="icon i3"></div>
								联系电话:
							</div>
							<div class="value">
								<input type="number" placeholder="" readonly="readonly" v-model="tlementInfo.telephone">
							</div>
							<van-icon name="checked" size="0.3rem" color="#00a0ea" />
						</div>
						<div class="item flex a-center">
							<div class="label flex a-center">
								<div class="icon i4"></div>
								车牌号:
							</div>
							<div class="value">
								<input type="text" placeholder="" readonly="readonly" v-model="tlementInfo.plateNumber">
							</div>
							<van-icon name="checked" size="0.3rem" color="#00a0ea" />
						</div>
					</div>
				</div>
				<div class="card court" style="margin-top: 0.2rem;">
					<div class="title">
						轮胎信息
					</div>
					<div class="Forms">
						<div class="item flex a-center">
							<div class="label flex a-center">
								轮胎胎号:
							</div>
							<div class="value">
								{{ tlementInfo.tireDtoList ? tlementInfo.tireDtoList[0].tireNum : '' }}
							</div>
						</div>
						<div class="item flex a-center">
							<div class="label flex a-center">
								轮胎规格:
							</div>
							<div class="value">
								{{ tlementInfo.tireDtoList ? tlementInfo.tireDtoList[0].spec : '' }}
							</div>
						</div>
						<div class="item flex a-center">
							<div class="label flex a-center">
								轮胎DOT：
							</div>
							<div class="value">
								{{ tlementInfo.tireDtoList ? tlementInfo.tireDtoList[0].dot : '' }}
							</div>
						</div>
					</div>
				</div>
				<!-- <div class="card court" style="margin-top: 0.2rem;" v-for="(img,index) in tlementInfo.carFileDtoList">
					<div class="title">
						{{ img.type == '0' ? '车辆照片' : '行驶证照片' }}
					</div>
					<div class="fileImage">
						<img v-if="img.url == ''" src="image/biankuang.png" />
						<img v-else :src="img.url" />
					</div>
				</div> -->
				<div class="card court" style="margin-top: 0.2rem;" v-for="(img,index) in tlementInfo.carFileDtoList">
					<div class="title">
						{{ carTypes[img.type].name }}
					</div>
					<div class="fileImage">
						<img :src="img.url" />
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../script/aui_compress.min.js"></script>
<script type="text/javascript" src="../script/jquery-1.11.0.min.js"></script>
<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">
	var cm = "";
	apiready = function() {
			var orderNo = api.pageParam.orderNo;
			cm = new Vue({
				el: '#app',
				data: {
					list: [],
					orderNo : orderNo,
					tlementInfo: {}, // 理赔单详情
					userid: '',
					chooseImgIndex: 0, // 选择图片的index
					chooseImgCode: 0, // 选择图片的code
					carTypes : [{
						name: "车辆照片",
						type: "0"
					},{
						name: "胎号照片",
						type: "1"
					}],
					imgTypes: [{
						name: "轮胎整体照片",
						type: "0"
					}, {
						name: "鼓包或爆胎位置照片",
						type: "1"
					},{
						name: "行驶证照片",
						type: "2"
					},{
						name: "车辆照片",
						type: "3"
					},{
						name: "DOT周期号照片",
						type: "4"
					}],
					trans: '', // 转换格式插件
				},
				computed: {
					getImg: function() {
						return function(type) {
							return 'image/upload' + type + '.png';
						}
					}
				},
				filters: {
					statusToStr: function(val) {
						return ["在保", "生成保障码", "已提交", "已过期","已通过","已拒绝"][val]
					}
				},
				methods: {
					// 通过码号获取理赔单详情
					init: function() {
						this.userid = $api.getStorage('userid');
						this.trans = api.require('trans');
						this.getInfoByCode();
					},
					// 通过code获取理赔单详情
					getInfoByCode: function() {
						var url = "getTlementInfoU",
							_this = this;
						var data = {
							"storeId": this.usrid,
							"orderno": this.orderNo,
							"url": "json",
							"type": "body"
						}
						this.$post(url, data, function(ret) {
							console.log(JSON.stringify(ret));
							if (ret.code == 0 || ret.code == '0') {
								_this.tlementInfo = ret.data;
							}
						})
					},
					cancelLipei: function() {
						api.closeWin({});
					},
					//  选择图片
					chooseImg: function(type, index) {
						var _this = this;
						this.chooseImgCode = type;
						this.chooseImgIndex = index;
						this.chooseImage(function(ret) {
						     changePhoto(ret);
						})
							// $('#files2').click();
					},
					//  开始上传照片
					uploadFile: function(ret) {
						var _this = this;
						this.$set(_this.imgTypes[_this.chooseImgIndex], "carImg", ret.data);
						this.$set(_this.imgTypes[_this.chooseImgIndex], "url", ret.data.url);
					},
					//  提交轮胎包理赔记录
					sumbiltLipei: function() {
						var url = "sumbiltLipeiU",
							_this = this;
						var data = this.tlementInfo,
							policyFileDtoList = new Array();
						this.imgTypes.map(function(img, index) {
							policyFileDtoList.push(img.carImg);
						})
						var other = {
							policyFileDtoList: policyFileDtoList,
							url: 'json',
							type: 'body'
						}
						data = this.extend(data, other)
						this.$post(url, data, function(ret) {
							if (ret.code == 0 || ret.code == '0') {
								api.toast({
									msg: '理赔单审核成功'
								});
								setTimeout(function() {
									api.closeWin({});
								}, 500);
							}
						})
					}
				},
				mounted: function() {
					this.init();
				}
			})
		}
		/**
		 * 这是门店图片更改触发时间.target.files[0]
		 */
	function changePhoto(event) {
		var url = "uploadLipeU";
		var data = {
			type: cm.chooseImgCode,
			file: event,
		}
		cm.$uploadfile(url, data, function(ret) {
			if (ret.code == 0 || ret.code == '0') {
				cm.uploadFile(ret)
			}
		})
	}

	//  上传文件
	function uploadFile(src) {
		api.ajax({
			url: "http://b2bcnapi.sailuntire.com/api/test/wx/sailun/insurance/tireImageUpload",
			method: 'post',
			data: {
				body: {
					type: 0
				},
				files: {
					file: src
				}
			},
			headers: {
				"Content-type": "multipart/form-data"
			},
		}, function(ret, err) {
			api.hideProgress();
			api.refreshHeaderLoadDone();
			if (ret) {
				callback(ret);
			} else {
				api.toast({
					msg: JSON.stringify(err)
				});
			}
		});
	}
</script>

</html>