| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px"> |
| | | <el-form-item label="捐献案例ID" prop="infoid"> |
| | | <el-input |
| | | v-model="queryParams.infoid" |
| | | placeholder="请输入捐献案例ID" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="120px"> |
| | | |
| | | <el-form-item label="捐献姓名" prop="name"> |
| | | <el-input v-model="queryParams.name" placeholder="请输入姓名" clearable size="small" |
| | | @keyup.enter.native="handleQuery" /> |
| | | </el-form-item> |
| | | <el-form-item label="OPO编号" prop="donateno"> |
| | | <el-input |
| | | v-model="queryParams.donateno" |
| | | placeholder="请输入OPO编号" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | <el-form-item label="捐献类别" prop="donationcategory"> |
| | | <el-input v-model="queryParams.donationcategory" placeholder="请输入捐献类别" clearable size="small" |
| | | @keyup.enter.native="handleQuery" /> |
| | | </el-form-item> |
| | | <el-form-item label="捐献时间" prop="donatetime"> |
| | | <el-date-picker clearable size="small" |
| | | v-model="queryParams.donatetime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择捐献时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-input |
| | | v-model="queryParams.name" |
| | | placeholder="请输入姓名" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="出生年月" prop="borthdate"> |
| | | <el-date-picker clearable size="small" |
| | | v-model="queryParams.borthdate" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择出生年月"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="性别" prop="sex"> |
| | | <el-select v-model="queryParams.sex" placeholder="请选择性别" clearable size="small"> |
| | | <el-option label="请选择字典生成" value="" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="年龄" prop="age"> |
| | | <el-input |
| | | v-model="queryParams.age" |
| | | placeholder="请输入年龄" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="捐献类别 根据字典sys_DonationCategory" prop="donationcategory"> |
| | | <el-input |
| | | v-model="queryParams.donationcategory" |
| | | placeholder="请输入捐献类别 根据字典sys_DonationCategory" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="捐献的器官" prop="donateorgan"> |
| | | <el-input |
| | | v-model="queryParams.donateorgan" |
| | | placeholder="请输入捐献的器官" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="合计费用" prop="chargeamount"> |
| | | <el-input |
| | | v-model="queryParams.chargeamount" |
| | | placeholder="请输入合计费用" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="合计实际获取费用" prop="chargeamounted"> |
| | | <el-input |
| | | v-model="queryParams.chargeamounted" |
| | | placeholder="请输入合计实际获取费用" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | <el-form-item label="应收费用" prop="chargeamount"> |
| | | <el-input v-model="queryParams.chargeamount" placeholder="请输入费用金额" clearable size="small" |
| | | @keyup.enter.native="handleQuery" /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
| | |
| | | |
| | | <el-row :gutter="10" class="mb8"> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="primary" |
| | | plain |
| | | icon="el-icon-plus" |
| | | size="mini" |
| | | @click="handleAdd" |
| | | v-hasPermi="['system:donorcharge:add']" |
| | | >新增</el-button> |
| | | <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" |
| | | v-hasPermi="['system:donorcharge:add']">新增</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="success" |
| | | plain |
| | | icon="el-icon-edit" |
| | | size="mini" |
| | | :disabled="single" |
| | | @click="handleUpdate" |
| | | v-hasPermi="['system:donorcharge:edit']" |
| | | >修改</el-button> |
| | | <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" |
| | | v-hasPermi="['system:donorcharge:edit']">修改</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="danger" |
| | | plain |
| | | icon="el-icon-delete" |
| | | size="mini" |
| | | :disabled="multiple" |
| | | @click="handleDelete" |
| | | v-hasPermi="['system:donorcharge:remove']" |
| | | >删除</el-button> |
| | | <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" |
| | | v-hasPermi="['system:donorcharge:remove']">删除</el-button> |
| | | </el-col> |
| | | <el-col :span="1.5"> |
| | | <el-button |
| | | type="warning" |
| | | plain |
| | | icon="el-icon-download" |
| | | size="mini" |
| | | :loading="exportLoading" |
| | | @click="handleExport" |
| | | v-hasPermi="['system:donorcharge:export']" |
| | | >导出</el-button> |
| | | <el-button type="warning" plain icon="el-icon-download" size="mini" :loading="exportLoading" @click="handleExport" |
| | | v-hasPermi="['system:donorcharge:export']">导出</el-button> |
| | | </el-col> |
| | | <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> |
| | | </el-row> |
| | | |
| | | <el-table v-loading="loading" :data="donorchargeList" @selection-change="handleSelectionChange"> |
| | | <el-table-column type="selection" width="55" align="center" /> |
| | | <el-table-column label="id" align="center" prop="id" /> |
| | | <el-table-column label="捐献案例ID" align="center" prop="infoid" /> |
| | | <el-table-column label="OPO编号" align="center" prop="donateno" /> |
| | | <el-table-column label="捐献时间" align="center" prop="donatetime" width="180"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.donatetime, '{y}-{m}-{d}') }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="姓名" align="center" prop="name" /> |
| | | <el-table-column label="OPO编号" align="center" prop="donateno" /> |
| | | <el-table-column label="捐献姓名" align="center" prop="name" /> |
| | | <el-table-column label="出生年月" align="center" prop="borthdate" width="180"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ parseTime(scope.row.borthdate, '{y}-{m}-{d}') }}</span> |
| | |
| | | </el-table-column> |
| | | <el-table-column label="性别" align="center" prop="sex" /> |
| | | <el-table-column label="年龄" align="center" prop="age" /> |
| | | <el-table-column label="捐献类别 根据字典sys_DonationCategory" align="center" prop="donationcategory" /> |
| | | <el-table-column label="捐献的器官" align="center" prop="donateorgan" /> |
| | | <el-table-column label="合计费用" align="center" prop="chargeamount" /> |
| | | <el-table-column label="合计实际获取费用" align="center" prop="chargeamounted" /> |
| | | <el-table-column label="捐献类别" align="center" prop="donationcategory" /> |
| | | <el-table-column label="捐献器官" align="center" prop="donateorgan" /> |
| | | <el-table-column label="应收费用" align="center" prop="chargeamount" /> |
| | | <el-table-column label="已收费用" align="center" prop="chargeamounted" /> |
| | | <el-table-column label="备注" align="center" prop="remark" /> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:donorcharge:edit']" |
| | | >修改</el-button> |
| | | <el-button |
| | | size="mini" |
| | | type="text" |
| | | icon="el-icon-delete" |
| | | @click="handleDelete(scope.row)" |
| | | v-hasPermi="['system:donorcharge:remove']" |
| | | >删除</el-button> |
| | | <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['system:donorcharge:edit']">修改</el-button> |
| | | <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" |
| | | v-hasPermi="['system:donorcharge:remove']">删除</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" :visible.sync="open" width="500px" append-to-body> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
| | | <el-form-item label="捐献案例ID" prop="infoid"> |
| | | <el-input v-model="form.infoid" placeholder="请输入捐献案例ID" /> |
| | | </el-form-item> |
| | | <el-form-item label="OPO编号" prop="donateno"> |
| | | <el-input v-model="form.donateno" placeholder="请输入OPO编号" /> |
| | | </el-form-item> |
| | | <el-form-item label="捐献时间" prop="donatetime"> |
| | | <el-date-picker clearable size="small" |
| | | v-model="form.donatetime" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择捐献时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-input v-model="form.name" placeholder="请输入姓名" /> |
| | | </el-form-item> |
| | | <el-form-item label="出生年月" prop="borthdate"> |
| | | <el-date-picker clearable size="small" |
| | | v-model="form.borthdate" |
| | | type="date" |
| | | value-format="yyyy-MM-dd" |
| | | placeholder="选择出生年月"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="性别" prop="sex"> |
| | | <el-select v-model="form.sex" placeholder="请选择性别"> |
| | | <el-option label="请选择字典生成" value="" /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="年龄" prop="age"> |
| | | <el-input v-model="form.age" placeholder="请输入年龄" /> |
| | | </el-form-item> |
| | | <el-form-item label="捐献类别 根据字典sys_DonationCategory" prop="donationcategory"> |
| | | <el-input v-model="form.donationcategory" placeholder="请输入捐献类别 根据字典sys_DonationCategory" /> |
| | | </el-form-item> |
| | | <el-form-item label="捐献的器官" prop="donateorgan"> |
| | | <el-input v-model="form.donateorgan" placeholder="请输入捐献的器官" /> |
| | | </el-form-item> |
| | | <el-form-item label="合计费用" prop="chargeamount"> |
| | | <el-input v-model="form.chargeamount" placeholder="请输入合计费用" /> |
| | | </el-form-item> |
| | | <el-form-item label="合计实际获取费用" prop="chargeamounted"> |
| | | <el-input v-model="form.chargeamounted" placeholder="请输入合计实际获取费用" /> |
| | | </el-form-item> |
| | | <el-form-item label="备注" prop="remark"> |
| | | <el-input v-model="form.remark" placeholder="请输入备注" /> |
| | | </el-form-item> |
| | | <el-dialog :title="title" :visible.sync="open" append-to-body align="center" :close-on-click-modal="false" |
| | | width="1200px"> |
| | | <el-form ref="form" :model="form" :rules="rules" label-width="100px"> |
| | | <el-row> |
| | | <el-col :span="12"><el-form-item label="OPO编号" prop="donateno"> |
| | | <el-input v-model="form.donateno" placeholder="请输入OPO编号" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="姓名" prop="name"> |
| | | <el-input v-model="form.name" placeholder="请输入姓名" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="6"> |
| | | <el-form-item label="捐献时间" prop="donatetime"> |
| | | <el-date-picker clearable size="small" v-model="form.donatetime" type="date" value-format="yyyy-MM-dd" |
| | | style="width: 174px" placeholder="选择捐献时间"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="6"><el-form-item label="出生年月" prop="borthdate"> |
| | | <el-date-picker clearable size="small" v-model="form.borthdate" type="date" value-format="yyyy-MM-dd" |
| | | style="width: 174px" placeholder="选择出生年月"> |
| | | </el-date-picker> |
| | | </el-form-item></el-col> |
| | | <el-col :span="6"><el-form-item label="年龄" prop="age"> |
| | | <el-input v-model="form.age" placeholder="请输入年龄" /> |
| | | </el-form-item></el-col> |
| | | <el-col :span="6"> <el-form-item label="性别" prop="sex"> |
| | | <el-select v-model="form.sex" placeholder="请选择性别"> |
| | | <el-option label="请选择字典生成" value="" /> |
| | | </el-select> |
| | | </el-form-item></el-col> |
| | | <el-col :span="6"><el-form-item label="捐献类别" prop="donationcategory"> |
| | | <el-input v-model="form.donationcategory" placeholder="请输入捐献类别" /> |
| | | </el-form-item></el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="6"><el-form-item label="捐献案例ID" prop="infoid"> |
| | | <el-input v-model="form.infoid" placeholder="请输入捐献案例ID" /> |
| | | </el-form-item></el-col> |
| | | <el-col :span="6"><el-form-item label="捐献器官" prop="donateorgan"> |
| | | <el-input v-model="form.donateorgan" placeholder="请输入捐献的器官" /> |
| | | </el-form-item></el-col> |
| | | <el-col :span="6"><el-form-item label="应收费用" prop="chargeamount"> |
| | | <el-input v-model="form.chargeamount" placeholder="请输入应收费用" /> |
| | | </el-form-item></el-col> |
| | | <el-col :span="6"><el-form-item label="已收费用" prop="chargeamounted"> |
| | | <el-input v-model="form.chargeamounted" placeholder="请输入已收费用" /> |
| | | </el-form-item></el-col> |
| | | </el-row><el-row> |
| | | <el-col :span="24"><el-form-item label="备注" prop="remark"> |
| | | <el-input v-model="form.remark" placeholder="请输入备注" /> |
| | | </el-form-item></el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <div slot="footer" class="dialog-footer"> |
| | | <el-button type="primary" @click="submitForm">确 定</el-button> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { listDonorcharge, getDonorcharge, delDonorcharge, addDonorcharge, updateDonorcharge, exportDonorcharge } from "@/api/system/donorcharge"; |
| | | |
| | | import { listDonorcharge, getDonorcharge, delDonorcharge, addDonorcharge, updateDonorcharge, exportDonorcharge, listDonorchargeorgan, getDonorchargeorgan, delDonorchargeorgan, addDonorchargeorgan, updateDonorchargeorgan, exportDonorchargeorgan } from "@/api/project/donorcharge"; |
| | | export default { |
| | | name: "Donorcharge", |
| | | data() { |
| | |
| | | // 多选框选中数据 |
| | | handleSelectionChange(selection) { |
| | | this.ids = selection.map(item => item.id) |
| | | this.single = selection.length!==1 |
| | | this.single = selection.length !== 1 |
| | | this.multiple = !selection.length |
| | | }, |
| | | /** 新增按钮操作 */ |
| | |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | | const ids = row.id || this.ids; |
| | | this.$modal.confirm('是否确认删除捐献案例器官列编号为"' + ids + '"的数据项?').then(function() { |
| | | this.$modal.confirm('是否确认删除捐献案例器官列编号为"' + ids + '"的数据项?').then(function () { |
| | | return delDonorcharge(ids); |
| | | }).then(() => { |
| | | this.getList(); |
| | | this.$modal.msgSuccess("删除成功"); |
| | | }).catch(() => {}); |
| | | }).catch(() => { }); |
| | | }, |
| | | /** 导出按钮操作 */ |
| | | handleExport() { |
| | |
| | | }).then(response => { |
| | | this.$download.name(response.msg); |
| | | this.exportLoading = false; |
| | | }).catch(() => {}); |
| | | }).catch(() => { }); |
| | | } |
| | | } |
| | | }; |