From 4e996d2928a8509c905522b434f3a3618bfb5547 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=B1=E6=9C=89=E6=B8=85=E9=A6=99=E6=9C=88=E6=9C=89?=
 =?UTF-8?q?=E9=98=B4?= <185154740@qq.com>
Date: Wed, 8 Dec 2021 18:33:21 +0800
Subject: [PATCH] detail

---
 src/apps/AppWalkask/AppWalkask.vue        | 14 +++++++--
 src/apps/AppWalkask/components/add.vue    |  9 ++++--
 src/apps/AppWalkask/components/detail.vue | 36 +++++++++++++++++++++++
 3 files changed, 53 insertions(+), 6 deletions(-)
 create mode 100644 src/apps/AppWalkask/components/detail.vue

diff --git a/src/apps/AppWalkask/AppWalkask.vue b/src/apps/AppWalkask/AppWalkask.vue
index 2150e26f..0cadc8e9 100644
--- a/src/apps/AppWalkask/AppWalkask.vue
+++ b/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')
     },
diff --git a/src/apps/AppWalkask/components/add.vue b/src/apps/AppWalkask/components/add.vue
index e7e956fd..d3b396f6 100644
--- a/src/apps/AppWalkask/components/add.vue
+++ b/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">
-          <ai-uploader v-model="forms.avatar" multiple @change="change" placeholder="上传图片" :limit="5"></ai-uploader>
+        <u-form-item label="图片(最多9张)" prop="avatar" required label-position="top">
+          <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 {
diff --git a/src/apps/AppWalkask/components/detail.vue b/src/apps/AppWalkask/components/detail.vue
new file mode 100644
index 00000000..2185525b
--- /dev/null
+++ b/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>