edit_info.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  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">编辑{{msg}}</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. <input type="text" placeholder="输入昵称" v-model="item.value" v-if="item.field=='nickName' " />
  28. <input type="text" placeholder="输入邮箱" v-model="item.value" v-if="item.field=='email' " />
  29. </div>
  30. </div>
  31. <button class="btn" @click="ok()">确认</button>
  32. </div>
  33. </div>
  34. </div>
  35. <script src="../../js/mui.min.js"></script>
  36. <script src="../../js/app.js"></script>
  37. <script src="../../js/vue.min.js"></script>
  38. <script>
  39. var vm=new Vue({
  40. el: "#app",
  41. data: {
  42. msg: '',
  43. item: {field: '',id: '',value:''},
  44. },
  45. mounted:function() {
  46. mui.plusReady(function() {
  47. var p= plus.webview.currentWebview();
  48. vm.msg = p.param.msg;
  49. vm.item.id = getUser().id;
  50. vm.item.value=p.param.value;
  51. vm.item.field=p.param.op;
  52. })
  53. },
  54. methods: {
  55. //编辑
  56. ok: function() {
  57. request(urls().edit_info, this.item, function(res) {
  58. if(res.result == true) {
  59. mui.toast("修改成功");
  60. plus.webview.getWebviewById("user_info").reload(true);
  61. mui.back();
  62. } else {
  63. mui.toast(res.msg);
  64. }
  65. plus.nativeUI.closeWaiting();
  66. })
  67. }
  68. }
  69. })
  70. </script>
  71. </body>
  72. </html>