style:捷宇高拍仪
Showing
11 changed files
with
102 additions
and
19 deletions
... | @@ -40,5 +40,8 @@ import { popupDialog,popupCacel} from "@/utils/popup.js"; | ... | @@ -40,5 +40,8 @@ import { popupDialog,popupCacel} from "@/utils/popup.js"; |
40 | popupDialog(title, "xxxx", data); | 40 | popupDialog(title, "xxxx", data); |
41 | popupCacel() 可以关闭弹框 | 41 | popupCacel() 可以关闭弹框 |
42 | 42 | ||
43 | <!-- 高拍仪类型 --> | ||
44 | <!-- lt:良田 jy:捷宇 --> | ||
45 | |||
43 | 46 | ||
44 | 47 | ... | ... |
... | @@ -2,5 +2,6 @@ | ... | @@ -2,5 +2,6 @@ |
2 | "TITLE": "不动产登记系统", | 2 | "TITLE": "不动产登记系统", |
3 | "SERVERAPI": "/bdcdj", | 3 | "SERVERAPI": "/bdcdj", |
4 | "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0", | 4 | "IDCARDURL": "http://127.0.0.1:33088/function=get_idcard&readnew=0", |
5 | "adapter": "dysqs-630222" | 5 | "adapter": "dysqs-630222", |
6 | "gaopaiyi": "jy" | ||
6 | } | 7 | } |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
... | @@ -66,7 +66,6 @@ export function judgeSort (arr) { | ... | @@ -66,7 +66,6 @@ export function judgeSort (arr) { |
66 | } | 66 | } |
67 | return arr | 67 | return arr |
68 | } | 68 | } |
69 | // 上下移动 | ||
70 | /** | 69 | /** |
71 | * @description: 上下移动 | 70 | * @description: 上下移动 |
72 | * @param {*} bsmDict | 71 | * @param {*} bsmDict |
... | @@ -98,7 +97,6 @@ export function realMove (bsmDict, operate, data) { | ... | @@ -98,7 +97,6 @@ export function realMove (bsmDict, operate, data) { |
98 | } | 97 | } |
99 | data = judgeSort(changeSort(data, bsmDict)); | 98 | data = judgeSort(changeSort(data, bsmDict)); |
100 | } | 99 | } |
101 | // 获取所有父节点 | ||
102 | /** | 100 | /** |
103 | * @description: 获取所有父节点 | 101 | * @description: 获取所有父节点 |
104 | * @param {*} treeData | 102 | * @param {*} treeData | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-11-14 13:25:36 | 4 | * @LastEditTime: 2023-12-13 13:44:24 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -12,7 +12,8 @@ | ... | @@ -12,7 +12,8 @@ |
12 | <i class="el-icon-arrow-right"></i> | 12 | <i class="el-icon-arrow-right"></i> |
13 | </div> | 13 | </div> |
14 | <div class="img-list-wrap" v-Loading="loading"> | 14 | <div class="img-list-wrap" v-Loading="loading"> |
15 | <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪"> | 15 | <img id="photo" src="" v-show="isScan && this.BASE_API.gaopaiyi=='jy'" alt="高拍仪捷宇"> |
16 | <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan && this.BASE_API.gaopaiyi=='lt'" alt="高拍仪良田"> | ||
16 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> | 17 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> |
17 | <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" | 18 | <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" |
18 | overlayStyle="width: 100%;height:100%"> | 19 | overlayStyle="width: 100%;height:100%"> |
... | @@ -89,6 +90,7 @@ | ... | @@ -89,6 +90,7 @@ |
89 | showViewer: false, | 90 | showViewer: false, |
90 | initialIndex: 0, | 91 | initialIndex: 0, |
91 | allLi: [], | 92 | allLi: [], |
93 | webSocket: null | ||
92 | } | 94 | } |
93 | }, | 95 | }, |
94 | watch: { | 96 | watch: { |
... | @@ -107,9 +109,37 @@ | ... | @@ -107,9 +109,37 @@ |
107 | } | 109 | } |
108 | }, | 110 | }, |
109 | created () { | 111 | created () { |
112 | let that = this | ||
110 | this.maxLength = 0; | 113 | this.maxLength = 0; |
111 | this.allLi = _.cloneDeep(this.previewImg.imgList).map(item => item.fjurl) | 114 | this.allLi = _.cloneDeep(this.previewImg.imgList).map(item => item.fjurl) |
112 | this.thumbnailImages = this.previewImg.imgList | 115 | this.thumbnailImages = this.previewImg.imgList |
116 | if (this.BASE_API.gaopaiyi == 'jy') { | ||
117 | this.webSocket = new WebSocket('ws://localhost:1818'); | ||
118 | this.webSocket.onmessage = function (event) { | ||
119 | let begin_data = "data:image/jpeg;base64,"; | ||
120 | document.getElementById('photo').src = begin_data + event.data; | ||
121 | if (event.data.indexOf('BeginsGetBase64') >= 0) { | ||
122 | let blob = that.dataURLtoBlob('data:image/png;base64,' + event.data.replace('BeginsGetBase64', '').replace('EndsGetBase64', '')); | ||
123 | let file = that.blobToFile(blob); | ||
124 | var formData = new FormData(); | ||
125 | formData.append('file', file) | ||
126 | formData.append("bsmSj", that.previewImg.bsmSj); | ||
127 | formData.append("bsmSlsq", that.previewImg.bsmSlsq); | ||
128 | if (that.previewImg.imgList.length > 0) { | ||
129 | formData.append("ssBsmClmx", that.previewImg.imgList[that.previewImg.index].bsmClmx); | ||
130 | } | ||
131 | uploadSjClmx(formData).then((res) => { | ||
132 | if (res.code == 200) { | ||
133 | that.$emit('updateList', { children: res.result, bsmSj: that.previewImg.bsmSj }) | ||
134 | that.$message({ | ||
135 | message: '上传成功!', | ||
136 | type: 'success' | ||
137 | }) | ||
138 | } | ||
139 | }) | ||
140 | } | ||
141 | } | ||
142 | } | ||
113 | }, | 143 | }, |
114 | computed: { | 144 | computed: { |
115 | isFirst () { | 145 | isFirst () { |
... | @@ -164,8 +194,7 @@ | ... | @@ -164,8 +194,7 @@ |
164 | * @description: 拍照 | 194 | * @description: 拍照 |
165 | * @author: renchao | 195 | * @author: renchao |
166 | */ | 196 | */ |
167 | handleViewScan () { | 197 | dataURLtoBlob (base64String) { |
168 | function dataURLtoBlob (base64String) { | ||
169 | const arr = base64String.split(','); | 198 | const arr = base64String.split(','); |
170 | if (arr.length !== 2) { | 199 | if (arr.length !== 2) { |
171 | throw new Error('Invalid Base64 format'); | 200 | throw new Error('Invalid Base64 format'); |
... | @@ -181,15 +210,20 @@ | ... | @@ -181,15 +210,20 @@ |
181 | u8arr[i] = bstr.charCodeAt(i); | 210 | u8arr[i] = bstr.charCodeAt(i); |
182 | } | 211 | } |
183 | return new Blob([u8arr], { type: mime }); | 212 | return new Blob([u8arr], { type: mime }); |
184 | } | 213 | }, |
185 | function blobToFile (blob) { | 214 | blobToFile (blob) { |
186 | let name = getUuid(8) + '.jpg' | 215 | let name = getUuid(8) + '.jpg' |
187 | const file = new File([blob], name); | 216 | const file = new File([blob], name); |
188 | return file; | 217 | return file; |
218 | }, | ||
219 | handleViewScan () { | ||
220 | if (this.BASE_API.gaopaiyi == 'jy') { | ||
221 | this.webSocket.send('sGetBase64'); | ||
222 | return | ||
189 | } | 223 | } |
190 | getAltimeterInfo().then(res => { | 224 | getAltimeterInfo().then(res => { |
191 | let blob = dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64); | 225 | let blob = this.dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64); |
192 | let file = blobToFile(blob); | 226 | let file = this.blobToFile(blob); |
193 | var formData = new FormData(); | 227 | var formData = new FormData(); |
194 | formData.append('file', file) | 228 | formData.append('file', file) |
195 | formData.append("bsmSj", this.previewImg.bsmSj); | 229 | formData.append("bsmSj", this.previewImg.bsmSj); | ... | ... |
... | @@ -46,6 +46,7 @@ | ... | @@ -46,6 +46,7 @@ |
46 | </div> | 46 | </div> |
47 | <image-preview | 47 | <image-preview |
48 | ref="imageRef" | 48 | ref="imageRef" |
49 | :key="imgKey" | ||
49 | v-if="tableData.length > 0" | 50 | v-if="tableData.length > 0" |
50 | :previewImg="previewImg" | 51 | :previewImg="previewImg" |
51 | @updateList="updateList" | 52 | @updateList="updateList" |
... | @@ -75,6 +76,7 @@ | ... | @@ -75,6 +76,7 @@ |
75 | }, | 76 | }, |
76 | data () { | 77 | data () { |
77 | return { | 78 | return { |
79 | imgKey: 0, | ||
78 | isDialog: false, | 80 | isDialog: false, |
79 | iclass: "", | 81 | iclass: "", |
80 | // 材料目录选中 | 82 | // 材料目录选中 |
... | @@ -284,6 +286,7 @@ | ... | @@ -284,6 +286,7 @@ |
284 | if (this.$refs.imageRef) { | 286 | if (this.$refs.imageRef) { |
285 | this.$refs.imageRef.initialIndex = 0 | 287 | this.$refs.imageRef.initialIndex = 0 |
286 | } | 288 | } |
289 | this.imgKey++ | ||
287 | }, | 290 | }, |
288 | /** | 291 | /** |
289 | * @description: 小图片点击 | 292 | * @description: 小图片点击 | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-11-21 16:30:43 | 4 | * @LastEditTime: 2023-11-23 13:29:37 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> | 7 | <el-form ref="ruleForm" :model="ruleForm" label-width="100px" :rules="rules"> |
... | @@ -109,6 +109,7 @@ | ... | @@ -109,6 +109,7 @@ |
109 | * @author: renchao | 109 | * @author: renchao |
110 | */ | 110 | */ |
111 | addTemplate () { | 111 | addTemplate () { |
112 | store.dispatch('user/refreshPage', false); | ||
112 | addPrintTemplate(this.ruleForm).then(res => { | 113 | addPrintTemplate(this.ruleForm).then(res => { |
113 | if (res.code == 200) { | 114 | if (res.code == 200) { |
114 | store.dispatch('user/refreshPage', true); | 115 | store.dispatch('user/refreshPage', true); | ... | ... |
... | @@ -46,6 +46,7 @@ | ... | @@ -46,6 +46,7 @@ |
46 | </div> | 46 | </div> |
47 | <image-preview | 47 | <image-preview |
48 | ref="imageRef" | 48 | ref="imageRef" |
49 | :key="imgKey" | ||
49 | v-if="tableData.length > 0" | 50 | v-if="tableData.length > 0" |
50 | :previewImg="previewImg" | 51 | :previewImg="previewImg" |
51 | :ableOperation="ableOperation" | 52 | :ableOperation="ableOperation" |
... | @@ -66,6 +67,7 @@ | ... | @@ -66,6 +67,7 @@ |
66 | components: { clxxAddDialog, imagePreview, clxxDetailDialog }, | 67 | components: { clxxAddDialog, imagePreview, clxxDetailDialog }, |
67 | data () { | 68 | data () { |
68 | return { | 69 | return { |
70 | imgKey: 0, | ||
69 | //表单是否可操作 | 71 | //表单是否可操作 |
70 | ableOperation: true, | 72 | ableOperation: true, |
71 | isDialog: false, | 73 | isDialog: false, |
... | @@ -292,6 +294,7 @@ | ... | @@ -292,6 +294,7 @@ |
292 | if (this.$refs.imageRef) { | 294 | if (this.$refs.imageRef) { |
293 | this.$refs.imageRef.initialIndex = 0 | 295 | this.$refs.imageRef.initialIndex = 0 |
294 | } | 296 | } |
297 | this.imgKey++ | ||
295 | }, | 298 | }, |
296 | /** | 299 | /** |
297 | * @description: 小图片点击 | 300 | * @description: 小图片点击 | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-11-23 17:20:01 | ||
5 | --> | ||
1 | <template> | 6 | <template> |
2 | <iframe :src="ip +'/txdw/#/' + formData.bsmZd" frameborder="0" style="width: 100%; height:710px;"></iframe> | 7 | <iframe :src="ip +'/txdw/#/' + formData.bsmZd" frameborder="0" style="width: 100%; height:710px;"></iframe> |
3 | </template> | 8 | </template> | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-11-14 13:25:52 | 4 | * @LastEditTime: 2023-12-13 13:56:14 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -12,7 +12,8 @@ | ... | @@ -12,7 +12,8 @@ |
12 | <i class="el-icon-arrow-right"></i> | 12 | <i class="el-icon-arrow-right"></i> |
13 | </div> | 13 | </div> |
14 | <div class="img-list-wrap" v-Loading="loading"> | 14 | <div class="img-list-wrap" v-Loading="loading"> |
15 | <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪"> | 15 | <img id="photo" src="" v-show="isScan && this.BASE_API.gaopaiyi=='jy'" alt="高拍仪捷宇"> |
16 | <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan && this.BASE_API.gaopaiyi=='lt'" alt="高拍仪良田"> | ||
16 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> | 17 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> |
17 | <photo-zoom :url="img.fileurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" | 18 | <photo-zoom :url="img.fileurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" |
18 | overlayStyle="width: 100%;height:100%"> | 19 | overlayStyle="width: 100%;height:100%"> |
... | @@ -89,6 +90,7 @@ | ... | @@ -89,6 +90,7 @@ |
89 | showViewer: false, | 90 | showViewer: false, |
90 | initialIndex: 0, | 91 | initialIndex: 0, |
91 | allLi: [], | 92 | allLi: [], |
93 | webSocket: null | ||
92 | } | 94 | } |
93 | }, | 95 | }, |
94 | watch: { | 96 | watch: { |
... | @@ -107,9 +109,35 @@ | ... | @@ -107,9 +109,35 @@ |
107 | } | 109 | } |
108 | }, | 110 | }, |
109 | created () { | 111 | created () { |
112 | let that = this | ||
110 | this.maxLength = 0; | 113 | this.maxLength = 0; |
111 | this.allLi = _.cloneDeep(this.previewImg.imgList).map(item => item.fjurl) | 114 | this.allLi = _.cloneDeep(this.previewImg.imgList).map(item => item.fjurl) |
112 | this.thumbnailImages = this.previewImg.imgList | 115 | this.thumbnailImages = this.previewImg.imgList |
116 | if (this.BASE_API.gaopaiyi == 'jy') { | ||
117 | this.webSocket = new WebSocket('ws://localhost:1818'); | ||
118 | this.webSocket.onmessage = function (event) { | ||
119 | let begin_data = "data:image/jpeg;base64,"; | ||
120 | document.getElementById('photo').src = begin_data + event.data; | ||
121 | if (event.data.indexOf('BeginsGetBase64') >= 0) { | ||
122 | let blob = that.dataURLtoBlob('data:image/png;base64,' + event.data.replace('BeginsGetBase64', '').replace('EndsGetBase64', '')); | ||
123 | let file = that.blobToFile(blob); | ||
124 | var formData = new FormData(); | ||
125 | formData.append('file', file) | ||
126 | if (that.previewImg.imgList.length > 0) { | ||
127 | formData.append("index", that.previewImg.imgList[that.previewImg.index].sxh); | ||
128 | } | ||
129 | uploadSjClmx(formData, that.previewImg.bsmMaterial).then((res) => { | ||
130 | if (res.code == 200) { | ||
131 | that.$emit('updateList', { children: res.result, bsmMaterial: that.previewImg.bsmMaterial }) | ||
132 | that.$message({ | ||
133 | message: '上传成功!', | ||
134 | type: 'success' | ||
135 | }) | ||
136 | } | ||
137 | }) | ||
138 | } | ||
139 | } | ||
140 | } | ||
113 | }, | 141 | }, |
114 | computed: { | 142 | computed: { |
115 | isFirst () { | 143 | isFirst () { |
... | @@ -168,8 +196,7 @@ | ... | @@ -168,8 +196,7 @@ |
168 | * @description: 拍照 | 196 | * @description: 拍照 |
169 | * @author: renchao | 197 | * @author: renchao |
170 | */ | 198 | */ |
171 | handleViewScan () { | 199 | dataURLtoBlob (base64String) { |
172 | function dataURLtoBlob (base64String) { | ||
173 | const arr = base64String.split(','); | 200 | const arr = base64String.split(','); |
174 | if (arr.length !== 2) { | 201 | if (arr.length !== 2) { |
175 | throw new Error('Invalid Base64 format'); | 202 | throw new Error('Invalid Base64 format'); |
... | @@ -185,11 +212,16 @@ | ... | @@ -185,11 +212,16 @@ |
185 | u8arr[i] = bstr.charCodeAt(i); | 212 | u8arr[i] = bstr.charCodeAt(i); |
186 | } | 213 | } |
187 | return new Blob([u8arr], { type: mime }); | 214 | return new Blob([u8arr], { type: mime }); |
188 | } | 215 | }, |
189 | function blobToFile (blob) { | 216 | blobToFile (blob) { |
190 | let name = getUuid(8) + '.jpg' | 217 | let name = getUuid(8) + '.jpg' |
191 | const file = new File([blob], name); | 218 | const file = new File([blob], name); |
192 | return file; | 219 | return file; |
220 | }, | ||
221 | handleViewScan () { | ||
222 | if (this.BASE_API.gaopaiyi == 'jy') { | ||
223 | this.webSocket.send('sGetBase64'); | ||
224 | return | ||
193 | } | 225 | } |
194 | getAltimeterInfo().then(res => { | 226 | getAltimeterInfo().then(res => { |
195 | let blob = dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64); | 227 | let blob = dataURLtoBlob('data:image/png;base64,' + res.data.photoBase64); | ... | ... |
... | @@ -46,6 +46,7 @@ | ... | @@ -46,6 +46,7 @@ |
46 | </div> | 46 | </div> |
47 | <image-preview | 47 | <image-preview |
48 | ref="imageRef" | 48 | ref="imageRef" |
49 | :key="imgKey" | ||
49 | v-if="tableData.length > 0" | 50 | v-if="tableData.length > 0" |
50 | :previewImg="previewImg" | 51 | :previewImg="previewImg" |
51 | @updateList="updateList" | 52 | @updateList="updateList" |
... | @@ -75,6 +76,7 @@ | ... | @@ -75,6 +76,7 @@ |
75 | }, | 76 | }, |
76 | data () { | 77 | data () { |
77 | return { | 78 | return { |
79 | imgKey: 0, | ||
78 | isDialog: false, | 80 | isDialog: false, |
79 | iclass: "", | 81 | iclass: "", |
80 | // 材料目录选中 | 82 | // 材料目录选中 |
... | @@ -275,6 +277,7 @@ | ... | @@ -275,6 +277,7 @@ |
275 | if (this.$refs.imageRef) { | 277 | if (this.$refs.imageRef) { |
276 | this.$refs.imageRef.initialIndex = 0 | 278 | this.$refs.imageRef.initialIndex = 0 |
277 | } | 279 | } |
280 | this.imgKey++ | ||
278 | }, | 281 | }, |
279 | /** | 282 | /** |
280 | * @description: 小图片点击 | 283 | * @description: 小图片点击 | ... | ... |
-
Please register or sign in to post a comment