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

Vue.component('lasc-progress-data', {
  template: template,
  props: [],
  data: function () {
    return {
      status: 0,
      serviceHospitalList: [],

      form: {
        name: '',
        orderId: '',
        phone: '',
        uterineNeck: '',
        breastCancer: '',
        reception: '',
        molStatus: '',
        colStatus: ''
      },
      rangeTime: [],
      rangeTimeTwo: [],
      tableData: [],
      tableDataTwo: [],
      page: 1,
      pageSize: 10,
      total: 0,

      tabsId: 1,
      tabsList: [
        { id: '1', text: '筛查数据', show: true },
        { id: '2', text: '质控数据', show: false }
      ],
      qualityControl: [
        { id: '1', text: '乳腺临床检查待完善', show: true },
        { id: '2', text: '乳腺超声待完善', show: false },
        { id: '3', text: '乳腺钼靶待完善', show: false },
        { id: '4', text: '乳腺病理待完善', show: false },
        { id: '5', text: '乳腺缺漏', show: false },
        { id: '6', text: '乳腺初筛已完成', show: false },
        { id: '7', text: '乳腺超声分级比例', show: false },
        { id: '8', text: '统计指标', show: false }
      ],
      loginDoctor: {},
      loading: false,
      resDistrictData: [{ name: '全部', code: '' }],
      code: '',
      qualityControlId: '1',
      statisticalIndex: {}
    }
  },
  methods: {
    eliminateClick() {},
    outputServerOrder() {},
    search: function () {
      this.page = 1
      this.getDoorOrderList()
    },
    outputServerOrder: function (num) {
      var vm = this
      this.exportLoading = true
      httpRequest
        .downLoadFileForAjax('doctor/twoCancers/count/excel', '两癌筛查数据.xls', this.getDoorOrderParameters())
        .then(res => {
          vm.exportLoading = false
        })
        .catch(err => {
          vm.$message.error(err)
        })
    },

    hospitalList() {
      var vm = this
      httpRequest.get('doctor/twoCancers/count/hospitalList', {}).then(function (res) {
        if (res.status == 200) {
          res.data.forEach(item => {
            vm.resDistrictData.push({
              name: item.hospital_name,
              code: item.hospital
            })
          })
        }
      })
    },
    getDoorOrderParameters: function () {
      var parameters = {
        patientName: this.form.name, //居民姓名
        idcard: this.form.orderId, //身份证
        phone: this.form.phone, //手机号
        startTime: this.rangeTime[0] ? this.rangeTime[0] : '', //开始时间
        endTime: this.rangeTime[1] ? this.rangeTime[1] : '', //结束时间
        hospitalCode: this.form.reception, //筛查机构
        breastStatus: this.form.breastCancer, // 乳癌初筛1是0否
        cervicalStatus: this.form.uterineNeck, //宫颈初筛1是0否
        chStatus: this.form.chStatus, //宫颈检查数据1是0否
        page: this.page,
        size: this.pageSize,
        molStatus: this.form.molStatus,
        colStatus: this.form.colStatus
      }
      return parameters
    },
    getDoorOrderList: function () {
      this.loading = true
      var vm = this
      console.log(vm.getDoorOrderParameters(), ';;;;;;;;;;;;')
      httpRequest.get('doctor/twoCancers/count/doctorPCgzl', { data: vm.getDoorOrderParameters() }).then(item => {
        if (item.status == 200) {
          vm.loading = false
          var res = item.data.obj
          vm.tableData = res
          vm.total = item.data.total
          res.forEach(is => {
            is.id_card_no = is.id_card_no.replace(/^(.{6})(?:\d+)(.{4})$/, '$1****$2')
          })
        }
      })
    },
    handleCurrentChange: function (page) {
      this.page = page
      this.getDoorOrderList()
    },
    prevClick() {
      this.page--
      this.getDoorOrderList()
    },
    nextClick() {
      this.page++
      this.getDoorOrderList()
    }
  },
  mounted() {
    this.hospitalList()
    this.getDoorOrderList()
  }
})