StandardRecord.vue 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393
  1. <template>
  2. <div class="standardRecordWrapper">
  3. <crumbs title="标准病历维护">
  4. <el-form :inline="true" class="demo-form-inline" style="max-width: 870px;text-align: right;">
  5. <el-form-item label="所属医院:">
  6. <el-select size="mini" v-model="filter.hospitalId" placeholder="所属医院" clearable>
  7. <el-option v-for="item in hisTypes" :label="item.name" :value="item.id" :key="item.id"></el-option>
  8. </el-select>
  9. </el-form-item>
  10. <el-form-item label="病人住院序号:">
  11. <el-input size="mini" v-model.trim="filter.behospitalCode" placeholder="病人住院序号" clearable></el-input>
  12. </el-form-item>
  13. <el-form-item label="病人姓名:">
  14. <el-input size="mini" v-model.trim="filter.name" placeholder="病人姓名" clearable></el-input>
  15. </el-form-item>
  16. <el-form-item label="科室:">
  17. <el-select size="mini" v-model.trim="filter.deptId" @change="getValue" placeholder="请选择科室" clearable>
  18. <el-option v-for="item in moduleList" :label="item.deptName" :value="item.deptId" :key="item.deptId" ></el-option>
  19. </el-select>
  20. </el-form-item>
  21. <el-form-item label="出院日期:">
  22. <el-date-picker
  23. v-model="filter.date1"
  24. type="date"
  25. placeholder="选择日期">
  26. </el-date-picker>
  27. <span>-</span>
  28. <el-date-picker
  29. v-model="filter.date2"
  30. type="date"
  31. placeholder="选择日期">
  32. </el-date-picker>
  33. </el-form-item>
  34. <el-form-item>
  35. <el-button size="mini" @click="filterDatas">确认</el-button>
  36. <el-button size="mini" type="warning" @click="addTemp">新增病历</el-button>
  37. </el-form-item>
  38. </el-form>
  39. </crumbs>
  40. <div class="contents">
  41. <el-table
  42. :data="list"
  43. border
  44. style="width: 100%">
  45. <el-table-column
  46. type="index"
  47. :index="indexMethod"
  48. label="编号"
  49. width="60">
  50. </el-table-column>
  51. <el-table-column
  52. :resizable = "false"
  53. label="所属医院"
  54. prop="hospitalName"
  55. >
  56. </el-table-column>
  57. <el-table-column
  58. :resizable = "false"
  59. prop="behospitalCode"
  60. label="病人住院序号"
  61. width="180">
  62. </el-table-column>
  63. <el-table-column
  64. :resizable = "false"
  65. prop="deptName"
  66. label="科室">
  67. </el-table-column>
  68. <el-table-column
  69. :resizable = "false"
  70. prop="name"
  71. label="病人姓名">
  72. </el-table-column>
  73. <el-table-column
  74. :resizable = "false"
  75. prop="sex"
  76. label="性别">
  77. </el-table-column>
  78. <el-table-column
  79. :resizable = "false"
  80. prop="behospitalDate"
  81. :formatter="dateFormatter"
  82. label="入院日期">
  83. </el-table-column>
  84. <el-table-column
  85. :resizable = "false"
  86. prop="leaveHospitalDate"
  87. :formatter="dateFormatter"
  88. label="出院日期">
  89. </el-table-column>
  90. <el-table-column
  91. :resizable = "false"
  92. prop="gmtModified"
  93. :formatter="dateFormatter"
  94. label="加入时间">
  95. </el-table-column>
  96. <el-table-column
  97. :resizable = "false"
  98. prop="operate"
  99. label="操作">
  100. <template slot-scope="scope">
  101. <el-button @click="modifyStd(scope.row)" type="text" size="small">更新</el-button>
  102. <span style="margin:0 3px;">|</span>
  103. <el-button @click="showDelDialog(scope.row)" class="delete" type="text" size="small">删除</el-button>
  104. </template>
  105. </el-table-column>
  106. </el-table>
  107. <el-pagination :current-page.sync="currentPage"
  108. @current-change="currentChange"
  109. background
  110. :page-size.sync="pageSize"
  111. :page-sizes="pageSizeArr"
  112. @size-change="handleSizeChange"
  113. :layout="pageLayout"
  114. :total="total">
  115. </el-pagination>
  116. </div>
  117. </div>
  118. </template>
  119. <script>
  120. import api from '@api/qualityControl.js';
  121. import config from '@api/config.js';
  122. import utils from '@api/utils.js'
  123. export default {
  124. name: 'StandardRecord',
  125. data: function() {
  126. return {
  127. list: [],
  128. hisTypes:[],
  129. moduleList:[],
  130. searched: false,
  131. filter: {
  132. hospitalId:'',
  133. behospitalCode: '',
  134. deptId:'',
  135. name: '',
  136. date1:"",
  137. date2:"",
  138. },
  139. currentPage: 1,
  140. pageSize: config.pageSize,
  141. pageSizeArr:config.pageSizeArr,
  142. pageLayout:config.pageLayout,
  143. total: 0,
  144. }
  145. },
  146. created() {
  147. const _this=this;
  148. setTimeout(function(){
  149. _this.getAllTypes()
  150. },100);
  151. },
  152. watch: {
  153. 'filter': {
  154. handler: function () {
  155. this.searched = false;
  156. },
  157. deep: true
  158. }
  159. },
  160. beforeRouteEnter(to, from, next) {
  161. next(vm => {
  162. //const pm = to.param;
  163. Object.assign(vm, to.params);
  164. vm.inCurrentPage=to.params.currentPage;
  165. })
  166. },
  167. methods: {
  168. dateFormatter(item,prop,it){
  169. return it.substr(0,10);
  170. },
  171. getAllTypes(){
  172. api.getRecordHopitalList().then((res)=>{
  173. if(res.data.code==="0"){
  174. const data = res.data.data;
  175. this.hisTypes =data;
  176. }else{
  177. this.warning("获取医院列表失败");
  178. }
  179. });
  180. api.getStdDeptList({}).then((res)=>{
  181. if(res.data.code==="0"){
  182. const data = res.data.data;
  183. this.moduleList=data;
  184. }else{
  185. this.warning("获取科室列表失败");
  186. }
  187. });
  188. this.getDataList();
  189. },
  190. handleSizeChange(val){
  191. this.pageSize = val;
  192. this.currentPage = utils.getCurrentPage(this.currentPage, this.total, this.pageSize);
  193. this.getDataList();
  194. },
  195. getValue(val) {
  196. console.log('changeVal', val, this.filter.tagAdscription)
  197. },
  198. getDataList(isTurnPage) {
  199. const param = this.getFilterItems(isTurnPage);
  200. const {leaveHosDateStart,leaveHosDateEnd}=param;
  201. if(leaveHosDateStart&&leaveHosDateEnd&&leaveHosDateStart>leaveHosDateEnd){
  202. this.warning('开始时间不能大于结束时间');
  203. return;
  204. }
  205. this.searched = true;
  206. const loading = this.$loading({
  207. lock: true,
  208. text: 'Loading',
  209. spinner: 'el-icon-loading',
  210. background: 'rgba(0, 0, 0, 0.7)'
  211. });
  212. api.getStdList(param).then((res) => {
  213. loading.close();
  214. if(res.data.code==="0"){
  215. let list = res.data.data.records;
  216. this.list = list;
  217. this.total = res.data.data.total;
  218. if(this.inCurrentPage!==undefined){
  219. this.currentPage=this.inCurrentPage;
  220. this.inCurrentPage = undefined;
  221. }
  222. }else{
  223. this.warning(res.data.msg||'操作失败');
  224. }
  225. })
  226. },
  227. filterDatas() {
  228. this.currentPage = 1;
  229. this.getDataList();
  230. },
  231. addTemp() {
  232. const pam = this.searched ? {
  233. currentPage: this.currentPage,
  234. pageSize:this.pageSize,
  235. filter: this.filter,
  236. hisTypes:this.hisTypes
  237. } : {currentPage: this.currentPage,pageSize:this.pageSize,hisTypes:this.hisTypes};
  238. this.$router.push({
  239. name: 'AddStandardRecord',
  240. params: pam
  241. })
  242. },
  243. modifyStd(row) {
  244. api.updateStdRecord({behospitalCode:row.behospitalCode,hospitalId:row.hospitalId}).then((res)=>{
  245. const {code,data,msg} = res.data;
  246. if(code=='0'){
  247. this.warning(res.data.msg || '更新成功','success');
  248. this.getDataList();
  249. }else{
  250. this.$message({
  251. message: msg,
  252. type: 'warning'
  253. });
  254. }
  255. });
  256. //this.$router.push({name:'AddIndeptLabel',params:{isEdit:true,data:row}});
  257. },
  258. currentChange(next) {
  259. this.currentPage = next;
  260. this.getDataList(true);
  261. // if (this.cacheData[next]) { //如果已请求过该页数据,则使用缓存不重复请求
  262. // this.list = this.cacheData[next];
  263. // } else {
  264. // this.getDataList();
  265. // }
  266. },
  267. clearFilter(){
  268. this.filter={
  269. hospitalId:'',
  270. behospitalCode: '',
  271. deptId:'',
  272. name: '',
  273. date1:"",
  274. date2:"",
  275. };
  276. },
  277. getFilterItems(isTurnPage) {
  278. //翻页时筛选条件没点确定则清空
  279. if(isTurnPage&&!this.searched){
  280. this.clearFilter();
  281. };
  282. const {hospitalId,behospitalCode, deptId, name,date1,date2} = this.filter;
  283. const {tranformDate} = utils;
  284. const param = {
  285. current: this.inCurrentPage||this.currentPage,
  286. size: this.pageSize,
  287. hospitalId,
  288. deptId,
  289. name,
  290. behospitalCode,
  291. leaveHosDateEnd:tranformDate(date2,' 23:59:59'),
  292. leaveHosDateStart: tranformDate(date1," 00:00:00")
  293. };
  294. return param;
  295. },
  296. indexMethod(index) {
  297. return ((this.currentPage - 1) * this.pageSize) + index + 1;
  298. },
  299. getTagType(val) {
  300. return val
  301. },
  302. warning(msg,type){
  303. this.$message({
  304. showClose: true,
  305. dangerouslyUseHTMLString: true,
  306. message:'<p>'+msg+'</p>',
  307. type:type||'warning'
  308. })
  309. },
  310. showConfirmDialog(msg,resolve){
  311. this.$alert(msg, '提示', {
  312. confirmButtonText: '确定',
  313. type: 'warning'
  314. }).then(() => {
  315. resolve();
  316. }).catch(() => {});
  317. },
  318. showDelDialog(row){
  319. const param = {
  320. "behospitalCode": row.behospitalCode,
  321. "hospitalId":row.hospitalId
  322. }
  323. this.showConfirmDialog('是否删除该病历?',()=>{
  324. api.delStdRecord(param).then((res)=>{
  325. if(res.data.code=='0'){
  326. if(!this.searched){
  327. //未点确认时清空搜索条件
  328. this.clearFilter();
  329. }
  330. if(this.list.length==1){
  331. //当前在最后一页且只有一条数据时,删除后跳到前一页
  332. this.currentPage = this.currentPage===1?1:this.currentPage-1;
  333. }
  334. this.getDataList();
  335. this.warning(res.data.msg || '操作成功','success');
  336. }else{
  337. this.warning(res.data.msg);
  338. }
  339. }).catch((error)=>{
  340. this.warning(error);
  341. })
  342. });
  343. }
  344. }
  345. }
  346. </script>
  347. <style lang="less">
  348. @import "../../less/admin.less";
  349. .standardRecordWrapper{
  350. .el-date-editor.el-input{
  351. width: 115px;
  352. input{
  353. padding: 0 5px;
  354. width: 115px;
  355. height: 25px;
  356. }
  357. }
  358. }
  359. .delete{
  360. color: red
  361. }
  362. .delete:hover {
  363. color: red;
  364. }
  365. .el-select .el-input .el-icon-arrow-up{
  366. display: inline-block!important;
  367. }
  368. .el-select .el-input .el-icon-circle-close{
  369. float:left;
  370. }
  371. .el-pagination__sizes{
  372. margin-right: 20px;
  373. .el-input .el-input__inner{
  374. height: 28px;
  375. line-height: 28px;
  376. }
  377. }
  378. .standardRecordWrapper .container{
  379. height: 90px!important;
  380. }
  381. .standardRecordWrapper>.contents{
  382. padding:120px 20px 0;
  383. }
  384. .standardRecordWrapper .el-form-item{
  385. margin-bottom: 0;
  386. }
  387. </style>