StandardRecord.vue 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383
  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. this.searched = true;
  201. const loading = this.$loading({
  202. lock: true,
  203. text: 'Loading',
  204. spinner: 'el-icon-loading',
  205. background: 'rgba(0, 0, 0, 0.7)'
  206. });
  207. api.getStdList(param).then((res) => {
  208. loading.close()
  209. let list = res.data.data.records
  210. this.list = list;
  211. this.total = res.data.data.total;
  212. if(this.inCurrentPage!==undefined){
  213. this.currentPage=this.inCurrentPage;
  214. this.inCurrentPage = undefined;
  215. }
  216. })
  217. },
  218. filterDatas() {
  219. this.currentPage = 1;
  220. this.getDataList();
  221. },
  222. addTemp() {
  223. const pam = this.searched ? {
  224. currentPage: this.currentPage,
  225. pageSize:this.pageSize,
  226. filter: this.filter,
  227. hisTypes:this.hisTypes
  228. } : {currentPage: this.currentPage,pageSize:this.pageSize,hisTypes:this.hisTypes};
  229. this.$router.push({
  230. name: 'AddStandardRecord',
  231. params: pam
  232. })
  233. },
  234. modifyStd(row) {
  235. api.updateStdRecord({behospitalCode:row.behospitalCode,hospitalId:row.hospitalId}).then((res)=>{
  236. const {code,data,msg} = res.data;
  237. if(code=='0'){
  238. this.warning(res.data.msg || '更新成功','success');
  239. this.getDataList();
  240. }else{
  241. this.$message({
  242. message: msg,
  243. type: 'warning'
  244. });
  245. }
  246. });
  247. //this.$router.push({name:'AddIndeptLabel',params:{isEdit:true,data:row}});
  248. },
  249. currentChange(next) {
  250. this.currentPage = next;
  251. this.getDataList(true);
  252. // if (this.cacheData[next]) { //如果已请求过该页数据,则使用缓存不重复请求
  253. // this.list = this.cacheData[next];
  254. // } else {
  255. // this.getDataList();
  256. // }
  257. },
  258. clearFilter(){
  259. this.filter={
  260. hospitalId:'',
  261. behospitalCode: '',
  262. deptId:'',
  263. name: '',
  264. date1:"",
  265. date2:"",
  266. };
  267. },
  268. getFilterItems(isTurnPage) {
  269. //翻页时筛选条件没点确定则清空
  270. if(isTurnPage&&!this.searched){
  271. this.clearFilter();
  272. };
  273. const {hospitalId,behospitalCode, deptId, name,date1,date2} = this.filter;
  274. const param = {
  275. current: this.inCurrentPage||this.currentPage,
  276. size: this.pageSize,
  277. hospitalId,
  278. deptId,
  279. name,
  280. behospitalCode,
  281. leaveHosDateEnd:date2,
  282. leaveHosDateStart: date1
  283. };
  284. return param;
  285. },
  286. indexMethod(index) {
  287. return ((this.currentPage - 1) * this.pageSize) + index + 1;
  288. },
  289. getTagType(val) {
  290. return val
  291. },
  292. warning(msg,type){
  293. this.$message({
  294. showClose: true,
  295. dangerouslyUseHTMLString: true,
  296. message:'<p>'+msg+'</p>',
  297. type:type||'warning'
  298. })
  299. },
  300. showConfirmDialog(msg,resolve){
  301. this.$alert(msg, '提示', {
  302. confirmButtonText: '确定',
  303. type: 'warning'
  304. }).then(() => {
  305. resolve();
  306. }).catch(() => {});
  307. },
  308. showDelDialog(row){
  309. const param = {
  310. "behospitalCode": row.behospitalCode,
  311. "hospitalId":row.hospitalId
  312. }
  313. this.showConfirmDialog('是否删除该病历?',()=>{
  314. api.delStdRecord(param).then((res)=>{
  315. if(res.data.code=='0'){
  316. if(!this.searched){
  317. //未点确认时清空搜索条件
  318. this.clearFilter();
  319. }
  320. if(this.list.length==1){
  321. //当前在最后一页且只有一条数据时,删除后跳到前一页
  322. this.currentPage = this.currentPage===1?1:this.currentPage-1;
  323. }
  324. this.getDataList();
  325. this.warning(res.data.msg || '操作成功','success');
  326. }else{
  327. this.warning(res.data.msg);
  328. }
  329. }).catch((error)=>{
  330. this.warning(error);
  331. })
  332. });
  333. }
  334. }
  335. }
  336. </script>
  337. <style lang="less">
  338. @import "../../less/admin.less";
  339. .standardRecordWrapper{
  340. .el-date-editor.el-input{
  341. width: 115px;
  342. input{
  343. padding: 0 5px;
  344. width: 115px;
  345. height: 25px;
  346. }
  347. }
  348. }
  349. .delete{
  350. color: red
  351. }
  352. .delete:hover {
  353. color: red;
  354. }
  355. .el-select .el-input .el-icon-arrow-up{
  356. display: inline-block!important;
  357. }
  358. .el-select .el-input .el-icon-circle-close{
  359. float:left;
  360. }
  361. .el-pagination__sizes{
  362. margin-right: 20px;
  363. .el-input .el-input__inner{
  364. height: 28px;
  365. line-height: 28px;
  366. }
  367. }
  368. .standardRecordWrapper .container{
  369. height: 90px!important;
  370. }
  371. .standardRecordWrapper>.contents{
  372. padding:120px 20px 0;
  373. }
  374. .standardRecordWrapper .el-form-item{
  375. margin-bottom: 0;
  376. }
  377. </style>