diff --git a/src/App.vue b/src/App.vue
index 384de0a..da83888 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -35,7 +35,7 @@
 	.ox-dark-mask{
 		position: fixed;
 		left: 0;
-		top: 0;
+		top: var(--window-top);
 		right: 0;
 		bottom: 0;
 		background-color: rgba(0, 0, 0, .5);
diff --git a/src/pages.json b/src/pages.json
index 76f409c..fd34209 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -1,6 +1,30 @@
 {
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
+			"path": "pages/order_list/order_list",
+			"style": {
+				"navigationBarTitleText": "订单列表"
+			}
+		},
+		{
+			"path": "pages/write_off/confirm/confirm",
+			"style": {
+				"navigationBarTitleText": "确认订单信息"
+			}
+		},
+		{
+			"path": "pages/write_off/list/list",
+			"style": {
+				"navigationBarTitleText": "扫码核销"
+			}
+		},
+		{
+			"path": "pages/employee/review_list/review_list",
+			"style": {
+				"navigationBarTitleText": "员工管理"
+			}
+		},
+		{
 			"path": "pages/employee/perfect_info/perfect_info",
 			"style": {
 				"navigationBarTitleText": "员工信息"
diff --git a/src/pages/employee/authority_filter/authority_filter.vue b/src/pages/employee/authority_filter/authority_filter.vue
index 9e1935d..ee6617c 100644
--- a/src/pages/employee/authority_filter/authority_filter.vue
+++ b/src/pages/employee/authority_filter/authority_filter.vue
@@ -30,7 +30,7 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-    @import "../../../../style/public.scss";
+    @import "../../../style/public.scss";
     .authoeity-filter{
         padding: 62upx 24upx 0;
         .af-title{
diff --git a/src/pages/employee/authority_select/authority_select.vue b/src/pages/employee/authority_select/authority_select.vue
index 0f59304..ee3879c 100644
--- a/src/pages/employee/authority_select/authority_select.vue
+++ b/src/pages/employee/authority_select/authority_select.vue
@@ -58,7 +58,7 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-    @import "../../../../style/public.scss";
+    @import "../../../style/public.scss";
     .as-contetnt{
         switch{
             transform: scale(.7);
diff --git a/src/pages/employee/change_admin/change_admin.vue b/src/pages/employee/change_admin/change_admin.vue
index ad58d7d..acf89ed 100644
--- a/src/pages/employee/change_admin/change_admin.vue
+++ b/src/pages/employee/change_admin/change_admin.vue
@@ -21,7 +21,7 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-    @import "../../../../style/public.scss";
+    @import "../../../style/public.scss";
     .change-admin{
         padding: 62upx 24upx 0;
         .ca-title{
diff --git a/src/pages/employee/invite_code/invite_code.vue b/src/pages/employee/invite_code/invite_code.vue
index 6ea91b8..f669e03 100644
--- a/src/pages/employee/invite_code/invite_code.vue
+++ b/src/pages/employee/invite_code/invite_code.vue
@@ -28,7 +28,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-    @import "../../../../style/public.scss";
+    @import "../../../style/public.scss";
     page{
         background-color: $themeColor;
     }
diff --git a/src/pages/employee/manage/manage.vue b/src/pages/employee/manage/manage.vue
index a4df49d..25e5a1f 100644
--- a/src/pages/employee/manage/manage.vue
+++ b/src/pages/employee/manage/manage.vue
@@ -75,7 +75,7 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-    @import "../../../../style/public.scss";
+    @import "../../../style/public.scss";
     .em-content{
         padding-bottom: 96upx;
         padding-bottom: calc( 96upx + constant(safe-area-inset-bottom)); 
diff --git a/src/pages/employee/perfect_info/perfect_info.vue b/src/pages/employee/perfect_info/perfect_info.vue
index 57a1a4e..b4aa868 100644
--- a/src/pages/employee/perfect_info/perfect_info.vue
+++ b/src/pages/employee/perfect_info/perfect_info.vue
@@ -1,13 +1,25 @@
 <template>
   <view class="perfect-info">
-      <view class="pi-tip">欧轩智能场馆</view>
-      <view class="pi-title">邀请你成为员工</view>
-      <view class="pi-form">
-          <view>请完成以下信息，成为其员工</view>
-          <view>
-              <text>你的姓名</text>
-              <view><input /></view>
-          </view>
+      <view class="pi-content">
+          <view class="pi-tip">欧轩智能场馆</view>
+        <view class="pi-title">邀请你成为员工</view>
+        <view class="pi-form">
+            <view>请完成以下信息，成为其员工</view>
+            <view class="pf-line"> 
+                <text>你的姓名</text>
+                <view><input /></view>
+            </view>
+            <view class="pf-line"> 
+                <text>联系电话</text>
+                <view><input /></view>
+            </view>
+        </view>
+        <view class="pi-btn" hover-class="hover-active">接受邀请</view>
+      </view>   
+      <view class="pi-modal">
+          <image mode="aspectFit" src="/static/images/icon/success_tip.png"></image>
+          <view>提交成功</view>
+          <view>请耐心等待管理员审核</view>
       </view>
   </view>
 </template>
@@ -19,11 +31,12 @@ export default {
 </script>
 
 <style lang="scss">
-    @import "../../../../style/public.scss";
+    @import "../../../style/public.scss";
     page{
         background-color: #fff;
     }
-    .perfect-info{
+    .pi-content{
+
         padding-top: 104upx;
         .pi-tip{
             text-align: center;
@@ -40,6 +53,7 @@ export default {
             color: #1a1a1a; 
         }
         .pi-form{
+            margin-bottom: 198upx;
             padding-left: 74upx;
             padding-right: 78upx;
             >view:first-child{
@@ -48,6 +62,70 @@ export default {
                 font-size: 28upx;
                 color: #9c9c9f;
             }
+            .pf-line{
+                margin-bottom: 20upx;
+                @include centerFlex(flex-start);
+                >text{
+                    flex-shrink: 0;
+                    margin-right: 30upx;
+                    line-height: 44upx;
+                    font-size: 32upx;
+                    color: #9c9c9f;
+                }
+                >view{
+                    flex-grow: 1;
+                    padding: 0 30upx;
+                    height: 96upx;
+                    border-radius: 10upx;
+                    border: 2upx solid #D8D8D8;
+                    >input{
+                        width: 100%;
+                        height: 100%;
+                        font-size: 32upx;
+                        color: #1a1a1a;
+                    }
+                }
+            }
+        }
+        .pi-btn{
+            margin: 0 auto;
+            width: 500upx;
+            height: 112upx;
+            line-height: 112upx;
+            text-align: center;
+            border-radius: 10upx;
+            font-size: 32upx;
+            color: #fff;
+            background-color: $themeColor;
+        }
+    }
+    .pi-modal{
+        position: fixed;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        right: 0;
+        background-color: #fff;
+        padding-top: 248upx;
+        >image{
+            margin: 0 auto 44upx;
+            display: block;
+            width: 100upx;
+            height: 100upx;
+            &+view{
+                margin-bottom: 44upx;
+                text-align: center;
+                line-height: 60upx;
+                font-size: 44upx;
+                color: #1a1a1a;
+            }
+        }
+        view+view{
+            text-align: center;
+            line-height: 40upx;
+            font-size: 28upx;
+            color: #9c9c9f;
         }
+        
     }
 </style>
\ No newline at end of file
diff --git a/src/pages/employee/review_list/review_list.vue b/src/pages/employee/review_list/review_list.vue
new file mode 100644
index 0000000..e923279
--- /dev/null
+++ b/src/pages/employee/review_list/review_list.vue
@@ -0,0 +1,126 @@
+<template>
+  <view class="review-list">
+      <view class="rl-header">
+          <view>审核 3 人</view>
+          <view>
+              <text>全选</text>
+              <image mode="aspectFit"></image>
+          </view>
+      </view>
+      <view class="rl-users">
+          <view class="ru-item" v-for="e in 5" :key="e">
+              <view>
+                  <image class="ri-icon"></image>
+                  <image class="ri-avatar"></image>
+                  <view>胡雪儿</view>
+              </view>
+              <image mode="aspectFit" src="/static/images/icon/arrow_b2.png"></image>
+          </view>
+      </view>
+      <view class="rl-btn" hover-class="hover-active">审核通过</view>
+      <view class="rl-btn white" hover-class="hover-active">不通过</view>
+  </view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss">
+    @import "../../../style/public.scss";
+    page{
+        background-color: #fff;
+    }
+    .review-list{
+        .rl-header{
+            padding-left: 26upx;
+            padding-right: 44upx;
+            height: 132upx;
+            border-bottom: 2upx solid #D8D8D8;
+            @include centerFlex(space-between);
+            >view{
+                &:first-child{
+                    line-height: 44upx;
+                    font-size: 32upx;
+                    color: #1a1a1a;
+                }
+                &+view{
+                    line-height: 40upx;
+                    >text{
+                        margin-right: 20upx;
+                        font-size: 28upx;
+                        color: #9c9c9f;
+                    }
+                    >image{
+                        vertical-align: middle;
+                        width: 40upx;
+                        height: 40upx;
+                        border-radius: 50%;
+                        border: 2upx solid #9c9c9f;
+                    }
+                }
+            }
+        }
+        .rl-users{
+            margin-bottom: 100upx;
+            padding: 0 24upx;
+            .ru-item{
+                padding-right: 20upx;
+                height: 140upx;
+                border-bottom: 2upx solid #D8D8D8;
+                @include centerFlex(space-between);
+                >view{
+                    flex-grow: 1;
+                    @include centerFlex(flex-start);
+                    .ri-icon{
+                        flex-shrink: 0;
+                        width: 40upx;
+                        height: 40upx;
+                        border-radius: 50%;
+                        border: 2upx solid #D8D8D8;
+                    }
+                    .ri-avatar{
+                        flex-shrink: 0;
+                        margin: 0 20upx;
+                        width: 80upx;
+                        height: 80upx;
+                        border-radius: 10upx;
+                        background-color: skyblue;
+                    }
+                    >view{
+                        flex-grow: 1;
+                        line-height: 44upx;
+                        font-size: 32upx;
+                        color: #333;
+                        @include textHide(1);
+                    }
+                }
+                >image{
+                    flex-shrink: 0;
+                    margin-left: 20upx;
+                    height: 28upx;
+                    width: 28upx;
+                }
+                
+            }
+        }
+        .rl-btn{
+            margin: 0 auto 40upx;
+            width: 702upx;
+            height: 112upx;
+            line-height: 108upx;
+            text-align: center;
+            border-radius: 10upx;
+            border: 2upx solid $themeColor;
+            font-size: 32upx;
+            color: #fff;
+            background-color: $themeColor;
+            &.white{
+                background-color: #fff;
+                color: $themeColor;
+            }
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 442d7a2..dedc917 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -117,7 +117,7 @@
 </script>
 
 <style lang="scss" scoped>
-	@import "../../../style/public.scss";
+	@import "../../style/public.scss";
 	.index-container{
 		position: relative;
 	}
diff --git a/src/pages/merchant_info/merchant_info.vue b/src/pages/merchant_info/merchant_info.vue
index 974929e..b10dba4 100644
--- a/src/pages/merchant_info/merchant_info.vue
+++ b/src/pages/merchant_info/merchant_info.vue
@@ -29,7 +29,7 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-    @import "../../../style/public.scss";
+    @import "../../style/public.scss";
     .mi-list{
         padding: 24upx;
 
diff --git a/src/pages/merchant_login/merchant_login.vue b/src/pages/merchant_login/merchant_login.vue
index 1c26e9b..125c139 100644
--- a/src/pages/merchant_login/merchant_login.vue
+++ b/src/pages/merchant_login/merchant_login.vue
@@ -13,7 +13,7 @@ export default {
 }
 </script>
 <style lang="scss">
-    @import "../../../style/public.scss";
+    @import "../../style/public.scss";
     page{
         background-color: #fff;
     }
diff --git a/src/pages/order_list/order_list.vue b/src/pages/order_list/order_list.vue
new file mode 100644
index 0000000..6997d8c
--- /dev/null
+++ b/src/pages/order_list/order_list.vue
@@ -0,0 +1,138 @@
+<template>
+  <view class="order-list">
+      <view class="ol-header">
+          <view class="oh-cur-store">
+              <text>当前门店</text>
+              <picker>
+                <view class="ocs-store">
+                    <view>全部</view>
+                    <image mode="aspectFit" src="/static/images/icon/arrow_b2.png"></image>
+                </view> 
+              </picker>
+          </view>
+          <view class="oh-ctrl">
+              <picker>
+                  <view class="oc-period">
+                        <text>2020.08.01-2020.08.27</text>
+                        <view></view>
+                    </view>
+              </picker>
+              <view class="oc-bot">
+                  <view>成功交易245笔，退款25笔</view>
+                  <view class="ob-btns">
+                      <image mode="aspectFit" src="/static/images/icon/search.png"></image>
+                      <image mode="aspectFit" src="/static/images/icon/filter.png"></image>
+                  </view>
+              </view>
+          </view>
+      </view>
+      <view class="ox-dark-mask">
+          <view class="ol-classify"></view>
+      </view>
+      
+  </view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss" scoped>
+    @import "../../style/public.scss";
+    .order-list{
+        
+    }
+    .ol-header{
+        .oh-cur-store{
+            padding: 0 24upx;
+            height: 144upx;
+            background-color: #fff;
+            @include centerFlex(space-between);
+            >text{
+                margin-right: 20upx;
+                flex-shrink: 0;
+                line-height: 40upx;
+                font-size: 28upx;
+                color: #9c9c9f;
+            }
+            >picker{
+                flex-grow: 1;
+                .ocs-store{
+                    padding: 0 20upx;
+                    height: 92upx;
+                    border-radius: 10upx;
+                    background-color: #F2F2F7;
+                    @include centerFlex(space-between);
+                    >view{
+                        flex-grow: 1;
+                        font-size: 28upx;
+                        color: #1a1a1a;
+                        @include textHide(1);
+                    }
+                    >image{
+                        margin-left: 10upx;
+                        flex-shrink: 0;
+                        width: 28upx;
+                        height: 28upx;
+                        transform: rotateZ(90deg);
+                    }
+                }
+            }
+        }
+        .oh-ctrl{
+            padding: 24upx 40upx 26upx 24upx;
+            picker{
+                margin-bottom: 16upx;
+            }
+            .oc-period{
+                @include centerFlex(flex-start);
+                text{
+                    line-height: 44upx;
+                    font-size: 32upx;
+                    font-weight: 500;
+                    color: #1a1a1a;
+                }
+                view{
+                    margin-left: 14upx;
+                    width: 0;
+                    height: 0;
+                    border-left: 10upx solid transparent;
+                    border-right: 10upx solid transparent;
+                    border-top: 10upx solid #1a1a1a;
+                }
+            }
+            .oc-bot{
+                @include centerFlex(space-between);
+                >view:first-child{
+                    flex-grow: 1;
+                    line-height: 34upx;
+                    font-size: 24upx;
+                    color: #9c9c9f;
+                    @include textHide(1);
+                }
+                .ob-btns{
+                    flex-shrink: 0;
+                    @include centerFlex(flex-end);
+                    >image{
+                        flex-shrink: 0;
+                        margin-left: 40upx;
+                        width: 40upx;
+                        height: 40upx;
+                    }
+                }
+            }
+        }
+    }
+    .ol-classify{
+        position: absolute;
+        right: 0;
+        top: 0;
+        bottom: 0;
+        width: 500upx;
+        padding-left: 42upx;
+        background-color: #fff;
+
+    }
+</style>
\ No newline at end of file
diff --git a/src/pages/store_list/store_list.vue b/src/pages/store_list/store_list.vue
index c1dc403..8d389f3 100644
--- a/src/pages/store_list/store_list.vue
+++ b/src/pages/store_list/store_list.vue
@@ -23,7 +23,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-    @import "../../../style/public.scss";
+    @import "../../style/public.scss";
     .store-list{
         view{
             line-height: 40upx;
diff --git a/src/pages/write_off/confirm/confirm.vue b/src/pages/write_off/confirm/confirm.vue
new file mode 100644
index 0000000..9d554c9
--- /dev/null
+++ b/src/pages/write_off/confirm/confirm.vue
@@ -0,0 +1,199 @@
+<template>
+  <view class="write-off-confirm">
+      <view class="woc-content">
+          <view class="wc-info">
+              <view class="wi-title">欧轩智能羽毛球馆(永泰店)</view>
+              <view class="wi-detail">
+                  <view class="wd-line">
+                      <view>订单编号：</view>
+                      <view>
+                          <view>20195175645666</view>
+                      </view>
+                  </view>
+                  <view class="wd-line">
+                      <view>用户昵称：</view>
+                      <view>
+                          <view>周大强</view>
+                      </view>
+                  </view>
+                  <view class="wd-line">
+                      <view>支付时间：</view>
+                      <view>
+                          <view>2019-05-17 11:12:50</view>
+                      </view>
+                  </view>
+                  <view class="wd-line">
+                      <view>预定日期：</view>
+                      <view>
+                          <view>2019-05-18 周五</view>
+                      </view>
+                  </view>
+                  <view class="wd-line">
+                      <view>预定场次：</view>
+                      <view>
+                          <view>1号馆   10:00-11:00；11:00-12:00</view>
+                          <view>1号馆   10:00-11:00；11:00-12:00</view>
+                          <view>1号馆   10:00-11:00；11:00-12:00</view>
+                          <view>1号馆   10:00-11:00；11:00-12:00</view>
+                          <view>1号馆   10:00-11:00；11:00-12:00</view>
+                          <view>1号馆   10:00-11:00；11:00-12:00</view>
+                      </view>
+                  </view>
+              </view>
+          </view>
+        <view class="wi-split-line"></view>
+        <view class="wi-btns">
+            <view hover-class="hover-active">确认核销</view>
+            <view class="white" hover-class="hover-active">不核销</view>
+        </view>
+      </view>
+      <view class="woc-fail-modal" v-if="false">
+          <image mode="aspectFit" src="/static/images/icon/write_off_fail.png"></image>
+          <view>很抱歉！获取不到二维码订单信息</view>
+          <view hover-class="hover-active">返回</view>
+      </view>
+  </view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss">
+    @import "../../../style/public.scss";
+    page{
+        background-color: $themeColor;
+    }
+    .write-off-confirm{
+        padding-top: 46upx;
+    }
+    .woc-content{
+        width: 702upx;
+        margin: 0 auto 46upx;
+        border-radius: 10upx;
+        background-color: #fff;
+        .wc-info{
+            padding: 20upx 40upx 66upx;
+            .wi-title{
+                height: 128upx;
+                line-height: 126upx;
+                text-align: center;
+                font-size: 32upx;
+                font-weight: 500;
+                color: #1a1a1a;
+                border-bottom: 2upx solid #D8D8D8;
+            }
+            .wi-detail{
+                padding-top: 34upx;
+                .wd-line{
+                    display: flex;
+                    view{
+                        font-size: 28upx;
+                        line-height: 60upx;
+                    }
+                    >view{
+                        &:first-child{
+                            flex-shrink: 0;
+                            color: #9C9C9F;
+                        }
+                        &+view{
+                            flex-grow: 1;
+                            >view{
+                                width: 100%;
+                                color: #1A1A1A;
+                                @include textHide(1);
+                            }
+                        }
+                    }
+                }
+            }
+            
+        }
+        .wi-split-line{
+            position: relative;
+            border-top: 2upx dashed #D8D8D8;
+            &::before{
+                content: '';
+                display: block;
+                position: absolute;
+                left: -10upx;
+                top: -11upx;
+                width: 20upx;
+                height: 20upx;
+                border-radius: 50%;
+                background-color: $themeColor;
+            }
+            &::after{
+                content: '';
+                display: block;
+                position: absolute;
+                right: -10upx;
+                top: -11upx;
+                width: 20upx;
+                height: 20upx;
+                border-radius: 50%;
+                background-color: $themeColor;
+            }
+        }
+        .wi-btns{
+            height: 450upx;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+            align-items: center;
+            >view{
+                height: 112upx;
+                width: 622upx;
+                line-height: 108upx;
+                text-align: center;
+                border-radius: 10upx;
+                border: 2upx solid $themeColor;
+                font-size: 32upx;
+                color: #fff;
+                background-color: $themeColor;
+                &:first-child{
+                    margin-bottom: 24upx;
+                }
+            }
+            .white{
+                background-color: #fff;
+                color: $themeColor;
+            }
+        }
+    }
+    .woc-fail-modal{
+        position: fixed;
+        left: 0;
+        top: var(--window-top);
+        right: 0;
+        bottom: 0;
+        background-color: #fff;
+        padding-top: 90upx;
+        >image{
+            display: block;
+            margin: 0 auto 86upx;
+            width: 420upx;
+            height: 420upx;
+            &+view{
+                margin-bottom: 260upx;
+                text-align: center;
+                line-height: 40upx;
+                font-size: 28upx;
+                color: #9c9c9f;
+            }
+        }
+        view+view{
+            margin: 0 auto;
+            width: 280upx;
+            height: 92upx;
+            line-height: 88upx;
+            text-align: center;
+            border-radius: 46upx;
+            border: 2upx solid $themeColor;
+            font-size: 32upx;
+            color: $themeColor;
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/pages/write_off/list/list.vue b/src/pages/write_off/list/list.vue
new file mode 100644
index 0000000..0cc6ac8
--- /dev/null
+++ b/src/pages/write_off/list/list.vue
@@ -0,0 +1,158 @@
+<template>
+  <view class="write-off-list">
+      <view class="wol-btn" hover-class="hover-active">
+          <image mode="aspectFit" src="/static/images/icon/scan_code_btn.png"></image>
+      </view>
+      <view class="wol-bar">今日核销订单(2)</view>
+      <view class="wol-list">
+          <view class="wl-item" v-for="e in 9" :key="e">
+              <view class="wi-header">
+                  <view>欧轩智能羽毛球馆(永泰店)</view>
+                  <view>已使用</view>
+              </view>
+              <view class="wi-info">
+                  <view class="wi-line">
+                      <view>订单编号：</view>
+                      <view>
+                          <view>20195175645666 </view>
+                      </view>
+                  </view>
+                  <view class="wi-line">
+                      <view>用户昵称：</view>
+                      <view>
+                          <view>周大强 </view>
+                      </view>
+                  </view>
+                  <view class="wi-line">
+                      <view>支付时间：</view>
+                      <view>
+                          <view>2019-05-17 11:12:50 </view>
+                      </view>
+                  </view>
+                  <view class="wi-line">
+                      <view> 预定日期：</view>
+                      <view>
+                          <view>2019-05-18 周五 </view>
+                      </view>
+                  </view>
+                  <view class="wi-line">
+                      <view>预定场次：</view>
+                      <view>
+                          <view>1号馆   10:00-11:00；11:00-12:00 </view>
+                          <view>1号馆   10:00-11:00；11:00-12:00 </view>
+                          <view>1号馆   10:00-11:00；11:00-12:00 </view>
+                          <view>1号馆   10:00-11:00；11:00-12:00 </view>
+                          <view>1号馆   10:00-11:00；11:00-12:00 </view>
+                          <view>1号馆   10:00-11:00；11:00-12:00 </view>
+                      </view>
+                  </view>
+              </view>
+              <view class="wi-total">
+                  <view>核销时间：2019-05-17   11:12:58</view>
+                  <view>共5场次</view>
+              </view>
+          </view>
+      </view>
+  </view>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style lang="scss" scoped>
+    @import "../../../style/public.scss";
+    .write-off-list{
+        padding-top: 24upx;
+        .wol-btn{
+            margin: 0 auto 24upx;
+            height: 360upx;
+            width: 702upx;
+            border-radius: 10upx;
+            background-color: #fff;
+            @include centerFlex(center);
+            >image{
+                width: 172upx;
+                height: 172upx;
+            }
+        }
+        .wol-bar{
+            margin: 0 auto 24upx;
+            height: 112upx;
+            width: 702upx;
+            border-radius: 10upx;
+            line-height: 112upx;
+            text-align: center;
+            font-size: 32upx;
+            font-weight: 500;
+            color: #1a1a1a;
+            background-color: #fff;
+        }
+        .wol-list{
+            padding: 0 24upx;
+            .wl-item{
+                margin-bottom: 24upx;
+                >view{
+                    padding: 0 20upx;
+                    background-color: #fff;
+                }
+                .wi-header{
+                    height: 96upx;
+                    border-bottom: 2upx solid #D8D8D8;
+                    border-radius: 10upx 10upx 0 0;
+                    @include centerFlex(space-between);
+                    >view{
+                        &:first-child{
+                            flex-grow: 1;
+                            line-height: 40upx;
+                            font-size: 28upx;
+                            color: #1a1a1a;
+                            @include textHide(1);
+                        }
+                        &+view{
+                            flex-shrink: 0;
+                            margin-left: 20upx;
+                            line-height: 40upx;
+                            font-size: 28upx;
+                            color: #9c9c9f;
+                        }
+                    }
+                }
+                .wi-info{
+                    padding: 20upx;
+                    border-bottom: 2upx solid #D8D8D8;
+                    .wi-line{
+                        display: flex;
+                        view{
+                            line-height: 34upx;
+                            font-size: 24upx;
+                            color: #9c9c9f;
+                            &:first-child{
+                                flex-shrink: 0;
+                            }
+                            &+view{
+                                flex-grow: 1;
+                                >view{
+                                    @include textHide(1);
+                                }
+                            }
+                        }
+
+                    }
+                }
+                .wi-total{
+                    height: 90upx;
+                    border-radius: 0 0 10upx 10upx;
+                    @include centerFlex(space-between);
+                    >view{
+                        font-size: 24upx;
+                        color: #1a1a1a;
+                    }
+
+                }
+            }
+        }
+    }
+</style>
\ No newline at end of file
diff --git a/src/static/images/icon/filter.png b/src/static/images/icon/filter.png
new file mode 100644
index 0000000..dd0c198
Binary files /dev/null and b/src/static/images/icon/filter.png differ
diff --git a/src/static/images/icon/scan_code_btn.png b/src/static/images/icon/scan_code_btn.png
new file mode 100644
index 0000000..5dfbb52
Binary files /dev/null and b/src/static/images/icon/scan_code_btn.png differ
diff --git a/src/static/images/icon/search.png b/src/static/images/icon/search.png
new file mode 100644
index 0000000..d0bfda7
Binary files /dev/null and b/src/static/images/icon/search.png differ
diff --git a/src/static/images/icon/success_tip.png b/src/static/images/icon/success_tip.png
new file mode 100644
index 0000000..b11a50b
Binary files /dev/null and b/src/static/images/icon/success_tip.png differ
diff --git a/src/static/images/icon/write_off_fail.png b/src/static/images/icon/write_off_fail.png
new file mode 100644
index 0000000..47ee4fa
Binary files /dev/null and b/src/static/images/icon/write_off_fail.png differ
diff --git a/style/public.scss b/src/style/public.scss
similarity index 100%
rename from style/public.scss
rename to src/style/public.scss