contract.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>添加</title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link href="../../css/mui.min.css" rel="stylesheet" />
  8. <link rel="stylesheet" href="../../css/animate.min.css" />
  9. <style>
  10. .mui-bar-nav~.mui-content{padding-top: 54px;}
  11. .bg{padding: 20px;text-align: center;}
  12. input{height: 50px!important;}
  13. .m_box {padding: 10px 10px 25px 10px;box-shadow: 0 1px 6px #dbdbdb;}
  14. .btn{width: 230px;margin-top: -21px;}
  15. </style>
  16. </head>
  17. <body>
  18. <div id="app">
  19. <header class="mui-bar mui-bar-nav">
  20. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  21. <h1 class="mui-title">发送合同</h1>
  22. </header>
  23. <div class="mui-content animated fadeInUp" id="app" style="margin-top: 10px;">
  24. <div class="bg">
  25. <div class="m_box">
  26. <div class="input-group">
  27. 合同接收人: 李芬芬
  28. </div>
  29. <div class="input-group">
  30. <label>选择模板</label>
  31. <select v-model="item.templete_id">
  32. <option value="1" >合同模板1</option>
  33. <option value="2" >合同模板2</option>
  34. </select>
  35. </div>
  36. </div>
  37. <button class="btn" @click="ok()">确认发送</button>
  38. </div>
  39. </div>
  40. </div>
  41. <script src="../../js/mui.min.js"></script>
  42. <script src="../../js/app.js"></script>
  43. <script src="../../js/vue.min.js"></script>
  44. <script>
  45. var vm=new Vue({
  46. el: "#app",
  47. data: {
  48. item: {id: '',userId:getUser().id,mName:''},
  49. type_list:[{name:'小时工',id:'1'},{name:'日工',id:'2'},{name:'任务',id:'3'}],
  50. },
  51. mounted:function() {
  52. mui.plusReady(function() {
  53. if(plus.webview.currentWebview().param!=null){
  54. vm.item=plus.webview.currentWebview().param;
  55. }
  56. })
  57. },
  58. methods: {
  59. //编辑
  60. ok: function() {
  61. if(vm.item.mName==''){
  62. mui.alert('输入职位类型');
  63. return;
  64. }
  65. request(urls().send_contract,this.item, function(res) {
  66. if(res.result == true) {
  67. mui.toast("操作成功");
  68. plus.webview.getWebviewById("detail").reload(true);
  69. } else {
  70. mui.toast(res.msg);
  71. }
  72. plus.nativeUI.closeWaiting();
  73. })
  74. }
  75. }
  76. })
  77. </script>
  78. </body>
  79. </html>