| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314 |
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <title>我的效率</title>
- <link href="../../css/mui.min.css" rel="stylesheet" />
- <link href="../../css/OA-style.css" rel="stylesheet" />
- <style type="text/css">
- html,
- body {
- background-color: #efeff4;
- }
-
- .mui-segmented-control .mui-control-item.mui-active {
- background-color: #468CF0;
- }
-
- .mui-segmented-control {
- border: 1px solid #468CF0;
- }
-
- .mui-segmented-control .mui-control-item {
- border-left: 1px solid #468CF0;
- color: #468CF0;
- }
-
- .mui-bar~.mui-content .mui-fullscreen {
- top: 44px;
- height: auto;
- }
-
- .mui-pull-top-tips {
- position: absolute;
- top: -20px;
- left: 50%;
- margin-left: -25px;
- width: 40px;
- height: 40px;
- border-radius: 100%;
- z-index: 1;
- }
-
- .mui-bar~.mui-pull-top-tips {
- top: 24px;
- }
-
- .mui-pull-top-wrapper {
- width: 42px;
- height: 42px;
- display: block;
- text-align: center;
- background-color: #efeff4;
- border: 1px solid #ddd;
- border-radius: 25px;
- background-clip: padding-box;
- box-shadow: 0 4px 10px #bbb;
- overflow: hidden;
- }
-
- .mui-pull-top-tips.mui-transitioning {
- -webkit-transition-duration: 200ms;
- transition-duration: 200ms;
- }
-
- .mui-pull-top-tips .mui-pull-loading {
- /*-webkit-backface-visibility: hidden;
- -webkit-transition-duration: 400ms;
- transition-duration: 400ms;*/
- margin: 0;
- }
-
- .mui-pull-top-wrapper .mui-icon,
- .mui-pull-top-wrapper .mui-spinner {
- margin-top: 7px;
- }
-
- .mui-pull-top-wrapper .mui-icon.mui-reverse {
- /*-webkit-transform: rotate(180deg) translateZ(0);*/
- }
-
- .mui-pull-bottom-tips {
- text-align: center;
- background-color: #efeff4;
- font-size: 15px;
- line-height: 40px;
- color: #777;
- }
-
- .mui-pull-top-canvas {
- overflow: hidden;
- background-color: #fafafa;
- border-radius: 40px;
- box-shadow: 0 4px 10px #bbb;
- width: 40px;
- height: 40px;
- margin: 0 auto;
- }
-
- .mui-pull-top-canvas canvas {
- width: 40px;
- }
-
- .mui-slider-indicator.mui-segmented-control {
- background-color: #efeff4;
- }
-
- .mui-scroll1 {
- z-index: 1;
- width: 100%;
- }
- </style>
- </head>
- <body>
- <header class="mui-bar mui-bar-nav">
- <a class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
- <h1 class="mui-title">我的日程</h1>
- <a href="createSchedule.html" class="mui-pull-right"><img src="../../images/app_add.png" style="width:44px;margin-right: -10px;;"></a>
- </header>
- <div class="mui-content">
- <div id="slider" class="mui-slider mui-fullscreen">
- <div style="padding: 10px 10px;">
- <div id="segmentedControl" class="mui-segmented-control">
- <div class="mui-scroll1">
- <a class="mui-control-item mui-active" href="#item1mobile" style="font-size: 16px;">未开始</a>
- <a class="mui-control-item" href="#item4mobile" style="font-size: 16px;">进行中</a>
- <a class="mui-control-item" href="#item2mobile" style="font-size: 16px;">已完成</a>
- <a class="mui-control-item" href="#item3mobile" style="font-size: 16px;">已超时</a>
- </div>
- </div>
- </div>
- <div class="mui-slider-group">
- <div id="item1mobile" class="mui-slider-item mui-control-content ">
- <div class="mui-scroll-wrapper">
- <div class="mui-scroll" id="pullrefresh">
- <ul class="mui-table-view" id="items1" style="background: #EFEFF4 !important;" >
- <center>
- <li :data-id="item.universalid" v-for="item in item1" style="border: none !important;margin-bottom: 10px;">
- <div class="list_gg">
- <div class="myrc_div" style="position: relative;margin: 0px;text-align: center;">
- <div class="myrc_div1">
- <div class="myrc_div2"><b>未开始</b></div>
- <div class="myrc_title"><b>{{item.schedule_title}}</b></div>
- </div>
- <div class="myrc_div3" style="margin-bottom: 20px;overflow: hidden;">
- <div class="myrc_center">
- <div class="myrc_center_title">开始</div>
- <div class="myrc_center_time"><b>{{item.startH}}</b></div>
- <div class="myrc_center_title">{{item.startD}}</div>
- <div class="myrc_center_shijian">优先级:
- <font color="#00B83F">{{item.levelNs}}</font>
- </div>
- </div>
- <div class="myrc_center">
- <div class="myrc_center_title">结束</div>
- <div class="myrc_center_time"><b>{{item.endH}}</b></div>
- <div class="myrc_center_title">{{item.endD}}</div>
- <div class="myrc_center_shijian">类型:<font style="color:blue;">{{item.typeNs}}</font></div>
- </div>
- </div>
- <div style="margin: 0px;position: absolute;bottom: 6px;right: 20px;text-align: right;">
- <button type="button" id="perorder" @tap="open_detail(item)" class="mui-btn mui-btn-outlined" style="margin-right: 10px;font-size: 10px">查看</button>
- <button type="button" id="edit" @tap="editSchedul(item)" class="mui-btn" style="margin-right: 10px;font-size: 10px;">完成</button>
- <button type="button" id="del" @tap="delSchedul(item)" class="mui-btn mui-btn-danger " style="font-size: 10px;">删除</button>
- </div>
- </div>
- </div>
- </center>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div id="item2mobile" class="mui-slider-item mui-control-content ">
- <div class="mui-scroll-wrapper">
- <div class="mui-scroll" id="pullrefresh2">
- <ul class="mui-table-view" id="items2" style="background: #EFEFF4 !important;" >
- <center>
- <li :data-id="item.universalid" v-for="item in item2" style="border: none !important;margin-bottom: 10px;">
- <div class="list_gg">
- <div class="myrc_div" style="position: relative;margin: 0px;text-align: center;">
- <div class="myrc_div1">
- <div class="myrc_div2"><b>已完成</b></div>
- <div class="myrc_title"><b>{{item.schedule_title}}</b></div>
- </div>
- <div class="myrc_div3" style="margin-bottom: 28px;">
- <div class="myrc_center">
- <div class="myrc_center_title">开始</div>
- <div class="myrc_center_time"><b>{{item.startH}}</b></div>
- <div class="myrc_center_title">{{item.startD}}</div>
- <div class="myrc_center_shijian">优先级:
- <font color="#00B83F">{{item.levelNs}}</font>
- </div>
- </div>
- <div class="myrc_center">
- <div class="myrc_center_title">结束</div>
- <div class="myrc_center_time"><b>{{item.endH}}</b></div>
- <div class="myrc_center_title">{{item.endD}}</div>
- <div class="myrc_center_shijian">类型:<font style="color:blue;">{{item.typeNs}}</font></div>
- </div>
- </div>
- <div style="margin: 0px;position: absolute;bottom: 6px;right: 20px;text-align: right;">
- <button type="button" id="perorder" @tap="open_detail(item)" class="mui-btn mui-btn-outlined" style="margin-right: 10px;font-size: 10px">查看</button>
-
- <button type="button" id="del" @tap="delSchedul(item)" class="mui-btn mui-btn-danger " style="font-size: 10px;">删除</button>
- </div>
- </div>
- </div>
- </center>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div id="item3mobile" class="mui-slider-item mui-control-content ">
- <div class="mui-scroll-wrapper">
- <div class="mui-scroll" id="pullrefresh3">
- <ul class="mui-table-view" id="items3" style="background: #EFEFF4 !important;" >
- <center>
- <li :data-id="item.universalid" v-for="item in item3" style="border: none !important;margin-bottom: 10px;">
- <div class="list_gg">
- <div class="myrc_div" style="position: relative;margin: 0px;text-align: center;">
- <div class="myrc_div1">
- <div class="myrc_div2"><b>已超时</b></div>
- <div class="myrc_title"><b>{{item.schedule_title}}</b></div>
- </div>
- <div class="myrc_div3" style="margin-bottom: 28px;">
- <div class="myrc_center">
- <div class="myrc_center_title">开始</div>
- <div class="myrc_center_time"><b>{{item.startH}}</b></div>
- <div class="myrc_center_title">{{item.startD}}</div>
- <div class="myrc_center_shijian">优先级:
- <font color="#00B83F">{{item.levelNs}}</font>
- </div>
- </div>
- <div class="myrc_center">
- <div class="myrc_center_title">结束</div>
- <div class="myrc_center_time"><b>{{item.endH}}</b></div>
- <div class="myrc_center_title">{{item.endD}}</div>
- <div class="myrc_center_shijian">类型:<font style="color:blue;">{{item.typeNs}}</font></div>
- </div>
- </div>
- <div style="margin: 0px;position: absolute;bottom: 6px;right: 20px;text-align: right;">
- <button type="button" id="perorder" @tap="open_detail(item)" class="mui-btn mui-btn-outlined" style="margin-right: 10px;font-size: 10px">查看</button>
- <button type="button" id="edit" @tap="editSchedul(item)" class="mui-btn" style="margin-right: 10px;font-size: 10px;">完成</button>
- <button type="button" id="del" @tap="delSchedul(item)" class="mui-btn mui-btn-danger " style="font-size: 10px;">删除</button>
- </div>
- </div>
- </div>
- </center>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div id="item4mobile" class="mui-slider-item mui-control-content ">
- <div class="mui-scroll-wrapper">
- <div class="mui-scroll" id="pullrefresh4">
- <ul class="mui-table-view" id="items4" style="background: #EFEFF4 !important;" >
- <center>
- <li :data-id="item.universalid" v-for="item in item4" style="border: none !important;margin-bottom: 10px;">
- <div class="list_gg">
- <div class="myrc_div" style="position: relative;margin: 0px;text-align: center;">
- <div class="myrc_div1">
- <div class="myrc_div2"><b>进行中</b></div>
- <div class="myrc_title"><b>{{item.schedule_title}}</b></div>
- </div>
- <div class="myrc_div3" style="margin-bottom: 28px;">
- <div class="myrc_center">
- <div class="myrc_center_title">开始</div>
- <div class="myrc_center_time"><b>{{item.startH}}</b></div>
- <div class="myrc_center_title">{{item.startD}}</div>
- <div class="myrc_center_shijian">优先级:
- <font color="#00B83F">{{item.levelNs}}</font>
- </div>
- </div>
- <div class="myrc_center">
- <div class="myrc_center_title">结束</div>
- <div class="myrc_center_time"><b>{{item.endH}}</b></div>
- <div class="myrc_center_title">{{item.endD}}</div>
- <div class="myrc_center_shijian">类型:<font style="color:blue;">{{item.typeNs}}</font></div>
- </div>
- </div>
- <div style="margin: 0px;position: absolute;bottom: 6px;right: 20px;text-align: right;">
- <button type="button" id="perorder" @tap="open_detail(item)" class="mui-btn mui-btn-outlined" style="margin-right: 10px;font-size: 10px">查看</button>
- <button type="button" id="edit" @tap="editSchedul(item)" class="mui-btn" style="margin-right: 10px;font-size: 10px;">完成</button>
- <button type="button" id="del" @tap="delSchedul(item)" class="mui-btn mui-btn-danger " style="font-size: 10px;">删除</button>
- </div>
- </div>
- </div>
- </center>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript" src="../../js/jquery-1.11.2.min.js"></script>
- <script src="../../js/mui.min.js"></script>
- <script src="../../js/config.js"></script>
- <script src="../../js/app.js"></script>
- <script src="../../js/vue.min.js"></script>
- <script src="../../js/mui.pullToRefresh.js"></script>
- <script src="../../js/mui.pullToRefresh.material.js"></script>
- <script src="../../js/schedule/sch_list.js"></script>
- </body>
- </html>
|