diff --git a/subpkg/serviceTask/serviceTask.vue b/subpkg/serviceTask/serviceTask.vue
index ba1e643..7498888 100644
--- a/subpkg/serviceTask/serviceTask.vue
+++ b/subpkg/serviceTask/serviceTask.vue
@@ -1,13 +1,18 @@
 <template>
   <view class="task_page">
-    <view class="card">
-      <view class="c_title">{{`任务名称: ${taskInfo.title||''}`}}</view>
-      <view>{{taskInfo.content||''}}</view>
-    </view>
-    <view class="card">
-      <view class="c_title">判定条件:</view>
-      <view style="white-space: pre-line;">{{remark}}</view>
-    </view>
+    <u-skeleton v-if="skeleton" :class="{'loading': skeleton}" :animate="true" title rows="3" rows-width="92%"
+    	rowsHeight="56">
+    </u-skeleton>
+    <block v-else>
+      <view class="card">
+        <view class="c_title">{{`任务名称: ${taskInfo.title||''}`}}</view>
+        <view>{{taskInfo.content||''}}</view>
+      </view>
+      <view class="card">
+        <view class="c_title">判定条件:</view>
+        <view style="white-space: pre-line;">{{remark}}</view>
+      </view>
+    </block>
   </view>
 </template>
 
@@ -24,7 +29,8 @@
           content: '',
           extend: {}
         },
-        remark: ''
+        remark: '',
+        skeleton: true
       }
     },
     onLoad(options) {
@@ -34,6 +40,7 @@
     onShow() {},
     methods: {
       async initTask(){
+        this.skeleton = true;
         let res = await serviceTaskDetails({
           id: this.taskInfo.id
         });
@@ -46,6 +53,7 @@
             this.remark = item.remark;
           }
         })
+        this.skeleton = false;
       },
     },
   }
@@ -129,5 +137,9 @@
         }
       }
     }
+    
+    .loading{
+      padding: 28rpx;
+    }
   }
 </style>
\ No newline at end of file
diff --git a/subpkg/serviceTask/serviceTask4.vue b/subpkg/serviceTask/serviceTask4.vue
index 175926f..3a6c919 100644
--- a/subpkg/serviceTask/serviceTask4.vue
+++ b/subpkg/serviceTask/serviceTask4.vue
@@ -1,49 +1,54 @@
 <template>
   <view class="task_page">
-    <view class="card">
-      <view class="c_title">{{`任务名称: ${taskInfo.title||''}`}}</view>
-      <view>{{taskInfo.content||''}}</view>
-    </view>
-    <view class="card">
-      <view class="c_title">{{`学习照片 ( ${study_photo.length}/5 ) 张`}}</view>
-      <view class="file">
-        <view class="file_item" v-for="(item, index) in study_photo" :key="'file'+index">
-          <image class="image" :src="item" @click="priview(index)"></image>
-          <image v-if="taskInfo.status==2" class="del" src="/static/icons/delete.png" @click.stop="deleteFile(index)">
-          </image>
-        </view>
-        <view v-if="taskInfo.status==2" 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>
+    <u-skeleton v-if="skeleton" :class="{'loading': skeleton}" :animate="true" title rows="5" rows-width="92%"
+    	rowsHeight="56">
+    </u-skeleton>
+    <block v-else>
+      <view class="card">
+        <view class="c_title">{{`任务名称: ${taskInfo.title||''}`}}</view>
+        <view>{{taskInfo.content||''}}</view>
       </view>
-    </view>
-    <view class="card">
-      <view class="c_title">{{`签到表照片 ( ${sign_in_table?1:0}/1 ) 张`}}</view>
-      <view class="file">
-        <view v-if="sign_in_table" class="file_item">
-          <image class="image" :src="sign_in_table" @click="priviewOne(index)"></image>
-          <image v-if="taskInfo.status==2" class="del" src="/static/icons/delete.png"
-            @click.stop="deleteFile(index, 'sign_in_table')">
-          </image>
+      <view class="card">
+        <view class="c_title">{{`学习照片 ( ${study_photo.length}/5 ) 张`}}</view>
+        <view class="file">
+          <view class="file_item" v-for="(item, index) in study_photo" :key="'file'+index">
+            <image class="image" :src="item" @click="priview(index)"></image>
+            <image v-if="taskInfo.status==2" class="del" src="/static/icons/delete.png" @click.stop="deleteFile(index)">
+            </image>
+          </view>
+          <view v-if="taskInfo.status==2" 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 v-else class="file_btn" @click="chooseOneFile">
-          <image src="/static/icons/plus.png"></image>
-        </view>
-        <view class="file_empty" v-for="k in 2" :key="'empty'+k"></view>
       </view>
-    </view>
-    <view class="card" style="margin-bottom: 160rpx;">
-      <view class="c_title">培训内容大纲 (50字以上)</view>
-      <u--textarea :disabled="taskInfo.status!=2" v-model="study_content" placeholder="请输入内容"
-        placeholderStyle="font-size: 22rpx;" count maxlength="500" autoHeight
-        style="font-size: 28rpx;background-color: #eee;min-height: 100px;padding-bottom: 50rpx;"></u--textarea>
-    </view>
-    <mybtn v-if="taskInfo.status==2" text="确认提交" @click="$u.throttle(submit, 1500)"></mybtn>
-    <mybtn v-else-if="taskInfo.status==3" text="已完成" :my_btn_disabled="true" @click="showToast('任务已完成')"></mybtn>
-    <mybtn v-else-if="taskInfo.status==5" text="已关闭" :my_btn_disabled="true" @click="showToast('任务已关闭!')"></mybtn>
-    <!-- <mybtn v-else-if="approve_status==3" text="已驳回,请重新提交" @click="toUpdate"></mybtn> -->
-    <mybtn v-else text="已提交,请等待审核" :my_btn_disabled="true" @click="showToast('请耐心等待审核结果')"></mybtn>
+      <view class="card">
+        <view class="c_title">{{`签到表照片 ( ${sign_in_table?1:0}/1 ) 张`}}</view>
+        <view class="file">
+          <view v-if="sign_in_table" class="file_item">
+            <image class="image" :src="sign_in_table" @click="priviewOne(index)"></image>
+            <image v-if="taskInfo.status==2" class="del" src="/static/icons/delete.png"
+              @click.stop="deleteFile(index, 'sign_in_table')">
+            </image>
+          </view>
+          <view v-else class="file_btn" @click="chooseOneFile">
+            <image src="/static/icons/plus.png"></image>
+          </view>
+          <view class="file_empty" v-for="k in 2" :key="'empty'+k"></view>
+        </view>
+      </view>
+      <view class="card" style="margin-bottom: 160rpx;">
+        <view class="c_title">培训内容大纲 (50字以上)</view>
+        <u--textarea :disabled="taskInfo.status!=2" v-model="study_content" placeholder="请输入内容"
+          placeholderStyle="font-size: 22rpx;" count maxlength="500" autoHeight
+          style="font-size: 28rpx;background-color: #eee;min-height: 100px;padding-bottom: 50rpx;"></u--textarea>
+      </view>
+      <mybtn v-if="taskInfo.status==2" text="确认提交" @click="$u.throttle(submit, 1500)"></mybtn>
+      <mybtn v-else-if="taskInfo.status==3" text="已完成" :my_btn_disabled="true" @click="showToast('任务已完成')"></mybtn>
+      <mybtn v-else-if="taskInfo.status==5" text="已关闭" :my_btn_disabled="true" @click="showToast('任务已关闭!')"></mybtn>
+      <!-- <mybtn v-else-if="approve_status==3" text="已驳回,请重新提交" @click="toUpdate"></mybtn> -->
+      <mybtn v-else text="已提交,请等待审核" :my_btn_disabled="true" @click="showToast('请耐心等待审核结果')"></mybtn>
+    </block>
   </view>
 </template>
 
@@ -56,6 +61,7 @@
   export default {
     data() {
       return {
+        skeleton: true,
         other: {
           annex: [], // 图片列表
           is_commit: 0, // 是否提交
@@ -88,6 +94,7 @@
     },
     methods: {
       async initTask() {
+        this.skeleton = true;
         let res = await serviceTaskDetails({
           id: this.taskInfo.id
         });
@@ -95,6 +102,7 @@
         this.sign_in_table = this.taskInfo?.extend?.town_task_type_4?.sign_in_table;
         this.study_content = this.taskInfo?.extend?.town_task_type_4?.study_content;
         this.study_photo = JSON.parse(JSON.stringify(this.taskInfo?.extend?.town_task_type_4?.study_photo || []));
+        this.skeleton = false;
       },
       // 提交
       async submit() {
@@ -254,5 +262,9 @@
         }
       }
     }
+    
+    .loading{
+      padding: 28rpx;
+    }
   }
 </style>
\ No newline at end of file