style:材料信息

 <!--
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-09-11 10:01:32
+ * @LastEditTime: 2023-09-14 16:21:51
 -->
 <template>
-  <el-image-viewer :on-close="closeViewer" :url-list="urlList">
+  <el-image-viewer :on-close="closeViewer" :url-list="urlList" :initial-index="initialIndex">
   </el-image-viewer>
 </template>
 <script>
@@ -19,6 +19,10 @@
         default: function () {
           return []
         }
+      },
+      initialIndex: {
+        type: Number,
+        default: 0
       }
     },
     data () {

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-13 15:36:42
+ * @LastEditTime: 2023-09-14 16:16:57
 -->
 <template>
   <div class="rlPopup">
@@ -148,6 +148,7 @@
             } else {
               this.previewImg.index = this.previewImg.index + 1
             }
+            this.initialIndex = this.previewImg.index
             this.$emit('updateList', { children: res.result, bsmSj: this.previewImg.bsmSj })
             this.$message({
               message: '移动成功!',
@@ -234,6 +235,7 @@
        */
       showCurrent (index) {
         this.previewImg.index = index
+        this.initialIndex = index
       },
       /**
        * @description: closeViewer

 <!--
  * @Description: 
  * @Autor: renchao
- * @LastEditTime: 2023-09-13 16:16:08
+ * @LastEditTime: 2023-09-14 16:06:51
 -->
 <template>
-  <div>
-    <canvas id="mxcad" style="width:100%;height:100%">
+  <div style="width:90%;height:100%;">
+    <canvas id="mxcad" style="width:90%;height:80%; position: relative;top:0">
     </canvas>
   </div>
 </template>
@@ -20,20 +20,17 @@
         Mx.MxFun.createMxObject({
           canvasId: "mxcad", // canvas元素的id
           cadFile: "buf/hhhh.dwg", // http方式(预览): 加载public/demo文件夹下转换后的图纸
-          // cadFile: "test2.dwg", //  socket通信方式请直接提供图纸名称 如：text.dwg
           callback: (mxDraw, {
             canvas,
             canvasParent
           }) => {
             // 可以拿到canvas元素和它的父级元素
-            console.log(canvas, canvasParent)
-            console.log(mxDraw)
             // 拿到图层数据
             mxDraw.addEvent('uiSetLayerData', (listLayer) => {
               console.log(listLayer)
             })
           },
-          isNewFile: false // 是否新建文件
+          isNewFile: true // 是否新建文件
         })
       })
     }

 <!--
  * @Description:
  * @Autor: renchao
- * @LastEditTime: 2023-09-12 13:46:29
+ * @LastEditTime: 2023-09-14 16:24:07
 -->
 <template>
   <div class="rlPopup">
@@ -86,7 +86,7 @@
         // 缩略图
         thumbnailImages: [],
         showViewer: false,
-        initialIndex: undefined,
+        initialIndex: 0,
         allLi: [],
       }
     },
@@ -152,6 +152,7 @@
             } else {
               this.previewImg.index = this.previewImg.index + 1
             }
+            this.initialIndex = this.previewImg.index
             this.$emit('updateList', { children: res.result, bsmMaterial: this.previewImg.bsmMaterial })
             this.$message({
               message: '移动成功!',
@@ -238,6 +239,7 @@
        */
       showCurrent (index) {
         this.previewImg.index = index
+        this.initialIndex = index
       },
       /**
        * @description: closeViewer