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