From e53c635fbe5ba2f3925b0052e60e24c2f68e88d6 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Wed, 01 Sep 2021 11:29:03 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/zhba_enterprises
---
public/securityInfo.html | 253 +++++++++++++++++++++++++++++---------------------
1 files changed, 146 insertions(+), 107 deletions(-)
diff --git a/public/securityInfo.html b/public/securityInfo.html
index 1ad24ea..959d4a6 100644
--- a/public/securityInfo.html
+++ b/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> ${data.realName}</span>
</div>
+
+ <div class="row-content">
+ <span class="title">性 别</span>
+ <span> ${data.sex == 1 ? '男' : data.sex == 2 ? '女' : ''}</span>
+ </div>
+
+ <div class="row-content">
+ <span class="title">年 龄</span>
+ <span> ${data.age}</span>
+ </div>
+
+ <div class="row-content">
+ <span class="title">籍 贯</span></span></span>
+ <span> ${data.nativeplace}</span>
+ </div>
+
+ <div class="row-content">
+ <span class="title">是否派遣</span></span>
+ <span> ${data.dispatch == 0 ? '已派遣' : '未派遣'}</span>
+ </div>
+
+ <div class="row-content">
+ <span class="title">联系电话</span>
+ <span> ${data.phone}</span>
+ </div>
+
<div class="row-content">
<span class="title">公司名称</span>
<span> ${data.deptName}</span>
</div>
- <div class="row-content">
- <span class="title">性别</span>
- <span> ${data.sex==1?'男':data.sex==2?'女':''}</span>
- </div>
- <div class="row-content">
- <span class="title">年龄</span>
- <span> ${data.age}</span>
- </div>
+
<div class="row-content">
<span class="title">保安证编号</span>
<span> ${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>
\ No newline at end of file
+</html>
--
Gitblit v1.9.3