zbfzDetail.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  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. />
  10. <meta name="apple-mobile-web-app-capable" content="yes" />
  11. <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  12. <link rel="stylesheet" type="text/css" href="../../../css/font-awesome.min.css" />
  13. <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
  14. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  15. <link rel="stylesheet" type="text/css" href="../../../css/flex.css" />
  16. <link rel="stylesheet" type="text/css" href="../../../css/element-ui.css" />
  17. <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
  18. <link rel="stylesheet" type="text/css" href="../css/common.css" />
  19. <link rel="stylesheet" type="text/css" href="../css/mzfWorksheet.css" />
  20. </head>
  21. <style>
  22. </style>
  23. <body style="margin: 0;overflow-x: auto;" v-cloak>
  24. <div id="main" class="">
  25. <div class="ui-col-1 bgc-fff" style="min-width: 900px;">
  26. <div class="searchDiv">
  27. <span class="c-f14">查询时间:</span>
  28. <el-date-picker
  29. v-model="startTime"
  30. type="date"
  31. placeholder="选择日期"
  32. :clearable="false"
  33. :picker-options="setDisabled">
  34. </el-date-picker> ~
  35. <el-date-picker
  36. v-model="endTime"
  37. type="date"
  38. placeholder="选择日期"
  39. :clearable="false"
  40. :picker-options="setDisabled">
  41. </el-date-picker>
  42. </div>
  43. <div class="searchDiv mt5">
  44. <el-form :model="form" class="flex handleNodeId-40">
  45. <el-form-item label="患者姓名:" class="">
  46. <el-input v-model="form.patientName" placeholder="请输入患者姓名查询"></el-input>
  47. </el-form-item>
  48. <el-form-item label="签约医生:" class=" formLeft">
  49. <el-input v-model="form.doctorName" placeholder="请输入签约医生姓名查询"></el-input>
  50. </el-form-item>
  51. <div class="dept-select formLeft" style="width: 300px;line-height: 38px;">
  52. <el-button type="primary" size="mini" @click="confirm">查询</el-button>
  53. <el-button type="ff9526" size="mini" @click="exportHandle">导出</el-button>
  54. <el-button type="info" size="mini" @click="eliminateClick">清除筛选条件</el-button>
  55. </div>
  56. </el-form>
  57. </div>
  58. <el-table border :data="mzfWorksheetData" style="width: 100%" v-loading="loadingTwo" class="mt20" >
  59. <template >
  60. <el-table-column type="index" label="序号" align="center" width="50"></el-table-column>
  61. <el-table-column prop="patientName" label="患者姓名" align="center"></el-table-column>
  62. <el-table-column prop="age" label="年龄" align="center"></el-table-column>
  63. <el-table-column prop="sex" label="性别" align="center"></el-table-column>
  64. <el-table-column prop="hospitalName" label="社区医院" align="center"></el-table-column>
  65. <el-table-column prop="doctorName" label="签约医生" align="center"></el-table-column>
  66. <el-table-column prop="visitTime" label="复诊时间" align="center"></el-table-column>
  67. </template>
  68. </el-table>
  69. <div class="c-t-right mt20">
  70. <el-pagination
  71. @current-change="handleCurrentChange"
  72. :current-page.sync="currentPage"
  73. :page-size="currentSize"
  74. layout="total, prev, pager, next, jumper"
  75. :total="datatotal">
  76. </el-pagination>
  77. </div>
  78. </div>
  79. </div>
  80. <script src="../../../js/FileSaver/FileSaver.js" type="text/javascript" charset="utf-8"></script>
  81. <script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
  82. <script src="../../../js/jquery-2.2.4.js" type="text/javascript" charset="utf-8"></script>
  83. <script src="../../../js/element-ui.js" type="text/javascript" charset="utf-8"></script>
  84. <script src="../../../plugins/toastr/toastr.min.js"></script>
  85. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  86. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  87. <script src="../../../js/util.js" type="text/javascript" charset="utf-8"></script>
  88. <script src="../../../api/http-request.js" type="text/javascript" charset="utf-8"></script>
  89. <script src="../../../api/home-api.js" type="text/javascript" charset="utf-8"></script>
  90. <script src="../../../api/statistics-api.js" type="text/javascript" charset="utf-8"></script>
  91. <script src="../../../component/common/event-bus.js"></script>
  92. <script src="../../../component/statistics/header-tab.js" type="text/javascript" charset="utf-8"></script>
  93. <script src="../../../component/statistics/header-prompt.js" type="text/javascript" charset="utf-8"></script>
  94. <script type="text/javascript" src="../../../api/sign_api.js"></script>
  95. <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
  96. <script src="../js/zbfzDetail.js" type="text/javascript" charset="utf-8"></script>
  97. </body>
  98. </html>