leiyun
/
cytx_api
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
16 Commits
1 Branch
81 MiB
 
 
 
 
 
Tree: 60aaa9fd6d
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '60aaa9fd6d'
${ noResults }
cytx_api/view/admin/patient_index.html

557 lines
24 KiB
Raw Blame History 

  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.     </div>

  38.   </el-card>

  39. 

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

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

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

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

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

  45.       </el-tab-pane>

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

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

  48.       </el-tab-pane>

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

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

  51.       </el-tab-pane>

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

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

  54.       </el-tab-pane>

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

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

  57.       </el-tab-pane>

  58.     </el-tabs>

  59. 

  60.     <el-table :data="tableData" v-loading="loading" stripe border>

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

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

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

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

  65.       </el-table-column>

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

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

  68.       </el-table-column>

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

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

  71.       </el-table-column>

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

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

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

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

  76.         </template>

  77.       </el-table-column>

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

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

  80.       </el-table-column>

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

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

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

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

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

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

  87.         </template>

  88.       </el-table-column>

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

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

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

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

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

  94.         </template>

  95.       </el-table-column>

  96.     </el-table>

  97. 

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

  99.       <el-pagination

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

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

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

  103.         :total="pagination.total"

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

  105.         @current-change="loadList"

  106.         @size-change="onSizeChange"

  107.       />

  108.     </div>

  109.   </el-card>

  110. 

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

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

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

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

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

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

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

  118.           </el-form-item>

  119.         </el-col>

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

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

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

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

  124.             </el-select>

  125.           </el-form-item>

  126.         </el-col>

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

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

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

  130.           </el-form-item>

  131.         </el-col>

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

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

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

  135.           </el-form-item>

  136.         </el-col>

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

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

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

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

  141.           </el-form-item>

  142.         </el-col>

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

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

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

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

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

  148.             </el-select>

  149.           </el-form-item>

  150.         </el-col>

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

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

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

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

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

  156.           </el-form-item>

  157.         </el-col>

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

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

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

  161.           </el-form-item>

  162.         </el-col>

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

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

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

  166.           </el-form-item>

  167.         </el-col>

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

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

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

  171.           </el-form-item>

  172.         </el-col>

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

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

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

  176.           </el-form-item>

  177.         </el-col>

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

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

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

  181.           </el-form-item>

  182.         </el-col>

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

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

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

  186.           </el-form-item>

  187.         </el-col>

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

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

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

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

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

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

  194.             </el-select>

  195.           </el-form-item>

  196.         </el-col>

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

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

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

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

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

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

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

  204.                   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>

  205.               </div>

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

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

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

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

  210.               </el-upload>

  211.             </div>

  212.           </el-form-item>

  213.         </el-col>

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

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

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

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

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

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

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

  221.                 </el-button>

  222.               </el-upload>

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

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

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

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

  227.                 </el-button>

  228.               </el-upload>

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

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

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

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

  233.                 </el-button>

  234.               </el-upload>

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

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

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

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

  239.                 </el-button>

  240.               </el-upload>

  241.             </div>

  242.           </el-form-item>

  243.         </el-col>

  244.       </el-row>

  245.     </el-form>

  246.     <template #footer>

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

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

  249.     </template>

  250.   </el-dialog>

  251. </div>

  252. {% endblock %}

  253. 

  254. {% block js %}

  255. <script>

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

  257. const { Plus, Download } = ElementPlusIconsVue;

  258. 

  259. const perms = {

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

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

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

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

  264.   canView: {{ canView | dump | safe }}

  265. };

  266. 

  267. const app = createApp({

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

  269.   setup() {

  270.     const keyword = ref('');

  271.     const dateRange = ref(null);

  272.     const tagFilter = ref('');

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

  274.     const loading = ref(false);

  275.     const tableData = ref([]);

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

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

  278.     const uploadHeaders = {};

  279. 

  280.     // 新增弹窗

  281.     const addVisible = ref(false);

  282.     const addSaving = ref(false);

  283.     const editingId = ref(null);

  284.     const addForm = reactive({

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

  286.       regionCodes: [], address: '', emergency_contact: '', emergency_phone: '',

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

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

  289.     });

  290. 

  291.     // 省市区树形数据

  292.     const regionTree = ref([]);

  293. 

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

  295.     const tagOptions = ref([]);

  296. 

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

  298.     const isMinorComputed = computed(function() {

  299.       var idCard = addForm.id_card;

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

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

  302.       var birth = new Date(birthStr);

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

  304.       var now = new Date();

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

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

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

  308.       return age < 18;

  309.     });

  310. 

  311.     const regionFilter = ref([]);

  312.     const exporting = ref(false);

  313. 

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

  315. 

  316.     async function loadTagOptions() {

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

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

  319.     }

  320. 

  321.     async function loadRegionTree() {

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

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

  324.     }

  325. 

  326.     async function loadList(page) {

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

  328.       loading.value = true;

  329.       try {

  330.         var params = new URLSearchParams({

  331.           page: pagination.page,

  332.           pageSize: pagination.pageSize,

  333.           keyword: keyword.value,

  334.           tag: tagFilter.value,

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

  336.         });

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

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

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

  340.         }

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

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

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

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

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

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

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

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

  349.         } else {

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

  351.         }

  352.       } finally {

  353.         loading.value = false;

  354.       }

  355.     }

  356. 

  357.     function resetFilter() {

  358.       keyword.value = '';

  359.       dateRange.value = null;

  360.       tagFilter.value = '';

  361.       regionFilter.value = [];

  362.       activeTab.value = 'all';

  363.       pagination.page = 1;

  364.       loadList();

  365.     }

  366. 

  367.     function onTabChange() {

  368.       pagination.page = 1;

  369.       loadList();

  370.     }

  371. 

  372.     function onSizeChange() {

  373.       pagination.page = 1;

  374.       loadList();

  375.     }

  376. 

  377.     function viewDetail(row) {

  378.       if (!perms.canView) {

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

  380.           confirmButtonText: '知道了',

  381.           type: 'warning'

  382.         });

  383.         return;

  384.       }

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

  386.     }

  387. 

  388.     function showAddDialog() {

  389.       editingId.value = null;

  390.       Object.assign(addForm, {

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

  392.         regionCodes: [], address: '', emergency_contact: '', emergency_phone: '',

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

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

  395.       });

  396.       addVisible.value = true;

  397.     }

  398. 

  399.     function onIdCardInput() {

  400.       var v = addForm.id_card;

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

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

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

  404.       }

  405.     }

  406. 

  407.     function onDocUpload(res) {

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

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

  410.       } else {

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

  412.       }

  413.     }

  414. 

  415.     function onSignUpload(res, field) {

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

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

  418.       } else {

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

  420.       }

  421.     }

  422. 

  423.     async function showEditDialog(row) {

  424.       editingId.value = row.id;

  425.       // 先重置表单

  426.       Object.assign(addForm, {

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

  428.         regionCodes: [], address: '', emergency_contact: '', emergency_phone: '',

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

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

  431.       });

  432.       try {

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

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

  435.           var p = res.data.patient;

  436.           Object.assign(addForm, {

  437.             name: p.name || '',

  438.             phone: p.phone || '',

  439.             id_card: p.id_card || '',

  440.             gender: p.gender || '',

  441.             birth_date: p.birth_date || '',

  442.             address: p.address || '',

  443.             emergency_contact: p.emergency_contact || '',

  444.             emergency_phone: p.emergency_phone || '',

  445.             tag: p.tag || '',

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

  447.             sign_income: p.sign_income || '',

  448.             sign_privacy: p.sign_privacy || '',

  449.             sign_promise: p.sign_promise || '',

  450.             sign_privacy_jhr: p.sign_privacy_jhr || '',

  451.             income_amount: p.income_amount || '',

  452.             guardian_name: p.guardian_name || '',

  453.             guardian_id_card: p.guardian_id_card || '',

  454.             guardian_relation: p.guardian_relation || '',

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

  456.           });

  457.           addVisible.value = true;

  458.         } else {

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

  460.         }

  461.       } catch(e) {

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

  463.       }

  464.     }

  465. 

  466.     async function submitAdd() {

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

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

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

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

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

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

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

  474. 

  475.       addSaving.value = true;

  476.       try {

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

  478.         var body = {

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

  480.           phone: addForm.phone,

  481.           id_card: addForm.id_card,

  482.           gender: addForm.gender,

  483.           birth_date: addForm.birth_date,

  484.           province_code: addForm.regionCodes[0],

  485.           city_code: addForm.regionCodes[1],

  486.           district_code: addForm.regionCodes[2],

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

  488.           emergency_contact: addForm.emergency_contact || '',

  489.           emergency_phone: addForm.emergency_phone || '',

  490.           tag: addForm.tag || '',

  491.           documents: addForm.documents,

  492.           sign_income: addForm.sign_income,

  493.           sign_privacy: addForm.sign_privacy,

  494.           sign_promise: addForm.sign_promise,

  495.           sign_privacy_jhr: addForm.sign_privacy_jhr || '',

  496.           income_amount: addForm.income_amount || '',

  497.           guardian_name: addForm.guardian_name || '',

  498.           guardian_id_card: addForm.guardian_id_card || '',

  499.           guardian_relation: addForm.guardian_relation || ''

  500.         };

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

  502. 

  503.         var res = await fetch(url, {

  504.           method: 'POST',

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

  506.           body: JSON.stringify(body)

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

  508. 

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

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

  511.           addVisible.value = false;

  512.           loadList();

  513.         } else {

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

  515.         }

  516.       } finally {

  517.         addSaving.value = false;

  518.       }

  519.     }

  520. 

  521.     function handleExport() {

  522.       var params = new URLSearchParams({

  523.         keyword: keyword.value,

  524.         tag: tagFilter.value,

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

  526.       });

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

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

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

  530.       }

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

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

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

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

  535.     }

  536. 

  537.     onMounted(function() {

  538.       loadList();

  539.       loadRegionTree();

  540.       loadTagOptions();

  541.     });

  542. 

  543.     return {

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

  545.       uploadHeaders, addVisible, addSaving, addForm, exporting, editingId, perms,

  546.       regionTree, tagOptions, isMinorComputed, Plus, Download,

  547.       loadList, resetFilter, onTabChange, onSizeChange, viewDetail, showAddDialog, showEditDialog, handleExport,

  548.       onIdCardInput, onDocUpload, onSignUpload, submitAdd

  549.     };

  550.   }

  551. });

  552. 

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

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

  555. </script>

  556. {% endblock %}