style:材料文件
Showing
1 changed file
with
12 additions
and
4 deletions
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-09-12 13:42:11 | 4 | * @LastEditTime: 2023-09-12 13:46:29 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -11,7 +11,7 @@ | ... | @@ -11,7 +11,7 @@ |
11 | <div class="next handle-btn" v-if="!isScan" @click="next()"> | 11 | <div class="next handle-btn" v-if="!isScan" @click="next()"> |
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"> | 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 src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪"> |
16 | <div v-for="(img, i) in previewImg.imgList" :key="i" v-else> | 16 | <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" | 17 | <photo-zoom :url="img.fileurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2" |
... | @@ -34,7 +34,7 @@ | ... | @@ -34,7 +34,7 @@ |
34 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" | 34 | <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete" |
35 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> | 35 | v-if="thumbnailImages.length>0 && ableOperation">删除</el-button> |
36 | <div v-if="ableOperation" class="pl-5"> | 36 | <div v-if="ableOperation" class="pl-5"> |
37 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation">{{scanTitle}}</el-button> | 37 | <el-button type="primary" @click="handleOpenScan" v-if="ableOperation" :loading="loading">{{scanTitle}}</el-button> |
38 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> | 38 | <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button> |
39 | </div> | 39 | </div> |
40 | </div> | 40 | </div> |
... | @@ -73,6 +73,7 @@ | ... | @@ -73,6 +73,7 @@ |
73 | }, | 73 | }, |
74 | data () { | 74 | data () { |
75 | return { | 75 | return { |
76 | loading: false, | ||
76 | key: 0, | 77 | key: 0, |
77 | isScan: false, | 78 | isScan: false, |
78 | // 打开高拍仪 | 79 | // 打开高拍仪 |
... | @@ -125,13 +126,15 @@ | ... | @@ -125,13 +126,15 @@ |
125 | handleOpenScan () { | 126 | handleOpenScan () { |
126 | this.isScan = !this.isScan | 127 | this.isScan = !this.isScan |
127 | if (this.isScan) { | 128 | if (this.isScan) { |
129 | this.loading = true | ||
128 | this.$message({ | 130 | this.$message({ |
129 | message: '正在启动程序请稍等', | 131 | message: '正在启动程序请稍等', |
130 | type: 'success' | 132 | type: 'success' |
131 | }) | 133 | }) |
132 | setTimeout(() => { | 134 | setTimeout(() => { |
133 | this.scanTitle = '关闭高拍仪' | 135 | this.scanTitle = '关闭高拍仪' |
134 | }, 4000) | 136 | this.loading = false |
137 | }, 3000) | ||
135 | } else { | 138 | } else { |
136 | this.scanTitle = '打开高拍仪' | 139 | this.scanTitle = '打开高拍仪' |
137 | } | 140 | } |
... | @@ -144,6 +147,11 @@ | ... | @@ -144,6 +147,11 @@ |
144 | handleMove (direction) { | 147 | handleMove (direction) { |
145 | move(this.previewImg.imgList[this.previewImg.index].bsmFile, direction).then(res => { | 148 | move(this.previewImg.imgList[this.previewImg.index].bsmFile, direction).then(res => { |
146 | if (res.code == 200) { | 149 | if (res.code == 200) { |
150 | if (direction == 'left') { | ||
151 | this.previewImg.index = this.previewImg.index - 1 | ||
152 | } else { | ||
153 | this.previewImg.index = this.previewImg.index + 1 | ||
154 | } | ||
147 | this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial }) | 155 | this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial }) |
148 | this.$message({ | 156 | this.$message({ |
149 | message: '移动成功!', | 157 | message: '移动成功!', | ... | ... |
-
Please register or sign in to post a comment