RelationPerson.vue 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <template>
  2. <div>
  3. <header class="mui-bar mui-bar-nav">
  4. <h1 class="mui-title">关联长者</h1>
  5. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  6. </header>
  7. <div class="mui-content margin60">
  8. <div class="mui-content-padded">
  9. <h5>长者信息</h5>
  10. <ul class="mui-table-view openfyy-list">
  11. <li class="mui-table-view-cell vongi-wordcard">
  12. <div class="mui-media-object mui-pull-left "><img src="~$project/assets/img/03.jpg" width="50" /></div>
  13. <div class="mui-media-body">
  14. <h3>赵双龙</h3>
  15. <p class='mui-ellipsis mui-h4'>金色家园老年公寓 颐养楼 1-201</p>
  16. </div>
  17. </li>
  18. </ul>
  19. </div>
  20. <div class="mui-content-padded vongi-qingjiadt">
  21. <form class="mui-input-group">
  22. <div class="mui-input-row">
  23. <label>姓名</label>
  24. <span>赵刚</span>
  25. </div>
  26. <div class="mui-input-row">
  27. <label>手机号码</label>
  28. <span>18600001111</span>
  29. </div>
  30. </form>
  31. </div>
  32. <div class="mui-content-padded vongi-qingjiadt vongi-editme">
  33. <form class="mui-input-group">
  34. <div class="mui-input-row">
  35. <label>身份证号</label>
  36. <input type="text" class="mui-input-clear" placeholder="请输入身份证号">
  37. </div>
  38. <div class="mui-input-row">
  39. <label>联系地址</label>
  40. <input type="text" class="mui-input-clear" placeholder="请填写联系人居住实际地址">
  41. </div>
  42. </form>
  43. </div>
  44. <div class="mui-content-padded">
  45. <form class="mui-input-group">
  46. <div class="mui-input-row">
  47. <label style="width:40%">我是长者的<i class="colorfe616c">*</i></label>
  48. <button class="mui-btn mui-btn-block mui-navigate-right mui-ellipsis" type='button' style="width:60%">
  49. 儿子
  50. </button>
  51. </div>
  52. </form>
  53. </div>
  54. <div class="mui-content-padded vongi-qingjiadt vongi-editme">
  55. <form class="mui-input-group">
  56. <div class="mui-input-row">
  57. <label style="width:70%">上传我的人脸识别照片</label>
  58. <button class="mui-btn mui-btn-block mui-navigate-right" type='button' style="width:30%">
  59. <img src="~$project/assets/img/audit1.png" />
  60. </button>
  61. </div>
  62. </form>
  63. </div>
  64. </div>
  65. <div class="fyy-footer">
  66. <div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-pink ">保 存</button></div>
  67. </div>
  68. </div>
  69. </template>
  70. <script>
  71. </script>
  72. <style scoped src="$project/assets/css/pension.css"></style>
  73. <style scoped src="$project/assets/css/xpwyfyy.css"></style>
  74. <style src="$project/assets/css/iconfont.css"></style>
  75. <style>
  76. </style>