PC-application/component/statistics/CopdServiceRecordPatient/index.js

// 两癌筛查居民档案-服务记录
var template = ''
$.ajax('../../../component/statistics/CopdServiceRecordPatient/index.html', {
  data: {},
  dataType: 'html',
  cache: false,
  timeout: 60000,
  async: false,
  error: function (res) {},
  success: function (res) {
    template = res
  }
})

Vue.component('Copd-service-record-patient', {
  template: template,
  props: ['patient'],
  data() {
    return {
      dialog: false,
      loading: false,
      formDialogVisible: false,
      page: 1,
      size: 999,
      title: '',
      idcardTypeName: '',
      followInfo: {},
      events: [
        { date: '2023年' },
        { title: 'Event 1', date: '05-11 17:00:01', description: 'Description for event 1' },
        { date: '2024年', description: 'Description for event 2' },
        { date: '2025年', description: 'Description for event 3' },
        { date: '2026年', description: 'Description for event 4' },
        { title: 'Event 5', date: '2027年', description: 'Description for event 5' }
      ],

      marriageArr: [],
      backTypeName: '',
      diagnosticBasisName: '',
      marriageName: '',
      symptom: '',
      symptomsArr: [],
      followupArr: [],
      followup: '',
      idCardTypeArr: [],
      firstAreaArr: [],
      firstAreaName: '',
      isLiveArr: [],
      orgLevelArr: [],
      orGlevelName: '',
      occupationArr: [],
      occupation: '',
      currentInfo: {},
      smokeArr: [],
      drinkArr: [],
      archivesArr: [],
      diseaseConversion: '',
      conversionArr: [],
      firstVisitTypeArr: [],
      educationalArr: [],
      educational: '',
      nationDict: [],
      nationName: '',
      communityArr: [],
      yearList: [{ label: '全部年份', value: '' }],
      nodeList: [
        { label: '全部节点', value: '' },
        { label: '居民预约', value: 1 },
        { label: '乳腺临床检查', value: 2 },
        { label: '辅助检查-乳腺超声', value: 3 },
        { label: '辅助检查-乳腺钼靶', value: 4 },
        { label: '乳腺病理学检查', value: 5 },
        { label: '乳腺外科门诊', value: 6 },
        { label: '乳腺癌治疗信息', value: 7 }
      ],
      nodeList2: [
        { label: '社区随访', value: 8 },
        { label: '妇科检查', value: 9 },
        { label: 'HPV', value: 10 },
        { label: '宫颈细胞学检查', value: 11 },
        { label: '初筛结果临床评估', value: 12 },
        { label: '阴道镜检查', value: 13 },
        { label: '阴道镜检查随访', value: 14 },
        { label: '组织病理学检查', value: 15 },
        { label: '组织病理学检查随访', value: 16 },
        { label: '最后诊断', value: 17 }
      ],
      serviceYear: '',
      customizeYear: [],
      serviceNode: '',
      changeModule: 1,
      moreFlag: true,
      detailInfo: {},
      detailData: {},
      type: '',
      readonly: ''
    }
  },
  watch: {
    formDialogVisible: function (val) {
      if (!val) {
        this.detailData = {}
      }
    }
  },
  methods: {
    showDetail(item) {
      this.title = item.typeName
      this.type = item.type
      this.detailData = {}
      var vm = this
      if (item.type == 1) {
        this.currentInfo = {
          id: this.detailInfo.screenId
        }
        this.readonly = true
        vm.formDialogVisible = true
      } else {
        var params = {
          id: item.id,
          screenId: this.detailInfo.screenId,
          type: item.type
        }
        httpRequest.get('doctor/twoCancers/count/tableDetail', { data: params }).then(function (res) {
          vm.detailData = {
            value: [
              {
                ...res.obj.entity
              }
            ]
          }
          vm.formDialogVisible = true
        })
      }
    },
    getMore() {
      this.moreFlag = !this.moreFlag
      if (this.moreFlag) {
        this.nodeList.splice(8, 10)
      } else {
        this.nodeList = [...this.nodeList, ...this.nodeList2]
      }
    },
    getNation() {
      var vm = this
      statisticAPI.getNationDict().then(function (res) {
        vm.nationDict = res.data
        vm.nationDict.forEach(function (item) {
          if (item.NATION_CODE == vm.followInfo.nation) {
            vm.nationName = item.NATION_NAME
          }
        })
      })
    },
    setLeftHeights() {
      this.$nextTick(() => {
        this.events.forEach((event, index) => {
          const rightContent = document.getElementById('right-' + index)
          const leftContent = document.getElementById('left-' + index)
          if (rightContent && leftContent) {
            leftContent.style.height = rightContent.offsetHeight + 'px'
          }
        })
      })
    },
    recordBack() {
      this.$emit('back')
      EventBus.$emit('copd-reset-select')
    },
    getDealRecord(val) {
      this.serviceNode = val
      var vm = this
      vm.loading = true
      var params = {
        patient: vm.patient,
        type: vm.serviceNode
      }
      httpRequest.get('doctor/twoCancers/count/serviceRecord', { data: params }).then(function (res) {
        if(res.status==200){
          vm.events = res.obj.records
          if(!vm.serviceNode){
            vm.detailInfo = res.obj
          }
        
        }else{
          alert(vm.message)
        }
        vm.loading = false
      })
    },

    getYearList() {
      for (var i = 0; i < 6; i++) {
        var year = new Date().getFullYear() - i
        this.yearList.push({ label: year, value: year })
      }
      this.yearList.push({ label: '自定义', value: 'customize' })
    },
    getTypeName(type) {
      return this.nodeList.find(function (item) {
        return item.value == type
      })?.label
    }
  },
  mounted() {
    var vm = this
    this.getDealRecord('')
    this.getYearList()
  }
})