123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196 |
- <!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" type="text/css" href="../../../css/common/mui.picker.min.css" />
- <link rel="stylesheet" href="../../../css/common/common.css">
- <link rel="stylesheet" type="text/css" href="../../../css/index/index-schdule/schedule.css" />
- </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>
- <a class="mui-btn-link mui-pull-right fz">确定</a>
- </header>
- <div class="mui-content">
- <div class="reply-box">
- <span>日程标题</span>
- <span class="mui-pull-right">
- <input class="title" type="text" placeholder="请填写日程标题"/>
- </span>
- </div>
- <div class="reply-box">
- <span>日程类型</span>
- <a class="mui-pull-right mui-icon mui-icon-arrowright"></a>
- <span class="mui-pull-right pro-con">一般</span>
- </div>
- <div class="reply-box sc-time">
- <span>开始时间</span>
- <a class="mui-pull-right mui-icon mui-icon-arrowright"></a>
- <span class="mui-pull-right time"></span>
- </div>
- <div class="reply-box">
- <span>设置提醒</span>
- <a class="mui-pull-right mui-icon mui-icon-arrowright"></a>
- <span class="mui-pull-right ch-time">5分钟</span>
- </div>
- <div class="reply-box">
- <textarea class="content">请填写日程内容</textarea>
- </div>
- </div>
- <script src="../../../libs/mui.min.js"></script>
- <script src="../../../libs/mui.picker.min.js" type="text/javascript" charset="utf-8"></script>
- <script type="text/javascript">
- mui.plusReady(function() {
- //选择重要性
- mui(document.body).on('tap', '.pro-con', function() {
- Importance()
- });
- //选择提醒时间
- mui(document.body).on('tap', '.ch-time', function() {
- Importance()
- });
- //开始时间
- var d = new Date();
- mui('.time')[0].innerHTML = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes();
- mui(document.body).on('tap', '.sc-time', function() {
- changeTime()
- })
- //添加日程
- mui(document.body).on('tap', '.fz', function() {
- temp_Manger()
- });
- })
- function Importance() {
- var picker = new mui.PopPicker();
- picker.setData([{
- text: '一般'
- }, {
- text: '重要'
- }])
- picker.show(function(selectItems) {
- mui('.pro-con')[0].innerHTML = selectItems[0].text;
- })
- }
- function ScheduleTime() {
- var picker = new mui.PopPicker();
- picker.setData([{
- text: '5分钟'
- }, {
- text: '10分钟'
- }, {
- text: '15分钟'
- }, {
- text: '30分钟'
- }])
- picker.show(function(selectItems) {
- mui('.ch-time')[0].innerHTML = selectItems[0].text;
- })
- }
- function changeTime() {
- var d = new Date();
- d.setFullYear(d.getFullYear(), d.getMonth(), d.getDate());
- plus.nativeUI.pickDate(function(e) {
- var d = e.date;
- var selectDate;
- var selectTime;
- var _mouth = (d.getMonth() + 1);
- var _day = d.getDate();
- if(String(_mouth).length == 1) {
- _mouth = '0' + _mouth
- }
- if(String(_day).length == 1) {
- _day = '0' + _day
- }
- selectDate = d.getFullYear() + "-" + _mouth + "-" + _day;
- plus.nativeUI.pickTime(function(e) {
- var d = e.date;
- var _hour = d.getHours();
- var _mm = d.getMinutes();
- if(String(_mm).length == 1) {
- _mm = '0' + _mm
- }
- if(String(_hour).length == 1) {
- _hour = '0' + _hour
- }
- selectTime = _hour + ":" + _mm;
- mui('.time')[0].innerHTML = selectDate + " " + selectTime
- }, function(e) {
- mui.toast("未选择时间:");
- });
- }, function(e) {
- mui.toast("未选择日期:" + e.message);
- }, {
- minDate: d
- });
- };
- function temp_Manger() {
- mui.plusReady(function() {
- var str = plus.storage.getItem('user');
- var user = JSON.parse(str);
- var token = user.Data.Token;
- var title = mui('.title')[0].value;
- var content = mui('.content')[0].value;
- if(content == '请填写日志内容') {
- content = ''
- }
- var scheduleTime = mui('.time')[0].innerHTML;
- var remind = parseInt(mui('.ch-time')[0].innerHTML)
- var importance;
- if(mui('.pro-con')[0].innerHTML == '一般') {
- importance = 1
- } else {
- importance = 2
- }
- if(title == '') {
- mui.toast('请填写标题')
- } else {
- var postdata = {
- ScheduleTitle: title,
- ScheduleContent: content,
- ScheduleTime: scheduleTime,
- Remind: remind,
- Importance: importance, //一般,2.重要
- };
- mui.ajax("http://www.bosshand.cn/api/Customer/AddSchedule", {
- headers: {
- authorization: token
- },
- type: "post",
- data: postdata,
- success: function(data) {
- mui.toast('添加成功')
- var old_back = mui.back;
- mui.back = function() {
- var wobj = plus.webview.getWebviewById("tpl/home-index/home-index-menu/schedule.html");
- wobj.reload(true);
- old_back()
- }
- mui.back()
- }
- });
- }
- })
- }
- </script>
- </body>
- </html>
|