guide_the_message.js 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660
  1. var httpData = GetRequest()
  2. var docInfo = JSON.parse(window.localStorage.getItem('wlyyAgent'))
  3. var tempwindow
  4. var previewLayerIndex, followupLayerIndex, KFZDlayerIndex
  5. function closeGuidancePreview() {
  6. layer.close(previewLayerIndex)
  7. }
  8. function closeFollowUpLayer(planDetaiId, relationCode) {
  9. if ($.isArray(relationCode)) {
  10. $.each(relationCode, function (index, item) {
  11. top.rehabilitationGuideVue.saveRehabilitationOperateRecord(planDetaiId, 6, item)
  12. })
  13. } else {
  14. top.rehabilitationGuideVue.saveRehabilitationOperateRecord(planDetaiId, 6, relationCode)
  15. }
  16. layer.close(followupLayerIndex)
  17. }
  18. function closeKFZDlayer(planDetaiId) {
  19. top.rehabilitationGuideVue.saveRehabilitationOperateRecord(planDetaiId, 5)
  20. layer.close(KFZDlayerIndex)
  21. }
  22. function showSuccessMessage(msg) {
  23. layer.msg(msg, {
  24. icon: 1
  25. })
  26. }
  27. function showErrorMessage(msg) {
  28. layer.msg(msg, {
  29. icon: 5
  30. })
  31. }
  32. top.rehabilitationGuideVue = new Vue({
  33. el: '#app',
  34. data: {
  35. doctorlevel: docInfo.doctorlevel,
  36. imgData: {
  37. accept: 'image/gif, image/jpeg, image/png, image/jpg'
  38. },
  39. isCollapse: false,
  40. selectCheckTyperadio: 0,
  41. showAppointHelpCheckBtn: true, //点击预约协诊按钮结束变为false
  42. showRecordFinished: false, //点击完成记录按钮变为true
  43. appointTime: '',
  44. appointDate: '',
  45. appointHour: '',
  46. upImgs: [],
  47. upImgArr: [],
  48. planid: httpData['planid'], // 服务项id
  49. service: {
  50. relationRecordImg: {},
  51. messageList: {}
  52. },
  53. startTime: '',
  54. pickerOptions: {
  55. disabledDate: function (time) {
  56. return time.format('yyyy-MM-dd') < new Date().format('yyyy-MM-dd')
  57. }
  58. },
  59. pId: httpData['pId'], // 康复计划id
  60. patient: httpData['patient'],
  61. patientName: decodeURI(httpData['patientName']),
  62. layerIndex: undefined,
  63. recordId: httpData['recordId'] || undefined,
  64. islimit: false
  65. },
  66. watch: {
  67. appointDate: function () {
  68. if (this.appointDate == new Date().format('yyyy-MM-dd')) {
  69. this.startTime = new Date(new Date().getTime()).format('hh:mm')
  70. } else {
  71. this.startTime = ''
  72. }
  73. }
  74. },
  75. mounted: function () {
  76. this.getServiceItem()
  77. },
  78. methods: {
  79. // 提醒患者 num 1康复指导2康复下转3复诊提醒4上门服务提醒5家签提醒
  80. sendSpecialistWeixinMessage: function (type) {
  81. var vm = this
  82. var text = ''
  83. if (type == 4) {
  84. // 上门服务
  85. text = '请问您是否确认提醒' + vm.patientName + '居民预约上门护理服务?'
  86. } else if (type == 7) {
  87. // 康复复诊
  88. text = '请问您是否确认提醒' + vm.patientName + '居民进行复诊?'
  89. }
  90. var current = layer.confirm(
  91. text,
  92. {
  93. btn: ['确定', '取消'],
  94. title: '提示'
  95. },
  96. function (index) {
  97. var reservationTypeObj = { 0: 2, 1: 3, 2: 1 }
  98. var _type = type == 4 ? 4 : type == 7 ? 3 : ''
  99. var loading = layer.load(0, { shade: false })
  100. var params = {
  101. patient: vm.patient,
  102. doctor: docInfo.uid,
  103. type: _type,
  104. relationCode: vm.planid,
  105. planId: vm.pId,
  106. reservationType: reservationTypeObj[vm.selectCheckTyperadio] //复诊类型:1线上,2线下,3远程
  107. }
  108. rehaAPI.sendSpecialistWeixinMessage(params).then(function (res) {
  109. layer.close(loading)
  110. if (res.status == 200) {
  111. showSuccessMessage('提交成功!')
  112. if (_type == 3 || _type == 4) {
  113. // 提醒患者后,即认为是已完成
  114. vm.saveRehabilitationOperateRecord(vm.planid, type)
  115. }
  116. } else {
  117. showErrorMessage(res.msg)
  118. }
  119. })
  120. layer.close(current) //再执行关闭
  121. }
  122. )
  123. },
  124. appointHelpCheck: function (data) {
  125. var vm = this
  126. vm.showAppointHelpCheckBtn = false
  127. vm.appointTime = vm.appointDate + ' ' + vm.appointHour
  128. var params = {
  129. patient: vm.patient,
  130. doctor: data.familyDoctorCode,
  131. doctorName: data.familyDoctorName, //家签医生
  132. sendTime: vm.appointTime,
  133. planDetailId: vm.planid,
  134. appointmentDoctor: data.specialistDoctorCode,
  135. appointmentDoctorName: data.specialistDoctorName //专科医生
  136. }
  137. var loading = layer.load(0, { shade: false })
  138. rehaAPI.appointmentConsultation(params).then(function (res) {
  139. layer.close(loading)
  140. if (res.status == 200) {
  141. showSuccessMessage('操作成功')
  142. setTimeout(function () {
  143. vm.getServiceItem()
  144. }, 400)
  145. } else {
  146. showErrorMessage(res.msg)
  147. }
  148. })
  149. },
  150. encryptCode: function (docCode) {
  151. var publicKey =
  152. 'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC4lT0JWcv9xx6Q1hsxMal2F1AmKti/xVbBeh8jrD5CiYsFTH0DO1Mpyvv8YtkGdnDSLRjOQOA1PiaYvZoHIhml/jTvEMsvFlAD5i1BsHa5blLlJxQNp/XI7wpMZPfczqO+I/JONrV6ib+6Ci/1FyTjPQfHaiT2ehGyM/CFzOW1PQIDAQAB'
  153. var encrypt = new JSEncrypt()
  154. encrypt.setPublicKey(publicKey)
  155. return encodeURIComponent(encrypt.encrypt(docCode))
  156. },
  157. openWindow(url, p1, p2) {
  158. try {
  159. if (tempwindow) tempwindow.close()
  160. } catch (e) {
  161. console.log(e)
  162. }
  163. if (p1) {
  164. tempwindow = window.open('_blank', p1, p2)
  165. } else {
  166. tempwindow = window.open('_blank')
  167. }
  168. tempwindow.location = url
  169. },
  170. openHelpCheck: function () {
  171. var encryptCode = this.encryptCode(docInfo.uid)
  172. var url = httpRequest.teamworkService + '/#/teamwork/login?_code=' + encryptCode
  173. this.openWindow(url)
  174. },
  175. recordFinished: function () {
  176. this.showRecordFinished = true
  177. },
  178. //康复指导
  179. kfzd: function () {
  180. var vm = this,
  181. str = '../../rehabilitation/html/rehabilitation_guidance.html?patient=' + vm.patient + '&planDetaiId=' + vm.planid + '&planId=' + vm.pId
  182. KFZDlayerIndex = layer.open({
  183. type: 2,
  184. // offset: ['100px'], //右下角弹出
  185. area: ['660px', '650px'],
  186. shade: 0.5,
  187. title: '康复指导',
  188. fixed: true, //不固定
  189. maxmin: true,
  190. closeBtn: 1,
  191. shift: 5,
  192. shadeClose: false, //点击遮罩关闭层
  193. content: str,
  194. end: function () {
  195. // 未点击确定按钮,点击关闭按钮
  196. this.getServiceItem()
  197. }
  198. })
  199. },
  200. // 康复随访计划
  201. sfjh: function () {
  202. var vm = this
  203. followupLayerIndex = layer.open({
  204. type: 2,
  205. // offset: ['100px'], //右下角弹出
  206. area: ['80%', '650px'],
  207. shade: 0.5,
  208. title: '随访计划',
  209. fixed: true, //不固定
  210. maxmin: true,
  211. closeBtn: 1,
  212. shift: 5,
  213. shadeClose: false, //点击遮罩关闭层
  214. content: '../../followup/html/followup_newplan.html?patient=' + vm.patient + '&planDetaiId=' + vm.planid + '&planId=' + vm.pId,
  215. end: function () {
  216. // 未点击确定按钮,点击关闭按钮
  217. this.getServiceItem()
  218. }
  219. })
  220. },
  221. zwkf: function () {
  222. top.layer.msg('此功能暂未开放', {
  223. icon: 1
  224. })
  225. },
  226. //康复指导
  227. jkzd: function (planId, patient) {
  228. var vm = this
  229. top.layer.open({
  230. type: 2,
  231. // offset: ['100px'], //右下角弹出
  232. area: ['80%', '648px'],
  233. shade: 0.5,
  234. title: '健康教育',
  235. fixed: true, //不固定
  236. maxmin: true,
  237. closeBtn: 1,
  238. shift: 5,
  239. shadeClose: false, //点击遮罩关闭层
  240. content: '../../guidance/html/index.html#/person-edit-panel?patient=' + patient + '&planId=' + planId
  241. })
  242. },
  243. // openFollowResult() {
  244. // top.layer.open({
  245. // type: 2,
  246. // area: ['600px', '700px'],
  247. // shade: 0.5,
  248. // title: '查看随访表单',
  249. // fixed: true, //不固定
  250. // maxmin: true,
  251. // closeBtn: 1,
  252. // // shift: 5,
  253. // shadeClose: false, //点击遮罩关闭层
  254. // content: '../html/followResult.html'
  255. // })
  256. // },
  257. rehabilitationReservation() {
  258. top.layer.open({
  259. type: 2,
  260. closeBtn: 1, // 显示关闭按钮
  261. area: ['800px', '90%'],
  262. title: '预约挂号',
  263. content: '../../jbsc/html/appointment/appoint-select.html?patient=' + this.patient + '&surveyCode='
  264. })
  265. },
  266. openFollowRecordForm() {
  267. top.layer.open({
  268. type: 2,
  269. area: ['600px', '700px'],
  270. shade: 0.5,
  271. title: '记录随访表单',
  272. fixed: true, //不固定
  273. maxmin: true,
  274. closeBtn: 1,
  275. // shift: 5,
  276. shadeClose: false, //点击遮罩关闭层
  277. content: '../../rehabilitation/html/followRecord.html?serviceInfo=' + encodeURIComponent(JSON.stringify(this.service)) + '&planDetailId=' + this.planid
  278. })
  279. },
  280. qwapp: function () {
  281. top.layer.msg('请前往app处理', {
  282. icon: 5
  283. })
  284. },
  285. viewGuidance: function (o) {
  286. var vm = this
  287. previewLayerIndex = layer.open({
  288. type: 2,
  289. area: ['380px', '600px'],
  290. shade: 0.5,
  291. title: '预览',
  292. fixed: true, //不固定
  293. maxmin: true,
  294. closeBtn: 1,
  295. shift: 5,
  296. shadeClose: false, //点击遮罩关闭层
  297. content: '../../rehabilitation/html/rehabilitation_guidance_preview.html?modelCode=' + o.article
  298. })
  299. },
  300. getServiceItem: function () {
  301. var vm = this
  302. var loginDoctor = JSON.parse(window.localStorage.getItem('wlyyAgent'))
  303. var loadding = top.layer.load(0, {
  304. shade: false
  305. }) //0代表加载的风格,支持0-2
  306. var params = {
  307. planDetailId: vm.planid
  308. }
  309. if (vm.recordId) {
  310. params['recordId'] = vm.recordId
  311. }
  312. rehaAPI.serviceItem(params).then(function (res) {
  313. top.layer.close(loadding)
  314. if (res.status == 200) {
  315. vm.service = res.data
  316. console.log('222222222222222', vm.service)
  317. var isZK = loginDoctor.doctorType == 1 ? true : false
  318. vm.service.isZK = isZK
  319. if (vm.service.completeTime) {
  320. var l = vm.service.completeTime.length
  321. vm.service.shortCompleteTime = vm.service.completeTime.substr(l - 5, l - 1)
  322. }
  323. if (vm.service.isMyTask == 1) {
  324. //执行者
  325. vm.service.isCK = true //无法显示按钮
  326. if (loginDoctor.uid == vm.service.specialistDoctorCode) {
  327. //说明我自己是创建者
  328. vm.service.isCK = false
  329. vm.service.isCreate = true
  330. }
  331. } else {
  332. if (loginDoctor.uid == vm.service.specialistDoctorCode) {
  333. //说明我自己是创建者
  334. vm.service.isCreate = true
  335. }
  336. }
  337. if (vm.service.type == 4 || vm.service.type == 5 || vm.service.type == 7) {
  338. vm.getRelationRecord(vm.service.type, vm.planid).then(function (result) {
  339. if (result.status == 200) {
  340. vm.service.relationList = result.data && result.data.length > 0 ? result.data : undefined
  341. vm.$forceUpdate()
  342. }
  343. })
  344. }
  345. if (vm.service.frequencyCode) {
  346. vm.islimit = true
  347. } else {
  348. vm.islimit = false
  349. }
  350. } else {
  351. top.layer.msg(res.msg, {
  352. icon: 5
  353. })
  354. }
  355. if (vm.service.status == 1) {
  356. var index = top.layer.getFrameIndex(window.name) //先得到当前iframe层的索引
  357. top.layer.title('服务记录详情', index) //再改变当前层的标题
  358. }
  359. })
  360. },
  361. getRelationRecord: function (type, planDetaiId) {
  362. // 1.电话短信 2.康复咨询 3.远程监控检测 4.上门服务 5.康复指导 6 康复随访 7.复诊)
  363. var vm = this
  364. var url = ''
  365. if (type == 5) {
  366. url = 'doctor/specialist/rehabilitation/selectByRelationCode'
  367. } else if (type == 7) {
  368. url = 'third/guahao/selectByRelationCode'
  369. } else if (type == 4) {
  370. url = '/doctor/specialist/rehabilitation/selectRelationCode'
  371. }
  372. var vm = this
  373. var params = {
  374. relationCode: vm.recordId ? vm.recordId : planDetaiId
  375. }
  376. return httpRequest.get(url, { data: params })
  377. },
  378. zdly: function (data) {
  379. var vm = this
  380. var loginDoctor = JSON.parse(window.localStorage.getItem('wlyyAgent'))
  381. var otherCode, otherName
  382. if (loginDoctor.doctorType == 1) {
  383. otherCode = data.familyDoctorCode
  384. otherName = data.familyDoctorName
  385. } else {
  386. otherCode = data.specialistDoctorCode
  387. otherName = data.specialistDoctorName
  388. }
  389. top.layer.open({
  390. type: 2,
  391. // offset: ['100px'], //右下角弹出
  392. area: ['660px', '600px'],
  393. shade: 0.5,
  394. title: '指导留言',
  395. fixed: true, //不固定
  396. maxmin: true,
  397. closeBtn: 1,
  398. shift: 5,
  399. shadeClose: false, //点击遮罩关闭层
  400. content: '../../consulting/html/consulting.html?otherCode=' + otherCode + '&otherName=' + encodeURI(otherName) + '&planDetailId=' + vm.planid,
  401. end: function () {
  402. // 未点击确定按钮,点击关闭按钮
  403. vm.getServiceItem()
  404. }
  405. })
  406. },
  407. deleteImg: function (idx) {
  408. console.log(idx)
  409. this.upImgs.splice(idx, 1)
  410. },
  411. chakan: function () {
  412. this.isCollapse = !this.isCollapse
  413. },
  414. upLoadImgToBase64: function () {
  415. var vm = this
  416. var img1 = event.target.files[0]
  417. var reader = new FileReader()
  418. var type = img1.type //文件的类型,判断是否是图片
  419. var size = img1.size //文件的大小,判断图片的大小
  420. if (this.imgData.accept.indexOf(type) == -1) {
  421. alert('请选择我们支持的图片格式!')
  422. return false
  423. }
  424. if (size > 3145728) {
  425. alert('请选择3M以内的图片!')
  426. return false
  427. }
  428. reader.readAsDataURL(img1)
  429. reader.onload = function (e) {
  430. vm.upImgs.push({
  431. baseUrl: e.target.result
  432. })
  433. vm.upImgArr.push(img1)
  434. console.log('e', e, 'vm.upImgs', vm.upImgs, 'vm.upImgArr', vm.upImgArr)
  435. //vm.uploadImg(vm.upImgArr);
  436. }
  437. },
  438. qrwc: function (patient, type) {
  439. var vm = this
  440. if (!vm.service.node) {
  441. showErrorMessage('请填写服务记录')
  442. return
  443. }
  444. if (!vm.upImgs.length) {
  445. showErrorMessage('请上传相关记录')
  446. return
  447. }
  448. vm.saveRehabilitationOperateRecord(vm.planid, type)
  449. },
  450. saveRehabilitationOperateRecord: function (planDetailId, type, relationCode, flag) {
  451. var vm = this
  452. var params = {
  453. rehabilitationDetailId: planDetailId,
  454. node: null,
  455. patientCode: vm.patient,
  456. doctorCode: docInfo.uid,
  457. relationRecordType: type,
  458. relationRecordCode: '',
  459. relationRecordImg: null,
  460. status: 0
  461. }
  462. rehaAPI.saveRehabilitationOperateRecord({ dataJson: JSON.stringify(params) }).then(function (res) {
  463. if (res.status == 200) {
  464. if (type == 1 || type == 7) {
  465. vm.uploadImg(vm.upImgArr)
  466. } else if (type == 6) {
  467. vm.updateRelationCodeByDetailId(planDetailId, relationCode)
  468. } else {
  469. vm.updateNoteAndImageRehabilitationOperate(planDetailId)
  470. }
  471. } else {
  472. layer.msg(res.msg, {
  473. icon: 5
  474. })
  475. }
  476. })
  477. },
  478. //上传图片
  479. uploadImg: function (data) {
  480. var vm = this
  481. var len = data.length
  482. if (len == 0) {
  483. vm.updateNoteAndImageRehabilitationOperate(vm.planid)
  484. } else {
  485. var file = data[len - 1]
  486. var formData = new FormData()
  487. formData.append('file', file)
  488. rehaAPI.upload(formData).then(function (res) {
  489. if (res.status == 200) {
  490. vm.upImgs[len - 1].img = res.data
  491. data.pop()
  492. vm.$forceUpdate()
  493. vm.uploadImg(data)
  494. } else {
  495. layer.msg(res.msg, {
  496. icon: 5
  497. })
  498. }
  499. })
  500. }
  501. },
  502. updateNoteAndImageRehabilitationOperate: function (planDetailId, relationCode) {
  503. var vm = this
  504. var _image = []
  505. $.each(vm.upImgs, function (index, obj) {
  506. _image.push(obj.img)
  507. })
  508. var params = {
  509. planDetailId: planDetailId,
  510. node: vm.service && vm.service.node ? vm.service.node : null,
  511. image: JSON.stringify(_image) || ''
  512. }
  513. if (relationCode) {
  514. params['relationCode'] = relationCode
  515. }
  516. var loadding = top.layer.load(0, {
  517. shade: false
  518. }) //0代表加载的风格,支持0-2
  519. rehaAPI.updateNoteAndImageRehabilitationOperate(params).then(function (res) {
  520. top.layer.close(loadding)
  521. if (res.status == 200) {
  522. vm.getServiceItem()
  523. top.rehabilitationVue.refresh()
  524. }
  525. })
  526. },
  527. updateRelationCodeByDetailId: function (planDetailId, relationCode) {
  528. var vm = this
  529. var params = {
  530. planDetailId: planDetailId,
  531. relationCode: relationCode
  532. }
  533. rehaAPI.updateRelationCodeByDetailId(params).then(function (res) {
  534. if (res.status == 200) {
  535. vm.getServiceItem()
  536. top.rehabilitationVue.refresh()
  537. } else {
  538. showErrorMessage(res.msg)
  539. }
  540. })
  541. },
  542. viewDetial: function (type, code) {
  543. var vm = this
  544. if (type == 3) {
  545. top.layer.msg('客户端暂不支持查询健康指导记录')
  546. } else if (type == 4) {
  547. top.layer.msg('客户端暂不支持查询随访记录')
  548. } else {
  549. top.layer.open({
  550. type: 2,
  551. // offset: ['100px'], //右下角弹出
  552. area: ['80%', '600px'],
  553. shade: 0.5,
  554. title: '指导教育',
  555. fixed: true, //不固定
  556. maxmin: true,
  557. closeBtn: 1,
  558. shift: 5,
  559. shadeClose: false, //点击遮罩关闭层
  560. content: '../../article/html/article-info.html?articleId=' + code,
  561. end: function () {
  562. // 未点击确定按钮,点击关闭按钮
  563. vm.getServiceItem()
  564. }
  565. })
  566. }
  567. },
  568. getContent: function (value, type) {
  569. var res = value
  570. if (type == 2 || type == 9) {
  571. res = "<img src='" + httpRequest.getImgUrl(res) + "'>"
  572. } else if (type == 3) {
  573. res = '【语音】'
  574. } else if (type == 19) {
  575. res = '【聊天记录】'
  576. } else if (type == 12) {
  577. res = '【视频】'
  578. }
  579. return res
  580. }
  581. },
  582. filters: {
  583. formatDate: function (value, format) {
  584. if (!value) return
  585. var fmt = format || 'yyyy-MM-dd hh:mm'
  586. var date = new Date(value)
  587. if (/(y+)/.test(fmt)) {
  588. fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
  589. }
  590. let o = {
  591. 'M+': date.getMonth() + 1,
  592. 'd+': date.getDate(),
  593. 'h+': date.getHours(),
  594. 'm+': date.getMinutes(),
  595. 's+': date.getSeconds()
  596. }
  597. for (let k in o) {
  598. if (new RegExp(`(${k})`).test(fmt)) {
  599. let str = o[k] + ''
  600. fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : ('00' + str).substr(str.length))
  601. }
  602. }
  603. return fmt
  604. },
  605. getImgUrl: function (value) {
  606. var url = httpRequest.getImgUrl(value)
  607. return url
  608. }
  609. }
  610. })
  611. $('body').on('click', 'img', function () {
  612. var _this = $(this) //将当前的img元素作为_this传入函数
  613. imgShow('#outerdiv', '#innerdiv', '#bigimg', _this)
  614. })
  615. function imgShow(outerdiv, innerdiv, bigimg, _this) {
  616. var src = _this.attr('src') //获取当前点击的pimg元素中的src属性
  617. $(bigimg).attr('src', src) //设置#bigimg元素的src属性
  618. /*获取当前点击图片的真实大小,并显示弹出层及大图*/
  619. $('<img/>')
  620. .attr('src', src)
  621. .load(function () {
  622. var windowW = $(window).width() //获取当前窗口宽度
  623. var windowH = $(window).height() //获取当前窗口高度
  624. var realWidth = this.width //获取图片真实宽度
  625. var realHeight = this.height //获取图片真实高度
  626. var imgWidth, imgHeight
  627. var scale = 0.8 //缩放尺寸,当图片真实宽度和高度大于窗口宽度和高度时进行缩放
  628. if (realHeight > windowH * scale) {
  629. //判断图片高度
  630. imgHeight = windowH * scale //如大于窗口高度,图片高度进行缩放
  631. imgWidth = (imgHeight / realHeight) * realWidth //等比例缩放宽度
  632. if (imgWidth > windowW * scale) {
  633. //如宽度扔大于窗口宽度
  634. imgWidth = windowW * scale //再对宽度进行缩放
  635. }
  636. } else if (realWidth > windowW * scale) {
  637. //如图片高度合适,判断图片宽度
  638. imgWidth = windowW * scale //如大于窗口宽度,图片宽度进行缩放
  639. imgHeight = (imgWidth / realWidth) * realHeight //等比例缩放高度
  640. } else {
  641. //如果图片真实高度和宽度都符合要求,高宽不变
  642. imgWidth = realWidth
  643. imgHeight = realHeight
  644. }
  645. $(bigimg).css('width', imgWidth) //以最终的宽度对图片缩放
  646. var w = (windowW - imgWidth) / 2 //计算图片与窗口左边距
  647. var h = (windowH - imgHeight) / 2 //计算图片与窗口上边距
  648. $(innerdiv).css({ 'top': h, 'left': w }) //设置#innerdiv的top和left属性
  649. $(outerdiv).fadeIn('fast') //淡入显示#outerdiv及.pimg
  650. })
  651. $(outerdiv).click(function () {
  652. //再次点击淡出消失弹出层
  653. $(this).fadeOut('fast')
  654. })
  655. }