raolu
/
PC-application


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
							<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>慢阻肺患者档案</title>
  <link rel="stylesheet" type="text/css" href="index.css" />
</head>

<body>
  <div id="app">
    <div class="copd-table-main">
      <template v-if="showTotalTable">
        <!--过滤器-->
        <div class="copd-filter-group ui-col-1 bgc-fff" style="min-width: 900px;">
          <!--=======================================================-->
          <div class="searchDiv pb20">
            <label class="c-333 c-f14">
              患者姓名：
            </label>
            <el-input class="pr20 formWidth wd160" placeholder="请输入患者姓名查询"></el-input>
          </div>
          <!--=======================================================-->
          <div class="searchDiv pb20">
            <label class="c-333 c-f14">
              下转状态：
            </label>
            <el-select class="pr20 formWidth" placeholder="请选择">
              <el-option v-for="(option, index) in transferStatusOptions" :label="option.label"
                :value="option.value"></el-option>
              <el-option label="全部" value="item.value"></el-option>
            </el-select>
          </div>
          <!--=======================================================-->
          <div class="searchDiv pb20">
            <label class="c-333 c-f14">
              接收状态：
            </label>
            <el-select class="pr20 formWidth" placeholder="请选择">
              <el-option v-for="(option, index) in receiveStatusOptions" :label="option.label"
                :value="option.value"></el-option>
            </el-select>
          </div>
          <!--=======================================================-->
          <div class="searchDiv pb20">
            <label class="c-333 c-f14">
              接收社区医院：
            </label>
            <el-select class="pr20 formWidth" placeholder="请选择">
              <el-option v-for="(option, index) in receivingHospitalList" :label="option.label"
                :value="option.value"></el-option>
            </el-select>
          </div>
          <!--=======================================================-->
          <div class="searchDiv pb20">
            <label class="c-333 c-f14">
              接收医生：
            </label>
            <el-input class="pr20 formWidth wd160" placeholder="请输入医生姓名查询"></el-input>
          </div>
          <!--=======================================================-->
          <div class="searchDiv pb20">
            <label class="c-333 c-f14">
              档案状态：
            </label>
            <el-select class="pr20 formWidth" placeholder="请选择">
              <el-option v-for="(option, index) in recordStatusOptions" :label="option.label"
                :value="option.value"></el-option>
            </el-select>
          </div>
          <!--=======================================================-->
          <div class="searchDiv pb20">
            <label class="c-333 c-f14">
              生存状态：
            </label>
            <el-select class="pr20 formWidth" placeholder="请选择">
              <el-option v-for="(option, index) in survivalStatusOption" :label="option.label"
                :value="option.value"></el-option>
            </el-select>
          </div>
          <!--=======================================================-->
          <div class="searchDiv">
            <label class="c-333 c-f14">
              首次诊断医院名称：
            </label>
            <el-input class="pr20 formWidth wd160" placeholder="请输入医院名称查询"></el-input>
          </div>
          <!--=======================================================-->
          <div class="searchDiv">
            <el-button type="primary" size="mini">查询</el-button>
            <el-button type="success  " size="mini">导入</el-button>
            <el-button type="ff9526" size="mini">导出</el-button>
            <el-button type="success" size="mini">档案同步</el-button>
            <el-button type="5692fb" size="mini">批量分配</el-button>
            <span class="eliminate" @click="eliminateClick">清除筛选条件</span>
          </div>
          <!--=======================================================-->
        </div>

        <el-table style="width: 100%;" :data="dataList">
          <el-table-column type="selection" width="55"></el-table-column>
          <el-table-column prop="name" label="患者姓名" width="180"></el-table-column>
          <el-table-column prop="nationality" label="国籍" width="180"></el-table-column>
          <el-table-column prop="ethnicity" label="民族" width="180"></el-table-column>
          <el-table-column prop="idType" label="证件类型" width="180"></el-table-column>
          <el-table-column prop="idNumber" label="证件号码" width="180"></el-table-column>
          <el-table-column prop="gender" label="性别" width="180"></el-table-column>
          <el-table-column prop="birthdate" label="出生日期" width="180"></el-table-column>
          <el-table-column prop="age" label="年龄" width="180"></el-table-column>
          <el-table-column prop="contactNumber" label="联系电话" width="180"></el-table-column>
          <el-table-column prop="permanentAddress" label="常住地址" width="180"></el-table-column>
          <el-table-column prop="registeredAddress" label="户籍地址" width="180"></el-table-column>
          <el-table-column prop="occupation" label="职业" width="180"></el-table-column>
          <el-table-column prop="maritalStatus" label="婚姻状态" width="180"></el-table-column>
          <el-table-column prop="medicalInsuranceType" label="医保类型" width="180"></el-table-column>
          <el-table-column prop="transferStatus" label="下转状态" width="180"></el-table-column>
          <el-table-column prop="receiveStatus" label="接收状态" width="180"></el-table-column>
          <el-table-column prop="receivingHospital" label="接收医院" width="180"></el-table-column>
          <el-table-column prop="receivingDoctor" label="接收医生" width="180"></el-table-column>
          <el-table-column prop="recordStatus" label="档案状态" width="180"></el-table-column>
          <el-table-column prop="survivalStatus" label="生存状态" width="180"></el-table-column>
          <el-table-column prop="deathDate" label="死亡日期" width="180"></el-table-column>
          <el-table-column label="操作" min-width="220" fixed="right">
            <template slot-scope="{row}">
              <el-button type="text" @click="onClickEdit(row)">编辑</el-button>
              <el-button type="text" @click="onClickServiceRecord(row)">服务记录</el-button>
              <el-button type="text" @click="onClickHealthRecord(row)">健康档案</el-button>
            </template>
          </el-table-column>
        </el-table>
        <div class="c-t-right mt20">
          <!-- TODO 修正 -->
          <el-pagination layout="total, prev, pager, next, jumper"></el-pagination>
        </div>
      </template>
      <template v-else-if="showEditView">
        <copd-patient-record-edit></copd-patient-record-edit>
      </template>
      <template v-else-if="serviceRecordVisable">
        <copd-service-record></copd-service-record>
      </template>
      <template v-else-if="healthRecordVisable">
        <health-record></health-record>
      </template>
    </div>
  </div>
</body>

</html>