feat 加loading

PageComponents/myDynamic/myDynamic.acss

 @import "../../template/affairBlank/index.acss";
+@import "../../template/loading/loading.acss";
 .dynamicBox {
     width: 100%;
     overflow: hidden;

PageComponents/myDynamic/myDynamic.axml

 <import src="../../template/affairBlank/index.axml"/>
-<view class="{{isStopBodyScroll ? 'scroll-lock' : ''}}" onTap="closeSwipe" onTouchStart="closeSwipe" onTouchMove="closeSwipe" onTouchEnd="closeSwipe">
-  <block a:if="{{!loading}}">
-    <scroll-view a:if="{{dynamicList.length > 0}}" scroll-y="{{true}}" class="dynamicBox" onScrollToLower="onScrollToLower">
+<import src="../../template/loading/loading.axml"/>
+<view class="{{isStopBodyScroll ? 'scroll-lock' : ''}}" onTap="closeSwipe" onTouchStart="closeSwipe">
+  <template is="loading" a:if="{{loading}}"/>
+  <view a:if="{{dynamicList.length !== 0}}" scroll-y="{{true}}" class="dynamicBox" onScrollToLower="onScrollToLower">
     <view class="dynamicList">
       <swipe onSetBodyDisableScroll="setBodyDisableScroll" rightWidth="{{ 78 }}" leftWidth="{{ 0 }}" a:for="{{dynamicList}}" class="dynamicContent">
         <view class="dynamicDetails">
@@ -32,11 +33,9 @@
       </swipe>
     </view>
     </scroll-view>
-    <view class="noDate" a:else>
+    <view class="noDate" a:if="{{dynamicList.length == 0}}">
       <template is="affair-placeholder" data="{{title: '展示安排的所有动态', tip: '实时同步所有事件的最新动态，便于随时处理工作内容'}}"/>
     </view>
     </block>
-  <view class="noDate" a:else>
-    正在加载
   </view>
 </view>
\ No newline at end of file

PageComponents/myDynamic/myDynamic.js

@@ -15,8 +15,9 @@ create.Component({
     dynamicList: [],
     current: 1,
     pages: 1,
-    size: 10
-
+    size: 10,
+    noData: false,
+    loading: true
   },
   props: {},
   didMount() {
@@ -103,8 +104,11 @@ create.Component({
         this.setData({
           current: res.data.data.current,
           pages: res.data.data.pages,
-          loading: false
         });
+        this.setData({
+          loading: false
+        })
+
       });
     },
     changeCollection(e) {

PageComponents/scheduleList/scheduleList.acss

+@import "../../template/loading/loading.acss";
 .index {
     background: #FFFFFF;
 }

PageComponents/scheduleList/scheduleList.axml

-<view class="scheduleHeader">
+<import src="../../template/loading/loading.axml"/>
+<view a:if="{{!loading}}">
+  <view class="scheduleHeader">
     <view>2020年3月</view>
     <view onTap="changesidebar" class="headerIcon">
       <text class="iconfont iconicon_app1">
@@ -6,8 +8,8 @@
       <view>
       </view>
     </view>
-</view>
-<scroll-view class="indexScrollView" scroll-y="{{true}}" style="background: #FFFFFF" lower-threshold="1000" onScrollToLower="lower" scroll-into-view="{{todayStr}}">
+  </view>
+  <scroll-view class="indexScrollView" scroll-y="{{true}}" style="background: #FFFFFF" lower-threshold="1000" onScrollToLower="lower" scroll-into-view="{{todayStr}}">
     <block a:for="{{scheduleList}}" a:for-item="scheduleYearList">
       <block a:for="{{scheduleYearList}}">
         <block a:if="{{item.type == 'year'}}">
@@ -26,15 +28,6 @@
               {{item.value}}
             </view>
           </view>
-      </block>
-      <block a:elif="{{item.type == 'day'}}">
-        <view class="date">
-          <view class="dateTime {{item.isThisDay}}">
-            <view>
-                  {{item.value.week}}
-            </view>
-            <text>{{item.value.day}}</text>
-          </view>
           <view class="dataSchedule">
             <view a:for="{{item.value.value}}" a:for-item="item2" data-item="{{item2}}" class="{{ item2.isBeOverdue ? 'overdue' : item2.confirmAttendance === 0 ? 'cancel' : '' }}" onTap="nextDetail">
               <view class="dataScheduleName">
@@ -48,7 +41,6 @@
               </view>
             </view>
           </view>
-        </view>
         </block>
         <block a:elif="{{item.type == 'today'}}">
           <view class="date" id="{{item.value.dateStr}}">
@@ -72,7 +64,6 @@
                 </view>
               </view>
             </view>
-        </view>
             </block>
             <block a:elif="{{item.type == 'thisDay'}}">
               <view class="date" id="{{item.value.dateStr}}">
@@ -93,8 +84,8 @@
             </block>
             </block>
             </block>
-</scroll-view>
-<popup show="{{show}}" onClose="closePop" position="left">
+            </scroll-view>
+            <popup show="{{show}}" onClose="closePop" position="left">
               <view class="sidebarContent" catchTap="preventSort">
                 <view class="sidebarLogo">
                   <view>
@@ -184,4 +175,6 @@
                   </view>
                 </view>
               </view>
-</popup>
+            </popup>
\ No newline at end of file
+          </view>
+          <template is="loading" a:if="{{loading}}"/>
\ No newline at end of file

PageComponents/scheduleList/scheduleList.js

@@ -23,7 +23,8 @@ create.Component({
     show: false,
     scrollHeight: "",
     timeStamp: "",
-    userMsg: {}
+    userMsg: {},
+    loading: true
   },
   props: {},
   didMount() {
@@ -45,15 +46,16 @@ create.Component({
       this.getDate();
     }
   },
-  didUnmount() {},
+  didUnmount() { },
   methods: {
-    getDate: throttle(function(e) {
+    getDate: throttle(function (e) {
       let data = {
         startTime: "2020-01-01 00:00:00",
         endTime: "2025-12-30 23:59:59"
       };
       let that = this;
       getHomeUserSchedule1(data).then(res => {
+        console.log(this)
         that.setData(
           {
             response: res.data.data
@@ -71,13 +73,18 @@ create.Component({
               scheduleList: scheduleList,
               todayStr: finalDate.toLocaleDateString(),
               thisYear: year,
-              maxYear: year
+              maxYear: year,
+              loading: false
             });
           }
+
         );
+        that.setData({
+          loading: false
+        })
       });
     }, 1000),
-    nextDetail: throttle(function(e) {
+    nextDetail: throttle(function (e) {
       let item = e.target.dataset.item;
       dd.navigateTo({
         url: `./../meetingDetail/meetingDetail?scheduleItem=${JSON.stringify(
@@ -233,7 +240,7 @@ create.Component({
             );
           }
         });
-        scheduleMap.forEach(function(value, key, map) {
+        scheduleMap.forEach(function (value, key, map) {
           scheduleList.push(value);
         });
         return scheduleList;
@@ -305,7 +312,7 @@ create.Component({
       // 第一个月的第一天
       let listWeek = new Date(year, 0, 1).getDay() === 0 ? 0 : 1;
       let thisDay = new Date().toLocaleDateString();
-      DateMap.forEach(function(value, key, map) {
+      DateMap.forEach(function (value, key, map) {
         const keyDate = new Date(key);
         if (keyDate.getDay() === 0) {
           let rangeYear1 = keyDate.getFullYear();

api/http.js

@@ -15,11 +15,19 @@ export default function http(data) {
         success: function (res) {
           if (res.data.code == 0) {
             resolve(res);
+          } else {
+            dd.alert({
+              content: '网络异常',
+              buttonText: '确定'
+            })
           }
         },
         fail: function (res) {
+          dd.alert({
+            content: '网络异常',
+            buttonText: '确定'
+          })
           rejects(res)
-          console.log(res)
         }
       })
     })

components/fileList/fileList.acss

@@ -6,7 +6,7 @@
 }
 
 .task-list {
-    border: 1rpx solid rgba(245, 246, 247, 1);
+    border: 1rpx solid rgba(10, 10, 10, 0.14);
     border-radius: 16rpx;
     border-radius: 16rpx;
     padding: 24rpx 22rpx 0 22rpx;
@@ -107,41 +107,29 @@
 }
 
 .pdf {
-    background: url(../../assests/pdf.png) center /100% 100%;
+    background: url(../../assests/pdf.png) center /100% 100% !important;
 }
 
 .png, .jpg, .svg, .jpeg {
-    background: url(../../assests/image.png) center /100% 100%;
+    background: url(../../assests/image.png) center /100% 100% !important;
 }
 
-.docx {
-    background: url(../../assests/docx.png) center /100% 100%;
+.docx, .txt, .doc, .pages, .wps {
+    background: url(../../assests/docx.png) center /100% 100% !important;
 }
 
-.mov {
-    background: url(../../assests/mp4.png) center /100% 100%;
+.mov, .mp4 {
+    background: url(../../assests/mp4.png) center /100% 100% !important;
 }
 
-.mp4 {
-    background: url(../../assests/mp4.png) center /100% 100%;
+.pptx, .ppt, .key {
+    background: url(../../assests/ppt.png) center /100% 100% !important;
 }
 
-.ppt {
-    background: url(../../assests/ppt.png) center /100% 100%;
+.xlsx, .numbers {
+    background: url(../../assests/xlsx.png) center /100% 100% !important;
 }
 
-.pptx {
-    background: url(../../assests/ppt.png) center /100% 100%;
-}
-
-.pdf {
-    background: url(../../assests/pdf.png) center /100% 100%;
-}
-
-.xlsx {
-    background: url(../../assests/xlsx.png) center /100% 100%;
-}
-
-.zip {
-    background: url(../../assests/zip.png) center /100% 100%;
+.zip, .rar {
+    background: url(../../assests/zip.png) center /100% 100% !important;
 }
\ No newline at end of file

components/taskList/taskList.acss

 @import "../../template/avater/index.acss";
 @import "../../template/checkbox/index.acss";
 .task-list {
-    border: 1rpx solid rgba(245, 246, 247, 1);
+    border: 1rpx solid rgba(10, 10, 10, 0.14);
     border-radius: 16rpx;
     border-radius: 16rpx;
     padding: 14rpx 16rpx 0;
@@ -11,7 +11,7 @@
 .task-list>.task-box {
     background: rgba(255, 255, 255, 1);
     border-radius: 8rpx;
-    box-shadow: 0 0 8rpx 0rpx rgba(0, 0, 0, 0.04);
+    box-shadow: 0 0 8rpx 0rpx rgba(0, 0, 0, 0.14);
     padding: 0 16rpx;
     height: 80rpx;
     color: rgba(27, 38, 61, 1);

pages/createMeeting/createMeeting.acss

@@ -9,7 +9,7 @@ page {
 .icon {
     vertical-align: middle;
     color: #0a0a0a;
-    font-size: 40rpx;
+    font-size: 36rpx;
     line-height: 50rpx;
 }
 
@@ -43,9 +43,8 @@ input {
 .remark>input {
     padding-left: 0;
     width: 100%;
-    opacity: 0.72;
     font-size: 28rpx;
-    color: rgba(3, 3, 3, 1)
+    color: rgba(10, 10, 10, 0.4)
 }
 
 .placeholder {
@@ -94,6 +93,11 @@ input {
     color: #9599A2;
 }
 
+.close {
+    font-size: 32rpx;
+    color: rgba(10, 10, 10, 0.4)
+}
+
 .repeatModal {
     color: #191F25;
     margin-top: 24rpx;
@@ -196,8 +200,8 @@ input {
     text-align: center;
     line-height: 78rpx;
     font-size: 50rpx;
-    height: 80rpx;
-    border: 1rpx solid #F6F6F6;
+    height: 78rpx;
+    border: 1rpx solid rgba(10, 10, 10, 0.14);
     border-radius: 50%;
     color: #BBBEC5;
 }

pages/index/index.axml

-<!--<<<<<<< Updated upstream<view a:if="{{tabBarIndex === '0'}}">
-=======<view style="position:absolute"></view> -->
 <view a:if="{{$data.tabBarIndex === '0'}}">
-    <!-- >>>>>>> Stashed changes -->
     <my-dynamic>
     </my-dynamic>
 </view>

pages/meetingDetail/meetingDetail.acss

@@ -143,7 +143,7 @@ page {
 .icon {
     vertical-align: middle;
     color: #0a0a0a;
-    font-size: 40rpx;
+    font-size: 36rpx;
     line-height: 50rpx;
     line-height: 50rpx;
 }
@@ -184,9 +184,8 @@ input {
 .remark>input {
     padding-left: 0;
     width: 100%;
-    opacity: 0.72;
     font-size: 28rpx;
-    color: rgba(3, 3, 3, 1)
+    color: rgba(10, 10, 10, 0.4)
 }
 
 .placeholder {
@@ -239,6 +238,11 @@ input {
     color: #9599A2;
 }
 
+.close {
+    font-size: 32rpx;
+    color: rgba(10, 10, 10, 0.4)
+}
+
 .repeatModal {
     color: #191F25;
     margin-top: 24rpx;
@@ -341,8 +345,8 @@ input {
     text-align: center;
     line-height: 78rpx;
     font-size: 50rpx;
-    height: 80rpx;
-    border: 1rpx solid #F6F6F6;
+    height: 78rpx;
+    border: 1rpx solid rgba(10, 10, 10, 0.14);
     border-radius: 50%;
     color: #BBBEC5;
 }
@@ -385,7 +389,7 @@ input {
 
 .originStaus>view>.iconfont {
     margin-right: 12rpx;
-    color: #A9ACB4;
+    color: rgba(10, 10, 10, 0.4);
     vertical-align: middle;
 }
 
@@ -456,6 +460,7 @@ input {
     align-items: center;
     justify-content: flex-end;
     width: 100%;
+    color: rgba(10, 10, 10, 0.4);
 }
 
 .footerBottom>view {
@@ -549,3 +554,26 @@ input {
     width: 100%;
     height: 100%;
 }
+
+.loading {
+    width: 100vw;
+    height: 100%;
+    background: #fff;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+}
+
+.loading .image {
+    width: 56rpx;
+    height: 56rpx;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    margin-left: -28rpx;
+    margin-top: -28rpx;
+    text-align: center;
+    background: url(../../assests/loading.gif) center / 100% 100%;
+    vertical-align: middle;
+}
\ No newline at end of file

pages/meetingDetail/meetingDetail.axml

@@ -238,4 +238,9 @@
         <task-panel a:if="{{pop.type === 'updateTask'}}" action='update' onDeleteTask="deleteTask"/>
       </popup>
     </view>
-    </block>
+  </view>
\ No newline at end of file
+</block>
+<view class="loading" a:if="{{loading || !getData}}">
+  <view class="image">
+  </view>
+</view>
\ No newline at end of file

pages/outLookContact/outLookContact.js

@@ -218,10 +218,6 @@ create.Page({
         if (res.data.code === 0) {
           this.$store.data.indexNeedUpdate = true
           this.update()
-          this.setData({
-            'conToastData.showToast': true,
-            'conToastData.title': '保存成功'
-          })
           if (this.$store.data.originalData.repeatable === 1) {
             observer.notice(res.data.data)
           }

pages/participantsDetail/participantsDetail.js

@@ -252,10 +252,6 @@ create.Page({
         if (res.data.code === 0) {
           this.$store.data.indexNeedUpdate = true
           this.update()
-          this.setData({
-            'conToastData.showToast': true,
-            'conToastData.title': '保存成功'
-          })
           this.operateUserS()
           if (this.$store.data.originalData.repeatable === 1) {
             observer.notice(res.data.data)

pages/place/place.js

@@ -161,10 +161,6 @@ create.Page({
     return new Promise((resolve, rejects) => {
       modifySchedule(Object.assign(data, obj)).then(res => {
         if (res.data.code === 0) {
-          this.setData({
-            'conToastData.showToast': true,
-            'conToastData.title': '保存成功'
-          })
           if (this.$store.data.originalData.repeatable === 1) {
             observer.notice(res.data.data)
           }

template/deleteBtn/index.acss

@@ -19,3 +19,7 @@
     font-size: 28rpx;
     margin-right: 18rpx;
 }
+
+.delete-task-text {
+    color: #0a0a0a;
+}
\ No newline at end of file

template/deleteBtn/index.axml

@@ -2,7 +2,7 @@
     <view class="delete-task-wrap">
         <view class="delete-task" onTap="handleDelete">
             <text class="iconfont iconicon_delete"></text>
-            {{title}}
+            <text class="delete-task-text">{{title}}</text>
         </view>
     </view>
 </template>
\ No newline at end of file

template/loading/loading.acss

+.loading {
+    width: 100vw;
+    height: 100vh;
+    background: #fff;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+}
+
+.loading .image {
+    width: 56rpx;
+    height: 56rpx;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    margin-left: -28rpx;
+    margin-top: -28rpx;
+    text-align: center;
+    background: url(../../assests/loading.gif) center / 100% 100%;
+    vertical-align: middle;
+}
\ No newline at end of file

template/loading/loading.axml

+<template name="loading">
+  <view class="loading">
+    <view class="image">
+    </view>
+  </view>
+</template>
\ No newline at end of file