| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="70px" |
| | | > |
| | | <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="70px"> |
| | | <el-row :gutter="8"> |
| | | |
| | | <el-col :span="6"> |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-input |
| | | v-model="queryParams.name" |
| | | placeholder="请输入姓名" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | <el-input v-model="queryParams.name" placeholder="请输入姓名" clearable size="small" |
| | | @keyup.enter.native="handleQuery" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item |
| | | align="left" |
| | | label="医疗机构" |
| | | prop="treatmenthospitalno" |
| | | > |
| | | <org-selecter |
| | | ref="orgSelecter" |
| | | :org-type="'3'" |
| | | v-model="form.treatmenthospitalno" |
| | | /> |
| | | <el-form-item align="left" label="医疗机构" prop="treatmenthospitalno"> |
| | | <org-selecter ref="orgSelecter" :org-type="'3'" v-model="form.treatmenthospitalno" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="6"> |
| | | <el-form-item label="捐献地市"> |
| | | <el-select v-model="queryParams.city" placeholder="请选择地市"> |
| | | <el-option |
| | | v-for="item in provinceData" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | > |
| | | <el-option v-for="item in provinceData" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | |
| | | <el-col :span="6"> |
| | | <el-form-item label="捐献进度" prop="recordstate"> |
| | | <el-select |
| | | v-model="queryParams.recordstate" |
| | | placeholder="请选择记录状态" |
| | | clearable |
| | | size="small" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.sys_DonationStatus" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | /> |
| | | <el-select v-model="queryParams.recordstate" placeholder="请选择记录状态" clearable size="small"> |
| | | <el-option v-for="dict in dict.type.sys_DonationStatus" :key="dict.value" :label="dict.label" |
| | | :value="dict.value" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | <el-col :span="6"> |
| | | <el-form-item label="报告人"> |
| | | <el-select v-model="queryParams.reporterno" placeholder="请选择报告人"> |
| | | <el-option |
| | | v-for="item in reportlist" |
| | | :key="item.index" |
| | | :label="item.reportername" |
| | | :value="item.reporterno" |
| | | > |
| | | <el-option v-for="item in reportlist" :key="item.index" :label="item.reportername" :value="item.reporterno"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | |
| | | <el-col :span="12"> |
| | | <el-form-item label="报告日期"> |
| | | <el-date-picker |
| | | style="width: 100%" |
| | | v-model="selecttime" |
| | | type="monthrange" |
| | | range-separator="至" |
| | | start-placeholder="开始月份" |
| | | end-placeholder="结束月份" |
| | | value-format="yyyy-MM-dd" |
| | | @change="getTimeList" |
| | | > |
| | | <el-date-picker style="width: 100%" v-model="selecttime" type="monthrange" range-separator="至" |
| | | start-placeholder="开始月份" end-placeholder="结束月份" value-format="yyyy-MM-dd" @change="getTimeList"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | | <el-col :span="6"> |
| | | <el-form-item> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="mini" |
| | | @click="handleQuery" |
| | | >搜索</el-button |
| | | > |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" |
| | | >重置</el-button |
| | | > |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
| | | </el-form-item> |
| | | </el-col> |
| | | |
| | |
| | | </el-row> --> |
| | | </el-form> |
| | | |
| | | <el-table |
| | | v-loading="loading" |
| | | border |
| | | :default-sort="{ prop: 'completetime', order: 'descending' }" |
| | | :data="donatebaseinfoList" |
| | | > |
| | | <el-table-column |
| | | label="报告时间" |
| | | align="center" |
| | | prop="reporttime" |
| | | width="120" |
| | | > |
| | | <el-table v-loading="loading" border :default-sort="{ prop: 'completetime', order: 'descending' }" |
| | | :data="donatebaseinfoList"> |
| | | <el-table-column label="案例时间" align="center" prop="donatetime" width="120"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.reporttime, "{y}-{m}-{d}") }}</span> |
| | | <span>{{ parseTime(scope.row.donatetime, "{y}-{m}-{d}") }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="姓名" align="center" prop="name" width="100" /> |
| | | |
| | | <el-table-column label="性别" align="center" prop="sex" width="100"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.sys_user_sex" |
| | | :value="parseInt(scope.row.sex)" |
| | | /> |
| | | <dict-tag :options="dict.type.sys_user_sex" :value="parseInt(scope.row.sex)" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="年龄" align="center" prop="age" width="100" /> |
| | | <el-table-column |
| | | label="医疗机构" |
| | | align="center" |
| | | prop="treatmenthospitalname" |
| | | /> |
| | | <el-table-column |
| | | label="完成时间" |
| | | align="center" |
| | | prop="completetime" |
| | | width="200" |
| | | > |
| | | <el-table-column label="医疗机构" align="center" prop="treatmenthospitalname" /> |
| | | <el-table-column label="完成时间" align="center" prop="completetime" width="200"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.createtime, "{y}-{m}-{d}") }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <!-- <el-table-column label="身份证号" prop="idcardno" width="180" /> --> |
| | | <el-table-column |
| | | label="报告人" |
| | | align="center" |
| | | prop="reportername" |
| | | width="100" |
| | | /> |
| | | <el-table-column label="报告人" align="center" prop="reportername" width="100" /> |
| | | |
| | | <el-table-column |
| | | label="捐献进度" |
| | | align="center" |
| | | prop="recordstate" |
| | | > |
| | | <el-table-column label="捐献进度" align="center" prop="recordstate"> |
| | | <template slot-scope="scope"> |
| | | <dict-tag |
| | | :options="dict.type.sys_DonationStatus" |
| | | :value="scope.row.recordstate" |
| | | /> |
| | | <dict-tag :options="dict.type.sys_DonationStatus" :value="scope.row.recordstate" /> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="操作" |
| | | align="center" |
| | | class-name="small-padding fixed-width" |
| | | width="200" |
| | | fixed="right" |
| | | > |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="200" fixed="right"> |
| | | <template slot-scope="scope"> |
| | | <!-- <el-button |
| | | size="mini" |
| | |
| | | @click="updatedonorno(scope.row)" |
| | | >更新编号</el-button |
| | | > --> |
| | | <el-button |
| | | v-if="scope.row.dcid == undefined" |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | @click="handleAdd(scope.row)" |
| | | >登记</el-button |
| | | > |
| | | <el-button v-if="scope.row.dcid == undefined" size="mini" type="text" icon="el-icon-edit" |
| | | @click="handleAdd(scope.row)">登记</el-button> |
| | | |
| | | <el-button |
| | | v-if="scope.row.dcid > 0" |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | @click="handleAdd(scope.row)" |
| | | v-hasPermi="['project:donatebaseinfo:edit']" |
| | | >修改</el-button |
| | | > |
| | | <el-button v-if="scope.row.dcid > 0" size="mini" type="text" icon="el-icon-edit" @click="handleAdd(scope.row)" |
| | | v-hasPermi="['project:donatebaseinfo:edit']">修改</el-button> |
| | | |
| | | <el-button |
| | | v-if="scope.row.dcid > 0" |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | @click="handleReport(scope.row)" |
| | | >上报</el-button |
| | | > |
| | | <el-button |
| | | v-if="scope.row.dcid > 0" |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-refrigerator" |
| | | @click="handledownload(scope.row)" |
| | | >下载</el-button |
| | | > |
| | | <el-button v-if="scope.row.dcid > 0" size="mini" type="text" icon="el-icon-edit" |
| | | @click="handleReport(scope.row)">上报</el-button> |
| | | <el-button v-if="scope.row.dcid > 0" size="mini" type="text" icon="el-icon-refrigerator" |
| | | @click="handledownload(scope.row)">下载</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | | :page.sync="queryParams.pageNum" |
| | | :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" /> |
| | | |
| | | <!-- 添加或修改捐献完成对话框 --> |
| | | <el-dialog |
| | | :title="title" |
| | | align="center" |
| | | :visible.sync="open" |
| | | width="1100px" |
| | | :close-on-click-modal="false" |
| | | append-to-body |
| | | > |
| | | <el-dialog :title="title" align="center" :visible.sync="open" width="1100px" :close-on-click-modal="false" |
| | | append-to-body> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="120px"> |
| | | <el-row> |
| | | <el-col :span="8"> |
| | | <el-form-item label="捐献编号" prop="donorno"> |
| | | <el-input |
| | | disabled |
| | | v-model="curCase.donorno" |
| | | placeholder="请输入捐献者编号" |
| | | /> |
| | | <el-input disabled v-model="curCase.donorno" placeholder="请输入捐献者编号" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-input |
| | | disabled |
| | | v-model="curCase.name" |
| | | placeholder="请输入捐献者姓名" |
| | | /> |
| | | <el-input disabled v-model="curCase.name" placeholder="请输入捐献者姓名" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="8"> |
| | | <el-form-item label="完成时间" prop="completetime"> |
| | | <el-date-picker |
| | | style="width: 167px" |
| | | clearable |
| | | size="small" |
| | | v-model="form.completetime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd hh:mm:ss" |
| | | placeholder="选择完成时间" |
| | | > |
| | | <el-date-picker style="width: 167px" clearable size="small" v-model="form.completetime" type="date" |
| | | value-format="yyyy-MM-dd hh:mm:ss" placeholder="选择完成时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | <el-row> |
| | | <el-form-item label="器官组织"> |
| | | <el-checkbox-group align="left" v-model="form.donateorganList"> |
| | | <el-checkbox |
| | | v-for="dict in dict.type.sys_Organ" |
| | | :key="dict.value" |
| | | :label="dict.value" |
| | | disabled |
| | | > |
| | | <el-checkbox v-for="dict in dict.type.sys_Organ" :key="dict.value" :label="dict.value" disabled> |
| | | {{ dict.label }} |
| | | </el-checkbox> |
| | | </el-checkbox-group> |
| | |
| | | </el-row> |
| | | <el-row style="margin-bottom: 22px"> |
| | | <el-table v-loading="loading" border :data="tableData"> |
| | | <el-table-column |
| | | label="器官名称" |
| | | align="center" |
| | | prop="organname" |
| | | width="100" |
| | | /> |
| | | <el-table-column |
| | | label="移植医院(接收单位)" |
| | | align="center" |
| | | prop="transplanthospitalno" |
| | | width="240" |
| | | > |
| | | <el-table-column label="器官名称" align="center" prop="organname" width="100" /> |
| | | <el-table-column label="移植医院(接收单位)" align="center" prop="transplanthospitalno" width="240"> |
| | | <template slot-scope="scope"> |
| | | <org-selecter |
| | | ref="transplanthosselect" |
| | | :org-type="'4'" |
| | | v-model="scope.row.transplanthospitalno" |
| | | /> |
| | | <org-selecter ref="transplanthosselect" :org-type="'4'" v-model="scope.row.transplanthospitalno" /> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="移植负责人" |
| | | align="center" |
| | | prop="transplantdoct" |
| | | width="120" |
| | | > |
| | | <el-table-column label="移植负责人" align="center" prop="transplantdoct" width="120"> |
| | | <template slot-scope="scope"> |
| | | <el-input |
| | | v-model="scope.row.transplantdoct" |
| | | placeholder="请输入负责人" |
| | | ></el-input> |
| | | <el-input v-model="scope.row.transplantdoct" placeholder="请输入负责人"></el-input> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | label="移植日期" |
| | | align="center" |
| | | prop="transplanttime" |
| | | width="230" |
| | | > |
| | | <el-table-column label="移植日期" align="center" prop="transplanttime" width="230"> |
| | | <template slot-scope="scope"> |
| | | <el-row> |
| | | <el-date-picker |
| | | clearable |
| | | size="small" |
| | | style="width: 90%" |
| | | v-model="scope.row.transplanttime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | placeholder="选择器官移植时间" |
| | | > |
| | | <el-date-picker clearable size="small" style="width: 90%" v-model="scope.row.transplanttime" type="date" |
| | | value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择器官移植时间"> |
| | | </el-date-picker> |
| | | </el-row> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column |
| | | prop="abandonreason" |
| | | label="弃用原因" |
| | | align="center" |
| | | width="260" |
| | | > |
| | | <el-table-column prop="abandonreason" label="弃用原因" align="center" width="260"> |
| | | <template slot-scope="scope"> |
| | | <el-row> |
| | | <el-input |
| | | clearable |
| | | v-model="scope.row.abandonreason" |
| | | placeholder="请输入弃用原因" |
| | | /> |
| | | <el-input clearable v-model="scope.row.abandonreason" placeholder="请输入弃用原因" /> |
| | | </el-row> |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column |
| | | label="器官状态" |
| | | align="center" |
| | | prop="organstate" |
| | | width="130" |
| | | > |
| | | <el-table-column label="器官状态" align="center" prop="organstate" width="130"> |
| | | <template slot-scope="scope"> |
| | | <el-select |
| | | v-model="scope.row.organstate" |
| | | placeholder="请选择器官状态" |
| | | value-key="value" |
| | | @change="selectOrganstate(scope.row)" |
| | | > |
| | | <el-option |
| | | v-for="dict in dict.type.sys_organstate" |
| | | :key="dict.value" |
| | | :label="dict.label" |
| | | :value="dict.value" |
| | | ></el-option> |
| | | <el-select v-model="scope.row.organstate" placeholder="请选择器官状态" value-key="value" |
| | | @change="selectOrganstate(scope.row)"> |
| | | <el-option v-for="dict in dict.type.sys_organstate" :key="dict.value" :label="dict.label" |
| | | :value="dict.value"></el-option> |
| | | </el-select> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | <el-col :span="7"> |
| | | <el-form-item align="left" label="遗体捐献" prop="isbodydonation"> |
| | | <el-radio-group v-model="form.isbodydonation"> |
| | | <el-radio |
| | | v-for="dict in dict.type.sys_0_1" |
| | | :key="dict.value" |
| | | :label="dict.value" |
| | | >{{ dict.label }}</el-radio |
| | | > |
| | | <el-radio v-for="dict in dict.type.sys_0_1" :key="dict.value" :label="dict.value">{{ dict.label |
| | | }}</el-radio> |
| | | </el-radio-group> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="7"> |
| | | <el-form-item align="left" label="接收单位" prop="receivingunit"> |
| | | <el-input |
| | | v-model="form.receivingunit" |
| | | placeholder="请输入接受单位" |
| | | /> |
| | | <el-input v-model="form.receivingunit" placeholder="请输入接受单位" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <el-col :span="7"> |
| | | <el-form-item label="负责人" prop="responsibleuserid"> |
| | | <el-select v-model="form.responsibleuserid" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in leaderlist" |
| | | :key="item.reportNo" |
| | | :label="item.reportName" |
| | | :value="item.reportNo" |
| | | > |
| | | <el-option v-for="item in leaderlist" :key="item.reportNo" :label="item.reportName" |
| | | :value="item.reportNo"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | <el-col :span="7"> |
| | | <el-form-item label="协调员一" prop="coordinateduserido"> |
| | | <el-select v-model="form.coordinateduserido" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in coordinatorlist1" |
| | | :key="item.reportNo" |
| | | :label="item.reportName" |
| | | :value="item.reportNo" |
| | | > |
| | | <el-option v-for="item in coordinatorlist1" :key="item.reportNo" :label="item.reportName" |
| | | :value="item.reportNo"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | <el-col :span="7"> |
| | | <el-form-item label="协调员二" prop="coordinateduseridt"> |
| | | <el-select v-model="form.coordinateduseridt" placeholder="请选择"> |
| | | <el-option |
| | | v-for="item in coordinatorlist1" |
| | | :key="item.reportNo" |
| | | :label="item.reportName" |
| | | :value="item.reportNo" |
| | | > |
| | | <el-option v-for="item in coordinatorlist1" :key="item.reportNo" :label="item.reportName" |
| | | :value="item.reportNo"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | |
| | | </el-row> --> |
| | | <el-row> |
| | | <el-form-item label="附件" align="left" prop="annexfile"> |
| | | <annex-upload |
| | | ref="finishannex" |
| | | :infoid="curCase.id" |
| | | :donorno="curCase.donorno" |
| | | :flowname="flowname" |
| | | :annexno="annexno" |
| | | /> |
| | | <annex-upload ref="finishannex" :infoid="curCase.id" :donorno="curCase.donorno" :flowname="flowname" |
| | | :annexno="annexno" /> |
| | | </el-form-item> |
| | | </el-row> |
| | | </el-form> |
| | |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | | <style scoped> |
| | | </style> |
| | | <style scoped></style> |
| | | <script> |
| | | import { |
| | | listOrganization, |