sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281
							<!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 class="item flex a-center">
							<div class="label flex a-center">
								余花深：
							</div>
							<div class="value" style="display:flex">
								<input type="number" placeholder="请输入余花深" style="width:80%" v-model="tlementInfo.leftDepth" readonly="true" />
								<p style="width:20%">mm</p>
							</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.policyFileDtoList">
					<div class="title">
						{{ imgTypes[img.type].name }}
					</div>
					<div class="fileImage">
						<img :src="img.url" />
					</div>
				</div>
				<div class="card court" style="margin-top: 0.2rem;" v-show="tlementInfo.status > 3">
					<div class="title">
						审批意见
					</div>
					<div class="fileImage" style="text-align:left;font-size:0.3rem">
						{{tlementInfo.description}}
					</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
					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) {
							if (ret.code == 0 || ret.code == '0') {
								_this.tlementInfo = ret.data;
							}
						})
					},
					cancelLipei: function() {
						api.closeWin({});
					}
				},
				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>