php_group
/
watercat_website


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>水猫工匠</title>
    <link rel="icon" href="__TMPL__/public/assets/images/favicon.png" type="image/png">
    <link href="__TMPL__/public/assets/simpleboot3/themes/simpleboot3/bootstrap.min.css" rel="stylesheet">
    <link href="__TMPL__/public/assets/simpleboot3/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="__TMPL__/public/assets/js/jquery-1.10.2.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
    <style>
        .main_div{
        }
        #app{
            margin-top:  0em;
        }
        .isrealauth{
            font-size: 8px;
        }
        .error-height{
            height: 200px;
            line-height: 200px;
        }
        .p-username{
            display: flex;
            align-items: center;
        }
        #baiduqrcode canvas{
            margin:0 auto;
            width: 100%;
        }
        .qrcodelist .item{
            padding: 1em;
        }
    </style>
</head>
<body>
    <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">
                                <div class="page-header lead">
                                    <strong>招工|</strong>{{info.disstr}}
                                </div>
                            </div>
                            <div class="col-me-6 col-xs-12" v-if="info.coninfo">
                                <p class="text-left p-username"> 
                                   {{ getusername }}&nbsp;
                                   <span v-if="info.coninfo.is_realauth" class="label label-danger isrealauth">已实名</span>
                                </p>
                            </div>
                            <div class="col-me-6 col-xs-12" v-if="info.coninfo">
                                <p class="">{{ 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>
                                    <strong>地址：</strong>
                                    <div>{{info.city}}{{info.disc}}{{info.town}}</div>
                                    <div>{{info.address}}</div>
                                </p>
                            </div>
                            <div class="col-xs-12">
                               <p> <strong>工种：</strong>{{info.worktype}}</p>
                            </div>
                            <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 }}&nbsp;&nbsp;
                                   <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 class="col-xs-12 qrcodelist">
                        <div class="col-md-offset-3 col-md-6 col-xs-12 item">
                            <div id="baiduqrcode"></div>
                            <p class="text-center">百度手机助手下载地址</p>
                        </div> 
                    </div>
                   
                </div>
                <div v-else class="col-xs-12">
                    <p  class="lead text-center error-height">{{ error }}</p>
                </div>
                
            </div>
        </div>
      </div>
      <script>
          var app = new Vue({
              el:'#app',
              data:{
                error:false,
                type:false,
                infoid:false,
                url:'https://app.tjzhxx.cn:10443/index.php',
                inventapi:'/index/invent/queryinfobyidforapp',
                jobhuntingapi:'/index/jobhunting/queryinfobyidforapp',
                info:false
              },
              computed: {
                    getusername: function () {
                        if(this.info){
                            const wname = this.info.coninfo.wname;
                            var firststr = wname.substr(0,1);
                            switch(this.type){
                            case 'invent':
                            firststr+="老板";
                            break;
                            case 'jobhunting':
                            firststr+="XX";
                            break;
                            }
                            return firststr;
                        }else{
                            return "";
                        }
                    },
                    getdaysalary:function(){
                        if(this.info){
                            if(this.info.daysalary>0){
                                return this.info.daysalary;
                            }else{
                                return "面议";
                            }
                        }else{
                            return "";
                        }
                    }
                },
              methods:{
                getQueryVariable(variable)
                {
                    var query = window.location.search.substring(1);
                    var vars = query.split("&");
                    for (var i=0;i<vars.length;i++) {
                            var pair = vars[i].split("=");
                            if(pair[0] == variable){return pair[1];}
                    }
                    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; 
                        break;
                        case 'jobhunting':
                        url_use = this.url+this.jobhuntingapi;
                        break;
                    }
                    if(url_use){
                        var data = {
                            'id':this.infoid
                        }
                        $.post(url_use,data,function(res){
                            res =JSON.parse(res);
                            if(200===res.code){
                                app.info = res.data
                            }else{
                                app.info=false
                                app.error = res.msg;
                            }
                        });
                    }
                },
                getqrcode(){
                    var baiduUrl='https://mobile.baidu.com/item?docid=30633471&f0=search_suggestContent%400_appBaseNormal%400';
                    $('#baiduqrcode').qrcode(baiduUrl);
                }
              },
              mounted(){
                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();
              },
              updated: function () {
                this.$nextTick(function () {
                    this.getqrcode()
                })
              }
          })
           
      </script>
</body>
</html>