style:材料上传

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-14 16:16:57
+ * @LastEditTime: 2023-10-12 09:40:40
 -->
 <template>
   <div class="rlPopup">
@@ -29,8 +29,8 @@
           <el-button icon="el-icon-upload" type="primary" v-if="ableOperation">上传</el-button>
         </el-upload>
         <!-- 左移右移 -->
-        <el-button type="primary" @click="handleMove('left')" v-if="ableOperation">左移</el-button>
-        <el-button type="primary" @click="handleMove('right')" v-if="ableOperation">右移</el-button>
+        <el-button type="primary" @click="handleMove('left')" v-if="ableOperation && thumbnailImages.length>0">左移</el-button>
+        <el-button type="primary" @click="handleMove('right')" v-if="ableOperation && thumbnailImages.length>0">右移</el-button>
         <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">
@@ -86,7 +86,7 @@
         // 缩略图
         thumbnailImages: [],
         showViewer: false,
-        initialIndex: undefined,
+        initialIndex: 0,
         allLi: [],
       }
     },

@@ -297,7 +297,9 @@
           this.previewImg.imgList = res.result ? res.result : [];
         })
         this.previewImg.bsmSj = item?.bsmSj;
-        this.$refs.imageRef.initialIndex = 0
+        if (this.$refs.imageRef) {
+          this.$refs.imageRef.initialIndex = 0
+        }
       },
       /**
        * @description: 小图片点击