<template>
|
<div>
|
<el-form
|
:model="queryParams"
|
ref="tableList"
|
:inline="true"
|
label-width="76px"
|
style="margin-top: 10px"
|
>
|
<el-form-item label="姓名" prop="name">
|
<el-input
|
v-model="queryParams.name"
|
style="width: 120px"
|
placeholder="请输入姓名"
|
clearable
|
@keyup.enter.native="handleQuery"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="体检号" prop="tjNumber">
|
<el-input
|
ref="inputName"
|
v-model="queryParams.tjNumber"
|
style="width: 180px"
|
placeholder="请输入体检号"
|
clearable
|
@keyup.enter.native="handleQuery"
|
@blur="handleQuery"
|
></el-input>
|
</el-form-item>
|
<el-form-item label="体检时间" prop="tjTime">
|
<el-date-picker
|
v-model="startTime"
|
type="datetimerange"
|
align="right"
|
:picker-options="pickerOptions"
|
style="width: 310px"
|
start-placeholder="开始日期"
|
end-placeholder="结束日期"
|
:default-time="['00:00:00', '23:00:00']"
|
format="yyyy-MM-dd HH:mm"
|
value-format="yyyy-MM-dd HH:mm"
|
@change="dateChangebirthday1"
|
>
|
</el-date-picker>
|
</el-form-item>
|
<el-form-item
|
label="单位名称"
|
prop="tjCompName"
|
style="margin-left: 20px"
|
>
|
<el-select
|
:remote-method="getRemoteData"
|
v-model="queryParams.tjCompName"
|
value-key="drugManufacturerId"
|
style="width: 180px"
|
remote
|
filterable
|
placeholder="请选择单位名称"
|
clearable
|
@change="searchSelect"
|
>
|
<el-option
|
v-for="dict in CompanyList"
|
:key="dict.drugManufacturerId"
|
:label="dict.cnName"
|
:value="dict"
|
/>
|
</el-select>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" size="mini" @click="submitForm"
|
>搜索</el-button
|
>
|
<el-button size="mini" @click="resetQuery">重置</el-button>
|
</el-form-item>
|
</el-form>
|
|
<el-radio-group
|
v-model="tjStatus"
|
@input="radioChange"
|
style="margin-left: 20px"
|
>
|
<el-radio-button label="0">未审核</el-radio-button>
|
<el-radio-button label="1">已审核</el-radio-button>
|
</el-radio-group>
|
|
<template>
|
<el-table
|
v-loading="loading"
|
:data="checkList"
|
ref="table"
|
border
|
style="margin: 20px; width: 98%"
|
>
|
<!-- <template slot="empty">数据正在加载中</template> -->
|
<el-table-column
|
label="体检号"
|
align="center"
|
prop="tjNumber"
|
:show-overflow-tooltip="true"
|
width="160px"
|
fixed="left"
|
/>
|
<el-table-column
|
label="姓名"
|
align="center"
|
prop="cusName"
|
:show-overflow-tooltip="true"
|
width="100px"
|
fixed="left"
|
/>
|
|
<el-table-column
|
label="性别"
|
align="center"
|
prop="cusSex"
|
:show-overflow-tooltip="true"
|
width="55px"
|
>
|
<template slot-scope="scope">
|
<span v-if="scope.row.cusSex == '0'">男</span>
|
<span v-if="scope.row.cusSex == '1'">女</span>
|
<span v-if="scope.row.cusSex == '2'">未知</span>
|
<span v-if="scope.row.cusSex == '9'">未说明性别</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="出生日期"
|
align="center"
|
prop="cusBrithday"
|
:show-overflow-tooltip="true"
|
width="110px"
|
/>
|
<el-table-column
|
label="电话"
|
align="center"
|
prop="cusPhone"
|
:show-overflow-tooltip="true"
|
width="130px"
|
/>
|
|
<el-table-column
|
label="体检时间"
|
align="center"
|
prop="tjTime"
|
:show-overflow-tooltip="true"
|
width="110px"
|
/>
|
<el-table-column
|
label="完成时间"
|
align="center"
|
prop="finishTime"
|
:show-overflow-tooltip="true"
|
width="160px"
|
/>
|
<el-table-column
|
label="状态"
|
align="center"
|
prop="tjStatus"
|
:show-overflow-tooltip="true"
|
width="50px"
|
>
|
<template slot-scope="scope">
|
<span>{{ scope.row.tjStatus == "1" ? "已检" : "未检" }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column
|
label="单位名称"
|
align="center"
|
prop="tjCompName"
|
:show-overflow-tooltip="true"
|
/>
|
<el-table-column label="体检类别" align="center" prop="tjCategory">
|
<template slot-scope="scope">
|
<dict-tag
|
:options="dict.type.dict_tjtype"
|
:value="scope.row.tjCategory"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column label="操作" align="center" width="90px" fixed="right">
|
<template slot-scope="scope">
|
<el-button
|
fixed="right"
|
title="详情"
|
type="text"
|
size="mini"
|
@click="handleClick(scope.row)"
|
icon="el-icon-document-copy"
|
></el-button>
|
<!-- <el-button type="text" size="mini" @click="generate(scope.row)" v-if="scope.row.tjStatus=='1'">生成</el-button> -->
|
<el-button
|
type="text"
|
size="mini"
|
@click="viewReport(scope.row)"
|
v-if="scope.row.tjStatus == '1'"
|
title="预览"
|
icon="el-icon-view"
|
></el-button>
|
<el-button
|
type="text"
|
size="mini"
|
v-if="scope.row.tjStatus == '1'"
|
title="撤销"
|
@click="getRevoke(scope.row)"
|
icon="el-icon-refresh-left"
|
></el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
|
<div class="pag">
|
<div class="pag1">
|
<pagination
|
v-show="total > 0"
|
:total="total"
|
:page.sync="queryParams.page"
|
:limit.sync="queryParams.pageSize"
|
@pagination="getList"
|
/>
|
</div>
|
</div>
|
</template>
|
|
<!-- 点击弹出框 -->
|
<el-drawer
|
title=""
|
:visible.sync="drawer"
|
:before-close="handleClose"
|
:with-header="false"
|
size="80%"
|
>
|
<div style="font-size: 14px">
|
<table
|
style="
|
width: 96%;
|
margin: 10px 10px;
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
"
|
cellspacing="4"
|
>
|
<caption style="background-color: #f8f8f9; font-size: 18px">
|
{{
|
tableAll.cusName
|
}}的体检资料
|
</caption>
|
<tr style="border: 1px solid #dfe6ec; border-collapse: collapse">
|
<td style="border: 1px solid #dfe6ec; border-collapse: collapse">
|
姓名：
|
</td>
|
<td style="border: 1px solid #dfe6ec; border-collapse: collapse">
|
{{ tableAll.cusName }}
|
</td>
|
<td style="border: 1px solid #dfe6ec; border-collapse: collapse">
|
性别：
|
</td>
|
<td style="border: 1px solid #dfe6ec; border-collapse: collapse">
|
{{ tableAll.cusSex }}
|
</td>
|
</tr>
|
<tr style="border: 1px solid #dfe6ec; border-collapse: collapse">
|
<td style="border: 1px solid #dfe6ec; border-collapse: collapse">
|
体检单号：
|
</td>
|
<td style="border: 1px solid #dfe6ec; border-collapse: collapse">
|
{{ tableAll.tjNumber }}
|
</td>
|
<td style="border: 1px solid #dfe6ec; border-collapse: collapse">
|
体检时间：
|
</td>
|
<td style="border: 1px solid #dfe6ec; border-collapse: collapse">
|
{{ tableAll.tjTime }}
|
</td>
|
</tr>
|
</table>
|
</div>
|
<div style="display: flex">
|
<div style="margin: 10px 10px">
|
<el-button type="primary" size="mini" @click="historicalreport()"
|
>历史报告</el-button
|
>
|
</div>
|
<div style="margin: 10px 10px" v-if="tableAll.tjCategory == '02'">
|
<el-button type="primary" size="mini" @click="medicalhistory()"
|
>职业病史</el-button
|
>
|
</div>
|
</div>
|
|
<el-row>
|
<el-col :span="18">
|
<div
|
style="font-size: 14px; overflow-y: auto; height: calc(100% - 11%)"
|
>
|
<table
|
style="
|
width: 96%;
|
margin: 10px 10px;
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
"
|
cellspacing="4"
|
v-for="(item, index) in changedate"
|
:key="index"
|
>
|
<caption style="background-color: #f8f8f9">
|
{{
|
item.parent || ""
|
}}
|
</caption>
|
<tr
|
style="border: 1px solid #dfe6ec; border-collapse: collapse"
|
align="center"
|
>
|
<th
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
"
|
>
|
检测项目
|
</th>
|
<th
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
"
|
>
|
检测结果
|
</th>
|
<th
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
"
|
>
|
单位
|
</th>
|
<th
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
"
|
>
|
参考范围
|
</th>
|
</tr>
|
|
<tr
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
height: 35px;
|
text-align: center;
|
"
|
v-for="item1 in item.sons"
|
:key="item1.proId"
|
>
|
<td
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
"
|
v-if="item1.project != null"
|
>
|
{{ item1.project.proName || "" }}
|
</td>
|
<td
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
"
|
v-else
|
>
|
{{ "" }}
|
</td>
|
<td
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
"
|
>
|
{{ item1.proResult }}
|
<!-- <el-input v-model="item1.proResult" placeholder="请输入内容"></el-input> -->
|
</td>
|
<td
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
"
|
>
|
{{ item1.standard.company }}
|
</td>
|
<td
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
"
|
>
|
{{
|
item1.standard.tjStandardGtValue +
|
"-" +
|
item1.standard.tjStandardLtValue
|
}}
|
</td>
|
</tr>
|
<tr
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
"
|
>
|
<td>小结：</td>
|
<td
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
"
|
>
|
<el-input v-model="item.remark" disabled></el-input>
|
<!-- <el-select v-model="item.value" multiple filterable placeholder="请选择" style="width: 100%" @change="xiAoJieChange($event, item)">
|
<el-option v-for="item1 in item.parentAdvice" :key="item1.id" :label="item1.title" :value="item1.id">
|
</el-option>
|
</el-select> -->
|
</td>
|
<td
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
"
|
>
|
主检医师：
|
</td>
|
<td
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
"
|
>
|
{{ item.doctorName }}
|
</td>
|
</tr>
|
<tr
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
"
|
>
|
<td
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
"
|
>
|
备注：
|
</td>
|
<td
|
style="
|
border: 1px solid #dfe6ec;
|
border-collapse: collapse;
|
width: 200px;
|
"
|
colspan="2"
|
>
|
<textarea
|
placeholder="请输入内容"
|
:autosize="{ minRows: 2, maxRows: 2 }"
|
style="width: 100%; height: 100%"
|
v-model="changedate[index].remark"
|
v-on:input="change"
|
></textarea>
|
<!-- <el-input type="textarea" autosize >
|
</el-input> -->
|
</td>
|
</tr>
|
</table>
|
<el-form
|
ref="numberValidateForm"
|
label-width="80px"
|
class="demo-ruleForm"
|
>
|
<el-form-item label="总检建议">
|
<el-input
|
type="textarea"
|
placeholder="请输入内容"
|
v-model="textarea1"
|
:rows="3"
|
style="width: 96%"
|
>
|
</el-input>
|
</el-form-item>
|
</el-form>
|
<div slot="footer" class="dialog-footers">
|
<el-button
|
type="primary"
|
@click="determine"
|
:disabled="isdisabled"
|
>提交并生成报告</el-button
|
>
|
</div>
|
</div>
|
</el-col>
|
<el-col :span="6">
|
<div v-if="hosproy">
|
<Historicalreport
|
:reportHistorydata="reportHistorydata"
|
></Historicalreport>
|
</div>
|
|
<div class="hist3" v-if="wenzhen">
|
<span class="txt">问诊信息</span>
|
<el-form
|
ref="form"
|
:model="formobj"
|
label-width="100px"
|
:inline="true"
|
size="mini"
|
>
|
<el-collapse class="coll" v-model="activeName" accordion>
|
<el-collapse-item
|
class="coll"
|
title="基本信息"
|
name="1"
|
style="width: 100%; font-weight: 600"
|
>
|
<div style="width: 100%">
|
<el-form-item label="姓名" prop="cusName">
|
<el-input
|
disabled
|
v-model="formobj.cusName"
|
placeholder="请输入姓名"
|
/>
|
</el-form-item>
|
<el-form-item label="职业" prop="work">
|
<el-select
|
filterable
|
v-model="formobj.work"
|
placeholder="请选择职业"
|
clearable
|
style="width: 150px"
|
disabled
|
>
|
<el-option
|
v-for="dict in dict.type.tj_work"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
/>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="工作状态" prop="workStatus">
|
<el-select
|
disabled
|
filterable
|
v-model="formobj.workStatus"
|
placeholder="请选择工作状态"
|
clearable
|
style="width: 150px"
|
>
|
<el-option
|
v-for="dict in dict.type.tj_work_status"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
/>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="接触毒物" prop="contactPoison">
|
<el-input
|
disabled
|
type="textarea"
|
rows="4"
|
v-model="formobj.contactPoison"
|
placeholder="请输入接触毒物"
|
style="width: 700px"
|
/>
|
</el-form-item>
|
<el-form-item label="既往病史" prop="medicalHistory">
|
<el-input
|
disabled
|
type="textarea"
|
rows="4"
|
v-model="formobj.medicalHistory"
|
placeholder="请输入既往病史"
|
style="width: 700px"
|
/>
|
</el-form-item>
|
</div>
|
</el-collapse-item>
|
<el-collapse-item title="月经史" name="2" v-show="sex">
|
<div style="width: 100%">
|
<el-form-item label="初潮(岁)" prop="chuchao">
|
<el-input
|
v-model="formobj.chuchao"
|
style="width: 70px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="经期" prop="jingqi">
|
<el-input
|
v-model="formobj.jingqi"
|
disabled
|
style="width: 70px"
|
/>天
|
</el-form-item>
|
<el-form-item label="周期" prop="zhouqi">
|
<el-input
|
v-model="formobj.zhouqi"
|
disabled
|
style="width: 70px"
|
/>天
|
</el-form-item>
|
<el-form-item label="末次月经" prop="mociage">
|
<el-input
|
v-model="formobj.mociage"
|
disabled
|
style="width: 100px"
|
/>
|
</el-form-item>
|
</div>
|
</el-collapse-item>
|
<el-collapse-item title="生育史" name="3" v-show="sex">
|
<div style="width: 100%">
|
<el-form-item label="现有子女(人)" prop="zinv">
|
<el-input
|
v-model="formobj.zinv"
|
style="width: 70px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="流产(次)" prop="liuchan">
|
<el-input
|
v-model="formobj.liuchan"
|
style="width: 70px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="早产(次)" prop="zaochan">
|
<el-input
|
v-model="formobj.zaochan"
|
style="width: 70px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="死产(次)" prop="sichan">
|
<el-input
|
v-model="formobj.sichan"
|
style="width: 70px"
|
disabled
|
/>
|
</el-form-item>
|
<el-form-item label="异常胎(次)" prop="yichangtai">
|
<el-input
|
v-model="formobj.yichangtai"
|
style="width: 70px"
|
disabled
|
/>
|
</el-form-item>
|
</div>
|
</el-collapse-item>
|
<el-collapse-item title="烟酒史" name="4">
|
<div style="width: 100%">
|
<el-form-item label="是否吸烟" prop="xiyan">
|
<!-- <el-input v-model="form.xiyanpinlv" placeholder="请输入吸烟频率" /> -->
|
<el-select
|
disabled
|
filterable
|
v-model="formobj.xiyan"
|
placeholder="请选择是否吸烟"
|
clearable
|
style="width: 150px"
|
>
|
<el-option
|
v-for="dict in dict.type.tj_smoking_pinlv"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
/>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="吸烟频率" prop="xiyanpinlv">
|
<el-input
|
v-model="formobj.xiyanpinlv"
|
disabled
|
style="width: 70px"
|
/>支/天
|
</el-form-item>
|
<el-form-item label="吸烟时间" prop="xiyanyear">
|
<el-input
|
v-model="formobj.xiyanyear"
|
disabled
|
style="width: 70px"
|
/>年 </el-form-item
|
><br />
|
<el-form-item label="是否饮酒" prop="yinjiu">
|
<!-- <el-input v-model="form.yinjiupinlv" placeholder="请输入饮酒频率" /> -->
|
<el-select
|
filterable
|
v-model="formobj.yinjiu"
|
disabled
|
placeholder="请选择是否饮酒"
|
clearable
|
style="width: 150px"
|
>
|
<el-option
|
v-for="dict in dict.type.tj_smoking_pinlv"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
/>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="饮酒频率" prop="yinjiupinlv">
|
<el-input
|
v-model="formobj.yinjiupinlv"
|
disabled
|
style="width: 70px"
|
/>ml/天
|
</el-form-item>
|
<el-form-item label="饮酒时间" prop="yinjiuyear">
|
<el-input
|
v-model="formobj.yinjiuyear"
|
disabled
|
style="width: 70px"
|
/>年
|
</el-form-item>
|
<el-form-item label="其他" prop="qita">
|
<el-input
|
v-model="formobj.qita"
|
placeholder="请输入其他"
|
disabled
|
type="textarea"
|
style="width: 600px"
|
rows="2"
|
/>
|
</el-form-item>
|
</div>
|
</el-collapse-item>
|
<el-collapse-item title="急慢性职业病史信息" name="5">
|
<div style="width: 100%">
|
<el-table
|
border
|
:data="formobj.tjAskHistorysList"
|
ref="tjAskHistorys"
|
style="width: 98%"
|
>
|
<el-table-column
|
type="selection"
|
width="40"
|
align="center"
|
/>
|
<el-table-column label="疾病名称" prop="diseaseName">
|
<template slot-scope="scope">
|
<el-input
|
size="mini"
|
disabled
|
v-model="scope.row.diseaseName"
|
placeholder="请输入疾病名称"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column label="诊断日期" prop="diseaseData">
|
<template slot-scope="scope">
|
<el-date-picker
|
size="mini"
|
v-model="scope.row.diseaseData"
|
align="right"
|
type="date"
|
placeholder="选择日期"
|
:picker-options="pickerOptions"
|
style="width: 130px"
|
value-format="yyyy-MM-dd"
|
>
|
</el-date-picker>
|
</template>
|
</el-table-column>
|
<el-table-column label="诊断单位" prop="diseaseCompany">
|
<template slot-scope="scope">
|
<el-input
|
size="mini"
|
disabled
|
v-model="scope.row.diseaseCompany"
|
placeholder="请输入诊断单位"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column label="是否痊愈" prop="isOk">
|
<template slot-scope="scope">
|
<!-- <el-input v-model="scope.row.isOk" placeholder="请输入是否痊愈" /> -->
|
<el-select
|
disabled
|
filterable
|
size="mini"
|
v-model="scope.row.isOk"
|
placeholder="请选择是否痊愈"
|
clearable
|
>
|
<el-option
|
v-for="dict in dict.type.sys_yes_no"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
/>
|
</el-select>
|
</template>
|
</el-table-column>
|
<el-table-column label="备注" prop="remark">
|
<template slot-scope="scope">
|
<el-input
|
disabled
|
size="mini"
|
v-model="scope.row.remark"
|
placeholder="请输入备注"
|
/>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
</el-collapse-item>
|
|
<el-collapse-item title="职业史" name="7">
|
<div style="width: 100%">
|
<el-table
|
border
|
:data="formobj.workLogs"
|
style="width: 98%"
|
>
|
<el-table-column
|
type="selection"
|
width="40"
|
align="center"
|
/>
|
<el-table-column label="开始时间" prop="beginTime">
|
<template slot-scope="scope">
|
<el-date-picker
|
size="mini"
|
v-model="scope.row.beginTime"
|
align="right"
|
type="date"
|
placeholder="选择日期"
|
:picker-options="pickerOptions"
|
style="width: 130px"
|
value-format="yyyy-MM-dd"
|
>
|
</el-date-picker>
|
</template>
|
</el-table-column>
|
<el-table-column label="结束时间" prop="endTime">
|
<template slot-scope="scope">
|
<el-date-picker
|
size="mini"
|
disabled
|
v-model="scope.row.endTime"
|
align="right"
|
type="date"
|
placeholder="选择日期"
|
:picker-options="pickerOptions"
|
style="width: 130px"
|
value-format="yyyy-MM-dd"
|
>
|
</el-date-picker>
|
</template>
|
</el-table-column>
|
<el-table-column label="工作单位" prop="workCompany">
|
<template slot-scope="scope">
|
<el-input
|
size="mini"
|
disabled
|
v-model="scope.row.workCompany"
|
placeholder="请输入工作单位"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column label="部门" prop="workDept">
|
<template slot-scope="scope">
|
<el-input
|
disabled
|
size="mini"
|
v-model="scope.row.workDept"
|
placeholder="请输入部门"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column label="工种" prop="workType">
|
<template slot-scope="scope">
|
<el-input
|
disabled
|
size="mini"
|
v-model="scope.row.workType"
|
placeholder="请输入工种"
|
/>
|
</template>
|
</el-table-column>
|
<el-table-column label="有害因素" prop="harmTypeLogs">
|
<template slot-scope="scope">
|
<!-- <el-input v-model="scope.row.isOk" placeholder="请输入是否痊愈" /> -->
|
<el-select
|
filterable
|
disabled
|
size="mini"
|
v-model="scope.row.harmTypeLogs"
|
multiple
|
placeholder="请选择有害因素"
|
clearable
|
>
|
<el-option
|
v-for="dict in harmTypeList"
|
:key="dict.aid"
|
:label="dict.harmtype"
|
:value="dict.aid"
|
/>
|
</el-select>
|
</template>
|
</el-table-column>
|
<el-table-column label="防护措施" prop="fangHu">
|
<template slot-scope="scope">
|
<el-input
|
disabled
|
size="mini"
|
v-model="scope.row.fangHu"
|
placeholder="请输入防护措施"
|
/>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
</el-collapse-item>
|
</el-collapse>
|
</el-form>
|
</div>
|
</el-col>
|
</el-row>
|
</el-drawer>
|
|
<el-dialog
|
class="dia"
|
title="PDF 预览"
|
:visible.sync="dialogVisible"
|
:close-on-click-modal="false"
|
>
|
<div class="main">
|
<iframe
|
id="printIframe"
|
:src="url"
|
frameborder="0"
|
style="width: 100%; height: 100%"
|
></iframe>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
|
|
<script>
|
import {
|
getcheckList,
|
getTjdetailList,
|
getupdateCheckType,
|
getModifiedState,
|
getfiedState,
|
getState,
|
getforceIn,
|
gettoPdf,
|
getModified,
|
} from "@/api/doctor/checkAll";
|
import { getInfoById } from "@/api/hosp/history";
|
import { getInfo } from "@/api/login";
|
import { getCompany, queryCompany } from "@/api/team/tuanti";
|
import { reportHistory } from "@/api/doctor/check";
|
import { getPdf, revoke } from "@/api/hosp/order";
|
import ViewPdf from "@/components/ViewPdf";
|
import Historicalreport from "@/components/Historicalreport";
|
|
export default {
|
components: {
|
ViewPdf,
|
Historicalreport,
|
},
|
dicts: [
|
"dict_tjtype",
|
"sys_user_sex",
|
"sys_yes_no",
|
"tj_result_type",
|
"lj_positive",
|
"tj_work",
|
"tj_work_status",
|
],
|
name: "checkAll",
|
data() {
|
return {
|
sex: true,
|
activeName: "1",
|
wenzhen: false,
|
hosproy: true,
|
remarks: "",
|
remark: "",
|
proIds: "",
|
xiaojie: "",
|
isdisabled: false,
|
dialogVisible: false,
|
src: "",
|
url: "",
|
userId: "",
|
flag: true,
|
bill: null,
|
numberList: [],
|
reportHistorydata: [],
|
dialogVisible: false,
|
pickerOptions: {
|
shortcuts: [
|
{
|
text: "最近一周",
|
onClick(picker) {
|
const end = new Date();
|
const start = new Date();
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
picker.$emit("pick", [start, end]);
|
},
|
},
|
{
|
text: "最近一个月",
|
onClick(picker) {
|
const end = new Date();
|
const start = new Date();
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
|
picker.$emit("pick", [start, end]);
|
},
|
},
|
{
|
text: "最近三个月",
|
onClick(picker) {
|
const end = new Date();
|
const start = new Date();
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
|
picker.$emit("pick", [start, end]);
|
},
|
},
|
],
|
},
|
// 页面全部数据
|
checkList: [],
|
// 绑定单选按钮
|
tjStatus: "0",
|
total: 0,
|
CompanyList: [],
|
CheckBox: {},
|
startTime: [],
|
textarea1: "",
|
loading: true,
|
// 当前用户选中的值
|
selectLettercurrent: " ",
|
// 抽屉打开方式
|
drawer: false,
|
tableAll: {},
|
tjNumber: "",
|
// 全部小结
|
DeptadviceAll: [],
|
MsgId: "",
|
Deptobj: "",
|
// 点击参数
|
changedate: [],
|
status: {},
|
// 查询参数
|
queryParams: {
|
page: 1,
|
pageSize: 10,
|
tjNumber: "",
|
beginTime: null,
|
endTime: null,
|
compId: null,
|
name: null,
|
checkStatus: null,
|
},
|
formobj: {},
|
// 查询参数
|
queryParam: {
|
pageNum: 1,
|
pageSize: 10,
|
company: undefined,
|
companyId: undefined,
|
pacId: undefined,
|
pacName: undefined,
|
jobNo: undefined,
|
name: undefined,
|
sex: undefined,
|
idCard: undefined,
|
age: undefined,
|
birthday: undefined,
|
position: undefined,
|
department: undefined,
|
departmentId: undefined,
|
phoe: undefined,
|
address: undefined,
|
marriage: undefined,
|
nation: undefined,
|
email: undefined,
|
tjCategory: undefined,
|
payType: undefined,
|
},
|
};
|
},
|
|
created() {
|
this.getNowTime();
|
this.getList();
|
},
|
|
mounted() {
|
this.$nextTick(() => {
|
this.$refs.inputName.focus();
|
});
|
},
|
methods: {
|
// / 处理默认选中当前日期
|
getNowTime() {
|
var curDate = new Date().getTime();
|
var dayNum = 7 * 24 * 3600 * 1000;
|
var threeDays = curDate - dayNum;
|
var sDay = this.getLocalTime(threeDays);
|
var end = this.getLocalTime(curDate);
|
this.startTime = [sDay, end];
|
},
|
add0(m) {
|
return m < 10 ? "0" + m : m;
|
},
|
getLocalTime(nS) {
|
var time = new Date(nS);
|
var y = time.getFullYear();
|
var m = time.getMonth() + 1;
|
var d = time.getDate();
|
var h = time.getHours();
|
var mm = time.getMinutes();
|
return (
|
y +
|
"-" +
|
this.add0(m) +
|
"-" +
|
this.add0(d) +
|
" " +
|
this.add0(h) +
|
":" +
|
this.add0(mm)
|
);
|
},
|
getList() {
|
this.loading = true;
|
this.queryParams.compId = this.CheckBox.drugManufacturerId;
|
this.queryParams.checkStatus = this.tjStatus;
|
if (this.startTime) {
|
this.queryParams.beginTime = this.startTime[0];
|
this.queryParams.endTime = this.startTime[1];
|
} else {
|
this.queryParams.beginTime = null;
|
this.queryParams.endTime = null;
|
}
|
|
// 页面数据
|
getcheckList(this.queryParams).then((response) => {
|
if (response.code == 200) {
|
this.loading = false;
|
if (response.data) {
|
if (response.data.date) {
|
this.checkList = response.data.date;
|
} else {
|
this.checkList = response.data.customers;
|
}
|
|
this.total = response.data.total;
|
} else {
|
this.checkList = [];
|
}
|
}
|
}),
|
// 获取单位信息集合
|
getCompany(this.queryParam).then((response) => {
|
this.CompanyList = response.data;
|
this.loading = false;
|
});
|
},
|
|
viewReport(row) {
|
const tjNumber = row.tjNumber;
|
const flag = true;
|
getPdf(tjNumber, flag).then((response) => {
|
if (response.size === 0) {
|
const loading = this.$loading({
|
lock: true,
|
text: "Loading",
|
spinner: "el-icon-loading",
|
background: "rgba(0, 0, 0, 0.7)",
|
});
|
setTimeout(() => {
|
loading.close();
|
}, 3000);
|
this.$message.msgSuccess("报告正在生成，请两分钟后预览！");
|
} else {
|
this.dialogVisible = true;
|
|
this.url = window.webkitURL.createObjectURL(response); //将后端返回的blob文件读取出url
|
}
|
});
|
},
|
|
historicalreport() {
|
this.loading = true;
|
this.wenzhen = false;
|
this.hosproy = true;
|
let data = {
|
cusId: this.tableAll.cusId,
|
};
|
reportHistory(data).then((res) => {
|
this.loading = false;
|
if (res.data[0] != null) {
|
this.reportHistorydata = res.data;
|
} else {
|
this.reportHistorydata = [];
|
}
|
});
|
},
|
|
medicalhistory() {
|
this.wenzhen = true;
|
this.hosproy = false;
|
let tjNumber = this.tableAll.tjNumber;
|
getInfoById(tjNumber).then((response) => {
|
this.formobj = response.data;
|
if (this.formobj.xiyan == null) {
|
this.formobj.xiyan = "1";
|
}
|
if (this.formobj.xiyanpinlv == null) {
|
this.formobj.xiyanpinlv = "0";
|
}
|
if (this.formobj.xiyanyear == null) {
|
this.formobj.xiyanyear = "0";
|
}
|
if (this.formobj.yinjiu == null) {
|
this.formobj.yinjiu = "1";
|
}
|
if (this.formobj.yinjiupinlv == null) {
|
this.formobj.yinjiupinlv = "0";
|
}
|
if (this.formobj.yinjiuyear == null) {
|
this.formobj.yinjiuyear = "0";
|
}
|
});
|
},
|
// viewReport(row) {
|
// const tjNumber = row.tjNumber;
|
// const viewNum = "792997692059705344";
|
// const params = { viewNum, tjNumber };
|
// hasReportEnd(tjNumber).then((res) => {
|
// if (res == 1) {
|
// this.$tab.openPage("体检报告", "/report/viewReport", params);
|
// } else {
|
// this.$message.error("该用户体检暂未完成，无法打印体检报告！");
|
// }
|
// });
|
// },
|
downLoadFileImg(row) {
|
const tjNumber = row.tjNumber;
|
const flag = true;
|
getPdf(tjNumber, flag).then((response) => {
|
this.url = window.webkitURL.createObjectURL(response); //将后端返回的blob文件读取出url
|
});
|
},
|
|
// 单选按钮
|
radioChange(value) {
|
this.loading = true;
|
this.queryParams.checkStatus = value;
|
getcheckList(this.queryParams).then((response) => {
|
if (response.data) {
|
this.checkList = response.data.customers;
|
this.total = response.data.total;
|
} else {
|
this.checkList = [];
|
}
|
this.loading = false;
|
});
|
},
|
|
// 体检公司拼音搜索
|
getRemoteData(query) {
|
if (query) {
|
let compName = query;
|
queryCompany(compName).then((response) => {
|
this.CompanyList = response.data;
|
});
|
}
|
},
|
|
// 选框数据
|
searchSelect(val) {
|
this.CheckBox = val;
|
},
|
|
// 时间
|
dateChangebirthday1(val) {
|
this.startTime = val;
|
},
|
|
// 搜索
|
submitForm() {
|
this.loading = true;
|
this.queryParams.compId = this.CheckBox.drugManufacturerId;
|
this.queryParams.checkStatus = this.tjStatus;
|
if (this.startTime) {
|
this.queryParams.beginTime = this.startTime[0];
|
this.queryParams.endTime = this.startTime[1];
|
} else {
|
this.queryParams.beginTime = null;
|
this.queryParams.endTime = null;
|
}
|
|
// 页面数据
|
getcheckList(this.queryParams).then((response) => {
|
if (response.code == 200) {
|
this.loading = false;
|
if (response.data.customers != null) {
|
this.checkList = response.data.customers;
|
this.checkList.forEach((item) => {
|
this.tjStatus = item.tjStatus.toString();
|
});
|
|
this.total = response.data.total;
|
} else {
|
this.checkList = [];
|
}
|
}
|
});
|
},
|
// 重置
|
resetQuery() {
|
this.resetForm("tableList");
|
this.submitForm();
|
},
|
|
// 点击详情
|
handleClick(row) {
|
this.tableAll = row;
|
if (this.tableAll.cusSex === 0) {
|
this.tableAll.cusSex = "男";
|
}
|
if (this.tableAll.cusSex === 1) {
|
this.tableAll.cusSex = "女";
|
}
|
this.tjNumber = this.tableAll.tjNumber;
|
getState(this.tjNumber).then((res) => {
|
this.status = res.data;
|
if (this.status.status === "1") {
|
getInfo().then((response) => {
|
this.userId = response.user.userId;
|
if (this.userId) {
|
let data = {
|
userId: this.userId,
|
tjNumber: this.tjNumber,
|
state: 0,
|
};
|
getModifiedState(data).then((res) => {
|
this.MsgId = res.msg;
|
this.drawer = true;
|
getupdateCheckType(this.tjNumber).then((response) => {
|
this.changedate = response.data;
|
this.changedate.forEach((item) => {
|
this.textarea1 = item.checkAdvice;
|
});
|
if (this.changedate) {
|
for (let i = 0; i < this.changedate.length; i++) {
|
this.remark = this.changedate[i].remark;
|
}
|
this.changedate.forEach((item) => {
|
// this.remark = item.remark;
|
item.sons.forEach((item3) => {
|
if (item3.standard.tjStandardGtValue === null) {
|
item3.standard.tjStandardGtValue = "";
|
}
|
if (item3.standard.tjStandardLtValue === null) {
|
item3.standard.tjStandardLtValue = "";
|
}
|
});
|
// item.remark = "";
|
});
|
} else {
|
this.$message({
|
type: "warning ",
|
message: "该客户没有体检项目数据",
|
});
|
}
|
});
|
});
|
}
|
});
|
} else {
|
this.$confirm(
|
"" + this.status.name + "正在修改该信息, 是否强制进去?",
|
"提示",
|
{
|
confirmButtonText: "是",
|
cancelButtonText: "否",
|
type: "warning",
|
}
|
)
|
.then(() => {
|
getInfo().then((response) => {
|
this.userId = response.user.userId;
|
if (this.userId) {
|
let data = {
|
userId: this.userId,
|
tjNumber: this.tjNumber,
|
state: 0,
|
};
|
getforceIn(data).then((res) => {
|
this.MsgId = res.msg;
|
this.drawer = true;
|
getupdateCheckType(this.tjNumber).then((response) => {
|
this.changedate = response.data;
|
if (this.changedate) {
|
for (let i = 0; i < this.changedate.length; i++) {
|
this.remark = this.changedate[i].remark;
|
}
|
this.changedate.forEach((item) => {
|
this.textarea1 = item.checkAdvice;
|
|
// this.remark = item.remark;
|
item.sons.forEach((item3) => {
|
if (item3.standard.tjStandardGtValue === null) {
|
item3.standard.tjStandardGtValue = "";
|
}
|
if (item3.standard.tjStandardLtValue === null) {
|
item3.standard.tjStandardLtValue = "";
|
}
|
});
|
// item.remark = "";
|
});
|
} else {
|
this.$message({
|
type: "warning ",
|
message: "该客户没有体检项目数据",
|
});
|
}
|
});
|
});
|
}
|
});
|
})
|
.catch(() => {
|
this.$message({
|
type: "info",
|
message: "已取消进入",
|
});
|
});
|
this.drawer = false;
|
}
|
});
|
|
// 获取小结
|
// getDeptAdvice().then((response) => {
|
// response.data.forEach((item) => {
|
// this.DeptadviceAll = item;
|
// });
|
// });
|
},
|
// 撤销
|
getRevoke(row) {
|
this.loading = true;
|
const tjNumber = row.tjNumber;
|
revoke(tjNumber).then((response) => {
|
this.$modal.msgSuccess("撤回成功");
|
if(response.code == 200){
|
this.loading = false;
|
this.getList();
|
}
|
});
|
},
|
|
// 是否关闭弹窗
|
handleClose(done) {
|
if (this.loading) {
|
return;
|
}
|
this.$confirm("确定要提交吗？")
|
.then((_) => {
|
this.loading = true;
|
this.timer = setTimeout(() => {
|
done();
|
this.determine();
|
// 动画关闭需要一定的时间
|
setTimeout(() => {
|
this.loading = false;
|
}, 400);
|
}, 2000);
|
})
|
.catch((_) => {
|
this.drawer = false;
|
let data = {
|
userId: this.userId,
|
tjNumber: this.tjNumber,
|
state: 1,
|
id: this.MsgId,
|
};
|
getfiedState(data).then((res) => {});
|
});
|
},
|
|
// 生成报告
|
// generate(row) {
|
// const tjNumber = row.tjNumber;
|
// getGenerate(tjNumber).then((response) => {
|
// this.$modal.msgSuccess("生成成功");
|
// });
|
// },
|
// xiAoJieChange(event) {
|
// if (event) {
|
// this.changedate.forEach((item) => {
|
// item.remark = "";
|
// item.parentAdvice.forEach((item1) => {
|
// event.forEach((item2) => {
|
// if (item2 == item1.id) {
|
// item.remark = item.remark + item1.advice + "。";
|
// }
|
// });
|
// });
|
// });
|
// }
|
// },
|
change(vale) {
|
// console.log(this.changedate[index].remark);
|
},
|
determine() {
|
let tjNumber = this.tableAll.tjNumber;
|
let advice = this.textarea1;
|
let data = {
|
tjNumber,
|
advice,
|
checkStatus: 1,
|
};
|
getTjdetailList(data).then((response) => {
|
if (response.code === 200) {
|
this.$modal.msgSuccess("提交成功");
|
let tjNumber = this.tjNumber;
|
let data = {
|
userId: this.userId,
|
tjNumber: tjNumber,
|
state: 1,
|
id: this.MsgId,
|
};
|
gettoPdf(tjNumber).then((res) => {
|
this.$modal.msgSuccess("已生成报告！请前往报告核收页面确认！");
|
});
|
getfiedState(data).then((res) => {
|
this.drawer = false;
|
});
|
}
|
});
|
|
for (let i = 0; i < this.changedate.length; i++) {
|
this.proIds = this.changedate[i].parentId;
|
let remarks = this.changedate[i].remark;
|
let updateOrderRemarkVos = [
|
{
|
tjNumber,
|
proId: this.proIds.toString(),
|
remarks,
|
},
|
];
|
getModified(updateOrderRemarkVos).then((response) => {});
|
}
|
this.submitForm();
|
this.$forceUpdate();
|
// this.changedate.forEach((item) => {
|
// this.proIds = item.parentId;
|
// // this.remark = item.remark;
|
// });
|
},
|
},
|
};
|
</script>
|
<style scoped>
|
.btn {
|
margin: 20px 0px;
|
}
|
|
.main {
|
height: 700px;
|
overflow: hidden;
|
}
|
|
#printIframe::-webkit-scrollbar {
|
width: 6px;
|
}
|
|
/* 修改 滚动条的 下面 的 样式 */
|
#printIframe::-webkit-scrollbar-track {
|
background-color: white;
|
-webkit-border-radius: 2em;
|
-moz-border-radius: 2em;
|
border-radius: 2em;
|
}
|
|
/* 修改 滑块 */
|
#printIframe::-webkit-scrollbar-thumb {
|
background-color: #dcdfe6;
|
-webkit-border-radius: 2em;
|
-moz-border-radius: 2em;
|
border-radius: 2em;
|
}
|
|
/* .el-dialog {
|
width: 1264px;
|
height: 800px;
|
}
|
|
.el-dialog__header {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
}
|
|
.el-dialog__body {
|
padding: 0;
|
} */
|
|
.pag {
|
width: 100%;
|
display: flex;
|
justify-content: center;
|
}
|
|
.pag1 {
|
width: 30%;
|
}
|
|
.dialog-footers {
|
/* margin-top: 5px; */
|
margin-left: calc(100% - 15%);
|
}
|
|
textarea {
|
background: #ffffff;
|
border: none;
|
outline: none;
|
}
|
</style>
|
|
|
|
