|
|
@@ -0,0 +1,172 @@
|
|
|
+<!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;">
|
|
|
+ <span class="name">{{item.parttime_title}}</span><span class="right">{{item.salary}}</span>
|
|
|
+ <div class="yh">
|
|
|
+ <span class="sp">更新：{{item.publish_date}}</span>
|
|
|
+ <span class="sp" style="color: #18c31f;"><i class="icon" style="font-size: 13px;"></i> 通过审核</span>
|
|
|
+ <span class="sp">申请：{{item.hire_num}} 人</span>
|
|
|
+ <span class="sps" style="background: #FF5722;" v-show="item.hire_num>5">多人竞争</span>
|
|
|
+ <span class="sps" style="background: #00a0ea;" v-show="item.hire_num<5&&item.hire_num>0">机会大</span>
|
|
|
+ <span class="sps" style="background: #009688;" v-show="item.hire_num==0">争先锋</span>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="sm2">要求：</div>
|
|
|
+ <div class="sm8">
|
|
|
+ <span class="dc"><i class="icon i"></i> 招{{item.hire_num}}人</span>
|
|
|
+ <span class="dc"><i class="icon i"></i> {{item.settlement}}</span>
|
|
|
+ <span class="dc"><i class="icon i"></i> {{item.remark}}</span>
|
|
|
+ </div>
|
|
|
+ <div class="clear"></div>
|
|
|
+ </div>
|
|
|
+ <div class="row">
|
|
|
+ <div class="sm2">福利：</div>
|
|
|
+ <div class="sm8" style="font-size: 12px;">
|
|
|
+ {{item.parttime_describe}}
|
|
|
+ </div>
|
|
|
+ <div class="clear"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="model">
|
|
|
+ <div class="item dd">工作地点 <i class="icon right" style="color: darkgray;font-size: 15px;"></i><span class="right s">{{item.address}}</span></div>
|
|
|
+ </div>
|
|
|
+ <div class="model">
|
|
|
+ <div class="content">
|
|
|
+ <div class="row" style="padding: 0;">
|
|
|
+ <div class="sm2"><i class="icon gs"></i></div>
|
|
|
+ <div class="sm8">{{item.work_region}} <br><span class="dz">{{item.address}}</span></div>
|
|
|
+ <div class="clear"></div>
|
|
|
+ </div>
|
|
|
+ <div class="item">公司电话 <i class="icon right" style="color: darkgray;font-size: 15px;"></i><a class="right s" :href=" 'tel:'+item.phone">{{item.contact_info}}</a></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="model">
|
|
|
+ <div class="bod">
|
|
|
+ <span><i class="icon i" style="padding-right:5px;"></i>职位要求</span>
|
|
|
+ </div>
|
|
|
+ <div class="content nr" v-html="item.parttime_describe"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="model">
|
|
|
+ <div class="mui-input-row">
|
|
|
+ <label>合同内容条款 <span>*</span></label>
|
|
|
+ <textarea rows="3" placeholder="输入兼职描述"> 根据《中华人民共和国劳动法》、《中华人民共和国劳动合同法》和有关法律、法规，甲乙双方经平等自愿、协商一致签订本合同，共同遵守。</textarea>
|
|
|
+ </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"></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: '确认合同'
|
|
|
+ },
|
|
|
+ mounted: function() {
|
|
|
+ mui.plusReady(function() {
|
|
|
+ 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.resume.trustee=getUser().id;
|
|
|
+ //deleteEmptyProperty(vm.resume);
|
|
|
+ request(urls().qr_contract, vm.resume, function(res) {
|
|
|
+ plus.nativeUI.closeWaiting();
|
|
|
+ if(res.result == true) {
|
|
|
+ vm.msg = '已确认'
|
|
|
+ mui.toast('确认成功');
|
|
|
+ open('jz_list', '/tab/jz_list.html', {}, 'slide-in-bottom');
|
|
|
+ } else {
|
|
|
+ mui.alert(res.msg);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+ </body>
|
|
|
+
|
|
|
+</html>
|
15807800591