list.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
  6. <meta http-equiv="pragma" content="no-cache">
  7. <meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
  8. <meta http-equiv="expires" content="0">
  9. <title>党委发文</title>
  10. <link rel="stylesheet" href="../../AFrontEnd/css/fontawesome/css/font-awesome.css">
  11. <script>document.write("<link href='../../css/home.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  12. <script>document.write("<link href='../../css/weui-work.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  13. <script>document.write("<link href='css/list.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  14. </head>
  15. <body>
  16. <div id="listBox">
  17. <div class="weui-search-bar" id="searchBar">
  18. <form class="weui-search-bar__form">
  19. <div class="weui-search-bar__box">
  20. <i class="weui-icon-search"></i>
  21. <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">
  22. <a class="weui-search-bar__btn" href="javascript:">搜索</a>
  23. </div>
  24. </form>
  25. </div>
  26. <div class="active-tab">
  27. <div class="tab-item">
  28. <div :class="{active:nowTab=='tab1'}" @click="changeTab('tab1')">待 办</div>
  29. </div>
  30. <div class="tab-item">
  31. <div :class="{active:nowTab=='tab2'}" @click="changeTab('tab2')">已 办</div>
  32. </div>
  33. </div>
  34. <div class="result-list">
  35. <div v-if="nowTab=='tab1'" class="result-list-item" v-for="(item,index) in dataList" @click="toDetail(item)">
  36. <div class="item-title-box">
  37. <div :class="{'yellow':item.DENG=='YELLOW','red':item.DENG=='RED','green':item.DENG=='GREEN'}"
  38. class="item-light"><i v-if="item.DENG!=''" class="fa fa-circle"></i></div>
  39. <div class="item-title" v-html="item.TITLE"></div>
  40. </div>
  41. <div class="item-kind-box">
  42. <div class="item-flow" v-html="item.FLOWNAME"></div>
  43. <div class="item-date" v-html="item.RECEIVEDATE"></div>
  44. </div>
  45. </div>
  46. <div v-if="nowTab=='tab2'" class="result-list-item" v-for="(item,index) in dataList" @click="toDetail(item)">
  47. <div class="item-title-box">
  48. <div class="item-title" v-html="item.TITLE"></div>
  49. </div>
  50. <div class="item-kind-box2">
  51. <div class="item-flow" v-html="item.FLOWNAME"></div>
  52. <div class="item-date" v-html="item.RECEIVEDATE"></div>
  53. </div>
  54. </div>
  55. <div v-show="noDataTip==0" style="display: none;" class="weui-loadmore weui-loadmore_line" v-cloak>
  56. <span class="weui-loadmore__tips">暂无数据</span>
  57. </div>
  58. <div @click="loadMore" v-show="totalCount>0 && dataList.length<totalCount" class="weui-loadmore">
  59. <div style="color: #dddddd;">点击加载更多</div>
  60. </div>
  61. </div>
  62. </div>
  63. </body>
  64. <script src="../../js/base.js"></script>
  65. <script src="../../js/jquery-2.1.4.js" type="text/javascript"></script>
  66. <script src="../../js/fastclick.js" type="text/javascript"></script>
  67. <script src="../../js/weui.js" type="text/javascript"></script>
  68. <script src="../../AFrontEnd/js/vue/axios.min.js" type="text/javascript"></script>
  69. <script src="../../AFrontEnd/js/vue/vue.min.js" type="text/javascript"></script>
  70. <script src="../../AFrontEnd/js/vue/util.js" type="text/javascript"></script>
  71. <script src="../../js/sm4.js" type="text/javascript"></script>
  72. <script>document.write('<scri' + 'pt src="js/list.js?time=' + new Date().getTime() + '" type="text/javascript"><\/script>')</script>
  73. </html>