parent: eca820be | patch | commit | ignore whitespace
shuishen
2021-09-01 265dbc8214888d39a412c9932ace50b244393b3b 
个人资料详情样式及其他修改
1 files modified
253 ■■■■■ changed files
public/securityInfo.html 253 ●●●●● patch | view | raw | blame | history 
 public/securityInfo.html


@@ -3,82 +3,102 @@


<!-- 保安員信息 -->




<head>


    <meta charset="UTF-8">


    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <style>


        .securityInfo {


            color: #000;


            display: flex;


            align-items: center;


            justify-content: center;


            flex-direction: column;


            background-color: rgba(42, 66, 110, 0.8);


            width: 100%;


            height: 100%;


        }


        


        .top {


            width: 100%;


            height: 250px;


            background-color: aquamarine;


            display: flex;


            align-items: center;


            justify-content: center;


            flex-direction: column;


        }


        


        .avatar {


            width: 80px;


            height: 80px;


            border-radius: 50px;


        }


        


        .avatar img {


            width: 100%;


            height: 100%;


            border-radius: 50px;


        }


        


        .realName {


            margin-top: 15px;


            font-size: 16px;


            letter-spacing: 1px;


        }


        


        .content {


            margin-top: 5px;


            width: 90%;


            height: 500px;


            background-color: rgba(74, 66, 98, 0.8);


            border-radius: 5px;


            display: flex;


            flex-direction: column;


        }


        


        .row-content {


            width: 100%;


            height: 60px;


            /* background-color: seashell; */


            display: flex;


            align-items: center;


            /* justify-content: center; */


            color: #fff;


            margin: 0 auto;


            border-bottom: 1px solid rgba(255, 255, 255, 0.5);


        }


        


        .title {


            margin-left: 7%;


        }


    </style>


    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>


    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>


  <meta charset="UTF-8">


  <meta name="viewport" content="width=device-width, initial-scale=1.0">


  <style>


    .securityInfo {


      color: #000;


      display: flex;


      align-items: center;


      justify-content: center;


      flex-direction: column;


      /* background-color: rgba(42, 66, 110, 0.8); */


      background: #0ED2F7;


      /* fallback for old browsers */


      background: -webkit-linear-gradient(to left, #B2FEFA, #0ED2F7);


      /* Chrome 10-25, Safari 5.1-6 */


      background: linear-gradient(to left, #B2FEFA, #0ED2F7);


      /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */




      width: 100%;


      height: 100%;


    }




    .top {


      width: 100%;


      height: 224px;


      /* background-color: aquamarine; */




      background: #00d2ff;


      /* fallback for old browsers */


      background: -webkit-linear-gradient(to left, #00d2ff, #13b0ee, #13b0ee, #00d2ff);


      /* Chrome 10-25, Safari 5.1-6 */


      background: linear-gradient(to left, #00d2ff, #13b0ee, #13b0ee, #00d2ff);


      /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */






      display: flex;


      align-items: center;


      justify-content: center;


      flex-direction: column;


    }




    .avatar {


      width: 80px;


      height: 80px;


      border-radius: 50px;


    }




    .avatar img {


      width: 100%;


      height: 100%;


      border-radius: 50px;


    }




    .realName {


      margin-top: 15px;


      font-size: 16px;


      letter-spacing: 1px;


      color: #fff;


    }




    .content {


      margin-top: 5px;


      width: 90%;


      height: 500px;


      background-color: rgba(65, 64, 66, 0.1);


      border-radius: 5px;


      display: flex;


      flex-direction: column;


    }




    .row-content {


      width: 100%;


      height: 60px;


      /* background-color: seashell; */


      display: flex;


      align-items: center;


      /* justify-content: center; */


      color: #fff;


      margin: 0 auto;


      border-bottom: 1px solid rgba(255, 255, 255, 0.5);


    }




    .title {


      margin-left: 6%;


      display: inline-block;


      width: 26%;


      min-width: 80px;


    }


  </style>


  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>


  <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>


</head>






<body>


    <div class="securityInfo">


        <!-- <div class="top">


  <div class="securityInfo">


    <!-- <div class="top">


            <div class="avatar">


                <img src="./img/bazbj.png">


            </div>


@@ -110,31 +130,31 @@






        </div> -->


    </div>


    <script>


        var getData = function(name) {


            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");


            var r = window.location.search.substr(1).match(reg);


            if (r != null) return decodeURI(r[2]);


            return null;


        };


        var securityNumber = getData("securityNumber");


        // var realName = getData("realName");


        // var age = getData("age");


        // var sex = getData("sex");


        // var deptName = getData("deptName");


        // var avatar = getData("avatar");


        // alert(securityNumber);


  </div>


  <script>


    var getData = function (name) {


      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");


      var r = window.location.search.substr(1).match(reg);


      if (r != null) return decodeURI(r[2]);


      return null;


    };


    var securityNumber = getData("securityNumber");


    // var realName = getData("realName");


    // var age = getData("age");


    // var sex = getData("sex");


    // var deptName = getData("deptName");


    // var avatar = getData("avatar");


    // alert(securityNumber);






        axios.get('http://223.82.109.183:2080/api/qrCode/getUserInfo?securityNumber=' + securityNumber).then(function(res) {


            // axios.get('http://localhost:81/qrCode/getUserInfo?securityNumber=' + securityNumber).then(function(res) {


    // axios.get('http://223.82.109.183:2080/api/qrCode/getUserInfo?securityNumber=' + securityNumber).then(function (res) {


      axios.get('http://192.168.0.114:81/qrCode/getUserInfo?securityNumber=赣洪202100008').then(function(res) {




            var data = res.data;


            console.log(data, 456);


      var data = res.data;


      console.log(data, 456);






            var str = `<div class="top">


      var str = `<div class="top">


            <div class="avatar">


                <img src="${data.avatar}">


            </div>


@@ -144,21 +164,40 @@


        </div>


        <div class="content">


            <div class="row-content">


                <span class="title">名称</span>


                <span class="title">名 称</span>


                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.realName}</span>


            </div>




            <div class="row-content">


                <span class="title">性 别</span>


                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.sex == 1 ? '男' : data.sex == 2 ? '女' : ''}</span>


            </div>




            <div class="row-content">


                <span class="title">年 龄</span>


                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.age}</span>


            </div>




            <div class="row-content">


                <span class="title">籍 贯</span></span></span>


                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.nativeplace}</span>


            </div>




            <div class="row-content">


                <span class="title">是否派遣</span></span>


                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.dispatch == 0 ? '已派遣' : '未派遣'}</span>


            </div>




            <div class="row-content">


                <span class="title">联系电话</span>


                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.phone}</span>


            </div>




            <div class="row-content">


                <span class="title">公司名称</span>


                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.deptName}</span>


            </div>


            <div class="row-content">


                <span class="title">性别</span>


                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.sex==1?'男':data.sex==2?'女':''}</span>


            </div>


            <div class="row-content">


                <span class="title">年龄</span>


                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.age}</span>


            </div>




            <div class="row-content">


                <span class="title">保安证编号</span>


                <span>&nbsp;&nbsp;&nbsp;&nbsp;${data.securitynumber}</span>


@@ -167,11 +206,11 @@




        </div>`




            var dom = $('.securityInfo');


            dom.empty();


            dom.append(str);


        });


    </script>


      var dom = $('.securityInfo');


      dom.empty();


      dom.append(str);


    });


  </script>


</body>




</html>


</html>