Recoding
/
wxUI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: Recoding:95e1ced2cafc39c684c5342c4220de17691e45b0
Branches Tags
Recoding:debug
Recoding:main
...
compare: Recoding:b83d3606c3fc120f84df714a69b399a624a6e270
Branches Tags
Recoding:debug
Recoding:main

3 Commits
95e1ced2ca ... b83d3606c3

Author SHA1 Message Date
zdnpc b83d3606c3 Merge branch 'debug' of http://www.ynxbdkj.cn:3000/Recoding/wxUI into debug
2 years ago
zdnpc 788c602aeb 病案翻拍
2 years ago
zdnpc 2ee89e1a5e 提交
2 years ago
5 changed files with 1763 additions and 942 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats
  1. 1
      medical-record.html
  2. 743
      src/views/medical-record/medical-record-apply-copy.vue
  3. 416
      src/views/medical-record/medical-record-apply.vue
  4. 201
      src/views/medical-record/medical-record-history-copy.vue
  5. 110
      src/views/medical-record/medical-record-history.vue

1
medical-record.html
Unescape View File

@ -10,6 +10,7 @@
<title>病案翻拍</title>
<script type="text/javascript">
document.write('<script type="text/javascript" src="src/utils/import-util.js?t=' + new Date().getTime() + '"><\/script>')
console.log('print')
</script>
</head>

743
src/views/medical-record/medical-record-apply-copy.vue
Unescape View File

@ -0,0 +1,743 @@
<template>
<div class="ptint-reserve">
<select-patient-date :show-code="false"
:days="0"
:show-navbar="false"
:show-date="false"></select-patient-date>
<div style="margin: 5px;">
<van-form ref="formRef"
error-message-align="right">
<van-cell-group title=""
insert>
<van-field v-model="form.ipsID"
label="住院号"
is-link
readonly
required
placeholder="点击选择住院记录"
@click="state.ispShow = true"
:rules="[{required: true, message: '请选择住院记录', trigger: 'onSubmit'}]"></van-field>
<van-field v-model="form.dx"
label="诊断内容"
readonly
required
placeholder="选择住院记录"></van-field>
<van-field v-model="form.ptName"
label="病人姓名"
readonly
required
placeholder="选择住院记录"></van-field>
<van-field v-model="form.deptName"
label="出院科室"
required
placeholder="选择住院记录"></van-field>
<van-field v-model="form.showCardNo"
required
readonly
label="身份证"
placeholder="身份证号"
:rules="[{required: true, message: '请输入身份证号', trigger: 'onSubmit'}]"></van-field>
<van-field v-model="form.phone"
type="tel"
required
label="联系电话"
placeholder="联系电话"
:rules="[{required: true, message: '请输入联系电话', trigger: 'onSubmit'}]"></van-field>
<!-- <van-field v-model="form.applicantName"
required
label="委托代理人姓名"
placeholder="委托代理人姓名"
:rules="[{required: true, message: '请输入委托代理人姓名', trigger: 'onSubmit'}]"></van-field>
<van-field v-model="form.applicantRel"
required
label="申请人与病人关系"
placeholder="申请人与病人关系"
:rules="[{required: true, message: '请输入申请人与病人关系', trigger: 'onSubmit'}]"></van-field> -->
<van-field v-model="formLabel.getWayLabel"
is-link
readonly
required
label="获取方式"
placeholder="点击选择获取方式"
@click="state.getWayShow = true"></van-field>
<van-field v-model="form.address"
label="邮寄地址"
type="textarea"
rows="2"
autosize
required
placeholder="邮寄地址"
:rules="[{required: true, message: '请输入邮寄地址', trigger: 'onSubmit'}]"></van-field>
<van-field v-model="form.useWay"
readonly
required
is-link
label="用途"
placeholder="点击选择翻拍用途"
@click="state.templateShow = true"></van-field>
</van-cell-group>
<van-cell-group title=""
insert
style="margin-top: 5px;">
<div class="img_item">
<div class="img_item_label">
<section>
<span style="color: red;">*</span>本人身份证正面照片
</section>
</div>
<div class="img_item_upload">
<van-uploader v-model="state.img.ptImg1"
style="width: 100%;height: 100%;"
:max-count="1"
:after-read="(file) => afterRead(file, 'ptImg1')">
<div style="height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;">
<svg t="1685244688694"
class="icon"
viewBox="0 0 1507 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="5693"
width="64"
height="64">
<path d="M1404.827485 1023.962307v-19.562798h83.245546v-82.77438H1507.730061v102.337178h-102.902576zM1488.073031 19.638184H1404.827485V0.075387H1507.730061V102.337178h-19.65703V19.638184z m-73.363632 61.86719a55.829988 55.829988 0 0 1 16.597595 39.841767v768.533988c-0.012564 31.084368-25.361276 56.288589-56.640393 56.313718H123.483092c-31.272834-0.043975-56.608982-25.235632-56.640393-56.313718V121.347141c0.043975-31.071804 25.380123-56.244613 56.640393-56.282307h1251.208638c15.071018 0 29.281374 5.82989 40.017669 16.44054z m-39.986258 8.4747H123.483092v0.018846c-17.426847 0.018847-31.549252 14.053301-31.568098 31.37335v768.533988c0 17.288638 14.16638 31.398479 31.568098 31.398478h1251.183509c17.401718 0 31.593227-14.084712 31.593227-31.398478V121.347141c0-8.374184-3.285595-16.27092-9.247411-22.201325a32.026699 32.026699 0 0 0-22.289276-9.165742z m-462.326577 647.431852c1.030282-49.158282 10.133202-133.050896 59.354307-175.73222l67.766184 0.615656 63.462871 104.058503 11.961326-77.811436-8.650602-14.10984 0.647068-14.499337a280.846135 280.846135 0 0 1 37.712098 0.050257l0.703607 14.499338-8.625472 14.103558 12.011583 78.439656 49.290208-105.226994 74.965595-2.538012c38.74238 36.405399 63.588515 122.188957 57.494773 178.150871h-418.093546z m315.216099-288.680049c-5.163975 18.337767-11.201178 35.331141-19.85178 49.57919-9.881914 16.446822-22.948908 29.09919-41.418601 35.909105-8.254822 2.965202-29.337914 4.384982-49.623165 4.033178-19.556515-0.245006-39.213546-2.186209-47.034896-5.779632-16.798626-7.65173-28.609178-20.580515-37.511068-36.650405-7.670577-13.732908-13.110969-29.727411-17.904294-46.62027-7.846479-4.083436-13.73919-11.03784-17.728393-20.530258-4.334724-10.315387-6.31362-23.872393-6.062331-39.942282l0.075386-5.484368 4.586013-3.040589c1.155926-0.772712 2.330699-1.520294 3.511754-2.186209-5.163975-63.142479-3.210209-86.487166 20.385767-113.173987 46.004613-37.429399 151.464049-36.103853 198.046626-2.173644 31.744 29.802798 33.949055 63.192736 24.199067 114.719411 1.526577 0.873227 3.028025 1.796712 4.560884 2.814429l4.586012 3.065718 0.05654 5.459239c0.270135 15.743215-1.633374 29.080344-5.792196 39.370601-3.838429 9.391902-9.479853 16.396564-17.081325 20.630773z m-0.571681-54.718037a14.329718 14.329718 0 0 0-5.440393-0.822969l-9.354209 0.59681-1.727607-9.146896a119.035288 119.035288 0 0 0-9.706012-29.652024c-29.834209 5.811043-74.186601 10.89335-109.241325-8.738552-13.513031-7.551215-33.25173 7.921865-49.440982 6.326184a121.623558 121.623558 0 0 0-10.931043 32.064392l-1.809276 9.492417-9.580368-0.917202a14.612417 14.612417 0 0 0-5.584884 0.672196 26.385276 26.385276 0 0 0-2.58827 1.024c0.22616 10.510135 1.702479 19.204712 4.466651 25.738209 2.406086 5.729374 5.741939 9.44216 10.108073 10.811681l5.610013 1.746454 1.551705 5.60373c4.717939 17.269791 9.932172 33.641227 17.357743 46.915534 6.866454 12.313129 15.667828 22.151067 27.773644 27.685693 5.12 2.336982 21.416049 3.637399 38.440834 3.888687 18.099043 0.251288 36.128982-0.672196 42.09708-2.870969 13.412515-4.906405 23.093399-14.44908 30.588073-26.9067 8.02238-13.381104 13.764319-30.374479 18.802651-49.013791l1.457472-5.352442 5.314749-1.846969c4.20908-1.470037 7.494675-5.308466 9.875632-11.088098 2.607117-6.426699 4.03946-15.001914 4.315877-25.28589a16.06989 16.06989 0 0 0-2.355828-0.923485zM332.642945 457.049521h288.887362v49.309056H332.642945v-49.309056z m0-122.741791h288.887362v49.315337H332.642945v-49.315337z m0-122.735509h288.887362v49.309055H332.642945v-49.309055zM201.41389 457.049521h95.929325v49.309056h-95.929325v-49.309056z m0-122.741791h95.929325v49.315337h-95.929325v-49.315337z m0-122.735509h95.929325v49.309055h-95.929325v-49.309055z m254.712147 615.863754H201.41389v-49.334184h254.712147v49.334184z m464.248932 0H485.909988v-49.334184h434.464981v49.334184zM19.68216 102.337178H0V0.075387h102.927706v19.562797H19.68216V102.337178z m0 902.062331h83.245546v19.562798H0v-102.337178h19.68216v82.77438z"
p-id="5694"
fill="#dcdfe6"></path>
</svg>
<span>点击选择照片或拍照</span>
</div>
</van-uploader>
</div>
<div v-if="state.imgBlankError.ptImg1"
class="img__blank_error">请上传本人身份证正面照片</div>
</div>
<div class="img_item">
<div class="img_item_label">
<section>
<span style="color: red;">*</span>本人身份证背面照片
</section>
</div>
<div class="img_item_upload">
<van-uploader v-model="state.img.ptImg2"
style="width: 100%;height: 100%;"
:max-count="1"
:after-read="(file) => afterRead(file, 'ptImg2')">
<div style="height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;">
<svg t="1685244916978"
class="icon"
viewBox="0 0 1499 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="9485"
width="64"
height="64">
<path d="M1396.224 1024v-19.456h82.432V921.6h19.456v102.4h-101.888zM1479.168 19.456h-82.432V0h102.4v102.4H1479.68V19.456zM1405.952 81.92c10.24 10.24 16.384 24.576 16.384 39.424v769.024c0 30.72-25.088 55.808-55.808 55.808H122.88c-30.72 0-55.808-25.088-55.808-55.808V121.344c0-30.72 25.088-55.808 55.808-55.808h1243.648c14.336 0 28.672 5.632 39.424 16.384z m-39.424 7.168H122.88c-17.408 0-31.744 14.336-31.744 31.744v768.512c0 17.408 14.336 31.744 31.744 31.744h1243.648c16.384 0 30.208-12.8 31.744-29.184V121.344c0-8.192-3.584-16.384-9.216-22.528-6.144-6.144-14.336-9.728-22.528-9.728zM465.92 677.888h737.28v49.152H465.92v-49.152z m143.36-253.952h593.408v49.152H609.28v-49.152z m0-122.88h593.408v49.152H609.28v-49.152z m0-123.904h593.408v49.152H609.28v-49.152zM485.376 423.936h95.232v49.152H485.376v-49.152z m0-122.88h95.232v49.152H485.376v-49.152z m0-122.88h95.232v49.152H485.376v-49.152zM384 409.6l20.48 38.4c-9.216-6.656-20.992-8.192-31.232-3.584-10.752 7.168-18.944 17.92-23.04 30.72l-16.384-25.088v12.8h-107.52v-12.8l-14.848 25.088c-4.096-12.288-12.288-23.04-23.04-30.72-15.36-8.192-31.744 6.656-31.744 6.656l22.016-41.472c-49.152-54.784-46.08-138.752 7.168-189.44 53.248-51.2 137.216-51.2 190.464 0 53.248 51.2 56.32 134.656 7.168 189.44 0-1.024 0.512 0 0.512 0zM216.064 282.624l-3.584-9.728-5.12 8.704h-8.192l7.68 6.656v9.728l8.192-5.12 8.192 5.12-4.608-8.704 7.68-6.656h-10.24z m-2.048 117.76h140.8l-14.336-22.528h-112.64c0 0.512-13.824 22.528-13.824 22.528z m93.696-22.528l-4.608-14.848h-39.424l-5.12 14.848h49.152zM238.592 308.224l7.68 6.656v9.728l8.192-5.12 8.192 5.12-4.608-8.704 8.192-6.656h-10.752l-3.584-11.264-3.584 10.24h-9.728z m51.2-53.248L281.6 233.984l-8.192 20.992H250.88l16.896 14.848-5.12 22.528 18.944-12.288 18.944 12.288-5.12-22.528 16.896-14.848h-22.528z m35.328 54.784l-4.096-11.264-3.584 10.24h-10.24l7.68 6.656v9.728l8.192-5.12 8.192 5.12-6.656-8.704 7.68-6.656h-7.168z m31.744-32.256l-3.584-10.24-3.584 9.728h-10.24l7.68 6.656v9.728l8.192-5.12 8.192 5.12-4.608-9.728 7.68-6.656c0.512 0.512-9.728 0.512-9.728 0.512zM417.28 727.04H200.192v-49.152h217.088v49.152z m0 96.768H200.192v-49.152h217.088v49.152z m785.408 0H465.92v-49.152h736.768v49.152zM19.456 102.4H0V0h102.4v19.456H19.456V102.4z m0 902.144H102.4v19.456H0v-102.4h19.456v82.944z"
p-id="9486"
fill="#dcdfe6"></path>
</svg>
<span>点击选择照片或拍照</span>
</div>
</van-uploader>
</div>
<div v-if="state.imgBlankError.ptImg2"
class="img__blank_error">请上传本人身份证背面照片</div>
</div>
<!-- <div class="img_item">
<div class="img_item_label"><span style="color: red;">*</span>申请人身份证正面照片</div>
<div class="img_item_upload">
<van-uploader v-model="state.img.applicantIdcImg1"
style="width: 100%;height: 100%;"
:max-count="1"
:after-read="(file) => afterRead(file, 'applicantIdcImg1')">
<div style="height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;">
<svg t="1685244688694"
class="icon"
viewBox="0 0 1507 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="5693"
width="64"
height="64">
<path d="M1404.827485 1023.962307v-19.562798h83.245546v-82.77438H1507.730061v102.337178h-102.902576zM1488.073031 19.638184H1404.827485V0.075387H1507.730061V102.337178h-19.65703V19.638184z m-73.363632 61.86719a55.829988 55.829988 0 0 1 16.597595 39.841767v768.533988c-0.012564 31.084368-25.361276 56.288589-56.640393 56.313718H123.483092c-31.272834-0.043975-56.608982-25.235632-56.640393-56.313718V121.347141c0.043975-31.071804 25.380123-56.244613 56.640393-56.282307h1251.208638c15.071018 0 29.281374 5.82989 40.017669 16.44054z m-39.986258 8.4747H123.483092v0.018846c-17.426847 0.018847-31.549252 14.053301-31.568098 31.37335v768.533988c0 17.288638 14.16638 31.398479 31.568098 31.398478h1251.183509c17.401718 0 31.593227-14.084712 31.593227-31.398478V121.347141c0-8.374184-3.285595-16.27092-9.247411-22.201325a32.026699 32.026699 0 0 0-22.289276-9.165742z m-462.326577 647.431852c1.030282-49.158282 10.133202-133.050896 59.354307-175.73222l67.766184 0.615656 63.462871 104.058503 11.961326-77.811436-8.650602-14.10984 0.647068-14.499337a280.846135 280.846135 0 0 1 37.712098 0.050257l0.703607 14.499338-8.625472 14.103558 12.011583 78.439656 49.290208-105.226994 74.965595-2.538012c38.74238 36.405399 63.588515 122.188957 57.494773 178.150871h-418.093546z m315.216099-288.680049c-5.163975 18.337767-11.201178 35.331141-19.85178 49.57919-9.881914 16.446822-22.948908 29.09919-41.418601 35.909105-8.254822 2.965202-29.337914 4.384982-49.623165 4.033178-19.556515-0.245006-39.213546-2.186209-47.034896-5.779632-16.798626-7.65173-28.609178-20.580515-37.511068-36.650405-7.670577-13.732908-13.110969-29.727411-17.904294-46.62027-7.846479-4.083436-13.73919-11.03784-17.728393-20.530258-4.334724-10.315387-6.31362-23.872393-6.062331-39.942282l0.075386-5.484368 4.586013-3.040589c1.155926-0.772712 2.330699-1.520294 3.511754-2.186209-5.163975-63.142479-3.210209-86.487166 20.385767-113.173987 46.004613-37.429399 151.464049-36.103853 198.046626-2.173644 31.744 29.802798 33.949055 63.192736 24.199067 114.719411 1.526577 0.873227 3.028025 1.796712 4.560884 2.814429l4.586012 3.065718 0.05654 5.459239c0.270135 15.743215-1.633374 29.080344-5.792196 39.370601-3.838429 9.391902-9.479853 16.396564-17.081325 20.630773z m-0.571681-54.718037a14.329718 14.329718 0 0 0-5.440393-0.822969l-9.354209 0.59681-1.727607-9.146896a119.035288 119.035288 0 0 0-9.706012-29.652024c-29.834209 5.811043-74.186601 10.89335-109.241325-8.738552-13.513031-7.551215-33.25173 7.921865-49.440982 6.326184a121.623558 121.623558 0 0 0-10.931043 32.064392l-1.809276 9.492417-9.580368-0.917202a14.612417 14.612417 0 0 0-5.584884 0.672196 26.385276 26.385276 0 0 0-2.58827 1.024c0.22616 10.510135 1.702479 19.204712 4.466651 25.738209 2.406086 5.729374 5.741939 9.44216 10.108073 10.811681l5.610013 1.746454 1.551705 5.60373c4.717939 17.269791 9.932172 33.641227 17.357743 46.915534 6.866454 12.313129 15.667828 22.151067 27.773644 27.685693 5.12 2.336982 21.416049 3.637399 38.440834 3.888687 18.099043 0.251288 36.128982-0.672196 42.09708-2.870969 13.412515-4.906405 23.093399-14.44908 30.588073-26.9067 8.02238-13.381104 13.764319-30.374479 18.802651-49.013791l1.457472-5.352442 5.314749-1.846969c4.20908-1.470037 7.494675-5.308466 9.875632-11.088098 2.607117-6.426699 4.03946-15.001914 4.315877-25.28589a16.06989 16.06989 0 0 0-2.355828-0.923485zM332.642945 457.049521h288.887362v49.309056H332.642945v-49.309056z m0-122.741791h288.887362v49.315337H332.642945v-49.315337z m0-122.735509h288.887362v49.309055H332.642945v-49.309055zM201.41389 457.049521h95.929325v49.309056h-95.929325v-49.309056z m0-122.741791h95.929325v49.315337h-95.929325v-49.315337z m0-122.735509h95.929325v49.309055h-95.929325v-49.309055z m254.712147 615.863754H201.41389v-49.334184h254.712147v49.334184z m464.248932 0H485.909988v-49.334184h434.464981v49.334184zM19.68216 102.337178H0V0.075387h102.927706v19.562797H19.68216V102.337178z m0 902.062331h83.245546v19.562798H0v-102.337178h19.68216v82.77438z"
p-id="5694"
fill="#dcdfe6"></path>
</svg>
<span>点击选择照片或拍照</span>
</div>
</van-uploader>
</div>
<div v-if="state.imgBlankError.applicantIdcImg1"
class="img__blank_error">请上传申请人身份证正面照片</div>
</div>
<div class="img_item">
<div class="img_item_label"><span style="color: red;">*</span>申请人身份证背面照片</div>
<div class="img_item_upload">
<van-uploader v-model="state.img.applicantIdcImg2"
style="width: 100%;height: 100%;"
:max-count="1"
:after-read="(file) => afterRead(file, 'applicantIdcImg2')">
<div style="height: 100%; display: flex;flex-direction: column;align-items: center;justify-content: center;">
<svg t="1685244916978"
class="icon"
viewBox="0 0 1499 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="9485"
width="64"
height="64">
<path d="M1396.224 1024v-19.456h82.432V921.6h19.456v102.4h-101.888zM1479.168 19.456h-82.432V0h102.4v102.4H1479.68V19.456zM1405.952 81.92c10.24 10.24 16.384 24.576 16.384 39.424v769.024c0 30.72-25.088 55.808-55.808 55.808H122.88c-30.72 0-55.808-25.088-55.808-55.808V121.344c0-30.72 25.088-55.808 55.808-55.808h1243.648c14.336 0 28.672 5.632 39.424 16.384z m-39.424 7.168H122.88c-17.408 0-31.744 14.336-31.744 31.744v768.512c0 17.408 14.336 31.744 31.744 31.744h1243.648c16.384 0 30.208-12.8 31.744-29.184V121.344c0-8.192-3.584-16.384-9.216-22.528-6.144-6.144-14.336-9.728-22.528-9.728zM465.92 677.888h737.28v49.152H465.92v-49.152z m143.36-253.952h593.408v49.152H609.28v-49.152z m0-122.88h593.408v49.152H609.28v-49.152z m0-123.904h593.408v49.152H609.28v-49.152zM485.376 423.936h95.232v49.152H485.376v-49.152z m0-122.88h95.232v49.152H485.376v-49.152z m0-122.88h95.232v49.152H485.376v-49.152zM384 409.6l20.48 38.4c-9.216-6.656-20.992-8.192-31.232-3.584-10.752 7.168-18.944 17.92-23.04 30.72l-16.384-25.088v12.8h-107.52v-12.8l-14.848 25.088c-4.096-12.288-12.288-23.04-23.04-30.72-15.36-8.192-31.744 6.656-31.744 6.656l22.016-41.472c-49.152-54.784-46.08-138.752 7.168-189.44 53.248-51.2 137.216-51.2 190.464 0 53.248 51.2 56.32 134.656 7.168 189.44 0-1.024 0.512 0 0.512 0zM216.064 282.624l-3.584-9.728-5.12 8.704h-8.192l7.68 6.656v9.728l8.192-5.12 8.192 5.12-4.608-8.704 7.68-6.656h-10.24z m-2.048 117.76h140.8l-14.336-22.528h-112.64c0 0.512-13.824 22.528-13.824 22.528z m93.696-22.528l-4.608-14.848h-39.424l-5.12 14.848h49.152zM238.592 308.224l7.68 6.656v9.728l8.192-5.12 8.192 5.12-4.608-8.704 8.192-6.656h-10.752l-3.584-11.264-3.584 10.24h-9.728z m51.2-53.248L281.6 233.984l-8.192 20.992H250.88l16.896 14.848-5.12 22.528 18.944-12.288 18.944 12.288-5.12-22.528 16.896-14.848h-22.528z m35.328 54.784l-4.096-11.264-3.584 10.24h-10.24l7.68 6.656v9.728l8.192-5.12 8.192 5.12-6.656-8.704 7.68-6.656h-7.168z m31.744-32.256l-3.584-10.24-3.584 9.728h-10.24l7.68 6.656v9.728l8.192-5.12 8.192 5.12-4.608-9.728 7.68-6.656c0.512 0.512-9.728 0.512-9.728 0.512zM417.28 727.04H200.192v-49.152h217.088v49.152z m0 96.768H200.192v-49.152h217.088v49.152z m785.408 0H465.92v-49.152h736.768v49.152zM19.456 102.4H0V0h102.4v19.456H19.456V102.4z m0 902.144H102.4v19.456H0v-102.4h19.456v82.944z"
p-id="9486"
fill="#dcdfe6"></path>
</svg>
<span>点击选择照片或拍照</span>
</div>
</van-uploader>
</div>
<div v-if="state.imgBlankError.applicantIdcImg2"
class="img__blank_error">请上传申请人身份证背面照片</div>
</div> -->
<!-- <div class="img_item">
<div class="img_item_label">
<section style="width: 60px;">
<span style="color: red;">*</span>住院证
</section>
</div>
<div class="img_item_upload">
<van-uploader v-model="state.img.applyImg"
style="width: 100%;height: 100%;"
:max-count="1"
:after-read="(file) => afterRead(file, 'applyImg')">
<div style="height: 100%; display: flex;flex-direction: column;align-items: center;justify-content: center;">
<svg t="1686896283841"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="4962"
width="64"
height="64">
<path d="M230.4 364.8z m38.4-32c22.4 0 41.6-19.2 41.6-41.6V179.2c0-22.4-19.2-41.6-41.6-41.6-22.4 0-41.6 19.2-41.6 41.6v112c3.2 22.4 19.2 41.6 41.6 41.6zM928 265.6c-3.2-57.6-48-48-48-48h-32v96s-6.4 48-48 48h-80c-41.6 0-48-48-48-48v-96h-310.4v96s-6.4 48-48 48H230.4c-41.6 0-48-48-48-48v-96h-32s-44.8-9.6-48 48v560c0 57.6 57.6 57.6 57.6 57.6h713.6s57.6 0 57.6-57.6V268.8s-3.2 0-3.2-3.2zM515.2 764.8c0 44.8-83.2 54.4-160 54.4S192 809.6 192 764.8v-12.8c0-32 57.6-64 105.6-83.2 3.2 0 19.2-9.6 9.6-35.2-25.6-25.6-41.6-64-41.6-105.6 0-60.8 38.4-92.8 86.4-92.8s86.4 32 86.4 92.8c0 38.4-19.2 80-41.6 105.6-9.6 28.8 6.4 35.2 6.4 35.2 51.2 16 108.8 48 108.8 83.2 3.2 3.2 3.2 12.8 3.2 12.8z m291.2-12.8h-163.2c-22.4 0-41.6-19.2-41.6-41.6 0-22.4 19.2-41.6 41.6-41.6h163.2c22.4 0 41.6 19.2 41.6 41.6 0 25.6-19.2 41.6-41.6 41.6z m0-160h-163.2c-22.4 0-41.6-19.2-41.6-41.6 0-22.4 19.2-41.6 41.6-41.6h163.2c22.4 0 41.6 19.2 41.6 41.6s-19.2 41.6-41.6 41.6z m-6.4-227.2z m-41.6-32c22.4 0 41.6-19.2 41.6-41.6V179.2c0-22.4-19.2-41.6-41.6-41.6-22.4 0-41.6 19.2-41.6 41.6v112c0 22.4 19.2 41.6 41.6 41.6z"
fill="#dbdbdb"
p-id="4963"></path>
</svg>
<span>点击选择照片或拍照</span>
</div>
</van-uploader>
</div>
<div v-if="state.imgBlankError.applyImg"
class="img__blank_error">请上传住院证照片</div>
</div> -->
<div class="img_item">
<div class="img_item_label">
<section>
<span style="color: red;">*</span>委托书照片
</section>
<div style="width: calc(100% - 80px);display: flex;flex-direction: row;justify-content: flex-end;flex-wrap: nowrap;font-size: 13px;">
<div style="margin-right: 10px;">
<!-- <a href=""
style="color: var(--color-primary);border-bottom: 1px solid var(--color-primary);">下载模板</a> -->
</div>
<div style="background-color: var(--color-primary);width: 45px;line-height: 24px;text-align: center;border-radius: 4px;color: #fff;"
@click.stop="onExample">示例</div>
</div>
</div>
<div class="img_item_upload">
<van-uploader v-model="state.img.agreementLetterImg"
style="width: 100%;height: 100%;"
:max-count="1"
:after-read="(file) => afterRead(file, 'agreementLetterImg')">
<div style="height: 100%; display: flex;flex-direction: column;align-items: center;justify-content: center;">
<svg t="1685250803648"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="15083"
width="64"
height="64">
<path d="M608.20558965 898.406c18.504 0 12.996-1.728 12.996 15.696s5.508 31.554-12.996 31.554H153.14758964c-55.494 0-82.368-42.39-82.368-94.68V156.68C70.77958964 104.39 97.67158965 71.198 153.14758964 71.198h569.304c83.664 0 91.224 43.902 91.224 85.482 0 17.424-9.486 31.554-27.99 31.554S755.94958964 174.104 755.94958964 156.68s-4.788-31.554-33.47999999-31.554H153.14758964c-24.246 0-33.48 14.13-33.48 31.554v710.172c0 17.424 14.994 31.554 33.48 31.554h455.058z m230.88599999-343.71v153.486c0 44.64-45 44.64-45 0v-153.486c0-31.932 45-33.336 45 0z"
p-id="15084"
fill="#dcdfe6"></path>
<path d="M246.78358965 253.934c-18.504 0-26.658-10.08-26.65800001-22.5s8.154-22.5 26.658-22.5h247.03200001c18.504 0 27.702 10.08 27.702 22.5s-9.216 22.5-27.702 22.5H246.78358965z m1.51199999 167.436c-18.504 0-28.17-10.08-28.17-22.5s9.684-22.5 28.17-22.5h142.75800001c18.504 0 30.006 10.08 30.006 22.5s-11.52 22.5-30.006 22.5H248.29558965z m353.44800001 489.348c0 18.504-5.166 28.242-23.67 28.242s-23.652-9.756-23.652-28.242l0.594-132.48a100.44 100.44 0 0 1 100.458-100.458l133.686 1.206c12.33 0 20.682 6.75 25.074 20.232-4.374 17.118-12.744 25.668-25.074 25.668l-133.686-1.206c-48.51 0-53.136 36.072-53.136 54.558l-0.594 132.48z"
p-id="15085"
fill="#dcdfe6"></path>
<path d="M601.34758965 944.54c-3.762-2.358-4.266-7.146-5.74200001-9.54-1.476-2.376 0.702-23.886 9.342-32.166l188.76600001-181.044c8.568-8.622 21.132-11.916 32.832-8.622 11.7 3.294 12.474-4.482 12.474-3.906-0.216 19.98-3.924 34.596-12.474 42.408l-188.748 181.08c-8.622 8.28-24.948 15.138-36.45 11.79z m290.736-619.218a32.85 32.85 0 0 0 3.47399999-46.476c-12.492-14.382-33.444-15.966-47.412-4.05L419.56558964 637.64l-15.91199999 54.252 61.056-4.752 427.374-361.818z m32.65199999 39.366L503.94958965 724.22c-4.482 3.816-10.062 6.12-15.948 6.57l-100.458 7.776a27.972 27.972 0 0 1-28.99800001-35.784l27.03600001-92.178c1.53-5.238 4.572-9.9 8.73-13.428L814.88158965 237.86a83.898 83.898 0 0 1 117.72 8.838c30.528 35.172 26.856 87.786-7.866 117.99z"
p-id="15086"
fill="#dcdfe6"></path>
</svg>
<span>点击选择照片或拍照</span>
</div>
</van-uploader>
</div>
<div v-if="state.imgBlankError.agreementLetterImg"
class="img__blank_error">请上传申请书照片</div>
</div>
</van-cell-group>
<div class="footer">
<van-button type="primary"
block
icon="sign"
round
@click="onSubmit">提&emsp;交</van-button>
</div>
</van-form>
</div>
<!-- 获取方式 -->
<van-popup v-model:show="state.getWayShow"
round
lock-scroll
position="bottom">
<van-picker title="获取方式"
:columns="state.getWayColumns"
:columns-field-names="state.getWayColumnFieldName"
@confirm="onGetWayConfirm"
@cancel="state.getWayShow = false" />
</van-popup>
<!-- 住院记录 -->
<van-popup v-model:show="state.ispShow"
position="bottom">
<div class="treat">
<div class="head">
<div class="head_cancel"
@click="state.ispShow = false">取 消</div>
<div class="head_title">选择住院记录</div>
<div class="head_confirm"
@click="onIspConfirm">确 定</div>
</div>
<div class="treat_cont">
<template v-if="state.treatRecord.length > 0">
<section v-for="item in state.treatRecord"
:key="item.ipsId">
<div class="cont_item"
:class="[state.currTreat.ipsId === item.ipsId ? 'border_click' : 'border_default']"
@click="state.currTreat = item">
<div><span>患者姓名：</span><span>{{ item.ptName }}&emsp;&emsp;{{ item.ptId }}</span></div>
<div><span>住院编号：</span><span>{{ item.ipsId }}</span></div>
<div><span>出院科室：</span><span>{{ item.deptName }}</span></div>
<div><span>诊&emsp;&emsp;断：</span><span>{{ item.dx }}</span></div>
<div class="item_checked"
v-if="state.currTreat.ipsId === item.ipsId">
<van-icon name="passed"
color="var(--color-primary)"
size="20" />
</div>
</div>
</section>
</template>
<van-empty v-else
image-size="100"
description="暂无住院记录" />
</div>
</div>
</van-popup>
<!-- 模板 -->
<van-popup v-model:show="state.templateShow"
round
lock-scroll
position="bottom">
<!-- :columns-field-names="{text: 'templatename'}" -->
<van-picker title="用 途"
:columns="state.templateList"
value-key="templateno"
@confirm="onTemplateConfirm"
@cancel="state.templateShow = false">
<template #option="option">
<div style="margin: 5px 0;overflow: hidden">
<div style="text-align: center;padding:8px 0 0;">{{ option.Borrow_UseTo_Name }}</div>
</div>
</template>
</van-picker>
</van-popup>
</div>
</template>
<script>
import { reactive, ref, watch } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { axios } from 'axios'
import { store } from 'vue-helper'
import ImageUtil from '@/utils/image-util.mjs'
export default {
name: 'ptint-reserve',
components: {
'select-patient-date': VueConfig.vueLoader('@/components/patient/select-patient-date.vue')
},
setup(props, context) {
const route = useRoute();
const router = useRouter();
const formRef = ref(null)
const state = reactive({
getWayShow: false, // 获取方式弹框
getWayColumns: [ // 获取方式
{
code: '0',
label: '自提'
}, {
code: '1',
label: '邮寄'
}
],
getWayColumnFieldName: { // 获取方式列明
text: 'label'
},
ispShow: false, // 住院记录弹框
treatRecord: [], // 住院记录
currTreat: '', // 当前选中的住院记录
imgBlankError: { // 照片
ptImg1: false,
ptImg2: false,
// applicantIdcImg1: false,
// applicantIdcImg2: false,
agreementLetterImg: false,
applyImg: false
},
img: {
ptImg1: [], // 本人身份证正面照片
ptImg2: [], // 本人身份证背面照片
applicantIdcImg1: [], // 申请人身份证正面照片
applicantIdcImg2: [], // 申请人身份证背面照片
agreementLetterImg: [], // 申请书照片
applyImg: [], // 住院证明照片
},
templateShow: false, // 模板弹框
templateList: [], // 模板列表
})
const creatForm = () => ({
ipsID: '', // 住院号
dx: '', // 诊断名称
ptId: '', // 病人ID
ptName: '', // 病人姓名
deptID: '', // 出院科室ID
deptName: '', // 出院科室
ptIdcID: '', // 身份证
phone: '', // 联系电话（邮寄时也填这个）
applicantName: '', // 委托代理人姓名
applicantRel: '', // 申请人与病人关系
applicantRelId: '', // 申请人与病人关系代码
ptImg1: '', // 本人身份证正面照片
ptImg2: '', // 本人身份证背面照片
applicantIdcImg1: '', // 申请人身份证正面照片
applicantIdcImg2: '', // 申请人身份证背面照片
agreementLetterImg: '', // 申请书照片
useWay: '', // 模板 (templateName)
useWayId: '', // 模板id (templateNo)
getWay: '', // 获取方式:0.自提 1.邮寄 2.电子版
address: '', // 邮寄的地址
applyImg: '', // 住院证明照片
showCardNo: '', // 加密身份证号码
})
const form = reactive(creatForm())
const formLabel = reactive({
getWayLabel: ''
})
/**
* 判断照片是否上传
*/
function isImgBlank() {
let checked = 0
Object.keys(state.imgBlankError).forEach(key => {
if (form[key] === '') {
checked++
state.imgBlankError[key] = true
} else if (form[key] !== '' && state.imgBlankError[key]) {
state.imgBlankError[key] = false
}
})
return checked !== 0
}
/**
* 提交预约
*/
function onSubmit() {
patient.value = store.getters.getPatient
if (!patient.value || (patient.value && !patient.value.patientId)) return vant.Toast.fail('参数缺失，无法查询住院记录！')
formRef.value.validate().then(() => {
if (isImgBlank()) {
return vant.Toast.fail('提交内容出现错误，请检查！')
}
vant.Dialog.confirm({
title: '提示',
message: '确定提交打印预约申请？'
}).then(() => {
const params = {
openId: patient.value.openid,
patientId: patient.value.patientId,
zyNum: form.ipsID,
applyName: form.ptName,
useToNo: form.useWayId,
useToName: form.useWay,
getWay: form.getWay,
address: form.address,
phone: form.phone,
ptImg1: form.ptImg1,
ptImg2: form.ptImg2,
applyImg: form.applyImg
}
axios.post('/wx/xbd/addMRReserve', params).then(response => {
if (response.code === 200) {
vant.Toast.success('预约成功')
}
})
}).catch(() => { })
}).catch(error => {
console.log('error', error)
vant.Toast.fail('提交内容出现错误，请检查！')
})
}
/**
* 选择获取方式
* @param {Object} value 获取方式
*/
function onGetWayConfirm(value) {
form.getWay = value.code
formLabel.getWayLabel = value.label
state.getWayShow = false
}
/**
* 选择住院记录
* @param {Object} value 住院记录
*/
function onIspConfirm() {
state.ispShow = false
if (state.currTreat) {
form.ipsID = state.currTreat.ipsId
form.ipsID = state.currTreat.ipsId
form.dx = state.currTreat.dx
form.ptId = state.currTreat.ptId
form.ptName = state.currTreat.ptName
form.deptID = state.currTreat.deptId
form.deptName = state.currTreat.deptName
form.ptIdcID = patient.value.idCardNo
form.showCardNo = patient.value.showCardNo
}
}
const patient = ref(null)
/**
* 获取住院记录
*/
function getMedicalRecordList() {
patient.value = store.getters.getPatient
const idCard = patient.value.idCardNo
patient.value.showCardNo = idCard.length === 18 ? idCard.substring(0, 3) + '********' + idCard.substring(idCard.length - 4) : idCard
if (!patient.value || (patient.value && !patient.value.patientId)) return vant.Toast.fail('患者参数缺失，无法查询住院记录！')
axios.RGet('wx/xbd/getMedicalRecordList', {
patientId: patient.value.patientId
}).then(response => {
if (response.code === 200) {
state.treatRecord = response.data
}
})
}
getMedicalRecordList()
/**
* 图片压缩、赋值
* @param {File} file 图片
* @param {*} state 参数名
*/
function afterRead(file, state) {
ImageUtil.compressBySize(file.file, { isQuality: true }).then(res => {
form[state] = res.base64.includes(',') ? res.base64.split(',')[1] : ''
}).catch(error => {
console.log('error', error)
})
}
watch(() => state.ispShow, (newVal) => {
if (newVal && !form.ipsID) {
state.currTreat = ''
}
})
watch(() => store.getters.getPatient, () => {
getMedicalRecordList()
Object.assign(form, creatForm())
})
/**
* 获取模板
*/
function getTemplates() {
axios.RGet('wx/xbd/getMRTemplateList').then(response => {
if (response.code === 200) {
state.templateList = response.data
}
})
}
getTemplates()
function onTemplateConfirm(value) {
state.templateShow = false
form.useWayId = value.Borrow_UseTo_No
form.useWay = value.Borrow_UseTo_Name
}
function onExample() {
console.log('look example')
}
return {
state,
formRef,
form,
formLabel,
onSubmit,
onGetWayConfirm,
onIspConfirm,
afterRead,
onTemplateConfirm,
onExample
}
},
}
</script>
<style scoped>
.ptint-reserve {
}
.img_item {
border-bottom: 1px solid var(--border-c);
}
.img_item_label {
line-height: 25px;
padding: 5px 16px;
color: #646566;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.img_item_upload {
height: 150px;
margin: 5px;
border: 1px solid var(--border-d);
border-radius: 5px;
}
.img_item_upload span {
line-height: 30px;
color: var(--text-c);
}
.img_item_upload >>> .van-uploader__wrapper,
.img_item_upload >>> .van-uploader__input-wrapper {
width: 100%;
height: 100%;
}
.img_item_upload >>> .van-uploader__preview,
.img_item_upload >>> .van-uploader__preview-image {
width: 100%;
height: 100%;
margin: auto;
}
.img_item_upload >>> .van-uploader__preview-image img {
object-fit: contain !important;
}
.img__blank_error {
color: red;
font-size: 12px;
text-align: right;
padding: 0px 10px 5px;
}
.ptint-reserve >>> .van-field__control {
text-align: right;
}
.print-reserve >>> .van-field__value .van-field__error-message {
text-align: right;
}
.footer {
margin: 10px 5px;
}
.treat {
width: 100%;
height: 65vh;
box-sizing: border-box;
background-color: #fff;
border-radius: 8px 8px 0 0;
padding: 8px 5px;
}
.treat .head {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 5px 10px;
}
.head_cancel {
color: var(--text-c);
}
.head_title {
text-align: center;
}
.head_confirm {
color: var(--color-primary);
}
.treat_cont {
height: calc(100% - 40px);
overflow: auto;
padding: 8px;
}
.cont_item {
padding: 8px 5px 5px;
margin-bottom: 5px;
border-radius: 5px;
font-size: 13px;
line-height: 20px;
position: relative;
overflow: hidden;
}
.cont_item div {
padding: 3px 0px;
}
.cont_item div span:nth-child(1) {
color: var(--text-c);
}
.cont_item div span:nth-child(2) {
color: var(--text-a);
}
.border_default {
border: #e2e2e2 solid 1px;
}
.border_click {
border: var(--color-primary) solid 1px;
}
.item_checked {
position: absolute;
top: 8px;
right: 10px;
width: 20px;
height: 20px;
}
.treat_filed >>> .van-field__control {
text-align: right;
}
.ptint-reserve >>> .van-popup .van-picker .van-picker-column__item {
/* height: 50px !important; */
}
</style>

416
src/views/medical-record/medical-record-apply.vue
Unescape View File

@ -9,7 +9,7 @@
error-message-align="right">
<van-cell-group title=""
insert>
<van-field v-model="form.ipsID"
<van-field v-model="form.zyNum"
label="住院号"
is-link
readonly
@ -17,12 +17,12 @@
placeholder="点击选择住院记录"
@click="state.ispShow = true"
:rules="[{required: true, message: '请选择住院记录', trigger: 'onSubmit'}]"></van-field>
<van-field v-model="form.dx"
label="诊断内容"
<van-field v-model="form.diagnose"
label="诊断"
readonly
required
placeholder="选择住院记录"></van-field>
<van-field v-model="form.ptName"
<van-field v-model="form.applyName"
label="病人姓名"
readonly
required
@ -43,31 +43,6 @@
label="联系电话"
placeholder="联系电话"
:rules="[{required: true, message: '请输入联系电话', trigger: 'onSubmit'}]"></van-field>
<!-- <van-field v-model="form.applicantName"
required
label="委托代理人姓名"
placeholder="委托代理人姓名"
:rules="[{required: true, message: '请输入委托代理人姓名', trigger: 'onSubmit'}]"></van-field>
<van-field v-model="form.applicantRel"
required
label="申请人与病人关系"
placeholder="申请人与病人关系"
:rules="[{required: true, message: '请输入申请人与病人关系', trigger: 'onSubmit'}]"></van-field> -->
<van-field v-model="formLabel.getWayLabel"
is-link
readonly
required
label="获取方式"
placeholder="点击选择获取方式"
@click="state.getWayShow = true"></van-field>
<van-field v-model="form.address"
label="邮寄地址"
type="textarea"
rows="2"
autosize
required
placeholder="邮寄地址"
:rules="[{required: true, message: '请输入邮寄地址', trigger: 'onSubmit'}]"></van-field>
<van-field v-model="form.useWay"
readonly
required
@ -86,10 +61,11 @@
</section>
</div>
<div class="img_item_upload">
<van-uploader v-model="state.img.ptImg1"
<van-uploader v-model="state.img.idCardFront"
style="width: 100%;height: 100%;"
:max-count="1"
:after-read="(file) => afterRead(file, 'ptImg1')">
:before-read="onBeforeRead"
:after-read="(file) => afterRead(file, 'idCardFront')">
<div style="height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;">
<svg t="1685244688694"
class="icon"
@ -107,7 +83,7 @@
</div>
</van-uploader>
</div>
<div v-if="state.imgBlankError.ptImg1"
<div v-if="state.imgBlankError.idCardFront"
class="img__blank_error">请上传本人身份证正面照片</div>
</div>
@ -118,10 +94,10 @@
</section>
</div>
<div class="img_item_upload">
<van-uploader v-model="state.img.ptImg2"
<van-uploader v-model="state.img.idCardBack"
style="width: 100%;height: 100%;"
:max-count="1"
:after-read="(file) => afterRead(file, 'ptImg2')">
:after-read="(file) => afterRead(file, 'idCardBack')">
<div style="height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;">
<svg t="1685244916978"
class="icon"
@ -139,66 +115,10 @@
</div>
</van-uploader>
</div>
<div v-if="state.imgBlankError.ptImg2"
<div v-if="state.imgBlankError.idCardBack"
class="img__blank_error">请上传本人身份证背面照片</div>
</div>
<!-- <div class="img_item">
<div class="img_item_label"><span style="color: red;">*</span>申请人身份证正面照片</div>
<div class="img_item_upload">
<van-uploader v-model="state.img.applicantIdcImg1"
style="width: 100%;height: 100%;"
:max-count="1"
:after-read="(file) => afterRead(file, 'applicantIdcImg1')">
<div style="height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;">
<svg t="1685244688694"
class="icon"
viewBox="0 0 1507 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="5693"
width="64"
height="64">
<path d="M1404.827485 1023.962307v-19.562798h83.245546v-82.77438H1507.730061v102.337178h-102.902576zM1488.073031 19.638184H1404.827485V0.075387H1507.730061V102.337178h-19.65703V19.638184z m-73.363632 61.86719a55.829988 55.829988 0 0 1 16.597595 39.841767v768.533988c-0.012564 31.084368-25.361276 56.288589-56.640393 56.313718H123.483092c-31.272834-0.043975-56.608982-25.235632-56.640393-56.313718V121.347141c0.043975-31.071804 25.380123-56.244613 56.640393-56.282307h1251.208638c15.071018 0 29.281374 5.82989 40.017669 16.44054z m-39.986258 8.4747H123.483092v0.018846c-17.426847 0.018847-31.549252 14.053301-31.568098 31.37335v768.533988c0 17.288638 14.16638 31.398479 31.568098 31.398478h1251.183509c17.401718 0 31.593227-14.084712 31.593227-31.398478V121.347141c0-8.374184-3.285595-16.27092-9.247411-22.201325a32.026699 32.026699 0 0 0-22.289276-9.165742z m-462.326577 647.431852c1.030282-49.158282 10.133202-133.050896 59.354307-175.73222l67.766184 0.615656 63.462871 104.058503 11.961326-77.811436-8.650602-14.10984 0.647068-14.499337a280.846135 280.846135 0 0 1 37.712098 0.050257l0.703607 14.499338-8.625472 14.103558 12.011583 78.439656 49.290208-105.226994 74.965595-2.538012c38.74238 36.405399 63.588515 122.188957 57.494773 178.150871h-418.093546z m315.216099-288.680049c-5.163975 18.337767-11.201178 35.331141-19.85178 49.57919-9.881914 16.446822-22.948908 29.09919-41.418601 35.909105-8.254822 2.965202-29.337914 4.384982-49.623165 4.033178-19.556515-0.245006-39.213546-2.186209-47.034896-5.779632-16.798626-7.65173-28.609178-20.580515-37.511068-36.650405-7.670577-13.732908-13.110969-29.727411-17.904294-46.62027-7.846479-4.083436-13.73919-11.03784-17.728393-20.530258-4.334724-10.315387-6.31362-23.872393-6.062331-39.942282l0.075386-5.484368 4.586013-3.040589c1.155926-0.772712 2.330699-1.520294 3.511754-2.186209-5.163975-63.142479-3.210209-86.487166 20.385767-113.173987 46.004613-37.429399 151.464049-36.103853 198.046626-2.173644 31.744 29.802798 33.949055 63.192736 24.199067 114.719411 1.526577 0.873227 3.028025 1.796712 4.560884 2.814429l4.586012 3.065718 0.05654 5.459239c0.270135 15.743215-1.633374 29.080344-5.792196 39.370601-3.838429 9.391902-9.479853 16.396564-17.081325 20.630773z m-0.571681-54.718037a14.329718 14.329718 0 0 0-5.440393-0.822969l-9.354209 0.59681-1.727607-9.146896a119.035288 119.035288 0 0 0-9.706012-29.652024c-29.834209 5.811043-74.186601 10.89335-109.241325-8.738552-13.513031-7.551215-33.25173 7.921865-49.440982 6.326184a121.623558 121.623558 0 0 0-10.931043 32.064392l-1.809276 9.492417-9.580368-0.917202a14.612417 14.612417 0 0 0-5.584884 0.672196 26.385276 26.385276 0 0 0-2.58827 1.024c0.22616 10.510135 1.702479 19.204712 4.466651 25.738209 2.406086 5.729374 5.741939 9.44216 10.108073 10.811681l5.610013 1.746454 1.551705 5.60373c4.717939 17.269791 9.932172 33.641227 17.357743 46.915534 6.866454 12.313129 15.667828 22.151067 27.773644 27.685693 5.12 2.336982 21.416049 3.637399 38.440834 3.888687 18.099043 0.251288 36.128982-0.672196 42.09708-2.870969 13.412515-4.906405 23.093399-14.44908 30.588073-26.9067 8.02238-13.381104 13.764319-30.374479 18.802651-49.013791l1.457472-5.352442 5.314749-1.846969c4.20908-1.470037 7.494675-5.308466 9.875632-11.088098 2.607117-6.426699 4.03946-15.001914 4.315877-25.28589a16.06989 16.06989 0 0 0-2.355828-0.923485zM332.642945 457.049521h288.887362v49.309056H332.642945v-49.309056z m0-122.741791h288.887362v49.315337H332.642945v-49.315337z m0-122.735509h288.887362v49.309055H332.642945v-49.309055zM201.41389 457.049521h95.929325v49.309056h-95.929325v-49.309056z m0-122.741791h95.929325v49.315337h-95.929325v-49.315337z m0-122.735509h95.929325v49.309055h-95.929325v-49.309055z m254.712147 615.863754H201.41389v-49.334184h254.712147v49.334184z m464.248932 0H485.909988v-49.334184h434.464981v49.334184zM19.68216 102.337178H0V0.075387h102.927706v19.562797H19.68216V102.337178z m0 902.062331h83.245546v19.562798H0v-102.337178h19.68216v82.77438z"
p-id="5694"
fill="#dcdfe6"></path>
</svg>
<span>点击选择照片或拍照</span>
</div>
</van-uploader>
</div>
<div v-if="state.imgBlankError.applicantIdcImg1"
class="img__blank_error">请上传申请人身份证正面照片</div>
</div>
<div class="img_item">
<div class="img_item_label"><span style="color: red;">*</span>申请人身份证背面照片</div>
<div class="img_item_upload">
<van-uploader v-model="state.img.applicantIdcImg2"
style="width: 100%;height: 100%;"
:max-count="1"
:after-read="(file) => afterRead(file, 'applicantIdcImg2')">
<div style="height: 100%; display: flex;flex-direction: column;align-items: center;justify-content: center;">
<svg t="1685244916978"
class="icon"
viewBox="0 0 1499 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="9485"
width="64"
height="64">
<path d="M1396.224 1024v-19.456h82.432V921.6h19.456v102.4h-101.888zM1479.168 19.456h-82.432V0h102.4v102.4H1479.68V19.456zM1405.952 81.92c10.24 10.24 16.384 24.576 16.384 39.424v769.024c0 30.72-25.088 55.808-55.808 55.808H122.88c-30.72 0-55.808-25.088-55.808-55.808V121.344c0-30.72 25.088-55.808 55.808-55.808h1243.648c14.336 0 28.672 5.632 39.424 16.384z m-39.424 7.168H122.88c-17.408 0-31.744 14.336-31.744 31.744v768.512c0 17.408 14.336 31.744 31.744 31.744h1243.648c16.384 0 30.208-12.8 31.744-29.184V121.344c0-8.192-3.584-16.384-9.216-22.528-6.144-6.144-14.336-9.728-22.528-9.728zM465.92 677.888h737.28v49.152H465.92v-49.152z m143.36-253.952h593.408v49.152H609.28v-49.152z m0-122.88h593.408v49.152H609.28v-49.152z m0-123.904h593.408v49.152H609.28v-49.152zM485.376 423.936h95.232v49.152H485.376v-49.152z m0-122.88h95.232v49.152H485.376v-49.152z m0-122.88h95.232v49.152H485.376v-49.152zM384 409.6l20.48 38.4c-9.216-6.656-20.992-8.192-31.232-3.584-10.752 7.168-18.944 17.92-23.04 30.72l-16.384-25.088v12.8h-107.52v-12.8l-14.848 25.088c-4.096-12.288-12.288-23.04-23.04-30.72-15.36-8.192-31.744 6.656-31.744 6.656l22.016-41.472c-49.152-54.784-46.08-138.752 7.168-189.44 53.248-51.2 137.216-51.2 190.464 0 53.248 51.2 56.32 134.656 7.168 189.44 0-1.024 0.512 0 0.512 0zM216.064 282.624l-3.584-9.728-5.12 8.704h-8.192l7.68 6.656v9.728l8.192-5.12 8.192 5.12-4.608-8.704 7.68-6.656h-10.24z m-2.048 117.76h140.8l-14.336-22.528h-112.64c0 0.512-13.824 22.528-13.824 22.528z m93.696-22.528l-4.608-14.848h-39.424l-5.12 14.848h49.152zM238.592 308.224l7.68 6.656v9.728l8.192-5.12 8.192 5.12-4.608-8.704 8.192-6.656h-10.752l-3.584-11.264-3.584 10.24h-9.728z m51.2-53.248L281.6 233.984l-8.192 20.992H250.88l16.896 14.848-5.12 22.528 18.944-12.288 18.944 12.288-5.12-22.528 16.896-14.848h-22.528z m35.328 54.784l-4.096-11.264-3.584 10.24h-10.24l7.68 6.656v9.728l8.192-5.12 8.192 5.12-6.656-8.704 7.68-6.656h-7.168z m31.744-32.256l-3.584-10.24-3.584 9.728h-10.24l7.68 6.656v9.728l8.192-5.12 8.192 5.12-4.608-9.728 7.68-6.656c0.512 0.512-9.728 0.512-9.728 0.512zM417.28 727.04H200.192v-49.152h217.088v49.152z m0 96.768H200.192v-49.152h217.088v49.152z m785.408 0H465.92v-49.152h736.768v49.152zM19.456 102.4H0V0h102.4v19.456H19.456V102.4z m0 902.144H102.4v19.456H0v-102.4h19.456v82.944z"
p-id="9486"
fill="#dcdfe6"></path>
</svg>
<span>点击选择照片或拍照</span>
</div>
</van-uploader>
</div>
<div v-if="state.imgBlankError.applicantIdcImg2"
class="img__blank_error">请上传申请人身份证背面照片</div>
</div> -->
<div class="img_item">
<div class="img_item_label">
<section style="width: 60px;">
@ -206,10 +126,10 @@
</section>
</div>
<div class="img_item_upload">
<van-uploader v-model="state.img.applyImg"
<van-uploader v-model="state.img.inHospProve"
style="width: 100%;height: 100%;"
:max-count="1"
:after-read="(file) => afterRead(file, 'applyImg')">
:after-read="(file) => afterRead(file, 'inHospProve')">
<div style="height: 100%; display: flex;flex-direction: column;align-items: center;justify-content: center;">
<svg t="1686896283841"
class="icon"
@ -227,56 +147,11 @@
</div>
</van-uploader>
</div>
<div v-if="state.imgBlankError.applyImg"
<div v-if="state.imgBlankError.inHospProve"
class="img__blank_error">请上传住院证照片</div>
</div>
<!-- <div class="img_item">
<div class="img_item_label">
<section>
<span style="color: red;">*</span>申请书照片
</section>
<div style="width: calc(100% - 80px);display: flex;flex-direction: row;justify-content: flex-end;flex-wrap: nowrap;font-size: 13px;">
<div style="margin-right: 10px;">
<a href=""
style="color: var(--color-primary);border-bottom: 1px solid var(--color-primary);">下载模板</a>
</div>
<div style="background-color: var(--color-primary);width: 45px;line-height: 24px;text-align: center;border-radius: 4px;color: #fff;"
@click.stop="onExample">示例</div>
</div>
</div>
<div class="img_item_upload">
<van-uploader v-model="state.img.agreementLetterImg"
style="width: 100%;height: 100%;"
:max-count="1"
:after-read="(file) => afterRead(file, 'agreementLetterImg')">
<div style="height: 100%; display: flex;flex-direction: column;align-items: center;justify-content: center;">
<svg t="1685250803648"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="15083"
width="64"
height="64">
<path d="M608.20558965 898.406c18.504 0 12.996-1.728 12.996 15.696s5.508 31.554-12.996 31.554H153.14758964c-55.494 0-82.368-42.39-82.368-94.68V156.68C70.77958964 104.39 97.67158965 71.198 153.14758964 71.198h569.304c83.664 0 91.224 43.902 91.224 85.482 0 17.424-9.486 31.554-27.99 31.554S755.94958964 174.104 755.94958964 156.68s-4.788-31.554-33.47999999-31.554H153.14758964c-24.246 0-33.48 14.13-33.48 31.554v710.172c0 17.424 14.994 31.554 33.48 31.554h455.058z m230.88599999-343.71v153.486c0 44.64-45 44.64-45 0v-153.486c0-31.932 45-33.336 45 0z"
p-id="15084"
fill="#dcdfe6"></path>
<path d="M246.78358965 253.934c-18.504 0-26.658-10.08-26.65800001-22.5s8.154-22.5 26.658-22.5h247.03200001c18.504 0 27.702 10.08 27.702 22.5s-9.216 22.5-27.702 22.5H246.78358965z m1.51199999 167.436c-18.504 0-28.17-10.08-28.17-22.5s9.684-22.5 28.17-22.5h142.75800001c18.504 0 30.006 10.08 30.006 22.5s-11.52 22.5-30.006 22.5H248.29558965z m353.44800001 489.348c0 18.504-5.166 28.242-23.67 28.242s-23.652-9.756-23.652-28.242l0.594-132.48a100.44 100.44 0 0 1 100.458-100.458l133.686 1.206c12.33 0 20.682 6.75 25.074 20.232-4.374 17.118-12.744 25.668-25.074 25.668l-133.686-1.206c-48.51 0-53.136 36.072-53.136 54.558l-0.594 132.48z"
p-id="15085"
fill="#dcdfe6"></path>
<path d="M601.34758965 944.54c-3.762-2.358-4.266-7.146-5.74200001-9.54-1.476-2.376 0.702-23.886 9.342-32.166l188.76600001-181.044c8.568-8.622 21.132-11.916 32.832-8.622 11.7 3.294 12.474-4.482 12.474-3.906-0.216 19.98-3.924 34.596-12.474 42.408l-188.748 181.08c-8.622 8.28-24.948 15.138-36.45 11.79z m290.736-619.218a32.85 32.85 0 0 0 3.47399999-46.476c-12.492-14.382-33.444-15.966-47.412-4.05L419.56558964 637.64l-15.91199999 54.252 61.056-4.752 427.374-361.818z m32.65199999 39.366L503.94958965 724.22c-4.482 3.816-10.062 6.12-15.948 6.57l-100.458 7.776a27.972 27.972 0 0 1-28.99800001-35.784l27.03600001-92.178c1.53-5.238 4.572-9.9 8.73-13.428L814.88158965 237.86a83.898 83.898 0 0 1 117.72 8.838c30.528 35.172 26.856 87.786-7.866 117.99z"
p-id="15086"
fill="#dcdfe6"></path>
</svg>
<span>点击选择照片或拍照</span>
</div>
</van-uploader>
</div>
<div v-if="state.imgBlankError.agreementLetterImg"
class="img__blank_error">请上传申请书照片</div>
</div> -->
</van-cell-group>
<div class="footer">
<van-button type="primary"
block
@ -287,18 +162,6 @@
</van-form>
</div>
<!-- 获取方式 -->
<van-popup v-model:show="state.getWayShow"
round
lock-scroll
position="bottom">
<van-picker title="获取方式"
:columns="state.getWayColumns"
:columns-field-names="state.getWayColumnFieldName"
@confirm="onGetWayConfirm"
@cancel="state.getWayShow = false" />
</van-popup>
<!-- 住院记录 -->
<van-popup v-model:show="state.ispShow"
position="bottom">
@ -313,16 +176,52 @@
<div class="treat_cont">
<template v-if="state.treatRecord.length > 0">
<section v-for="item in state.treatRecord"
:key="item.ipsId">
:key="item.zyNum">
<div class="cont_item"
:class="[state.currTreat.ipsId === item.ipsId ? 'border_click' : 'border_default']"
:class="[state.currTreat.zyNum === item.zyNum ? 'border_click' : 'border_default']"
@click="state.currTreat = item">
<div><span>患者姓名：</span><span>{{ item.ptName }}&emsp;&emsp;{{ item.ptId }}</span></div>
<div><span>住院编号：</span><span>{{ item.ipsId }}</span></div>
<div><span>出院科室：</span><span>{{ item.deptName }}</span></div>
<div><span>诊&emsp;&emsp;断：</span><span>{{ item.dx }}</span></div>
<div><span>患者姓名：</span><span>{{ item.patientName }}</span></div>
<div><span>住院编号：</span><span>{{ item.zyNum }}</span></div>
<div><span>出院科室：</span><span>{{ item.leaveCategory }}</span></div>
<div><span>诊&emsp;&emsp;断：</span><span>{{ item.diagnose }}</span></div>
<div style="width: 100%;height: 24px;padding: 0px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<div style=";display: flex;">
<svg t="1692242897447"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="1020"
width="18"
height="18">
<path d="M511.81568 61.99808c-248.42752 0-449.8176 201.39008-449.8176 449.8176s201.39008 449.8176 449.8176 449.8176 449.8176-201.39008 449.8176-449.8176-201.39008-449.8176-449.8176-449.8176z m0 854.656c-223.58528 0-404.83328-181.25312-404.83328-404.83328 0-223.58528 181.25312-404.8384 404.83328-404.8384s404.83328 181.25312 404.83328 404.83328-181.248 404.8384-404.83328 404.8384z"
p-id="1021"
fill="#d81e06"></path>
<path d="M400.128 240.69632l37.57056-26.75712c42.50112 26.18368 89.18016 93.35808 140.03712 201.51296 70.9632 155.21792 148.00384 249.9072 231.12192 284.0576l-39.84896 50.09408c-83.10784-49.34144-159.95904-153.3184-230.54848-311.95136a1766.00576 1766.00576 0 0 0-16.78848-36.43392c-44.02688 150.85056-125.90592 268.11904-245.63712 351.80032a310.35392 310.35392 0 0 0-34.72384-42.69568C364.45184 632.72448 447.37536 509.952 490.07104 342.02112c-29.79328-49.71008-59.776-83.48672-89.94304-101.3248z"
p-id="1022"
fill="#d81e06"></path>
</svg>
<span>{{ item.inHospitalDate.substring(0, 10) }}</span>
</div>
<div style="color: var(--text-c);">--{{ item.hospitalDays }}天--</div>
<div style=";display: flex;">
<svg t="1692243113528"
class="icon"
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
p-id="1081"
width="18"
height="18">
<path d="M0 512A512 512 0 1 0 512 0 512.672 512.672 0 0 0 0 512z m70.4 0A441.6 441.6 0 1 1 512 953.6 442.08 442.08 0 0 1 70.4 512z m685.12-24.96V239.68h-53.12v176.64h-164.48V182.08h-54.4v234.24h-162.56V239.68H267.84v224.32h215.68v245.12h-179.2v-178.24H251.2v225.6h469.76v22.4h52.8v-248h-52.8v178.24h-183.04V464h164.48v23.04h53.12z"
fill="#67c23a"
p-id="1082"></path>
</svg>
<span>{{ item.outHospitalDate.substring(0, 10) }}</span>
</div>
</div>
<div class="item_checked"
v-if="state.currTreat.ipsId === item.ipsId">
v-if="state.currTreat.zyNum === item.zyNum">
<van-icon name="passed"
color="var(--color-primary)"
size="20" />
@ -350,7 +249,7 @@
@cancel="state.templateShow = false">
<template #option="option">
<div style="margin: 5px 0;overflow: hidden">
<div style="text-align: center;padding:8px 0 0;">{{ option.Borrow_UseTo_Name }}</div>
<div style="text-align: center;padding:8px 0 0;">{{ option }}</div>
</div>
</template>
</van-picker>
@ -364,6 +263,7 @@ import { useRoute, useRouter } from 'vue-router';
import { axios } from 'axios'
import { store } from 'vue-helper'
import ImageUtil from '@/utils/image-util.mjs'
import { Back, GoBind } from '@/utils/common-util.mjs'
export default {
name: 'ptint-reserve',
components: {
@ -374,64 +274,36 @@ export default {
const router = useRouter();
const formRef = ref(null)
const state = reactive({
getWayShow: false, // 获取方式弹框
getWayColumns: [ // 获取方式
{
code: '0',
label: '自提'
}, {
code: '1',
label: '邮寄'
}
],
getWayColumnFieldName: { // 获取方式列明
text: 'label'
},
ispShow: false, // 住院记录弹框
treatRecord: [], // 住院记录
currTreat: '', // 当前选中的住院记录
imgBlankError: { // 照片
ptImg1: false,
ptImg2: false,
// applicantIdcImg1: false,
// applicantIdcImg2: false,
// agreementLetterImg: false
applyImg: false
idCardFront: false,
idCardBack: false,
inHospProve: false
},
img: {
ptImg1: [], // 本人身份证正面照片
ptImg2: [], // 本人身份证背面照片
applicantIdcImg1: [], // 申请人身份证正面照片
applicantIdcImg2: [], // 申请人身份证背面照片
agreementLetterImg: [], // 申请书照片
applyImg: [], // 住院证明照片
idCardFront: [], // 本人身份证正面照片
idCardBack: [], // 本人身份证背面照片
inHospProve: [], // 住院证明照片
},
templateShow: false, // 模板弹框
templateList: [], // 模板列表
templateList: ['慢性病办理', '保险', '出生证', '伤残鉴定', '临床就诊', '其他'], // 模板列表
})
const creatForm = () => ({
ipsID: '', // 住院号
dx: '', // 诊断名称
ptId: '', // 病人ID
ptName: '', // 病人姓名
deptID: '', // 出院科室ID
zyNum: '', // 住院号
diagnose: '', // 诊断名称
patientId: '', // 病人ID
applyName: '', // 病人姓名
deptCode: '', // 出院科室ID
deptName: '', // 出院科室
ptIdcID: '', // 身份证
idCardNo: '', // 身份证
phone: '', // 联系电话（邮寄时也填这个）
applicantName: '', // 委托代理人姓名
applicantRel: '', // 申请人与病人关系
applicantRelId: '', // 申请人与病人关系代码
ptImg1: '', // 本人身份证正面照片
ptImg2: '', // 本人身份证背面照片
applicantIdcImg1: '', // 申请人身份证正面照片
applicantIdcImg2: '', // 申请人身份证背面照片
agreementLetterImg: '', // 申请书照片
useWay: '', // 模板 (templateName)
useWayId: '', // 模板id (templateNo)
getWay: '', // 获取方式:0.自提 1.邮寄 2.电子版
address: '', // 邮寄的地址
applyImg: '', // 住院证明照片
idCardFront: '', // 本人身份证正面照片
idCardBack: '', // 本人身份证背面照片
useWay: '', // 用途
inHospProve: '', // 住院证明照片
showCardNo: '', // 加密身份证号码
})
const form = reactive(creatForm())
@ -440,6 +312,36 @@ export default {
getWayLabel: ''
})
const user = store.getters.getPatient
setTimeout(() => {
if (!user || !user.patientId) {
onTipBand({
onCancel: () => Back(false),
onConfirm: () => GoBind(),
showCancelButton: true,
showCancelText: '退出'
})
}
}, 100);
/**
* 未绑定就诊人
* @param {*} param0
*/
function onTipBand({ onCancel, onConfirm, title = '您还未绑定就诊人，请前往绑定！', showCancelButton, showCancelText }) {
vant.Dialog.alert({
title: '提示',
message: '您还未绑定就诊人，请前往绑定！',
showCancelButton: showCancelButton,
confirmButtonText: '前往绑定',
cancelButtonText: showCancelText
}).then(() => {
onConfirm()
}).catch(() => {
onCancel()
})
}
/**
* 判断照片是否上传
*/
@ -461,7 +363,14 @@ export default {
*/
function onSubmit() {
patient.value = store.getters.getPatient
if (!patient.value || (patient.value && !patient.value.patientId)) return vant.Toast.fail('参数缺失，无法查询住院记录！')
if (!user || !user.patientId) {
return onTipBand({
onCancel: () => Back(false),
onConfirm: () => GoBind(),
showCancelButton: true,
showCancelText: '退出'
})
}
formRef.value.validate().then(() => {
if (isImgBlank()) {
return vant.Toast.fail('提交内容出现错误，请检查！')
@ -471,22 +380,22 @@ export default {
message: '确定提交打印预约申请？'
}).then(() => {
const params = {
openId: patient.value.openid,
applyName: patient.value.name,
idcard: patient.value.idCardNo,
patientId: patient.value.patientId,
zyNum: form.ipsID,
applyName: form.ptName,
useToNo: form.useWayId,
useToName: form.useWay,
getWay: form.getWay,
address: form.address,
openId: patient.value.openid,
idcardFront: form.idCardFront,
idcardBack: form.idCardBack,
treatId: form.zyNum,
inHospProve: form.inHospProve,
use: form.useWay,
phone: form.phone,
ptImg1: form.ptImg1,
ptImg2: form.ptImg2,
applyImg: form.applyImg
}
axios.post('/wx/xbd/addMRReserve', params).then(response => {
axios.post('wx/record/upload', params).then(response => {
if (response.code === 200) {
vant.Toast.success('预约成功')
} else {
vant.Toast.fail(response.message)
}
})
}).catch(() => { })
@ -497,16 +406,6 @@ export default {
}
/**
* 选择获取方式
* @param {Object} value 获取方式
*/
function onGetWayConfirm(value) {
form.getWay = value.code
formLabel.getWayLabel = value.label
state.getWayShow = false
}
/**
* 选择住院记录
* @param {Object} value 住院记录
@ -514,14 +413,14 @@ export default {
function onIspConfirm() {
state.ispShow = false
if (state.currTreat) {
form.ipsID = state.currTreat.ipsId
form.ipsID = state.currTreat.ipsId
form.dx = state.currTreat.dx
form.ptId = state.currTreat.ptId
form.ptName = state.currTreat.ptName
form.deptID = state.currTreat.deptId
form.deptName = state.currTreat.deptName
form.ptIdcID = patient.value.idCardNo
form.zyNum = state.currTreat.zyNum
form.diagnose = state.currTreat.diagnose
form.deptCode = state.currTreat.leaveCategoryCode
form.deptName = state.currTreat.leaveCategory
form.applyName = state.currTreat.patientName
form.patientId = patient.value.patientId,
form.idCardNo = patient.value.idCardNo
form.showCardNo = patient.value.showCardNo
}
}
@ -535,7 +434,7 @@ export default {
const idCard = patient.value.idCardNo
patient.value.showCardNo = idCard.length === 18 ? idCard.substring(0, 3) + '********' + idCard.substring(idCard.length - 4) : idCard
if (!patient.value || (patient.value && !patient.value.patientId)) return vant.Toast.fail('患者参数缺失，无法查询住院记录！')
axios.RGet('wx/xbd/getMedicalRecordList', {
axios.RGet('wx/inHosp/getHospListByPatientId', {
patientId: patient.value.patientId
}).then(response => {
if (response.code === 200) {
@ -545,21 +444,8 @@ export default {
}
getMedicalRecordList()
/**
* 图片压缩、赋值
* @param {File} file 图片
* @param {*} state 参数名
*/
function afterRead(file, state) {
ImageUtil.compressBySize(file.file, { isQuality: true }).then(res => {
form[state] = res.base64.includes(',') ? res.base64.split(',')[1] : ''
}).catch(error => {
console.log('error', error)
})
}
watch(() => state.ispShow, (newVal) => {
if (newVal && !form.ipsID) {
if (newVal && !form.zyNum) {
state.currTreat = ''
}
})
@ -569,26 +455,21 @@ export default {
Object.assign(form, creatForm())
})
/**
* 获取模板
*/
function getTemplates() {
axios.RGet('wx/xbd/getMRTemplateList').then(response => {
if (response.code === 200) {
state.templateList = response.data
}
})
}
getTemplates()
function onTemplateConfirm(value) {
state.templateShow = false
form.useWayId = value.Borrow_UseTo_No
form.useWay = value.Borrow_UseTo_Name
form.useWay = value
}
function onExample() {
console.log('look example')
/**
* 图片压缩
* @param {File} file 图片
* @param {*} state 参数名
*/
function onBeforeRead(file) {
return ImageUtil.compressImage(file)
}
function afterRead(file, state) {
form[state] = file.content
}
return {
@ -597,11 +478,10 @@ export default {
form,
formLabel,
onSubmit,
onGetWayConfirm,
onIspConfirm,
afterRead,
onTemplateConfirm,
onExample
onBeforeRead
}
},
}

201
src/views/medical-record/medical-record-history-copy.vue
Unescape View File

@ -0,0 +1,201 @@
<template>
<div class="history">
<select-patient-date :show-code="false"
:days="0"
:show-navbar="false"
:show-date="false"></select-patient-date>
<section>
<section v-for="(item, k) in state.recordList"
:key="k"
:i="item.setup = getSetup(item)">
<div class="record_item">
<div style="height: 50px;margin-right: 40px;padding: 8px 8px 0px;">
<div style="margin: 5px 0;">
<span style="color: var(--text-c);">申请时间：</span>{{ item.baBorrowOperDate }}
</div>
<div style="margin: 5px 0;">
<span style="color: var(--text-c);">申 请 人 ：</span>{{ item.baBorrowApplyName }}
</div>
</div>
<div style="padding: 0 8px 8px;">
<div><span style="color: var(--text-c);line-height: 20px;">住 院 号 ：</span>{{ item.zyNum }}</div>
<div><span style="color: var(--text-c);line-height: 20px;">用&emsp;&emsp;途：</span>{{ item.baBorrowUsetoName }}</div>
<!-- <div><span style="color: var(--text-c);line-height: 20px;">住院科室：</span>{{ item.deptName }}</div> -->
<div><span style="color: var(--text-c);line-height: 20px;">获取方式：</span>{{ item.baBorrowGetway === 0?'自提': item.baBorrowGetway === 1?'邮寄': ''}}</div>
<div><span style="color: var(--text-c);line-height: 20px;">联系电话：</span>{{ item.baBorrowPhone}}</div>
<div><span style="color: var(--text-c);line-height: 20px;">地&emsp;&emsp;址：</span>{{ item.baBorrowAddress }}</div>
<div><span style="color: var(--text-c);line-height: 20px;">备&emsp;&emsp;注：</span>{{ item.baBorrowNote }}</div>
<!-- <div><span style="color: var(--text-c);line-height: 20px;">页&emsp;&emsp;数：</span>{{ item.pages }}</div> -->
<!-- <van-steps :active="item.setup">
<van-step>申请</van-step>
<van-step>审核</van-step>
<van-step>复印成功</van-step>
<van-step>完成</van-step>
</van-steps> -->
</div>
<div style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<!-- <div v-if="item.baBorrowIsApproved"
style="flex: 1;text-align: center;line-height: 35px;background-color: var(--color-success);color: #fdfdfd;padding: 0 5px 5px;margin-right: 2px;"
@click="toPay(item)">
支&emsp;付
</div> -->
<!-- <div style="flex: 1;text-align: center;line-height: 35px;background-color: var(--color-primary);color: #fdfdfd;padding: 0 5px 5px;"
@click="onOpenDetail(item)">
详&emsp;情
</div> -->
</div>
<div v-if="item.baBorrowIsApproved === null || item.baBorrowIsApproved === undefined"
class="recipe_tag">待审核</div>
<div v-else-if="item.baBorrowIsApproved"
class="recipe_tag"
style="background-color: var(--color-primary);color: #fff;">已审核</div>
<div v-else-if="!item.baBorrowIsApproved"
class="recipe_tag"
style="background-color: var(--color-danger);color: #fff;">驳 回</div>
</div>
</section>
</section>
<van-popup v-model:show="state.show">
<div style="width: 82vw;max-height: 80vh;min-height: 300px;background-color: #fff;padding: 5px;">
<div style="padding: 5px 10px 8px;font-size: 15px;color: var(--text-a);text-align: center;">病案打印详情</div>
<div>
<van-steps :active="state.setup">
<van-step>申请</van-step>
<van-step>审核</van-step>
<van-step>复印成功</van-step>
<van-step>完成</van-step>
</van-steps>
</div>
</div>
</van-popup>
</div>
</template>
<script>
import { reactive, ref, watch } from 'vue'
import { useRoute, useRouter } from 'vue-helper'
import { axios } from 'axios'
import { store } from 'vue-helper'
export default {
name: 'history',
components: {
'select-patient-date': VueConfig.vueLoader('@/components/patient/select-patient-date.vue')
},
setup(props) {
const state = reactive({
recordList: [], // 历史记录
show: false, // 详情弹框
setup: 0
})
const mockData = [
{
id: 1,
ipsId: '123456789',
dx: '高血压',
ptId: '11111111',
ptName: '张三',
deptId: '0032',
deptName: '心血管医学中心',
ptIdcId: '111111111111111111',
phone: '15977775551',
applyerName: '',
applyerRel: '',
applyerRelId: '',
ptIdcImg1: '',
ptIdcImg2: '',
applyerIdcImg1: '',
applyerIdcImg2: '',
agreementLetterImg: '',
applyTime: '2023-06-01 12:12:00',
useway: '自用留存',
usewayId: 123,
getWay: '邮寄',
address: '云南省昆明市五华区荷塘月色8栋2单元102室',
expressInfo: '',
stateId: null,
noReviewNote: '',
pages: 15,
isPay: 0,
isPrint: 0,
statusId: null,
statusDate: null,
statusNote: ''
}
]
const patient = ref(null)
function getHistory() {
patient.value = store.getters.getPatient
if (!patient.value || (patient.value && !patient.value.patientId)) return vant.Toast.fail('患者参数缺失，无法查询翻拍记录！')
axios.RGet('wx/xbd/getMRHistory', {
patientId: patient.value.patientId,
}).then(response => {
if (response.code === 200) {
state.recordList = response.data
}
})
}
getHistory()
function onOpenDetail(item) {
// state.show = true
}
function toPay(item) {
}
function getSetup(item) {
if (!item.baBorrowOperDate) return 0
if (item.baBorrowIsApproved) return 1
if (item.baBorrowIsPrint) return 2
if (item.baBorrowIsPay) return 4
}
watch(() => store.getters.getPatient, () => {
getHistory()
})
return {
state,
onOpenDetail,
toPay,
getSetup
}
}
}
</script>
<style scoped>
.history {
}
.record_item {
margin: 5px;
border: 1px solid var(--border-a);
border-radius: 5px;
font-size: 13px;
position: relative;
overflow: hidden;
background-color: #fff;
}
.recipe_tag {
text-align: center;
position: absolute;
background-color: grey;
color: #fff;
width: 100px;
height: 18px;
line-height: 18px;
top: 10px;
right: -30px;
transform: rotate(45deg);
font-size: 13px;
}
.history >>> .van-popup--center {
border-radius: 5px;
}
</style>

110
src/views/medical-record/medical-record-history.vue
Unescape View File

@ -12,20 +12,20 @@
<div class="record_item">
<div style="height: 50px;margin-right: 40px;padding: 8px 8px 0px;">
<div style="margin: 5px 0;">
<span style="color: var(--text-c);">申请时间：</span>{{ item.baBorrowOperDate }}
<span style="color: var(--text-c);">申请时间：</span>{{ item.applyTime }}
</div>
<div style="margin: 5px 0;">
<span style="color: var(--text-c);">申 请 人 ：</span>{{ item.baBorrowApplyName }}
<span style="color: var(--text-c);">申 请 人 ：</span>{{ item.applyName }}
</div>
</div>
<div style="padding: 0 8px 8px;">
<div><span style="color: var(--text-c);line-height: 20px;">住 院 号 ：</span>{{ item.zyNum }}</div>
<div><span style="color: var(--text-c);line-height: 20px;">用&emsp;&emsp;途：</span>{{ item.baBorrowUsetoName }}</div>
<div><span style="color: var(--text-c);line-height: 20px;">住 院 号 ：</span>{{ item.treatId }}</div>
<div><span style="color: var(--text-c);line-height: 20px;">用&emsp;&emsp;途：</span>{{ item.use }}</div>
<!-- <div><span style="color: var(--text-c);line-height: 20px;">住院科室：</span>{{ item.deptName }}</div> -->
<div><span style="color: var(--text-c);line-height: 20px;">获取方式：</span>{{ item.baBorrowGetway === 0?'自提': item.baBorrowGetway === 1?'邮寄': ''}}</div>
<div><span style="color: var(--text-c);line-height: 20px;">联系电话：</span>{{ item.baBorrowPhone}}</div>
<div><span style="color: var(--text-c);line-height: 20px;">地&emsp;&emsp;址：</span>{{ item.baBorrowAddress }}</div>
<div><span style="color: var(--text-c);line-height: 20px;">备&emsp;&emsp;注：</span>{{ item.baBorrowNote }}</div>
<!-- <div><span style="color: var(--text-c);line-height: 20px;">获取方式：</span>{{ item.baBorrowGetway === 0?'自提': item.baBorrowGetway === 1?'邮寄': ''}}</div> -->
<div><span style="color: var(--text-c);line-height: 20px;">联系电话：</span>{{ item.phone}}</div>
<!-- <div><span style="color: var(--text-c);line-height: 20px;">地&emsp;&emsp;址：</span>{{ item.baBorrowAddress }}</div> -->
<!-- <div><span style="color: var(--text-c);line-height: 20px;">备&emsp;&emsp;注：</span>{{ item.baBorrowNote }}</div> -->
<!-- <div><span style="color: var(--text-c);line-height: 20px;">页&emsp;&emsp;数：</span>{{ item.pages }}</div> -->
<!-- <van-steps :active="item.setup">
<van-step>申请</van-step>
@ -33,6 +33,17 @@
<van-step>复印成功</van-step>
<van-step>完成</van-step>
</van-steps> -->
<div style="display: flex;">
<span style="color: var(--text-c);line-height: 20px;">图&emsp;&emsp;片：</span>
<div style="display: flex;flex-direction: row;justify-content: flex-start;color: var(--color-primary);">
<div v-if="item.idcardFront" style="margin-right: 14px;border-bottom: 1px solid var(--color-primary);"
@click="onImagePreview(item.idcardFront)">身份证正面</div>
<div v-if="item.idcardBack" style="margin-right: 14px;border-bottom: 1px solid var(--color-primary);"
@click="onImagePreview(item.idcardBack)">身份证背面</div>
<div v-if="item.inHospProve" style="border-bottom: 1px solid var(--color-primary);"
@click="onImagePreview(item.inHospProve)">住院证明</div>
</div>
</div>
</div>
<div style="display: flex;flex-direction: row;justify-content: space-between;align-items: center;">
<!-- <div v-if="item.baBorrowIsApproved"
@ -40,32 +51,39 @@
@click="toPay(item)">
支&emsp;付
</div> -->
<!-- <div style="flex: 1;text-align: center;line-height: 35px;background-color: var(--color-primary);color: #fdfdfd;padding: 0 5px 5px;"
@click="onOpenDetail(item)">
<!-- <div style="flex: 1;text-align: center;line-height: 35px;background-color: var(--color-primary);color: #fdfdfd;padding: 0 5px 5px;">
详&emsp;情
</div> -->
</div>
<div v-if="item.baBorrowIsApproved === null || item.baBorrowIsApproved === undefined"
<!-- <div v-if="item.baBorrowIsApproved === null || item.baBorrowIsApproved === undefined"
class="recipe_tag">待审核</div>
<div v-else-if="item.baBorrowIsApproved"
class="recipe_tag"
style="background-color: var(--color-primary);color: #fff;">已审核</div>
<div v-else-if="!item.baBorrowIsApproved"
class="recipe_tag"
style="background-color: var(--color-danger);color: #fff;">驳 回</div>
style="background-color: var(--color-danger);color: #fff;">驳 回</div> -->
</div>
</section>
</section>
<van-popup v-model:show="state.show">
<div style="width: 82vw;max-height: 80vh;min-height: 300px;background-color: #fff;padding: 5px;">
<div style="padding: 5px 10px 8px;font-size: 15px;color: var(--text-a);text-align: center;">病案打印详情</div>
<div>
<!-- <div>
<van-steps :active="state.setup">
<van-step>申请</van-step>
<van-step>审核</van-step>
<van-step>复印成功</van-step>
<van-step>完成</van-step>
</van-steps>
</div> -->
<div style="display: flex;flex-direction: row; flex-wrap: wrap;justify-content: flex-start;">
<van-image v-for="(img, index) in state.images"
:key="index"
:src="'data:image/png;base64,'+img"
style="width: 30%;border: 1px solid var(--border-b);margin-right: 5px;"></van-image>
</div>
</div>
</van-popup>
@ -88,63 +106,29 @@ export default {
const state = reactive({
recordList: [], // 历史记录
show: false, // 详情弹框
setup: 0
setup: 0,
images: []
})
const mockData = [
{
id: 1,
ipsId: '123456789',
dx: '高血压',
ptId: '11111111',
ptName: '张三',
deptId: '0032',
deptName: '心血管医学中心',
ptIdcId: '111111111111111111',
phone: '15977775551',
applyerName: '',
applyerRel: '',
applyerRelId: '',
ptIdcImg1: '',
ptIdcImg2: '',
applyerIdcImg1: '',
applyerIdcImg2: '',
agreementLetterImg: '',
applyTime: '2023-06-01 12:12:00',
useway: '自用留存',
usewayId: 123,
getWay: '邮寄',
address: '云南省昆明市五华区荷塘月色8栋2单元102室',
expressInfo: '',
stateId: null,
noReviewNote: '',
pages: 15,
isPay: 0,
isPrint: 0,
statusId: null,
statusDate: null,
statusNote: ''
}
]
const patient = ref(null)
/**
* 获取打印申请历史记录
*/
function getHistory() {
patient.value = store.getters.getPatient
if (!patient.value || (patient.value && !patient.value.patientId)) return vant.Toast.fail('患者参数缺失，无法查询翻拍记录！')
axios.RGet('wx/xbd/getMRHistory', {
axios.RGet('wx/record/listByPatientId', {
patientId: patient.value.patientId,
}).then(response => {
if (response.code === 200) {
state.recordList = response.data
} else {
vant.Toast.fial(response.message)
}
})
}
getHistory()
function onOpenDetail(item) {
// state.show = true
}
function toPay(item) {
}
@ -160,11 +144,23 @@ export default {
getHistory()
})
/**
* 图片预览
* @param {String} img 图片
*/
function onImagePreview(img) {
vant.ImagePreview({
images: [img.indexOf('data:image/') === -1 ? 'data:image/png;base64,' + img : img],
closeable: true,
})
}
return {
state,
onOpenDetail,
toPay,
getSetup
getSetup,
onImagePreview
}
}

Write Preview
Loading…
Cancel
Save