master

分支 (1)

管理

管理

master

HuaTeng
/
page_joinus_en.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Talent recruitment - Beijing Huateng rubber and plastic latex products Co., Ltd</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/all.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="flex-container joinus">
        #include('inc/top_en.html')
        <div class="container-fluid">
            <div class="intobg"></div>
        </div>

        <div class="container text-center pb-2">
            <h2 class="product-title" style="margin-top: 20px;margin-bottom: 12px;">Recruitment</h2>
            <!--<p class="product-subtitle">人才招聘</p>-->
        </div>
        <div class="container-fluid eq-bg">

            <div id="app">


            <div class="container pt-4 mb-5">

                <div class="row joblist" v-for="entry in list">
                    <div class="col-3">
                        <span class="img">
                            <img v-bind:src="entry.lcon_url">
                        </span>
                        <p class="title">{{ entry.position_type }}</p>
                        <p class="content">
                            Position type：{{ entry.position_type }}<br>
                            Release time：{{ entry.release_time }}<br>
                            Effective date：{{ entry.effective_date }}<br>
                            Basic Requirements：{{ entry.basic_requirements }}<br>
                            Workplace：{{ entry.working_place }}
                        </p>
                    </div>
                    <div class="col-9">
                        <span class="title">Job description：</span>
                        <p>{{ entry.job_description }}</p>
                        <p>
                        Registration method：{{ entry.registration_method }}<br>
                        Working address：{{ entry.work_address }}
                        </p>
                    </div>
                </div>
                <div style="margin: 6rem auto 1rem;width: 90%;text-align: center;">
                    <a href="javascript:next()" class="btn btn-outline-primary">Load more<i class="fas fa-plus-square"></i></a>
                </div>
            </div>

            </div>

        </div>
    </div>
    <!--bottom-->
    #include('inc/footer_en.html')

    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/vue.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>

        var page = 1;
        var pageMax;

        function next(){
            page++;
            getdata(page);
        }

        var app = new Vue({
          el: '#app',
          data: {
              list:[]
          }
        });


        function getdata(p){
            var url = "/recruit2/getJson";
               pm = {
                    page:p,
                    language:'en',
                    pageSize:6

                }


            if(pageMax!="" && page > pageMax){
                alert("No more data!")
                return;
            }

            $.post(url,pm,function(e){
                console.log(e);
                pageMax = e.totalRow;

                for(var i in e.list){
                    app.list.push(e.list[i]);
                }

            });
        }

        getdata(1);
    </script>
</body>

</html>