leiyun
/
cytx_mp
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.
25 Commits
1 Branch
1.7 MiB
 
 
 
 
 
Tree: 64ab8ee392
Branches Labels
${ item.name }
Maak branch ${ searchTerm }
van '64ab8ee392'
${ noResults }
cytx_mp/pages/sample-info/sample-info.vue

648 regels
27 KiB
Ruw Blame Geschiedenis 

  1. <template>

  2. 	<view class="page">

  3. 		<!-- 患者基本信息（只读） -->

  4. 		<view class="section">

  5. 			<view class="section-title">

  6. 				<u-icon name="account-fill" size="18" color="#0e63e3" />

  7. 				<text>基本信息</text>

  8. 			</view>

  9. 			<view class="info-compact">

  10. 				<view class="info-compact-row">

  11. 					<text class="info-compact-item">姓名：{{ patient.name }}</text>

  12. 					<text class="info-compact-item">性别：{{ patient.gender }}</text>

  13. 				</view>

  14. 				<view class="info-compact-row">

  15. 					<text class="info-compact-item">身份证：{{ maskedIdCard }}</text>

  16. 					<text class="info-compact-item">手机号：{{ maskedPhone }}</text>

  17. 				</view>

  18. 				<view class="info-compact-row">

  19. 					<text class="info-compact-item">联系地址：{{ patient.region_text }} {{ patient.address }}</text>

  20. 				</view>

  21. 				<view class="info-compact-row">

  22. 					<text class="info-compact-item">医院：{{ patient.hospital || '—' }}</text>

  23. 					<text class="info-compact-item">癌种：{{ patient.tag || '—' }}</text>

  24. 				</view>

  25. 			</view>

  26. 		</view>

  27. 

  28. 		<!-- 平台收件信息 -->

  29. 		<view class="section">

  30. 			<view class="section-title">

  31. 				<u-icon name="order" size="18" color="#0e63e3" />

  32. 				<text>平台收件信息</text>

  33. 			</view>

  34. 			<view class="receiver-info">

  35. 				<view class="receiver-row">

  36. 					<text class="receiver-label">收件地址</text>

  37. 					<text class="receiver-value">{{ sampleReceiverInfo.address || '—' }}</text>

  38. 				</view>

  39. 				<view class="receiver-row">

  40. 					<text class="receiver-label">收件人</text>

  41. 					<text class="receiver-value">{{ sampleReceiverInfo.receiver || '—' }}</text>

  42. 				</view>

  43. 				<view class="receiver-row">

  44. 					<text class="receiver-label">电话</text>

  45. 					<text class="receiver-value">{{ sampleReceiverInfo.phone || '—' }}</text>

  46. 				</view>

  47. 			</view>

  48. 			<view class="copy-receiver" @tap="copySampleReceiverInfo">复制送检信息</view>

  49. 		</view>

  50. 

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

  52. 		<view class="section">

  53. 			<view class="section-title">

  54. 				<u-icon name="file-text" size="18" color="#fa541c" />

  55. 				<text>送检信息</text>

  56. 				<text v-if="sampleInfoStatusText" class="status-pill" :class="sampleInfoStatusClass">{{ sampleInfoStatusText }}</text>

  57. 			</view>

  58. 			<view v-if="isSampleReturned" class="return-info">

  59. 				<text class="return-title">样品已经寄回</text>

  60. 				<text class="return-text">回寄物流单号：{{ returnTrackingNo || '—' }}</text>

  61. 				<text v-if="returnTime" class="return-time">回寄时间：{{ returnTime }}</text>

  62. 				<text class="copy-return-no" @tap="copyReturnTrackingNo">复制单号</text>

  63. 			</view>

  64. 			<view v-if="sampleEditRejectReason" class="reject-info">

  65. 				<text class="reject-title">修改申请未通过</text>

  66. 				<text class="reject-text">原因：{{ sampleEditRejectReason }}</text>

  67. 			</view>

  68. 			<view class="form-group">

  69. 				<text class="form-label">送检样本类型{{ sampleRequired ? '' : '（选填）' }}</text>

  70. 				<u-checkbox-group v-model="form.sample_types" placement="row" :wrap="true" @change="onSampleTypesChange">

  71. 					<u-checkbox v-for="st in sampleTypeList" :key="st.id" :label="st.name" :name="st.name"

  72. 						:disabled="isSampleInfoLocked" activeColor="#0E63E3" :customStyle="{ marginRight: '24rpx', marginBottom: '16rpx' }" />

  73. 				</u-checkbox-group>

  74. 			</view>

  75. 			<view class="form-group" v-if="showWaxReturn">

  76. 				<text class="form-label">{{ needReturnNames }}是否需寄回</text>

  77. 				<u-radio-group v-model="form.wax_return" placement="row">

  78. 					<u-radio label="是" :name="1" :disabled="isSampleInfoLocked" activeColor="#0E63E3" :customStyle="{ marginRight: '40rpx' }" />

  79. 					<u-radio label="否" :name="0" :disabled="isSampleInfoLocked" activeColor="#0E63E3" />

  80. 				</u-radio-group>

  81. 			</view>

  82. 			<template v-if="form.wax_return === 1 && showWaxReturn">

  83. 				<view class="form-group">

  84. 					<view style="display:flex;align-items:center;justify-content:space-between;">

  85. 						<text class="form-label" style="margin-bottom:0;">收件人姓名</text>

  86. 						<text :class="['fill-self-btn', isSampleInfoLocked ? 'disabled' : '']" @tap="fillSelfReturn">本人接收</text>

  87. 					</view>

  88. 					<u-input v-model="form.return_name" :disabled="isSampleInfoLocked" placeholder="请输入收件人姓名" border="surround" :customStyle="{ marginTop: '16rpx' }" />

  89. 				</view>

  90. 				<view class="form-group">

  91. 					<text class="form-label">收件人电话</text>

  92. 					<u-input v-model="form.return_phone" :disabled="isSampleInfoLocked" type="number" placeholder="请输入收件人电话" border="surround" maxlength="11" />

  93. 				</view>

  94. 				<view class="form-group">

  95. 					<text class="form-label">收件地址</text>

  96. 					<view :class="['region-row', isSampleInfoLocked ? 'disabled' : '']" @tap="openRegionPicker">

  97. 						<text :class="['region-text', returnRegionText ? '' : 'placeholder']">{{ returnRegionText || '请选择省/市/区' }}</text>

  98. 						<text class="arrow">›</text>

  99. 					</view>

  100. 					<u-input v-model="form.return_address" :disabled="isSampleInfoLocked" placeholder="详细门牌号" border="surround"

  101. 						:customStyle="{ marginTop: '16rpx' }" />

  102. 				</view>

  103. 			</template>

  104. 			<template v-if="(form.sample_types && form.sample_types.length) || sampleRequired">

  105. 				<view class="form-group">

  106. 					<text class="form-label">报告接收邮箱</text>

  107. 					<u-input v-model="form.report_email" :disabled="isSampleInfoLocked" placeholder="请输入邮箱地址" border="surround" />

  108. 				</view>

  109. 				<view class="form-group">

  110. 					<text class="form-label">送检样本物流单号</text>

  111. 					<u-input v-model="form.sample_tracking_no" :disabled="isSampleInfoLocked" placeholder="请输入物流单号" border="surround" />

  112. 				</view>

  113. 				<view class="form-group">

  114. 					<text class="form-label">送检单照片（可上传多张）</text>

  115. 					<view class="upload-row">

  116. 						<view class="upload-item" v-for="(photo, idx) in form.sample_photos" :key="'sp'+idx">

  117. 							<image class="upload-img" :src="photo" mode="aspectFill" @tap="previewSamplePhoto(idx)" />

  118. 							<view v-if="!isSampleInfoLocked" class="upload-del" @tap="form.sample_photos.splice(idx, 1)">×</view>

  119. 						</view>

  120. 						<view v-if="!isSampleInfoLocked" class="upload-box" @tap="chooseSamplePhoto">

  121. 							<text class="upload-icon">+</text>

  122. 							<text class="upload-text">上传图片</text>

  123. 						</view>

  124. 					</view>

  125. 				</view>

  126. 			</template>

  127. 		</view>

  128. 

  129. 		<!-- 提交按钮 -->

  130. 		<view class="btn-wrap">

  131. 			<view class="agree-row" @tap="toggleAgree">

  132. 				<u-checkbox-group>

  133. 					<u-checkbox :checked="agreed" :disabled="isSampleInfoLocked" shape="circle" activeColor="#0E63E3" size="18" />

  134. 				</u-checkbox-group>

  135. 				<text class="agree-text">请阅读并同意</text>

  136. 				<text class="agree-link" @tap.stop="openNotice">《患者告知书》</text>

  137. 			</view>

  138. 			<u-button v-if="canApplySampleEdit" text="申请修改送检信息" :loading="applyEditSubmitting" @click="showApplyEditDialog"

  139. 				color="#0E63E3" plain size="large" />

  140. 			<u-button v-if="!canApplySampleEdit" :text="submitButtonText" :loading="submitting" @click="handleSubmit" color="#0E63E3" size="large" />

  141. 		</view>

  142. 

  143. 		<!-- 修改申请弹窗 -->

  144. 		<u-popup :show="applyEditVisible" mode="center" round="12" :safeAreaInsetBottom="false" @close="applyEditVisible = false">

  145. 			<view class="apply-popup">

  146. 				<view class="apply-title">申请修改送检信息</view>

  147. 				<view class="apply-desc">请填写需要修改送检信息的原因，平台审核通过后即可重新编辑。</view>

  148. 				<textarea v-model="applyEditReason" class="apply-textarea" maxlength="500" placeholder="请输入申请原因" />

  149. 				<view class="apply-actions">

  150. 					<u-button text="取消" @click="applyEditVisible = false" plain color="#909399" />

  151. 					<u-button text="提交申请" :loading="applyEditSubmitting" @click="submitApplyEdit" color="#0E63E3" />

  152. 				</view>

  153. 			</view>

  154. 		</u-popup>

  155. 

  156. 		<!-- 地区选择器 -->

  157. 		<u-picker v-if="regionColumns[0].length" :show="showRegionPicker" :columns="regionColumns" @confirm="onRegionConfirm"

  158. 			@cancel="showRegionPicker = false" @change="onRegionChange" :defaultIndex="regionDefaultIndex" />

  159. 	</view>

  160. </template>

  161. 

  162. <script setup>

  163. import { ref, reactive, computed } from 'vue'

  164. import { onLoad } from '@dcloudio/uni-app'

  165. import { get, post, upload } from '@/utils/request.js'

  166. 

  167. const patient = ref({})

  168. const form = reactive({

  169. 	sample_types: [],

  170. 	wax_return: 0,

  171. 	return_name: '',

  172. 	return_phone: '',

  173. 	return_province_code: '',

  174. 	return_city_code: '',

  175. 	return_district_code: '',

  176. 	return_address: '',

  177. 	report_email: '',

  178. 	sample_tracking_no: '',

  179. 	sample_photos: []

  180. })

  181. const submitting = ref(false)

  182. const agreed = ref(false)

  183. const sampleTypeList = ref([])

  184. const sampleRequired = ref(false)

  185. const sampleReceiverInfo = ref({ address: '', receiver: '', phone: '', contact_phone: '' })

  186. const sampleInfoStatus = ref(0)

  187. const returnTrackingNo = ref('')

  188. const returnTime = ref('')

  189. const sampleEditReason = ref('')

  190. const sampleEditRejectReason = ref('')

  191. const sampleEditApplyTime = ref('')

  192. const applyEditVisible = ref(false)

  193. const applyEditReason = ref('')

  194. const applyEditSubmitting = ref(false)

  195. const sampleEditAuditTmplId = ref('')

  196. const isSampleReturned = computed(() => sampleInfoStatus.value === 2)

  197. const isSampleEditApplying = computed(() => sampleInfoStatus.value === 3)

  198. const isSampleInfoLocked = computed(() => sampleInfoStatus.value === 1 || sampleInfoStatus.value === 2 || sampleInfoStatus.value === 3)

  199. const canApplySampleEdit = computed(() => sampleInfoStatus.value === 1)

  200. const sampleInfoStatusText = computed(() => {

  201. 	if (sampleInfoStatus.value === 3) return '申请审核中'

  202. 	if (sampleInfoStatus.value === 2) return '已寄回'

  203. 	if (sampleInfoStatus.value === 1) return '已生效'

  204. 	return ''

  205. })

  206. const sampleInfoStatusClass = computed(() => {

  207. 	if (sampleInfoStatus.value === 3) return 'applying'

  208. 	return sampleInfoStatus.value === 2 ? 'returned' : 'effective'

  209. })

  210. const submitButtonText = computed(() => {

  211. 	if (sampleInfoStatus.value === 3) return '修改申请审核中'

  212. 	if (sampleInfoStatus.value === 2) return '样品已寄回'

  213. 	if (sampleInfoStatus.value === 1) return '送检信息已生效'

  214. 	return '提交送检信息'

  215. })

  216. 

  217. // 地区数据

  218. const allRegions = ref([])

  219. const regionColumns = ref([[], [], []])

  220. const regionDefaultIndex = ref([0, 0, 0])

  221. const showRegionPicker = ref(false)

  222. 

  223. const maskedIdCard = computed(() => {

  224. 	const v = patient.value.id_card || ''

  225. 	if (v.length === 18) return v.slice(0, 3) + '****' + v.slice(-4)

  226. 	return v

  227. })

  228. 

  229. const maskedPhone = computed(() => {

  230. 	const v = patient.value.phone || ''

  231. 	if (v.length === 11) return v.slice(0, 3) + '****' + v.slice(-4)

  232. 	return v

  233. })

  234. 

  235. const showWaxReturn = computed(() => {

  236. 	if (!form.sample_types || !form.sample_types.length) return false

  237. 	return form.sample_types.some(name => {

  238. 		const st = sampleTypeList.value.find(s => s.name === name)

  239. 		return st && st.need_return

  240. 	})

  241. })

  242. 

  243. const needReturnNames = computed(() => {

  244. 	if (!form.sample_types || !form.sample_types.length) return ''

  245. 	const names = form.sample_types.filter(name => {

  246. 		const st = sampleTypeList.value.find(s => s.name === name)

  247. 		return st && st.need_return

  248. 	})

  249. 	return names.join('、')

  250. })

  251. 

  252. const returnRegionText = computed(() => {

  253. 	const parts = []

  254. 	if (form.return_province_code) {

  255. 		const p = allRegions.value.find(r => r.code === form.return_province_code)

  256. 		if (p) parts.push(p.name)

  257. 	}

  258. 	if (form.return_city_code) {

  259. 		const prov = allRegions.value.find(r => r.code === form.return_province_code)

  260. 		if (prov && prov.children) {

  261. 			const c = prov.children.find(r => r.code === form.return_city_code)

  262. 			if (c) parts.push(c.name)

  263. 		}

  264. 	}

  265. 	if (form.return_district_code) {

  266. 		const prov = allRegions.value.find(r => r.code === form.return_province_code)

  267. 		if (prov && prov.children) {

  268. 			const city = prov.children.find(r => r.code === form.return_city_code)

  269. 			if (city && city.children) {

  270. 				const d = city.children.find(r => r.code === form.return_district_code)

  271. 				if (d) parts.push(d.name)

  272. 			}

  273. 		}

  274. 	}

  275. 	return parts.join(' ')

  276. })

  277. 

  278. const onSampleTypesChange = () => {

  279. 	if (isSampleInfoLocked.value) return

  280. 	if (!showWaxReturn.value) {

  281. 		form.wax_return = 0

  282. 	}

  283. 	if (!form.sample_types || form.sample_types.length === 0) {

  284. 		form.report_email = ''

  285. 		form.sample_tracking_no = ''

  286. 		form.sample_photos = []

  287. 		form.wax_return = 0

  288. 		form.return_name = ''

  289. 		form.return_phone = ''

  290. 		form.return_province_code = ''

  291. 		form.return_city_code = ''

  292. 		form.return_district_code = ''

  293. 		form.return_address = ''

  294. 	}

  295. }

  296. 

  297. const fillSelfReturn = () => {

  298. 	if (isSampleInfoLocked.value) return showLockedTip()

  299. 	form.return_name = patient.value.name || ''

  300. 	form.return_phone = patient.value.phone || ''

  301. 	form.return_province_code = patient.value.province_code || ''

  302. 	form.return_city_code = patient.value.city_code || ''

  303. 	form.return_district_code = patient.value.district_code || ''

  304. 	form.return_address = patient.value.address || ''

  305. }

  306. 

  307. const openRegionPicker = () => {

  308. 	if (isSampleInfoLocked.value) return showLockedTip()

  309. 	showRegionPicker.value = true

  310. }

  311. 

  312. onLoad(async () => {

  313. 	await loadRegions()

  314. 	await loadPatientInfo()

  315. 	await loadSampleTypes()

  316. 	await loadSubscribeConfig()

  317. })

  318. 

  319. const loadSubscribeConfig = async () => {

  320. 	try {

  321. 		const res = await get('/api/mp/subscribeConfig')

  322. 		if (res.data && res.data.sample_edit_audit) {

  323. 			sampleEditAuditTmplId.value = res.data.sample_edit_audit

  324. 		}

  325. 	} catch (e) {}

  326. }

  327. 

  328. const requestSampleEditSubscribe = () => {

  329. 	return new Promise((resolve) => {

  330. 		if (!sampleEditAuditTmplId.value) return resolve(false)

  331. 		// #ifdef MP-WEIXIN

  332. 		wx.requestSubscribeMessage({

  333. 			tmplIds: [sampleEditAuditTmplId.value],

  334. 			success: () => resolve(true),

  335. 			fail: () => resolve(false)

  336. 		})

  337. 		// #endif

  338. 		// #ifndef MP-WEIXIN

  339. 		resolve(false)

  340. 		// #endif

  341. 	})

  342. }

  343. 

  344. const loadPatientInfo = async () => {

  345. 	try {

  346. 		const res = await get('/api/mp/sampleInfo')

  347. 		if (res.data) {

  348. 			patient.value = res.data.patient || {}

  349. 			// 回显送检信息

  350. 			form.sample_types = res.data.sample_types || []

  351. 			form.wax_return = res.data.wax_return || 0

  352. 			form.return_name = res.data.return_name || ''

  353. 			form.return_phone = res.data.return_phone || ''

  354. 			form.return_province_code = res.data.return_province_code || ''

  355. 			form.return_city_code = res.data.return_city_code || ''

  356. 			form.return_district_code = res.data.return_district_code || ''

  357. 			form.return_address = res.data.return_address || ''

  358. 			form.report_email = res.data.report_email || ''

  359. 			form.sample_tracking_no = res.data.sample_tracking_no || ''

  360. 			form.sample_photos = res.data.sample_photos || []

  361. 			sampleInfoStatus.value = Number(res.data.sample_info_status) || 0

  362. 			returnTrackingNo.value = res.data.return_tracking_no || ''

  363. 			returnTime.value = res.data.return_time || ''

  364. 			sampleEditReason.value = res.data.sample_edit_reason || ''

  365. 			sampleEditRejectReason.value = res.data.sample_edit_reject_reason || ''

  366. 			sampleEditApplyTime.value = res.data.sample_edit_apply_time || ''

  367. 			sampleReceiverInfo.value = res.data.sample_receiver_info || { address: '', receiver: '', phone: '', contact_phone: '' }

  368. 			if ((sampleInfoStatus.value === 1 && !sampleEditRejectReason.value) || sampleInfoStatus.value === 3) {

  369. 				setTimeout(() => showLockedTip(), 300)

  370. 			}

  371. 		}

  372. 	} catch (e) {}

  373. }

  374. 

  375. const loadSampleTypes = async () => {

  376. 	try {

  377. 		const res = await get('/common/sampleTypes')

  378. 		sampleTypeList.value = (res.data && res.data.list) || []

  379. 		sampleRequired.value = (res.data && res.data.required) || false

  380. 	} catch (e) {}

  381. }

  382. 

  383. const loadRegions = async () => {

  384. 	try {

  385. 		const res = await get('/common/regions')

  386. 		allRegions.value = res.data || []

  387. 		buildRegionColumns()

  388. 	} catch (e) {}

  389. }

  390. 

  391. const buildRegionColumns = (pIdx = 0, cIdx = 0) => {

  392. 	const provinces = allRegions.value

  393. 	const col0 = provinces.map(p => p.name)

  394. 	const cities = (provinces[pIdx] && provinces[pIdx].children) || []

  395. 	const col1 = cities.map(c => c.name)

  396. 	const districts = (cities[cIdx] && cities[cIdx].children) || []

  397. 	const col2 = districts.map(d => d.name)

  398. 	regionColumns.value = [col0, col1, col2]

  399. }

  400. 

  401. const onRegionChange = (e) => {

  402. 	const { columnIndex, index } = e

  403. 	if (columnIndex === 0) {

  404. 		buildRegionColumns(index, 0)

  405. 		regionDefaultIndex.value = [index, 0, 0]

  406. 	} else if (columnIndex === 1) {

  407. 		const pIdx = regionDefaultIndex.value[0]

  408. 		buildRegionColumns(pIdx, index)

  409. 		regionDefaultIndex.value = [pIdx, index, 0]

  410. 	}

  411. }

  412. 

  413. const onRegionConfirm = (e) => {

  414. 	if (isSampleInfoLocked.value) return

  415. 	const idxs = e.indexs || e.index || [0, 0, 0]

  416. 	const provinces = allRegions.value

  417. 	const prov = provinces[idxs[0]]

  418. 	const city = prov && prov.children ? prov.children[idxs[1]] : null

  419. 	const dist = city && city.children ? city.children[idxs[2]] : null

  420. 	form.return_province_code = prov ? prov.code : ''

  421. 	form.return_city_code = city ? city.code : ''

  422. 	form.return_district_code = dist ? dist.code : ''

  423. 	showRegionPicker.value = false

  424. }

  425. 

  426. const chooseSamplePhoto = () => {

  427. 	if (isSampleInfoLocked.value) return showLockedTip()

  428. 	uni.chooseImage({

  429. 		count: 9 - form.sample_photos.length,

  430. 		sizeType: ['compressed'],

  431. 		sourceType: ['album', 'camera'],

  432. 		success: async (res) => {

  433. 			for (const filePath of res.tempFilePaths) {

  434. 				try {

  435. 					const uploadRes = await upload('/api/mp/upload', { filePath, name: 'file' })

  436. 					if (uploadRes.data && uploadRes.data.url) {

  437. 						form.sample_photos.push(uploadRes.data.url)

  438. 					}

  439. 				} catch (e) {}

  440. 			}

  441. 		}

  442. 	})

  443. }

  444. 

  445. const previewSamplePhoto = (idx) => {

  446. 	uni.previewImage({ urls: form.sample_photos, current: idx })

  447. }

  448. 

  449. const openNotice = () => {

  450. 	uni.navigateTo({ url: '/pages/content/content?key=patient_information_sheet' })

  451. }

  452. 

  453. const getContactPhone = () => sampleReceiverInfo.value.contact_phone || ''

  454. const getCleanPhone = () => getContactPhone().replace(/[^\d+]/g, '')

  455. 

  456. const contactPlatform = () => {

  457. 	const phone = getContactPhone()

  458. 	if (!phone) return uni.showToast({ title: '暂无联系电话', icon: 'none' })

  459. 	// #ifdef H5

  460. 	uni.setClipboardData({

  461. 		data: phone,

  462. 		success: () => uni.showToast({ title: '电话已复制', icon: 'success' })

  463. 	})

  464. 	// #endif

  465. 	// #ifndef H5

  466. 	uni.makePhoneCall({ phoneNumber: getCleanPhone() })

  467. 	// #endif

  468. }

  469. 

  470. const showLockedTip = () => {

  471. 	if (isSampleEditApplying.value) {

  472. 		uni.showModal({

  473. 			title: '温馨提示',

  474. 			content: '送检信息修改申请正在审核中，请等待平台处理。',

  475. 			showCancel: false,

  476. 			confirmText: '知道了'

  477. 		})

  478. 		return

  479. 	}

  480. 	if (isSampleReturned.value) {

  481. 		uni.showModal({

  482. 			title: '温馨提示',

  483. 			content: `样品已经寄回，回寄物流单号：${returnTrackingNo.value || '—'}。`,

  484. 			cancelText: '知道了',

  485. 			confirmText: '复制单号',

  486. 			success: (res) => {

  487. 				if (res.confirm) copyReturnTrackingNo()

  488. 			}

  489. 		})

  490. 		return

  491. 	}

  492. 	const phone = getContactPhone()

  493. 	let content = '送检信息已生效，如需修改请点击页面的【申请修改送检信息】按钮申请，通过后可重新提交送检信息。'

  494. 	if (phone) content += `详情咨询${phone}。`

  495. 	uni.showModal({

  496. 		title: '温馨提示',

  497. 		content,

  498. 		showCancel: false,

  499. 		confirmText: '知道了'

  500. 	})

  501. }

  502. 

  503. const showApplyEditDialog = () => {

  504. 	if (!canApplySampleEdit.value) return showLockedTip()

  505. 	applyEditReason.value = ''

  506. 	applyEditVisible.value = true

  507. }

  508. 

  509. const submitApplyEdit = async () => {

  510. 	if (!applyEditReason.value.trim()) {

  511. 		return uni.showToast({ title: '请填写申请原因', icon: 'none' })

  512. 	}

  513. 	applyEditSubmitting.value = true

  514. 	try {

  515. 		await requestSampleEditSubscribe()

  516. 		const params = { reason: applyEditReason.value.trim() }

  517. 		// #ifdef MP-WEIXIN

  518. 		params.mp_env_version = uni.getAccountInfoSync().miniProgram.envVersion || 'release'

  519. 		// #endif

  520. 		await post('/api/mp/applySampleInfoEdit', params)

  521. 		sampleInfoStatus.value = 3

  522. 		sampleEditReason.value = applyEditReason.value.trim()

  523. 		sampleEditApplyTime.value = ''

  524. 		applyEditVisible.value = false

  525. 		uni.showToast({ title: '申请已提交', icon: 'success' })

  526. 	} catch (e) {

  527. 		if (e && e.msg) uni.showToast({ title: e.msg, icon: 'none' })

  528. 	} finally {

  529. 		applyEditSubmitting.value = false

  530. 	}

  531. }

  532. 

  533. const copyReturnTrackingNo = () => {

  534. 	if (!returnTrackingNo.value) return uni.showToast({ title: '暂无单号', icon: 'none' })

  535. 	uni.setClipboardData({

  536. 		data: returnTrackingNo.value,

  537. 		success: () => uni.showToast({ title: '单号已复制', icon: 'success' })

  538. 	})

  539. }

  540. 

  541. const copySampleReceiverInfo = () => {

  542. 	const info = sampleReceiverInfo.value

  543. 	const text = [

  544. 		`收件地址：${info.address || ''}`,

  545. 		`收件人：${info.receiver || ''}`,

  546. 		`电话：${info.phone || ''}`

  547. 	].join('\n')

  548. 	uni.setClipboardData({

  549. 		data: text,

  550. 		success: () => uni.showToast({ title: '已复制', icon: 'success' })

  551. 	})

  552. }

  553. 

  554. const toggleAgree = () => {

  555. 	if (isSampleInfoLocked.value) return showLockedTip()

  556. 	agreed.value = !agreed.value

  557. }

  558. 

  559. const handleSubmit = async () => {

  560. 	if (isSampleInfoLocked.value) {

  561. 		return showLockedTip()

  562. 	}

  563. 	if (!agreed.value) {

  564. 		return uni.showToast({ title: '请阅读并同意《患者告知书》', icon: 'none' })

  565. 	}

  566. 	if (sampleRequired.value && (!form.sample_types || form.sample_types.length === 0)) {

  567. 		return uni.showToast({ title: '请选择送检样本类型', icon: 'none' })

  568. 	}

  569. 	if (form.wax_return === 1 && showWaxReturn.value) {

  570. 		if (!form.return_name) return uni.showToast({ title: '请输入收件人姓名', icon: 'none' })

  571. 		if (!form.return_phone) return uni.showToast({ title: '请输入收件人电话', icon: 'none' })

  572. 		if (!form.return_province_code) return uni.showToast({ title: '请选择收件地址', icon: 'none' })

  573. 		if (!form.return_address) return uni.showToast({ title: '请输入收件详细地址', icon: 'none' })

  574. 	}

  575. 	if (form.sample_types && form.sample_types.length > 0) {

  576. 		if (!form.report_email) return uni.showToast({ title: '请输入报告接收邮箱', icon: 'none' })

  577. 		if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(form.report_email)) return uni.showToast({ title: '邮箱格式不正确', icon: 'none' })

  578. 		if (!form.sample_tracking_no) return uni.showToast({ title: '请输入送检样本物流单号', icon: 'none' })

  579. 		if (!form.sample_photos || form.sample_photos.length === 0) return uni.showToast({ title: '请上传送检单照片', icon: 'none' })

  580. 	}

  581. 	submitting.value = true

  582. 	try {

  583. 		await post('/api/mp/saveSampleInfo', { ...form })

  584. 		sampleInfoStatus.value = 1

  585. 		uni.showToast({ title: '提交成功', icon: 'success' })

  586. 		setTimeout(() => uni.navigateBack(), 1500)

  587. 	} catch (e) {

  588. 		if (e && e.data && [1, 2, 3].includes(Number(e.data.sample_info_status))) {

  589. 			sampleInfoStatus.value = Number(e.data.sample_info_status)

  590. 			returnTrackingNo.value = e.data.return_tracking_no || returnTrackingNo.value

  591. 			returnTime.value = e.data.return_time || returnTime.value

  592. 			sampleEditReason.value = e.data.sample_edit_reason || sampleEditReason.value

  593. 			sampleEditApplyTime.value = e.data.sample_edit_apply_time || sampleEditApplyTime.value

  594. 			if (e.data.sample_receiver_info) sampleReceiverInfo.value = e.data.sample_receiver_info

  595. 			return showLockedTip()

  596. 		}

  597. 		if (e && e.msg) uni.showToast({ title: e.msg, icon: 'none' })

  598. 	} finally {

  599. 		submitting.value = false

  600. 	}

  601. }

  602. </script>

  603. 

  604. <style lang="scss" scoped>

  605. .page { min-height: 100vh; background: #f4f4f5; padding: 24rpx; padding-bottom: 260rpx; }

  606. .section { background: #fff; border-radius: 10rpx; padding: 32rpx; margin-bottom: 24rpx; border: 1rpx solid #ebeef5; }

  607. .section-title { display: flex; align-items: center; gap: 12rpx; font-size: 32rpx; font-weight: 600; color: #333; margin-bottom: 28rpx; }

  608. .status-pill { margin-left: auto; font-size: 22rpx; font-weight: 500; padding: 4rpx 14rpx; border-radius: 6rpx; &.effective { color: #52c41a; background: #f6ffed; border: 1rpx solid #b7eb8f; } &.returned { color: #0e63e3; background: #f0f5ff; border: 1rpx solid #adc6ff; } &.applying { color: #d46b08; background: #fff7e6; border: 1rpx solid #ffd591; } }

  609. .info-compact { padding-bottom: 8rpx; }

  610. .info-compact-row { display: flex; gap: 32rpx; margin-bottom: 12rpx; &:last-child { margin-bottom: 0; } }

  611. .info-compact-item { font-size: 26rpx; color: #666; }

  612. .return-info { background: #f0f5ff; border-left: 6rpx solid #0e63e3; border-radius: 8rpx; padding: 24rpx; margin-bottom: 20rpx; }

  613. .return-title { display: block; font-size: 30rpx; font-weight: 600; color: #303133; margin-bottom: 12rpx; }

  614. .return-text { display: block; font-size: 28rpx; color: #0e63e3; font-weight: 600; line-height: 1.5; }

  615. .return-time { display: block; font-size: 24rpx; color: #909399; margin-top: 8rpx; }

  616. .copy-return-no { display: block; text-align: right; font-size: 26rpx; color: #0e63e3; margin-top: 12rpx; }

  617. .reject-info { background: #fff2f0; border-left: 6rpx solid #ff4d4f; border-radius: 8rpx; padding: 24rpx; margin-bottom: 20rpx; }

  618. .reject-title { display: block; font-size: 28rpx; font-weight: 600; color: #a8071a; margin-bottom: 10rpx; }

  619. .reject-text { display: block; font-size: 26rpx; color: #606266; line-height: 1.6; }

  620. .receiver-info { padding-bottom: 8rpx; }

  621. .receiver-row { display: flex; gap: 20rpx; margin-bottom: 14rpx; &:last-child { margin-bottom: 0; } }

  622. .receiver-label { width: 120rpx; flex-shrink: 0; font-size: 26rpx; color: #909399; }

  623. .receiver-value { flex: 1; font-size: 26rpx; color: #303133; line-height: 1.6; }

  624. .copy-receiver { margin-top: 20rpx; color: #0e63e3; font-size: 26rpx; text-align: right; }

  625. .form-group { padding: 20rpx 0; border-bottom: 1rpx solid #f0f0f0; &:last-child { border-bottom: none; } }

  626. .form-label { font-size: 28rpx; color: #555; margin-bottom: 16rpx; display: block; }

  627. .region-row { display: flex; align-items: center; justify-content: space-between; padding: 20rpx 24rpx; border: 1rpx solid #ddd; border-radius: 8rpx; &.disabled { background: #f7f8fa; } }

  628. .region-text { font-size: 28rpx; color: #333; &.placeholder { color: #c0c4cc; } }

  629. .arrow { font-size: 28rpx; color: #c0c4cc; }

  630. .fill-self-btn { font-size: 24rpx; color: #0e63e3; padding: 6rpx 16rpx; border: 1rpx solid #d0e0ff; border-radius: 20rpx; background: #f0f5ff; &.disabled { color: #c0c4cc; border-color: #e4e7ed; background: #f7f8fa; } }

  631. .upload-row { display: flex; gap: 16rpx; flex-wrap: wrap; }

  632. .upload-item { position: relative; width: 180rpx; height: 180rpx; }

  633. .upload-img { width: 180rpx; height: 180rpx; border-radius: 8rpx; border: 1rpx solid #eee; }

  634. .upload-del { position: absolute; top: -10rpx; right: -10rpx; width: 40rpx; height: 40rpx; background: rgba(0,0,0,0.5); color: #fff; border-radius: 50%; font-size: 24rpx; display: flex; align-items: center; justify-content: center; }

  635. .upload-box { width: 180rpx; height: 180rpx; border: 2rpx dashed #ccc; border-radius: 8rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fafafa; }

  636. .upload-icon { font-size: 56rpx; color: #ccc; }

  637. .upload-text { font-size: 22rpx; color: #999; margin-top: 4rpx; }

  638. .btn-wrap { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; padding: 20rpx 32rpx; padding-bottom: calc(20rpx + env(safe-area-inset-bottom)); box-shadow: 0 -4rpx 16rpx rgba(0,0,0,0.06); z-index: 100; }

  639. .agree-row { display: flex; align-items: center; margin-bottom: 16rpx; padding-left: 4rpx; }

  640. .agree-text { font-size: 24rpx; color: #666; margin-left: 8rpx; }

  641. .agree-link { font-size: 24rpx; color: #0e63e3; }

  642. .apply-popup { width: 620rpx; background: #fff; border-radius: 16rpx; padding: 32rpx; }

  643. .apply-title { font-size: 32rpx; font-weight: 600; color: #303133; margin-bottom: 12rpx; }

  644. .apply-desc { font-size: 26rpx; color: #606266; line-height: 1.6; margin-bottom: 20rpx; }

  645. .apply-textarea { width: 100%; height: 180rpx; box-sizing: border-box; border: 1rpx solid #dcdfe6; border-radius: 8rpx; padding: 20rpx; font-size: 28rpx; color: #303133; background: #fff; }

  646. .apply-actions { display: flex; gap: 20rpx; margin-top: 24rpx; }

  647. </style>