乡村相册

src/saas/AppCountryAlbum/components/report/WorkReport.vue

@@ -17,19 +17,22 @@
           <label>汇报人：{{ form.name || '请输入汇报人姓名' }}</label>
         </div>
         <div class="bottom-item">
-          <span>备注：{{ '请输入备注' }}</span>
+          <span>备注：{{ form.remark || '请输入备注' }}</span>
+        </div>
+        <div class="imgs">
+          <image :src="item" v-for="(item, index) in imgs" mode="widthFix" :key="index" />
         </div>
       </div>
-      <div class="add" data-html2canvas-ignore ref="add">
-        <div class="add-btn">
+      <div class="add" data-html2canvas-ignore ref="add" @click="save">
+        <div class="add-btn" @click.stop="addPhoto">
           <span>添加图片</span>
         </div>
-        <div class="add-btn">
+        <!-- <div class="add-btn">
           <span>添加文字</span>
-        </div>
+        </div> -->
       </div>
     </div>
-    <image v-if="waterSrc" :src="waterSrc" />
+    <image v-if="waterSrc" :src="waterSrc" @click="waterSrc = ''" />
   </div>
 </template>
 
@@ -47,8 +50,10 @@
           unit: '',
           title: '',
           date: '',
-          name: ''
-        }
+          name: '',
+          remark: ''
+        },
+        imgs: []
       }
     },
 
@@ -76,6 +81,23 @@
         })
       },
 
+      addPhoto () {
+        uni.chooseImage({
+          count: 1,
+          sizeType: ['compressed'],
+          success: res => {
+            let formData = new FormData()
+            formData.append('file', res.tempFiles[0])
+            this.$http.post('/admin/file/add2?type=image', formData).then(res => {
+              if (res.code === 0) {
+                console.log(res.data)
+                this.imgs.push(res.data.url)
+              }
+            })
+          }
+        })
+      },
+
       linkTo (path) {
         const data = [
           {
@@ -101,6 +123,12 @@
             key: 'date',
             value: '',
             label: '汇报日期'
+          },
+          {
+            type: 'textarea',
+            key: 'remark',
+            value: '',
+            label: '备注'
           }
         ]
         uni.navigateTo({
@@ -120,6 +148,22 @@
       box-sizing: border-box;
     }
 
+    & > image {
+      position: fixed;
+      top: 0;
+      left: 0;
+      z-index: 111;
+      width: 100%;
+      height: 100vh;
+    }
+
+    .imgs {
+      image {
+        display: block;
+        width: 100%;
+      }
+    }
+
     .top {
       display: flex;
       justify-content: space-between;