lzf
/
djfp-app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
							<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>企业信息</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../css/animate.min.css" rel="stylesheet" />
		<style>
			.lg {padding: 35px;margin-top: 10px;text-align: center;}
			.bg{background-color: white;border-radius: 5px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2);}
			.mui-input-row{border-bottom: 1px solid #ececec;padding: 8px;}
            .mui-input-row:last-child{border-bottom: 0px;}
			.ht{margin-top: 21px;padding: 5px;background-color: #fffbee;color: #ed9f2b;font-size: 12px;}
			img{max-width: 80px;border-radius: 7px;float: left;}
			.sp{color: red;}
			.btn{margin-top: 25px;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">企业信息</h1>
		</header>
		<div class="mui-content" id="app">
			<div class="ht">
				<span v-if="item.mSate==2"><i class="icon warn">&#xe648;</i> 等待后台审核企业信息</span>
				<span v-if="item.mSate==3"><i class="icon warn">&#xe648;</i> 审核不通过 原因如下 : 营业执照模糊</span>
				<span v-if="item.mSate==0"><i class="icon warn">&#xe60b;</i> 审核通过</span>
			</div>
			<div class="lg animated bounceIn">
				<div class="bg">
				<div class="mui-input-row">
						<label>企业名称 <span class="sp">*</span></label>
						<input type="text" v-model="item.company" placeholder="输入企业名称">
				</div>	
				<div class="mui-input-row">
						<label>营业执照 <span class="sp">*</span></label>
						<a href="#picture"><img :src="item.fj==''?'../../images/zz.png':item.fj" /></a>
				</div>	
				</div>
				<button class="btn" @click="register()" v-show="item.mSate!=0">重新提交</button>
			</div>
			<!--选择照片-->
			<div id="picture" class="mui-popover mui-popover-action mui-popover-bottom">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" @click="takePhoto()"><a>拍照</a></li>
					<li class="mui-table-view-cell" @click="pickImg()"><a>选取现有</a></li>
				</ul>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" style="color: red;"><a href="#picture"><b>取消</b></a></li>
				</ul>
			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/app.js"></script>
		<script src="../../js/vue.min.js"></script>
		<script type="text/javascript">
			var vm = new Vue({
				el: "#app",
				data: {
					item: {}
				},
				mounted: function() {
					mui.plusReady(function() {
						request(urls().userInfo, {id: getUser().id}, function(res) {
							vm.item=res.data;
							plus.nativeUI.closeWaiting();
						})
					})
				},
				methods: {
					//拍照
					takePhoto: function() {
						takePhoto(function(path) {
							plus.io.resolveLocalFileSystemURL(path, function(entry) {
								vm.compress(entry.toLocalURL());
							});
						})
					},
					//选取照片
					pickImg: function() {
						pickImg(function(p) {
							vm.compress(p.files[0]);
						}, 1);
					},
					//图片压缩上传
					compress: function(path) {
						compress(function(c) {
							upload(urls().uploadFj,path,function(res) {
								  plus.nativeUI.closeWaiting();
								  var res=JSON.parse(res.responseText);
								  vm.item.fj=urls().path+res.url;
							});
						}, path, '75%');
					},
					//重新提交
					register: function() {
						if(this.item.company=='') {mui.toast("输入企业名称");return;}
						if(this.item.fj=='') {mui.toast("上传营业执照");return;}
						request(urls().certification,this.item, function(res) {
							mui.toast("提交成功");
							vm.item.mSate=2;
							plus.nativeUI.closeWaiting();
						})
					}
				}
			})
		</script>
	</body>

</html>