From 1e18147f3d64e6a9d7bdc60ea73ede14c18dcd5a Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Tue, 29 Aug 2023 16:02:08 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=85=B6=E4=BB=96=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1=E6=9D=BF=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/icons/delete.png        | Bin 0 -> 1016 bytes
 static/icons/plus.png          | Bin 0 -> 538 bytes
 subpkg/otherTask/otherTask.vue | 109 ++++++++++++++++++++++++++++++++-
 3 files changed, 106 insertions(+), 3 deletions(-)
 create mode 100644 static/icons/delete.png
 create mode 100644 static/icons/plus.png

diff --git a/static/icons/delete.png b/static/icons/delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..7a1bf20c85e4cce4bb39844a2fc48f4db5d33ca1
GIT binary patch
literal 1016
zcmV<U0|)$xP)<h;3K|Lk000e1NJLTq000#L000&U1^@s6FN4=O00001b5ch_0Itp)
z=>Px&vPnciR7gv;m2F5{XB5ZJxi_gVOERz8bxoUTJJ>LYI!XgYgzbW$VZMMFGjk?v
zz92H@>jjBL6dl4ebF4<#V9D*+7hz1=1hdeTj;5x?ez*jbMAQib9kT`-<Ct-|x#LO`
zqNbr=d_F$se}2z%&U4Or5YAxX889I&R1gFe0O$cg0|1u*;6DIZ2Y`nFFo%fGQ(Y=0
zR1gFO0DJ=g#?8&mEx+Ht5ex>y5{ZOVDwVGn7Z<-Hm&+vpa1#+NC&8znf*>dXz`eb_
zontne?QXaGuaiy$K?n@PT-E7xwFE)90H7HW#VC%}F{sbydrhrYKi=5bIM>?R`pf?Q
zel%UqH5!d%dV2bEk|gI5u{9+$6bjvnMx%{7o$iNFD3mxk9k{NpjvpEtx(NUuBI3Pc
zH?>-=DucnWW;UB=XJ=>s5RDBD4Oi4^^@Y*V(I;`ROeT|zkB`$9i{)`35C{u`5OX*j
z?<$qbi-<@cgZg|vrl6o;fTrnNaX?j7)urL#VS~rxdBQNv0};rw?8g*EQO(WGKW=Sp
z{VQs#tE-=njg6TB;7vq)mdL5!@3$Wu99(W`X}OaeZhd`y!N9=4Ctk02QKeE{%+1Zs
z>Fn&hy|S_rj_YEv*fWmfhQw+?#NQIorKP2(ySuxGU0q#Ac}ZS+z5Z%{fB&bENaVn1
zG|sH9uI?w>W3kvF$8kEb3=#3?1eD{rM?BAGwzs!Ck{uKZg~VpF=_!iJ$<EG}Ei5c7
z_VxAMKLL$!9A^Xo6C(bafV$o8+eJl1AJo*;SmO>NkY!oDLZMJ}baaSzYH)C{$?Nq#
z?d|PNfb;Y7|8cooUje{-h`5}9PEAcUb$56FWH1=MTV7rciC~k-q@ij0x(HlbTRRH5
zwzgJfGMSnfhOv1(p1;LChGE`rY;1fV0Nz4GAptEZDS5+gw=eAM?1bCe+U|;CsZ@#?
z85!isCdkXnI~NQF4@HekCL<jVN4s1u{}vI)Pj%G9#KdPkJw4yEEPHomW@af}(Z_98
ztF^AQv{VWJ*AOvs3JL(E-ERL{tJQw#bUJ?@85!~NJTIhzQxqkgoSf8_m6a6&zzswU
zq-@g{o8<ibd^b(gBYS&$VVBFb=yW>Q1A)LENs?GzUVdJy)fQD$R9w%@%={AoJ`x`%
z`QVq%)4931!ph3ZFS4?-8VG_Y<as`dhy+0pqK}vw8vs}k@hG>i1Wgvb7}l2oKm@G6
mY&fS2|5e^6t>#SrsQ&@tb6_Ui)x?<q0000<MNUMnLSTa7B-8f*

literal 0
HcmV?d00001

diff --git a/static/icons/plus.png b/static/icons/plus.png
new file mode 100644
index 0000000000000000000000000000000000000000..7c41bfdcc8d5f8bbcd12c6c763d6d2a5fccf1d52
GIT binary patch
literal 538
zcmV+#0_FXQP)<h;3K|Lk000e1NJLTq001oj001or1^@s6IvV1d00001b5ch_0Itp)
z=>Px$)Ja4^RA@u(S36F_KoorIwG+$o5x4{gfPxf=VmE1MK!P$9NEG1~APR24uK}VE
zuZvVfh@N9aqKp(PGPbj55uhLv|747!ylp*iJ)WJnZ%kkT7g<2gfTYVhHB@?`m3CeC
zN=mr_03F8IVbLE`xIKgrr-YD}loBYV5QgCq=lr}#;(tN92LPK>Brh3b`$)P-1=L<b
z2vmBOsOV|5M@+M!J<uLYXODirZ;nPIJIxTHl)gn#)Byk$mOhr0@>bKd11Tj<v&UdC
z7&e>DAPyVbh>qht*|xnNMNyjf0U-o@--pR$@{L!a$uNvm^$Mi$p6A^&#<u4b%_ZIK
zc6SZKxK2wrHLDcBN~Hqh@p!$_Xgp_{h(d@RO6kpik@kJR#yNk?L|TCz$9b_VYjyg#
zlY|O_;FmpgT~8|eVJFY?dYtpE%=Y*yXt&!drfFKrt4T}O^?(p^0RU@L*oQC-kJB__
zwOUm_4a0i9{+hcHlSs~bj?r|EYM4DRdn{e{$a;g|?SZ#PjAzguW!b}Z-4g&%Spzgp
zQ{kz_7(2__(4}UN&jI5CKn(!y7-M@y5>|T^KE{hCm^n|EK_JgNQ0Y9X<*7lX^Qe}m
cW+9b+2Md<;F4p1jTmS$707*qoM6N<$f{TXhHvj+t

literal 0
HcmV?d00001

diff --git a/subpkg/otherTask/otherTask.vue b/subpkg/otherTask/otherTask.vue
index f850b63..7b13a3e 100644
--- a/subpkg/otherTask/otherTask.vue
+++ b/subpkg/otherTask/otherTask.vue
@@ -1,5 +1,5 @@
 <template>
-  <view style="padding-top: 28rpx;">
+  <view style="padding-top: 28rpx;padding-bottom: 160rpx;">
     <view class="card">
       <view class="title">任务名称: 入股任务</view>
       <u-line style="margin: 14rpx 0;"></u-line>
@@ -14,26 +14,76 @@
     <view class="card">
       <view class="title">详情描述</view>
       <u-line style="margin: 14rpx 0;"></u-line>
-      <u--textarea v-model="formData.text" height="80" placeholder="请输入内容" placeholderStyle="font-size: 28rpx;" style="font-size: 28rpx;background-color: #eee;" autoHeight></u--textarea>
+      <u--textarea v-model="formData.text" placeholder="请输入内容" placeholderStyle="font-size: 22rpx;" style="font-size: 28rpx;background-color: #eee;min-height: 100px;" autoHeight maxlength="-1"></u--textarea>
+      <view class="title" style="margin: 16rpx 0;">添加附件</view>
+      <view class="file">
+        <view class="file_item" v-for="(item, index) in formData.fileList" :key="'file'+index">
+          <image class="image" :src="item" @click="priview(index)"></image>
+          <image class="del" src="/static/icons/delete.png" @click.stop="deleteFile(index)"></image>
+        </view>
+        <view class="file_btn" @click="chooseFile"><image src="/static/icons/plus.png"></image></view>
+        <view class="file_empty" v-for="k in placeholderLength" :key="'empty'+k"></view>
+      </view>
     </view>
     <mybtn text="确认提交"></mybtn>
   </view>
 </template>
 
 <script>
+  import {
+  	upLoadImage
+  } from "@/api/file.js"
   export default {
     data() {
       return {
         task_id: -1,
         formData: {
-          text: ''
+          text: '',
+          fileList: []
         }
       };
     },
     onLoad(options) {
       this.task_id = options.task_id;
     },
+    computed:{
+      // 占位长度 
+      placeholderLength(){
+        return (this.formData.fileList.length+1)%3==0? 0 : 3-(this.formData.fileList.length+1)%3;
+      }
+    },
     methods:{
+      chooseFile(){
+        uni.chooseImage({
+          sizeType: ['compressed'],
+          success: async (res) => {
+            for (let item of res.tempFiles) {
+              let res = await upLoadImage({
+                filePath: item.path,
+                name: 'file'
+              });
+              this.formData.fileList.push(res.data.uri);
+            }
+            // this.formData.fileList = [...this.formData.fileList, res.tempFiles]
+          }
+        })
+      },
+      priview(index){
+        uni.previewImage({
+          urls: this.formData.fileList,
+          current: index,
+          longPressActions: {
+            itemList: ['删除'],
+            itemColor: '#ff0000',
+            success(e) {
+              if(e.tapIndex==0)this.deleteFile(e.index);
+            }
+          },
+        })
+      },
+      deleteFile(index){
+        this.formData.fileList.splice(index, 1);
+      },
       navTo (url) {
         if(url){
           uni.showLoading({
@@ -70,5 +120,58 @@
     .text {
       line-height: 50rpx;
     }
+    
+    .file{
+      display: flex;
+      justify-content: left;
+      flex-wrap: wrap;
+      &_item{
+        flex-shrink: 0;
+        width: 200rpx;
+        height: 200rpx;
+        margin: 0 auto;
+        margin-bottom: 16rpx;
+        border: 2px solid #ccc;
+        border-radius: 10rpx;
+        overflow: hidden;
+        position: relative;
+        .image{
+          width: 100%;
+          height: 100%;
+        }
+        .del{
+          position: absolute;
+          height: 40rpx;
+          width: 40rpx;
+          top: 10rpx;
+          right: 10rpx;
+        }
+      }
+      &_btn{
+        flex-shrink: 0;
+        width: 200rpx;
+        height: 200rpx;
+        margin: 0 auto;
+        margin-bottom: 16rpx;
+        border: 2px solid #ccc;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-direction: column;
+        border-radius: 10rpx;
+        image{
+          width: 100rpx;
+          height: 100rpx;
+        }
+      }
+      &_empty{
+        flex-shrink: 0;
+        width: 200rpx;
+        height: 200rpx;
+        margin: 0 auto;
+        margin-bottom: 16rpx;
+        border: 2px solid transparent;
+      }
+    }
   }
 </style>
\ No newline at end of file