<template>
|
<div class="app-container">
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="80px">
|
<el-form-item label="患者姓名">
|
<el-input v-model="queryParams.patname" placeholder="请输入姓名" clearable @keyup.enter.native="handleQuery" style="width:180px" />
|
</el-form-item>
|
<el-form-item label="专案类型">
|
<el-select v-model="queryParams.subType" placeholder="请选择" clearable style="width:180px">
|
<el-option label="高危儿专案管理" value="highRisk" />
|
<el-option label="营养性疾病专案管理" value="nutrition" />
|
<el-option label="学习困难专案管理" value="learning" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="科室">
|
<el-input v-model="queryParams.deptname" placeholder="请输入科室" clearable @keyup.enter.native="handleQuery" style="width:180px" />
|
</el-form-item>
|
<el-form-item label="建档日期">
|
<el-date-picker v-model="dateRange" style="width:240px" value-format="yyyy-MM-dd" type="daterange"
|
range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期" />
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" icon="el-icon-search" size="medium" @click="handleQuery">搜索</el-button>
|
<el-button icon="el-icon-refresh" size="medium" @click="resetQuery">重置</el-button>
|
</el-form-item>
|
</el-form>
|
|
<el-row :gutter="10" class="mb8">
|
<el-col :span="1.5">
|
<el-button type="primary" plain icon="el-icon-plus" size="medium" @click="handleCreateStandalone">新建建档</el-button>
|
</el-col>
|
<el-col :span="1.5">
|
<el-button type="danger" plain icon="el-icon-delete" size="medium" :disabled="multiple" @click="handleDelete">删除</el-button>
|
</el-col>
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList" />
|
</el-row>
|
|
<el-table v-loading="loading" :data="displayList" @selection-change="handleSelectionChange">
|
<el-table-column type="selection" width="50" align="center" />
|
<el-table-column label="患者姓名" align="center" prop="patname" width="100" />
|
<el-table-column label="性别" align="center" width="60">
|
<template slot-scope="scope">{{ scope.row.sex == 1 ? '男' : '女' }}</template>
|
</el-table-column>
|
<el-table-column label="年龄" align="center" prop="age" width="60" />
|
<el-table-column label="联系电话" align="center" prop="telcode" width="130" />
|
<!-- 家长信息列 -->
|
<el-table-column label="家长姓名" align="center" width="100">
|
<template slot-scope="scope">{{ scope.row.parentInfo ? scope.row.parentInfo.parentName || '-' : '-' }}</template>
|
</el-table-column>
|
<el-table-column label="家长电话" align="center" width="130">
|
<template slot-scope="scope">{{ scope.row.parentInfo ? scope.row.parentInfo.parentPhone || '-' : '-' }}</template>
|
</el-table-column>
|
<el-table-column label="科室" align="center" prop="deptname" width="120" show-overflow-tooltip />
|
<el-table-column label="诊断" align="center" prop="diagname" min-width="150" show-overflow-tooltip />
|
<el-table-column label="专案类型" align="center" width="160">
|
<template slot-scope="scope">
|
<el-tag :type="subTypeTag(scope.row.subType)">{{ scope.row.subTypeLabel }}</el-tag>
|
</template>
|
</el-table-column>
|
<el-table-column label="建档医生" align="center" prop="archiveForm.doctorName" width="100" />
|
<el-table-column label="建档时间" align="center" width="160">
|
<template slot-scope="scope">{{ scope.row.createTime ? scope.row.createTime.substring(0, 10) : '-' }}</template>
|
</el-table-column>
|
<el-table-column label="来源" align="center" width="80">
|
<template slot-scope="scope">
|
<el-tag v-if="scope.row.sourcePage === 'standalone'" type="info" size="mini">独立</el-tag>
|
<span v-else>{{ scope.row.sourcePage === 'inpatient' ? '在院' : '门诊' }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="操作" align="center" fixed="right" width="120">
|
<template slot-scope="scope">
|
<el-button size="medium" type="text" @click="goDetail(scope.row)">
|
<span class="button-textsc"><i class="el-icon-zoom-in" />查看</span>
|
</el-button>
|
<el-button size="medium" type="text" @click="handleSingleDelete(scope.row)">
|
<span style="color:#f56c6c"><i class="el-icon-delete" />删除</span>
|
</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" />
|
|
<!-- 独立建档弹窗 -->
|
<ArchiveDialog :visible.sync="createDialogVisible" :standalone="true" @created="getList" />
|
</div>
|
</template>
|
|
<script>
|
import ArchiveDialog from "@/views/patient/archives/components/ArchiveDialog.vue";
|
|
export default {
|
name: "ChildHealthArchive",
|
components: { ArchiveDialog },
|
data() {
|
return {
|
loading: false, showSearch: true, multiple: true, ids: [], dateRange: [], total: 0, allList: [], displayList: [],
|
createDialogVisible: false,
|
queryParams: { pageNum: 1, pageSize: 10, patname: "", subType: "", deptname: "" },
|
};
|
},
|
created() { this.getList(); },
|
methods: {
|
getList() {
|
this.loading = true;
|
const all = JSON.parse(localStorage.getItem("patientArchives") || "[]");
|
this.allList = all.filter((item) => item.mainCategory === "child");
|
let filtered = [...this.allList];
|
if (this.queryParams.patname) filtered = filtered.filter((item) => item.patname && item.patname.includes(this.queryParams.patname));
|
if (this.queryParams.subType) filtered = filtered.filter((item) => item.subType === this.queryParams.subType);
|
if (this.queryParams.deptname) filtered = filtered.filter((item) => item.deptname && item.deptname.includes(this.queryParams.deptname));
|
if (this.dateRange && this.dateRange.length === 2) {
|
filtered = filtered.filter((item) => {
|
const d = (item.createTime || "").substring(0, 10);
|
return d >= this.dateRange[0] && d <= this.dateRange[1];
|
});
|
}
|
this.total = filtered.length;
|
const start = (this.queryParams.pageNum - 1) * this.queryParams.pageSize;
|
this.displayList = filtered.slice(start, start + this.queryParams.pageSize);
|
this.loading = false;
|
},
|
subTypeTag(type) { const map = { highRisk: "danger", nutrition: "warning", learning: "info" }; return map[type] || ""; },
|
handleQuery() { this.queryParams.pageNum = 1; this.getList(); },
|
resetQuery() { this.dateRange = []; this.queryParams = { pageNum: 1, pageSize: 10, patname: "", subType: "", deptname: "" }; this.getList(); },
|
handleSelectionChange(s) { this.ids = s.map(i => i.id); this.multiple = !s.length; },
|
handleDelete() {
|
if (this.ids.length === 0) { this.$modal.msgWarning("请至少选择一条"); return; }
|
this.$modal.confirm("确认删除选中档案？").then(() => {
|
const all = JSON.parse(localStorage.getItem("patientArchives") || "[]");
|
const remaining = all.filter((item) => !this.ids.includes(item.id));
|
localStorage.setItem("patientArchives", JSON.stringify(remaining));
|
this.$modal.msgSuccess("删除成功"); this.getList();
|
}).catch(() => {});
|
},
|
handleSingleDelete(row) { this.ids = [row.id]; this.handleDelete(); },
|
handleCreateStandalone() { this.createDialogVisible = true; },
|
goDetail(row) { this.$router.push({ path: "/filing/childDetail", query: { id: row.id } }); },
|
},
|
};
|
</script>
|
|
<style lang="scss" scoped>
|
.button-textsc { color: #3664d9; }
|
</style>
|
