fangshi-detail-3.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>产后访视详情</title>
  6. <meta name="author" content="yihu.com" />
  7. <meta name="format-detection" content="telephone=no" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  11. <link rel="shortcut icon" href="../../../favicon.ico">
  12. <link rel="stylesheet" type="text/css" href="../../../css/element-ui.css"/>
  13. <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
  14. <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
  15. <link href="../css/fangshi-detail.css" rel="stylesheet">
  16. </head>
  17. <body>
  18. <div id="app">
  19. <table class="table table-bordered">
  20. <tr>
  21. <td class="col-w120 c-t-center">随访日期</td>
  22. <td colspan="3">
  23. <el-date-picker
  24. :readonly="!editable"
  25. v-model="data2"
  26. type="date"
  27. placeholder="选择日期">
  28. </el-date-picker>
  29. </td>
  30. </tr>
  31. <tr>
  32. <td class="col-w120 c-t-center">分娩日期</td>
  33. <td>
  34. <el-date-picker
  35. :readonly="!editable"
  36. v-model="data2"
  37. type="date"
  38. placeholder="选择日期">
  39. </el-date-picker>
  40. </td>
  41. <td class="col-w120 c-t-center">出院日期</td>
  42. <td>
  43. <el-date-picker
  44. :readonly="!editable"
  45. v-model="data2"
  46. type="date"
  47. placeholder="选择日期">
  48. </el-date-picker>
  49. </td>
  50. </tr>
  51. <tr>
  52. <td class="col-w120 c-t-center">体 温(℃)</td>
  53. <td colspan="3">
  54. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  55. </td>
  56. </tr>
  57. <tr>
  58. <td class="col-w120 c-t-center">一般健康情况</td>
  59. <td colspan="3">
  60. <el-input type="textarea" :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  61. </td>
  62. </tr>
  63. <tr>
  64. <td class="col-w120 c-t-center">一般心理状况</td>
  65. <td colspan="3">
  66. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  67. </td>
  68. </tr>
  69. <tr>
  70. <td class="col-w120 c-t-center">血 压(mmHg)</td>
  71. <td colspan="3">
  72. <el-input :readonly="!editable" v-model="input" placeholder="" clearable></el-input>
  73. </td>
  74. </tr>
  75. <tr>
  76. <td class="col-w120 c-t-center">乳 房</td>
  77. <td colspan="3">
  78. <el-radio :disabled="!editable" v-model="radio" label="1">未见异常</el-radio>
  79. <el-radio :disabled="!editable" v-model="radio" label="2">异常</el-radio>
  80. </td>
  81. </tr>
  82. </table>
  83. </div>
  84. <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
  85. <script src="../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
  86. <script src="../../../plugins/toastr/toastr.min.js"></script>
  87. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  88. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  89. <script src="../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
  90. <!--<script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>-->
  91. <script>
  92. new Vue({
  93. el: "#app",
  94. data: function() {
  95. return {
  96. editable: true,
  97. data2: "",
  98. radio: ""
  99. }
  100. }
  101. })
  102. </script>
  103. </body>
  104. </html>