safecheck-client 3.0.34-86 → 3.0.34-88

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