leiyun
/
cytx_api
1
0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
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.
48 Commits
1 Branch
13 MiB
 
 
 
 
 
Tree: 9301c68219
Branches Labels
${ item.name }
Maak branch ${ searchTerm }
van '9301c68219'
${ noResults }
cytx_api/view/admin/patient_detail.html

487 regels
24 KiB
Ruw Blame Geschiedenis 

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

  2. 

  3. {% block title %}患者详情{% endblock %}

  4. 

  5. {% block css %}

  6. <style>

  7.   .detail-panel { background: #fff; border-radius: 8px; padding: 24px; box-shadow: 0 1px 4px rgba(0,0,0,0.06); margin-bottom: 16px; }

  8.   .detail-panel h3 { font-size: 16px; color: #303133; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 1px solid #EBEEF5; }

  9.   .info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }

  10.   .info-item { display: flex; }

  11.   .info-item .label { width: 100px; color: #909399; font-size: 14px; flex-shrink: 0; }

  12.   .info-item .value { color: #303133; font-size: 14px; }

  13.   .doc-images { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 12px; }

  14.   .sign-doc-card { width: 200px; border: 1px solid #EBEEF5; border-radius: 8px; padding: 16px; text-align: center; cursor: pointer; transition: all 0.2s; }

  15.   .sign-doc-card:hover { border-color: var(--el-color-primary); box-shadow: 0 2px 12px rgba(255,120,0,0.15); }

  16.   .sign-img-wrap .el-image__inner { object-position: center bottom !important; }

  17.   .timeline-list { padding: 0; list-style: none; }

  18.   .timeline-list li { position: relative; padding: 0 0 20px 24px; border-left: 2px solid #EBEEF5; }

  19.   .timeline-list li:last-child { border-left-color: transparent; padding-bottom: 0; }

  20.   .timeline-list li::before { content: ''; position: absolute; left: -6px; top: 4px; width: 10px; height: 10px; border-radius: 50%; background: var(--el-color-primary); }

  21.   .timeline-list li .time { font-size: 12px; color: #909399; margin-bottom: 4px; }

  22.   .timeline-list li .desc { font-size: 14px; color: #303133; }

  23.   .timeline-list li .reason { font-size: 13px; color: #F56C6C; margin-top: 4px; }

  24.   .fixed-bottom-bar { position: fixed; bottom: 0; left: 220px; right: 0; height: 64px; background: #fff; box-shadow: 0 -2px 8px rgba(0,0,0,0.08); display: flex; align-items: center; justify-content: center; gap: 16px; z-index: 10; padding: 0 24px; }

  25. </style>

  26. {% endblock %}

  27. 

  28. {% block content %}

  29. <div id="detailApp" v-cloak>

  30.   <div v-loading="loading" style="padding-bottom:80px;">

  31.     <!-- 页头 -->

  32.     <el-page-header @back="goBack" style="margin-bottom:16px;">

  33.       <template #content>

  34.         <span style="font-size:16px;font-weight:600;">患者详情</span>

  35.         <el-tag v-if="patient.status === -1" type="info" size="small" style="margin-left:12px;">待提交</el-tag>

  36.         <el-tag v-else-if="patient.status === 0" type="warning" size="small" style="margin-left:12px;">待审核</el-tag>

  37.         <el-tag v-else-if="patient.status === 1" type="success" size="small" style="margin-left:12px;">审核通过</el-tag>

  38.         <el-tag v-else-if="patient.status === 2" type="danger" size="small" style="margin-left:12px;">已驳回</el-tag>

  39.       </template>

  40.     </el-page-header>

  41. 

  42.     <!-- 基本信息 -->

  43.     <div class="detail-panel">

  44.       <h3>基本信息</h3>

  45.       <div class="info-grid">

  46.         <div class="info-item"><span class="label">患者编号：</span><span class="value">${ patient.patient_no }</span></div>

  47.         <div class="info-item"><span class="label">姓名：</span><span class="value">${ patient.name }</span></div>

  48.         <div class="info-item"><span class="label">性别：</span><span class="value">${ patient.gender }</span></div>

  49.         <div class="info-item"><span class="label">手机号：</span><span class="value">${ patient.phone }</span></div>

  50.         <div class="info-item"><span class="label">身份证号：</span><span class="value">${ patient.id_card }</span></div>

  51.         <div class="info-item"><span class="label">出生日期：</span><span class="value">${ patient.birth_date }</span></div>

  52.         <div class="info-item">

  53.           <span class="label">所在地区：</span>

  54.           <span class="value">${ patient.province_name } ${ patient.city_name } ${ patient.district_name }</span>

  55.         </div>

  56.         <div class="info-item"><span class="label">详细地址：</span><span class="value">${ patient.address }</span></div>

  57.         <div class="info-item">

  58.           <span class="label">瘤种：</span>

  59.           <span class="value">

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

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

  62.           </span>

  63.         </div>

  64.         <div class="info-item"><span class="label">提交时间：</span><span class="value">${ patient.create_time }</span></div>

  65.         <div class="info-item"><span class="label">医院名称：</span><span class="value">${ patient.hospital || '—' }</span></div>

  66.         <div class="info-item">

  67.           <span class="label">医院所在地：</span>

  68.           <span class="value">${ hospitalRegionText || '—' }</span>

  69.         </div>

  70.         <div class="info-item"><span class="label">紧急联系人：</span><span class="value">${ patient.emergency_contact || '—' }</span></div>

  71.         <div class="info-item"><span class="label">紧急联系电话：</span><span class="value">${ patient.emergency_phone || '—' }</span></div>

  72.         <div class="info-item" v-if="patient.income_amount"><span class="label">年可支配收入：</span><span class="value">${ patient.income_amount } 元</span></div>

  73.         <div class="info-item" v-if="patient.guardian_name"><span class="label">监护人姓名：</span><span class="value">${ patient.guardian_name }</span></div>

  74.         <div class="info-item" v-if="patient.guardian_id_card"><span class="label">监护人身份证：</span><span class="value">${ patient.guardian_id_card }</span></div>

  75.         <div class="info-item" v-if="patient.guardian_relation"><span class="label">与患者关系：</span><span class="value">${ patient.guardian_relation }</span></div>

  76.       </div>

  77.     </div>

  78. 

  79.     <!-- 实名认证照片 -->

  80.     <div class="detail-panel" v-if="patient.id_card_front || patient.id_card_back || patient.photo">

  81.       <h3>实名认证照片</h3>

  82.       <p style="font-size:13px;color:#909399;margin-bottom:12px;">

  83.         <template v-if="patient.id_card_type === 2">无证件儿童免冠照片</template>

  84.         <template v-else>身份证人像面 / 国徽面照片</template>

  85.       </p>

  86.       <div class="doc-images">

  87.         <div v-if="patient.id_card_front">

  88.           <el-image :src="patient.id_card_front" fit="cover" :preview-src-list="authImageList"

  89.             :initial-index="0" style="width:260px;height:170px;border-radius:8px;border:1px solid #EBEEF5;" />

  90.           <div style="font-size:12px;color:#909399;text-align:center;margin-top:6px;">人像面</div>

  91.         </div>

  92.         <div v-if="patient.id_card_back">

  93.           <el-image :src="patient.id_card_back" fit="cover" :preview-src-list="authImageList"

  94.             :initial-index="patient.id_card_front ? 1 : 0" style="width:260px;height:170px;border-radius:8px;border:1px solid #EBEEF5;" />

  95.           <div style="font-size:12px;color:#909399;text-align:center;margin-top:6px;">国徽面</div>

  96.         </div>

  97.         <div v-if="patient.photo">

  98.           <el-image :src="patient.photo" fit="cover" :preview-src-list="[patient.photo]"

  99.             :initial-index="0" style="width:170px;height:170px;border-radius:8px;border:1px solid #EBEEF5;" />

  100.           <div style="font-size:12px;color:#909399;text-align:center;margin-top:6px;">免冠照片</div>

  101.         </div>

  102.       </div>

  103.     </div>

  104. 

  105.     <!-- 上传资料 -->

  106.     <div class="detail-panel">

  107.       <h3>上传资料</h3>

  108.       <p style="font-size:13px;color:#909399;margin-bottom:12px;">患者上传的检查报告单或出院诊断证明书</p>

  109.       <div class="doc-images" v-if="patient.documents && patient.documents.length">

  110.         <div v-for="(doc, idx) in patient.documents" :key="idx">

  111.           <el-image :src="doc" fit="cover" :preview-src-list="patient.documents" :initial-index="idx"

  112.             style="width:200px;height:140px;border-radius:8px;border:1px solid #EBEEF5;" />

  113.           <div style="font-size:12px;color:#909399;text-align:center;margin-top:6px;">资料 ${ idx + 1 }</div>

  114.         </div>

  115.       </div>

  116.       <el-empty v-else description="暂无上传资料" :image-size="60" />

  117.     </div>

  118. 

  119.     <!-- 签字材料 -->

  120.     <div class="detail-panel">

  121.       <h3>签字材料</h3>

  122.       <p style="font-size:13px;color:#909399;margin-bottom:16px;">患者签署的授权材料</p>

  123.       <div style="display:flex;gap:20px;flex-wrap:wrap;">

  124.         <div v-for="item in signDocs" :key="item.key" style="width:220px;">

  125.           <div style="font-size:13px;color:#303133;font-weight:500;margin-bottom:8px;">${ item.label }</div>

  126.           <template v-if="item.url && isImageUrl(item.url)">

  127.             <el-image :src="item.url" fit="cover" :preview-src-list="signImageList" :initial-index="signImageList.indexOf(item.url)"

  128.               class="sign-img-wrap" style="width:220px;height:160px;border-radius:8px;border:1px solid #EBEEF5;cursor:pointer;" />

  129.           </template>

  130.           <template v-else-if="item.url">

  131.             <div class="sign-doc-card" @click="downloadSign(item.url, item.label)">

  132.               <div style="font-size:36px;margin-bottom:8px;">📝</div>

  133.               <div style="font-size:12px;color:#67C23A;margin-bottom:8px;">已签署</div>

  134.               <div style="font-size:13px;color:var(--el-color-primary);font-weight:500;">⬇ 下载</div>

  135.             </div>

  136.           </template>

  137.           <template v-else>

  138.             <div style="width:220px;height:160px;border:1px dashed #DCDFE6;border-radius:8px;display:flex;align-items:center;justify-content:center;">

  139.               <span style="font-size:13px;color:#909399;">未上传</span>

  140.             </div>

  141.           </template>

  142.         </div>

  143.       </div>

  144.     </div>

  145. 

  146.     <!-- 送检信息 -->

  147.     <div class="detail-panel">

  148.       <h3>送检信息</h3>

  149.       <div class="info-grid">

  150.         <div class="info-item"><span class="label">状态：</span>

  151.           <span class="value">

  152.             <el-tag :type="sampleInfoStatusType(patient.sample_info_status)" size="small">

  153.               ${ sampleInfoStatusText(patient.sample_info_status) }

  154.             </el-tag>

  155.           </span>

  156.         </div>

  157.         <div class="info-item"><span class="label">送检样本：</span>

  158.           <span class="value">

  159.             <template v-if="patient.sample_types && patient.sample_types.length">

  160.               <el-tag v-for="st in patient.sample_types" :key="st" size="small" style="margin-right:4px;">${ st }</el-tag>

  161.             </template>

  162.             <span v-else style="color:#999;">未选择</span>

  163.           </span>

  164.         </div>

  165.         <div class="info-item" v-if="patient.wax_return"><span class="label">样本需寄回：</span><span class="value">是</span></div>

  166.         <div class="info-item" v-if="patient.return_name"><span class="label">收件人：</span><span class="value">${ patient.return_name }</span></div>

  167.         <div class="info-item" v-if="patient.return_phone"><span class="label">收件电话：</span><span class="value">${ patient.return_phone }</span></div>

  168.         <div class="info-item" v-if="patient.return_address"><span class="label">收件地址：</span>

  169.           <span class="value">${ patient.return_province_name || '' } ${ patient.return_city_name || '' } ${ patient.return_district_name || '' } ${ patient.return_address }</span>

  170.         </div>

  171.         <div class="info-item" v-if="patient.report_email"><span class="label">报告邮箱：</span><span class="value">${ patient.report_email }</span></div>

  172.         <div class="info-item" v-if="patient.sample_tracking_no"><span class="label">物流单号：</span><span class="value">${ patient.sample_tracking_no }</span></div>

  173.         <div class="info-item" v-if="patient.sample_info_status == 2 && patient.return_tracking_no"><span class="label">回寄单号：</span><span class="value">${ patient.return_tracking_no }</span></div>

  174.         <div class="info-item" v-if="patient.sample_info_status == 2 && patient.return_time"><span class="label">回寄时间：</span><span class="value">${ patient.return_time }</span></div>

  175.       </div>

  176.       <div v-if="patient.sample_photos && patient.sample_photos.length" style="margin-top:16px;">

  177.         <div style="font-size:13px;color:#909399;margin-bottom:8px;">送检单照片</div>

  178.         <div class="doc-images">

  179.           <div v-for="(photo, idx) in patient.sample_photos" :key="idx">

  180.             <el-image :src="photo" fit="cover" :preview-src-list="patient.sample_photos" :initial-index="idx"

  181.               style="width:200px;height:140px;border-radius:8px;border:1px solid #EBEEF5;" />

  182.           </div>

  183.         </div>

  184.       </div>

  185.     </div>

  186. 

  187.     <!-- 审核记录 -->

  188.     <div class="detail-panel">

  189.       <h3>审核记录</h3>

  190.       <ul class="timeline-list" v-if="audits.length">

  191.         <li v-for="(item, idx) in audits" :key="idx">

  192.           <div class="time">${ item.create_time }</div>

  193.           <div class="desc" v-if="item.action === 'submit'">${ item.operator_name || '系统' } 提交了患者资料，等待审核</div>

  194.           <div class="desc" v-else-if="item.action === 'approve'">${ item.operator_name } 审核通过</div>

  195.           <div class="desc" v-else-if="item.action === 'reject'">${ item.operator_name } 驳回了资料</div>

  196.           <div class="reason" v-if="item.reason">驳回原因：${ item.reason }</div>

  197.         </li>

  198.       </ul>

  199.       <el-empty v-else description="暂无审核记录" :image-size="60" />

  200.     </div>

  201.   </div>

  202. 

  203.   <!-- 固定底部操作栏 -->

  204.   <div class="fixed-bottom-bar">

  205.     <el-button @click="goBack">返 回</el-button>

  206.     <el-button v-if="(patient.status === 0 || patient.status === 2) && canAudit" type="success" @click="handleApprove">审核通过</el-button>

  207.     <el-button v-if="(patient.status === 0 || patient.status === 1) && canAudit" type="danger" @click="showRejectDialog">驳 回</el-button>

  208.     <el-button v-if="patient.sample_info_status == 1 && canEdit" type="warning" @click="resetSampleInfo">重置送检信息编辑</el-button>

  209.     <el-button v-if="patient.wax_return && (patient.sample_info_status == 1 || patient.sample_info_status == 2) && canEdit" type="primary" @click="showReturnTrackingDialog">

  210.       ${ patient.sample_info_status == 2 ? '修改回寄物流单号' : '填写回寄物流单号' }

  211.     </el-button>

  212.   </div>

  213. 

  214.   <!-- 驳回弹窗 -->

  215.   <el-dialog v-model="rejectVisible" title="驳回审核" width="540px" destroy-on-close :close-on-click-modal="false" :z-index="2000">

  216. 

  217.     <p style="font-weight:500;color:#303133;margin-bottom:12px;">请选择或填写驳回原因（必填）：</p>

  218.     <div style="display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;">

  219.       <el-check-tag v-for="(r, i) in commonReasons" :key="i" :checked="selectedReasons.includes(i)"

  220.         @change="toggleReason(i)">${ r }</el-check-tag>

  221.     </div>

  222.     <el-input v-model="rejectReason" type="textarea" :rows="3" placeholder="请输入驳回原因，或点击上方常见原因快速选择"></el-input>

  223.     <div style="text-align:right;margin-top:20px;">

  224.       <el-button @click="rejectVisible = false">取消</el-button>

  225.       <el-button type="danger" @click="doReject" :loading="rejectSaving">确认驳回</el-button>

  226.     </div>

  227.   </el-dialog>

  228. 

  229.   <!-- 回寄物流单号弹窗 -->

  230.   <el-dialog v-model="returnTrackingVisible" :title="patient.sample_info_status == 2 ? '修改回寄物流单号' : '填写回寄物流单号'" width="460px" destroy-on-close :close-on-click-modal="false" :z-index="2000">

  231.     <el-form label-width="110px">

  232.       <el-form-item label="回寄物流单号" required>

  233.         <el-input v-model="returnTrackingNo" placeholder="请输入回寄物流单号" maxlength="100" clearable></el-input>

  234.       </el-form-item>

  235.     </el-form>

  236.     <div style="text-align:right;margin-top:20px;">

  237.       <el-button @click="returnTrackingVisible = false">取消</el-button>

  238.       <el-button type="primary" @click="saveReturnTrackingNo" :loading="returnTrackingSaving">保存</el-button>

  239.     </div>

  240.   </el-dialog>

  241. 

  242. </div>{% endblock %}

  243. 

  244. {% block js %}

  245. <script>

  246. var patientId = '{{ patientId }}';

  247. var canAuditVal = {{ canAudit | dump | safe }};

  248. var canEditVal = {{ canEdit | dump | safe }};

  249. var { createApp, ref, reactive, onMounted } = Vue;

  250. 

  251. var app = createApp({

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

  253.   setup() {

  254.     var loading = ref(true);

  255.     var canAudit = ref(canAuditVal);

  256.     var canEdit = ref(canEditVal);

  257.     var patient = reactive({

  258.       id: '', patient_no: '', name: '', phone: '', id_card: '', gender: '', birth_date: '',

  259.       province_code: '', city_code: '', district_code: '',

  260.       province_name: '', city_name: '', district_name: '',

  261.       address: '', hospital: '',

  262.       hospital_province_code: '', hospital_city_code: '', hospital_district_code: '',

  263.       hospital_province_name: '', hospital_city_name: '', hospital_district_name: '',

  264.       tag: '', documents: [],

  265.       sample_types: [], wax_return: 0,

  266.       return_name: '', return_phone: '',

  267.       return_province_code: '', return_city_code: '', return_district_code: '',

  268.       return_province_name: '', return_city_name: '', return_district_name: '',

  269.       return_address: '',

  270.       report_email: '', sample_tracking_no: '', sample_photos: [],

  271.       sample_info_status: 0, return_tracking_no: '', return_time: '',

  272.       sign_income: '', sign_privacy: '', sign_promise: '',

  273.       emergency_contact: '', emergency_phone: '',

  274.       status: -1, create_time: ''

  275.     });

  276.     var audits = ref([]);

  277.     var rejectVisible = ref(false);

  278.     var rejectSaving = ref(false);

  279.     var rejectReason = ref('');

  280.     var returnTrackingVisible = ref(false);

  281.     var returnTrackingSaving = ref(false);

  282.     var returnTrackingNo = ref('');

  283.     var selectedReasons = ref([]);    var commonReasons = [

  284.       '身份证照片模糊，请重新上传',

  285.       '病历资料不完整，请补充',

  286.       '检查报告缺失，请上传',

  287.       '姓名与身份证信息不一致',

  288.       '手机号无法联系，请核实',

  289.       '提交信息存在明显错误',

  290.       '资料过期，请提供最新版本'

  291.     ];

  292. 

  293.     async function loadDetail() {

  294.       loading.value = true;

  295.       try {

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

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

  298.           Object.assign(patient, res.data.patient);

  299.           audits.value = res.data.audits || [];

  300.         } else {

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

  302.         }

  303.       } finally {

  304.         loading.value = false;

  305.       }

  306.     }

  307. 

  308.     function goBack() {

  309.       window.location.href = '/admin/patient.html';

  310.     }

  311. 

  312.     function downloadSign(url, name) {

  313.       if (!url) { ElementPlus.ElMessage.warning('该材料未上传'); return; }

  314.       var a = document.createElement('a');

  315.       a.href = url; a.target = '_blank'; a.download = name; a.click();

  316.     }

  317. 

  318.     function isImageUrl(url) {

  319.       if (!url) return false;

  320.       var lower = url.split('?')[0].toLowerCase();

  321.       return /\.(png|jpg|jpeg|gif|bmp|webp|svg)$/.test(lower);

  322.     }

  323. 

  324.     var hospitalRegionText = Vue.computed(function() {

  325.       return [

  326.         patient.hospital_province_name,

  327.         patient.hospital_city_name,

  328.         patient.hospital_district_name

  329.       ].filter(Boolean).join(' ');

  330.     });

  331. 

  332.     var signDocs = Vue.computed(function() {

  333.       var docs = [

  334.         { key: 'income', label: '个人可支配收入声明', url: patient.sign_income },

  335.         { key: 'privacy', label: '个人信息处理同意书', url: patient.sign_privacy },

  336.         { key: 'promise', label: '声明与承诺', url: patient.sign_promise }

  337.       ];

  338.       if (patient.sign_privacy_jhr) {

  339.         docs.push({ key: 'privacy_jhr', label: '监护人个人信息处理同意书', url: patient.sign_privacy_jhr });

  340.       }

  341.       return docs;

  342.     });

  343. 

  344.     var signImageList = Vue.computed(function() {

  345.       return [patient.sign_income, patient.sign_privacy, patient.sign_promise, patient.sign_privacy_jhr].filter(function(u) { return u && isImageUrl(u); });

  346.     });

  347. 

  348.     var authImageList = Vue.computed(function() {

  349.       return [patient.id_card_front, patient.id_card_back, patient.photo].filter(Boolean);

  350.     });

  351. 

  352.     function sampleInfoStatusText(status) {

  353.       if (Number(status) === 2) return '已寄回';

  354.       if (Number(status) === 1) return '已生效';

  355.       return '可修改';

  356.     }

  357. 

  358.     function sampleInfoStatusType(status) {

  359.       if (Number(status) === 2) return 'primary';

  360.       if (Number(status) === 1) return 'success';

  361.       return 'warning';

  362.     }

  363. 

  364.     async function handleApprove() {

  365.       try {

  366.         await ElementPlus.ElMessageBox.confirm(

  367.           '确定要通过该患者的审核吗？通过后患者将收到审核通过通知。',

  368.           '确认审核通过',

  369.           { confirmButtonText: '确认通过', cancelButtonText: '取消', type: 'success' }

  370.         );

  371.         var res = await fetch('/admin/patient/approve', {

  372.           method: 'POST',

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

  374.           body: JSON.stringify({ id: patient.id })

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

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

  377.           ElementPlus.ElMessage.success('审核已通过');

  378.           loadDetail();

  379.         } else {

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

  381.         }

  382.       } catch(e) {}

  383.     }

  384. 

  385.     function showRejectDialog() {

  386.       rejectReason.value = '';

  387.       selectedReasons.value = [];

  388.       rejectVisible.value = true;

  389.     }

  390. 

  391.     function toggleReason(index) {

  392.       var pos = selectedReasons.value.indexOf(index);

  393.       if (pos > -1) { selectedReasons.value.splice(pos, 1); }

  394.       else { selectedReasons.value.push(index); }

  395.       rejectReason.value = selectedReasons.value.map(function(i) { return commonReasons[i]; }).join('；');

  396.     }

  397. 

  398.     async function doReject() {

  399.       if (!rejectReason.value.trim()) { ElementPlus.ElMessage.warning('请填写驳回原因'); return; }

  400.       rejectSaving.value = true;

  401.       try {

  402.         var res = await fetch('/admin/patient/reject', {

  403.           method: 'POST',

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

  405.           body: JSON.stringify({ id: patient.id, reason: rejectReason.value.trim() })

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

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

  408.           ElementPlus.ElMessage.success('已驳回');

  409.           rejectVisible.value = false;

  410.           loadDetail();

  411.         } else {

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

  413.         }

  414.       } finally {

  415.         rejectSaving.value = false;

  416.       }

  417.     }

  418. 

  419.     async function resetSampleInfo() {

  420.       try {

  421.         await ElementPlus.ElMessageBox.confirm(

  422.           '确认将该患者送检信息状态重置为可修改吗？重置后患者可在小程序重新编辑并提交送检信息。',

  423.           '重置送检信息编辑',

  424.           { confirmButtonText: '确认重置', cancelButtonText: '取消', type: 'warning' }

  425.         );

  426.         var res = await fetch('/admin/patient/resetSampleInfo', {

  427.           method: 'POST',

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

  429.           body: JSON.stringify({ id: patient.id })

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

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

  432.           ElementPlus.ElMessage.success('已重置为可修改');

  433.           loadDetail();

  434.         } else {

  435.           ElementPlus.ElMessage.error(res.msg || '重置失败');

  436.         }

  437.       } catch(e) {}

  438.     }

  439. 

  440.     function showReturnTrackingDialog() {

  441.       returnTrackingNo.value = patient.return_tracking_no || '';

  442.       returnTrackingVisible.value = true;

  443.     }

  444. 

  445.     async function saveReturnTrackingNo() {

  446.       if (!returnTrackingNo.value.trim()) {

  447.         ElementPlus.ElMessage.warning('请填写回寄物流单号');

  448.         return;

  449.       }

  450.       returnTrackingSaving.value = true;

  451.       try {

  452.         var res = await fetch('/admin/patient/saveReturnTrackingNo', {

  453.           method: 'POST',

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

  455.           body: JSON.stringify({ id: patient.id, return_tracking_no: returnTrackingNo.value.trim() })

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

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

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

  459.           returnTrackingVisible.value = false;

  460.           loadDetail();

  461.         } else {

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

  463.         }

  464.       } finally {

  465.         returnTrackingSaving.value = false;

  466.       }

  467.     }

  468. 

  469.     onMounted(function() { loadDetail(); });

  470. 

  471.     return {

  472.       loading, patient, audits, canAudit, canEdit,

  473.       returnTrackingVisible, returnTrackingSaving, returnTrackingNo,

  474.       rejectVisible, rejectSaving, rejectReason, selectedReasons, commonReasons,

  475.       hospitalRegionText, goBack, downloadSign, isImageUrl, signDocs, signImageList,

  476.       authImageList, sampleInfoStatusText, sampleInfoStatusType,

  477.       handleApprove, showRejectDialog, toggleReason, doReject, resetSampleInfo,

  478.       showReturnTrackingDialog, saveReturnTrackingNo

  479.     };

  480.   }

  481. });

  482. 

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

  484. app.mount('#detailApp');

  485. </script>

  486. {% endblock %}