safecheck-client 3.0.35-10 → 3.0.35-12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,136 +1,136 @@
1
- <template>
2
- <div class="work-badge" style="height: 100%">
3
- <div class="badge-top" style="height: 5%">
4
- <div class="badge-number">NO.{{ f_head_code }}</div>
5
- </div>
6
- <div class="badge-middle" style="height: 80%">
7
- <img class="badge-image" :src="f_head_pic" alt="Badge Image">
8
- <h1 class="name">{{ f_head_name }}</h1>
9
- <div class="white-line"></div>
10
- <span class="position">{{ f_head_post }}</span>
11
- </div>
12
- <div class="badge-bottom" style="height: 10%">
13
- <div class="contact">
14
- <img class="phone-icon" src="../../../assets/123.png" style="height: 30px;width: 30px" alt="Phone Icon">
15
- <span style="font-size: 30px;font-style: italic;">{{ f_head_phone }}</span>
16
- </div>
17
- </div>
18
- </div>
19
- </template>
20
- <script>
21
- import {HttpResetClass} from "vue-client";
22
-
23
- export default {
24
- name: 'WorkBadge',
25
- title:'WorkBadge',
26
- data () {
27
- return {
28
- // 默认值或初始状态
29
- f_head_pic: '',
30
- f_head_code: '',
31
- f_head_name: '',
32
- f_head_post: '',
33
- f_head_phone: ''
34
- };
35
- },
36
- async ready () {
37
- console.log(window.location.href)
38
- let id = ''
39
- let url = window.location.href
40
- if (url.includes('id')){
41
- const urlObj = new URL(url);
42
- id = urlObj.searchParams.get('id');
43
- let QRCode = await new HttpResetClass().load('post',`rs/sql/tel_singleTable_OrderBy`,{data: {
44
- items: 'tqr.*,tf.f_downloadpath as url',
45
- tablename: 't_qr_code tqr left join t_files tf on tf.f_businessid = tqr.id and f_table_name = \'t_qr_code\'',
46
- condition: `f_head_code = '${id}'`,
47
- orderitem: '1'
48
- }},{resolveMsg: null,rejectMsg: null})
49
- if (QRCode && QRCode.data && QRCode.data.length > 0){
50
- if (QRCode.data[0].url){
51
- this.f_head_pic = QRCode.data[0].url
52
- }else {
53
- this.f_head_pic = `/rs/image/file/${QRCode.data[0].f_head_pic}`
54
- }
55
- this.f_head_code = QRCode.data[0].f_userhead_code
56
- this.f_head_name = QRCode.data[0].f_head_name
57
- this.f_head_post = QRCode.data[0].f_head_post
58
- this.f_head_phone = QRCode.data[0].f_head_phone
59
- }else {
60
- console.log('获取二维码信息失败')
61
- console.log(QRCode)
62
- }
63
- }
64
- }
65
- };
66
- </script>
67
- <style scoped>
68
- .white-line {
69
- width: 65%;
70
- height: 5px;
71
- background-color: white;
72
- margin: 10px 0 10px 17%;
73
- }
74
- .work-badge {
75
- display: flex;
76
- flex-direction: column;
77
- background-image: url('../../../assets/f8632d3c8c4c1cb68e99da754cab1a7.png');
78
- align-items: center;
79
- background-color: #007BFF;
80
- color: white;
81
- padding: 20px;
82
- }
83
-
84
- .badge-top {
85
- display: flex;
86
- align-items: center;
87
- justify-content: space-between;
88
- width: 100%;
89
- margin-bottom: 2%;
90
- }
91
-
92
- .badge-image {
93
- border: 3px solid #fcfcfc;
94
- width: 80%;
95
- border-radius: 15px;
96
- }
97
-
98
- .badge-number {
99
- font-size: 24px;
100
- float: left;
101
- text-align: left;
102
- font-weight: bold;
103
- }
104
-
105
- .badge-middle {
106
- text-align: center;
107
- margin-bottom: 2%;
108
- }
109
-
110
- .name {
111
- font-size: 50px;
112
- font-weight: bold;
113
- margin-bottom: 10px;
114
- }
115
-
116
- .position {
117
- font-size: 24px;
118
- }
119
-
120
- .badge-bottom {
121
- display: flex;
122
- align-items: center;
123
- justify-content: center;
124
- }
125
-
126
- .contact {
127
- display: flex;
128
- align-items: center;
129
- }
130
-
131
- .phone-icon {
132
- width: 30px;
133
- height: 30px;
134
- margin-right: 10px;
135
- }
136
- </style>
1
+ <template>
2
+ <div class="work-badge" style="height: 100%">
3
+ <div class="badge-top" style="height: 5%">
4
+ <div class="badge-number">NO.{{ f_head_code }}</div>
5
+ </div>
6
+ <div class="badge-middle" style="height: 80%">
7
+ <img class="badge-image" :src="f_head_pic" alt="Badge Image">
8
+ <h1 class="name">{{ f_head_name }}</h1>
9
+ <div class="white-line"></div>
10
+ <span class="position">{{ f_head_post }}</span>
11
+ </div>
12
+ <div class="badge-bottom" style="height: 10%">
13
+ <div class="contact">
14
+ <img class="phone-icon" src="../../../assets/123.png" style="height: 30px;width: 30px" alt="Phone Icon">
15
+ <span style="font-size: 30px;font-style: italic;">{{ f_head_phone }}</span>
16
+ </div>
17
+ </div>
18
+ </div>
19
+ </template>
20
+ <script>
21
+ import {HttpResetClass} from "vue-client";
22
+
23
+ export default {
24
+ name: 'WorkBadge',
25
+ title:'WorkBadge',
26
+ data () {
27
+ return {
28
+ // 默认值或初始状态
29
+ f_head_pic: '',
30
+ f_head_code: '',
31
+ f_head_name: '',
32
+ f_head_post: '',
33
+ f_head_phone: ''
34
+ };
35
+ },
36
+ async ready () {
37
+ console.log(window.location.href)
38
+ let id = ''
39
+ let url = window.location.href
40
+ if (url.includes('id')){
41
+ const urlObj = new URL(url);
42
+ id = urlObj.searchParams.get('id');
43
+ let QRCode = await new HttpResetClass().load('post',`rs/sql/tel_singleTable_OrderBy`,{data: {
44
+ items: 'tqr.*,tf.f_downloadpath as url',
45
+ tablename: 't_qr_code tqr left join t_files tf on tf.f_businessid = tqr.id and f_table_name = \'t_qr_code\'',
46
+ condition: `f_head_code = '${id}'`,
47
+ orderitem: '1'
48
+ }},{resolveMsg: null,rejectMsg: null})
49
+ if (QRCode && QRCode.data && QRCode.data.length > 0){
50
+ if (QRCode.data[0].url){
51
+ this.f_head_pic = QRCode.data[0].url
52
+ }else {
53
+ this.f_head_pic = `/rs/image/file/${QRCode.data[0].f_head_pic}`
54
+ }
55
+ this.f_head_code = QRCode.data[0].f_userhead_code
56
+ this.f_head_name = QRCode.data[0].f_head_name
57
+ this.f_head_post = QRCode.data[0].f_head_post
58
+ this.f_head_phone = QRCode.data[0].f_head_phone
59
+ }else {
60
+ console.log('获取二维码信息失败')
61
+ console.log(QRCode)
62
+ }
63
+ }
64
+ }
65
+ };
66
+ </script>
67
+ <style scoped>
68
+ .white-line {
69
+ width: 65%;
70
+ height: 5px;
71
+ background-color: white;
72
+ margin: 10px 0 10px 17%;
73
+ }
74
+ .work-badge {
75
+ display: flex;
76
+ flex-direction: column;
77
+ background-image: url('../../../assets/f8632d3c8c4c1cb68e99da754cab1a7.png');
78
+ align-items: center;
79
+ background-color: #007BFF;
80
+ color: white;
81
+ padding: 20px;
82
+ }
83
+
84
+ .badge-top {
85
+ display: flex;
86
+ align-items: center;
87
+ justify-content: space-between;
88
+ width: 100%;
89
+ margin-bottom: 2%;
90
+ }
91
+
92
+ .badge-image {
93
+ border: 3px solid #fcfcfc;
94
+ width: 80%;
95
+ border-radius: 15px;
96
+ }
97
+
98
+ .badge-number {
99
+ font-size: 24px;
100
+ float: left;
101
+ text-align: left;
102
+ font-weight: bold;
103
+ }
104
+
105
+ .badge-middle {
106
+ text-align: center;
107
+ margin-bottom: 2%;
108
+ }
109
+
110
+ .name {
111
+ font-size: 50px;
112
+ font-weight: bold;
113
+ margin-bottom: 10px;
114
+ }
115
+
116
+ .position {
117
+ font-size: 24px;
118
+ }
119
+
120
+ .badge-bottom {
121
+ display: flex;
122
+ align-items: center;
123
+ justify-content: center;
124
+ }
125
+
126
+ .contact {
127
+ display: flex;
128
+ align-items: center;
129
+ }
130
+
131
+ .phone-icon {
132
+ width: 30px;
133
+ height: 30px;
134
+ margin-right: 10px;
135
+ }
136
+ </style>