需求 后台-集运-包裹预报成功页面复制多次提示成功

src/views/ecw/cons/success.vue

@@ -22,7 +22,7 @@
         </el-row>
         <el-row style="margin-top: 10px;" type="flex" justify="center">
           <el-col>
-            <span style="font-size: 14px;color: #666;">{{ $t('会员号') }}：{{ cons.customerNumber }}</span><el-link class="copy-btn" :data-clipboard-text="consCustomerNumberCopy" type="primary" style="margin-left:10px;vertical-align: bottom;">复制</el-link>
+            <span style="font-size: 14px;color: #666;">{{ $t('会员号') }}：{{ cons.customerNumber }}</span><el-link class="copy-children" :data-clipboard-text="consCustomerNumberCopy" type="primary" style="margin-left:10px;vertical-align: bottom;">复制</el-link>
           </el-col>
           <el-col>
             <span style="font-size: 14px;color: #666;">{{ $t('运输偏好') }} :</span>
@@ -33,14 +33,14 @@
         </el-row>
         <el-row style="margin-top: 30px;"  type="flex" justify="center">
           <el-col>
-            <span style="font-size: 14px;color: #666;">{{ $t('收件人') }}：{{warehouse.head}} {{ cons.customerNumber }}</span><el-link class="copy-btn" :data-clipboard-text="consCustomerHeadCopy" type="primary" style="margin-left:10px;vertical-align: bottom;">复制</el-link>
+            <span style="font-size: 14px;color: #666;">{{ $t('收件人') }}：{{warehouse.head}} {{ cons.customerNumber }}</span><el-link class="copy-children" :data-clipboard-text="consCustomerHeadCopy" type="primary" style="margin-left:10px;vertical-align: bottom;">复制</el-link>
           </el-col>
           <el-col>
-            <span style="font-size: 14px;color: #666;">{{ $t('电话') }}：{{warehouse.tell}}</span><el-link class="copy-btn" :data-clipboard-text="consCustomerPhoneCopy" type="primary" style="margin-left:10px;vertical-align: bottom;">复制</el-link>
+            <span style="font-size: 14px;color: #666;">{{ $t('电话') }}：{{warehouse.tell}}</span><el-link class="copy-children" :data-clipboard-text="consCustomerPhoneCopy" type="primary" style="margin-left:10px;vertical-align: bottom;">复制</el-link>
           </el-col>
         </el-row>
         <el-row style="margin-top: 30px;">
-          <span style="font-size: 14px;color: #666;">{{ $t('仓库地址') }}：{{ warehouse.addressZh }} {{ cons.customerNumber }}</span><el-link class="copy-btn" :data-clipboard-text="consCustomerWarehouseCopy"  type="primary" style="margin-left:10px;vertical-align: bottom;">复制</el-link>
+          <span style="font-size: 14px;color: #666;">{{ $t('仓库地址') }}：{{ warehouse.addressZh }} {{ cons.customerNumber }}</span><el-link class="copy-children" :data-clipboard-text="consCustomerWarehouseCopy"  type="primary" style="margin-left:10px;vertical-align: bottom;">复制</el-link>
         </el-row>
       </div>
     </div>
@@ -109,7 +109,7 @@ export default {
   async created() {
     await this.loadData()
     await this.$nextTick()
-    clipboard = new ClipboardJS('.copy-btn')
+    clipboard = new ClipboardJS('.copy-btn,.copy-children')
     clipboard.on('success', () => {
       this.$message.success(this.$t('复制成功'))
     })