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>
|