diff --git a/resource/img/nocommited-icon-1.png b/resource/img/nocommited-icon-1.png
new file mode 100644
index 0000000..d514906
--- /dev/null
+++ b/resource/img/nocommited-icon-1.png
diff --git a/resource/img/nocommited-icon-2.png b/resource/img/nocommited-icon-2.png
new file mode 100644
index 0000000..cf73424
--- /dev/null
+++ b/resource/img/nocommited-icon-2.png
diff --git a/resource/img/nocommited-icon-3.png b/resource/img/nocommited-icon-3.png
new file mode 100644
index 0000000..5cf9fa4
--- /dev/null
+++ b/resource/img/nocommited-icon-3.png
diff --git a/resource/img/nocommited-icon-4.png b/resource/img/nocommited-icon-4.png
new file mode 100644
index 0000000..88e4a4e
--- /dev/null
+++ b/resource/img/nocommited-icon-4.png
diff --git a/resource/img/nocommited-icon-5.png b/resource/img/nocommited-icon-5.png
new file mode 100644
index 0000000..0e55216
--- /dev/null
+++ b/resource/img/nocommited-icon-5.png
diff --git a/resource/img/nocommited-icon-6.png b/resource/img/nocommited-icon-6.png
new file mode 100644
index 0000000..6e72f71
--- /dev/null
+++ b/resource/img/nocommited-icon-6.png
diff --git a/resource/img/nocommited-icon-7.png b/resource/img/nocommited-icon-7.png
new file mode 100644
index 0000000..a362dc8
--- /dev/null
+++ b/resource/img/nocommited-icon-7.png
diff --git a/topages/workfill/workfill.css b/topages/workfill/workfill.css
index 343533c..130ed44 100644
--- a/topages/workfill/workfill.css
+++ b/topages/workfill/workfill.css
@@ -66,31 +66,31 @@
 .workfill-list-btn:focus{
     outline: none;
 }
-.workfill-list-wrap li:nth-of-type(1) .workfill-list-btn{
+.workquery-list-wrap>li:nth-of-type(1) .workfill-list-btn{
     background-color: #fedee5;
     color: #f94c6e;
 }
-.workfill-list-wrap li:nth-of-type(2) .workfill-list-btn{
+.workquery-list-wrap>li:nth-of-type(2) .workfill-list-btn{
     background-color: #fef0db;
     color: #fead39;
 }
-.workfill-list-wrap li:nth-of-type(3) .workfill-list-btn{
+.workquery-list-wrap>li:nth-of-type(3) .workfill-list-btn{
     background-color: #dbe7fe;
     color: #4886ff;
 }
-.workfill-list-wrap li:nth-of-type(4) .workfill-list-btn{
+.workquery-list-wrap>li:nth-of-type(4) .workfill-list-btn{
     background-color: #98c74b;
     color: #f1fae2;
 }
-.workfill-list-wrap li:nth-of-type(5) .workfill-list-btn{
+.workquery-list-wrap>li:nth-of-type(5) .workfill-list-btn{
     background-color: #f5f2fe;
     color: #714cf9;
 }
-.workfill-list-wrap li:nth-of-type(6) .workfill-list-btn{
+.workquery-list-wrap>li:nth-of-type(6) .workfill-list-btn{
     background-color: #fbf8e0;
     color: #f7e124;
 }
-.workfill-list-wrap li:nth-of-type(7) .workfill-list-btn{
+.workquery-list-wrap>li:nth-of-type(7) .workfill-list-btn{
     background-color: #bde7fe;
     color: #6297fe;
 }
@@ -159,4 +159,164 @@
     left:180px !important;;
     margin-top: -2px;
     vertical-align: middle;
-}
\ No newline at end of file
+}
+
+/*----------------------------------------列表*/
+.workquery-list-wrap>li{
+    margin-bottom: 15px;
+}
+.workquery-list-wrap>li:nth-of-type(7n+1) .workquery-list-title{
+    border-left: 2px solid #f94c6e;
+}
+.workquery-list-wrap>li:nth-of-type(7n+2) .workquery-list-title{
+    border-left: 2px solid #fead39;
+}
+.workquery-list-wrap>li:nth-of-type(7n+3) .workquery-list-title{
+    border-left: 2px solid #4886ff;
+}
+.workquery-list-wrap>li:nth-of-type(7n+4) .workquery-list-title{
+    border-left: 2px solid #98c74b;
+}
+.workquery-list-wrap>li:nth-of-type(7n+5) .workquery-list-title{
+    border-left: 2px solid #714cf9;
+}
+.workquery-list-wrap>li:nth-of-type(7n+6) .workquery-list-title{
+    border-left: 2px solid #f7e124;
+}
+.workquery-list-wrap>li:nth-of-type(7n+7) .workquery-list-title{
+    border-left: 2px solid #6297fe;
+}
+
+.workquery-list-wrap>li:nth-of-type(7n+1) .commited-icon{
+    background: url("../../resource/img/commited-icon-1.png") no-repeat 0 center;
+}
+.workquery-list-wrap>li:nth-of-type(7n+2) .commited-icon{
+    background: url("../../resource/img/commited-icon-2.png") no-repeat 0 center;
+}
+.workquery-list-wrap>li:nth-of-type(7n+3) .commited-icon{
+    background: url("../../resource/img/commited-icon-3.png") no-repeat 0 center;
+}
+.workquery-list-wrap>li:nth-of-type(7n+4) .commited-icon{
+    background: url("../../resource/img/commited-icon-4.png") no-repeat 0 center;
+}
+.workquery-list-wrap>li:nth-of-type(7n+5) .commited-icon{
+    background: url("../../resource/img/commited-icon-5.png") no-repeat 0 center;
+}
+.workquery-list-wrap>li:nth-of-type(7n+6) .commited-icon{
+    background: url("../../resource/img/commited-icon-6.png") no-repeat 0 center;
+}
+.workquery-list-wrap>li:nth-of-type(7n+7) .commited-icon{
+    background: url("../../resource/img/commited-icon-7.png") no-repeat 0 center;
+}
+
+
+
+.workquery-list-wrap>li:nth-of-type(7n+1) .nocommited-icon{
+    background: url("../../resource/img/nocommited-icon-1.png") no-repeat 0 center;
+}
+.workquery-list-wrap>li:nth-of-type(7n+2) .nocommited-icon{
+    background: url("../../resource/img/nocommited-icon-2.png") no-repeat 0 center;
+}
+.workquery-list-wrap>li:nth-of-type(7n+3) .nocommited-icon{
+    background: url("../../resource/img/nocommited-icon-3.png") no-repeat 0 center;
+}
+.workquery-list-wrap>li:nth-of-type(7n+4) .nocommited-icon{
+    background: url("../../resource/img/nocommited-icon-4.png") no-repeat 0 center;
+}
+.workquery-list-wrap>li:nth-of-type(7n+5) .nocommited-icon{
+    background: url("../../resource/img/nocommited-icon-5.png") no-repeat 0 center;
+}
+.workquery-list-wrap>li:nth-of-type(7n+6) .nocommited-icon{
+    background: url("../../resource/img/nocommited-icon-6.png") no-repeat 0 center;
+}
+.workquery-list-wrap>li:nth-of-type(7n+7) .nocommited-icon{
+    background: url("../../resource/img/nocommited-icon-7.png") no-repeat 0 center;
+}
+
+.workquery-list-title{
+    cursor: pointer;
+    height: 64px;
+    line-height: 64px;
+    background-color: #fff;
+    border-radius: 4px;
+    overflow: hidden;
+}
+.workquery-list-title>li{
+    float: left;
+}
+.workquery-list-title li:nth-of-type(1){
+    width: 300px;
+    font-size: 18px;
+    color: #363d5d;
+    padding-left: 80px;
+    background: url("../../resource/img/circle-icon.png") no-repeat 60px center;
+}
+.workquery-list-title li:nth-of-type(2){
+    width: 700px;
+    padding-left: 40px;
+    font-size: 18px;
+    color: #363d5d;
+}
+.workquery-list-title li:nth-of-type(3){
+    width: 150px;
+    text-align: right;
+    font-size: 14px;
+    color: rgba(0,0,0,.5);
+}
+.slide-icon{
+    width: 25px;
+    text-align: right;
+    background: url("../../resource/img/arrow-up.png") no-repeat center center;
+}
+.slide-icon-active{
+    background: url("../../resource/img/arrow-down.png") no-repeat center center;
+}
+.workquery-list-container{
+    margin-top: 5px;
+}
+.workquery-list-container>li{
+    height: 200px;
+    border-bottom: 1px solid #f0f1f9;
+    background-color: #fff;
+}
+.workquery-list-main{
+    height: 200px;
+    padding: 20px 50px 20px 80px;
+}
+.workquery-list-main>li{
+    float: left;
+}
+.workquery-list-main>li:nth-of-type(1){
+    width: 100%;
+    height: 50px;
+    font-size: 14px;
+    color: #363d5d;
+}
+.workquery-list-main>li:nth-of-type(2){
+    width: 100%;
+    height: 100px;
+    font-size: 14px;
+    color: rgba(0,0,0,.45);
+    border: 1px solid #f0f1f9;
+    padding: 15px 15px;
+    overflow-y: auto;
+    line-height: 26px;
+}
+.workquery-list-main>li:nth-of-type(3){
+    width: 150px;
+    height: 142px;
+    line-height: 142px;
+    font-size: 14px;
+    color: #363d5d;
+}
+.workquery-list-main>li:nth-of-type(4){
+    width: 730px;
+    height: 90px;
+    line-height: 24px;
+    padding: 10px 15px;
+    margin-top: 26px;
+    font-size: 12px;
+    color: rgba(0,0,0,.5);
+    border: 1px solid #f0f1f9;
+    overflow-y: auto;
+}
diff --git a/topages/workfill/workfill.html b/topages/workfill/workfill.html
index c0c786c..7d5a8fb 100644
--- a/topages/workfill/workfill.html
+++ b/topages/workfill/workfill.html
@@ -9,129 +9,333 @@
     </div>
     <div class="float-right time-opr-show text-center boxshadow" id="time-opr-show"> </div>
 </div>
-<ul class="workfill-list-wrap clearfix">
-    <li class="workfill-list-li boxshadow">
-        <div class="workfill-list-weekday-wrap clearfix">
-            <span class="float-left workfill-list-weekday" id="weekday1" data-id="" data-date="">周一</span>
-            <button class="float-right workfill-list-btn cursor-pointer" id="btn-commit1">提交</button>
-        </div>
-        <div class="workfill-list-projectnamewrap">
-            <div class="pos-abs workfill-projectCon">
-                <select class="work-projectName" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true" id="work-projectName1">
 
-                </select>
-            </div>
-            <div class="workfill-list-projectname display-none">项目名称</div>
-        </div>
-        <div class="workfill-list-container"  contenteditable="true" id="daily-report1">
 
-        </div>
+<ul class="workquery-list-wrap" id="workquery-list-wrap">
+    <!--<div class="nodata-icon" ></div>-->
+
+    <li>
+        <ul class="workquery-list-title clearfix boxshadow">
+            <li>星期一</li>
+            <li class="nocommited-icon">未填写</li>
+            <li class="slide-text">全部展开</li>
+            <li class="slide-icon"> &nbsp;</li>
+        </ul>
+        <ul class="workquery-list-container clearfix display-none">
+            <li class="workquery-list-box">
+                <ul class="workquery-list-main">
+                    <li class="clearfix">
+                        <div class="float-left">
+                            <div>项目1</div>
+                            <div class="display-none">下拉框</div>
+                        </div>
+                        <button class="float-right workfill-list-btn">提交</button>
+                    </li>
+                    <li contenteditable="true">取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价</li>
+
+                </ul>
+            </li>
+
+
+
+
+        </ul>
     </li>
+    <li>
+        <ul class="workquery-list-title clearfix boxshadow">
+            <li>星期二</li>
+            <li class="commited-icon">已填写</li>
+            <li class="slide-text">全部展开</li>
+            <li class="slide-icon"> &nbsp;</li>
+        </ul>
+        <ul class="workquery-list-container clearfix display-none">
+            <li class="workquery-list-box">
+                <ul class="workquery-list-main">
+                    <li class="clearfix">
+                        <div class="float-left">
+                            <div>项目1</div>
+                            <div class="display-none">下拉框</div>
+                        </div>
+                        <button class="float-right workfill-list-btn">提交</button>
+                    </li>
+                    <li contenteditable="true">取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价</li>
 
-    <li class="workfill-list-li boxshadow">
-        <div class="workfill-list-weekday-wrap clearfix">
-            <span class="float-left workfill-list-weekday" id="weekday2" data-id="" data-date="">周二</span>
-            <button class="float-right workfill-list-btn cursor-pointer"  id="btn-commit2">提交</button>
-        </div>
-        <div class="workfill-list-projectnamewrap">
-            <div class="pos-abs workfill-projectCon">
-                <select class="work-projectName" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true" id="work-projectName2">
+                </ul>
+            </li>
 
-                </select>
-            </div>
-            <div class="workfill-list-projectname display-none">项目名称</div>
-        </div>
-        <div class="workfill-list-container"  contenteditable="true" id="daily-report2">
 
-        </div>
+
+
+        </ul>
     </li>
-    <li class="workfill-list-li boxshadow">
-        <div class="workfill-list-weekday-wrap clearfix">
-            <span class="float-left workfill-list-weekday" id="weekday3" data-id="" data-date="">周三</span>
-            <button class="float-right workfill-list-btn cursor-pointer" id="btn-commit3">提交</button>
-        </div>
-        <div class="workfill-list-projectnamewrap">
-            <div class="pos-abs workfill-projectCon">
-                <select class="work-projectName" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true" id="work-projectName3">
+    <li>
+        <ul class="workquery-list-title clearfix boxshadow">
+            <li>星期三</li>
+            <li class="nocommited-icon">未填写</li>
+            <li class="slide-text">全部展开</li>
+            <li class="slide-icon"> &nbsp;</li>
+        </ul>
+        <ul class="workquery-list-container clearfix display-none">
+            <li class="workquery-list-box">
+                <ul class="workquery-list-main">
+                    <li class="clearfix">
+                        <div class="float-left">
+                            <div>项目1</div>
+                            <div class="display-none">下拉框</div>
+                        </div>
+                        <button class="float-right workfill-list-btn">提交</button>
+                    </li>
+                    <li contenteditable="true">取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价</li>
 
-                </select>
-            </div>
-            <div class="workfill-list-projectname display-none">项目名称</div>
-        </div>
-        <div class="workfill-list-container"  contenteditable="true" id="daily-report3">
+                </ul>
+            </li>
 
-        </div>
+
+
+
+        </ul>
     </li>
-    <li class="workfill-list-li boxshadow">
-        <div class="workfill-list-weekday-wrap clearfix">
-            <span class="float-left workfill-list-weekday" id="weekday4" data-id="" data-date="">周四</span>
-            <button class="float-right workfill-list-btn cursor-pointer"  id="btn-commit4">提交</button>
-        </div>
-        <div class="workfill-list-projectnamewrap">
-            <div class="pos-abs workfill-projectCon">
-                <select class="work-projectName" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true" id="work-projectName4">
+    <li>
+        <ul class="workquery-list-title clearfix boxshadow">
+            <li>星期四</li>
+            <li class="nocommited-icon">未填写</li>
+            <li class="slide-text">全部展开</li>
+            <li class="slide-icon"> &nbsp;</li>
+        </ul>
+        <ul class="workquery-list-container clearfix display-none">
+            <li class="workquery-list-box">
+                <ul class="workquery-list-main">
+                    <li class="clearfix">
+                        <div class="float-left">
+                            <div>项目1</div>
+                            <div class="display-none">下拉框</div>
+                        </div>
+                        <button class="float-right workfill-list-btn">提交</button>
+                    </li>
+                    <li contenteditable="true">取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价</li>
 
-                </select>
-            </div>
-            <div class="workfill-list-projectname display-none">项目名称</div>
-        </div>
-        <div class="workfill-list-container"  contenteditable="true" id="daily-report4">
+                </ul>
+            </li>
 
-        </div>
+
+
+
+        </ul>
     </li>
-    <li class="workfill-list-li boxshadow">
-        <div class="workfill-list-weekday-wrap clearfix">
-            <span class="float-left workfill-list-weekday" id="weekday5" data-id="" data-date="">周五</span>
-            <button class="float-right workfill-list-btn cursor-pointer"  id="btn-commit5">提交</button>
-        </div>
-        <div class="workfill-list-projectnamewrap">
-            <div class="pos-abs workfill-projectCon">
-                <select class="work-projectName" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true" id="work-projectName5">
+    <li>
+        <ul class="workquery-list-title clearfix boxshadow">
+            <li>星期五</li>
+            <li class="nocommited-icon">未填写</li>
+            <li class="slide-text">全部展开</li>
+            <li class="slide-icon"> &nbsp;</li>
+        </ul>
+        <ul class="workquery-list-container clearfix display-none">
+            <li class="workquery-list-box">
+                <ul class="workquery-list-main">
+                    <li class="clearfix">
+                        <div class="float-left">
+                            <div>项目1</div>
+                            <div class="display-none">下拉框</div>
+                        </div>
+                        <button class="float-right workfill-list-btn">提交</button>
+                    </li>
+                    <li contenteditable="true">取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价</li>
 
-                </select>
-            </div>
-            <div class="workfill-list-projectname display-none">项目名称</div>
-        </div>
-        <div class="workfill-list-container"  contenteditable="true"  id="daily-report5">
+                </ul>
+            </li>
 
-        </div>
+
+
+
+        </ul>
     </li>
-    <li class="workfill-list-li boxshadow">
-        <div class="workfill-list-weekday-wrap clearfix">
-            <span class="float-left workfill-list-weekday" id="weekday6" data-id="" data-date="">周六</span>
-            <button class="float-right workfill-list-btn cursor-pointer"  id="btn-commit6">提交</button>
-        </div>
-        <div class="workfill-list-projectnamewrap">
-            <div class="pos-abs workfill-projectCon">
-                <select class="work-projectName" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true" id="work-projectName6">
+    <li>
+        <ul class="workquery-list-title clearfix boxshadow">
+            <li>星期六</li>
+            <li class="nocommited-icon">未填写</li>
+            <li class="slide-text">全部展开</li>
+            <li class="slide-icon"> &nbsp;</li>
+        </ul>
+        <ul class="workquery-list-container clearfix display-none">
+            <li class="workquery-list-box">
+                <ul class="workquery-list-main">
+                    <li class="clearfix">
+                        <div class="float-left">
+                            <div>项目1</div>
+                            <div class="display-none">下拉框</div>
+                        </div>
+                        <button class="float-right workfill-list-btn">提交</button>
+                    </li>
+                    <li contenteditable="true">取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价</li>
 
-                </select>
-            </div>
-            <div class="workfill-list-projectname display-none">项目名称</div>
-        </div>
-        <div class="workfill-list-container"  contenteditable="true" id="daily-report6">
+                </ul>
+            </li>
 
-        </div>
+
+
+
+        </ul>
     </li>
-    <li class="workfill-list-li boxshadow">
-        <div class="workfill-list-weekday-wrap clearfix">
-            <span class="float-left workfill-list-weekday" id="weekday7" data-id="" data-date="">周日</span>
-            <button class="float-right workfill-list-btn cursor-pointer"  id="btn-commit7">提交</button>
-        </div>
-        <div class="workfill-list-projectnamewrap">
-            <div class="pos-abs workfill-projectCon">
-                <select class="work-projectName" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true" id="work-projectName7">
+    <li>
+        <ul class="workquery-list-title clearfix boxshadow">
+            <li>星期天</li>
+            <li class="nocommited-icon">未填写</li>
+            <li class="slide-text">全部展开</li>
+            <li class="slide-icon"> &nbsp;</li>
+        </ul>
+        <ul class="workquery-list-container clearfix ">
+            <li class="workquery-list-box">
+                <ul class="workquery-list-main">
+                    <li class="clearfix">
+                        <div class="float-left">
+                            <div>项目1</div>
+                            <div class="display-none">下拉框</div>
+                        </div>
+                        <button class="float-right workfill-list-btn">提交</button>
+                    </li>
+                    <li contenteditable="true">取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价</li>
 
-                </select>
-            </div>
-            <div class="workfill-list-projectname display-none">项目名称</div>
-        </div>
-        <div class="workfill-list-container"  contenteditable="true" id="daily-report7">
+                </ul>
+            </li>
 
-        </div>
+
+
+
+        </ul>
     </li>
 
+
+
+
+
+
+
+
 </ul>
+
+<!--<ul class="workfill-list-wrap clearfix">-->
+    <!--<li class="workfill-list-li boxshadow">-->
+        <!--<div class="workfill-list-weekday-wrap clearfix">-->
+            <!--<span class="float-left workfill-list-weekday" id="weekday1" data-id="" data-date="">周一</span>-->
+            <!--<button class="float-right workfill-list-btn cursor-pointer" id="btn-commit1">提交</button>-->
+        <!--</div>-->
+        <!--<div class="workfill-list-projectnamewrap">-->
+            <!--<div class="pos-abs workfill-projectCon">-->
+                <!--<select class="work-projectName" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true" id="work-projectName1">-->
+
+                <!--</select>-->
+            <!--</div>-->
+            <!--<div class="workfill-list-projectname display-none">项目名称</div>-->
+        <!--</div>-->
+        <!--<div class="workfill-list-container"  contenteditable="true" id="daily-report1">-->
+
+        <!--</div>-->
+    <!--</li>-->
+
+    <!--<li class="workfill-list-li boxshadow">-->
+        <!--<div class="workfill-list-weekday-wrap clearfix">-->
+            <!--<span class="float-left workfill-list-weekday" id="weekday2" data-id="" data-date="">周二</span>-->
+            <!--<button class="float-right workfill-list-btn cursor-pointer"  id="btn-commit2">提交</button>-->
+        <!--</div>-->
+        <!--<div class="workfill-list-projectnamewrap">-->
+            <!--<div class="pos-abs workfill-projectCon">-->
+                <!--<select class="work-projectName" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true" id="work-projectName2">-->
+
+                <!--</select>-->
+            <!--</div>-->
+            <!--<div class="workfill-list-projectname display-none">项目名称</div>-->
+        <!--</div>-->
+        <!--<div class="workfill-list-container"  contenteditable="true" id="daily-report2">-->
+
+        <!--</div>-->
+    <!--</li>-->
+    <!--<li class="workfill-list-li boxshadow">-->
+        <!--<div class="workfill-list-weekday-wrap clearfix">-->
+            <!--<span class="float-left workfill-list-weekday" id="weekday3" data-id="" data-date="">周三</span>-->
+            <!--<button class="float-right workfill-list-btn cursor-pointer" id="btn-commit3">提交</button>-->
+        <!--</div>-->
+        <!--<div class="workfill-list-projectnamewrap">-->
+            <!--<div class="pos-abs workfill-projectCon">-->
+                <!--<select class="work-projectName" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true" id="work-projectName3">-->
+
+                <!--</select>-->
+            <!--</div>-->
+            <!--<div class="workfill-list-projectname display-none">项目名称</div>-->
+        <!--</div>-->
+        <!--<div class="workfill-list-container"  contenteditable="true" id="daily-report3">-->
+
+        <!--</div>-->
+    <!--</li>-->
+    <!--<li class="workfill-list-li boxshadow">-->
+        <!--<div class="workfill-list-weekday-wrap clearfix">-->
+            <!--<span class="float-left workfill-list-weekday" id="weekday4" data-id="" data-date="">周四</span>-->
+            <!--<button class="float-right workfill-list-btn cursor-pointer"  id="btn-commit4">提交</button>-->
+        <!--</div>-->
+        <!--<div class="workfill-list-projectnamewrap">-->
+            <!--<div class="pos-abs workfill-projectCon">-->
+                <!--<select class="work-projectName" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true" id="work-projectName4">-->
+
+                <!--</select>-->
+            <!--</div>-->
+            <!--<div class="workfill-list-projectname display-none">项目名称</div>-->
+        <!--</div>-->
+        <!--<div class="workfill-list-container"  contenteditable="true" id="daily-report4">-->
+
+        <!--</div>-->
+    <!--</li>-->
+    <!--<li class="workfill-list-li boxshadow">-->
+        <!--<div class="workfill-list-weekday-wrap clearfix">-->
+            <!--<span class="float-left workfill-list-weekday" id="weekday5" data-id="" data-date="">周五</span>-->
+            <!--<button class="float-right workfill-list-btn cursor-pointer"  id="btn-commit5">提交</button>-->
+        <!--</div>-->
+        <!--<div class="workfill-list-projectnamewrap">-->
+            <!--<div class="pos-abs workfill-projectCon">-->
+                <!--<select class="work-projectName" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true" id="work-projectName5">-->
+
+                <!--</select>-->
+            <!--</div>-->
+            <!--<div class="workfill-list-projectname display-none">项目名称</div>-->
+        <!--</div>-->
+        <!--<div class="workfill-list-container"  contenteditable="true"  id="daily-report5">-->
+
+        <!--</div>-->
+    <!--</li>-->
+    <!--<li class="workfill-list-li boxshadow">-->
+        <!--<div class="workfill-list-weekday-wrap clearfix">-->
+            <!--<span class="float-left workfill-list-weekday" id="weekday6" data-id="" data-date="">周六</span>-->
+            <!--<button class="float-right workfill-list-btn cursor-pointer"  id="btn-commit6">提交</button>-->
+        <!--</div>-->
+        <!--<div class="workfill-list-projectnamewrap">-->
+            <!--<div class="pos-abs workfill-projectCon">-->
+                <!--<select class="work-projectName" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true" id="work-projectName6">-->
+
+                <!--</select>-->
+            <!--</div>-->
+            <!--<div class="workfill-list-projectname display-none">项目名称</div>-->
+        <!--</div>-->
+        <!--<div class="workfill-list-container"  contenteditable="true" id="daily-report6">-->
+
+        <!--</div>-->
+    <!--</li>-->
+    <!--<li class="workfill-list-li boxshadow">-->
+        <!--<div class="workfill-list-weekday-wrap clearfix">-->
+            <!--<span class="float-left workfill-list-weekday" id="weekday7" data-id="" data-date="">周日</span>-->
+            <!--<button class="float-right workfill-list-btn cursor-pointer"  id="btn-commit7">提交</button>-->
+        <!--</div>-->
+        <!--<div class="workfill-list-projectnamewrap">-->
+            <!--<div class="pos-abs workfill-projectCon">-->
+                <!--<select class="work-projectName" class="selectpicker" data-width="100%"  data-size="5" data-live-search="true" id="work-projectName7">-->
+
+                <!--</select>-->
+            <!--</div>-->
+            <!--<div class="workfill-list-projectname display-none">项目名称</div>-->
+        <!--</div>-->
+        <!--<div class="workfill-list-container"  contenteditable="true" id="daily-report7">-->
+
+        <!--</div>-->
+    <!--</li>-->
+
+<!--</ul>-->
 <!--提示弹窗 sta-->
 <div class="modal fade " id="ITD-tipsmodel" style="display: none" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
     <div class="ITD-modal-dialog blue-modal">
diff --git a/topages/workfill/workfill.js b/topages/workfill/workfill.js
index 1c7b011..be53107 100644
--- a/topages/workfill/workfill.js
+++ b/topages/workfill/workfill.js
@@ -21,6 +21,21 @@ var fun = {
         fun.getAsraProject();
         fun.getAsraDailyListMsg();
     },
+    listToggle:function (ele) {
+        var text = ele.find('.slide-text').text();
+        ele.parent().siblings().find('.slide-text').text('全部展开');
+        if(text == '全部展开'){
+            ele.find('.slide-text').text('全部折叠')
+        }else{
+            ele.find('.slide-text').text('全部展开')
+        };
+        ele.parent().siblings().find('.slide-icon').removeClass('slide-icon-active');
+        ele.find('.slide-icon').toggleClass('slide-icon-active');
+
+
+        ele.parent().siblings().find('.workquery-list-container').slideUp();
+        ele.parent().find('.workquery-list-container').slideToggle();
+    },
     timeoprprevbtn:function () {
         $('#time-opr-nextbtn').removeClass('display-none');
         clicknum ++;
@@ -249,3 +264,8 @@ documentBindFunc.on('click','.workfill-list-btn',function () {
 
 
 });
+
+$('#workquery-list-wrap').delegate('.workquery-list-title','click',function () {
+    var ele = $(this);
+    fun.listToggle(ele);
+});