leiyun
/
cytx_api
1
0
Forkuj 0
Kod Zgłoszenia 0 Oczekujące zmiany 0 Wydania 0 Wiki Aktywność
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
50 Commity
1 Gałąź
13 MiB
 
 
 
 
 
Drzewo: 6cb49bed38
Gałęzie Tagi
${ item.name }
Utwórz gałąź ${ searchTerm }
z '6cb49bed38'
${ noResults }
cytx_api/view/admin/patient_detail.html

759 wiersze
38 KiB
Czysty Wina Historia 

  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 .subdesc { font-size: 13px; color: #606266; margin-top: 4px; }

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

  25.   .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; }

  26.   .sample-photo-edit { position: relative; width: 80px; height: 80px; }

  27.   .sample-photo-edit .el-image { width: 80px; height: 80px; border-radius: 6px; border: 1px solid #eee; }

  28.   .sample-photo-edit .del { 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; }

  29. </style>

  30. {% endblock %}

  31. 

  32. {% block content %}

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

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

  35.     <!-- 页头 -->

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

  37.       <template #content>

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

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

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

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

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

  43.       </template>

  44.     </el-page-header>

  45. 

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

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

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

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

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

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

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

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

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

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

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

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

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

  59.         </div>

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

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

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

  63.           <span class="value">

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

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

  66.           </span>

  67.         </div>

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

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

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

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

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

  73.         </div>

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

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

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

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

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

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

  80.       </div>

  81.     </div>

  82. 

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

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

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

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

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

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

  89.       </p>

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

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

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

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

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

  95.         </div>

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

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

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

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

  100.         </div>

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

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

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

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

  105.         </div>

  106.       </div>

  107.     </div>

  108. 

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

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

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

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

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

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

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

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

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

  118.         </div>

  119.       </div>

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

  121.     </div>

  122. 

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

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

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

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

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

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

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

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

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

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

  133.           </template>

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

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

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

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

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

  139.             </div>

  140.           </template>

  141.           <template v-else>

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

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

  144.             </div>

  145.           </template>

  146.         </div>

  147.       </div>

  148.     </div>

  149. 

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

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

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

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

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

  155.           <span class="value">

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

  157.               ${ sampleInfoStatusText(patient.sample_info_status) }

  158.             </el-tag>

  159.           </span>

  160.         </div>

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

  162.           <span class="value">

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

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

  165.             </template>

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

  167.           </span>

  168.         </div>

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

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

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

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

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

  174.         </div>

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

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

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

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

  179.         <div class="info-item" v-if="patient.sample_edit_reason"><span class="label">申请原因：</span><span class="value">${ patient.sample_edit_reason }</span></div>

  180.         <div class="info-item" v-if="patient.sample_edit_apply_time"><span class="label">申请时间：</span><span class="value">${ patient.sample_edit_apply_time }</span></div>

  181.         <div class="info-item" v-if="patient.sample_edit_reject_reason"><span class="label">驳回原因：</span><span class="value">${ patient.sample_edit_reject_reason }</span></div>

  182.         <div class="info-item" v-if="patient.sample_edit_audit_time"><span class="label">处理时间：</span><span class="value">${ patient.sample_edit_audit_time }</span></div>

  183.       </div>

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

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

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

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

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

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

  190.           </div>

  191.         </div>

  192.       </div>

  193.     </div>

  194. 

  195.     <!-- 流转日志 -->

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

  197.       <h3>流转日志</h3>

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

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

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

  201.           <div class="desc">${ item.title || item.content || '流转记录' }</div>

  202.           <div class="subdesc" v-if="item.content && item.title">${ item.content }</div>

  203.           <div class="reason" v-if="item.reason">${ item.action === 'reject' || item.action === 'sample_reject_edit' ? '驳回原因' : '原因' }：${ item.reason }</div>

  204.         </li>

  205.       </ul>

  206.       <el-empty v-else description="暂无流转日志" :image-size="60" />

  207.     </div>

  208.   </div>

  209. 

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

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

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

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

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

  215.     <el-button v-if="canEdit" type="primary" @click="showSampleEditDialog">编辑送检信息</el-button>

  216.     <el-button v-if="patient.sample_info_status == 3 && canEdit" type="success" @click="approveSampleEdit">通过送检修改申请</el-button>

  217.     <el-button v-if="patient.sample_info_status == 3 && canEdit" type="danger" @click="showRejectSampleEditDialog">驳回送检修改申请</el-button>

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

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

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

  221.     </el-button>

  222.   </div>

  223. 

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

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

  226. 

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

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

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

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

  231.     </div>

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

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

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

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

  236.     </div>

  237.   </el-dialog>

  238. 

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

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

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

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

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

  244.       </el-form-item>

  245.     </el-form>

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

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

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

  249.     </div>

  250.   </el-dialog>

  251. 

  252.   <!-- 驳回送检修改申请弹窗 -->

  253.   <el-dialog v-model="sampleRejectVisible" title="驳回送检修改申请" width="520px" destroy-on-close :close-on-click-modal="false" :z-index="2000">

  254.     <el-form label-width="90px">

  255.       <el-form-item label="驳回原因" required>

  256.         <el-input v-model="sampleRejectReason" type="textarea" :rows="4" placeholder="请输入驳回原因" maxlength="500" show-word-limit></el-input>

  257.       </el-form-item>

  258.     </el-form>

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

  260.       <el-button @click="sampleRejectVisible = false">取消</el-button>

  261.       <el-button type="danger" @click="rejectSampleEdit" :loading="sampleRejectSaving">确认驳回</el-button>

  262.     </div>

  263.   </el-dialog>

  264. 

  265.   <!-- 编辑送检信息弹窗 -->

  266.   <el-dialog v-model="sampleEditVisible" title="编辑送检信息" width="760px" destroy-on-close draggable :close-on-click-modal="false" :z-index="2000">

  267.     <el-form :model="sampleEditForm" label-width="120px">

  268.       <el-form-item label="送检样本类型">

  269.         <el-checkbox-group v-model="sampleEditForm.sample_types" @change="onSampleEditTypesChange">

  270.           <el-checkbox v-for="st in sampleTypeList" :key="st.id" :label="st.name">${ st.name }</el-checkbox>

  271.         </el-checkbox-group>

  272.       </el-form-item>

  273.       <el-form-item v-if="sampleEditShowWaxReturn" :label="sampleEditNeedReturnNames + '是否需寄回'">

  274.         <el-radio-group v-model="sampleEditForm.wax_return">

  275.           <el-radio :label="1">是</el-radio>

  276.           <el-radio :label="0">否</el-radio>

  277.         </el-radio-group>

  278.       </el-form-item>

  279.       <template v-if="sampleEditShowWaxReturn && sampleEditForm.wax_return === 1">

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

  281.           <el-input v-model="sampleEditForm.return_name" placeholder="请输入回寄收件人"></el-input>

  282.         </el-form-item>

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

  284.           <el-input v-model="sampleEditForm.return_phone" placeholder="请输入回寄电话" maxlength="20"></el-input>

  285.         </el-form-item>

  286.         <el-form-item label="回寄地区" required>

  287.           <el-cascader v-model="sampleEditForm.returnRegionCodes" :options="regionTree"

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

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

  290.         </el-form-item>

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

  292.           <el-input v-model="sampleEditForm.return_address" placeholder="请输入详细地址"></el-input>

  293.         </el-form-item>

  294.       </template>

  295.       <template v-if="sampleEditForm.sample_types && sampleEditForm.sample_types.length">

  296.         <el-form-item label="报告接收邮箱">

  297.           <el-input v-model="sampleEditForm.report_email" placeholder="请输入邮箱地址"></el-input>

  298.         </el-form-item>

  299.         <el-form-item label="送检物流单号">

  300.           <el-input v-model="sampleEditForm.sample_tracking_no" placeholder="请输入送检物流单号"></el-input>

  301.         </el-form-item>

  302.         <el-form-item label="送检单照片">

  303.           <div style="display:flex;flex-wrap:wrap;gap:10px;">

  304.             <div class="sample-photo-edit" v-for="(photo, idx) in sampleEditForm.sample_photos" :key="idx">

  305.               <el-image :src="photo" fit="cover" :preview-src-list="sampleEditForm.sample_photos" :initial-index="idx"></el-image>

  306.               <div class="del" @click="sampleEditForm.sample_photos.splice(idx, 1)">×</div>

  307.             </div>

  308.             <el-upload action="/admin/upload" :show-file-list="false" accept="image/*" :headers="uploadHeaders" :on-success="onSampleEditPhotoUpload">

  309.               <div style="width:80px;height:80px;border:1px dashed #DCDFE6;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#909399;font-size:24px;cursor:pointer;">+</div>

  310.             </el-upload>

  311.           </div>

  312.         </el-form-item>

  313.       </template>

  314.     </el-form>

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

  316.       <el-button @click="sampleEditVisible = false">取消</el-button>

  317.       <el-button type="primary" @click="saveSampleEdit" :loading="sampleEditSaving">保存并生效</el-button>

  318.     </div>

  319.   </el-dialog>

  320. 

  321. </div>{% endblock %}

  322. 

  323. {% block js %}

  324. <script>

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

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

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

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

  329. 

  330. var app = createApp({

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

  332.   setup() {

  333.     var loading = ref(true);

  334.     var canAudit = ref(canAuditVal);

  335.     var canEdit = ref(canEditVal);

  336.     var patient = reactive({

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

  338.       province_code: '', city_code: '', district_code: '',

  339.       province_name: '', city_name: '', district_name: '',

  340.       address: '', hospital: '',

  341.       hospital_province_code: '', hospital_city_code: '', hospital_district_code: '',

  342.       hospital_province_name: '', hospital_city_name: '', hospital_district_name: '',

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

  344.       sample_types: [], wax_return: 0,

  345.       return_name: '', return_phone: '',

  346.       return_province_code: '', return_city_code: '', return_district_code: '',

  347.       return_province_name: '', return_city_name: '', return_district_name: '',

  348.       return_address: '',

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

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

  351.       sample_edit_reason: '', sample_edit_reject_reason: '',

  352.       sample_edit_apply_time: '', sample_edit_audit_time: '',

  353.       sign_income: '', sign_privacy: '', sign_promise: '',

  354.       emergency_contact: '', emergency_phone: '',

  355.       status: -1, create_time: ''

  356.     });

  357.     var audits = ref([]);

  358.     var rejectVisible = ref(false);

  359.     var rejectSaving = ref(false);

  360.     var rejectReason = ref('');

  361.     var returnTrackingVisible = ref(false);

  362.     var returnTrackingSaving = ref(false);

  363.     var returnTrackingNo = ref('');

  364.     var uploadHeaders = {};

  365.     var sampleRejectVisible = ref(false);

  366.     var sampleRejectSaving = ref(false);

  367.     var sampleRejectReason = ref('');

  368.     var sampleEditVisible = ref(false);

  369.     var sampleEditSaving = ref(false);

  370.     var sampleTypeList = ref([]);

  371.     var regionTree = ref([]);

  372.     var sampleEditForm = reactive({

  373.       sample_types: [],

  374.       wax_return: 0,

  375.       return_name: '',

  376.       return_phone: '',

  377.       returnRegionCodes: [],

  378.       return_address: '',

  379.       report_email: '',

  380.       sample_tracking_no: '',

  381.       sample_photos: []

  382.     });

  383.     var selectedReasons = ref([]);

  384.     var commonReasons = [

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

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

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

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

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

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

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

  392.     ];

  393. 

  394.     async function loadDetail() {

  395.       loading.value = true;

  396.       try {

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

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

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

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

  401.         } else {

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

  403.         }

  404.       } finally {

  405.         loading.value = false;

  406.       }

  407.     }

  408. 

  409.     async function loadSampleTypes() {

  410.       try {

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

  412.         if (res.code === 0) sampleTypeList.value = (res.data && res.data.list) || [];

  413.       } catch(e) {}

  414.     }

  415. 

  416.     async function loadRegions() {

  417.       try {

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

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

  420.       } catch(e) {}

  421.     }

  422. 

  423.     function goBack() {

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

  425.     }

  426. 

  427.     function downloadSign(url, name) {

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

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

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

  431.     }

  432. 

  433.     function isImageUrl(url) {

  434.       if (!url) return false;

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

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

  437.     }

  438. 

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

  440.       return [

  441.         patient.hospital_province_name,

  442.         patient.hospital_city_name,

  443.         patient.hospital_district_name

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

  445.     });

  446. 

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

  448.       var docs = [

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

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

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

  452.       ];

  453.       if (patient.sign_privacy_jhr) {

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

  455.       }

  456.       return docs;

  457.     });

  458. 

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

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

  461.     });

  462. 

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

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

  465.     });

  466. 

  467.     var sampleEditShowWaxReturn = Vue.computed(function() {

  468.       if (!sampleEditForm.sample_types || !sampleEditForm.sample_types.length) return false;

  469.       return sampleEditForm.sample_types.some(function(name) {

  470.         var st = sampleTypeList.value.find(function(item) { return item.name === name; });

  471.         return st && st.need_return;

  472.       });

  473.     });

  474. 

  475.     var sampleEditNeedReturnNames = Vue.computed(function() {

  476.       if (!sampleEditForm.sample_types || !sampleEditForm.sample_types.length) return '';

  477.       return sampleEditForm.sample_types.filter(function(name) {

  478.         var st = sampleTypeList.value.find(function(item) { return item.name === name; });

  479.         return st && st.need_return;

  480.       }).join('、');

  481.     });

  482. 

  483.     function sampleInfoStatusText(status) {

  484.       if (Number(status) === 3) return '修改申请待审核';

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

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

  487.       return '可修改';

  488.     }

  489. 

  490.     function sampleInfoStatusType(status) {

  491.       if (Number(status) === 3) return 'warning';

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

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

  494.       return 'warning';

  495.     }

  496. 

  497.     async function handleApprove() {

  498.       try {

  499.         await ElementPlus.ElMessageBox.confirm(

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

  501.           '确认审核通过',

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

  503.         );

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

  505.           method: 'POST',

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

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

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

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

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

  511.           loadDetail();

  512.         } else {

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

  514.         }

  515.       } catch(e) {}

  516.     }

  517. 

  518.     function showRejectDialog() {

  519.       rejectReason.value = '';

  520.       selectedReasons.value = [];

  521.       rejectVisible.value = true;

  522.     }

  523. 

  524.     function toggleReason(index) {

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

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

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

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

  529.     }

  530. 

  531.     async function doReject() {

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

  533.       rejectSaving.value = true;

  534.       try {

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

  536.           method: 'POST',

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

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

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

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

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

  542.           rejectVisible.value = false;

  543.           loadDetail();

  544.         } else {

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

  546.         }

  547.       } finally {

  548.         rejectSaving.value = false;

  549.       }

  550.     }

  551. 

  552.     async function resetSampleInfo() {

  553.       try {

  554.         await ElementPlus.ElMessageBox.confirm(

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

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

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

  558.         );

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

  560.           method: 'POST',

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

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

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

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

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

  566.           loadDetail();

  567.         } else {

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

  569.         }

  570.       } catch(e) {}

  571.     }

  572. 

  573.     function showReturnTrackingDialog() {

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

  575.       returnTrackingVisible.value = true;

  576.     }

  577. 

  578.     async function saveReturnTrackingNo() {

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

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

  581.         return;

  582.       }

  583.       returnTrackingSaving.value = true;

  584.       try {

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

  586.           method: 'POST',

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

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

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

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

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

  592.           returnTrackingVisible.value = false;

  593.           loadDetail();

  594.         } else {

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

  596.         }

  597.       } finally {

  598.         returnTrackingSaving.value = false;

  599.       }

  600.     }

  601. 

  602.     async function approveSampleEdit() {

  603.       try {

  604.         await ElementPlus.ElMessageBox.confirm(

  605.           '确认通过该患者的送检信息修改申请吗？通过后患者可在小程序重新编辑并提交送检信息。',

  606.           '通过送检修改申请',

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

  608.         );

  609.         var res = await fetch('/admin/patient/approveSampleEdit', {

  610.           method: 'POST',

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

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

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

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

  615.           ElementPlus.ElMessage.success('已通过申请');

  616.           loadDetail();

  617.         } else {

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

  619.         }

  620.       } catch(e) {}

  621.     }

  622. 

  623.     function showRejectSampleEditDialog() {

  624.       sampleRejectReason.value = '';

  625.       sampleRejectVisible.value = true;

  626.     }

  627. 

  628.     async function rejectSampleEdit() {

  629.       if (!sampleRejectReason.value.trim()) {

  630.         ElementPlus.ElMessage.warning('请填写驳回原因');

  631.         return;

  632.       }

  633.       sampleRejectSaving.value = true;

  634.       try {

  635.         var res = await fetch('/admin/patient/rejectSampleEdit', {

  636.           method: 'POST',

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

  638.           body: JSON.stringify({ id: patient.id, reason: sampleRejectReason.value.trim() })

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

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

  641.           ElementPlus.ElMessage.success('已驳回申请');

  642.           sampleRejectVisible.value = false;

  643.           loadDetail();

  644.         } else {

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

  646.         }

  647.       } finally {

  648.         sampleRejectSaving.value = false;

  649.       }

  650.     }

  651. 

  652.     function onSampleEditTypesChange() {

  653.       if (!sampleEditShowWaxReturn.value) {

  654.         sampleEditForm.wax_return = 0;

  655.         sampleEditForm.return_name = '';

  656.         sampleEditForm.return_phone = '';

  657.         sampleEditForm.returnRegionCodes = [];

  658.         sampleEditForm.return_address = '';

  659.       }

  660.       if (!sampleEditForm.sample_types || !sampleEditForm.sample_types.length) {

  661.         sampleEditForm.report_email = '';

  662.         sampleEditForm.sample_tracking_no = '';

  663.         sampleEditForm.sample_photos = [];

  664.       }

  665.     }

  666. 

  667.     function showSampleEditDialog() {

  668.       Object.assign(sampleEditForm, {

  669.         sample_types: (patient.sample_types || []).slice(),

  670.         wax_return: patient.wax_return ? 1 : 0,

  671.         return_name: patient.return_name || '',

  672.         return_phone: patient.return_phone || '',

  673.         returnRegionCodes: [patient.return_province_code, patient.return_city_code, patient.return_district_code].filter(Boolean),

  674.         return_address: patient.return_address || '',

  675.         report_email: patient.report_email || '',

  676.         sample_tracking_no: patient.sample_tracking_no || '',

  677.         sample_photos: (patient.sample_photos || []).slice()

  678.       });

  679.       sampleEditVisible.value = true;

  680.     }

  681. 

  682.     function onSampleEditPhotoUpload(res) {

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

  684.         sampleEditForm.sample_photos.push(res.data.url);

  685.       } else {

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

  687.       }

  688.     }

  689. 

  690.     async function saveSampleEdit() {

  691.       var regionCodes = sampleEditForm.returnRegionCodes || [];

  692.       if (sampleEditShowWaxReturn.value && sampleEditForm.wax_return === 1) {

  693.         if (!sampleEditForm.return_name.trim()) return ElementPlus.ElMessage.warning('请填写回寄收件人');

  694.         if (!sampleEditForm.return_phone.trim()) return ElementPlus.ElMessage.warning('请填写回寄电话');

  695.         if (regionCodes.length !== 3) return ElementPlus.ElMessage.warning('请选择回寄地区');

  696.         if (!sampleEditForm.return_address.trim()) return ElementPlus.ElMessage.warning('请填写回寄详细地址');

  697.       }

  698.       if (sampleEditForm.report_email && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(sampleEditForm.report_email)) {

  699.         return ElementPlus.ElMessage.warning('邮箱格式不正确');

  700.       }

  701.       sampleEditSaving.value = true;

  702.       try {

  703.         var res = await fetch('/admin/patient/editSampleInfo', {

  704.           method: 'POST',

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

  706.           body: JSON.stringify({

  707.             id: patient.id,

  708.             sample_types: sampleEditForm.sample_types || [],

  709.             wax_return: sampleEditShowWaxReturn.value ? sampleEditForm.wax_return : 0,

  710.             return_name: sampleEditForm.return_name.trim(),

  711.             return_phone: sampleEditForm.return_phone.trim(),

  712.             return_province_code: regionCodes[0] || '',

  713.             return_city_code: regionCodes[1] || '',

  714.             return_district_code: regionCodes[2] || '',

  715.             return_address: sampleEditForm.return_address.trim(),

  716.             report_email: sampleEditForm.report_email.trim(),

  717.             sample_tracking_no: sampleEditForm.sample_tracking_no.trim(),

  718.             sample_photos: sampleEditForm.sample_photos || []

  719.           })

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

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

  722.           ElementPlus.ElMessage.success('送检信息已保存并生效');

  723.           sampleEditVisible.value = false;

  724.           loadDetail();

  725.         } else {

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

  727.         }

  728.       } finally {

  729.         sampleEditSaving.value = false;

  730.       }

  731.     }

  732. 

  733.     onMounted(function() {

  734.       loadDetail();

  735.       loadSampleTypes();

  736.       loadRegions();

  737.     });

  738. 

  739.     return {

  740.       loading, patient, audits, canAudit, canEdit,

  741.       returnTrackingVisible, returnTrackingSaving, returnTrackingNo,

  742.       sampleRejectVisible, sampleRejectSaving, sampleRejectReason,

  743.       sampleEditVisible, sampleEditSaving, sampleEditForm, sampleTypeList, regionTree, uploadHeaders,

  744.       rejectVisible, rejectSaving, rejectReason, selectedReasons, commonReasons,

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

  746.       authImageList, sampleInfoStatusText, sampleInfoStatusType, sampleEditShowWaxReturn, sampleEditNeedReturnNames,

  747.       handleApprove, showRejectDialog, toggleReason, doReject, resetSampleInfo,

  748.       showReturnTrackingDialog, saveReturnTrackingNo,

  749.       approveSampleEdit, showRejectSampleEditDialog, rejectSampleEdit,

  750.       showSampleEditDialog, onSampleEditTypesChange, onSampleEditPhotoUpload, saveSampleEdit

  751.     };

  752.   }

  753. });

  754. 

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

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

  757. </script>

  758. {% endblock %}