修复复制问题

src/views/goods/order-detail.vue

@@ -132,8 +132,8 @@
                           >
                             <div>物流公司：{{ item.expressCompany }}</div>
                             <div>快递单号：{{item.expressNo }}
-                              <el-button type="text" @click="copyTxt">复制单号</el-button>
-                              <input type="text" id="copyInput" class="hidden-input" />
+                              <el-button type="text" @click="copyTxt(item.expressNo,index)">复制单号</el-button>
+                              <input type="text" :id="`copyInput_${index}`" class="hidden-input" />
                             </div>
                             <div>备注：{{ item.remark }}</div>
                         </div> 
@@ -476,9 +476,9 @@
           }
         });
       },
-      copyTxt() {
-        let txt = document.getElementById("copyInput");
-        txt.value = this.orderDetailData.expressNo;
+      copyTxt(expressNo,index) {
+        let txt = document.getElementById(`copyInput_${index}`);
+        txt.value = expressNo;
         // if (navigator.userAgent.match(/(iPhone|iPod|iPad|Mac);?/i)) {
         if (navigator.userAgent.indexOf("Safari") > -1 && navigator.userAgent.indexOf("Chrome") < 1) {
           var el = document.createElement('input');
@@ -672,7 +672,7 @@
               .img-box {
                 width: 88px;
                 height: 88px;
-                background-color: rgb(224, 109, 109);
+                background-color: #ccc;
                 position: relative;
                 margin-right: 10px;
                 img {