完善镇管理公司相关任务

subpkg/serviceTask/serviceTask.vue

@@ -1,5 +1,9 @@
 <template>
   <view class="task_page">
+    <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>
@@ -8,6 +12,7 @@
         <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>

subpkg/serviceTask/serviceTask4.vue

@@ -1,5 +1,9 @@
 <template>
   <view class="task_page">
+    <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>
@@ -44,6 +48,7 @@
       <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>