index.js 9.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283
  1. var template = ''
  2. $.ajax('../../../component/statistics/LascPatient/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('lasc-patient', {
  14. template: template,
  15. props: [],
  16. data: function () {
  17. return {
  18. years: [],
  19. currentEditData: '',
  20. dialogVisible: false,
  21. showTotalTable: true,
  22. serviceRecordVisable: false,
  23. yearType: '1',
  24. chooseYear: null,
  25. chooseTime1: null,
  26. chooseTime: null,
  27. formDialogVisible: true,
  28. rangeOptions: [
  29. { label: '区', value: '1' },
  30. { label: '社区', value: '2' }
  31. ],
  32. areaOptions: [
  33. { label: '思明区', value: '350203' },
  34. { label: '海沧区', value: '350205' },
  35. { label: '湖里区', value: '350206' },
  36. { label: '集美区', value: '350211' },
  37. { label: '同安区', value: '350212' },
  38. { label: '翔安区', value: '350213' }
  39. ],
  40. hospitalOptions: [],
  41. teamOptions: [],
  42. form: {
  43. range: '1'
  44. },
  45. loading: false,
  46. exportLoading: false,
  47. tableData: [],
  48. tableHeader: [
  49. { label: '居民姓名', prop: 'name', width: '100' },
  50. { label: '证件号码', prop: 'idcard', width: '100' },
  51. { label: '手机号', prop: 'mobile', width: '110' },
  52. { label: '年龄', prop: 'age', width: '90' },
  53. { label: '出生日期', prop: 'birthday', width: '90' },
  54. { label: '常住地址', prop: 'address', width: '130' },
  55. { label: '个人筛查状态', prop: 'statusName', width: '90' },
  56. { label: '基本信息状态', prop: 'infoStatusName', width: '90' },
  57. { label: '乳腺临床检查状态', prop: 'cliStatusName', width: '90' },
  58. { label: '乳腺超声初筛时间', prop: 'cduTime', width: '150' },
  59. { label: '乳腺超声评估结果', prop: 'cduResultName', width: '130' },
  60. { label: '乳腺超声评估机构', prop: 'cduOrg', width: '110' },
  61. { label: '乳腺超声评估人', prop: 'cudUser', width: '130' },
  62. { label: '乳腺钼靶评估时间', prop: 'molTime', width: '150' },
  63. { label: '乳腺钼靶评估结果', prop: 'molResultName', width: '130' },
  64. { label: '乳腺钼靶评估状态(待随访/已完成)', prop: 'molStatusName', width: '110' },
  65. { label: '乳腺病理结果', prop: 'bpatResultName', width: '130' },
  66. { label: '乳腺病理评估机构', prop: 'bpatOrg', width: '130' },
  67. { label: '乳腺病理随访时间', prop: 'bpatTime', width: '150' },
  68. { label: '乳腺癌分期状态(术前)', prop: 'opFrontName', width: '130' },
  69. { label: '乳腺癌分期状态(术后)', prop: 'opAfterName', width: '110' },
  70. { label: '宫颈初筛时间', prop: 'gynTime', width: '130' },
  71. { label: '宫颈评估机构', prop: 'cerOrg', width: '130' },
  72. { label: '宫颈评估人', prop: 'cerUser', width: '150' },
  73. { label: '宫颈评估时间', prop: 'cerTime', width: '130' },
  74. { label: '宫颈评估状态', prop: 'cerStatusName', width: '110' },
  75. { label: '宫颈评估人群', prop: 'screenResult', width: '130' }
  76. ],
  77. page: 1,
  78. size: 10,
  79. total: 0,
  80. level: 0,
  81. FormData: {},
  82. currentInfo: {}
  83. }
  84. },
  85. methods: {
  86. init() {
  87. var selectedRole = JSON.parse(sessionStorage.getItem('selectedRole'))
  88. if (selectedRole.code.indexOf('350200') > -1) {
  89. this.level = 1 // 市卫健委
  90. this.areaOptions = [
  91. { label: '思明区', value: '350203' },
  92. { label: '海沧区', value: '350205' },
  93. { label: '湖里区', value: '350206' },
  94. { label: '集美区', value: '350211' },
  95. { label: '同安区', value: '350212' },
  96. { label: '翔安区', value: '350213' }
  97. ]
  98. } else if (selectedRole.code.length == 6) {
  99. this.level = 2 // 区管理
  100. this.areaOptions = [{ label: selectedRole.name.substring(0, 3), value: selectedRole.code }]
  101. this.form = {
  102. range: '1',
  103. town: selectedRole.code
  104. }
  105. this.getHospital(selectedRole.code)
  106. } else {
  107. this.level = 3 // 社区管理
  108. this.rangeOptions = [{ label: '社区', value: '2' }]
  109. this.areaOptions = [{ label: selectedRole.name.substring(0, 3), value: selectedRole.code.substring(0, 6) }]
  110. this.hospitalOptions = [{ name: selectedRole.name, code: selectedRole.code }]
  111. this.form = {
  112. range: '2',
  113. town: selectedRole.code.substring(0, 6),
  114. hospital: selectedRole.code
  115. }
  116. this.getTeam(selectedRole.code)
  117. }
  118. this.initTime()
  119. this.getList()
  120. },
  121. initTime() {
  122. var vm = this
  123. var now = new Date()
  124. vm.nowyear = vm.chooseYear = now.getFullYear()
  125. vm.years = []
  126. for (i = vm.nowyear; i >= 2013; i--) {
  127. vm.years.push(i)
  128. }
  129. },
  130. resetArea() {
  131. if (this.level == 1) {
  132. delete this.form.town
  133. delete this.form.hospital
  134. delete this.form.team
  135. } else if (this.level == 2) {
  136. delete this.form.hospital
  137. delete this.form.team
  138. } else {
  139. delete this.form.team
  140. }
  141. },
  142. back() {
  143. var vm = this
  144. vm.showTotalTable = true
  145. vm.serviceRecordVisable = false
  146. },
  147. getList() {
  148. var vm = this
  149. this.loading = true
  150. var params = {
  151. ...this.form,
  152. page: this.page,
  153. size: this.size,
  154. timeType: this.yearType
  155. }
  156. console.log('11111111111111111', this)
  157. if (this.yearType && this.yearType == 1) {
  158. if (this.chooseTime) {
  159. params.startTime = this.chooseTime[0]
  160. params.endTime = this.chooseTime[1]
  161. }
  162. } else if (this.yearType && this.yearType == 2) {
  163. if (this.chooseTime1) {
  164. params.startTime = this.chooseTime1[0]
  165. params.endTime = this.chooseTime1[1]
  166. }
  167. }
  168. httpRequest.get('doctor/twoCancers/count/patientArchive', { data: params }).then(function (res) {
  169. if (res.status == 200) {
  170. vm.tableData = res.detailModelList
  171. vm.total = res.totalCount
  172. }
  173. vm.loading = false
  174. })
  175. },
  176. onClickServiceRecord(record) {
  177. this.currentEditData = record.patient
  178. this.showTotalTable = false
  179. this.serviceRecordVisable = true
  180. },
  181. queryDate() {
  182. this.page = 1
  183. this.getList()
  184. },
  185. exportTable() {
  186. var vm = this
  187. var params = {
  188. ...this.form,
  189. page: this.page,
  190. size: this.size,
  191. timeType: this.yearType
  192. }
  193. console.log('11111111111111111', this)
  194. if (this.yearType && this.yearType == 1) {
  195. if (this.chooseTime) {
  196. params.startTime = this.chooseTime[0]
  197. params.endTime = this.chooseTime[1]
  198. }
  199. } else if (this.yearType && this.yearType == 2) {
  200. if (this.chooseTime1) {
  201. params.startTime = this.chooseTime1[0]
  202. params.endTime = this.chooseTime1[1]
  203. }
  204. }
  205. this.exportLoading = true
  206. var fileName = `两癌筛查居民档案${new Date().getTime()}.xls`
  207. httpRequest.downLoadFileForAjax('doctor/twoCancers/count/exportPatientArchive', fileName, params).then(function () {
  208. vm.exportLoading = false
  209. })
  210. },
  211. eliminateClick() {
  212. var selectedRole = JSON.parse(sessionStorage.getItem('selectedRole'))
  213. if (this.level == 1) {
  214. this.form = {
  215. range: 'town'
  216. }
  217. } else if (this.level == 2) {
  218. this.form = {
  219. range: 'town',
  220. area: selectedRole.code
  221. }
  222. this.getHospital(selectedRole.code)
  223. } else {
  224. this.form = {
  225. range: 'hospital',
  226. area: selectedRole.code.substring(0, 6),
  227. hospital: selectedRole.code
  228. }
  229. this.getTeam(selectedRole.code)
  230. }
  231. this.yearType = '1'
  232. this.chooseYear = new Date().getFullYear()
  233. this.chooseTime = null
  234. this.$forceUpdate()
  235. },
  236. getHospital(code) {
  237. var vm = this
  238. delete this.form.hospital
  239. delete this.form.team
  240. var params = {
  241. type: 5,
  242. code: code
  243. }
  244. httpRequest.post('common/district', { data: params }).then(function (res) {
  245. vm.hospitalOptions = [{ code: '', name: '全部' }]
  246. vm.hospitalOptions = vm.hospitalOptions.concat(res.list)
  247. })
  248. },
  249. getTeam(code) {
  250. var vm = this
  251. delete this.form.team
  252. var params = {
  253. hospital: code,
  254. area: this.form.area
  255. }
  256. httpRequest.get('statisticsExport/teamList', { data: params }).then(function (res) {
  257. vm.teamOptions = [{ id: '', name: '全部' }]
  258. vm.teamOptions = vm.teamOptions.concat(res.data)
  259. })
  260. },
  261. handleCurrentChange(val) {
  262. this.page = val
  263. this.getList()
  264. },
  265. handleSizeChange(val) {
  266. this.size = val
  267. this.getList()
  268. },
  269. openDialog(row) {
  270. this.dialogVisible = true
  271. // console.log(row)
  272. this.currentInfo = row
  273. }
  274. },
  275. mounted() {
  276. this.init()
  277. }
  278. })