contract.html 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  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. 合同接收人: {{items.mz}}
  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: {client:getUser().id},
  49. items:{},
  50. },
  51. mounted:function() {
  52. mui.plusReady(function() {
  53. console.log("res==="+JSON.stringify(plus.webview.currentWebview().param));
  54. if(plus.webview.currentWebview().param!=null){
  55. vm.items=plus.webview.currentWebview().param;
  56. vm.item.trustee=plus.webview.currentWebview().param.userId;
  57. vm.item.parttime_id=plus.webview.currentWebview().param.parttime_id;
  58. vm.item.client_status=1;//发送表示委托人同意
  59. }
  60. })
  61. },
  62. methods: {
  63. //编辑
  64. ok: function() {
  65. if(vm.item.templete_id==''){
  66. mui.alert('请选择合同模板');
  67. return;
  68. }
  69. request(urls().send_contract,this.item, function(res) {
  70. if(res.result == true) {
  71. mui.toast("操作成功");
  72. plus.webview.getWebviewById("detail").reload(true);
  73. } else {
  74. mui.toast(res.msg);
  75. }
  76. plus.nativeUI.closeWaiting();
  77. })
  78. }
  79. }
  80. })
  81. </script>
  82. </body>
  83. </html>