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

<div id="app">
  <el-form label-width="200px" :model="form" size="mini" :rules="rules" ref="ruleForm" :style="readonly? 'pointer-events: none;':''">
    <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" required>
            <el-input class="copd-form-input" v-model="form.baseinfo.sickName"></el-input>
          </el-form-item>
          <el-form-item label="年龄:" class="copd-form-item">
            <el-input class="copd-form-input" v-model="form.baseinfo.age"></el-input>
          </el-form-item>
          <el-form-item label="民族:" class="copd-form-item">
            <el-radio-group v-model="form.baseinfo.nation" direction="horizontal">
              <el-radio label="1">汉族</el-radio>
              <el-radio label="2">其他</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="其他民族:" class="copd-form-item" v-if="form.nation == 2">
            <el-input class="copd-form-input" v-model="form.baseinfo.nationName" placeholder="请输入其他民族"></el-input>
          </el-form-item>
          <el-form-item label="出生日期:" class="copd-form-item">
            <el-date-picker class="copd-edit-datepicker" v-model="form.baseinfo.birthday" value-format="yyyy-MM-dd" placeholder="选择日期时间"></el-date-picker>
          </el-form-item>
          <el-form-item label="本人联系电话:" prop="phone" class="copd-form-item">
            <el-input class="copd-form-input" type="tel" maxlength="11" v-model="form.baseinfo.phone" placeholder="请输入本人联系电话"></el-input>
          </el-form-item>
          <el-form-item label="现住址:" class="copd-form-item">
            <div class="copd-form-input">
              <el-cascader
      v-model="selAddress"
      :options="areaOptions"
      :props="cascaderProps"
      clearable
      ref="areaCascader"
      @change="handleItemChange"
      style="width: 100%"
    ></el-cascader>
            </div>
          </el-form-item>
          <el-form-item label="所在街道:" class="copd-form-item">
            <div class="copd-form-input">
              <el-cascader
              v-model="selectedStreet"
              :options="streetList"
              :props="cascaderProps"
              clearable
              ref="areaCascader"
              @change="handleStreetChange"
              style="width: 100%"
            ></el-cascader>
            </div>
          </el-form-item>
          <el-form-item label="详细地址:" class="copd-form-item">
            <el-input class="copd-form-input" v-model="form.baseinfo.address" placeholder="请输入详细地址"></el-input>
          </el-form-item>

          <el-form-item label="医保类型:" class="copd-form-item">
            <el-radio-group v-model="form.baseinfo.womenCategory" direction="horizontal">
              <el-radio label="1">女职工</el-radio>
              <el-radio label="2">居民医保</el-radio>
            </el-radio-group>
          </el-form-item>

          <el-form-item label="个人医保账户年度体检费用:" class="copd-form-item">
            <el-radio-group v-model="form.baseinfo.accountFeeType" direction="horizontal">
              <el-radio label="1">医保账户内有年度体检费用</el-radio>
              <el-radio label="2">医保账户内无年度体检费用</el-radio>
            </el-radio-group>
          </el-form-item>
          <div id="" style="font-size: 12px; color: #808080; padding: 12px">
            我市适龄女性免费“两癌”筛查保障对象为参加本市医保35-64岁妇女中城镇居民医保及职工医保无年度体检费用的女性。
            个人账户内有无年度体检费用可通过微信小程序“厦门医疗保障查询”，具体路径:微信搜索“厦门医疗保障”→点击进入“厦门医疗保障查询”小程序进入“我的医保”页面→点击“参保信息查询”进入“个人医保”界面即可查询，若可见相关账户（不包括个人账户），则为医保账户内有年度体检费用。
          </div>

          <el-form-item label="单位名称:" class="copd-form-item">
            <el-input class="copd-form-input" v-model="form.baseinfo.unitName" placeholder="请输入单位名称"></el-input>
          </el-form-item>

          <el-form-item label="身高:" class="copd-form-item">
            <el-input class="copd-form-input" v-model="form.baseinfo.height" placeholder="请输入身高（CM）"></el-input>
          </el-form-item>
          <el-form-item label="体重:" class="copd-form-item">
            <el-input class="copd-form-input" v-model="form.baseinfo.weight" placeholder="请输入体重(KG)"></el-input>
          </el-form-item>

          <el-form-item label="学历:" class="copd-form-item">
            <el-radio-group v-model="form.baseinfo.edu" direction="horizontal">
              <el-radio label="1">小学以下</el-radio>
              <el-radio label="2">初中/高中</el-radio>
              <el-radio label="3">大学及以上</el-radio>
            </el-radio-group>
          </el-form-item>

          <el-form-item label="家庭月收入:" class="copd-form-item">
            <el-radio-group v-model="form.baseinfo.monthlyIncome" direction="horizontal">
              <el-radio label="1">0-5000元</el-radio>
              <el-radio label="2">5001-10000元</el-radio>
              <el-radio label="3">10001-15000元</el-radio>
              <el-radio label="4">15001-20000元</el-radio>
              <el-radio label="5">20001元以上</el-radio>
              <el-radio label="6">拒绝提供</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="HPV疫苗接种情况:" class="copd-form-item">
            <el-radio-group v-model="form.baseinfo.vaccinationHpv" direction="horizontal">
              <el-radio label="1">是</el-radio>
              <el-radio label="2">否</el-radio>
          </el-form-item>
          <el-form-item label="接种的HPV疫苗是几价疫苗:" class="copd-form-item">
            <el-radio-group v-model="form.baseinfo.vaccinationHpvType" direction="horizontal">
              <el-radio label="1">二价</el-radio>
              <el-radio label="2">四价</el-radio>
              <el-radio label="3">九价</el-radio>
          </el-form-item>
        </div>
      </div>
    </div>
    <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-select v-model="form.fertility.menophaniaAge" placeholder="请选择"  style="width: 100%;">
              <el-option
                v-for="item in menophaniaAgeList"
                :key="item"
                :label="item"
                :value="item">
              </el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="是否已绝闭经:" class="copd-form-item">
            <el-radio-group v-model="form.fertility.menopause" direction="horizontal">
              <el-radio  :label="1">是</el-radio>
              <el-radio  :label="0">否</el-radio>
              <el-radio  :label="2">不清楚</el-radio>
            </el-radio-group>
          </el-form-item>

          <el-form-item label="绝经年龄（周岁）:" class="copd-form-item"  v-if='form.fertility.menopause ==1'>
            <el-input class="copd-form-input" v-model="form.fertility.menopauseAge" placeholder="请输入绝经年龄（周岁）"></el-input>
          </el-form-item>

          <el-form-item label="末次月经:" class="copd-form-item" v-if='form.fertility.menopause===0||form.fertility.menopause ==2' >

            <el-date-picker class="copd-edit-datepicker" v-model="form.fertility.lmp" 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="form.fertility.miscarriage" placeholder="请输入流产次数（含自然流产和人工流产）"></el-input>

          </el-form-item>
          <el-form-item label="是否有生育史:" class="copd-form-item">
            <el-radio-group v-model="form.fertility.reproductiveHistory" direction="horizontal">
              <el-radio  :label="1">是</el-radio>
              <el-radio  :label="0">否</el-radio>
            </el-radio-group>
          </el-form-item>
           
          <el-form-item label="足月产胎次:" class="copd-form-item"  v-if='form.fertility.reproductiveHistory ==1'>

            <el-input class="copd-form-input" v-model="form.fertility.partusMaturus" placeholder="请输入足月产胎次"></el-input>
          </el-form-item>
          <el-form-item label="早产胎次:" class="copd-form-item"  v-if='form.fertility.reproductiveHistory ==1'>
            <el-input class="copd-form-input" v-model="form.fertility.prematureDelivery" placeholder="请输入早产胎次"></el-input>
          </el-form-item>
          <el-form-item label="第一次分娩年龄(周岁):" class="copd-form-item"  v-if='form.fertility.reproductiveHistory ==1'>
            <el-input class="copd-form-input" v-model="form.fertility.firstDeliveryAge" placeholder="请输入第一次分娩年龄(周岁)"></el-input>
          </el-form-item>
          <el-form-item label="哺乳史:" class="copd-form-item"  v-if='form.fertility.reproductiveHistory ==1'>
            <el-radio-group v-model="form.fertility.breastfeeding" >
              <el-radio :label="1">无或&lt;4个月</el-radio>
              <el-radio :label="2">4个月及以上</el-radio>
            </el-radio-group>
          </el-form-item>
      
          <el-form-item label="是否有一级亲属(母亲、姐妹及女儿)曾患乳腺癌:" class="copd-form-item1" >
            <el-radio-group v-model="form.fertility.breastCancerFir" >
              <el-radio :label="1">是</el-radio>
              <el-radio :label="0">否</el-radio>
            </el-radio-group>
          </el-form-item>

          <el-form-item label="是否有二级亲属(祖母、外祖母及姑姨)50岁前曾患乳腺癌:" class="copd-form-item1" >
            <el-radio-group v-model="form.fertility.breastCancerSec" >
              <el-radio :label="1">是</el-radio>
              <el-radio :label="0">否</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="二级亲属(祖母、外祖母及姑姨)50岁前曾患乳腺癌人数:" class="copd-form-item1"  v-if='form.fertility.breastCancerSec == 1'>
            <el-input class="copd-form-input" v-model="form.fertility.breastCancerSecNum" placeholder="二级亲属(祖母、外祖母及姑姨)50 岁前曾患乳腺癌人数"></el-input>
          </el-form-item>

          <el-form-item label="是否有一级亲属(祖母、外祖母及姑姨)曾患卵巢癌:" class="copd-form-item1" >
            <el-radio-group v-model="form.fertility.oophoromaFir" >
              <el-radio :label="1">是</el-radio>
              <el-radio :label="0">否</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="是否有二级亲属(祖母、外祖母及姑姨)50岁前曾患卵巢癌:" class="copd-form-item1" >
            <el-radio-group v-model="form.fertility.oophoromaSec" >
              <el-radio :label="1">是</el-radio>
              <el-radio :label="0">否</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item v-if="form.fertility.oophoromaSec == 1" label="是否有二级亲属(祖母、外祖母及姑姨)50岁前曾患卵巢癌人数:" class="copd-form-item1"  >
            <el-input class="copd-form-input" v-model="form.fertility.oophoromaNum" placeholder="是否有二级亲属(祖母、外祖母及姑姨)50 岁前曾患卵巢癌人数"></el-input>
          </el-form-item>

          <el-form-item label="您是否有一级亲属(母亲、姐妹及女儿)曾患宫颈癌:" class="copd-form-item1" >
            <el-radio-group v-model="form.fertility.cervicalCancerFir" >
              <el-radio :label="1">是</el-radio>
              <el-radio :label="0">否</el-radio>
            </el-radio-group>
          </el-form-item>

          <el-form-item label="您是否曾进行过BRCA基因检测，结果显示携带有BRCA1/2基因致病性遗传突变:" class="copd-form-item1" >
            <el-radio-group v-model="form.fertility.brcaGeneticTesting" >
              <el-radio :label="'1'">是</el-radio>
              <el-radio :label="'0'">否</el-radio>
            </el-radio-group>
          </el-form-item>

          <el-form-item label="30岁前接受胸部放疗:" class="copd-form-item" >
            <el-radio-group v-model="form.fertility.chestRadiotherapy" >
              <el-radio :label="1">是</el-radio>
              <el-radio :label="0">否</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="外源性激素使用:" class="copd-form-item" >
            <el-radio-group v-model="form.fertility.hormoneUse"  flex-direction="column">
              <el-radio :label="1" style="display: block;">是，仅雌激素（如：更宝芬、补佳乐、协坤、<br>维尼安、更乐、倍美力、得美素、欧适可、松奇、康美华、<br>尼尔雌醇等）</el-radio>
              <el-radio :label="2" style="display: block;">是，雌孕激素联合（如：诺康律、诺更宁、<br>克龄蒙、倍美安、倍美盈等）</el-radio>
              <el-radio :label="0" style="display: block;">否</el-radio>
            </el-radio-group>
          </el-form-item>

          <el-form-item label="外源性激素使用时间:" class="copd-form-item" v-if='form.fertility.hormoneUse == 1 || form.fertility.hormoneUse == 2'  >
            <el-radio-group v-model="form.fertility.hormoneUseMonth" >
              <el-radio :label="1">小于6个月</el-radio>
              <el-radio :label="2">大于等于6个月</el-radio>
            </el-radio-group>
          </el-form-item>

          <el-form-item label="是否曾有乳腺手术史:" class="copd-form-item"  >
            <el-radio-group v-model="form.fertility.breastBiopsySurgery" >
              <el-radio :label="'1'">有</el-radio>
              <el-radio :label="'0'">无</el-radio>
            </el-radio-group>
          </el-form-item>

          <el-form-item v-if='form.fertility.oophoromaSec == 1' label="乳腺手术次数:" class="copd-form-item1"  v-if='form.fertility.reproductiveHistory ==1'>
            <el-input class="copd-form-input" v-model="form.fertility.breastSurgeryNum" placeholder="乳腺手术次数"></el-input>
          </el-form-item>

          <el-form-item label="乳腺手术病理结果:" class="copd-form-item" v-if='form.fertility.breastBiopsySurgery == 1' >
            <el-radio-group v-model="form.fertility.breastSurgeryResult" >
              <el-radio :label="'0'">良性</el-radio>
              <el-radio :label="'1'">恶性</el-radio>
              <el-radio :label="'2'">不确定</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="双侧卵巢切除手术:" class="copd-form-item" >
            <el-radio-group v-model="form.fertility.accessoryExcision" >
              <el-radio :label="'1'">有</el-radio>
              <el-radio :label="'0'">无</el-radio>
            </el-radio-group>
          </el-form-item>
        
          <el-form-item label="子宫切除手术:" class="copd-form-item" >
            <el-radio-group v-model="form.fertility.hysterectomy" >
              <el-radio :label="'1'">有</el-radio>
              <el-radio :label="'0'">无</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item  label="子宫切除手术年龄:" class="copd-form-item1"  v-if='form.fertility.hysterectomy ==1'>
            <el-input class="copd-form-input" v-model="form.fertility.hysterectomyAge" placeholder="子宫切除手术年龄"></el-input>
          </el-form-item>
          <el-form-item label="目前使用避孕方法:" class="copd-form-item" >
            <el-radio-group v-model="form.fertility.contraceptiveMethod" >
              <el-radio :label="'1'">未避孕</el-radio>
              <el-radio :label="'2'">避孕套</el-radio>
              <el-radio :label="'3'">避孕药（年）</el-radio>
              <el-radio :label="'4'">宫内节育器</el-radio>
              <el-radio :label="'5'">其他避孕方法</el-radio>
            </el-radio-group>
          </el-form-item>

          <el-form-item  label="其他避孕方法:" class="copd-form-item1"  v-if='form.fertility.contraceptiveMethod ==5'>
            <el-input class="copd-form-input" v-model="form.fertility.contraceptiveOtherMethod" placeholder="其他避孕方法"></el-input>
          </el-form-item>

          <el-form-item label="白带异常:" class="copd-form-item" >
            <el-radio-group v-model="form.fertility.leucorrheaBlood" >
              <el-radio :label="1">有</el-radio>
              <el-radio :label="0">无</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="接触性出血:" class="copd-form-item" >
            <el-radio-group v-model="form.fertility.contactBleeding" >
              <el-radio :label="1">有</el-radio>
              <el-radio :label="0">无</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="阴道不规则出血:" class="copd-form-item" >
            <el-radio-group v-model="form.fertility.irregularVaginalBleeding" >
              <el-radio :label="1">有</el-radio>
              <el-radio :label="0">无</el-radio>
            </el-radio-group>
          </el-form-item>
        </div>
      </div>
    </div>

    <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-radio-group v-model="form.disease.cervicalCancerExamination" >
              <el-radio :label="'1'">三年内</el-radio>
              <el-radio :label="'2'">三年以上</el-radio>
              <el-radio :label="'0'">否</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="宫颈细胞学结果异常:" class="copd-form-item" >
            <el-radio-group v-model="form.disease.cervicalCellsAbnormal" >
              <el-radio :label="'1'">有</el-radio>
              <el-radio :label="'0'">无</el-radio>
            </el-radio-group>
          </el-form-item>
   
          <el-form-item label="HPV检查阳性:" class="copd-form-item" >
            <el-radio-group v-model="form.disease.hpvPositive" >
              <el-radio :label="'1'">有</el-radio>
              <el-radio :label="'0'">无</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="CIN(宫颈上皮内瘤变):" class="copd-form-item" >
            <el-radio-group v-model="form.disease.cin" >
              <el-radio :label="'1'">有</el-radio>
              <el-radio :label="'0'">无</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="宫颈癌:" class="copd-form-item" >
            <el-radio-group v-model="form.disease.cervicalCancer" >
              <el-radio :label="'1'">有</el-radio>
              <el-radio :label="'0'">无</el-radio>
            </el-radio-group>
          </el-form-item>
        </div>
      </div>
    </div>
  </el-form>
  <div class="copd-edit-bottom-box" v-if="!readonly">
    <el-button type="primary" @click="updJkCopdPatient">保存</el-button>
  </div>
</div>