| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158 |
- <!DOCTYPE html>
- <html>
-
- <head>
- <meta charset="utf-8">
- <title>记事本</title>
- <meta name="viewport" content="width=device-width, initial-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">
-
- <link rel="stylesheet" type="text/css" href="../../../css/common/mui.min.css" />
- <link rel="stylesheet" href="../../../css/common/common.css">
- <style type="text/css">
- .color-word {
- color: #C0C0C0;
- font-size: 12px;
- white-space: nowrap;
- overflow: hidden;
- /* 内容超出宽度时隐藏超出部分的内容 */
- text-overflow: ellipsis
- }
-
- .mui-table-view-cell span#rg {
- position: absolute;
- top: 0px;
- right: -40px;
- color: #CCCCCC;
- font-size: 12px;
- }
- </style>
- </head>
-
- <body>
- <header id="header" class="mui-bar mui-bar-nav">
- <a class="mui-action-back mui-icon mui-icon-arrowleft">
- <span class="back">返回</span>
- </a>
- <h1 class="mui-title">记事本</h1>
- </header>
- <div class="mui-content">
- <ul class="mui-table-view mui-table-view-chevron">
-
- </ul>
- </div>
- <!--固定的菜单选项-->
- <div class="fixed-box">
- <div>
- <a id="add-note.html" onclick="hrefTo(this.id)">新建</a>
- </div>
- <div class="mo-word xx">
- <img src="../../../img/home-index/add.png" />
- </div>
- </div>
- <script src="../../../libs/mui.min.js"></script>
- <script src="../../../libs/href.js" type="text/javascript" charset="utf-8"></script>
- <script>
- window.onload = function() {
- //固定菜单
- var count = 0;
- mui(document.body).on('tap', '.xx', function() {
- if(count % 2 == 0) {
- mui('.fixed-box')[0].childNodes[1].className = 'move1';
- mui('.fixed-box')[0].childNodes[3].className = 'mo-word xx move7';
- } else {
- mui('.fixed-box')[0].childNodes[1].className = 'move4';
- mui('.fixed-box')[0].childNodes[3].className = 'mo-word xx move8';
- }
- count++
- });
- //查询记事本
- mui.plusReady(function() {
- var str = plus.storage.getItem('user');
- var user = JSON.parse(str);
- var token = user.Data.Token;
- var postdata = {
- exist: "-1", //名称
- pageIndex: 1, //页码
- pageSize: 100 //页码大小
- }
- mui.ajax("http://www.bosshand.cn/api/Customer/GetNotepadPageList", {
- headers: {
- authorization: token
- },
- type: "post",
- data: postdata,
- success: function(data) {
- var data = data.Data.list;
- var html = '';
- for(var i = 0; i < data.length; i++) {
- html += '<li class="mui-table-view-cell">'
- html += '<div class="mui-slider-right mui-disabled">'
- html += '<a class="mui-btn mui-btn-red" onclick="clearNote(' + data[i].Code + ',this)">删除</a>'
- html += '</div>'
- html += '<div class="mui-slider-handle" onclick="openDetails(' + data[i].Code + ')">'
- html += '<div class="sm-mo-word">' + data[i].Tilte + ' </div>'
- html += '<div class ="color-word" >' + data[i].Content + '</div>'
- html += '<span id ="rg">' + getLocalDate(data[i].CreateTime) + '</span>'
- html += '</div>'
- html += '</li>'
- mui('.mui-content ul')[0].innerHTML = html;
- }
-
- }
- });
- })
-
- };
- //删除记事本
- function clearNote(code, This) {
- mui.plusReady(function() {
- var str = plus.storage.getItem('user');
- var user = JSON.parse(str);
- var token = user.Data.Token;
- var postdata = {
- "": code
- }
- mui.ajax("http://www.bosshand.cn/api/Customer/DeleteListNotepad", {
- headers: {
- authorization: token
- },
- type: "post",
- data: postdata,
- success: function(data) {
- mui(This)[0].parentNode.parentNode.parentNode.removeChild(mui(This)[0].parentNode.parentNode)
- }
- });
- })
- }
- //详情跳转
- function openDetails(code) {
- mui.openWindow({
- url: 'note-details.html',
- extras: {
- code: code
- },
- createNew: true, //是否重复创建同样id的webview，默认为false:不重复创建，直接显示
- show: {
- autoShow: true, //页面loaded事件发生后自动显示，默认为true
- },
- waiting: {
- autoShow: false, //自动显示等待框，默认为true
- }
- })
- }
- //时间修改
- function getLocalDate(now) {
- var date = now.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '');
- var arr = date.split(' ');
- //日期
- var arrDate = arr[0].split('-');
- //时间
- var arrTime = arr[1].split(':');
- return arrDate[0] + '年' + arrDate[1] + '月' + arrDate[2] + '日';
- }
- </script>
- </body>
-
- </html>
|
