generator-minxing/app/templates/template/view/content.html

generator for creating minxing web app.

<link rel="stylesheet" href="styles/view/content.css" />
<link rel="stylesheet" href="styles/view/magnific-popup.css" />
<div class="index">
  <form>
    <ul>
      <li class="singular">
        <h3>发文处理单</h3>
      </li>
      <li>
        <label for="number">发文字号</label>
        <select id="number">
          <option value="number" style="display:none" data-theme="none">办综</option>
        </select>
        <i>[2014]号</i>
      </li>
      <li class="singular">
        <label for="department">主办部门</label>
        <input type="text" name="department" id="department" value="信息科技部">
      </li>
      <li class="singular">
        <label for="degree">紧急程度</label>
        <select id="degree">
          <option value="degree" style="display:none">无</option>
        </select>
      </li>
      <li>
        <label for="level">秘密等级</label>
        <select id="level">
          <option value="level" style="display:none">无</option>
        </select>
      </li>
      <li class="singular">
        <label for="count">份数</label>
        <input class="subtext" type="text" name="count" id="count" value="1">
      </li>
      <li>
        <label for="title">标题</label>
        <input type="text" name="title" id="title" value="关于机房监控系统研发立项的批复">
      </li>
      <li class="singular">
        <label for="subtitle">附件标题</label>
        <input type="text" name="title" id="title" >
      </li>
      <li>
        <label for="sign">签发意见</label>
        <span class="wrap">
          <textarea name="sign" id ="sign">同意</textarea>
          </br></br></br></br>
          <a data-id="" href="javascript:" class="am-icon-comment">&nbsp;</a>
          <time>12-27 11:07</time>
        </span>
      </li>
      <li>
        <label for="exam">审核意见</label>
        <span class="wrap">
          <textarea name="exam" id ="exam">同意：请李总审阅</textarea>
          </br></br></br></br>
          <a data-id="" href="javascript:" class="am-icon-comment">&nbsp;</a>
          <time>12-29 8:52</time>
        </span>
      </li>
      <li class="singular">
        <label for="leader">办公室领导审核</label>
        <span class="wrap">
          <textarea name="leader" id ="leader">同意</textarea>
          </br></br></br></br>
          <a data-id="" href="javascript:" class="am-icon-comment">&nbsp;</a>
          <time>12-29 11:11</time>
        </span>
      </li>
      <li>
        <label for="office">办公室核稿</label>
        <span class="wrap">
          <textarea name="office" id="office"></textarea>
          </br></br></br></br>
          <i id="officename" style="display:none">总行核稿员</i>
          <time id="time" style="display:none"></time>
        </span>  
      </li>
    </ul>
    <footer>
      <div class="foot">
        <a href="#popup-page" class="btn-popup">填写意见</a>
        <!-- 弹窗页面 -->
        <div class="mx-popup mfp-hide popup" id="popup-page">
          <form>
            <label for ="audit">办公室核稿</label>
            <textarea name="audit" id="audit">同意</textarea>
            <a href="#" class="mfp-close">取消</a>
            <a href="#" id="yes" class="mfp-close">确定</a>
          </form>
        </div>
        <a href="javascript:" id="commit">提交</a>
        <a href="content.jsp">查看正文</a>
        <a href="file.html">查看附件</a>
      </div>
    </footer>
  </form>
</div>
<script src="scripts/view/jquery.magnific-popup.js"></script>
<script>
  var onDeviceReady = function(){
    MXWebui.showToolbar();
  };
  document.addEventListener("deviceready", onDeviceReady, false);
  $(document).ready(function(){
    $("#commit").on("click",function(){
      var current_user_login_name="";
      var network_id="";
      MXCommon.getCurrentUser(function(d){
        current_user_login_name=d.login_name;
        MXCommon.api({'method':'get','url':'/api/v1/users/current'},function(r){
          network_id=eval('('+r+')').network_id;
          MXContacts.selectUsers(function(a){
            var _login_names=new Array();
            for(var i=0;i<a.data.length;i++){
                _login_names.push(a.data[i].login_name);
            }
            _login_names.push(current_user_login_name);
          $.post("/oa/push"
            ,{title:$("#title").val(),
              desc:"当前环节：办公室核稿<br>提交人：马青冈<br>提交时间：2015-1-25",
              picurl:"",
              url:window.location.href,//"/oa/mobile/app/index.jsp",
              login_names:_login_names,
              network_id:network_id
              }
              ,function(data){
                var r = eval("("+data+")");
                if(r.success){
                  alert("提交成功");
                  window.history.back();
                }else{
                  //alert("提交失败");
                }
              });
        },false);
      });
     });
    });
    $("a[data-id]").click(function(e){
      e.preventDefault();
      var login_name = $(e.currentTarget).attr("data-id");
      var arr = new Array(login_name);
      MXChat.chat(arr);
    });
  });
  $(function() {
      //初始化弹窗
      $('.btn-popup').magnificPopup({
          type: 'inline',
          closeBtnInside: true,
          fixedContentPos: false,
          fixedBgPos: true,
          overflowY: 'auto',
          closeBtnInside: true,
          preloader: false,
          midClick: true,
          removalDelay: 300,
          mainClass: 'my-mfp-slide-bottom'
      });

      $("a#yes").click(function(){
          $("textarea#office").val($("textarea#audit").val());
          $("#time").css({ 'display': 'block' });
          $("#officename").css({ 'display': 'block' });
      });
      //显示时间
      var d = new Date();
      var day = d.getDate();
      var month = d.getMonth() + 1;
      var hour = d.getHours();
      var minute = d.getMinutes();
      if (minute < 10){
        minute = "0"+ minute;
      }
      document.getElementById("time").innerHTML = month + "-" + day + " " + hour + ":" + minute;
  });
</script>