Commit ddabc3ca5a8e8e3a82bfb02e7613d2ad3f7b8271
1 parent
96ef24db
查询 结果点击效果
Showing
3 changed files
with
87 additions
and
11 deletions
topages/workquery/workquery.css
| @@ -165,11 +165,14 @@ | @@ -165,11 +165,14 @@ | ||
| 165 | font-size: 14px; | 165 | font-size: 14px; |
| 166 | color: rgba(0,0,0,.5); | 166 | color: rgba(0,0,0,.5); |
| 167 | } | 167 | } |
| 168 | -.workquery-list-title li:nth-of-type(4){ | 168 | +.slide-icon{ |
| 169 | width: 25px; | 169 | width: 25px; |
| 170 | text-align: right; | 170 | text-align: right; |
| 171 | background: url("../../resource/img/arrow-up.png") no-repeat center center; | 171 | background: url("../../resource/img/arrow-up.png") no-repeat center center; |
| 172 | } | 172 | } |
| 173 | +.slide-icon-active{ | ||
| 174 | + background: url("../../resource/img/arrow-down.png") no-repeat center center; | ||
| 175 | +} | ||
| 173 | .workquery-list-container{ | 176 | .workquery-list-container{ |
| 174 | margin-top: 5px; | 177 | margin-top: 5px; |
| 175 | } | 178 | } |
topages/workquery/workquery.html
| @@ -39,15 +39,15 @@ | @@ -39,15 +39,15 @@ | ||
| 39 | 39 | ||
| 40 | 40 | ||
| 41 | 41 | ||
| 42 | -<ul class="workquery-list-wrap"> | 42 | +<ul class="workquery-list-wrap" id="workquery-list-wrap"> |
| 43 | <li> | 43 | <li> |
| 44 | <ul class="workquery-list-title clearfix boxshadow"> | 44 | <ul class="workquery-list-title clearfix boxshadow"> |
| 45 | <li>项目1</li> | 45 | <li>项目1</li> |
| 46 | <li>已提交 <span>10</span> 人</li> | 46 | <li>已提交 <span>10</span> 人</li> |
| 47 | - <li>全部展开</li> | ||
| 48 | - <li> </li> | 47 | + <li class="slide-text">全部展开</li> |
| 48 | + <li class="slide-icon"> </li> | ||
| 49 | </ul> | 49 | </ul> |
| 50 | - <ul class="workquery-list-container clearfix"> | 50 | + <ul class="workquery-list-container clearfix display-none"> |
| 51 | <li class="workquery-list-box"> | 51 | <li class="workquery-list-box"> |
| 52 | <ul class="workquery-list-main"> | 52 | <ul class="workquery-list-main"> |
| 53 | <li>张三 </li> | 53 | <li>张三 </li> |
| @@ -64,6 +64,50 @@ | @@ -64,6 +64,50 @@ | ||
| 64 | <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li> | 64 | <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li> |
| 65 | </ul> | 65 | </ul> |
| 66 | </li> | 66 | </li> |
| 67 | + <li class="workquery-list-box"> | ||
| 68 | + <ul class="workquery-list-main"> | ||
| 69 | + <li>张三 </li> | ||
| 70 | + <li>2018/07/23</li> | ||
| 71 | + <li>工时 <span>8</span> 小时</li> | ||
| 72 | + <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li> | ||
| 73 | + </ul> | ||
| 74 | + </li> | ||
| 75 | + | ||
| 76 | + | ||
| 77 | + </ul> | ||
| 78 | + </li> | ||
| 79 | + <li> | ||
| 80 | + <ul class="workquery-list-title clearfix boxshadow"> | ||
| 81 | + <li>项目1</li> | ||
| 82 | + <li>已提交 <span>10</span> 人</li> | ||
| 83 | + <li class="slide-text">全部展开</li> | ||
| 84 | + <li class="slide-icon"> </li> | ||
| 85 | + </ul> | ||
| 86 | + <ul class="workquery-list-container clearfix display-none"> | ||
| 87 | + <li class="workquery-list-box"> | ||
| 88 | + <ul class="workquery-list-main"> | ||
| 89 | + <li>张三 </li> | ||
| 90 | + <li>2018/07/23</li> | ||
| 91 | + <li>工时 <span>8</span> 小时</li> | ||
| 92 | + <li id="workquery-list-wrap1" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">11外，11婚1强调，支1，难以1金受限</li> | ||
| 93 | + </ul> | ||
| 94 | + </li> | ||
| 95 | + <li class="workquery-list-box"> | ||
| 96 | + <ul class="workquery-list-main"> | ||
| 97 | + <li>张三 </li> | ||
| 98 | + <li>2018/07/23</li> | ||
| 99 | + <li>工时 <span>8</span> 小时</li> | ||
| 100 | + <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li> | ||
| 101 | + </ul> | ||
| 102 | + </li> | ||
| 103 | + <li class="workquery-list-box"> | ||
| 104 | + <ul class="workquery-list-main"> | ||
| 105 | + <li>张三 </li> | ||
| 106 | + <li>2018/07/23</li> | ||
| 107 | + <li>工时 <span>8</span> 小时</li> | ||
| 108 | + <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li> | ||
| 109 | + </ul> | ||
| 110 | + </li> | ||
| 67 | 111 | ||
| 68 | 112 | ||
| 69 | </ul> | 113 | </ul> |
| @@ -72,16 +116,16 @@ | @@ -72,16 +116,16 @@ | ||
| 72 | <ul class="workquery-list-title clearfix boxshadow"> | 116 | <ul class="workquery-list-title clearfix boxshadow"> |
| 73 | <li>项目1</li> | 117 | <li>项目1</li> |
| 74 | <li>已提交 <span>10</span> 人</li> | 118 | <li>已提交 <span>10</span> 人</li> |
| 75 | - <li>全部展开</li> | ||
| 76 | - <li> </li> | 119 | + <li class="slide-text">全部展开</li> |
| 120 | + <li class="slide-icon"> </li> | ||
| 77 | </ul> | 121 | </ul> |
| 78 | - <ul class="workquery-list-container clearfix"> | 122 | + <ul class="workquery-list-container clearfix display-none"> |
| 79 | <li class="workquery-list-box"> | 123 | <li class="workquery-list-box"> |
| 80 | <ul class="workquery-list-main"> | 124 | <ul class="workquery-list-main"> |
| 81 | <li>张三 </li> | 125 | <li>张三 </li> |
| 82 | <li>2018/07/23</li> | 126 | <li>2018/07/23</li> |
| 83 | <li>工时 <span>8</span> 小时</li> | 127 | <li>工时 <span>8</span> 小时</li> |
| 84 | - <li class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">11外，11婚1强调，支1，难以1金受限</li> | 128 | + <li id="workquery-list-wrap1" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">11外，11婚1强调，支1，难以1金受限</li> |
| 85 | </ul> | 129 | </ul> |
| 86 | </li> | 130 | </li> |
| 87 | <li class="workquery-list-box"> | 131 | <li class="workquery-list-box"> |
| @@ -89,7 +133,15 @@ | @@ -89,7 +133,15 @@ | ||
| 89 | <li>张三 </li> | 133 | <li>张三 </li> |
| 90 | <li>2018/07/23</li> | 134 | <li>2018/07/23</li> |
| 91 | <li>工时 <span>8</span> 小时</li> | 135 | <li>工时 <span>8</span> 小时</li> |
| 92 | - <li class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li> | 136 | + <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li> |
| 137 | + </ul> | ||
| 138 | + </li> | ||
| 139 | + <li class="workquery-list-box"> | ||
| 140 | + <ul class="workquery-list-main"> | ||
| 141 | + <li>张三 </li> | ||
| 142 | + <li>2018/07/23</li> | ||
| 143 | + <li>工时 <span>8</span> 小时</li> | ||
| 144 | + <li id="workquery-list-wrap2" class="clampThis" title="相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限">相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限相继调整公积金提取政策，收紧了异地购房、离婚购房提取公积金等操作，但多地也都强调，支持提取公积金用于购买首套住房或二套改善型住房。 此外，由于房价普遍上涨，多地的公积金贷款上限已经明显偏低，难以满足购房者的资金需求。专家建议，各地应上调公积金贷款额度。 异地购房、离婚购房提取公积金受限</li> | ||
| 93 | </ul> | 145 | </ul> |
| 94 | </li> | 146 | </li> |
| 95 | 147 | ||
| @@ -97,6 +149,7 @@ | @@ -97,6 +149,7 @@ | ||
| 97 | </ul> | 149 | </ul> |
| 98 | </li> | 150 | </li> |
| 99 | 151 | ||
| 152 | + | ||
| 100 | </ul> | 153 | </ul> |
| 101 | 154 | ||
| 102 | <script src="../topages/workquery/workquery.js"></script> | 155 | <script src="../topages/workquery/workquery.js"></script> |
topages/workquery/workquery.js
| @@ -44,6 +44,26 @@ var fun={ | @@ -44,6 +44,26 @@ var fun={ | ||
| 44 | $("#workquery-daterange-btnend").datetimepicker("setStartDate", $("#workquery-daterange-btnsta").val()) | 44 | $("#workquery-daterange-btnend").datetimepicker("setStartDate", $("#workquery-daterange-btnsta").val()) |
| 45 | }); | 45 | }); |
| 46 | }, | 46 | }, |
| 47 | + listToggle:function (ele) { | ||
| 48 | + var text = ele.find('.slide-text').text(); | ||
| 49 | + ele.parent().siblings().find('.slide-text').text('全部展开'); | ||
| 50 | + if(text == '全部展开'){ | ||
| 51 | + ele.find('.slide-text').text('全部折叠') | ||
| 52 | + }else{ | ||
| 53 | + ele.find('.slide-text').text('全部展开') | ||
| 54 | + }; | ||
| 55 | + ele.parent().siblings().find('.slide-icon').removeClass('slide-icon-active'); | ||
| 56 | + ele.find('.slide-icon').toggleClass('slide-icon-active'); | ||
| 57 | + | ||
| 58 | + | ||
| 59 | + ele.parent().siblings().find('.workquery-list-container').slideUp(); | ||
| 60 | + ele.parent().find('.workquery-list-container').slideToggle(); | ||
| 61 | + } | ||
| 47 | 62 | ||
| 48 | } | 63 | } |
| 49 | -fun.init(); | ||
| 50 | \ No newline at end of file | 64 | \ No newline at end of file |
| 65 | +fun.init(); | ||
| 66 | + | ||
| 67 | +$('#workquery-list-wrap').delegate('.workquery-list-title','click',function () { | ||
| 68 | + var ele = $(this); | ||
| 69 | + fun.listToggle(ele); | ||
| 70 | +}); | ||
| 51 | \ No newline at end of file | 71 | \ No newline at end of file |