var template = ''
$.ajax('../../../component/statistics/OutsideHospitalManage/index.html', {
  data: {},
  dataType: 'html',
  cache: false,
  timeout: 60000,
  async: false,
  error: function(res) {},
  success: function(res) {
    template = res
  }
})

Vue.component('outside-hospital-manage', {
  template: template,
  props: [],
  data: function() {
    return {
      years: [],
      yearType: '1',
      chooseYear: null,
      chooseTime: null,
      rangeOptions: [{ label: '区', value: 'town' }, { label: '医院', value: 'hospital' }, { label: '团队', value: 'team' }],

      hospitalOptions: [],
      teamOptions: [],
      form: {
        range: 'town'
      },
      loading: false,
      exportLoading: false,
      tableData: [
        {
          patientName: '11',
          idcard: '11',
          hospitalName: '11',
          doctorName: '',
          code: '11',
          v1Num: 1,
          vd1Num: 1
        }
      ],
      tableHeader: [
        { label: '医院名称', prop: 'patientName', width: '110' },
        { label: '患者总数', prop: 'idcard', width: '110' },
        { label: '康复管理人数', prop: 'hospitalName', width: '180' },
        { label: '康复计划数量', prop: 'doctorName', width: '110' }
      ],
      tableHeaderChildren: [
        {
          label: '复诊1',
          children: [
            {
              label: '应服务人次',
              prop: 'v1Num',
              width: '130'
            },
            {
              label: '已服务人次',
              prop: 'vd1Num',
              width: '130'
            }
          ]
        },
        {
          label: '复诊2',
          children: [
            {
              label: '应服务人次',
              prop: 'v1Num',
              width: '130'
            },
            {
              label: '已服务人次',
              prop: 'vd1Num',
              width: '130'
            }
          ]
        },
        {
          label: '复诊3',
          children: [
            {
              label: '应服务人次',
              prop: 'v1Num',
              width: '130'
            },
            {
              label: '已服务人次',
              prop: 'vd1Num',
              width: '130'
            }
          ]
        },
        {
          label: '复诊4',
          children: [
            {
              label: '应服务人次',
              prop: 'v1Num',
              width: '130'
            },
            {
              label: '已服务人次',
              prop: 'vd1Num',
              width: '130'
            }
          ]
        }
      ],
      page: 1,
      size: 10,
      total: 0,
      level: 0,
      messageVisible: false,
      messTxt: '',
      paramsObj: {
        name: '',
        type: '',
        signDoctorName: '',
        hospitalName: ''
      },
      dialogHeader: [],
      visible: false,
      // 详情
      query: {
        name: '',
        signHospitalName: '',
        signDoctorName: '',
        remind: '',
        serve: ''
      },
      dialogTableData: [
        {
          name: '11',
          sex: '男',
          age: 18,
          phoen: 1254813
        }
      ],
      dialogLoading: false,
      dialogHeader: [],
      title: '',
      dialogExportLoading: false
    }
  },
  methods: {
    closeMessageDialog() {
      this.messageVisible = false
    },
    init() {
      var selectedRole = JSON.parse(sessionStorage.getItem('selectedRole'))
      if (selectedRole.code.indexOf('350200') > -1) {
        this.level = 1 //  市卫健委
        this.areaOptions = [
          { label: '思明区', value: '350203' },
          { label: '海沧区', value: '350205' },
          { label: '湖里区', value: '350206' },
          { label: '集美区', value: '350211' },
          { label: '同安区', value: '350212' },
          { label: '翔安区', value: '350213' }
        ]
      } else if (selectedRole.code.length == 6) {
        this.level = 2 // 区管理
        this.areaOptions = [{ label: selectedRole.name.substring(0, 3), value: selectedRole.code }]
        this.form = {
          range: 'town',
          area: selectedRole.code
        }
        this.getHospital(selectedRole.code)
      } else {
        this.level = 3 // 社区管理
        this.rangeOptions = [{ label: '医院', value: 'hospital' }, { label: '团队', value: 'team' }]
        this.areaOptions = [{ label: selectedRole.name.substring(0, 3), value: selectedRole.code }]
        this.hospital = [{ label: selectedRole.name, value: selectedRole.code }]
        this.form = {
          range: 'hospital',
          area: selectedRole.code.substring(0, 6),
          hospital: selectedRole.code
        }
        this.getTeam(selectedRole.code)
      }
      this.initTime()
      this.getList()
    },
    initTime() {
      var vm = this
      var now = new Date()

      vm.nowyear = vm.chooseYear = now.getFullYear()
      vm.years = []
      for (i = vm.nowyear; i >= 2013; i--) {
        vm.years.push(i)
      }
    },
    resetArea() {
      if (this.level == 1) {
        delete this.form.area
        delete this.form.hospital
        delete this.form.team
      } else if (this.level == 2) {
        delete this.form.hospital
        delete this.form.team
      } else {
        delete this.form.team
      }
    },
    getList() {
      var vm = this
      this.loading = true
      var params = {
        ...this.paramsObj,
        page: this.page,
        size: this.size
      }
      if (this.yearType == '1') {
        params.startTime = this.chooseYear + '-01-01' + ' 00:00:00'
        params.endTime = this.chooseYear + '-12-31' + ' 11:59:59'
      } else {
        if (this.chooseTime) {
          params.startTime = this.chooseTime[0] + ' 00:00:00'
          params.endTime = this.chooseTime[1] + ' 11:59:59'
        }
      }

      httpRequest.get('statistics/collaborate/selectSmsInfoList', { data: params }).then(function(res) {
        if (res.status == 200) {
          // vm.tableData = res.detailModelList
          vm.total = res.totalCount
        }
        vm.loading = false
      })
    },
    queryDate() {
      this.page = 1
      this.getList()
    },
    exportTable() {
      var vm = this
      var params = {
        ...this.paramsObj
      }
      if (this.yearType == '1') {
        params.startDate = this.chooseYear + '-01-01 00:00'
        params.endDate = this.chooseYear + '-12-31 23:59'
      } else {
        if (this.chooseTime) {
          params.startDate = this.chooseTime[0] + ' 00:00'
          params.endDate = this.chooseTime[1] + ' 23:59'
        }
      }
      this.exportLoading = true
      var fileName = `消息推送明细.xls`
      httpRequest.downLoadFileForAjax('statistics/collaborate/exportSelectSmsInfoList', fileName, params).then(function() {
        vm.exportLoading = false
      })
    },
    showInfo(item) {
      this.messTxt = item.content
      this.messageVisible = true
    },
    eliminateClick() {
      this.resetArea()
      this.yearType = '1'
      this.paramsObj = {
        name: '',
        type: '',
        signDoctorName: '',
        hospitalName: ''
      }
      this.chooseYear = new Date().getFullYear()
      this.chooseTime = null
      this.$forceUpdate()
    },
    getHospital(code) {
      var vm = this
      delete this.form.hospital
      delete this.form.team
      var params = {
        type: 5,
        code: code
      }
      httpRequest.post('common/district', { data: params }).then(function(res) {
        vm.hospitalOptions = res.list
      })
    },
    getTeam(code) {
      var vm = this
      delete this.form.team
      var params = {
        hospital: code
      }

      httpRequest.get('statisticsExport/teamList', { data: params }).then(function(res) {
        vm.teamOptions = res.data
      })
    },
    handleCurrentChange(val) {
      this.page = val
      this.getList()
    },
    handleSizeChange(val) {
      this.size = val
      this.getList()
    },
    //详情
    openDialog(row, prop) {
      // if (!row.code) return
      // this.page = 1
      // this.query = {}
      // var len = row.code.length
      // if (len == 6) {
      //   this.query.range = 'town'
      //   this.query.area = row.code
      // } else if (len == 10) {
      //   this.query.range = 'hospital'
      //   this.query.hospital = row.code
      // } else {
      //   this.query.range = 'team'
      //   this.query.team = row.code
      // }
      // this.dataRangeOption = [{ label: row.name, value: row.code }]
      if (prop == 'idcard' || prop == 'hospitalName') {
        this.title = '下转情况数据列表'
        this.dialogHeader = [
          { label: '姓名', prop: 'name', width: '110' },
          { label: '性别', prop: 'sex', width: '110' },
          { label: '年龄', prop: 'age', width: '110' },
          { label: '手机号', prop: 'phoen', width: '110' },
          { label: '下转次数', prop: 'sex', width: '110' },
          { label: '最近一次下转诊断', prop: 'age', width: '110' },
          { label: '最近一次下转时间', prop: 'phoen', width: '110' }
        ]
        this.visible = true
      } else if (prop == 'vd1Num' || prop == 'v4Num') {
        this.title = '康复复诊记录明细'
        this.dialogHeader = [
          { label: '姓名', prop: 'name' },
          { label: '性别', prop: 'sex' },
          { label: '年龄', prop: 'age' },
          { label: '手机号', prop: 'mobile' },
          { label: '管理医院', prop: 'turnHospitalName' },
          { label: '管理医生', prop: 'turnDoctorName' },
          { label: '服务方式', prop: 'createTime' },
          { label: '服务时间', prop: 'hospitalName' }
        ]
        this.visible = true
      }
    },
    closeDialog() {
      this.visible = false
    },
    dialogReset() {
      var params = {
        ...this.query
      }
      this.query = {
        visitCount: params.visitCount,
        range: typeof params.range == 'undefined' ? '' : params.range,
        area: typeof params.area == 'undefined' ? '' : params.area,
        hospital: typeof params.hospital == 'undefined' ? '' : params.hospital,
        team: typeof params.team == 'undefined' ? '' : params.team
      }
    },
    dialogExportFn() {
      var vm = this
      this.exportLoading = true

      if (this.title == '康复随访记录明细') {
        var params = {
          ...this.query
        }
        if (this.yearType == '1') {
          params.startDate = this.chooseYear + '-01-01'
          params.endDate = this.chooseYear + '-12-31'
        } else {
          if (this.chooseTime) {
            params.startDate = this.chooseTime[0]
            params.endDate = this.chooseTime[1]
          }
        }
        var fileName = `康复随访记录明细${new Date().getTime()}.xls`
        httpRequest.downLoadFileForAjax('statistics/collaborate/exportGxbRehabilitationFollowupRecord', fileName, params).then(function() {
          vm.exportLoading = false
        })
      } else {
        var params = {
          ...this.query,
          type: 2
        }
        if (this.yearType == '1') {
          params.startDate = this.chooseYear + '-01-01'
          params.endDate = this.chooseYear + '-12-31'
        } else {
          if (this.chooseTime) {
            params.startDate = this.chooseTime[0]
            params.endDate = this.chooseTime[1]
          }
        }
        var fileName = `康复随访消息推送明细${new Date().getTime()}.xls`
        httpRequest.downLoadFileForAjax('statistics/collaborate/exportSelectSmsInfoList', fileName, params).then(function() {
          vm.exportLoading = false
        })
      }
    },
    dialogSearchFn() {
      this.page = 1
      this.dialogSearch()
    },
    dialogSearch() {
      if (this.title == '康复随访记录明细') {
        this.gxbRehabilitationFollowupRecord()
      } else {
        this.selectSmsInfoList()
      }
    },
    renderHeader: function(h, item) {
      var label = item.column.label
      var column = item.column
      var tooltip = {
        签约社区: '显示为该患者当前的签约社区医院名称',
        社区医院: '显示为该患者当前的签约社区医院名称',
        签约医院: '显示为该患者当前的签约社区医院名称',
        签约医生: '显示为该患者当前的签约社区医生名称',
        家庭医生: '显示为该患者当前的签约社区医生名称'
      }

      if (label == '签约社区' || label == '签约医生' || label == '签约医院' || label == '家庭医生' || label == '社区医院') {
        return [
          label,
          h(
            'el-tooltip',
            {
              props: {
                content: (function() {
                  return tooltip[label]
                })(),
                placement: 'top'
              }
            },
            [
              h('span', {
                class: {
                  'el-icon-question': true
                }
              })
            ]
          )
        ]
      } else {
        return [column.label]
      }
    },
    // 个人案
    seePatientDetail(row, prop) {
      if (prop == 'name') {
        EventBus.$emit('preview-person-info', { type: '5', code: row.code })
      }
    }
  },
  mounted() {
    this.init()
  }
})