edit_info.html 2.4 KB

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