保姆工作台页面

client/pages/common/index/index.js

@@ -82,13 +82,13 @@ Page({
       request.httpServiceGet(apiUrl.getUserInfoPath,params).then(data=>{
         console.log(data);
         //  授权用户信息后将用户信息存到本地存储和globalData
-        // if(data!=undefined){
+        if(data!=undefined){
            app.globalData.userInfo=data;
        my.setStorageSync({
          key:"userInfo",
          data:data
        });
-        // }
+        }
       
         })
 

client/pages/customer/customerCenter/customerCenter.acss

@@ -0,0 +1,121 @@
+page{
+  padding-top:24rpx;
+}
+.module-card{
+  height: 118rpx;
+  background: url('/image/icon-right.png') no-repeat  97% center;
+  background-size:12rpx;
+  background-color: #fff;
+  padding:0 24rpx;
+  margin:0 0 24rpx 0;
+}
+/* 任务提醒 */
+.task-module{
+  padding:24rpx;
+  margin:0 0 24rpx 0;
+}
+.task-top{
+  background: url('/image/icon-right.png') no-repeat  right 6rpx;
+  background-size:12rpx;
+  background-color: #fff;
+  margin:0 0 20rpx 0;
+}
+.no-add{
+  background: #FAFAFA;
+  height: 240rpx;
+  font-size: 36rpx;
+  color:#09AFFF;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius:12rpx;
+}
+/* 今天无任务 */
+.no-task{
+  background: #FAFAFA;
+  height: 326rpx;
+  font-size: 36rpx;
+  color:#999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius:12rpx;
+}
+/* 任务列表 */
+.task-item{
+  background: #FAFAFA;
+  height: 100rpx;
+  line-height: 100rpx;
+  border-radius:12rpx;
+  padding-left:28rpx;
+  margin:0 0 16rpx 0;
+  color:#666;
+  font-weight: bold;
+}
+.task-item:last-child{
+  margin:0;
+}
+.task-schedule{
+  color:#FFAA00;
+  font-size: 20rpx;
+  border-radius:4rpx;
+  background: #FFF6E6;
+  padding:2rpx 8rpx;
+  margin-left:6rpx;
+  font-weight: normal;
+}
+.module-text{
+  height: 118rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+.module-title{
+  font-size: 28rpx;
+  font-weight: bold;
+  display: flex;
+  align-items: center;
+}
+.module-detail{
+  color: #999;
+  font-size: 20rpx;
+  margin-top:8rpx;
+}
+.no-service-standard{
+  color:#FF5030;
+  font-size: 20rpx;
+  border-radius:4rpx;
+  background: #FFEDEA;
+  padding:2rpx 8rpx;
+  margin-left:6rpx;
+  font-weight: normal;
+}
+.report-tips{
+  color:#09AFFF;
+  font-size: 20rpx;
+  border-radius:4rpx;
+  background: #E6F7FF;
+  padding:2rpx 8rpx;
+  margin-left:6rpx;
+  font-weight: normal;
+}
+/* 敬请期待 */
+.future-module{
+  padding:24rpx 24rpx 32rpx;
+}
+.forward-title{
+  font-size:32rpx;
+  font-weight:bold;
+  margin-bottom:20rpx;
+}
+.forward-unit-wrapper{
+  height: 128rpx;
+  display: flex;
+  justify-content: space-between
+}
+.forward-unit-wrapper image{
+  width:128rpx;
+  height:128rpx;
+  border-radius: 12rpx;
+  background: #ddd;
+}

client/pages/customer/customerCenter/customerCenter.axml

@@ -1,3 +1,60 @@
-<view>
-  New Page
+<view class="common-page-padding">
+ <!-- 信息面板 -->
+ <view class="common-card"></view>
+ <!-- 通知 -->
+ <view class="notice-bar"></view>
+ <!-- 任务提醒 -->
+  <view class="common-card task-module">
+     <view class="task-top">
+      <view class="module-title">任务提醒
+       <text class="task-schedule"  a:if="{{taskListShow}}">完成进度7/10</text>
+      </view>
+      <view class="module-detail">高效沟通 任务提醒更可靠</view>
+      </view>
+     <!-- 暂未添加 -->
+     <view class="no-add" a:if="{{noAddTaskShow}}">
+         +快速添加
+     </view>
+     <!-- 今天无任务 -->
+     <view class="no-task" a:if="{{noTaskShow}}">
+     今天保姆休息
+     </view>
+     <!-- 任务列表 -->
+     <view class="task-list" a:if="{{taskListShow}}">
+        <view class="task-item" a:for="{{taskList}}" key="{{index}}">
+        {{item}}
+        </view>
+     </view>
+     
+  </view>
+  <!-- 服务标准 -->
+   <view class="common-card module-card">
+      <view class="module-text">
+      <view class="module-title">
+      服务标准
+      <text class="no-service-standard">未设置</text>
+      </view>
+      <view class="module-detail">标准化服务 更贴心</view>
+      </view>
+   </view>
+   <!-- 月报 -->
+    <view class="common-card module-card">
+       <view class="module-text">
+      <view class="module-title">
+      保姆月报
+      <text class="report-tips">服务时间较短，暂未生成～</text>
+      </view>
+      <view class="module-detail">服务回顾 发现问题</view>
+      </view>
+    </view>
+    <!-- 敬请期待 -->
+     <view class="common-card future-module">
+        <view class="forward-title">敬请期待</view>
+        <view class="forward-unit-wrapper">
+          <image mode="scaleToFill" src=""/>
+          <image mode="scaleToFill" src=""/>
+          <image mode="scaleToFill" src=""/>
+          <image mode="scaleToFill" src=""/>
+        </view>
+     </view>
 </view>

client/pages/customer/customerCenter/customerCenter.js

@@ -1,4 +1,9 @@
 Page({
-  data: {},
+  data: {
+    noAddTaskShow:false,//未添加任务
+    noTaskShow:false,//今天无任务
+    taskListShow:true,//任务列表
+    taskList:['洗衣服','做晚饭','打扫卫生'],
+  },
   onLoad() {},
 });