detail

src/apps/AppWalkask/AppWalkask.vue

@@ -23,8 +23,8 @@
           </div>
 
           <!-- v-if="data.length > 0" -->
-          <div @click="btnHide" class="datas">
-            <div class="cards" v-for="(item, i) in 4" :key="i">
+          <div @click.stop="btnHide" class="datas">
+            <div class="cards" @click.stop="toDetail" v-for="(item, i) in 4" :key="i">
               <div class="cards-top">
                 <div class="cards-left">
                   <span class="walkName">走访对象：李伟民</span>
@@ -75,11 +75,12 @@
 <script>
 import AiEmpty from '../../components/AiEmpty.vue'
 import add from './components/add.vue'
+import detail from './components/detail.vue'
 
 export default {
   name: 'AppWalkask',
   appName: '走访慰问',
-  components: { AiEmpty, add },
+  components: { AiEmpty, add, detail },
   props: {},
   data() {
     return {
@@ -137,6 +138,13 @@ export default {
       // }
     },
 
+    toDetail(item) {
+      // const { id } = item.id
+      this.isList = false
+      this.comp = 'detail'
+      this.params = detail
+    },
+
     delet() {
       console.log('delet')
     },