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

// 慢阻肺患者档案-编辑
var template = ''
$.ajax('../../../component/statistics/CopdPatientRecordEdit/index.html',{
  data: {},
  dataType: 'html',
  cache: false,
  timeout: 60000,
  async: false,
  error: function(res) {
  },
  success: function(res) {
    template = res
  }
})
  let vm
Vue.component('copd-patient-record-edit', {
  template: template,
  props: ['editData'],
  data() {
    return {
      formData:{},
      nationDict:[],
      dicName:['jkcopd_isLive','jkcopd_first_area','jkcopd_first_org_level', 'jkcopd_marriage','jkcopd_occupation','jkcopd_smoke','jkcopd_drink','jkcopd_archivesStatus','jkcopd_disease_conversion','jkcopd_firstVisitType','jkcopd_educational','idCardType'],
      marriageArr:[],
      idCardTypeArr:[],
      firstAreaArr:[],
      isLiveArr:[],
      orgLevelArr:[],
      occupationArr:[],
      smokeArr:[],
      drinkArr:[],
      archivesArr:[],
      conversionArr:[],
      firstVisitTypeArr:[],
      educationalArr:[],
      copdArr:[{value:'是',code:1},{value:'否',code:0}],
      addressOptions:[],
      props: {
        label: 'name',
        value: 'code',
        children: 'children'
      },
      addressVal:[],
      resiginAddressVal:[],
      docInfo: JSON.parse(window.localStorage.getItem('docInfo')),
    }
  },
  created() {
    vm=this
  },
  mounted() {
    var vm=this
    this.formData=this.editData
    console.log('222222222222222222222222',this.formData)
    if(this.formData.liveStreet){
    this.addressVal=[this.formData.liveProvince,this.formData.liveCity,this.formData.liveTown,this.formData.liveStreet]
    this.getDistrict(0)
    }else{
      this.addressVal=[this.formData.liveProvince,this.formData.liveCity,this.formData.liveTown]
      this.getDistrict(0)
    }
    this.getNation()
   
    if(this.formData.liveStreet){
      this.resiginAddressVal=[this.formData.registProvince,this.formData.registCity,this.formData.registTown,this.formData.registStreet]
      this.getDistrict(1)
      console.log('999999999999999999999999999999',this.resiginAddressVal)
      }else{
        this.resiginAddressVal=[this.formData.registProvince,this.formData.registCity,this.formData.registTown]
        this.getDistrict(1)
      }
    this.dicName.forEach(function(item) {
      vm.getDictByDictName(item)
    });
  },
  methods: {
    handleItemChange(val) {
      // 获取地址
      if (val.length == 1) {
        // 获取市
        this.baseCityList(val[0])
      }
      if (val.length == 2) {
        // 获取区
        this.baseTownList(val)
        
      }
      if (val.length == 3) {
        // 获取区
        this.stressList(val)
      }
      
    },
     //字典
     getDictByDictName(value){
      var vm=this
    statisticAPI.getDictByDictName({name:value}).then(function(res){
      if(value=='jkcopd_marriage'){
        vm.marriageArr=res.list
      }else if(value=='jkcopd_occupation'){
        vm.occupationArr=res.list
      }else if(value=='jkcopd_smoke'){
        vm.smokeArr=res.list
      }else if(value=='jkcopd_drink'){
        vm.drinkArr=res.list
      }else if(value=='jkcopd_archivesStatus'){
        vm.archivesArr=res.list
      }else if(value=='jkcopd_disease_conversion'){
        vm.conversionArr=res.list
      }else if(value=='jkcopd_firstVisitType'){
        vm.firstVisitTypeArr=res.list
      }else if(value=='jkcopd_educational'){
        vm.educationalArr=res.list
      }else if(value=='idCardType'){
        vm.idCardTypeArr=res.list
      }else if(value=='jkcopd_first_area'){
        vm.firstAreaArr=res.list
      }else if(value=='jkcopd_first_org_level'){
        vm.orgLevelArr=res.list
      }else if(value=='jkcopd_isLive'){
        vm.isLiveArr=res.list
      }
     
    })
  
    },
    getNation(){
      var vm=this
       statisticAPI.getNationDict().then(function(res){
           vm.nationDict= res.data
           console.log('2222222222222222',vm.nationDict)
       })
    },
    getDistrict(id){
      var vm =this
      homeAPI.getDistrict({ type:1 ,code:'' }).then(function(res) {
        var detailModelList=res.list
        detailModelList.forEach(function(item){
          item.children = []
        })
         vm.addressOptions=detailModelList
         if(vm.formData.liveProvince&&id==0){
          
           vm.baseCityList(vm.formData.liveProvince,id)
         }
         if(vm.formData.registProvince&&id==1){
          
          vm.baseCityList(vm.formData.registProvince,id)
        }

      })
    },
    onClickNavLink(id) {
      var element = document.getElementById(id);
      var top = element.offsetTop;
      window.scrollTo({ top: top, behavior: 'smooth' });
    },
    //市
    baseCityList:function(code,id){
      var vm = this
      var activeIndex = null
      vm.addressOptions.forEach(function(item, index) {
        if (item.code == code) {
          activeIndex = index
        }
      })

      homeAPI.getDistrict({ type:2 ,code:code }).then(function(res) {
        if (res.status == 200) {
          var detailModelList = res.list
          detailModelList.forEach(item => {
            item.children = []
          })
          vm.addressOptions[activeIndex].children = detailModelList
          if(vm.addressVal.length&&id==0){
            vm.baseTownList([vm.addressVal[0], vm.addressVal[1]],id)
          }
          if(vm.resiginAddressVal.length&&id==1){
            vm.baseTownList([vm.resiginAddressVal[0], vm.resiginAddressVal[1]],id)
          }
        }
      })
    },
    //县
    baseTownList(val,id) {
      var vm = this
      var provinceIndex = null
      var activeIndex = null
      vm.addressOptions.forEach(function(item, index){
        if (item.code == val[0]) {
          var children = item.children
          provinceIndex = index
          children.forEach(function(item, idx)  {
            if (item.code == val[1]) {
              activeIndex = idx
            }
          })
        }
      })

      homeAPI.getDistrict({ type:3,code:val[1] }).then( function(res){
        if (res.status == 200) {
          var detailModelList = res.list
          if(val[1]=='350200'){

            detailModelList.forEach(function(item){
              item.children = []
            })
          }
          if (vm.addressOptions[provinceIndex].children[activeIndex]) {
            vm.addressOptions[provinceIndex].children[activeIndex].children = detailModelList
            if(vm.addressVal.length&&id==0){
            vm.stressList([vm.addressVal[0], vm.addressVal[1],vm.addressVal[2]])

            }
            if(vm.resiginAddressVal.length&&id==1){
              vm.stressList([vm.resiginAddressVal[0], vm.resiginAddressVal[1],vm.resiginAddressVal[2]])
  
              }
          }
        }
      })
    },
    //街道
    stressList(val) {
      var vm = this
      var provinceIndex = null
      var activeIndex = null
      var xIndex=null
      vm.addressOptions.forEach(function(item, index)  {
        if (item.code == val[0]) {
          var children = item.children
          provinceIndex = index
          children.forEach(function(item, idx) {
            if (item.code == val[1]) {
              activeIndex = idx
               var xItem=item.children
               xItem.forEach(function(item,xianIndex){
                if(item.code==val[2]){
                  xIndex=xianIndex
                }
               })
            }
          })
        }
      })

      homeAPI.getDistrict({ type:4,code:val[2] }).then( function(res){
        if (res.status == 200) {
          var detailModelList = res.list
          console.log(vm.addressOptions, 'vm.addressOptions')
          if (vm.addressOptions[provinceIndex].children[activeIndex].children[xIndex]) {
            vm.addressOptions[provinceIndex].children[activeIndex].children[xIndex].children = detailModelList
          }
        }
      })
    },
    cancel:function(){
      EventBus.$emit('copd-reset-select')
    },
    updJkCopdPatient(){
      var vm =this
      if(!this.formData.mobile){
        this.$message.error('请填写手机号！')
        return false
      }
      if(this.formData.sexName=='男'){
        this.formData.sex=1
      }else{
        this.formData.sex=2
      }
      this.addressVal.forEach(function(item,index){
         if(index==0){
          vm.formData.liveProvince=item
          vm.formData.liveProvinceName=vm.$refs.cascader.currentLabels[index]
         }else if(index==1){
          vm.formData.liveCity=item
          vm.formData.liveCityName=vm.$refs.cascader.currentLabels[index]
         }else if(index==2){
          vm.formData.liveTown=item
          vm.formData.liveTownName=vm.$refs.cascader.currentLabels[index]
         }else if(index==3){
          vm.formData.liveStreet=item
          vm.formData.liveStreetName=vm.$refs.cascader.currentLabels[index]
         }
      })
      this.resiginAddressVal.forEach(function(item,index){
        if(index==0){
         vm.formData.registProvince=item
         vm.formData.registProvinceName=vm.$refs.cas.currentLabels[index]
        }else if(index==1){
         vm.formData.registCity=item
         vm.formData.registCityName=vm.$refs.cas.currentLabels[index]
        }else if(index==2){
         vm.formData.registTown=item
         vm.formData.registTownName=vm.$refs.cas.currentLabels[index]
        }else if(index==3){
         vm.formData.registStreet=item
         vm.formData.registStreetName=vm.$refs.cas.currentLabels[index]
        }
     })
      statisticAPI.updJkCopdPatient({jsonData:JSON.stringify(vm.formData),doctor:vm.docInfo.code}).then(
        function(res){
          if(res.status==200){
            EventBus.$emit('copd-reset-save')
          }
        }
      )
    }
  }
});