手机端

package.json

@@ -44,6 +44,7 @@
     "splitpanes": "2.4.1",
     "vant": "^2.13.9",
     "vue": "2.6.12",
+    "vue-clipboard2": "^0.3.3",
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
     "vue-router": "3.4.9",

src/main.js

@@ -36,6 +36,7 @@ import ImagePreview from "@/components/ImagePreview"
 import DictTag from '@/components/DictTag'
 // 字典数据组件
 import DictData from '@/components/DictData'
+import VueClipboard from 'vue-clipboard2'
 // Vant 引用
 import Vant from 'vant';
 import 'vant/lib/index.css';
@@ -65,6 +66,7 @@ Vue.component('ImagePreview', ImagePreview)
 Vue.use(Vant)
 Vue.use(directive)
 Vue.use(plugins)
+Vue.use(VueClipboard)
 DictData.install()
 
 /**

src/views/app/project/list.vue

@@ -17,12 +17,13 @@
       <div class="list_main">
         <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="getList">
           <van-swipe-cell right-width="200" class="item" v-for="(item,index) in landList" :key="index">
-            <div class="item_box" @click="$router.push({name:'appDetail',query:{dkbm:item.dkbm}})">
+            <div class="item_box">
+<!--              -->
               <div class="head_block">
-                <div class="title">{{item.dkbm}}</div>
-                <div class="describe"><dict-tag :options="dict.type.survey_status" :value="item.surveyStatus"/></div>
+                <div class="title"><p @click="$router.push({name:'appDetail',query:{dkbm:item.dkbm}})">{{item.dkbm}}</p> <img v-clipboard:copy="item.dkbm" v-clipboard:success="onCopy" v-clipboard:error="onError" src="../../../assets/images/app/copy.png" alt=""></div>
+                <div class="describe" @click="$router.push({name:'appDetail',query:{dkbm:item.dkbm}})"><dict-tag :options="dict.type.survey_status" :value="item.surveyStatus"/></div>
               </div>
-              <div class="order_block">
+              <div class="order_block" @click="$router.push({name:'appDetail',query:{dkbm:item.dkbm}})">
                 <div class="order">{{item.dkmc}}</div>
                 <div class="describe">{{item.scmjm}}</div>
               </div>
@@ -117,6 +118,13 @@
         this.surveyStatus = '调查状态';
         this.queryParams.surveyStatus = '';
       },
+      onCopy (e) {
+        this.$message.success("内容已复制到剪切板！")
+      },
+// 复制失败时的回调函数
+      onError (e) {
+        this.$message.error("抱歉，复制失败！")
+      },
       /** 删除按钮操作 */
       handleDelete(row) {
         const fids = row.fid || this.ids
@@ -177,6 +185,11 @@
           text-overflow: ellipsis;
           white-space: nowrap;
           padding-right: 20px;
+          display: flex;
+          align-items: center;
+          img{
+            margin-left: 5px;
+          }
         }
         .describe{
           font-size: 14px;

src/views/app/project/operate_edit.vue

@@ -178,6 +178,7 @@
               this.form.sfqdht = '1';
               this.form.surveyStatusText = '已调查';
               this.form.surveyStatus = '2';
+              this.form.jymj = 0;
             })
           }
           // getInfoByImportCode(response.data.importCode).then((res) => {