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" size="mini">
      <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"></el-input>
            </el-form-item>
            <el-form-item label="性别：" class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="证件类型：" class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="证件号码：" class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="联系电话：" class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="婚姻状态：" class="copd-form-item">
              <el-select placeholder="请选择" 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"></el-input>
            </el-form-item>
            <el-form-item label="民族：" class="copd-form-item">
              <el-select placeholder="请选择" 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-date-picker
                class="copd-edit-datepicker"
                v-model="value1"
                type="datetime"
                placeholder="选择日期时间"
              ></el-date-picker>
            </el-form-item>
            <el-form-item label="年龄：" class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="职业：" class="copd-form-item">
              <el-select placeholder="请选择" 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-select placeholder="请选择" 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-select placeholder="请选择" 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"></el-input>
            </el-form-item>
            <el-form-item label="死亡原因：" class="copd-form-item copd-fill-width">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="是否有吸烟史：" class="copd-form-item">
              <el-select placeholder="请选择" 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-select placeholder="请选择" 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"></el-input>
            </el-form-item>
            <el-form-item label="常住地址：" class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="户籍地区：" class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="户籍地址：" class="copd-form-item">
              <el-input class="copd-form-input"></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"></el-input>
            </el-form-item>
            <el-form-item label="接收状态：" class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="接收医院：" class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="接收医生：" class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="档案状态：" class="copd-form-item">
              <el-select placeholder="请选择" 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>
          </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"></el-input>
            </el-form-item>
            <el-form-item label="就诊标识.X："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="慢阻肺是否主诊断："  class="copd-form-item">
              <el-select placeholder="请选择" 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>
            <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 []"
                  :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-select placeholder="请选择" 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-select placeholder="请选择" 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-select placeholder="请选择" 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>
            <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"></el-input>
            </el-form-item>
            <el-form-item label="首次诊断医疗机构："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="首次诊断时间："  class="copd-form-item">
              <el-date-picker
                v-model="value1"
                type="datetime"
                placeholder="选择日期时间"
              ></el-date-picker>
            </el-form-item>
            <el-form-item label="首次诊断科室："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="首次就诊类型："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="首次就诊医保类型："  class="copd-form-item">
              <el-select placeholder="请选择" 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"></el-input>
            </el-form-item>
            <el-form-item label="ICD10诊断代码："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="ICD10诊断名称："  class="copd-form-item">
              <el-input class="copd-form-input"></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 []"
                  :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"></el-input>
            </el-form-item>
            <el-form-item label="共病情况：" class="copd-form-item copd-fill-width">
              <el-input class="copd-form-input"></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 []"
                  :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-date-picker
                v-model="value1"
                type="datetime"
                placeholder="选择日期时间"
              ></el-date-picker>
            </el-form-item>
            <el-form-item label="酸碱度："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="氧气压："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="肺泡动脉痒分压差值："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="痒饱和度："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="二氧化碳分压："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="氧含量："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="实际碳酸氢盐："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="标准盐酸氢盐："  class="copd-form-item">
              <el-input class="copd-form-input"></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 []"
                  :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-date-picker
                v-model="value1"
                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"></el-input>
            </el-form-item>
            <el-form-item label="肺功能测定-检查结论："  class="copd-form-item copd-fill-width">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="肺功能测定-检查所见："  class="copd-form-item copd-fill-width">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="脉冲振荡肺功能测定-检查时间："  class="copd-form-item copd-fill-width">
              <el-date-picker
                v-model="value1"
                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"></el-input>
            </el-form-item>
            <el-form-item label="脉冲振荡肺功能测定-检查结论："  class="copd-form-item copd-fill-width">
              <el-input class="copd-form-input"></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="请选择" 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="胸部X线检查-检查时间："  class="copd-form-item">
              <el-date-picker
                v-model="value1"
                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"></el-input>
            </el-form-item>
            <el-form-item label="胸部X线检查-检查结论："  class="copd-form-item copd-fill-width">
              <el-input class="copd-form-input"></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="请选择" 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="胸部CT检查-检查时间："  class="copd-form-item">
              <el-date-picker
                v-model="value1"
                type="datetime"
                placeholder="选择日期时间"
              ></el-date-picker>
            </el-form-item>
            <el-form-item label="胸部CT检查-检查项目："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="胸部CT检查-检查结论："  class="copd-form-item">
              <el-input class="copd-form-input"></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-date-picker
                v-model="value1"
                type="datetime"
                placeholder="选择日期时间"
              ></el-date-picker>
            </el-form-item>
            <el-form-item label="门诊结算金额："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="门诊医保支付金额："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="门诊自费支付金额："  class="copd-form-item">
              <el-input class="copd-form-input"></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-date-picker
                v-model="value1"
                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"></el-input>
            </el-form-item>
            <el-form-item label="住院天数："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="出院诊断代码："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="出院诊断名称："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="住院应收总费用："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
            <el-form-item label="住院自付费用："  class="copd-form-item">
              <el-input class="copd-form-input"></el-input>
            </el-form-item>
          </div>
        </div>
      </div>
    </el-form>
    <div class="copd-edit-bottom-box">
      <el-button>取消</el-button>
      <el-button type="primary">保存</el-button>
    </div>
  </div>
</div>