diff --git a/resource/img/time-opr-area.png b/resource/img/time-opr-area.png
new file mode 100644
index 0000000..71ff945
--- /dev/null
+++ b/resource/img/time-opr-area.png
diff --git a/topages/workfill/workfill.css b/topages/workfill/workfill.css
index e69de29..e426d23 100644
--- a/topages/workfill/workfill.css
+++ b/topages/workfill/workfill.css
@@ -0,0 +1,28 @@
+.time-opr-area{
+    padding-left: 80px;
+    height: 66px;
+    background: url("../../resource/img/time-opr-area.png") no-repeat 0 center;
+}
+.time-opr-nowtime{
+    font-size: 20px;
+    padding-top: 3px;
+}
+.time-opr-btn{
+    font-size: 12px;
+    color: #4886ff;
+    border: 1px solid #4886ff;
+    padding: 1px 12px;
+    border-radius: 2px;
+}
+.time-opr-prevbtn{
+    margin-right: 20px;
+}
+.time-opr-show{
+    width: 226px;
+    height: 40px;
+    line-height: 40px;
+    font-size: 14px;
+    color: rgba(0,0,0,.4);
+    background-color: #fff;
+    border-radius: 4px;
+}
\ No newline at end of file
diff --git a/topages/workfill/workfill.html b/topages/workfill/workfill.html
index 98a2311..05bf899 100644
--- a/topages/workfill/workfill.html
+++ b/topages/workfill/workfill.html
@@ -1 +1,13 @@
+<div class="time-opr-wrap clearfix">
+    <div class="float-left time-opr-area">
+        <div class="time-opr-nowtime">2018/07/13</div>
+        <div class="time-opr-btnwrap clearfix">
+            <div class="time-opr-btn time-opr-prevbtn cursorpointer float-left">上一周</div>
+            <div class="time-opr-btn time-opr-nextbtn cursorpointer float-left">下一周</div>
+        </div>
+    </div>
+    <div class="float-right time-opr-show text-center">
+        2018/07/04 - 2018/07/11
+    </div>
+</div>
 <div>1</div>
\ No newline at end of file