From 1b3277c4b8c2fb401a1df8c52d0a063f64f07022 Mon Sep 17 00:00:00 2001
From: guoshilong <123456>
Date: Wed, 13 Dec 2023 11:02:37 +0800
Subject: [PATCH] 固定岗、流动岗新增、保安员证信息添加派遣信息
---
public/securityInfo.html | 342 ++++++++++++++++++++++++++++++---------------------------
1 files changed, 180 insertions(+), 162 deletions(-)
diff --git a/public/securityInfo.html b/public/securityInfo.html
index 6ba1686..5f67cc9 100644
--- a/public/securityInfo.html
+++ b/public/securityInfo.html
@@ -3,175 +3,178 @@
<!-- 保安員信息 -->
<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;
- }
+ <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%;
+ }
- .avatar-1{
- position: absolute;
- right:1.8rem;
- top: 40.5rem;
- }
+ .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-1 img{
- width: 7rem;
- }
-
- .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;
- }
+ .avatar {
+ width: 98%;
+ height: 140px;
+ border-radius: 1px;
+ }
- .row-contentss {
- width: 100%;
- height: 3.2rem;
- display: flex;
- align-items: center;
- color: #939393;
- margin-left: 1rem;
- font-weight: 550;
- font-size: 0.9rem;
- }
-
- .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;
- }
+ .avatar img {
+ width: 100%;
+ height: 100%;
+ border-radius: 3px;
+ }
- </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>
+ .avatar-1 {
+ position: absolute;
+ right: 1.8rem;
+ top: 46.5rem;
+ }
+
+ .avatar-1 img {
+ width: 7rem;
+ }
+
+ .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;
+ }
+
+ .row-contentss {
+ width: 100%;
+ height: 3.2rem;
+ display: flex;
+ align-items: center;
+ color: #939393;
+ margin-left: 1rem;
+ font-weight: 550;
+ font-size: 0.9rem;
+ }
+
+ .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>
- <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");
+<div class="securityInfo">
+</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://60.220.177.113:2081/api/qrCode/getUserInfo?securityNumber=' + securityNumber).then(function(res) {
- // axios.get('http://192.168.0.114:81/qrCode/getUserInfo?securityNumber=赣洪202115423').then(function(res) {
+ axios.get('http://60.220.177.113:2081/api/qrCode/getUserInfo?securityNumber=' + securityNumber).then(function (res) {
+ // axios.get('http://192.168.0.104:81/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 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 fzjg = "";
+ // if (data.securitynumber.indexOf("赣") != -1) {
+ // fzjg = "晋城市公安局"
+ // }
+ fzjg = "晋城市公安局"
- var classRed = ""
- //是否吊classRed销
- if(data.examinationType=="1"){
- classRed = "content-data-red";
- data.securitynumber = "已吊销";
- }
- var str = `<div class="top">
+ 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>
@@ -216,6 +219,21 @@
<span class="content-data"> ${data.deptName}</span>
</div>
+ <div class="row-content">
+ <span class="title">派遣单位:</span>
+ <span class="content-data"> ${data.dispatchUnitName}</span>
+ </div>
+
+ <div class="row-content">
+ <span class="title">派遣开始时间:</span>
+ <span class="content-data"> ${data.dispatchStartTime}</span>
+ </div>
+
+ <div class="row-content">
+ <span class="title">派遣结束时间:</span>
+ <span class="content-data"> ${data.dispatchEndTime}</span>
+ </div>
+
<div class="row-contentss">
<span class="title-1">个人照片:</span>
<div class="avatar-1">
@@ -225,11 +243,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