更新任务详情

subpkg/townTask/townTask.vue

@@ -8,6 +8,17 @@
         <view class="c_title">{{`任务名称: ${taskInfo.title||''}`}}</view>
         <view>{{taskInfo.content||''}}</view>
       </view>
+      <view class="card" v-if="extend_info&&extend_info.target">
+        <view class="c_title">目标数量: {{extend_info.target}}</view>
+      </view>
+      <view class="card" v-if="extend_info&&extend_info.store_name">
+        <view class="c_title">指定商品: </view>
+        <view class="store">
+          <view class="store_name" v-for="(item, index) in extend_info.store_name" :key="index" @click="copyName(item)">
+            {{item}}
+          </view>
+        </view>
+      </view>
       <view class="card">
         <view class="c_title">判定条件:</view>
         <view style="white-space: pre-line;">{{remark}}</view>
@@ -29,6 +40,7 @@
           content: '',
           extend: {}
         },
+        extend_info: null,
         remark: '',
         skeleton: true,
         type_value: 'town_task_type', // 任务类型
@@ -46,6 +58,13 @@
         let res = await townTaskDetails({
           id: this.taskInfo.id
         });
+        if(res.data?.template_info?.extend){
+          if(res.data?.template_info?.extend?.goods_id && typeof res.data?.template_info?.extend?.goods_id!=='object'){
+            res.data.template_info.extend.goods_id = res.data?.template_info?.extend?.goods_id.split(',');
+            res.data.template_info.extend.store_name = res.data?.template_info?.extend?.store_name.split(';')||[];
+          }
+          this.extend_info = res.data?.template_info?.extend;
+        }
         this.taskInfo = res.data;
         let dict = await dictDataListsTypeValue({
           type_value: this.type_value
@@ -57,6 +76,17 @@
         })
         this.skeleton = false;
       },
+      copyName(str = "", type = "商品名称") {
+      	if (str) uni.setClipboardData({
+      		data: str + "",
+      		success: (e) => {
+      			Toast(type + '已复制')
+      		},
+      		fail: (e) => {
+      			Toast('复制失败')
+      		}
+      	})
+      }
     },
   }
 </script>
@@ -138,6 +168,23 @@
           border: 2px solid transparent;
         }
       }
+      
+      .store{
+        display: flex;
+        flex-wrap: wrap;
+        font-size: 26rpx;
+        color: #0122c7;
+        margin-top: -10rpx;
+        &_name{
+          flex-shrink: 0;
+          padding: 8rpx;
+          border: 5rpx solid #0122c7;
+          border-radius: 10rpx;
+          background-color: rgba(#0122c7, 0.1);
+          margin-right: 10rpx;
+          margin-top: 10rpx;
+        }
+      }
     }
     
     .loading{