lzf
/
partTime-app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178
							<!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>
		   .mui-bar-nav~.mui-content{padding-top: 55px;margin-bottom: 50px;}
		   .ht{margin-top: 11px;padding: 5px;background-color: #fffbee;color: #ed9f2b;font-size: 11px;}
		   .warn{display: block;padding-top: 11px;text-align: center;}
		   .name{font-weight: bold;font-size: 17px;}
           .icon{font-size:20px;}
		   .right{float: right;color: #FF5722;}
		   .yh{font-size: 11px;padding: 5px 0px 0px 0px;color: darkgray;}
		   .yh .sp{padding-right: 15px;}
		   .sps{background: #00B5AD;padding: 1px 6px;border-radius: 3px;color: white;text-align: center;}
		   .s{color: darkgray;font-size: 12px;}
		   .row{font-size: 14px;padding-top: 10px;}
		   .sm2{color: #4c4848;}
           .dc{padding-right: 10px;font-size: 12px;}
           .i{color: #00a0ea;}
           .item{border-top: 1px solid #ececec;margin-top: 10px;padding-top: 15px;font-size: 14px;}
           .dd{padding:5px;margin:0;border: 0;}
           .dz{font-size: 12px;color: darkgray;}
           .gs{padding-top: 11px;font-size: 48px;display: block;color: #00a0ea;}
           .nr{font-size: 13px;color: #4a4747;}
		   .lyy{float: right;margin-top: 15px;font-size: 15px;color: orange;}
           .footer{color: white;position: fixed;background-color: #00a0ea;padding-top: 15px;width: 100%;bottom: 0;height: 52px;text-align: center;}
		  [v-cloak] {display: none;}
		</style>
	</head>
	<body>
		<div id="app" v-cloak>
			<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 animated fadeInUp">
				<div class="ht">凡是要求缴纳费用请提高警惕，谨防受骗！</div>
				
				
				<div class="model">
					<div class="content" style="margin-top: -5px;">
						
						<div class="yh">
							<label>收款方 <span>*</span></label>
							<input type="text" v-model="item.Payee" placeholder="输入收款方"
								oninput="if(value.length>30)value=value.substr(0,30)">
						</div>
						<div class="row">
							<label>收款日期 <span>*</span></label>
							<input type="date" v-model="item.pay_date" placeholder="输入收款日期">
						</div>
						<div class="row">
							<label>金额 <span>*</span></label>
							<input type="number" v-model="item.amount" placeholder="输入金额"
								oninput="if(value<0)value=1">
						</div>
						<div class="row">
							<label>支付方式 <span>*</span></label>
							<select class="mui-btn mui-btn-block" v-model="item.pay_mode">
								<option :value="x.name" v-for="(x,index) in pay_list">{{x.name}}</option>
							</select>
						</div>
				
						<div class="row">
							<label>备注 </label>
							<textarea rows="3" v-model="item.remark" placeholder="输入备注"></textarea>
						</div>
					</div>
				
				</div>
			
				
				
				
				
				
			</div>
		
		<!--
			<div class="model" v-for="(item,index) in item.list">
				<div class="item dd">{{item.mz}} {{item.phone}}
				<div class="lyy"  @click="contract(item)"  v-if="item.state=='0' && item.contract=='0'">发送合同</div>
				<div class="lyy"  style="color: #00B5AD;"  v-else-if="item.state=='0' && item.contract=='1'">合同已发送</div>
				</div>
			</div>
			-->
			
			
			
			
			<div class="footer" @click="deliver()"><i class="icon">&#xe61a;</i> {{msg}}</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: {},
					resume: {},
					msg: '申请请款',
					pay_list: [{
						name: '支付宝',
						id: '1'
					}, {
						name: '银行卡',
						id: '2'
					}, {
						name: '微信',
						id: '3'
					},{
						name: '现金',
						id: '3'
					},{
						name: '其他',
						id: '3'
					}],
					
				},
				mounted: function() {
					mui.plusReady(function() {
						vm.item.parttime_id=plus.webview.currentWebview().param.id;
							vm.item.contract_id=plus.webview.currentWebview().param.aid;
						console.log("plus.webview.currentWebview().param==="+JSON.stringify(plus.webview.currentWebview().param));
						//request(urls().parttime_detail, {id: plus.webview.currentWebview().param.id}, function(res) {
							//vm.item = res;
							
							//vm.item.mTime = vm.item.mTime.substring(0, 11)
							//plus.nativeUI.closeWaiting();
					//	})
					})
				},
				methods: {
					
					
					//详情
					contract: function(id) {
						open('detail', 'contract.html', id, 'slide-in-bottom');
					},
					
					//投递简历
					deliver: function() {
						if(!hasLogin()) {
							mui.toast("请先登录")
							open('login', '/pages/user/login.html', null, 'slide-in-bottom');
							return;
						}
						if(getUser().mType==1){
							mui.alert("企业用户不允许投递简历");
							return;
						}
						//vm.resume = getResume();
						//vm.resume.parttime_id = vm.item.id;
						vm.item.userId=getUser().id;
						//deleteEmptyProperty(vm.resume);
						request(urls().finance_app, vm.item, function(res) {
							plus.nativeUI.closeWaiting();
							if(res.result == true) {
								vm.msg = '已申请'
								mui.toast('申请成功');
								plus.webview.getWebviewById("my_parttimeapp").reload(true);
							} else {
								mui.alert(res.msg);
							}
						})
					}
				}
			})
		</script>
	</body>

</html>