保安服务企业管理
parent: a1a0a194 | patch | commit | ignore whitespace
钟日健
2022-02-08 2c461eb9efb980d55dfd7407ee70088fc90a4a7a 
保安员详情修改
1 files modified
1 files added
246 ■■■■■ changed files
public/securityInfo copy.html 242 ●●●●● patch | view | raw | blame | history
src/views/securityGuard/securityGuardDetail.vue 4 ●●●●● patch | view | raw | blame | history 
 public/securityInfo copy.html


New file


@@ -0,0 +1,242 @@


<!DOCTYPE html>


<html lang="en">


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




<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); */


            /* 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%;


            margin-top: 15px;


            /* height: 224px; */


            /* background-color: aquamarine; */


            /* background: #0BB9C8; */


            /* fallback for old browsers */


            /* background: -webkit-linear-gradient(to left, #0BB9C8, #0cd9e7, #0cd9e7, #0BB9C8); */


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


            /* background: linear-gradient(to left, #0BB9C8, #0cd9e7, #0cd9e7, #0BB9C8); */


            /* 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: 98%;


            height: 140px;


            border-radius: 1px;


        }


        


        .avatar img {


            width: 100%;


            height: 100%;


            border-radius: 3px;


        }


        


        .realName {


            margin-top: 15px;


            font-size: 2rem;


            letter-spacing: 1px;


            color: #fff;


        }


        


        .content {


            /* margin: 5px 0; */


            /* padding: 5px; */


            width: 95%;


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


            /* border-radius: 5px; */


            display: flex;


            flex-direction: column;


        }


        


        .row-content {


            width: 100%;


            height: 3.2rem;


            /* background-color: seashell; */


            display: flex;


            align-items: center;


            /* justify-content: center; */


            color: #939393;


            margin: 0 auto;


            border-bottom: 1px solid rgba(220, 220, 220, 0.4);


        }


        


        .row-contents {


            width: 100%;


            height: 3.2rem;


            /* background-color: seashell; */


            display: flex;


            align-items: center;


            /* justify-content: center; */


            color: #939393;


            margin: 0 auto;


        }


        


        .title {


            margin-left: 4%;


            display: inline-block;


            width: 30%;


            min-width: 80px;


            font-size: 0.9rem;


            font-weight: 550;


        }


        


        .content-data {


            position: absolute;


            right: 1.8rem;


            font-size: 0.95rem;


        }


        .content-data-red {


            color:red;


        }


    </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="avatar">


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


            </div>


            <div class="realName">


                <span>張三</span>


            </div>


        </div>


        <div class="content">


            <div class="row-content">


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


                <span>&nbsp;&nbsp;&nbsp;&nbsp;张三</span>


            </div>


            <div class="row-content">


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


                <span>&nbsp;&nbsp;&nbsp;&nbsp;南昌市保安服务公司</span>


            </div>


        </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");






        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=赣洪202115423').then(function(res) {




            var data = res.data;


            // console.log(data, 456);


            //计算生日


            var birthday = data.cardid.substring(6, 10) + "." + data.cardid.substring(10, 12) + "." + data.cardid.substring(12, 14);




            //计算发证机关


            var fzjg = "";


            if (data.securitynumber.indexOf("赣") != -1) {


                fzjg = "南昌市公安局"


            }




            var classRed = ""


            //是否吊classRed销


            if(data.examinationType=="1"){


                classRed = "content-data-red";


                data.securitynumber = "已吊销";


            }


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


            <div class="avatar">


                <img src="img/securityInfo/security.png">


            </div>


        </div>


        <div class="content">


            <div class="row-content">


                <span class="title">姓名:</span>


                <span class="content-data">&nbsp;&nbsp;&nbsp;&nbsp;${data.realName}</span>


            </div>




            <div class="row-content">


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


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


            </div>




            <div class="row-content">


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


                <span class="content-data">&nbsp;&nbsp;&nbsp;&nbsp;${data.phone}</span>


            </div>


            <div class="row-content">


                <span class="title">身份证号:</span>


                <span class="content-data">&nbsp;&nbsp;&nbsp;&nbsp;${data.cardid}</span>


            </div>


            <div class="row-content">


                <span class="title">出身日期:</span>


                <span class="content-data">&nbsp;&nbsp;&nbsp;&nbsp;${birthday}</span>


            </div>




            <div class="row-content">


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


                <span class="content-data">&nbsp;&nbsp;&nbsp;&nbsp;${data.age}</span>


            </div>




            <div class="row-content">


                <span class="title">发证机关:</span>


                <span class="content-data">&nbsp;&nbsp;&nbsp;&nbsp;${fzjg}</span>


            </div>




            <div class="row-content">


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


                <span class="content-data ${classRed}">&nbsp;&nbsp;&nbsp;&nbsp;${data.securitynumber}</span>


            </div>




            <div class="row-content">


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


                <span class="content-data">&nbsp;&nbsp;&nbsp;&nbsp;${data.deptName}</span>


            </div>




            


            // <div class="row-content">


            //     <span class="title">派遣单位名称:</span>


            //     <span class="content-data">&nbsp;&nbsp;&nbsp;&nbsp;${data.dispatchUnitName}</span>


            // </div>


            // <div class="row-content">


            //     <span class="title">派遣开始时间:</span>


            //     <span class="content-data">&nbsp;&nbsp;&nbsp;&nbsp;${data.dispatchStartTime}</span>


            // </div>


            // <div class="row-contents">


            //     <span class="title">派遣结束时间:</span>


            //     <span class="content-data">&nbsp;&nbsp;&nbsp;&nbsp;${data.dispatchEndTime}</span>


            // </div>




        </div>`




            var dom = $('.securityInfo');


            dom.empty();


            dom.append(str);


        });


    </script>


</body>




</html>




 src/views/securityGuard/securityGuardDetail.vue


@@ -72,7 +72,7 @@


        </div>


      </div> -->


            <baoanz :data="obj0"


                    v-if="hold == 1"></baoanz>


                    v-if="hold == 1 || hold == 3"></baoanz>


            <div v-else


                 style="width: 100%; text-align: center; padding-top: 20px">


                无上岗证


@@ -80,7 +80,7 @@


        </span>


        <span v-else-if="typeTABS.prop === 'tab5'">


            <securityCertificate :data="obj0"


                                 v-if="hold == 1"></securityCertificate>


                                 v-if="hold == 1 || hold == 3"></securityCertificate>


            <div v-else


                 style="width: 100%; text-align: center; padding-top: 20px">


                无保安员证