index.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368
  1. var template = ''
  2. $.ajax('../../../component/statistics/GxbTurnup/index.html', {
  3. data: {},
  4. dataType: 'html',
  5. cache: false,
  6. timeout: 60000,
  7. async: false,
  8. error: function (res) {},
  9. success: function (res) {
  10. template = res
  11. }
  12. })
  13. Vue.component('gxb-turnup', {
  14. template: template,
  15. props: [],
  16. data: function () {
  17. return {
  18. years: [],
  19. yearType: '1',
  20. chooseYear: null,
  21. chooseTime: null,
  22. rangeOptions: [
  23. { label: '区', value: 'town' },
  24. { label: '社区', value: 'hospital' },
  25. { label: '团队', value: 'team' }
  26. ],
  27. areaOptions: [
  28. { label: '思明区', value: '350203' },
  29. { label: '海沧区', value: '350205' },
  30. { label: '湖里区', value: '350206' },
  31. { label: '集美区', value: '350211' },
  32. { label: '同安区', value: '350212' },
  33. { label: '翔安区', value: '350213' }
  34. ],
  35. hospitalOptions: [],
  36. teamOptions: [],
  37. form: {
  38. range: 'town'
  39. },
  40. loading: false,
  41. exportLoading: false,
  42. tableData: [],
  43. tableHeader: [],
  44. constantHeader: [
  45. { label: '上转人次', prop: 'turnUpTimes', width: '110' },
  46. { label: '上转转门诊', prop: 'mzTimes', width: '110', tooltip: '统计已上转的人次中,前往医院进行就诊的人次' },
  47. { label: '上转转门诊转化率', prop: 'mzRate', width: '130' },
  48. { label: '门诊转住院', prop: 'zyTimes', width: '110', tooltip: '统计已就诊的人次中,在医院办理住院的人次' },
  49. { label: '门诊转住院转化率', prop: 'zyRate', width: '130' }
  50. ],
  51. level: 0,
  52. visible: false,
  53. query: {},
  54. dataRangeOption: [],
  55. dialogTableData: [],
  56. dialogHeader: [],
  57. page: 1,
  58. size: 10,
  59. total: 0,
  60. messageVisible: false,
  61. messInfo: null,
  62. remind: '',
  63. dialogExportLoading: false
  64. }
  65. },
  66. methods: {
  67. init() {
  68. var selectedRole = JSON.parse(sessionStorage.getItem('selectedRole'))
  69. if (selectedRole.code.indexOf('350200') > -1) {
  70. this.level = 1 // 市卫健委
  71. this.areaOptions = [
  72. { label: '厦门市', value: '' },
  73. { label: '思明区', value: '350203' },
  74. { label: '海沧区', value: '350205' },
  75. { label: '湖里区', value: '350206' },
  76. { label: '集美区', value: '350211' },
  77. { label: '同安区', value: '350212' },
  78. { label: '翔安区', value: '350213' }
  79. ]
  80. } else if (selectedRole.code.length == 6) {
  81. this.level = 2 // 区管理
  82. this.areaOptions = [{ label: selectedRole.name.substring(0, 3), value: selectedRole.code }]
  83. this.form = {
  84. range: 'town',
  85. area: selectedRole.code
  86. }
  87. this.getHospital(selectedRole.code)
  88. } else {
  89. this.level = 3 // 社区管理
  90. this.rangeOptions = [
  91. { label: '社区', value: 'hospital' },
  92. { label: '团队', value: 'team' }
  93. ]
  94. this.areaOptions = [{ label: selectedRole.name.substring(0, 3), value: selectedRole.code.substring(0, 6) }]
  95. this.hospitalOptions = [{ name: selectedRole.name, code: selectedRole.code }]
  96. this.form = {
  97. range: 'hospital',
  98. area: selectedRole.code.substring(0, 6),
  99. hospital: selectedRole.code
  100. }
  101. this.getTeam(selectedRole.code)
  102. }
  103. this.initTime()
  104. this.search()
  105. },
  106. initTime() {
  107. var vm = this
  108. var now = new Date()
  109. vm.nowyear = vm.chooseYear = now.getFullYear()
  110. vm.years = []
  111. for (i = vm.nowyear; i >= 2013; i--) {
  112. vm.years.push(i)
  113. }
  114. },
  115. resetArea() {
  116. if (this.level == 1) {
  117. delete this.form.area
  118. delete this.form.hospital
  119. delete this.form.team
  120. } else if (this.level == 2) {
  121. delete this.form.hospital
  122. delete this.form.team
  123. } else {
  124. delete this.form.team
  125. }
  126. },
  127. search() {
  128. var vm = this
  129. this.loading = true
  130. var params = {
  131. ...this.form
  132. }
  133. if (this.yearType == '1') {
  134. params.startDate = this.chooseYear + '-01-01'
  135. params.endDate = this.chooseYear + '-12-31'
  136. } else {
  137. if (this.chooseTime) {
  138. params.startDate = this.chooseTime[0]
  139. params.endDate = this.chooseTime[1]
  140. }
  141. }
  142. if (this.form.range == 'town') {
  143. this.tableHeader = getTownHeader().concat(this.constantHeader)
  144. } else if (this.form.range == 'hospital') {
  145. this.tableHeader = getHospitalHeader().concat(this.constantHeader)
  146. } else {
  147. this.tableHeader = getTeamHeader().concat(this.constantHeader)
  148. }
  149. httpRequest.get('statistics/collaborate/gxbTurnUpInfo', { data: params }).then(function (res) {
  150. if (res.status == 200) {
  151. vm.tableData = res.detailModelList.map(function (item) {
  152. var data = JSON.parse(JSON.stringify(item))
  153. if (vm.form.range == 'town') {
  154. data.town = item.name
  155. data.hasChildren = true
  156. } else if (vm.form.range == 'hospital') {
  157. data.hospital = item.name
  158. data.hasChildren = true
  159. } else if (vm.form.range == 'team') {
  160. data.team = item.name
  161. }
  162. return data
  163. })
  164. }
  165. vm.loading = false
  166. })
  167. },
  168. exportTable() {
  169. var vm = this
  170. var params = {
  171. ...this.form
  172. }
  173. if (this.yearType == '1') {
  174. params.startDate = this.chooseYear + '-01-01'
  175. params.endDate = this.chooseYear + '-12-31'
  176. } else {
  177. if (this.chooseTime) {
  178. params.startDate = this.chooseTime[0]
  179. params.endDate = this.chooseTime[1]
  180. }
  181. }
  182. this.exportLoading = true
  183. var fileName = `冠心病上转情况表${new Date().getTime()}.xls`
  184. httpRequest.downLoadFileForAjax('statistics/collaborate/exportGxbTurnUpInfo', fileName, params).then(function () {
  185. vm.exportLoading = false
  186. })
  187. },
  188. eliminateClick() {
  189. this.resetArea()
  190. this.yearType = '1'
  191. this.chooseYear = new Date().getFullYear()
  192. this.chooseTime = null
  193. this.$forceUpdate()
  194. },
  195. getHospital(code) {
  196. var vm = this
  197. delete this.form.hospital
  198. delete this.form.team
  199. var params = {
  200. type: 5,
  201. code: code
  202. }
  203. httpRequest.post('common/district', { data: params }).then(function (res) {
  204. vm.hospitalOptions = [{ code: '', name: '全部' }]
  205. vm.hospitalOptions = vm.hospitalOptions.concat(res.list)
  206. })
  207. },
  208. getTeam(code) {
  209. var vm = this
  210. delete this.form.team
  211. var params = {
  212. hospital: code,
  213. area: this.form.area
  214. }
  215. httpRequest.get('statisticsExport/teamList', { data: params }).then(function (res) {
  216. vm.teamOptions = [{ id: '', name: '全部' }]
  217. vm.teamOptions = vm.teamOptions.concat(res.data)
  218. })
  219. },
  220. load(row, treeNode, resolve) {
  221. var params = {}
  222. var len = row.code.length
  223. if (len == 6) {
  224. params.range = 'hospital'
  225. params.area = row.code
  226. } else if (len == 10) {
  227. params.range = 'team'
  228. params.hospital = row.code
  229. }
  230. if (this.yearType == '1') {
  231. params.startDate = this.chooseYear + '-01-01'
  232. params.endDate = this.chooseYear + '-12-31'
  233. } else {
  234. if (this.chooseTime) {
  235. params.startDate = this.chooseTime[0]
  236. params.endDate = this.chooseTime[1]
  237. }
  238. }
  239. httpRequest.get('statistics/collaborate/gxbTurnUpInfo', { data: params }).then(function (res) {
  240. if (res.status == 200) {
  241. var children = res.detailModelList.map(function (item) {
  242. var data = JSON.parse(JSON.stringify(item))
  243. if (len == 6) {
  244. data.hospital = item.name
  245. data.hasChildren = true
  246. } else if (len == 10) {
  247. data.team = item.name
  248. }
  249. return data
  250. })
  251. resolve(children)
  252. }
  253. })
  254. },
  255. dialogSearchFn() {
  256. this.page = 1
  257. this.gxbTurnUpInfoPage()
  258. },
  259. dialogExportFn() {
  260. var vm = this
  261. var params = {
  262. ...this.query
  263. }
  264. if (this.yearType == '1') {
  265. params.startDate = this.chooseYear + '-01-01'
  266. params.endDate = this.chooseYear + '-12-31'
  267. } else {
  268. if (this.chooseTime) {
  269. params.startDate = this.chooseTime[0]
  270. params.endDate = this.chooseTime[1]
  271. }
  272. }
  273. this.dialogExportLoading = true
  274. var fileName = `上转预约明细列表${new Date().getTime()}.xls`
  275. httpRequest.downLoadFileForAjax('statistics/collaborate/exportGxbTurnUpInfoPage', fileName, params).then(function () {
  276. vm.dialogExportLoading = false
  277. })
  278. },
  279. dialogReset() {
  280. var params = {
  281. ...this.query
  282. }
  283. this.query = {
  284. sex: '',
  285. range: params.range,
  286. area: params.area,
  287. hospital: params.hospital,
  288. team: params.team
  289. }
  290. },
  291. handleCurrentChange(val) {
  292. this.page = val
  293. this.gxbTurnUpInfoPage()
  294. },
  295. handleSizeChange(val) {
  296. this.size = val
  297. this.gxbTurnUpInfoPage()
  298. },
  299. openDialog(row, prop) {
  300. if (prop == 'turnUpTimes') {
  301. this.query = { sex: '' }
  302. var len = row.code.length
  303. if (len == 6) {
  304. this.query.range = 'town'
  305. this.query.area = row.code
  306. } else if (len == 10) {
  307. this.query.range = 'hospital'
  308. this.query.hospital = row.code
  309. } else {
  310. this.query.range = 'team'
  311. this.query.team = row.code
  312. }
  313. this.dataRangeOption = [{ label: row.name, value: row.code }]
  314. this.dialogHeader = [
  315. { label: '姓名', prop: 'name' },
  316. { label: '性别', prop: 'sex' },
  317. { label: '年龄', prop: 'age' },
  318. { label: '社区医院', prop: 'signHospitalName' },
  319. { label: '签约医生', prop: 'dName' },
  320. { label: '手机号', prop: 'mobile' },
  321. { label: '证件号码', prop: 'idcard' },
  322. { label: '预约医院', prop: 'orgName' },
  323. { label: '预约医生', prop: 'dName' },
  324. { label: '预约科室', prop: 'deptName' },
  325. { label: '预约时间', prop: 'orderTime' },
  326. { label: '数据来源', prop: 'sourceType' }
  327. ]
  328. this.visible = true
  329. this.gxbTurnUpInfoPage()
  330. }
  331. },
  332. gxbTurnUpInfoPage() {
  333. var vm = this
  334. var params = {
  335. ...this.query,
  336. page: this.page,
  337. pageSize: this.size
  338. }
  339. if (this.yearType == '1') {
  340. params.startDate = this.chooseYear + '-01-01'
  341. params.endDate = this.chooseYear + '-12-31'
  342. } else {
  343. if (this.chooseTime) {
  344. params.startDate = this.chooseTime[0]
  345. params.endDate = this.chooseTime[1]
  346. }
  347. }
  348. httpRequest.get('statistics/collaborate/gxbTurnUpInfoPage', { data: params }).then(function (res) {
  349. if (res.status == 200) {
  350. vm.dialogTableData = res.detailModelList
  351. vm.total = res.totalCount
  352. }
  353. })
  354. },
  355. seePatientDetail(row) {},
  356. closeDialog() {
  357. this.visible = false
  358. }
  359. },
  360. mounted() {
  361. this.init()
  362. }
  363. })