leiyun
/
cytx_mp
1
0
Fork 0
Código Incidencias 0 Pull Requests 0 Lanzamientos 0 Wiki Actividad
No puede seleccionar más de 25 temas Los temas deben comenzar con una letra o número, pueden incluir guiones ('-') y pueden tener hasta 35 caracteres de largo.
19 Commits
1 Rama
1.7 MiB
 
 
 
 
 
Árbol: 88015d59ed
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde '88015d59ed'
${ noResults }
cytx_mp/pages/myinfo/myinfo.vue

1131 líneas
33 KiB
Original Blame Histórico 

  1. <template>

  2. 	<view class="page">

  3. 		<!-- 驳回原因提示 -->

  4. 		<view v-if="info.status === 2 && info.reject_reason" class="reject-tip">

  5. 			<u-icon name="warning-fill" size="20" color="#fa8c16" />

  6. 			<text class="reject-text">驳回原因：{{ info.reject_reason }}</text>

  7. 		</view>

  8. 

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

  10. 		<view class="section">

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

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

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

  14. 			</view>

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

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

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

  18. 					<text class="info-compact-item" v-if="info.gender">性别：{{ info.gender }}</text>

  19. 				</view>

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

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

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

  23. 				</view>

  24. 			</view>

  25. 			<view class="form-group" v-if="!info.gender">

  26. 				<text class="form-label">性别</text>

  27. 				<view class="gender-row">

  28. 					<view class="gender-item" :class="{ active: form.gender === '男' }" @tap="form.gender = '男'">男</view>

  29. 					<view class="gender-item" :class="{ active: form.gender === '女' }" @tap="form.gender = '女'">女</view>

  30. 				</view>

  31. 			</view>

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

  33. 				<text class="form-label">联系地址</text>

  34. 				<view class="region-row" @tap="showRegionPicker = true">

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

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

  37. 				</view>

  38. 				<u-input v-model="form.address" placeholder="详细街道地址" border="surround"

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

  40. 			</view>

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

  42. 				<text class="form-label">紧急联系人</text>

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

  44. 					<view class="contact-input">

  45. 						<u-input v-model="form.emergency_contact" placeholder="联系人姓名" border="surround" />

  46. 					</view>

  47. 					<view class="contact-input">

  48. 						<u-input v-model="form.emergency_phone" type="number" placeholder="联系人电话" border="surround" maxlength="11" />

  49. 					</view>

  50. 				</view>

  51. 			</view>

  52. 		</view>

  53. 

  54. 		<!-- 情况描述 -->

  55. 		<view class="section">

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

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

  58. 				<text>情况描述</text>

  59. 			</view>

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

  61. 				<text class="form-label">医院名称</text>

  62. 				<u-input v-model="form.hospital" placeholder="请输入就诊医院名称" border="surround" />

  63. 			</view>

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

  65. 				<text class="form-label">癌种</text>

  66. 				<u-radio-group v-model="form.tag" placement="row" :wrap="true">

  67. 					<u-radio v-for="t in tagOptions" :key="t" :label="t" :name="t"

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

  69. 				</u-radio-group>

  70. 			</view>

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

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

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

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

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

  76. 				</u-checkbox-group>

  77. 			</view>

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

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

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

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

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

  83. 				</u-radio-group>

  84. 			</view>

  85. 			<!-- 寄回地址 -->

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

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

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

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

  90. 						<text class="fill-self-btn" @tap="fillSelfReturn">本人接收</text>

  91. 					</view>

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

  93. 				</view>

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

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

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

  97. 				</view>

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

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

  100. 					<view class="region-row" @tap="showReturnRegionPicker = true">

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

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

  103. 					</view>

  104. 					<u-input v-model="form.return_address" placeholder="详细门牌号" border="surround"

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

  106. 				</view>

  107. 			</template>

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

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

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

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

  112. 				</view>

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

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

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

  116. 				</view>

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

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

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

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

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

  122. 							<view class="upload-del" @tap="form.sample_photos.splice(idx, 1)">×</view>

  123. 						</view>

  124. 						<view class="upload-box" @tap="chooseSamplePhoto">

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

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

  127. 						</view>

  128. 					</view>

  129. 				</view>

  130. 			</template>

  131. 		</view>

  132. 

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

  134. 		<view class="section">

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

  136. 				<u-icon name="attach" size="18" color="#fa8c16" />

  137. 				<text>资料上传</text>

  138. 			</view>

  139. 			<view class="upload-tip">请上传您的检查报告单或出院诊断证明书，上传图片请尽量平整清晰。可上传多张。</view>

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

  141. 				<view class="upload-item" v-for="(doc, idx) in form.documents" :key="idx">

  142. 					<image class="upload-img" :src="doc" mode="aspectFill" @tap="previewImage(idx)" />

  143. 					<view class="upload-del" @tap="form.documents.splice(idx, 1)">×</view>

  144. 				</view>

  145. 				<view class="upload-box" @tap="chooseDocument">

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

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

  148. 				</view>

  149. 			</view>

  150. 		</view>

  151. 

  152. 		<!-- 授权签名 -->

  153. 		<view class="section">

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

  155. 				<u-icon name="edit-pen-fill" size="18" color="#52c41a" />

  156. 				<text>授权签名</text>

  157. 			</view>

  158. 			<view class="sign-item">

  159. 				<view class="sign-left">

  160. 					<text class="sign-name">个人可支配收入声明</text>

  161. 					<text :class="['sign-status', signedIncome ? 'signed' : '']">{{ signedIncome ? '已签署' : '未签署' }}</text>

  162. 				</view>

  163. 				<view class="sign-btns" v-if="signedIncome">

  164. 					<view class="sign-btn view" @tap="previewSign('income')">查看</view>

  165. 					<view class="sign-btn resign" @tap="goSign('income')">重签</view>

  166. 				</view>

  167. 				<view class="sign-btn primary" v-else @tap="goSign('income')">去签署</view>

  168. 			</view>

  169. 			<view class="sign-item">

  170. 				<view class="sign-left">

  171. 					<text class="sign-name">个人信息处理同意书</text>

  172. 					<text :class="['sign-status', signedPrivacy ? 'signed' : '']">{{ signedPrivacy ? '已签署' : '未签署' }}</text>

  173. 				</view>

  174. 				<view class="sign-btns" v-if="signedPrivacy">

  175. 					<view class="sign-btn view" @tap="previewSign('privacy')">查看</view>

  176. 					<view class="sign-btn resign" @tap="goSign('privacy')">重签</view>

  177. 				</view>

  178. 				<view class="sign-btn primary" v-else @tap="goSign('privacy')">去签署</view>

  179. 			</view>

  180. 			<view class="sign-item" v-if="isMinor">

  181. 				<view class="sign-left">

  182. 					<text class="sign-name">个人信息处理同意书（监护人）</text>

  183. 					<text :class="['sign-status', signedPrivacyJhr ? 'signed' : '']">{{ signedPrivacyJhr ? '已签署' : '未签署' }}</text>

  184. 				</view>

  185. 				<view class="sign-btns" v-if="signedPrivacyJhr">

  186. 					<view class="sign-btn view" @tap="previewSign('privacy_jhr')">查看</view>

  187. 					<view class="sign-btn resign" @tap="goSign('privacy_jhr')">重签</view>

  188. 				</view>

  189. 				<view class="sign-btn primary" v-else @tap="goSign('privacy_jhr')">去签署</view>

  190. 			</view>

  191. 			<view class="sign-item">

  192. 				<view class="sign-left">

  193. 					<text class="sign-name">声明与承诺</text>

  194. 					<text :class="['sign-status', signedPromise ? 'signed' : '']">{{ signedPromise ? '已签署' : '未签署' }}</text>

  195. 				</view>

  196. 				<view class="sign-btns" v-if="signedPromise">

  197. 					<view class="sign-btn view" @tap="previewSign('promise')">查看</view>

  198. 					<view class="sign-btn resign" @tap="goSign('promise')">重签</view>

  199. 				</view>

  200. 				<view class="sign-btn primary" v-else @tap="goSign('promise')">去签署</view>

  201. 			</view>

  202. 		</view>

  203. 

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

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

  206. 			<view class="agree-row" @tap="agreed = !agreed">

  207. 				<u-checkbox-group>

  208. 					<u-checkbox :checked="agreed" shape="circle" activeColor="#0E63E3" size="18" @change="agreed = !agreed" />

  209. 				</u-checkbox-group>

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

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

  212. 			</view>

  213. 			<u-button text="提交审核" :loading="submitting" @click="handleSubmit" color="#0E63E3" size="large" />

  214. 		</view>

  215. 

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

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

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

  219. 

  220. 		<!-- 寄回地址地区选择器 -->

  221. 		<u-picker v-if="regionColumns[0].length" :show="showReturnRegionPicker" :columns="regionColumns" @confirm="onReturnRegionConfirm"

  222. 			@cancel="showReturnRegionPicker = false" @change="onRegionChange" :defaultIndex="returnRegionDefaultIndex" />

  223. 

  224. 		<!-- 已通过重新提交确认弹窗 -->

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

  226. 			<view class="confirm-popup">

  227. 				<view class="confirm-title">提示</view>

  228. 				<view class="confirm-content">您的资料审核已通过，如果重新提交审核会变为待审核，需要平台重新审核，是否确认提交？</view>

  229. 				<view class="confirm-btns">

  230. 					<u-button text="取消" size="normal" :plain="true" shape="circle" @click="showConfirmPopup = false" />

  231. 					<u-button text="确认提交" size="normal" color="#0E63E3" shape="circle" @click="doSubmit" />

  232. 				</view>

  233. 			</view>

  234. 		</u-popup>

  235. 	</view>

  236. </template>

  237. 

  238. <script setup>

  239. import { ref, reactive, computed, onBeforeUnmount } from 'vue'

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

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

  242. 

  243. const info = ref({})

  244. const form = reactive({

  245. 	gender: '',

  246. 	province_code: '',

  247. 	city_code: '',

  248. 	district_code: '',

  249. 	address: '',

  250. 	hospital: '',

  251. 	emergency_contact: '',

  252. 	emergency_phone: '',

  253. 	tag: '',

  254. 	documents: [],

  255. 	sample_types: [],

  256. 	wax_return: 0,

  257. 	return_name: '',

  258. 	return_phone: '',

  259. 	return_province_code: '',

  260. 	return_city_code: '',

  261. 	return_district_code: '',

  262. 	return_address: '',

  263. 	report_email: '',

  264. 	sample_tracking_no: '',

  265. 	sample_photos: [],

  266. 	sign_income: '',

  267. 	sign_privacy: '',

  268. 	sign_privacy_jhr: '',

  269. 	sign_promise: '',

  270. 	income_amount: ''

  271. })

  272. const submitting = ref(false)

  273. const showRegionPicker = ref(false)

  274. const showConfirmPopup = ref(false)

  275. const subscribeTmplId = ref('')

  276. const agreed = ref(false)

  277. 

  278. // 瘤种选项和送检样本类型

  279. const tagOptions = ref([])

  280. const sampleTypeList = ref([])

  281. const sampleRequired = ref(false)

  282. const showReturnRegionPicker = ref(false)

  283. const returnRegionDefaultIndex = ref([0, 0, 0])

  284. 

  285. // 是否显示"是否需寄回"

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

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

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

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

  290. 		return st && st.need_return

  291. 	})

  292. })

  293. 

  294. // 需要寄回的样本类型名称（用"、"分隔）

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

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

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

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

  299. 		return st && st.need_return

  300. 	})

  301. 	return names.join('、')

  302. })

  303. 

  304. // 寄回地址文本

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

  306. 	const parts = []

  307. 	if (form.return_province_code) {

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

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

  310. 	}

  311. 	if (form.return_city_code) {

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

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

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

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

  316. 		}

  317. 	}

  318. 	if (form.return_district_code) {

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

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

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

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

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

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

  325. 			}

  326. 		}

  327. 	}

  328. 	return parts.join(' ')

  329. })

  330. 

  331. const onSampleTypesChange = () => {

  332. 	// 如果取消了所有 need_return 的样本类型，重置寄回选项

  333. 	if (!showWaxReturn.value) {

  334. 		form.wax_return = 0

  335. 	}

  336. }

  337. 

  338. const fillSelfReturn = () => {

  339. 	form.return_name = info.value.name || ''

  340. 	form.return_phone = info.value.phone || ''

  341. 	form.return_province_code = form.province_code

  342. 	form.return_city_code = form.city_code

  343. 	form.return_district_code = form.district_code

  344. 	form.return_address = form.address

  345. }

  346. 

  347. // 签署时的额外信息（用于重签回显）

  348. const signExtra = reactive({

  349. 	income_amount: '',

  350. 	guardian_name: '',

  351. 	guardian_id_card: '',

  352. 	guardian_relation: ''

  353. })

  354. 

  355. // 加载订阅消息模板配置

  356. const loadSubscribeConfig = async () => {

  357. 	try {

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

  359. 		if (res.data && res.data.audit_result) {

  360. 			subscribeTmplId.value = res.data.audit_result

  361. 		}

  362. 	} catch (e) {}

  363. }

  364. 

  365. // 请求订阅消息授权

  366. const requestSubscribe = () => {

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

  368. 		if (!subscribeTmplId.value) return resolve(false)

  369. 		// #ifdef MP-WEIXIN

  370. 		wx.requestSubscribeMessage({

  371. 			tmplIds: [subscribeTmplId.value],

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

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

  374. 		})

  375. 		// #endif

  376. 		// #ifndef MP-WEIXIN

  377. 		resolve(false)

  378. 		// #endif

  379. 	})

  380. }

  381. 

  382. // 地区数据

  383. const allRegions = ref([])

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

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

  386. 

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

  388. 	const v = info.value.id_card || ''

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

  390. 	return v

  391. })

  392. 

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

  394. 	const v = info.value.phone || ''

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

  396. 	return v

  397. })

  398. 

  399. // 签署状态：form 中有新签的 URL 或 info 中有已保存的 URL

  400. const signedIncome = computed(() => form.sign_income || info.value.sign_income)

  401. const signedPrivacy = computed(() => form.sign_privacy || info.value.sign_privacy)

  402. const signedPrivacyJhr = computed(() => form.sign_privacy_jhr || info.value.sign_privacy_jhr)

  403. const signedPromise = computed(() => form.sign_promise || info.value.sign_promise)

  404. 

  405. // 判断是否未成年（从身份证号解析年龄）

  406. const isMinor = computed(() => {

  407. 	const idCard = info.value.id_card || ''

  408. 	if (idCard.length !== 18) return false

  409. 	const birthYear = parseInt(idCard.substring(6, 10))

  410. 	const birthMonth = parseInt(idCard.substring(10, 12))

  411. 	const birthDay = parseInt(idCard.substring(12, 14))

  412. 	const now = new Date()

  413. 	let age = now.getFullYear() - birthYear

  414. 	const monthDiff = (now.getMonth() + 1) - birthMonth

  415. 	if (monthDiff < 0 || (monthDiff === 0 && now.getDate() < birthDay)) age--

  416. 	return age < 18

  417. })

  418. 

  419. const regionText = computed(() => {

  420. 	const parts = []

  421. 	if (form.province_code) {

  422. 		const p = allRegions.value.find(r => r.code === form.province_code)

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

  424. 	}

  425. 	if (form.city_code) {

  426. 		const prov = allRegions.value.find(r => r.code === form.province_code)

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

  428. 			const c = prov.children.find(r => r.code === form.city_code)

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

  430. 		}

  431. 	}

  432. 	if (form.district_code) {

  433. 		const prov = allRegions.value.find(r => r.code === form.province_code)

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

  435. 			const city = prov.children.find(r => r.code === form.city_code)

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

  437. 				const d = city.children.find(r => r.code === form.district_code)

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

  439. 			}

  440. 		}

  441. 	}

  442. 	return parts.join(' ')

  443. })

  444. 

  445. // 签署结果事件监听

  446. const onSignResult = (data) => {

  447. 	if (data.type === 'income') {

  448. 		form.sign_income = data.url

  449. 		if (data.amount) {

  450. 			form.income_amount = data.amount

  451. 			signExtra.income_amount = data.amount

  452. 		}

  453. 	} else if (data.type === 'privacy') {

  454. 		form.sign_privacy = data.url

  455. 	} else if (data.type === 'privacy_jhr') {

  456. 		form.sign_privacy_jhr = data.url

  457. 		if (data.guardianName) signExtra.guardian_name = data.guardianName

  458. 		if (data.guardianIdCard) signExtra.guardian_id_card = data.guardianIdCard

  459. 		if (data.guardianRelation) signExtra.guardian_relation = data.guardianRelation

  460. 	} else if (data.type === 'promise') {

  461. 		form.sign_promise = data.url

  462. 	}

  463. }

  464. 

  465. onLoad(async () => {

  466. 	uni.$on('signResult', onSignResult)

  467. 	await loadRegions()

  468. 	await loadInfo()

  469. 	loadSubscribeConfig()

  470. 	loadTagOptions()

  471. 	loadSampleTypes()

  472. })

  473. 

  474. onBeforeUnmount(() => {

  475. 	uni.$off('signResult', onSignResult)

  476. })

  477. 

  478. const goSign = (type) => {

  479. 	let url = `/pages/sign/sign?type=${type}`

  480. 	if (type === 'income') {

  481. 		const amt = form.income_amount || signExtra.income_amount || ''

  482. 		if (amt) url += `&amount=${encodeURIComponent(amt)}`

  483. 	}

  484. 	if (type === 'privacy_jhr') {

  485. 		const gn = signExtra.guardian_name || ''

  486. 		const gi = signExtra.guardian_id_card || ''

  487. 		const gr = signExtra.guardian_relation || ''

  488. 		if (gn) url += `&guardianName=${encodeURIComponent(gn)}`

  489. 		if (gi) url += `&guardianIdCard=${encodeURIComponent(gi)}`

  490. 		if (gr) url += `&guardianRelation=${encodeURIComponent(gr)}`

  491. 	}

  492. 	uni.navigateTo({ url })

  493. }

  494. 

  495. const previewSign = (type) => {

  496. 	const urlMap = {

  497. 		income: form.sign_income || info.value.sign_income,

  498. 		privacy: form.sign_privacy || info.value.sign_privacy,

  499. 		privacy_jhr: form.sign_privacy_jhr || info.value.sign_privacy_jhr,

  500. 		promise: form.sign_promise || info.value.sign_promise

  501. 	}

  502. 	const url = urlMap[type]

  503. 	if (url) uni.previewImage({ urls: [url], current: 0 })

  504. }

  505. 

  506. const loadRegions = async () => {

  507. 	try {

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

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

  510. 		buildRegionColumns()

  511. 	} catch (e) {}

  512. }

  513. 

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

  515. 	const provinces = allRegions.value

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

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

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

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

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

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

  522. }

  523. 

  524. const onRegionChange = (e) => {

  525. 	const { columnIndex, index } = e

  526. 	if (columnIndex === 0) {

  527. 		buildRegionColumns(index, 0)

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

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

  530. 		const pIdx = regionDefaultIndex.value[0]

  531. 		buildRegionColumns(pIdx, index)

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

  533. 	}

  534. }

  535. 

  536. const onRegionConfirm = (e) => {

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

  538. 	const provinces = allRegions.value

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

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

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

  542. 	form.province_code = prov ? prov.code : ''

  543. 	form.city_code = city ? city.code : ''

  544. 	form.district_code = dist ? dist.code : ''

  545. 	showRegionPicker.value = false

  546. }

  547. 

  548. const loadInfo = async () => {

  549. 	try {

  550. 		const res = await get('/api/mp/myInfo')

  551. 		if (!res.data) return

  552. 		info.value = res.data

  553. 		// 填充表单

  554. 		form.gender = res.data.gender || ''

  555. 		form.province_code = res.data.province_code || ''

  556. 		form.city_code = res.data.city_code || ''

  557. 		form.district_code = res.data.district_code || ''

  558. 		form.address = res.data.address || ''

  559. 		form.hospital = res.data.hospital || ''

  560. 		form.emergency_contact = res.data.emergency_contact || ''

  561. 		form.emergency_phone = res.data.emergency_phone || ''

  562. 		form.tag = res.data.tag || ''

  563. 		form.documents = res.data.documents || []

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

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

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

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

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

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

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

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

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

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

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

  575. 		form.sign_income = res.data.sign_income || ''

  576. 		form.sign_privacy = res.data.sign_privacy || ''

  577. 		form.sign_privacy_jhr = res.data.sign_privacy_jhr || ''

  578. 		form.sign_promise = res.data.sign_promise || ''

  579. 		form.income_amount = res.data.income_amount || ''

  580. 		signExtra.income_amount = res.data.income_amount || ''

  581. 		signExtra.guardian_name = res.data.guardian_name || ''

  582. 		signExtra.guardian_id_card = res.data.guardian_id_card || ''

  583. 		signExtra.guardian_relation = res.data.guardian_relation || ''

  584. 		// 设置地区选择器默认索引

  585. 		if (form.province_code && allRegions.value.length) {

  586. 			const pIdx = allRegions.value.findIndex(r => r.code === form.province_code)

  587. 			if (pIdx >= 0) {

  588. 				const cities = allRegions.value[pIdx].children || []

  589. 				const cIdx = cities.findIndex(r => r.code === form.city_code)

  590. 				const ci = cIdx >= 0 ? cIdx : 0

  591. 				const districts = (cities[ci] && cities[ci].children) || []

  592. 				const dIdx = districts.findIndex(r => r.code === form.district_code)

  593. 				buildRegionColumns(pIdx, ci)

  594. 				regionDefaultIndex.value = [pIdx, ci, dIdx >= 0 ? dIdx : 0]

  595. 			}

  596. 		}

  597. 	} catch (e) {}

  598. }

  599. 

  600. const loadTagOptions = async () => {

  601. 	try {

  602. 		const res = await get('/common/tagOptions')

  603. 		tagOptions.value = res.data || []

  604. 	} catch (e) {}

  605. }

  606. 

  607. const loadSampleTypes = async () => {

  608. 	try {

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

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

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

  612. 	} catch (e) {}

  613. }

  614. 

  615. const chooseSamplePhoto = () => {

  616. 	uni.chooseImage({

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

  618. 		sizeType: ['compressed'],

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

  620. 		success: async (res) => {

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

  622. 				try {

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

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

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

  626. 					}

  627. 				} catch (e) {}

  628. 			}

  629. 		}

  630. 	})

  631. }

  632. 

  633. const previewSamplePhoto = (idx) => {

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

  635. }

  636. 

  637. const onReturnRegionConfirm = (e) => {

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

  639. 	const provinces = allRegions.value

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

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

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

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

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

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

  646. 	showReturnRegionPicker.value = false

  647. }

  648. 

  649. const chooseDocument = () => {

  650. 	uni.chooseImage({

  651. 		count: 9 - form.documents.length,

  652. 		sizeType: ['compressed'],

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

  654. 		success: async (res) => {

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

  656. 				try {

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

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

  659. 						form.documents.push(uploadRes.data.url)

  660. 					}

  661. 				} catch (e) {}

  662. 			}

  663. 		}

  664. 	})

  665. }

  666. 

  667. const previewImage = (idx) => {

  668. 	uni.previewImage({ urls: form.documents, current: idx })

  669. }

  670. 

  671. const openNotice = () => {

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

  673. }

  674. 

  675. const handleSubmit = async () => {

  676. 	if (!agreed.value) {

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

  678. 	}

  679. 	if (!info.value.gender && !form.gender) {

  680. 		return uni.showToast({ title: '请选择性别', icon: 'none' })

  681. 	}

  682. 	if (!form.province_code || !form.city_code || !form.district_code) {

  683. 		return uni.showToast({ title: '请选择省市区', icon: 'none' })

  684. 	}

  685. 	if (!form.address.trim()) {

  686. 		return uni.showToast({ title: '请填写详细地址', icon: 'none' })

  687. 	}

  688. 	if (!form.emergency_contact || !form.emergency_phone) {

  689. 		return uni.showToast({ title: '请填写紧急联系人信息', icon: 'none' })

  690. 	}

  691. 	if (form.emergency_phone === info.value.phone) {

  692. 		return uni.showToast({ title: '紧急联系人电话不能与本人手机号一致', icon: 'none' })

  693. 	}

  694. 	if (!form.hospital || !form.hospital.trim()) {

  695. 		return uni.showToast({ title: '请填写医院名称', icon: 'none' })

  696. 	}

  697. 	if (!form.tag) {

  698. 		return uni.showToast({ title: '请选择癌种', icon: 'none' })

  699. 	}

  700. 	// 送检样本校验

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

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

  703. 	}

  704. 	// 寄回信息校验

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

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

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

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

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

  710. 	}

  711. 	// 选了送检样本后，邮箱/物流单号/送检照片必填

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

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

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

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

  716. 	}

  717. 	// 资料上传校验：至少上传一个

  718. 	if (!form.documents || form.documents.length === 0) {

  719. 		return uni.showToast({ title: '请至少上传一份检查报告或诊断证明', icon: 'none' })

  720. 	}

  721. 	// 签名校验：全部必须签

  722. 	if (!signedIncome.value) {

  723. 		return uni.showToast({ title: '请签署个人可支配收入声明', icon: 'none' })

  724. 	}

  725. 	if (!signedPrivacy.value) {

  726. 		return uni.showToast({ title: '请签署个人信息处理同意书', icon: 'none' })

  727. 	}

  728. 	if (isMinor.value && !signedPrivacyJhr.value) {

  729. 		return uni.showToast({ title: '请签署个人信息处理同意书（监护人）', icon: 'none' })

  730. 	}

  731. 	if (!signedPromise.value) {

  732. 		return uni.showToast({ title: '请签署声明与承诺', icon: 'none' })

  733. 	}

  734. 	// 已通过状态需要二次确认

  735. 	if (info.value.status === 1) {

  736. 		showConfirmPopup.value = true

  737. 		return

  738. 	}

  739. 	await doSubmit()

  740. }

  741. 

  742. const doSubmit = async () => {

  743. 	showConfirmPopup.value = false

  744. 	// 先请求订阅消息授权（用户拒绝也继续提交）

  745. 	await requestSubscribe()

  746. 	submitting.value = true

  747. 	try {

  748. 		const params = {

  749. 			gender: info.value.gender || form.gender,

  750. 			province_code: form.province_code,

  751. 			city_code: form.city_code,

  752. 			district_code: form.district_code,

  753. 			address: form.address.trim(),

  754. 			hospital: form.hospital,

  755. 			emergency_contact: form.emergency_contact,

  756. 			emergency_phone: form.emergency_phone,

  757. 			tag: form.tag,

  758. 			documents: form.documents,

  759. 			sample_types: form.sample_types,

  760. 			wax_return: form.wax_return,

  761. 			return_name: form.return_name,

  762. 			return_phone: form.return_phone,

  763. 			return_province_code: form.return_province_code,

  764. 			return_city_code: form.return_city_code,

  765. 			return_district_code: form.return_district_code,

  766. 			return_address: form.return_address,

  767. 			report_email: form.report_email,

  768. 			sample_tracking_no: form.sample_tracking_no,

  769. 			sample_photos: form.sample_photos,

  770. 			sign_income: form.sign_income,

  771. 			sign_privacy: form.sign_privacy,

  772. 			sign_privacy_jhr: form.sign_privacy_jhr,

  773. 			sign_promise: form.sign_promise,

  774. 			income_amount: form.income_amount || null,

  775. 			guardian_name: signExtra.guardian_name || '',

  776. 			guardian_id_card: signExtra.guardian_id_card || '',

  777. 			guardian_relation: signExtra.guardian_relation || '',

  778. 			// #ifdef MP-WEIXIN

  779. 			mp_env_version: uni.getAccountInfoSync().miniProgram.envVersion || 'release'

  780. 			// #endif

  781. 		}

  782. 		await post('/api/mp/saveMyInfo', params)

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

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

  785. 	} catch (e) {

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

  787. 	} finally {

  788. 		submitting.value = false

  789. 	}

  790. }

  791. </script>

  792. 

  793. <style lang="scss" scoped>

  794. .page {

  795. 	min-height: 100vh;

  796. 	background: #f4f4f5;

  797. 	padding: 24rpx;

  798. 	padding-bottom: 340rpx;

  799. }

  800. 

  801. .section {

  802. 	background: #fff;

  803. 	border-radius: 10rpx;

  804. 	padding: 32rpx;

  805. 	margin-bottom: 24rpx;

  806. 	border: 1rpx solid #ebeef5;

  807. }

  808. 

  809. .reject-tip {

  810. 	display: flex;

  811. 	align-items: flex-start;

  812. 	padding: 24rpx 28rpx;

  813. 	background: #fff2f0;

  814. 	border: 1rpx solid #ffccc7;

  815. 	border-radius: 10rpx;

  816. 	margin-bottom: 24rpx;

  817. 

  818. 	.reject-text {

  819. 		flex: 1;

  820. 		font-size: 26rpx;

  821. 		color: #f5222d;

  822. 		margin-left: 16rpx;

  823. 		line-height: 1.5;

  824. 	}

  825. }

  826. 

  827. .section-title {

  828. 	display: flex;

  829. 	align-items: center;

  830. 	gap: 12rpx;

  831. 	font-size: 32rpx;

  832. 	font-weight: 600;

  833. 	color: #333;

  834. 	margin-bottom: 28rpx;

  835. }

  836. 

  837. .form-group {

  838. 	padding: 20rpx 0;

  839. 	border-bottom: 1rpx solid #f0f0f0;

  840. 

  841. 	&:last-child {

  842. 		border-bottom: none;

  843. 	}

  844. }

  845. 

  846. .info-compact {

  847. 	padding-bottom: 20rpx;

  848. 	border-bottom: 1rpx solid #f0f0f0;

  849. }

  850. 

  851. .info-compact-row {

  852. 	display: flex;

  853. 	gap: 32rpx;

  854. 	margin-bottom: 12rpx;

  855. 

  856. 	&:last-child {

  857. 		margin-bottom: 0;

  858. 	}

  859. }

  860. 

  861. .info-compact-item {

  862. 	font-size: 26rpx;

  863. 	color: #666;

  864. }

  865. 

  866. .fill-self-btn {

  867. 	font-size: 24rpx;

  868. 	color: #0e63e3;

  869. 	padding: 6rpx 16rpx;

  870. 	border: 1rpx solid #d0e0ff;

  871. 	border-radius: 20rpx;

  872. 	background: #f0f5ff;

  873. }

  874. 

  875. .form-label {

  876. 	font-size: 28rpx;

  877. 	color: #555;

  878. 	margin-bottom: 16rpx;

  879. 	display: block;

  880. }

  881. 

  882. .readonly-input {

  883. 	padding: 20rpx 24rpx;

  884. 	background: #f5f5f5;

  885. 	border: 1rpx solid #ddd;

  886. 	border-radius: 12rpx;

  887. 	font-size: 28rpx;

  888. 	color: #333;

  889. }

  890. 

  891. .gender-row {

  892. 	display: flex;

  893. 	gap: 20rpx;

  894. }

  895. 

  896. .gender-item {

  897. 	flex: 1;

  898. 	text-align: center;

  899. 	padding: 16rpx 0;

  900. 	border: 1rpx solid #ddd;

  901. 	border-radius: 8rpx;

  902. 	font-size: 28rpx;

  903. 	color: #333;

  904. 

  905. 	&.active {

  906. 		border-color: #0e63e3;

  907. 		color: #0e63e3;

  908. 		background: rgba(14, 99, 227, 0.05);

  909. 	}

  910. }

  911. 

  912. .region-row {

  913. 	display: flex;

  914. 	align-items: center;

  915. 	justify-content: space-between;

  916. 	padding: 20rpx 24rpx;

  917. 	border: 1rpx solid #ddd;

  918. 	border-radius: 8rpx;

  919. }

  920. 

  921. .region-text {

  922. 	font-size: 28rpx;

  923. 	color: #333;

  924. 

  925. 	&.placeholder {

  926. 		color: #c0c4cc;

  927. 	}

  928. }

  929. 

  930. .arrow {

  931. 	font-size: 28rpx;

  932. 	color: #c0c4cc;

  933. }

  934. 

  935. .contact-row {

  936. 	display: flex;

  937. 	gap: 16rpx;

  938. }

  939. 

  940. .contact-input {

  941. 	flex: 1;

  942. }

  943. 

  944. .upload-tip {

  945. 	font-size: 26rpx;

  946. 	color: #888;

  947. 	line-height: 1.6;

  948. 	margin-bottom: 20rpx;

  949. }

  950. 

  951. .upload-row {

  952. 	display: flex;

  953. 	gap: 16rpx;

  954. 	flex-wrap: wrap;

  955. }

  956. 

  957. .upload-item {

  958. 	position: relative;

  959. 	width: 180rpx;

  960. 	height: 180rpx;

  961. }

  962. 

  963. .upload-img {

  964. 	width: 180rpx;

  965. 	height: 180rpx;

  966. 	border-radius: 8rpx;

  967. 	border: 1rpx solid #eee;

  968. }

  969. 

  970. .upload-del {

  971. 	position: absolute;

  972. 	top: -10rpx;

  973. 	right: -10rpx;

  974. 	width: 40rpx;

  975. 	height: 40rpx;

  976. 	background: rgba(0, 0, 0, 0.5);

  977. 	color: #fff;

  978. 	border-radius: 50%;

  979. 	font-size: 24rpx;

  980. 	display: flex;

  981. 	align-items: center;

  982. 	justify-content: center;

  983. }

  984. 

  985. .upload-box {

  986. 	width: 180rpx;

  987. 	height: 180rpx;

  988. 	border: 2rpx dashed #ccc;

  989. 	border-radius: 8rpx;

  990. 	display: flex;

  991. 	flex-direction: column;

  992. 	align-items: center;

  993. 	justify-content: center;

  994. 	background: #fafafa;

  995. }

  996. 

  997. .upload-icon {

  998. 	font-size: 56rpx;

  999. 	color: #ccc;

  1000. }

  1001. 

  1002. .upload-text {

  1003. 	font-size: 22rpx;

  1004. 	color: #999;

  1005. 	margin-top: 4rpx;

  1006. }

  1007. 

  1008. .sign-item {

  1009. 	display: flex;

  1010. 	align-items: center;

  1011. 	justify-content: space-between;

  1012. 	padding: 28rpx 0;

  1013. 	border-bottom: 1rpx solid #f0f0f0;

  1014. 

  1015. 	&:last-child {

  1016. 		border-bottom: none;

  1017. 	}

  1018. }

  1019. 

  1020. .sign-left {

  1021. 	display: flex;

  1022. 	flex-direction: column;

  1023. 	gap: 8rpx;

  1024. }

  1025. 

  1026. .sign-name {

  1027. 	font-size: 28rpx;

  1028. 	color: #333;

  1029. }

  1030. 

  1031. .sign-status {

  1032. 	font-size: 24rpx;

  1033. 	color: #f5222d;

  1034. 

  1035. 	&.signed {

  1036. 		color: #52c41a;

  1037. 	}

  1038. }

  1039. 

  1040. .sign-btns {

  1041. 	display: flex;

  1042. 	gap: 12rpx;

  1043. 	flex-shrink: 0;

  1044. }

  1045. 

  1046. .sign-btn {

  1047. 	padding: 10rpx 28rpx;

  1048. 	border-radius: 28rpx;

  1049. 	font-size: 24rpx;

  1050. 	text-align: center;

  1051. 	flex-shrink: 0;

  1052. 

  1053. 	&.primary {

  1054. 		background: #0e63e3;

  1055. 		color: #fff;

  1056. 	}

  1057. 

  1058. 	&.view {

  1059. 		background: #f0f5ff;

  1060. 		color: #0e63e3;

  1061. 		border: 1rpx solid #d0e0ff;

  1062. 	}

  1063. 

  1064. 	&.resign {

  1065. 		background: #fff7e6;

  1066. 		color: #fa8c16;

  1067. 		border: 1rpx solid #ffe7ba;

  1068. 	}

  1069. 

  1070. 	&:active {

  1071. 		opacity: 0.7;

  1072. 	}

  1073. }

  1074. 

  1075. .btn-wrap {

  1076. 	position: fixed;

  1077. 	bottom: 0;

  1078. 	left: 0;

  1079. 	right: 0;

  1080. 	background: #fff;

  1081. 	padding: 20rpx 32rpx;

  1082. 	padding-bottom: calc(20rpx + env(safe-area-inset-bottom));

  1083. 	box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.06);

  1084. 	z-index: 100;

  1085. }

  1086. 

  1087. .agree-row {

  1088. 	display: flex;

  1089. 	align-items: center;

  1090. 	margin-bottom: 16rpx;

  1091. 	padding-left: 4rpx;

  1092. }

  1093. 

  1094. .agree-text {

  1095. 	font-size: 24rpx;

  1096. 	color: #666;

  1097. 	margin-left: 8rpx;

  1098. }

  1099. 

  1100. .agree-link {

  1101. 	font-size: 24rpx;

  1102. 	color: #0e63e3;

  1103. }

  1104. 

  1105. .confirm-popup {

  1106. 	padding: 48rpx 40rpx 40rpx;

  1107. 	width: 560rpx;

  1108. }

  1109. 

  1110. .confirm-title {

  1111. 	font-size: 34rpx;

  1112. 	font-weight: 600;

  1113. 	color: #333;

  1114. 	text-align: center;

  1115. 	margin-bottom: 28rpx;

  1116. }

  1117. 

  1118. .confirm-content {

  1119. 	font-size: 28rpx;

  1120. 	color: #666;

  1121. 	line-height: 1.7;

  1122. 	text-align: center;

  1123. 	margin-bottom: 40rpx;

  1124. }

  1125. 

  1126. .confirm-btns {

  1127. 	display: flex;

  1128. 	gap: 24rpx;

  1129. }

  1130. </style>