apply-clients 3.3.42 → 3.3.46

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.
@@ -0,0 +1,208 @@
1
+ <template>
2
+ <modal :show.sync="show" v-ref:modal backdrop="false">
3
+ <header slot="modal-header" class="modal-header">
4
+ <button type="button" class="close" @click="show = !show"><span class="glyphicon glyphicon-remove"></span></button>
5
+ <h4 class="modal-title" style="text-align: center">高拍仪</h4>
6
+ </header>
7
+ <article slot="modal-body" class="modal-body form-horizontal">
8
+ <div class="form-group" v-if="isusetype">
9
+ <label class="col-sm-2 control-label">文件类型:</label>
10
+ <div class="col-sm-10">
11
+ <input-select
12
+ class="select select_list"
13
+ :value.sync="fusetype"
14
+ v-model="fusetype"
15
+ :options="$appdata.getParam('使用类型')"
16
+ :valueSingle="true"></input-select>
17
+ </div>
18
+ </div>
19
+ <div class="form-group" v-if="isremark">
20
+ <label class="col-sm-2 control-label">文件说明:</label>
21
+ <div class="col-sm-10">
22
+ <input class="form-control input_view" style=""
23
+ v-model="fremarks"
24
+ :value="fremarks"/>
25
+ </div>
26
+ </div>
27
+ <div class="form-group">
28
+ <img id="cam" :src="cameraurl" style="height: 100%;width: 100%">
29
+ </div>
30
+ </article>
31
+ <footer slot="modal-footer" class="modal-footer">
32
+ <button type="button" class="btn btn-primary" @click="photo()">确认</button>
33
+ </footer>
34
+ </modal>
35
+ </template>
36
+
37
+ <script>
38
+ export default {
39
+ title: '高拍仪',
40
+ data () {
41
+ return {
42
+ cameraurl: null,
43
+ fusetype: null,
44
+ fremarks: null
45
+ }
46
+ },
47
+ props: ['show', 'isusetype', 'isremark'],
48
+ methods: {
49
+ // 打开视频
50
+ cam_switch (capID) {
51
+ if (capID === 1) {
52
+ this.cameraurl = 'http://127.0.0.1:38088/video=stream&camidx=0'
53
+ }
54
+ if (capID === 2) {
55
+ this.cameraurl = 'http://127.0.0.1:38088/video=stream&camidx=1'
56
+ }
57
+ },
58
+ async photo () {
59
+ let camidx = 0
60
+ if (this.cameraurl === 'http://127.0.0.1:38088/video=stream&camidx=0') {
61
+ camidx = 0
62
+ } else if (this.cameraurl === 'http://127.0.0.1:38088/video=stream&camidx=1') {
63
+ camidx = 1
64
+ } else {
65
+ this.$showAlert('请先打开视频', 'warning', 2000)
66
+ return
67
+ }
68
+ let param = {
69
+ camidx: camidx
70
+ }
71
+ let res = await this.$resetpost(
72
+ 'http://127.0.0.1:38088/video=grabimage',
73
+ param,
74
+ {warnMsg: null, resolveMsg: null}
75
+ )
76
+ if (res.data.code != '0') {
77
+ this.$showAlert(res.data.message, 'warning', 2000)
78
+ return
79
+ }
80
+ this.$dispatch('photo-finish', res.data.photoBase64, this.fusetype, this.fremarks)
81
+ }
82
+ },
83
+ ready () {
84
+ this.cameraurl = 'http://127.0.0.1:38088/video=stream&camidx=0'
85
+ }
86
+ }
87
+ </script>
88
+
89
+ <style scoped>
90
+ .modal-bk{
91
+ border-radius:18px 0;
92
+ }
93
+ .header{
94
+ background-color: #d8e9f3;
95
+ height: 88px;
96
+ }
97
+ .title{
98
+ position: absolute;
99
+ font-family:PingFang-SC-Bold;
100
+ font-size:36px;
101
+ color: #666666;
102
+ margin-top: 32px;
103
+ margin-left: 300px;
104
+ margin-bottom: 0px;
105
+ }
106
+ .operation{
107
+ font-family:PingFang-SC-Medium;
108
+ font-size: 22px;
109
+ color:#666666;
110
+ line-height: 5px;
111
+ }
112
+ .operation-group{
113
+ margin-left: 36px;
114
+ margin-top: 20px;
115
+ }
116
+ .photo{
117
+ font-family: PingFang-SC-Medium;
118
+ font-size: 20px;
119
+ color: #ffffff;
120
+ margin-left: 20px;
121
+ border-radius: 4px;
122
+ background-color: #2fadf5;
123
+ height: 32px;
124
+ width: 92px;
125
+ line-height:12px;
126
+ }
127
+ .readIDCard{
128
+ font-family: PingFang-SC-Medium;
129
+ font-size: 20px;
130
+ color: #ffffff;
131
+ border-radius: 4px;
132
+ background-color: #2fadf5;
133
+ margin-left: 20px;
134
+ width: 120px;
135
+ height: 32px;
136
+ line-height: 12px;
137
+ }
138
+ .stop{
139
+ border-radius: 4px;
140
+ border: 1px solid #2fadf5;
141
+ font-family: PingFang-SC-Medium;
142
+ font-size: 20px;
143
+ color: #2fadf5;
144
+ width: 120px;
145
+ height: 32px;
146
+ line-height: 12px;
147
+ }
148
+ .showInfo{
149
+ float: left;
150
+ width: 640px;
151
+ display: inline-block;
152
+ margin-top: 20px;
153
+ margin-left: 36px;
154
+ }
155
+ #Console{
156
+ margin-left: 18px;
157
+ border-radius: 4px;
158
+ border: 1px solid #b5b5b5;
159
+ height:300px;
160
+ width:322px;
161
+ resize:none;
162
+ background-color: #f6f6f6;
163
+ }
164
+ .img{
165
+ height:300px;
166
+ width:300px;
167
+ float: left;
168
+ border-radius: 4px;
169
+ border: 1px solid #b5b5b5;
170
+ }
171
+ #cam{
172
+ border-radius: 4px;
173
+ border:1px solid #b5b5b5;
174
+ display: inline-block
175
+ }
176
+ .IdCard{
177
+ height: 950px;
178
+ width: 692px;
179
+ display: inline-block;
180
+ border-radius: 20px;
181
+ background-color: #fafafa;
182
+ border: 1px solid #d8f1ff;
183
+ margin-left: 40px;
184
+ margin-top: 20px;
185
+ }
186
+ .IdInput{
187
+ border-radius: 4px;
188
+ border: 1px solid #939393;
189
+ width: 400px;
190
+ height: 38px;
191
+ margin-left: 20px;
192
+ }
193
+ .IdInputDiv{
194
+ margin-top: 20px;
195
+ margin-left: 100px;
196
+ }
197
+ .IdHint{
198
+ font-family: PingFang-SC-Medium;
199
+ font-size: 18px;
200
+ color: #7e7c81;
201
+ }
202
+ #PhotoBuffer,#PhotoDisplay{
203
+ border-radius: 4px;
204
+ background-color: #ffffff;
205
+ border: 1px solid #939393;
206
+ margin-left: 20px;
207
+ }
208
+ </style>