task#6796 二手拖车系统查询功能完善的需求

src/views/secondHandCar/forSale.vue

@@ -48,6 +48,10 @@
             </div>
             <div class="viewNum">{{detailInfo.attentionCount}}人想要<span>{{detailInfo.browseCount}}人浏览</span></div>
           </div>
+          <div class="price commonColor">
+            车源ID: &nbsp;&nbsp;&nbsp;&nbsp;{{ detailInfo.code }}
+            <img class="copyIcon" @click="copyHandler(detailInfo.code)" src="@/assets/copy.png" />
+          </div>
         </div>
         <div class="detailInfoWrap wrapCommon">
           <div>
@@ -178,6 +182,16 @@ export default {
     this.getDuration(1)
   },
   methods:{
+    copyHandler(copyText){
+      let inputNode = document.createElement('input')  // 创建input
+      inputNode.value = copyText // 赋值给 input 值
+      document.body.appendChild(inputNode) // 插入进去
+      inputNode.select() // 选择对象
+      document.execCommand('Copy') // 原生调用执行浏览器复制命令
+      inputNode.className = 'oInput'
+      inputNode.style.display = 'none' // 隐藏
+      this.$toast('复制成功')
+    },
     showImagePreview(index) {
       ImagePreview({
         images: this.imgSrcList.map(item => item),
@@ -274,7 +288,7 @@ export default {
     margin-bottom: 12px;
   }
   .titleWrap{
-    height: 108px;
+    height: 120px;
     padding: 18px 0 15px 21px;
     display: flex;
     flex-direction: column;
@@ -437,4 +451,14 @@ export default {
     object-fit: cover;
     object-position: center;
   }
+.copyIcon {
+  width: 35px;
+  height: 15px;
+  margin-left: 10px
+}
+  .commonColor {
+    color: #999999 !important;
+    display: flex;
+    align-items: center;
+  }
 </style>