style:材料信息

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-07 16:09:13
+ * @LastEditTime: 2023-09-12 13:58:04
 -->
 <template>
   <div class="rlPopup">
@@ -11,7 +11,7 @@
     <div class="next handle-btn" v-if="!isScan" @click="next()">
       <i class="el-icon-arrow-right"></i>
     </div>
-    <div class="img-list-wrap">
+    <div class="img-list-wrap" v-Loading="loading">
       <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan" alt="高拍仪">
       <div v-for="(img, i) in previewImg.imgList" :key="i" v-else>
         <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2"
@@ -34,7 +34,7 @@
         <el-button type="primary" icon="el-icon-delete-solid" @click="handleDelete"
           v-if="thumbnailImages.length>0 && ableOperation">删除</el-button>
         <div v-if="ableOperation" class="pl-5">
-          <el-button type="primary" @click="handleOpenScan" v-if="ableOperation">{{scanTitle}}</el-button>
+          <el-button type="primary" @click="handleOpenScan" v-if="ableOperation" :loading="loading">{{scanTitle}}</el-button>
           <el-button type="primary" @click="handleViewScan" v-if="isScan && ableOperation">拍照</el-button>
         </div>
       </div>
@@ -73,6 +73,7 @@
     },
     data () {
       return {
+        loading: false,
         key: 0,
         isScan: false,
         // 打开高拍仪
@@ -125,20 +126,22 @@
       handleOpenScan () {
         this.isScan = !this.isScan
         if (this.isScan) {
+          this.loading = true
           this.$message({
             message: '正在启动程序请稍等',
             type: 'success'
           })
           setTimeout(() => {
             this.scanTitle = '关闭高拍仪'
+            this.loading = false
           }, 4000)
         } else {
           this.scanTitle = '打开高拍仪'
         }
       },
       // 左右移动
-      handleMove(direction) {
-        
+      handleMove (direction) {
+
       },
       /**
        * @description: 拍照