|
|
@@ -12,31 +12,46 @@
|
|
|
<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
|
|
|
<style>
|
|
|
.main_div{
|
|
|
- border:1px solid #fffccc;
|
|
|
}
|
|
|
#app{
|
|
|
- margin-top: 1em;
|
|
|
+ margin-top: 0em;
|
|
|
+ }
|
|
|
+ .isrealauth{
|
|
|
+ font-size: 8px;
|
|
|
+ }
|
|
|
+ .error-height{
|
|
|
+ height: 200px;
|
|
|
+ line-height: 200px;
|
|
|
+ }
|
|
|
+ .p-username{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
- <div class="container-fluid" id="app">
|
|
|
+ <div class="container-fluid" id="app" v-cloak>
|
|
|
<div class="row">
|
|
|
<div class="col-xs-12 col-md-4 col-md-offset-4 main_div">
|
|
|
<div v-if="!error&&info" class="col-xs-12">
|
|
|
<div class="col-xs-12" v-if="type=='invent'">
|
|
|
<div class="row">
|
|
|
<div class="col-xs-12">
|
|
|
- <p class="lead"> <strong>招工|</strong>{{info.info}}</p>
|
|
|
+ <div class="page-header lead">
|
|
|
+ <strong>招工|</strong>{{info.disstr}}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="col-xs-6">
|
|
|
- <p> {{ getusername }}<span v-if="info.coninfo.is_realauth" class="label label-danger">已实名</span></p>
|
|
|
+ <div class="col-xs-6" v-if="info.coninfo">
|
|
|
+ <p class="text-left p-username">
|
|
|
+ {{ getusername }}
|
|
|
+ <span v-if="info.coninfo.is_realauth" class="label label-danger isrealauth">已实名</span>
|
|
|
+ </p>
|
|
|
</div>
|
|
|
- <div class="col-xs-3">
|
|
|
- <p>{{ info.coninfo.gender }}</p>
|
|
|
+ <div class="col-xs-6" v-if="info.coninfo">
|
|
|
+ <p class="text-right">{{ info.coninfo.gender }}|{{ info.coninfo.wage }}</p>
|
|
|
</div>
|
|
|
- <div class="col-xs-3">
|
|
|
- <p>{{ info.coninfo.wage }}</p>
|
|
|
+ <div class="col-xs-12">
|
|
|
+ <p class="lead">{{info.info}}</p>
|
|
|
</div>
|
|
|
<div class="col-xs-12">
|
|
|
<p>
|
|
|
@@ -51,18 +66,51 @@
|
|
|
<div class="col-xs-12">
|
|
|
<p><strong>日工资：</strong>{{getdaysalary}}</p>
|
|
|
</div>
|
|
|
+ <div class="col-xs-12">
|
|
|
+ <p class="text-right">{{info.createdate}}</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="col-xs-12" v-if="type=='jobhunting'">
|
|
|
-
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-xs-12">
|
|
|
+ <div class="page-header lead">
|
|
|
+ <strong>找活|</strong>{{info.disstr}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-6" v-if="info.coninfo">
|
|
|
+ <p class="text-left p-username">
|
|
|
+ {{ getusername }}
|
|
|
+ <span v-if="info.coninfo.is_realauth" class="label label-danger isrealauth">已实名</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-6" v-if="info.coninfo">
|
|
|
+ <p class="text-right">{{ info.coninfo.gender }}|{{ info.coninfo.wage }}</p>
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-12">
|
|
|
+ <p class="lead">{{info.info}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-12">
|
|
|
+ <p class="text-left"> <strong>工种：</strong>{{info.worktype}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-12">
|
|
|
+ <p class="text-left"><strong>日工资：</strong>{{getdaysalary}}</p>
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-12">
|
|
|
+ <p class="text-right"><small>{{info.createdate}}</small></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="col-xs-12">
|
|
|
+ <a href="http://www.tjzhonghui.cn:20443/file/apk/app-watercat.apk" class="btn btn-primary btn-lg btn-block" role="button">
|
|
|
+ 下载
|
|
|
+ </a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-else class="col-xs-12">
|
|
|
- <p>{{ error }}</p>
|
|
|
- </div>
|
|
|
- <div class="col-xs-12">
|
|
|
-
|
|
|
+ <p class="lead text-center error-height">{{ error }}</p>
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -75,7 +123,7 @@
|
|
|
infoid:false,
|
|
|
url:'https://app.tjzhxx.cn:10443/index.php',
|
|
|
inventapi:'/index/invent/queryinfobyidforapp',
|
|
|
- jobhuntingapi:'/index/invent/queryinfobyidforapp',
|
|
|
+ jobhuntingapi:'/index/jobhunting/queryinfobyidforapp',
|
|
|
info:false
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -120,39 +168,70 @@
|
|
|
return(false);
|
|
|
},
|
|
|
getinfo(){
|
|
|
+ this.type= this.getQueryVariable('type');
|
|
|
+ this.infoid= this.getQueryVariable('infoid');
|
|
|
var url_use = false;
|
|
|
switch(this.type){
|
|
|
case 'invent':
|
|
|
- url_use = this.url+this.inventapi;
|
|
|
+ url_use = this.url+this.inventapi;
|
|
|
break;
|
|
|
case 'jobhunting':
|
|
|
url_use = this.url+this.jobhuntingapi;
|
|
|
- break;
|
|
|
+ break;
|
|
|
}
|
|
|
+ console.log(url_use);
|
|
|
if(url_use){
|
|
|
var data = {
|
|
|
'id':this.infoid
|
|
|
}
|
|
|
$.post(url_use,data,function(res){
|
|
|
- console.log(res);
|
|
|
if(200===res.code){
|
|
|
app.info = res.data
|
|
|
}else{
|
|
|
+ app.info=false
|
|
|
app.error = res.msg;
|
|
|
}
|
|
|
});
|
|
|
- }else{
|
|
|
-
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
mounted(){
|
|
|
- this.type= this.getQueryVariable('type');
|
|
|
- this.infoid= this.getQueryVariable('infoid');
|
|
|
- console.log(this.type,this.infoid);
|
|
|
- this.getinfo();
|
|
|
+ var browser = {
|
|
|
+ versions: function () {
|
|
|
+ var u = navigator.userAgent, app = navigator.appVersion;
|
|
|
+ return { //移动终端浏览器版本信息
|
|
|
+ trident: u.indexOf('Trident') > -1, //IE内核
|
|
|
+ presto: u.indexOf('Presto') > -1, //opera内核
|
|
|
+ webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
|
|
|
+ gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
|
|
|
+ mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
|
|
|
+ ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
|
|
|
+ android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器
|
|
|
+ iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
|
|
|
+ iPad: u.indexOf('iPad') > -1, //是否iPad
|
|
|
+ webApp: u.indexOf('Safari') == -1, //是否ios web应该程序，没有头部与底部
|
|
|
+ androidbrowser:u.indexOf('Browser') > -1, //android移动端浏览器
|
|
|
+ iosbrowser:u.indexOf("Safari") > -1 && u.indexOf("Chrome") == -1
|
|
|
+ };
|
|
|
+ }(),
|
|
|
+ language: (navigator.browserLanguage || navigator.language).toLowerCase()
|
|
|
+ }
|
|
|
+ if (browser.versions.mobile) {
|
|
|
+ var ua = navigator.userAgent.toLowerCase();
|
|
|
+ if (ua.match(/MicroMessenger/i) == "micromessenger") {
|
|
|
+ this.error="使用浏览器打开"
|
|
|
+ }
|
|
|
+ if (ua.match(/WeiBo/i) == "weibo") {
|
|
|
+ this.error="使用浏览器打开"
|
|
|
+ }
|
|
|
+ if (ua.match(/QQ/i) == "qq") {
|
|
|
+ this.error="使用浏览器打开"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.getinfo();
|
|
|
}
|
|
|
})
|
|
|
+
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|
