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

Vue.component('breast-cancer-patient', {
  template: template,
  props: [],
  data: function () {
    return {
      years: [],
      dialogVisible: true,
      serviceRecordVisable: false,
      currentEditData: '',
      dialogExportLoading: false,
      yearType: '1',
      chooseYear: null,
      chooseTime: null,
      rangeOptions: [
        { label: '区', value: '1' },
        { label: '机构', value: '2' },
        { label: '居住地', value: '3' }
      ],
      areaOptions: [
        { label: '思明区', value: '350203' },
        { label: '海沧区', value: '350205' },
        { label: '湖里区', value: '350206' },
        { label: '集美区', value: '350211' },
        { label: '同安区', value: '350212' },
        { label: '翔安区', value: '350213' }
      ],
      hospitalOptions: [],
      teamOptions: [],
      dialogTableData: [],
      dialogHeader: [
        { label: '居民姓名', prop: 'name', width: '100' },
        { label: '证件号码', prop: 'idcard', width: '100' },
        { label: '手机号', prop: 'mobile', width: '110' },
        { label: '年龄', prop: 'age', width: '90' },
        { label: '出生日期', prop: 'birthday', width: '90' },
        { label: '常驻地址', prop: 'address', width: '100' },
        { label: '个人筛查状态', prop: 'statusName', width: '100' }
      ],
      form: {
        range: '1'
      },
      query: {
        page: 1,
        size: 10,
        total: 0
      },
      loading: false,
      exportLoading: false,
      tableData: [],
      visible: false,
      tableHeader: [
        { label: '居民姓名', prop: 'name', width: '100' },
        { label: '证件号码', prop: 'idcard', width: '100' },
        { label: '手机号', prop: 'mobile', width: '110' },
        { label: '年龄', prop: 'age', width: '90' },
        { label: '出生日期', prop: 'birthday', width: '90' },
        { label: '常住地址', prop: 'diagnosisName', width: '130' },
        { label: '个人筛查状态', prop: 'isSign', width: '90' },
        { label: '基本信息状态', prop: 'hospitalName', width: '90' },
        { label: '乳腺临床检查状态', prop: 'num', width: '90' },
        { label: '乳腺超声初筛时间', prop: 'turnDownTime', width: '150' },
        { label: '乳腺超声评估结果', prop: 'eventType', width: '130' },
        { label: '乳腺超声评估机构', prop: 'screenNum', width: '110' },
        { label: '乳腺超声评估人', prop: 'cudUser', width: '130' },
        { label: '乳腺钼靶评估时间', prop: 'turnDownTime', width: '150' },
        { label: '乳腺钼靶评估结果', prop: 'eventType', width: '130' },
        { label: '乳腺钼靶评估状态（待随访/已完成）', prop: 'screenNum', width: '110' },
        { label: '乳腺病理结果', prop: 'bpatResultName', width: '130' },
        { label: '乳腺病理评估机构', prop: 'bpatOrg', width: '130' },
        { label: '乳腺病理随访时间', prop: 'turnDownTime', width: '150' },
        { label: '乳腺癌分期状态（术前）', prop: 'eventType', width: '130' },
        { label: '乳腺癌分期状态（术后）', prop: 'screenNum', width: '110' },
        { label: '宫颈初筛时间', prop: 'gynTime', width: '130' },
        { label: '宫颈评估机构', prop: 'cerOrg', width: '130' },
        { label: '宫颈评估人', prop: 'turnDownTime', width: '150' },
        { label: '宫颈评估时间', prop: 'eventType', width: '130' },
        { label: '宫颈评估状态', prop: 'screenNum', width: '110' },
        { label: '宫颈评估人群', prop: 'screenResult', width: '130' }
      ],
      loadingTwo: false,
      page: 1,
      size: 10,
      total: 0,
      level: 0,
      tableHeaderGroups: [
        {
          label: '基本信息',
          children: [
            { prop: 'infoCompleteNum', label: '完善' },
            { prop: 'basquelouNum', label: '缺漏' }
          ]
        },
        {
          label: '乳腺临床检查',
          children: [
            { prop: 'clicheckNum', label: '检查人数' },
            { prop: 'clijujueNum', label: '拒绝' },
            { prop: 'cliyicongNum', label: '依从' },
            { prop: 'cliquelouNum', label: '缺漏' }
          ]
        },
        {
          label: '乳腺超声检查',
          children: [
            { prop: 'total', label: '检查人数' },
            { prop: 'jujueNum', label: '拒绝' },
            { prop: 'yicongNum', label: '依从' },
            { prop: 'quelouNum', label: '缺漏' }
          ]
        },
        {
          label: '乳腺超声检查BI-RADS分级',
          children: [
            { prop: 'cduBiRads0', label: '0级' },
            { prop: 'cduBiRads1', label: '1级' },
            { prop: 'cduBiRads2', label: '2级' },
            { prop: 'cduBiRads3', label: '3级' },
            { prop: 'cduBiRads4a', label: '4a级' },
            { prop: 'cduBiRads4b', label: '4b级' },
            { prop: 'cduBiRads4c', label: '4c级' },
            { prop: 'cduBiRads05', label: '5级' },
            { prop: 'cduHeji', label: '合计' }
          ]
        },
        {
          label: '乳腺钼靶检查',
          children: [
            { prop: 'molycNum', label: '应查人数' },
            { prop: 'molyicongNum', label: '依从' },
            { prop: 'moljujueNum', label: '拒绝' },
            { prop: 'mollostNum', label: '失访' },
            { prop: 'molycNum1', label: '检查率' },
            { prop: 'molycNum2', label: '待完成人数' }
          ]
        },
        {
          label: '乳腺钼靶检查BI-RADS分级',
          children: [
            { prop: 'molBiRads0', label: '0级' },
            { prop: 'molBiRads1', label: '1级' },
            { prop: 'molBiRads2', label: '2级' },
            { prop: 'molBiRads3', label: '3级' },
            { prop: 'molBiRads4a', label: '4a级' },
            { prop: 'molBiRads4b', label: '4b级' },
            { prop: 'molBiRads4c', label: '4c级' },
            { prop: 'molBiRads5', label: '5级' },
            { prop: 'molBiRads6', label: '不详' },
            { prop: 'molHeji', label: '合计' }
          ]
        },
        {
          label: '乳腺病理检查\n乳腺病理学监测情况',
          children: [
            { prop: 'needCheckNum', label: '应查人数' },
            { prop: 'checkedNum', label: '已查人数' },
            { prop: 'patjujueNum', label: '拒诊人数' },
            { prop: 'lostNum', label: '失访人数' },
            { prop: 'rate1', label: '病理检查率' }
          ]
        },
        {
          label: '乳腺癌检出情况',
          children: [
            { prop: 'type4', label: '小叶原位癌人数' },
            { prop: 'type3', label: '导管原位癌人数' },
            { prop: 'type1', label: '浸润性导管癌人数' },
            { prop: 'type2', label: '浸润性小叶癌人数' },
            { prop: 'type6', label: '其他恶性肿瘤人数' },
            { prop: 'type7', label: '不详人数' },
            { prop: 'hejiNum', label: '合计人数' },
            { prop: 'rate2', label: '乳腺癌检出率' }
          ]
        },
        {
          label: 'TNM分期',
          children: [
            { prop: 'TNM0', label: '0期' },
            { prop: 'TNM1', label: '1期' },
            { prop: 'TNM2a', label: 'IIA期' },
            { prop: 'TNM2b', label: 'IIB期' },
            { prop: 'TNM3up', label: 'III期以上' },
            { prop: 'TNMbuxiang', label: '不详' },
            { prop: 'rate3', label: '获得TNM分期比率' },
            { prop: 'rate4', label: '乳腺癌早诊率' }
          ]
        },
        {
          label: '治疗情况',
          children: [
            { prop: 'num1', label: '应治疗人数' },
            { prop: 'yzlNum', label: '已治疗人数' },
            { prop: 'jzOrLostNum', label: '拒诊治疗或失访人数' },
            { prop: 'rate5', label: '早治率' }
          ]
        },
        {
          label: '乳腺癌风险人群',
          children: [
            { prop: 'label1', label: '一般风险' },
            { prop: 'label2', label: '高风险' },
            { prop: 'labelWait', label: '待评估' },
            { prop: 'rate6', label: '高风险人群比例' }
          ]
        }
      ],
      dialogLoading: false
    }
  },
  methods: {
    back() {
      this.currentEditData = ''
      this.serviceRecordVisable = false
    },
    gotoService(item) {
      this.currentEditData = item.patient
      this.serviceRecordVisable = true
    },
    init() {
      var selectedRole = JSON.parse(sessionStorage.getItem('selectedRole'))
      if (selectedRole.code.indexOf('350200') > -1 || selectedRole.code.indexOf('8d94ce907e4d4356b68f6c5d4d0d6bc9') > -1) {
        this.level = 1 //  市卫健委
        this.areaOptions = [
          { label: '厦门市', value: '' },
          { 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: '1',
          town: selectedRole.code
        }
        this.getHospital(selectedRole.code)
      } else {
        this.level = 3 // 社区管理
        this.rangeOptions = [{ label: '机构', value: '2' }]
        this.areaOptions = [{ label: selectedRole.name.substring(0, 3), value: selectedRole.code.substring(0, 6) }]
        this.hospitalOptions = [{ name: selectedRole.name, code: selectedRole.code }]
        this.form = {
          range: '2',
          town: 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) {
        this.areaOptions.push({ label: '其他', value: 'other' })
      }
    },
    getList() {
      var vm = this
      this.loading = true
      var params = {
        ...this.form
      }
      if (this.form.range == 3) {
        if (this.form.town && this.form.town != 'other') {
          params.town = this.areaOptions.find(item => item.value == this.form.town).label
        }
      }
      console.log('22222222222222222222', vm)
      vm.tableData = []
      if (this.chooseTime) {
        params.startTime = this.chooseTime[0]
        params.endTime = this.chooseTime[1]
      }
      httpRequest.get('doctor/twoCancers/count/breastQualityCount', { data: params }).then(function (res) {
        if (res.status == 200) {
          vm.tableData = res.detailModelList
          vm.total = res.totalCount

          // vm.tableData = [{ name: '张三' }]
          // vm.total = 1
        }
        vm.loading = false
      })
    },
    queryDate() {
      this.page = 1
      this.getList()
    },
    exportTable() {
      var params = {
        ...this.form,
        page: this.page,
        size: this.size
      }
      if (this.chooseTime) {
        params.startTime = this.chooseTime[0]
        params.endTime = this.chooseTime[1]
      }
      this.exportLoading = true
      var fileName = `乳腺癌筛查质控统计${new Date().getTime()}.xls`
      httpRequest.downLoadFileForAjax('doctor/twoCancers/count/exportBreastQualityCount', fileName, params).then(function () {
        this.exportLoading = false
      })
    },
    eliminateClick() {
      var selectedRole = JSON.parse(sessionStorage.getItem('selectedRole'))
      if (this.level == 1) {
        this.form = {
          range: '1'
        }
      } else if (this.level == 2) {
        this.form = {
          range: '1',
          town: selectedRole.code
        }
        this.getHospital(selectedRole.code)
      } else {
        this.form = {
          range: '2',
          town: selectedRole.code.substring(0, 6),
          hospital: selectedRole.code
        }
        this.getTeam(selectedRole.code)
      }
      this.yearType = '1'
      this.chooseYear = new Date().getFullYear()
      this.chooseTime = null
      console.log('1111111111111111', this)
      const now = new Date()
      // 获取当前日期
      const endDate = new Date()
      // 获取30天前的日期
      const startDate = new Date()
      startDate.setDate(endDate.getDate() - 30)
      this.chooseTime = [this.formatDate(startDate), this.formatDate(endDate)]
      this.init()
      this.$forceUpdate()
    },
    getHospital(code) {
      var vm = this
      delete this.form.hospital
      delete this.form.team
      var params = {
        type: 5,
        code: code
      }
      if (!code) {
        params = {
          type: 6,
          code: '350200'
        }
      }
      httpRequest.post('common/district', { data: params }).then(function (res) {
        vm.hospitalOptions = [{ code: '', name: '全部' }]
        vm.hospitalOptions = vm.hospitalOptions.concat(res.list)
      })
    },
    getTeam(code) {
      var vm = this
      delete this.form.team
      var params = {
        hospital: code,
        area: this.form.area
      }
      httpRequest.get('statisticsExport/teamList', { data: params }).then(function (res) {
        vm.teamOptions = [{ id: '', name: '全部' }]
        vm.teamOptions = vm.teamOptions.concat(res.data)
      })
    },

    handleCurrentChange(val) {
      this.page = val
      this.getList()
    },
    handleSizeChange(val) {
      this.size = val
      this.getList()
    },
    openDialog(row, prop) {
      var vm = this
      vm.dialogLoading = true
      this.query.type = 'r_' + prop
      this.query.orgCode = row.orgCode
      var params = {
        ...this.query,
        range: (this.form && this.form.range) || '',
        town: this.form.range == 3 ? row.orgCode : (this.form && this.form.town) || ''
      }
      vm.dialogTableData = []
      if (this.chooseTime) {
        params.startTime = this.chooseTime[0]
        params.endTime = this.chooseTime[1]
      }
      delete params.total
      httpRequest.get('doctor/twoCancers/count/caseDataList', { data: params }).then(function (res) {
        vm.dialogTableData = res.detailModelList
        vm.query.total = res.totalCount
        vm.visible = true
        vm.dialogLoading = false
      })
    },
    caseDataList() {
      var vm = this
      vm.dialogLoading = true
      this.query.type = this.query.type.substring(0, this.query.type.length - 1) + this.query.status
      var params = {
        ...this.query,
        range: (this.form && this.form.range) || '',
        town: this.form.range == 3 ? row.orgCode : (this.form && this.form.town) || '',
        hospital: (this.form && this.form.hospital) || ''
      }
      vm.dialogTableData = []
      if (this.chooseTime) {
        params.startTime = this.chooseTime[0]
        params.endTime = this.chooseTime[1]
      }
      delete params.total
      httpRequest.get('doctor/twoCancers/count/caseDataList', { data: params }).then(function (res) {
        vm.dialogTableData = res.detailModelList
        vm.query.total = res.totalCount
        vm.dialogLoading = false
      })
    },
    closeDialog() {
      this.query = {
        page: 1,
        size: 10,
        total: 0,
        type: this.query.type,
        orgCode: this.query.orgCode
      }
      this.visible = false
    },
    dialogSearchFn() {
      this.caseDataList()
    },
    handleCurrentChange1(val) {
      this.query.page = val
      this.caseDataList()
    },
    handleSizeChange1(val) {
      this.query.size = val
      this.caseDataList()
    },

    dialogExportFn() {
      var vm = this
      this.dialogExportLoading = true
      var params = {
        ...this.query,
        range: (this.form && this.form.range) || '',
        town: (this.form && this.form.town) || '',
        hospital: (this.form && this.form.hospital) || ''
      }
      if (this.chooseTime) {
        params.startTime = this.chooseTime[0]
        params.endTime = this.chooseTime[1]
      }
      var fileName = `个案数据列表${new Date().getTime()}.xls`
      httpRequest.downLoadFileForAjax('doctor/twoCancers/count/exportCaseDataList', fileName, params).then(function () {
        vm.dialogExportLoading = false
      })
    },
    dialogResetFn() {
      console.log('22222222222222', this)

      this.query = {
        page: 1,
        size: 10,
        total: 0,
        type: this.query.type,
        orgCode: this.query.orgCode
      }
      this.caseDataList()
    },
    formatDate(date) {
      const year = date.getFullYear()
      const month = String(date.getMonth() + 1).padStart(2, '0')
      const day = String(date.getDate()).padStart(2, '0')
      return `${year}-${month}-${day}`
    }
  },
  mounted() {
    const now = new Date()
    // 获取当前日期
    const endDate = new Date()
    // 获取30天前的日期
    const startDate = new Date()
    startDate.setDate(endDate.getDate() - 30)
    this.chooseTime = [this.formatDate(startDate), this.formatDate(endDate)]
    this.init()
  }
})