PC-application/app/rehabilitation/js/guide_the_message.js

var httpData = GetRequest()
var docInfo = JSON.parse(window.localStorage.getItem('wlyyAgent'))
var tempwindow
var previewLayerIndex, followupLayerIndex, KFZDlayerIndex
function closeGuidancePreview() {
  layer.close(previewLayerIndex)
}
function closeFollowUpLayer(planDetaiId, relationCode) {
  if ($.isArray(relationCode)) {
    $.each(relationCode, function (index, item) {
      top.rehabilitationGuideVue.saveRehabilitationOperateRecord(planDetaiId, 6, item)
    })
  } else {
    top.rehabilitationGuideVue.saveRehabilitationOperateRecord(planDetaiId, 6, relationCode)
  }
  layer.close(followupLayerIndex)
}
function closeKFZDlayer(planDetaiId) {
  top.rehabilitationGuideVue.saveRehabilitationOperateRecord(planDetaiId, 5)
  layer.close(KFZDlayerIndex)
}
function showSuccessMessage(msg) {
  layer.msg(msg, {
    icon: 1
  })
}

function showErrorMessage(msg) {
  layer.msg(msg, {
    icon: 5
  })
}
top.rehabilitationGuideVue = new Vue({
  el: '#app',
  data: {
    doctorlevel: docInfo.doctorlevel,
    imgData: {
      accept: 'image/gif, image/jpeg, image/png, image/jpg'
    },
    isCollapse: false,
    selectCheckTyperadio: 0,
    showAppointHelpCheckBtn: true, //点击预约协诊按钮结束变为false
    showRecordFinished: false, //点击完成记录按钮变为true
    appointTime: '',
    appointDate: '',
    appointHour: '',
    upImgs: [],
    upImgArr: [],
    planid: httpData['planid'], // 服务项id
    service: {
      relationRecordImg: {},
      messageList: {}
    },
    startTime: '',
    pickerOptions: {
      disabledDate: function (time) {
        return time.format('yyyy-MM-dd') < new Date().format('yyyy-MM-dd')
      }
    },
    pId: httpData['pId'], // 康复计划id
    patient: httpData['patient'],
    patientName: decodeURI(httpData['patientName']),
    layerIndex: undefined,
    recordId: httpData['recordId'] || undefined,
    islimit: false
  },
  watch: {
    appointDate: function () {
      if (this.appointDate == new Date().format('yyyy-MM-dd')) {
        this.startTime = new Date(new Date().getTime()).format('hh:mm')
      } else {
        this.startTime = ''
      }
    }
  },
  mounted: function () {
    this.getServiceItem()
  },
  methods: {
    // 提醒患者 num 1康复指导2康复下转3复诊提醒4上门服务提醒5家签提醒
    sendSpecialistWeixinMessage: function (type) {
      var vm = this
      var text = ''
      if (type == 4) {
        // 上门服务
        text = '请问您是否确认提醒' + vm.patientName + '居民预约上门护理服务？'
      } else if (type == 7) {
        // 康复复诊
        text = '请问您是否确认提醒' + vm.patientName + '居民进行复诊？'
      }
      var current = layer.confirm(
        text,
        {
          btn: ['确定', '取消'],
          title: '提示'
        },
        function (index) {
          var reservationTypeObj = { 0: 2, 1: 3, 2: 1 }
          var _type = type == 4 ? 4 : type == 7 ? 3 : ''
          var loading = layer.load(0, { shade: false })
          var params = {
            patient: vm.patient,
            doctor: docInfo.uid,
            type: _type,
            relationCode: vm.planid,
            planId: vm.pId,
            reservationType: reservationTypeObj[vm.selectCheckTyperadio] //复诊类型:1线上，2线下，3远程
          }
          rehaAPI.sendSpecialistWeixinMessage(params).then(function (res) {
            layer.close(loading)
            if (res.status == 200) {
              showSuccessMessage('提交成功！')
              if (_type == 3 || _type == 4) {
                // 提醒患者后，即认为是已完成
                vm.saveRehabilitationOperateRecord(vm.planid, type)
              }
            } else {
              showErrorMessage(res.msg)
            }
          })
          layer.close(current) //再执行关闭
        }
      )
    },
    appointHelpCheck: function (data) {
      var vm = this
      vm.showAppointHelpCheckBtn = false
      vm.appointTime = vm.appointDate + ' ' + vm.appointHour
      var params = {
        patient: vm.patient,
        doctor: data.familyDoctorCode,
        doctorName: data.familyDoctorName, //家签医生
        sendTime: vm.appointTime,
        planDetailId: vm.planid,
        appointmentDoctor: data.specialistDoctorCode,
        appointmentDoctorName: data.specialistDoctorName //专科医生
      }
      var loading = layer.load(0, { shade: false })
      rehaAPI.appointmentConsultation(params).then(function (res) {
        layer.close(loading)
        if (res.status == 200) {
          showSuccessMessage('操作成功')
          setTimeout(function () {
            vm.getServiceItem()
          }, 400)
        } else {
          showErrorMessage(res.msg)
        }
      })
    },
    encryptCode: function (docCode) {
      var publicKey =
        'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC4lT0JWcv9xx6Q1hsxMal2F1AmKti/xVbBeh8jrD5CiYsFTH0DO1Mpyvv8YtkGdnDSLRjOQOA1PiaYvZoHIhml/jTvEMsvFlAD5i1BsHa5blLlJxQNp/XI7wpMZPfczqO+I/JONrV6ib+6Ci/1FyTjPQfHaiT2ehGyM/CFzOW1PQIDAQAB'
      var encrypt = new JSEncrypt()
      encrypt.setPublicKey(publicKey)
      return encodeURIComponent(encrypt.encrypt(docCode))
    },
    openWindow(url, p1, p2) {
      try {
        if (tempwindow) tempwindow.close()
      } catch (e) {
        console.log(e)
      }

      if (p1) {
        tempwindow = window.open('_blank', p1, p2)
      } else {
        tempwindow = window.open('_blank')
      }
      tempwindow.location = url
    },
    openHelpCheck: function () {
      var encryptCode = this.encryptCode(docInfo.uid)
      var url = httpRequest.teamworkService + '/#/teamwork/login?_code=' + encryptCode
      this.openWindow(url)
    },
    recordFinished: function () {
      this.showRecordFinished = true
    },
    //康复指导
    kfzd: function () {
      var vm = this,
        str = '../../rehabilitation/html/rehabilitation_guidance.html?patient=' + vm.patient + '&planDetaiId=' + vm.planid + '&planId=' + vm.pId
      KFZDlayerIndex = layer.open({
        type: 2,
        //				  offset: ['100px'], //右下角弹出
        area: ['660px', '650px'],
        shade: 0.5,
        title: '康复指导',
        fixed: true, //不固定
        maxmin: true,
        closeBtn: 1,
        shift: 5,
        shadeClose: false, //点击遮罩关闭层
        content: str,
        end: function () {
          // 未点击确定按钮，点击关闭按钮
          vm.getServiceItem()
        }
      })
    },
    // 康复随访计划
    sfjh: function () {
      var vm = this
      followupLayerIndex = layer.open({
        type: 2,
        //				  offset: ['100px'], //右下角弹出
        area: ['80%', '650px'],
        shade: 0.5,
        title: '随访计划',
        fixed: true, //不固定
        maxmin: true,
        closeBtn: 1,
        shift: 5,
        shadeClose: false, //点击遮罩关闭层
        content: '../../followup/html/followup_newplan.html?patient=' + vm.patient + '&planDetaiId=' + vm.planid + '&planId=' + vm.pId,
        end: function () {
          // 未点击确定按钮，点击关闭按钮
          this.getServiceItem()
        }
      })
    },
    zwkf: function () {
      top.layer.msg('此功能暂未开放', {
        icon: 1
      })
    },
    //康复指导
    jkzd: function (planId, patient) {
      var vm = this
      top.layer.open({
        type: 2,
        //				  offset: ['100px'], //右下角弹出
        area: ['80%', '648px'],
        shade: 0.5,
        title: '健康教育',
        fixed: true, //不固定
        maxmin: true,
        closeBtn: 1,
        shift: 5,
        shadeClose: false, //点击遮罩关闭层
        content: '../../guidance/html/index.html#/person-edit-panel?patient=' + patient + '&planId=' + planId
      })
    },
    // openFollowResult() {
    //   top.layer.open({
    //     type: 2,
    //     area: ['600px', '700px'],
    //     shade: 0.5,
    //     title: '查看随访表单',
    //     fixed: true, //不固定
    //     maxmin: true,
    //     closeBtn: 1,
    //     // shift: 5,
    //     shadeClose: false, //点击遮罩关闭层
    //     content: '../html/followResult.html'
    //   })
    // },
    rehabilitationReservation() {
      // 如果是康复复诊过去预约挂号，在就诊信息页面少一个字段显示，1隐藏字段，0正常显示
      sessionStorage.setItem('isFuzhen', 1)
      top.layer.open({
        type: 2,
        closeBtn: 1, // 显示关闭按钮
        area: ['800px', '90%'],
        title: '预约挂号',
        content: '../../jbsc/html/appointment/appoint-select.html?patient=' + this.patient
      })
    },
    openFollowRecordForm() {
      var vm = this
      if (vm.service.disease != '3') {
        top.layer.msg('请到app上操作！')
        return false
      }
      top.layer.open({
        type: 2,
        area: ['600px', '700px'],
        shade: 0.5,
        title: '记录随访表单',
        fixed: true, //不固定
        maxmin: true,
        closeBtn: 1,
        // shift: 5,
        shadeClose: false, //点击遮罩关闭层
        content: '../../rehabilitation/html/followRecord.html?serviceInfo=' + encodeURIComponent(JSON.stringify(this.service)) + '&planDetailId=' + this.planid,
        end: function () {
          // 未点击确定按钮，点击关闭按钮
          vm.getServiceItem()
        }
      })
    },
    qwapp: function () {
      top.layer.msg('请前往app处理', {
        icon: 5
      })
    },
    toDoorDialog() {
      var vm = this
      top.layer.open({
        type: 2,
        area: ['850px', '700px'],
        shade: 0.5,
        title: '代预约',
        fixed: true, //不固定
        maxmin: true,
        closeBtn: 1,
        // shift: 5,
        shadeClose: false, //点击遮罩关闭层
        // content: `/app/rehabilitation/html/toDoorService.html?patient=${this.patient}&detailId=${this.planid}&relationCode=${this.planid}`,
        content: `../../rehabilitation/html/toDoorService.html?patient=${this.patient}&detailId=${this.planid}&relationCode=${this.planid}`,
        end: function () {
          vm.getServiceItem()
        }
      })
    },
    viewGuidance: function (o) {
      var vm = this
      previewLayerIndex = layer.open({
        type: 2,
        area: ['380px', '600px'],
        shade: 0.5,
        title: '预览',
        fixed: true, //不固定
        maxmin: true,
        closeBtn: 1,
        shift: 5,
        shadeClose: false, //点击遮罩关闭层
        content: '../../rehabilitation/html/rehabilitation_guidance_preview.html?modelCode=' + o.article
      })
    },
    getServiceItem: function () {
      var vm = this
      var loginDoctor = JSON.parse(window.localStorage.getItem('wlyyAgent'))
      var loadding = top.layer.load(0, {
        shade: false
      }) //0代表加载的风格，支持0-2
      var params = {
        planDetailId: vm.planid
      }
      if (vm.recordId) {
        params['recordId'] = vm.recordId
      }
      rehaAPI.serviceItem(params).then(function (res) {
        top.layer.close(loadding)
        if (res.status == 200) {
          vm.service = res.data
          var isZK = loginDoctor.doctorType == 1 ? true : false
          vm.service.isZK = isZK
          if (vm.service.completeTime) {
            var l = vm.service.completeTime.length
            vm.service.shortCompleteTime = vm.service.completeTime.substr(l - 5, l - 1)
          }
          if (vm.service.isMyTask == 1) {
            //执行者
            vm.service.isCK = true //无法显示按钮
            if (loginDoctor.uid == vm.service.specialistDoctorCode) {
              //说明我自己是创建者
              vm.service.isCK = false
              vm.service.isCreate = true
            }
          } else {
            if (loginDoctor.uid == vm.service.specialistDoctorCode) {
              //说明我自己是创建者
              vm.service.isCreate = true
            }
          }
          if (vm.service.type == 4 || vm.service.type == 5 || vm.service.type == 7) {
            vm.getRelationRecord(vm.service.type, vm.planid).then(function (result) {
              if (result.status == 200) {
                vm.service.relationList = result.data && result.data.length > 0 ? result.data : undefined
                vm.$forceUpdate()
              }
            })
          }
          if (vm.service.frequencyCode) {
            vm.islimit = true
          } else {
            vm.islimit = false
          }
        } else {
          top.layer.msg(res.msg, {
            icon: 5
          })
        }
        if (vm.service.status == 1) {
          var index = top.layer.getFrameIndex(window.name) //先得到当前iframe层的索引
          top.layer.title('服务记录详情', index) //再改变当前层的标题
        }
      })
    },
    getRelationRecord: function (type, planDetaiId) {
      // 1.电话短信 2.康复咨询 3.远程监控检测 4.上门服务 5.康复指导  6 康复随访  7.复诊）
      var vm = this
      var url = ''
      if (type == 5) {
        url = 'doctor/specialist/rehabilitation/selectByRelationCode'
      } else if (type == 7) {
        url = 'third/guahao/selectByRelationCode'
      } else if (type == 4) {
        url = '/doctor/specialist/rehabilitation/selectRelationCode'
      }
      var vm = this
      var params = {
        relationCode: vm.recordId ? vm.recordId : planDetaiId
      }
      return httpRequest.get(url, { data: params })
    },
    zdly: function (data) {
      var vm = this
      var loginDoctor = JSON.parse(window.localStorage.getItem('wlyyAgent'))
      var otherCode, otherName
      if (loginDoctor.doctorType == 1) {
        otherCode = data.familyDoctorCode
        otherName = data.familyDoctorName
      } else {
        otherCode = data.specialistDoctorCode
        otherName = data.specialistDoctorName
      }
      top.layer.open({
        type: 2,
        //				  offset: ['100px'], //右下角弹出
        area: ['660px', '600px'],
        shade: 0.5,
        title: '指导留言',
        fixed: true, //不固定
        maxmin: true,
        closeBtn: 1,
        shift: 5,
        shadeClose: false, //点击遮罩关闭层
        content: '../../consulting/html/consulting.html?otherCode=' + otherCode + '&otherName=' + encodeURI(otherName) + '&planDetailId=' + vm.planid,
        end: function () {
          // 未点击确定按钮，点击关闭按钮
          vm.getServiceItem()
        }
      })
    },
    deleteImg: function (idx) {
      console.log(idx)
      this.upImgs.splice(idx, 1)
    },
    chakan: function () {
      this.isCollapse = !this.isCollapse
    },
    upLoadImgToBase64: function () {
      var vm = this
      var img1 = event.target.files[0]
      var reader = new FileReader()
      var type = img1.type //文件的类型，判断是否是图片
      var size = img1.size //文件的大小，判断图片的大小
      if (this.imgData.accept.indexOf(type) == -1) {
        alert('请选择我们支持的图片格式！')
        return false
      }
      if (size > 3145728) {
        alert('请选择3M以内的图片！')
        return false
      }
      reader.readAsDataURL(img1)
      reader.onload = function (e) {
        vm.upImgs.push({
          baseUrl: e.target.result
        })
        vm.upImgArr.push(img1)
        console.log('e', e, 'vm.upImgs', vm.upImgs, 'vm.upImgArr', vm.upImgArr)
        //vm.uploadImg(vm.upImgArr);
      }
    },
    qrwc: function (patient, type) {
      var vm = this
      if (!vm.service.node) {
        showErrorMessage('请填写服务记录')
        return
      }
      if (!vm.upImgs.length) {
        showErrorMessage('请上传相关记录')
        return
      }
      vm.saveRehabilitationOperateRecord(vm.planid, type)
    },
    saveRehabilitationOperateRecord: function (planDetailId, type, relationCode, flag) {
      var vm = this
      var params = {
        rehabilitationDetailId: planDetailId,
        node: null,
        patientCode: vm.patient,
        doctorCode: docInfo.uid,
        relationRecordType: type,
        relationRecordCode: '',
        relationRecordImg: null,
        status: 0
      }
      rehaAPI.saveRehabilitationOperateRecord({ dataJson: JSON.stringify(params) }).then(function (res) {
        if (res.status == 200) {
          if (type == 1 || type == 7) {
            vm.uploadImg(vm.upImgArr)
          } else if (type == 6) {
            vm.updateRelationCodeByDetailId(planDetailId, relationCode)
          } else {
            vm.updateNoteAndImageRehabilitationOperate(planDetailId)
          }
        } else {
          layer.msg(res.msg, {
            icon: 5
          })
        }
      })
    },
    //上传图片
    uploadImg: function (data) {
      var vm = this
      var len = data.length
      if (len == 0) {
        vm.updateNoteAndImageRehabilitationOperate(vm.planid)
      } else {
        var file = data[len - 1]
        var formData = new FormData()
        formData.append('file', file)
        rehaAPI.upload(formData).then(function (res) {
          if (res.status == 200) {
            vm.upImgs[len - 1].img = res.data
            data.pop()
            vm.$forceUpdate()
            vm.uploadImg(data)
          } else {
            layer.msg(res.msg, {
              icon: 5
            })
          }
        })
      }
    },
    updateNoteAndImageRehabilitationOperate: function (planDetailId, relationCode) {
      var vm = this
      var _image = []
      $.each(vm.upImgs, function (index, obj) {
        _image.push(obj.img)
      })
      var params = {
        planDetailId: planDetailId,
        node: vm.service && vm.service.node ? vm.service.node : null,
        image: JSON.stringify(_image) || ''
      }
      if (relationCode) {
        params['relationCode'] = relationCode
      }
      var loadding = top.layer.load(0, {
        shade: false
      }) //0代表加载的风格，支持0-2
      rehaAPI.updateNoteAndImageRehabilitationOperate(params).then(function (res) {
        top.layer.close(loadding)
        if (res.status == 200) {
          vm.getServiceItem()
          top.rehabilitationVue.refresh()
        }
      })
    },
    updateRelationCodeByDetailId: function (planDetailId, relationCode) {
      var vm = this
      var params = {
        planDetailId: planDetailId,
        relationCode: relationCode
      }
      rehaAPI.updateRelationCodeByDetailId(params).then(function (res) {
        if (res.status == 200) {
          vm.getServiceItem()
          top.rehabilitationVue.refresh()
        } else {
          showErrorMessage(res.msg)
        }
      })
    },
    viewDetial: function (type, code) {
      var vm = this
      if (type == 3) {
        top.layer.msg('客户端暂不支持查询健康指导记录')
      } else if (type == 4) {
        top.layer.msg('客户端暂不支持查询随访记录')
      } else {
        top.layer.open({
          type: 2,
          //				  offset: ['100px'], //右下角弹出
          area: ['80%', '600px'],
          shade: 0.5,
          title: '指导教育',
          fixed: true, //不固定
          maxmin: true,
          closeBtn: 1,
          shift: 5,
          shadeClose: false, //点击遮罩关闭层
          content: '../../article/html/article-info.html?articleId=' + code,
          end: function () {
            // 未点击确定按钮，点击关闭按钮
            vm.getServiceItem()
          }
        })
      }
    },
    getContent: function (value, type) {
      var res = value
      if (type == 2 || type == 9) {
        res = "<img src='" + httpRequest.getImgUrl(res) + "'>"
      } else if (type == 3) {
        res = '【语音】'
      } else if (type == 19) {
        res = '【聊天记录】'
      } else if (type == 12) {
        res = '【视频】'
      }
      return res
    }
  },
  filters: {
    formatDate: function (value, format) {
      if (!value) return
      var fmt = format || 'yyyy-MM-dd hh:mm'
      var date = new Date(value)
      if (/(y+)/.test(fmt)) {
        fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
      }
      let o = {
        'M+': date.getMonth() + 1,
        'd+': date.getDate(),
        'h+': date.getHours(),
        'm+': date.getMinutes(),
        's+': date.getSeconds()
      }
      for (let k in o) {
        if (new RegExp(`(${k})`).test(fmt)) {
          let str = o[k] + ''
          fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : ('00' + str).substr(str.length))
        }
      }
      return fmt
    },
    getImgUrl: function (value) {
      var url = httpRequest.getImgUrl(value)
      return url
    }
  }
})

$('body').on('click', 'img', function () {
  var _this = $(this) //将当前的img元素作为_this传入函数
  imgShow('#outerdiv', '#innerdiv', '#bigimg', _this)
})
function imgShow(outerdiv, innerdiv, bigimg, _this) {
  var src = _this.attr('src') //获取当前点击的pimg元素中的src属性
  $(bigimg).attr('src', src) //设置#bigimg元素的src属性
  /*获取当前点击图片的真实大小，并显示弹出层及大图*/
  $('<img/>')
    .attr('src', src)
    .load(function () {
      var windowW = $(window).width() //获取当前窗口宽度
      var windowH = $(window).height() //获取当前窗口高度
      var realWidth = this.width //获取图片真实宽度
      var realHeight = this.height //获取图片真实高度
      var imgWidth, imgHeight
      var scale = 0.8 //缩放尺寸，当图片真实宽度和高度大于窗口宽度和高度时进行缩放

      if (realHeight > windowH * scale) {
        //判断图片高度
        imgHeight = windowH * scale //如大于窗口高度，图片高度进行缩放
        imgWidth = (imgHeight / realHeight) * realWidth //等比例缩放宽度
        if (imgWidth > windowW * scale) {
          //如宽度扔大于窗口宽度
          imgWidth = windowW * scale //再对宽度进行缩放
        }
      } else if (realWidth > windowW * scale) {
        //如图片高度合适，判断图片宽度
        imgWidth = windowW * scale //如大于窗口宽度，图片宽度进行缩放
        imgHeight = (imgWidth / realWidth) * realHeight //等比例缩放高度
      } else {
        //如果图片真实高度和宽度都符合要求，高宽不变
        imgWidth = realWidth
        imgHeight = realHeight
      }
      $(bigimg).css('width', imgWidth) //以最终的宽度对图片缩放

      var w = (windowW - imgWidth) / 2 //计算图片与窗口左边距
      var h = (windowH - imgHeight) / 2 //计算图片与窗口上边距
      $(innerdiv).css({ 'top': h, 'left': w }) //设置#innerdiv的top和left属性
      $(outerdiv).fadeIn('fast') //淡入显示#outerdiv及.pimg
    })
  $(outerdiv).click(function () {
    //再次点击淡出消失弹出层
    $(this).fadeOut('fast')
  })
}