detail

src/apps/AppWalkask/AppWalkask.vue

@@ -23,8 +23,8 @@
           </div>
 
           <!-- v-if="data.length > 0" -->
-          <div @click="btnHide" class="datas">
+          <div @click.stop="btnHide" class="datas">
-            <div class="cards" v-for="(item, i) in 4" :key="i">
+            <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')
     },

src/apps/AppWalkask/components/add.vue

@@ -38,22 +38,25 @@
           <div>{{ forms.things.length }}/500</div>
         </u-form-item>
 
-        <u-form-item label="图片" prop="avatar" required label-position="top">
+        <u-form-item label="图片(最多9张)" prop="avatar" required label-position="top">
-          <ai-uploader v-model="forms.avatar" multiple @change="change" placeholder="上传图片" :limit="5"></ai-uploader>
+          <ai-uploader v-model="forms.avatar" multiple @change="change" placeholder="上传图片" :limit="9"></ai-uploader>
         </u-form-item>
       </u-form>
     </div>
 
     <div class="btn" @click="submit">保存</div>
+
+    <AiBack></AiBack>
   </div>
 </template>
 
 <script>
 import AiUploader from '../../../components/AiUploader.vue'
+import AiBack from '../../../components/AiBack.vue'
 
 export default {
   name: 'add',
-  components: { AiUploader },
+  components: { AiUploader, AiBack },
   props: {},
   data() {
     return {

src/apps/AppWalkask/components/detail.vue

@@ -0,0 +1,36 @@
+<template>
+  <div class="detail">
+    <u-navbar title="" back-icon-color="#fff" title-color="#fff" title-width="300" title-size="36" :background="backgroundNavbar"> </u-navbar>
+
+    <div>detail</div>
+
+    <AiBack></AiBack>
+  </div>
+</template>
+
+<script>
+import AiBack from '../../../components/AiBack.vue'
+
+export default {
+  name: 'detail',
+  components: { AiBack },
+  props: {},
+  data() {
+    return {
+      backgroundNavbar: {
+        backgroundColor: '#3975C6',
+      },
+    }
+  },
+  computed: {},
+  onLoad() {},
+  onShow() {},
+  methods: {},
+}
+</script>
+
+<style lang="scss" scoped>
+.detail {
+  height: 100%;
+}
+</style>