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

<div class="copd-record-edit">
  <div class="copd-r-e-header">
    <el-radio-group style="margin-bottom: 8px;">
      <el-radio-button label="base">
        <div @click="onClickNavLink('copdBaseInfo')">基本信息</div>
      </el-radio-button>
      <el-radio-button label="manage">
        <div @click="onClickNavLink('copdManageInfo')">管理信息</div>
      </el-radio-button>
      <el-radio-button label="first">
        <div @click="onClickNavLink('copdFirstInfo')">首次确诊信息</div>
      </el-radio-button>
    </el-radio-group>
  </div>
  <div class="copd-r-e-box">
    <el-form label-width="220px" :model="formData" size="mini" :rules="rules" ref="ruleForm" >
      <div class="copd-data-para-item">
        <div class="copd-d-p-i-title" id="copdBaseInfo">
          基本信息
        </div>
        <div class="diver-line"></div>
        <div class="copd-d-p-i-content">
          <div class="copd-d-p-i-content_inner">
            <el-form-item label="患者姓名：" class="copd-form-item">
              <el-input class="copd-form-input" readonly disabled :value="formData.name"></el-input>
            </el-form-item>
            <el-form-item label="性别：" class="copd-form-item">
              <el-input class="copd-form-input" readonly disabled v-model="formData.sexName"></el-input>
            </el-form-item>
            <el-form-item label="证件类型：" class="copd-form-item">
              <!-- <el-input class="copd-form-input" disabled :value="formData.idcardType" ></el-input> -->
              <el-select placeholder="请选择" disabled v-model="formData.idcardType" style="width: 100%;">
                <el-option
                  v-for="item in idCardTypeArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="证件号码：" class="copd-form-item">
              <el-input class="copd-form-input" disabled :value="formData.idcard" ></el-input>
            </el-form-item>
            <el-form-item label="联系电话：" prop="mobile" class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.mobile"></el-input>
            </el-form-item>
            <el-form-item label="婚姻状态：" class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.marriage" style="width: 100%;">
                <el-option
                  v-for="item in marriageArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="国籍：" class="copd-form-item">
              <el-input class="copd-form-input" disabled v-model="formData.nationality"></el-input>
            </el-form-item>
            <el-form-item label="民族：" class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.nation" style="width: 100%;">
                <el-option
                  v-for="item in nationDict"
                  :key="item.NATION_NAME"
                  :label="item.NATION_NAME"
                  :value="item.NATION_CODE">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="出生日期：" v-if="formData.idcardType!='idCard'" class="copd-form-item">
              <el-date-picker
                class="copd-edit-datepicker"
                v-model="formData.birthday"
                value-format="yyyy-MM-dd"
                placeholder="选择日期时间"
              ></el-date-picker>
            </el-form-item>
            <el-form-item label="出生日期："  v-else  class="copd-form-item">
              <el-input class="copd-form-input" disabled v-model="formData.birthday"></el-input>
            </el-form-item>
            <el-form-item label="年龄：" class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.age"></el-input>
            </el-form-item>
            <el-form-item label="职业：" class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.occupation"  style="width: 100%;">
                <el-option
                  v-for="item in occupationArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="学历：" class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.educational" style="width: 100%;">
                <el-option
                  v-for="item in educationalArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="生存状态：" class="copd-form-item">
              <el-select placeholder="请选择" v-model='formData.isLive' style="width: 100%;">
                <el-option
                  v-for="item in isLiveArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="死亡时间：" class="copd-form-item" v-if="formData.isLive==2">
              <el-date-picker
              class="copd-edit-datepicker"
              v-model="formData.deathTime"
              value-format="yyyy-MM-dd"
              placeholder="选择日期时间"
            ></el-date-picker>
            </el-form-item>
            <el-form-item label="死亡时间：" class="copd-form-item" v-else>
              <el-input class="copd-form-input" disabled  readonly v-model="formData.deathTime" ></el-input>
         
            </el-form-item>
            <el-form-item label="死亡原因："  class="copd-form-item copd-fill-width">
              
              <el-input v-if="formData.isLive==2" class="copd-form-input"   v-model="formData.deathReason" ></el-input>
              <el-input class="copd-form-input" v-else disabled  v-model="formData.deathReason" ></el-input>
            </el-form-item>
            <el-form-item label="是否有吸烟史：" class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.hasSmoke" style="width: 100%;">
                <el-option
                  v-for="item in smokeArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="是否有饮酒史：" class="copd-form-item">
              <el-select placeholder="请选择"  v-model="formData.hasDrink" style="width: 100%;">
                <el-option
                  v-for="item in drinkArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="常住地区：" class="copd-form-item">
              <div class="copd-form-input">
                <el-cascader
                clearable
                width="100%"
                placeholder="请选择地址"
                ref="cascader"
                :options="addressOptions"
                @active-item-change="handleItemChange"
                :props="props"
                v-model="addressVal"
              ></el-cascader>
              </div>
            </el-form-item>
            <el-form-item label="常住地址：" class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.liveAddress"></el-input>
            </el-form-item>
            <el-form-item label="户籍地区：" class="copd-form-item">
              <el-cascader
              clearable
              class="copd-form-input"
              placeholder="请选择地址"
              ref="cas"
              :options="addressOptions"
              @active-item-change="handleItemChange"
              :props="props"
              v-model="resiginAddressVal"
            ></el-cascader>
            </el-form-item>
            <el-form-item label="户籍地址：" class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.registAddress" ></el-input>
            </el-form-item>
          </div>
        </div>
      </div>
      <div class="copd-data-para-item">
        <div class="copd-d-p-i-title" id="copdManageInfo">
          管理信息
        </div>
        <div class="diver-line"></div>
        <div class="copd-d-p-i-content">
          <div class="copd-d-p-i-content_inner">
            <el-form-item label="下转状态：" class="copd-form-item">
              <el-input class="copd-form-input" disabled readonly :value="formData.turnDownStatus==1?'已下转':'未下转'"></el-input>
            </el-form-item>
            <el-form-item label="接收状态：" class="copd-form-item">
              <el-input class="copd-form-input" disabled readonly :value="formData.receiveStatus==1?'已接收':'未接收'"></el-input>
            </el-form-item>
            <el-form-item label="接收医院：" class="copd-form-item">
              <el-input class="copd-form-input" disabled readonly :value="formData.hospitalName"></el-input>
            </el-form-item>
            <el-form-item label="接收医生：" class="copd-form-item">
              <el-input class="copd-form-input" disabled readonly :value="formData.doctorName" ></el-input>
            </el-form-item>
            <el-form-item label="随访状态：" class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.archivesStatus" style="width: 100%;">
                <el-option
                  v-for="item in followupArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="病情转归：" class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.diseaseConversion" style="width: 100%;">
                <el-option
                  v-for="item in conversionArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
          </div>
        </div>
      </div>
      <div class="copd-data-para-item">
        <div class="copd-d-p-i-title">
          首次确诊信息
        </div>
        <div class="diver-line"></div>
        <div class="copd-d-p-i-content">
          <div class="copd-d-p-i-content_inner"  id="copdFirstInfo">
            <el-form-item label="patient_SN："  class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.patientSn"></el-input>
            </el-form-item>
            <el-form-item label="就诊标识.X："  class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.visitFlag"></el-input>
            </el-form-item>
            <el-form-item label="慢阻肺是否主诊断："  class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.isCopd" style="width: 100%;">
                <el-option
                  v-for="item in copdArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <div class="copd-sub-title">
              <div class="title">
                <div class="forent-bar"></div>
                <div>个人病史</div>
              </div>
            </div>
            <el-form-item label="有无过敏史："  class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.hasAllergy" style="width: 100%;">
                <el-option
                  v-for="item in copdArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="是否有放射性物质接触史："  class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.hasRadioactivity" style="width: 100%;">
                <el-option
                  v-for="item in copdArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="是否有手术史："  class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.hasSurgical" style="width: 100%;">
                <el-option
                  v-for="item in  copdArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="是否有疾病史："  class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.hasDisease" style="width: 100%;">
                <el-option
                  v-for="item in copdArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <div class="copd-sub-title">
              <div class="title">
                <div class="forent-bar"></div>
                <div>就诊信息</div>
              </div>
            </div>
            <el-form-item label="主诉.阳性症状.体征："  class="copd-form-item copd-fill-width">
              <el-input class="copd-form-input" v-model="formData.chief"></el-input>
            </el-form-item>
            <el-form-item label="首次诊断地区："  class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.firstVisitArea" style="width: 100%;">
              <el-option
                  v-for="item in firstAreaArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="首次诊断机构级别："  class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.firstVisitOrgLevel" style="width: 100%;">
              <el-option
                  v-for="item in orgLevelArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="首次诊断医疗机构："  class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.firstOrg"></el-input>
            </el-form-item>
            <el-form-item label="首次诊断时间："  class="copd-form-item">
              <el-date-picker
                v-model="formData.firstVisitTime"
                value-format="yyyy-MM-dd"
                placeholder="选择日期时间"
              ></el-date-picker>
            </el-form-item>
            <el-form-item label="首次诊断科室："  class="copd-form-item">
              <el-input class="copd-form-input"  v-model="formData.firstDept"></el-input>
            </el-form-item>
            <el-form-item label="首次就诊类型："  class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.firstVisitType" style="width: 100%;">
              <el-option
                  v-for="item in firstVisitTypeArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="首次就诊医保类型："  class="copd-form-item">
              <el-input class="copd-form-input"  v-model="formData.firstChargeType"></el-input>
              <!-- <el-select placeholder="请选择" v-model="formData.firstChargeType" style="width: 100%;">
                <el-option
                  v-for="item in []"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select> -->
            </el-form-item>
            <el-form-item label="首次就诊联系电话："  class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.firstMobile"></el-input>
            </el-form-item>
            <el-form-item label="ICD10诊断代码："  class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.icd10Code"></el-input>
            </el-form-item>
            <el-form-item label="ICD10诊断名称："  class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.icd10Name"></el-input>
            </el-form-item>
            <div class="copd-sub-title">
              <div class="title">
                <div class="forent-bar"></div>
                <div>共病情况</div>
              </div>
            </div>
            <el-form-item label="是否有共病：" class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.comorbiditySituation" style="width: 100%;">
                <el-option
                  v-for="item in copdArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="共病个数：" class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.comorbidityNum" ></el-input>
            </el-form-item>
            <el-form-item label="共病情况：" class="copd-form-item copd-fill-width">
              <el-input class="copd-form-input" type="textarea" v-model="formData.comorbiditySituation" ></el-input>
            </el-form-item>
            <div class="copd-sub-title">
              <div class="title">
                <div class="forent-bar"></div>
                <div>血气分析</div>
              </div>
            </div>
            <el-form-item label="是否做过血气分析："  class="copd-form-item">
              <el-select placeholder="请选择" style="width: 100%;">
                <el-option
                  v-for="item in copdArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="检验报告时间："  class="copd-form-item">
              <el-date-picker
                v-model="formData.checkReportTime"
                value-format="yyyy-MM-dd"
                placeholder="选择日期时间"
              ></el-date-picker>
            </el-form-item>
            <el-form-item label="酸碱度："  class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.ph"></el-input>
            </el-form-item>
            <el-form-item label="氧气压："  class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.oxygenPartialPressure" ></el-input>
            </el-form-item>
            <el-form-item label="肺泡动脉痒分压差值："  class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.alveolarArteryOpp"></el-input>
            </el-form-item>
            <el-form-item label="痒饱和度："  class="copd-form-item">
              <el-input class="copd-form-input"  v-model="formData.oxygenSaturation"></el-input>
            </el-form-item>
            <el-form-item label="二氧化碳分压："  class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.co2" ></el-input>
            </el-form-item>
            <el-form-item label="氧含量："  class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.oxygenContent"></el-input>
            </el-form-item>
            <el-form-item label="实际碳酸氢盐："  class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.actualBicarbonate"></el-input>
            </el-form-item>
            <el-form-item label="标准盐酸氢盐："  class="copd-form-item">
              <el-input class="copd-form-input" v-model="formData.standardBicarbonate"></el-input>
            </el-form-item>
            <div class="copd-sub-title">
              <div class="title">
                <div class="forent-bar"></div>
                <div>肺功能检查</div>
              </div>
            </div>
            <el-form-item label="是否做过肺功能检查："  class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.hasLung" style="width: 100%;">
                <el-option
                  v-for="item in copdArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="肺功能测定-检查时间："  class="copd-form-item">
              <el-date-picker
                v-model="formData.lungTime"
                type="datetime"
                placeholder="选择日期时间"
              ></el-date-picker>
            </el-form-item>
            <el-form-item label="肺功能测定-检查项目："  class="copd-form-item copd-fill-width">
              <el-input class="copd-form-input" v-model="formData.lungItem"></el-input>
            </el-form-item>
            <el-form-item label="肺功能测定-检查结论："  class="copd-form-item copd-fill-width">
              <el-input class="copd-form-input"  v-model="formData.lungConclusion"></el-input>
            </el-form-item>
            <el-form-item label="肺功能测定-检查所见："  class="copd-form-item copd-fill-width">
              <el-input class="copd-form-input"  v-model="formData.lungSeen"></el-input>
            </el-form-item>
            <el-form-item label="脉冲振荡肺功能测定-检查时间："  class="copd-form-item copd-fill-width">
              <el-date-picker
                v-model="formData.lungTime2"
                type="datetime"
                placeholder="选择日期时间"
              ></el-date-picker>
            </el-form-item>
            <el-form-item label="脉冲振荡肺功能测定-检查项目："  class="copd-form-item copd-fill-width">
              <el-input class="copd-form-input" type="textarea"  v-model="formData.lungItem2"></el-input>
            </el-form-item>
            <el-form-item label="脉冲振荡肺功能测定-检查结论："  class="copd-form-item copd-fill-width">
              <el-input class="copd-form-input" type="textarea"  v-model="formData.lungConclusion2"></el-input>
            </el-form-item>
            <div class="copd-sub-title">
              <div class="title">
                <div class="forent-bar"></div>
                <div>X线检查</div>
              </div>
            </div>
            <el-form-item label="是否做过X线检查："  class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.hasx" style="width: 100%;">
                <el-option
                  v-for="item in copdArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="胸部X线检查-检查时间："  class="copd-form-item">
              <el-date-picker
                v-model="formData.xtime"
                type="datetime"
                placeholder="选择日期时间"
              ></el-date-picker>
            </el-form-item>
            <el-form-item label="胸部X线检查-检查项目："  class="copd-form-item copd-fill-width">
              <el-input class="copd-form-input" v-model="formData.xitem"></el-input>
            </el-form-item>
            <el-form-item label="胸部X线检查-检查结论："  class="copd-form-item copd-fill-width">
              <el-input class="copd-form-input" v-model="formData.xconclusion"></el-input>
            </el-form-item>
            <div class="copd-sub-title">
              <div class="title">
                <div class="forent-bar"></div>
                <div>CT检查</div>
              </div>
            </div>
            <el-form-item label="是否做过CT："  class="copd-form-item">
              <el-select placeholder="请选择" v-model="formData.hasCt" style="width: 100%;">
                <el-option
                  v-for="item in copdArr"
                  :key="item.value"
                  :label="item.value"
                  :value="item.code">
                </el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="胸部CT检查-检查时间："  class="copd-form-item">
              <el-date-picker
                v-model="formData.ctTime"
                type="datetime"
                placeholder="选择日期时间"
              ></el-date-picker>
            </el-form-item>
            <el-form-item label="胸部CT检查-检查项目："  class="copd-form-item">
              <el-input class="copd-form-input"  v-model="formData.ctItem"></el-input>
            </el-form-item>
            <el-form-item label="胸部CT检查-检查结论："  class="copd-form-item">
              <el-input class="copd-form-input"  v-model="formData.ctConclusion"></el-input>
            </el-form-item>
            <template v-if="formData.firstVisitType==1">
              <div class="copd-sub-title">
                <div class="title">
                  <div class="forent-bar"></div>
                  <div>门诊类型</div>
                </div>
              </div>
              <el-form-item label="门诊结算时间："  class="copd-form-item">
                <el-date-picker
                  v-model="formData.settleTime"
                  type="datetime"
                  placeholder="选择日期时间"
                ></el-date-picker>
              </el-form-item>
              <el-form-item label="门诊结算金额："  class="copd-form-item">
                <el-input class="copd-form-input"       v-model="formData.settleFee"></el-input>
              </el-form-item>
              <el-form-item label="门诊医保支付金额："  class="copd-form-item">
                <el-input class="copd-form-input"       v-model="formData.ybFee"></el-input>
              </el-form-item>
              <el-form-item label="门诊自费支付金额："  class="copd-form-item">
                <el-input class="copd-form-input"       v-model="formData.zfFee"></el-input>
              </el-form-item>
            </template>
            <template v-if="formData.firstVisitType==2">

              <div class="copd-sub-title">
                <div class="title">
                  <div class="forent-bar"></div>
                  <div>住院类型</div>
                </div>
              </div>
              <el-form-item label="出院时间："  class="copd-form-item">
                <el-date-picker
                  v-model="formData.outpatientTime"
                  type="datetime"
                  placeholder="选择日期时间"
                  class="copd-edit-datepicker"
                ></el-date-picker>
              </el-form-item>
              <el-form-item label="出院科室："  class="copd-form-item">
                <el-input class="copd-form-input"  v-model="formData.outpatientDept"></el-input>
              </el-form-item>
              <el-form-item label="住院天数："  class="copd-form-item">
                <el-input class="copd-form-input"  v-model="formData.inpatientDays"></el-input>
              </el-form-item>
              <el-form-item label="出院诊断代码："  class="copd-form-item">
                <el-input class="copd-form-input"  v-model="formData.diagnosis"></el-input>
              </el-form-item>
              <el-form-item label="出院诊断名称："  class="copd-form-item">
                <el-input class="copd-form-input"  v-model="formData.diagnosisName"></el-input>
              </el-form-item>
              <el-form-item label="住院应收总费用："  class="copd-form-item">
                <el-input class="copd-form-input"  v-model="formData.totalFee"></el-input>
              </el-form-item>
              <el-form-item label="住院自付费用："  class="copd-form-item">
                <el-input class="copd-form-input"  v-model="formData.zfFee2"></el-input>
              </el-form-item>
            </template>
          </div>
        </div>
      </div>
    </el-form>
    <div class="copd-edit-bottom-box">
      <el-button @click="cancel">取消</el-button>
      <el-button type="primary" @click="updJkCopdPatient">保存</el-button>
    </div>
  </div>
</div>