leiyun
/
cytx_api
1
0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Vydání 0 Wiki Aktivita
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
50 Revize
1 Větev
13 MiB
 
 
 
 
 
Strom: 6cb49bed38
Větve Značky
${ item.name }
Vytvořit větev ${ searchTerm }
z „6cb49bed38“
${ noResults }
cytx_api/view/admin/patient_index.html

815 řádky
36 KiB
Surový Blame Historie 

  1. {% extends "./layout.html" %}

  2. 

  3. {% block title %}患者管理{% endblock %}

  4. 

  5. {% block content %}

  6. <div id="patientApp" v-cloak>

  7.   <!-- 搜索栏 -->

  8.   <el-card shadow="never" class="mb-4">

  9.     <el-form :inline="true" @submit.prevent="loadList()" class="flex items-center flex-wrap gap-2">

  10.       <el-form-item label="关键词" class="!mb-0">

  11.         <el-input v-model="keyword" placeholder="姓名/手机号/编号" clearable style="width:180px;" />

  12.       </el-form-item>

  13.       <el-form-item label="日期范围" class="!mb-0">

  14.         <el-date-picker v-model="dateRange" type="daterange" range-separator="至"

  15.           start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYY-MM-DD"

  16.           style="width:260px;" />

  17.       </el-form-item>

  18.       <el-form-item label="瘤种" class="!mb-0">

  19.         <el-select v-model="tagFilter" placeholder="全部瘤种" clearable filterable style="width:160px;">

  20.           <el-option v-for="t in tagOptions" :key="t" :label="t" :value="t"></el-option>

  21.           <el-option label="无瘤种" value="none"></el-option>

  22.         </el-select>

  23.       </el-form-item>

  24.       <el-form-item label="地区" class="!mb-0">

  25.         <el-cascader v-model="regionFilter" :options="regionTree"

  26.           :props="{ value: 'code', label: 'name', children: 'children', checkStrictly: true }"

  27.           placeholder="全部地区" clearable style="width:220px;" />

  28.       </el-form-item>

  29.       <el-form-item class="!mb-0">

  30.         <el-button type="primary" @click="loadList()">搜索</el-button>

  31.         <el-button @click="resetFilter">重置</el-button>

  32.       </el-form-item>

  33.     </el-form>

  34.     <div style="display:flex;gap:8px;margin-top:12px;">

  35.       <el-button v-if="perms.canAdd" type="success" :icon="Plus" @click="showAddDialog">新增患者</el-button>

  36.       <el-button v-if="perms.canExport" :icon="Download" @click="handleExport" :loading="exporting">导出</el-button>

  37.       <el-button v-if="perms.canExport" type="warning" :icon="Download" @click="showExportFilesDialog">异步下载附件</el-button>

  38.       <el-button v-if="perms.canEdit" type="primary" plain @click="showSampleReceiverDialog">送检信息配置</el-button>

  39.       <el-button v-if="perms.canDelete && selectedIds.length" type="danger" :icon="Delete" @click="handleBatchDelete">批量删除 (${ selectedIds.length })</el-button>

  40.     </div>

  41.   </el-card>

  42. 

  43.   <!-- 状态 Tab -->

  44.   <el-card shadow="never">

  45.     <el-tabs v-model="activeTab" @tab-change="onTabChange">

  46.       <el-tab-pane name="all">

  47.         <template #label>全部 <el-badge :value="counts.all" type="info" class="ml-1" /></template>

  48.       </el-tab-pane>

  49.       <el-tab-pane name="draft">

  50.         <template #label>待提交 <el-badge :value="counts.draft" class="ml-1" /></template>

  51.       </el-tab-pane>

  52.       <el-tab-pane name="pending">

  53.         <template #label>待审核 <el-badge :value="counts.pending" type="warning" class="ml-1" /></template>

  54.       </el-tab-pane>

  55.       <el-tab-pane name="rejected">

  56.         <template #label>已驳回 <el-badge :value="counts.rejected" type="danger" class="ml-1" /></template>

  57.       </el-tab-pane>

  58.       <el-tab-pane name="approved">

  59.         <template #label>审核通过 <el-badge :value="counts.approved" type="success" class="ml-1" /></template>

  60.       </el-tab-pane>

  61.     </el-tabs>

  62. 

  63.     <el-table :data="tableData" v-loading="loading" stripe border @selection-change="onSelectionChange">

  64.       <el-table-column v-if="perms.canDelete" type="selection" width="45"></el-table-column>

  65.       <el-table-column prop="patient_no" label="编号" min-width="200"></el-table-column>

  66.       <el-table-column prop="name" label="姓名" min-width="80"></el-table-column>

  67.       <el-table-column label="身份证号" min-width="180">

  68.         <template #default="{ row }">${ row.id_card_mask }</template>

  69.       </el-table-column>

  70.       <el-table-column label="手机号" min-width="130">

  71.         <template #default="{ row }">${ row.phone_mask }</template>

  72.       </el-table-column>

  73.       <el-table-column label="地区" min-width="160">

  74.         <template #default="{ row }">${ row.region_name || '—' }</template>

  75.       </el-table-column>

  76.       <el-table-column label="瘤种" min-width="120">

  77.         <template #default="{ row }">

  78.           <el-tag v-if="row.tag" type="danger" size="small">${ row.tag }</el-tag>

  79.           <span v-else style="color:#999;">—</span>

  80.         </template>

  81.       </el-table-column>

  82.       <el-table-column label="提交时间" min-width="170">

  83.         <template #default="{ row }">${ row.create_time }</template>

  84.       </el-table-column>

  85.       <el-table-column label="状态" min-width="100" align="center">

  86.         <template #default="{ row }">

  87.           <el-tag v-if="row.status === -1" type="info" size="small">待提交</el-tag>

  88.           <el-tag v-else-if="row.status === 0" type="warning" size="small">待审核</el-tag>

  89.           <el-tag v-else-if="row.status === 1" type="success" size="small">审核通过</el-tag>

  90.           <el-tag v-else-if="row.status === 2" type="danger" size="small">已驳回</el-tag>

  91.         </template>

  92.       </el-table-column>

  93.       <el-table-column label="送检状态" min-width="130" align="center">

  94.         <template #default="{ row }">

  95.           <el-tag :type="row.sample_info_status_type || 'info'" size="small">${ row.sample_info_status_text || '未提交' }</el-tag>

  96.         </template>

  97.       </el-table-column>

  98.       <el-table-column label="操作" width="240" align="center" fixed="right">

  99.         <template #default="{ row }">

  100.           <el-button type="primary" link @click="viewDetail(row)">查看详情</el-button>

  101.           <el-button v-if="perms.canEdit" type="info" link @click="showEditDialog(row)">编辑</el-button>

  102.           <el-button v-if="(row.status === 0 || row.sample_info_status == 3) && perms.canAudit" type="warning" link @click="viewDetail(row)">去审核</el-button>

  103.           <el-button v-if="perms.canDelete" type="danger" link @click="handleDelete(row)">删除</el-button>

  104.         </template>

  105.       </el-table-column>

  106.     </el-table>

  107. 

  108.     <div class="flex justify-end mt-4">

  109.       <el-pagination

  110.         v-model:current-page="pagination.page"

  111.         v-model:page-size="pagination.pageSize"

  112.         :page-sizes="[10, 20, 50, 100]"

  113.         :total="pagination.total"

  114.         layout="total, sizes, prev, pager, next"

  115.         @current-change="loadList"

  116.         @size-change="onSizeChange"

  117.       />

  118.     </div>

  119.   </el-card>

  120. 

  121.   <!-- 新增患者弹窗 -->

  122.   <el-dialog v-model="addVisible" :title="editingId ? '编辑患者' : '新增患者'" width="720px" destroy-on-close draggable :close-on-click-modal="false">

  123.     <el-form :model="addForm" label-width="120px">

  124.       <el-row :gutter="16">

  125.         <el-col :span="12">

  126.           <el-form-item label="姓名" required>

  127.             <el-input v-model="addForm.name" placeholder="请输入姓名" />

  128.           </el-form-item>

  129.         </el-col>

  130.         <el-col :span="12">

  131.           <el-form-item label="瘤种">

  132.             <el-select v-model="addForm.tag" placeholder="请选择或输入瘤种" clearable filterable allow-create style="width:100%;">

  133.               <el-option v-for="t in tagOptions" :key="t" :label="t" :value="t"></el-option>

  134.             </el-select>

  135.           </el-form-item>

  136.         </el-col>

  137.         <el-col :span="12">

  138.           <el-form-item label="身份证号" required>

  139.             <el-input v-model="addForm.id_card" placeholder="请输入身份证号" maxlength="18" @input="onIdCardInput" />

  140.           </el-form-item>

  141.         </el-col>

  142.         <el-col :span="12">

  143.           <el-form-item label="手机号" required>

  144.             <el-input v-model="addForm.phone" placeholder="请输入手机号" maxlength="11" />

  145.           </el-form-item>

  146.         </el-col>

  147.         <el-col :span="12">

  148.           <el-form-item label="出生日期" required>

  149.             <el-date-picker v-model="addForm.birth_date" type="date" placeholder="选择日期"

  150.               value-format="YYYY-MM-DD" style="width:100%;" />

  151.           </el-form-item>

  152.         </el-col>

  153.         <el-col :span="12">

  154.           <el-form-item label="性别" required>

  155.             <el-select v-model="addForm.gender" placeholder="请选择" style="width:100%;">

  156.               <el-option label="男" value="男"></el-option>

  157.               <el-option label="女" value="女"></el-option>

  158.             </el-select>

  159.           </el-form-item>

  160.         </el-col>

  161.         <el-col :span="24">

  162.           <el-form-item label="所在地区" required>

  163.             <el-cascader v-model="addForm.regionCodes" :options="regionTree"

  164.               :props="{ value: 'code', label: 'name', children: 'children' }"

  165.               placeholder="请选择省/市/区" clearable style="width:100%;" />

  166.           </el-form-item>

  167.         </el-col>

  168.         <el-col :span="24">

  169.           <el-form-item label="详细地址" required>

  170.             <el-input v-model="addForm.address" placeholder="请输入详细地址（街道门牌号等）" />

  171.           </el-form-item>

  172.         </el-col>

  173.         <el-col :span="12">

  174.           <el-form-item label="医院名称">

  175.             <el-input v-model="addForm.hospital" placeholder="请输入就诊医院名称" />

  176.           </el-form-item>

  177.         </el-col>

  178.         <el-col :span="12">

  179.           <el-form-item label="医院地区">

  180.             <el-cascader v-model="addForm.hospitalRegionCodes" :options="regionTree"

  181.               :props="{ value: 'code', label: 'name', children: 'children' }"

  182.               placeholder="请选择医院省/市/区" clearable style="width:100%;" />

  183.           </el-form-item>

  184.         </el-col>

  185.         <el-col :span="12">

  186.           <el-form-item label="紧急联系人">

  187.             <el-input v-model="addForm.emergency_contact" placeholder="联系人姓名" />

  188.           </el-form-item>

  189.         </el-col>

  190.         <el-col :span="12">

  191.           <el-form-item label="紧急联系电话">

  192.             <el-input v-model="addForm.emergency_phone" placeholder="联系人电话" maxlength="11" />

  193.           </el-form-item>

  194.         </el-col>

  195.         <el-col :span="12">

  196.           <el-form-item label="年可支配收入(元)">

  197.             <el-input v-model="addForm.income_amount" placeholder="请输入年可支配收入" />

  198.           </el-form-item>

  199.         </el-col>

  200.         <el-col :span="12" v-if="isMinorComputed">

  201.           <el-form-item label="监护人姓名">

  202.             <el-input v-model="addForm.guardian_name" placeholder="请输入监护人姓名" />

  203.           </el-form-item>

  204.         </el-col>

  205.         <el-col :span="12" v-if="isMinorComputed">

  206.           <el-form-item label="监护人身份证">

  207.             <el-input v-model="addForm.guardian_id_card" placeholder="请输入监护人身份证号" maxlength="18" />

  208.           </el-form-item>

  209.         </el-col>

  210.         <el-col :span="12" v-if="isMinorComputed">

  211.           <el-form-item label="与患者关系">

  212.             <el-select v-model="addForm.guardian_relation" placeholder="请选择" style="width:100%;">

  213.               <el-option label="父亲" value="父亲"></el-option>

  214.               <el-option label="母亲" value="母亲"></el-option>

  215.               <el-option label="其他" value="其他"></el-option>

  216.             </el-select>

  217.           </el-form-item>

  218.         </el-col>

  219.         <el-col :span="24">

  220.           <el-form-item label="上传资料">

  221.             <div class="flex flex-wrap gap-2">

  222.               <div v-for="(doc, idx) in addForm.documents" :key="idx"

  223.                 style="position:relative;width:80px;height:80px;">

  224.                 <el-image :src="doc" fit="cover" style="width:80px;height:80px;border-radius:6px;border:1px solid #eee;"></el-image>

  225.                 <div @click="addForm.documents.splice(idx, 1)"

  226.                   style="position:absolute;top:-6px;right:-6px;cursor:pointer;background:rgba(0,0,0,0.6);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:10;line-height:1;">×</div>

  227.               </div>

  228.               <el-upload action="/admin/upload" :show-file-list="false" accept="image/*"

  229.                 :on-success="onDocUpload" :headers="uploadHeaders" style="width:80px;height:80px;">

  230.                 <div class="flex items-center justify-center border-2 border-dashed border-gray-300 rounded-md cursor-pointer text-2xl text-gray-400"

  231.                   style="width:80px;height:80px;">+</div>

  232.               </el-upload>

  233.             </div>

  234.           </el-form-item>

  235.         </el-col>

  236.         <el-col :span="24">

  237.           <el-form-item label="签字材料">

  238.             <div class="flex flex-wrap gap-3">

  239.               <el-upload action="/admin/upload" :show-file-list="false" accept=".pdf,.png,.jpg,.jpeg"

  240.                 :on-success="(res) => onSignUpload(res, 'sign_income')" :headers="uploadHeaders">

  241.                 <el-button :type="addForm.sign_income ? 'success' : 'default'" plain>

  242.                   ${ addForm.sign_income ? '✅' : '📄' } 个人可支配收入声明

  243.                 </el-button>

  244.               </el-upload>

  245.               <el-upload action="/admin/upload" :show-file-list="false" accept=".pdf,.png,.jpg,.jpeg"

  246.                 :on-success="(res) => onSignUpload(res, 'sign_privacy')" :headers="uploadHeaders">

  247.                 <el-button :type="addForm.sign_privacy ? 'success' : 'default'" plain>

  248.                   ${ addForm.sign_privacy ? '✅' : '📄' } 个人信息处理同意书

  249.                 </el-button>

  250.               </el-upload>

  251.               <el-upload action="/admin/upload" :show-file-list="false" accept=".pdf,.png,.jpg,.jpeg"

  252.                 :on-success="(res) => onSignUpload(res, 'sign_promise')" :headers="uploadHeaders">

  253.                 <el-button :type="addForm.sign_promise ? 'success' : 'default'" plain>

  254.                   ${ addForm.sign_promise ? '✅' : '📄' } 声明与承诺

  255.                 </el-button>

  256.               </el-upload>

  257.               <el-upload v-if="isMinorComputed" action="/admin/upload" :show-file-list="false" accept=".pdf,.png,.jpg,.jpeg"

  258.                 :on-success="(res) => onSignUpload(res, 'sign_privacy_jhr')" :headers="uploadHeaders">

  259.                 <el-button :type="addForm.sign_privacy_jhr ? 'success' : 'default'" plain>

  260.                   ${ addForm.sign_privacy_jhr ? '✅' : '📄' } 监护人个人信息处理同意书

  261.                 </el-button>

  262.               </el-upload>

  263.             </div>

  264.           </el-form-item>

  265.         </el-col>

  266.       </el-row>

  267.     </el-form>

  268.     <template #footer>

  269.       <el-button @click="addVisible = false">取消</el-button>

  270.       <el-button type="primary" @click="submitAdd" :loading="addSaving">${ editingId ? '保存修改' : '确认新增' }</el-button>

  271.     </template>

  272.   </el-dialog>

  273. 

  274.   <!-- 送检信息配置弹窗 -->

  275.   <el-dialog v-model="sampleReceiverVisible" title="送检信息配置" width="560px" destroy-on-close :close-on-click-modal="false">

  276.     <el-form :model="sampleReceiverForm" label-width="90px">

  277.       <el-form-item label="收件地址" required>

  278.         <el-input v-model="sampleReceiverForm.address" type="textarea" :rows="3" placeholder="请输入收件地址" />

  279.       </el-form-item>

  280.       <el-form-item label="收件人" required>

  281.         <el-input v-model="sampleReceiverForm.receiver" placeholder="请输入收件人" />

  282.       </el-form-item>

  283.       <el-form-item label="电话" required>

  284.         <el-input v-model="sampleReceiverForm.phone" placeholder="请输入联系电话" />

  285.       </el-form-item>

  286.       <el-form-item label="平台电话">

  287.         <el-input v-model="sampleReceiverForm.contact_phone" placeholder="选填，用于小程序修改权限联系平台" />

  288.       </el-form-item>

  289.     </el-form>

  290.     <template #footer>

  291.       <el-button @click="sampleReceiverVisible = false">取消</el-button>

  292.       <el-button type="primary" @click="saveSampleReceiverConfig" :loading="sampleReceiverSaving">保存</el-button>

  293.     </template>

  294.   </el-dialog>

  295. 

  296.   <!-- 导出附件弹窗 -->

  297.   <el-dialog v-model="exportFilesVisible" title="异步下载附件" width="480px" destroy-on-close :close-on-click-modal="false">

  298.     <p style="color:#606266;margin-bottom:16px;">将按当前筛选条件导出患者附件，打包为 ZIP 文件。请选择需要导出的附件类型：</p>

  299.     <el-checkbox-group v-model="exportFileTypes">

  300.       <div style="display:flex;flex-direction:column;gap:12px;">

  301.         <el-checkbox label="id_photos">实名认证照片（身份证人像面、国徽面、免冠照片）</el-checkbox>

  302.         <el-checkbox label="documents">上传资料（检查报告单、出院诊断证明书）</el-checkbox>

  303.         <el-checkbox label="signs">签字材料（收入声明、信息同意书、声明与承诺等）</el-checkbox>

  304.       </div>

  305.     </el-checkbox-group>

  306.     <template #footer>

  307.       <div style="display:flex;justify-content:space-between;align-items:center;width:100%;">

  308.         <el-button type="primary" link @click="goExportTask">查看已有任务</el-button>

  309.         <div>

  310.           <el-button @click="exportFilesVisible = false">取消</el-button>

  311.           <el-button type="primary" @click="submitExportFiles" :loading="exportFilesLoading">创建任务</el-button>

  312.         </div>

  313.       </div>

  314.     </template>

  315.   </el-dialog>

  316. 

  317.   <!-- 导出任务创建成功弹窗 -->

  318.   <el-dialog v-model="exportSuccessVisible" title="任务创建成功" width="420px" :close-on-click-modal="false">

  319.     <div style="text-align:center;padding:16px 0;">

  320.       <div style="font-size:48px;margin-bottom:12px;">✅</div>

  321.       <p style="font-size:15px;color:#303133;">导出任务已创建，系统正在后台打包中。</p>

  322.       <p style="font-size:13px;color:#909399;margin-top:8px;">您可以前往「下载管理」页面查看进度和下载文件。</p>

  323.     </div>

  324.     <template #footer>

  325.       <el-button @click="exportSuccessVisible = false">稍后再看</el-button>

  326.       <el-button type="primary" @click="goExportTask">前往下载管理</el-button>

  327.     </template>

  328.   </el-dialog>

  329. </div>

  330. {% endblock %}

  331. 

  332. {% block js %}

  333. <script>

  334. const { createApp, ref, reactive, onMounted, computed } = Vue;

  335. const { Plus, Download, Delete } = ElementPlusIconsVue;

  336. 

  337. const perms = {

  338.   canAdd: {{ canAdd | dump | safe }},

  339.   canEdit: {{ canEdit | dump | safe }},

  340.   canExport: {{ canExport | dump | safe }},

  341.   canAudit: {{ canAudit | dump | safe }},

  342.   canView: {{ canView | dump | safe }},

  343.   canDelete: {{ canDelete | dump | safe }}

  344. };

  345. 

  346. const app = createApp({

  347.   delimiters: ['${', '}'],

  348.   setup() {

  349.     const keyword = ref('');

  350.     const dateRange = ref(null);

  351.     const tagFilter = ref('');

  352.     const activeTab = ref('all');

  353.     const loading = ref(false);

  354.     const tableData = ref([]);

  355.     const pagination = reactive({ page: 1, pageSize: 10, total: 0 });

  356.     const counts = reactive({ all: 0, draft: 0, pending: 0, approved: 0, rejected: 0 });

  357.     const uploadHeaders = {};

  358. 

  359.     // 新增弹窗

  360.     const addVisible = ref(false);

  361.     const addSaving = ref(false);

  362.     const editingId = ref(null);

  363.     const addForm = reactive({

  364.       name: '', phone: '', id_card: '', gender: '', birth_date: '',

  365.       regionCodes: [], address: '', hospital: '', hospitalRegionCodes: [],

  366.       emergency_contact: '', emergency_phone: '',

  367.       tag: '', documents: [], sign_income: '', sign_privacy: '', sign_promise: '',

  368.       sign_privacy_jhr: '', income_amount: '', guardian_name: '', guardian_id_card: '', guardian_relation: ''

  369.     });

  370. 

  371.     // 省市区树形数据

  372.     const regionTree = ref([]);

  373. 

  374.     // 瘤种选项（从接口加载）

  375.     const tagOptions = ref([]);

  376. 

  377.     // 判断是否未成年（根据身份证号计算年龄）

  378.     const isMinorComputed = computed(function() {

  379.       var idCard = addForm.id_card;

  380.       if (!idCard || idCard.length !== 18) return false;

  381.       var birthStr = idCard.substring(6, 10) + '-' + idCard.substring(10, 12) + '-' + idCard.substring(12, 14);

  382.       var birth = new Date(birthStr);

  383.       if (isNaN(birth.getTime())) return false;

  384.       var now = new Date();

  385.       var age = now.getFullYear() - birth.getFullYear();

  386.       var m = now.getMonth() - birth.getMonth();

  387.       if (m < 0 || (m === 0 && now.getDate() < birth.getDate())) age--;

  388.       return age < 18;

  389.     });

  390. 

  391.     const regionFilter = ref([]);

  392.     const exporting = ref(false);

  393.     const sampleReceiverVisible = ref(false);

  394.     const sampleReceiverSaving = ref(false);

  395.     const sampleReceiverForm = reactive({ address: '', receiver: '', phone: '', contact_phone: '' });

  396. 

  397.     const tabStatusMap = { all: '', draft: '-1', pending: '0', rejected: '2', approved: '1' };

  398. 

  399.     async function loadTagOptions() {

  400.       var res = await fetch('/common/tagOptions').then(function(r) { return r.json(); });

  401.       if (res.code === 0) tagOptions.value = res.data || [];

  402.     }

  403. 

  404.     async function loadRegionTree() {

  405.       var res = await fetch('/common/regions').then(function(r) { return r.json(); });

  406.       if (res.code === 0) regionTree.value = res.data || [];

  407.     }

  408. 

  409.     async function loadList(page) {

  410.       if (typeof page === 'number') pagination.page = page;

  411.       loading.value = true;

  412.       try {

  413.         var params = new URLSearchParams({

  414.           page: pagination.page,

  415.           pageSize: pagination.pageSize,

  416.           keyword: keyword.value,

  417.           tag: tagFilter.value,

  418.           status: tabStatusMap[activeTab.value] || ''

  419.         });

  420.         if (dateRange.value && dateRange.value.length === 2) {

  421.           params.set('startDate', dateRange.value[0]);

  422.           params.set('endDate', dateRange.value[1]);

  423.         }

  424.         if (regionFilter.value && regionFilter.value.length >= 1) params.set('province_code', regionFilter.value[0]);

  425.         if (regionFilter.value && regionFilter.value.length >= 2) params.set('city_code', regionFilter.value[1]);

  426.         if (regionFilter.value && regionFilter.value.length >= 3) params.set('district_code', regionFilter.value[2]);

  427.         var res = await fetch('/admin/patient/list?' + params).then(function(r) { return r.json(); });

  428.         if (res.code === 0) {

  429.           tableData.value = res.data.data || [];

  430.           pagination.total = res.data.count || 0;

  431.           if (res.data.counts) Object.assign(counts, res.data.counts);

  432.         } else {

  433.           ElementPlus.ElMessage.error(res.msg || '加载失败');

  434.         }

  435.       } finally {

  436.         loading.value = false;

  437.       }

  438.     }

  439. 

  440.     function resetFilter() {

  441.       keyword.value = '';

  442.       dateRange.value = null;

  443.       tagFilter.value = '';

  444.       regionFilter.value = [];

  445.       activeTab.value = 'all';

  446.       pagination.page = 1;

  447.       loadList();

  448.     }

  449. 

  450.     function onTabChange() {

  451.       pagination.page = 1;

  452.       loadList();

  453.     }

  454. 

  455.     function onSizeChange() {

  456.       pagination.page = 1;

  457.       loadList();

  458.     }

  459. 

  460.     // 多选

  461.     const selectedIds = ref([]);

  462.     function onSelectionChange(rows) {

  463.       selectedIds.value = rows.map(function(r) { return r.id; });

  464.     }

  465. 

  466.     // 单条删除

  467.     async function handleDelete(row) {

  468.       try {

  469.         await ElementPlus.ElMessageBox.confirm(

  470.           '确定要删除患者「' + row.name + '」吗？删除后不可恢复。',

  471.           '确认删除',

  472.           { confirmButtonText: '确认删除', cancelButtonText: '取消', type: 'warning' }

  473.         );

  474.         var res = await fetch('/admin/patient/delete', {

  475.           method: 'POST',

  476.           headers: { 'Content-Type': 'application/json' },

  477.           body: JSON.stringify({ ids: [row.id] })

  478.         }).then(function(r) { return r.json(); });

  479.         if (res.code === 0) {

  480.           ElementPlus.ElMessage.success('删除成功');

  481.           loadList();

  482.         } else {

  483.           ElementPlus.ElMessage.error(res.msg || '删除失败');

  484.         }

  485.       } catch(e) {}

  486.     }

  487. 

  488.     // 批量删除

  489.     async function handleBatchDelete() {

  490.       if (!selectedIds.value.length) return;

  491.       try {

  492.         await ElementPlus.ElMessageBox.confirm(

  493.           '确定要删除选中的 ' + selectedIds.value.length + ' 条患者记录吗？删除后不可恢复。',

  494.           '批量删除确认',

  495.           { confirmButtonText: '确认删除', cancelButtonText: '取消', type: 'warning' }

  496.         );

  497.         var res = await fetch('/admin/patient/delete', {

  498.           method: 'POST',

  499.           headers: { 'Content-Type': 'application/json' },

  500.           body: JSON.stringify({ ids: selectedIds.value })

  501.         }).then(function(r) { return r.json(); });

  502.         if (res.code === 0) {

  503.           ElementPlus.ElMessage.success('删除成功');

  504.           selectedIds.value = [];

  505.           loadList();

  506.         } else {

  507.           ElementPlus.ElMessage.error(res.msg || '删除失败');

  508.         }

  509.       } catch(e) {}

  510.     }

  511. 

  512.     function viewDetail(row) {

  513.       if (!perms.canView) {

  514.         ElementPlus.ElMessageBox.alert('暂无查看详情权限，请先联系管理员授权', '温馨提示', {

  515.           confirmButtonText: '知道了',

  516.           type: 'warning'

  517.         });

  518.         return;

  519.       }

  520.       window.location.href = '/admin/patient/detail.html?id=' + row.id;

  521.     }

  522. 

  523.     function showAddDialog() {

  524.       editingId.value = null;

  525.       Object.assign(addForm, {

  526.         name: '', phone: '', id_card: '', gender: '', birth_date: '',

  527.         regionCodes: [], address: '', hospital: '', hospitalRegionCodes: [],

  528.         emergency_contact: '', emergency_phone: '',

  529.         tag: '', documents: [], sign_income: '', sign_privacy: '', sign_promise: '',

  530.         sign_privacy_jhr: '', income_amount: '', guardian_name: '', guardian_id_card: '', guardian_relation: ''

  531.       });

  532.       addVisible.value = true;

  533.     }

  534. 

  535.     function onIdCardInput() {

  536.       var v = addForm.id_card;

  537.       if (v.length === 18) {

  538.         addForm.birth_date = v.substring(6, 10) + '-' + v.substring(10, 12) + '-' + v.substring(12, 14);

  539.         addForm.gender = parseInt(v.charAt(16)) % 2 === 0 ? '女' : '男';

  540.       }

  541.     }

  542. 

  543.     function onDocUpload(res) {

  544.       if (res.code === 0 && res.data && res.data.url) {

  545.         addForm.documents.push(res.data.url);

  546.       } else {

  547.         ElementPlus.ElMessage.error(res.msg || '上传失败');

  548.       }

  549.     }

  550. 

  551.     function onSignUpload(res, field) {

  552.       if (res.code === 0 && res.data && res.data.url) {

  553.         addForm[field] = res.data.url;

  554.       } else {

  555.         ElementPlus.ElMessage.error(res.msg || '上传失败');

  556.       }

  557.     }

  558. 

  559.     async function showEditDialog(row) {

  560.       editingId.value = row.id;

  561.       // 先重置表单

  562.       Object.assign(addForm, {

  563.         name: '', phone: '', id_card: '', gender: '', birth_date: '',

  564.         regionCodes: [], address: '', hospital: '', hospitalRegionCodes: [],

  565.         emergency_contact: '', emergency_phone: '',

  566.         tag: '', documents: [], sign_income: '', sign_privacy: '', sign_promise: '',

  567.         sign_privacy_jhr: '', income_amount: '', guardian_name: '', guardian_id_card: '', guardian_relation: ''

  568.       });

  569.       try {

  570.         var res = await fetch('/admin/patient/info?id=' + row.id).then(function(r) { return r.json(); });

  571.         if (res.code === 0) {

  572.           var p = res.data.patient;

  573.           Object.assign(addForm, {

  574.             name: p.name || '',

  575.             phone: p.phone || '',

  576.             id_card: p.id_card || '',

  577.             gender: p.gender || '',

  578.             birth_date: p.birth_date || '',

  579.             address: p.address || '',

  580.             hospital: p.hospital || '',

  581.             hospitalRegionCodes: [p.hospital_province_code, p.hospital_city_code, p.hospital_district_code].filter(Boolean),

  582.             emergency_contact: p.emergency_contact || '',

  583.             emergency_phone: p.emergency_phone || '',

  584.             tag: p.tag || '',

  585.             documents: (typeof p.documents === 'string' ? JSON.parse(p.documents || '[]') : p.documents) || [],

  586.             sign_income: p.sign_income || '',

  587.             sign_privacy: p.sign_privacy || '',

  588.             sign_promise: p.sign_promise || '',

  589.             sign_privacy_jhr: p.sign_privacy_jhr || '',

  590.             income_amount: p.income_amount || '',

  591.             guardian_name: p.guardian_name || '',

  592.             guardian_id_card: p.guardian_id_card || '',

  593.             guardian_relation: p.guardian_relation || '',

  594.             regionCodes: [p.province_code, p.city_code, p.district_code].filter(Boolean)

  595.           });

  596.           addVisible.value = true;

  597.         } else {

  598.           ElementPlus.ElMessage.error(res.msg || '获取患者信息失败');

  599.         }

  600.       } catch(e) {

  601.         ElementPlus.ElMessage.error('获取患者信息失败');

  602.       }

  603.     }

  604. 

  605.     async function submitAdd() {

  606.       if (!addForm.name.trim()) return ElementPlus.ElMessage.warning('请输入姓名');

  607.       if (!addForm.phone || !/^1\d{10}$/.test(addForm.phone)) return ElementPlus.ElMessage.warning('请输入正确的手机号');

  608.       if (!addForm.id_card || !/^\d{17}[\dXx]$/.test(addForm.id_card)) return ElementPlus.ElMessage.warning('请输入正确的身份证号');

  609.       if (!addForm.birth_date) return ElementPlus.ElMessage.warning('请选择出生日期');

  610.       if (!addForm.gender) return ElementPlus.ElMessage.warning('请选择性别');

  611.       if (!addForm.regionCodes || addForm.regionCodes.length !== 3) return ElementPlus.ElMessage.warning('请选择省市区');

  612.       if (!addForm.address.trim()) return ElementPlus.ElMessage.warning('请输入详细地址');

  613. 

  614.       addSaving.value = true;

  615.       try {

  616.         var url = editingId.value ? '/admin/patient/edit' : '/admin/patient/add';

  617.         var hospitalRegionCodes = addForm.hospitalRegionCodes || [];

  618.         var body = {

  619.           name: addForm.name.trim(),

  620.           phone: addForm.phone,

  621.           id_card: addForm.id_card,

  622.           gender: addForm.gender,

  623.           birth_date: addForm.birth_date,

  624.           province_code: addForm.regionCodes[0],

  625.           city_code: addForm.regionCodes[1],

  626.           district_code: addForm.regionCodes[2],

  627.           address: addForm.address.trim(),

  628.           hospital: addForm.hospital || '',

  629.           hospital_province_code: hospitalRegionCodes[0] || '',

  630.           hospital_city_code: hospitalRegionCodes[1] || '',

  631.           hospital_district_code: hospitalRegionCodes[2] || '',

  632.           emergency_contact: addForm.emergency_contact || '',

  633.           emergency_phone: addForm.emergency_phone || '',

  634.           tag: addForm.tag || '',

  635.           documents: addForm.documents,

  636.           sign_income: addForm.sign_income,

  637.           sign_privacy: addForm.sign_privacy,

  638.           sign_promise: addForm.sign_promise,

  639.           sign_privacy_jhr: addForm.sign_privacy_jhr || '',

  640.           income_amount: addForm.income_amount || '',

  641.           guardian_name: addForm.guardian_name || '',

  642.           guardian_id_card: addForm.guardian_id_card || '',

  643.           guardian_relation: addForm.guardian_relation || ''

  644.         };

  645.         if (editingId.value) body.id = editingId.value;

  646. 

  647.         var res = await fetch(url, {

  648.           method: 'POST',

  649.           headers: { 'Content-Type': 'application/json' },

  650.           body: JSON.stringify(body)

  651.         }).then(function(r) { return r.json(); });

  652. 

  653.         if (res.code === 0) {

  654.           ElementPlus.ElMessage.success(editingId.value ? '保存成功' : '新增成功');

  655.           addVisible.value = false;

  656.           loadList();

  657.         } else {

  658.           ElementPlus.ElMessage.error(res.msg || '操作失败');

  659.         }

  660.       } finally {

  661.         addSaving.value = false;

  662.       }

  663.     }

  664. 

  665.     function handleExport() {

  666.       var params = new URLSearchParams({

  667.         keyword: keyword.value,

  668.         tag: tagFilter.value,

  669.         status: tabStatusMap[activeTab.value] || ''

  670.       });

  671.       if (dateRange.value && dateRange.value.length === 2) {

  672.         params.set('startDate', dateRange.value[0]);

  673.         params.set('endDate', dateRange.value[1]);

  674.       }

  675.       if (regionFilter.value && regionFilter.value.length >= 1) params.set('province_code', regionFilter.value[0]);

  676.       if (regionFilter.value && regionFilter.value.length >= 2) params.set('city_code', regionFilter.value[1]);

  677.       if (regionFilter.value && regionFilter.value.length >= 3) params.set('district_code', regionFilter.value[2]);

  678.       window.open('/admin/patient/export?' + params.toString(), '_blank');

  679.     }

  680. 

  681.     async function showSampleReceiverDialog() {

  682.       try {

  683.         var res = await fetch('/admin/patient/sampleReceiverConfig').then(function(r) { return r.json(); });

  684.         if (res.code === 0) {

  685.           Object.assign(sampleReceiverForm, {

  686.             address: res.data.address || '',

  687.             receiver: res.data.receiver || '',

  688.             phone: res.data.phone || '',

  689.             contact_phone: res.data.contact_phone || ''

  690.           });

  691.           sampleReceiverVisible.value = true;

  692.         } else {

  693.           ElementPlus.ElMessage.error(res.msg || '获取配置失败');

  694.         }

  695.       } catch(e) {

  696.         ElementPlus.ElMessage.error('获取配置失败');

  697.       }

  698.     }

  699. 

  700.     async function saveSampleReceiverConfig() {

  701.       if (!sampleReceiverForm.address.trim()) return ElementPlus.ElMessage.warning('请填写收件地址');

  702.       if (!sampleReceiverForm.receiver.trim()) return ElementPlus.ElMessage.warning('请填写收件人');

  703.       if (!sampleReceiverForm.phone.trim()) return ElementPlus.ElMessage.warning('请填写电话');

  704. 

  705.       sampleReceiverSaving.value = true;

  706.       try {

  707.         var res = await fetch('/admin/patient/saveSampleReceiverConfig', {

  708.           method: 'POST',

  709.           headers: { 'Content-Type': 'application/json' },

  710.           body: JSON.stringify({

  711.             address: sampleReceiverForm.address.trim(),

  712.             receiver: sampleReceiverForm.receiver.trim(),

  713.             phone: sampleReceiverForm.phone.trim(),

  714.             contact_phone: sampleReceiverForm.contact_phone.trim()

  715.           })

  716.         }).then(function(r) { return r.json(); });

  717. 

  718.         if (res.code === 0) {

  719.           ElementPlus.ElMessage.success('保存成功');

  720.           sampleReceiverVisible.value = false;

  721.         } else {

  722.           ElementPlus.ElMessage.error(res.msg || '保存失败');

  723.         }

  724.       } finally {

  725.         sampleReceiverSaving.value = false;

  726.       }

  727.     }

  728. 

  729.     // 导出附件

  730.     const exportFilesVisible = ref(false);

  731.     const exportFilesLoading = ref(false);

  732.     const exportFileTypes = ref(['id_photos', 'documents', 'signs']);

  733.     const exportSuccessVisible = ref(false);

  734. 

  735.     function showExportFilesDialog() {

  736.       exportFileTypes.value = ['id_photos', 'documents', 'signs'];

  737.       exportFilesVisible.value = true;

  738.     }

  739. 

  740.     async function submitExportFiles() {

  741.       if (!exportFileTypes.value.length) {

  742.         return ElementPlus.ElMessage.warning('请至少选择一种附件类型');

  743.       }

  744.       exportFilesLoading.value = true;

  745.       try {

  746.         var filterObj = {

  747.           keyword: keyword.value,

  748.           tag: tagFilter.value,

  749.           status: tabStatusMap[activeTab.value] || ''

  750.         };

  751.         if (dateRange.value && dateRange.value.length === 2) {

  752.           filterObj.startDate = dateRange.value[0];

  753.           filterObj.endDate = dateRange.value[1];

  754.         }

  755.         if (regionFilter.value && regionFilter.value.length >= 1) filterObj.province_code = regionFilter.value[0];

  756.         if (regionFilter.value && regionFilter.value.length >= 2) filterObj.city_code = regionFilter.value[1];

  757.         if (regionFilter.value && regionFilter.value.length >= 3) filterObj.district_code = regionFilter.value[2];

  758. 

  759.         var res = await fetch('/admin/patient/exportFiles', {

  760.           method: 'POST',

  761.           headers: { 'Content-Type': 'application/json' },

  762.           body: JSON.stringify({

  763.             file_types: exportFileTypes.value,

  764.             filter_params: filterObj

  765.           })

  766.         }).then(function(r) { return r.json(); });

  767. 

  768.         if (res.code === 0) {

  769.           exportFilesVisible.value = false;

  770.           exportSuccessVisible.value = true;

  771.         } else if (res.code === 1001) {

  772.           exportFilesVisible.value = false;

  773.           ElementPlus.ElMessageBox.confirm(

  774.             res.msg || '有任务正在打包中，请稍后再试',

  775.             '提示',

  776.             { confirmButtonText: '去查看', cancelButtonText: '关闭', type: 'warning' }

  777.           ).then(function() {

  778.             goExportTask();

  779.           }).catch(function() {});

  780.         } else {

  781.           ElementPlus.ElMessage.error(res.msg || '创建任务失败');

  782.         }

  783.       } finally {

  784.         exportFilesLoading.value = false;

  785.       }

  786.     }

  787. 

  788.     function goExportTask() {

  789.       window.location.href = '/admin/export_task.html';

  790.     }

  791. 

  792.     onMounted(function() {

  793.       loadList();

  794.       loadRegionTree();

  795.       loadTagOptions();

  796.     });

  797. 

  798.     return {

  799.       keyword, dateRange, tagFilter, regionFilter, activeTab, loading, tableData, pagination, counts,

  800.       uploadHeaders, addVisible, addSaving, addForm, exporting, editingId, perms, selectedIds,

  801.       regionTree, tagOptions, isMinorComputed, Plus, Download, Delete,

  802.       sampleReceiverVisible, sampleReceiverSaving, sampleReceiverForm,

  803.       exportFilesVisible, exportFilesLoading, exportFileTypes, exportSuccessVisible,

  804.       loadList, resetFilter, onTabChange, onSizeChange, onSelectionChange, viewDetail, showAddDialog, showEditDialog, handleExport,

  805.       onIdCardInput, onDocUpload, onSignUpload, submitAdd, handleDelete, handleBatchDelete,

  806.       showSampleReceiverDialog, saveSampleReceiverConfig, showExportFilesDialog, submitExportFiles, goExportTask

  807.     };

  808.   }

  809. });

  810. 

  811. app.use(ElementPlus, { locale: ElementPlusLocaleZhCn });

  812. app.mount('#patientApp');

  813. </script>

  814. {% endblock %}