xiaoy
/
sishitongtang-crm
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

回访打印

Browse Source
master
xy 2 years ago
parent fb1e3cd847
commit 3a17c47217
1 changed files with 123 additions and 58 deletions
Show Stats Download Patch File Download Diff File

181
src/views/customer/component/longInsuranceDetail.vue
Unescape View File

@ -3,36 +3,48 @@
<Modal v-model="isShow" width="700" title="长护险回访"> <Modal v-model="isShow" width="700" title="长护险回访">
<table id="print-table"> <table id="print-table">
<thead style="border: none"> <thead style="border: none">
<tr style="visibility: hidden;"> <tr style="visibility: hidden">
<th class="border-none" style="width: calc(100% / 6)"></th> <th class="border-none" style="width: calc(100% / 6)"></th>
<th class="border-none" style="width: calc(100% / 6)"></th> <th class="border-none" style="width: calc(100% / 6)"></th>
<th class="border-none" style="width: calc(100% / 6)"></th> <th class="border-none" style="width: calc(100% / 6)"></th>
<th class="border-none" style="width: calc(100% / 6)"></th> <th class="border-none" style="width: calc(100% / 6)"></th>
<th class="border-none" style="width: calc(100% / 6)"></th> <th class="border-none" style="width: calc(100% / 6)"></th>
<th class="border-none" style="width: calc(100% / 6)"></th> <th class="border-none" style="width: calc(100% / 6)"></th>
</tr> </tr>
<tr> <tr>
<th colspan="6"> <th colspan="6">
<p style="font-size: 17px;letter-spacing: 1px;">四世同堂长护险居家服务满意度调查表</p> <p style="font-size: 17px; letter-spacing: 1px">
四世同堂长护险居家服务满意度调查表
</p>
</th> </th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td colspan="2"> <td colspan="2">
<span style="font-weight: 600;">服务对象名称：</span>{{ detail.customer ? detail.customer.name : "" }} <span style="font-weight: 600">服务对象名称：</span
>{{ detail.customer ? detail.customer.name : "" }}
</td>
<td colspan="4">
<span style="font-weight: 600">服务人员：</span>
</td> </td>
<td colspan="4"><span style="font-weight: 600;">服务人员：</span></td>
</tr> </tr>
<tr> <tr>
<td colspan="6"> <td colspan="6">
<span style="font-weight: 600;">服务对象住址：</span>{{ <span style="font-weight: 600">服务对象住址：</span
detail.customer ? detail.customer.idcard_address : "" >{{ detail.customer ? detail.customer.idcard_address : "" }}
}}
</td> </td>
</tr> </tr>
<tr> <tr>
<th rowspan="12" colspan="1" style="writing-mode: vertical-rl;text-align: center;letter-spacing: 2px;"> <th
rowspan="12"
colspan="1"
style="
writing-mode: vertical-rl;
text-align: center;
letter-spacing: 2px;
"
>
调查内容记录 调查内容记录
</th> </th>
<td colspan="5"> <td colspan="5">
@ -65,36 +77,75 @@
</tr> </tr>
<tr> <tr>
<td colspan="5" class="border-bottom-none"> <td colspan="5" class="border-bottom-none">
4.护理工具携带：护理包（{{ isMark('护理包',detail.tools) }}） 服务计划表（{{ isMark('服务计划表',detail.tools) }}） 4.护理工具携带：护理包（{{ isMark("护理包", detail.tools) }}）
服务计划表（{{ isMark("服务计划表", detail.tools) }}）
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="5" class="border-bottom-none"> <td colspan="5" class="border-bottom-none">
血压器（{{ isMark('血压器',detail.tools) }}） 理发器（{{ isMark('理发器',detail.tools) }}） 其他 <span style="border-bottom: 1px solid;">{{ otherVal(['护理包','服务计划表','血压器','理发器'],detail.tools) }}</span> 血压器（{{ isMark("血压器", detail.tools) }}） 理发器（{{
isMark("理发器", detail.tools)
}}） 其他
<span style="border-bottom: 1px solid">{{
otherVal(
["护理包", "服务计划表", "血压器", "理发器"],
detail.tools
)
}}</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="5" class="border-bottom-none"> <td colspan="5" class="border-bottom-none">
5.工作服（{{ isMark('工作服',detail.accessory) }}） 工作证（{{ isMark('工作证',detail.accessory) }}） 5.工作服（{{ isMark("工作服", detail.accessory) }}） 工作证（{{
isMark("工作证", detail.accessory)
}}）
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="5" class="border-bottom-none"> <td colspan="5" class="border-bottom-none">
6.服务内容：理发（{{ isMark('理发',detail.serve) }}） 整理（{{ isMark('整理',detail.serve) }}） 康复训练（{{ isMark('康复训练',detail.serve) }}） 6.服务内容：理发（{{ isMark("理发", detail.serve) }}） 整理（{{
isMark("整理", detail.serve)
}}） 康复训练（{{ isMark("康复训练", detail.serve) }}）
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="5" class="border-bottom-none"> <td colspan="5" class="border-bottom-none">
洗澡（{{ isMark('洗澡',detail.serve) }}） 按摩（{{ isMark('按摩',detail.serve) }}） 个人卫生清洁（{{ isMark('个人卫生清洁',detail.serve) }}） 洗澡（{{ isMark("洗澡", detail.serve) }}） 按摩（{{
isMark("按摩", detail.serve)
}}） 个人卫生清洁（{{ isMark("个人卫生清洁", detail.serve) }}）
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="5" class="border-bottom-none"> <td colspan="5" class="border-bottom-none">
协助指导（{{ isMark('协助指导',detail.serve) }}） 生活照料（{{ isMark('生活照料',detail.serve) }}） 其他 <span style="border-bottom: 1px solid;">{{ otherVal(['理发','整理','康复训练','洗澡','按摩','个人卫生清洁','协助指导','生活照料'],detail.serve) }}</span> 协助指导（{{ isMark("协助指导", detail.serve) }}） 生活照料（{{
isMark("生活照料", detail.serve)
}}） 其他
<span style="border-bottom: 1px solid">{{
otherVal(
[
"理发",
"整理",
"康复训练",
"洗澡",
"按摩",
"个人卫生清洁",
"协助指导",
"生活照料",
],
detail.serve
)
}}</span>
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="5">7.其他需求：陪诊（{{ isMark('陪诊',detail.other) }}） 康养（{{ isMark('康养',detail.other) }}） 陪护（{{ isMark('陪护',detail.other) }}）其他 <span style="border-bottom: 1px solid;">{{ otherVal(['陪诊','康养','陪护'],detail.other) }}</span></td> <td colspan="5">
7.其他需求：陪诊（{{ isMark("陪诊", detail.other) }}） 康养（{{
isMark("康养", detail.other)
}}） 陪护（{{ isMark("陪护", detail.other) }}）其他
<span style="border-bottom: 1px solid">{{
otherVal(["陪诊", "康养", "陪护"], detail.other)
}}</span>
</td>
</tr> </tr>
<tr> <tr>
<td colspan="5">8.建议：{{ detail.tip }}</td> <td colspan="5">8.建议：{{ detail.tip }}</td>
@ -102,37 +153,49 @@
<tr> <tr>
<th>服务对象/家属签字</th> <th>服务对象/家属签字</th>
<td colspan="5"> <td colspan="5">
<img <div style="position: relative; height: 100px">
style=" <img
height: 60px; style="
object-fit: contain; width: 100px;
transform: rotate(270deg); object-fit: contain;
" transform: rotate(270deg) translateY(-50px);
:src="detail.sign_image ? detail.sign_image.url : ''" position: absolute;
alt="" top: -50px;
/> transform-origin: center;
left: 50%;
"
:src="detail.sign_image ? detail.sign_image.url : ''"
alt=""
/>
</div>
</td> </td>
</tr> </tr>
<tr> <tr>
<th>调查人员签字</th> <th>调查人员签字</th>
<td colspan="5"> <td colspan="5">
<img <div style="position: relative; height: 100px">
style=" <img
height: 60px; style="
object-fit: contain; width: 100px;
transform: rotate(270deg); object-fit: contain;
" transform: rotate(270deg) translateY(-50px);
:src=" position: absolute;
detail.admin_sign_image ? detail.admin_sign_image.url : '' top: -50px;
" transform-origin: center;
alt="" left: 50%;
/> "
:src="
detail.admin_sign_image ? detail.admin_sign_image.url : ''
"
alt=""
/>
</div>
</td> </td>
</tr> </tr>
<tr> <tr>
<th>调查日期</th> <th>调查日期</th>
<td colspan="5"> <td colspan="5">
<div style="text-align: center;letter-spacing: 1px;"> <div style="text-align: center; letter-spacing: 1px">
{{ $moment(detail.created_at).format("YYYY年MM月DD日") }} {{ $moment(detail.created_at).format("YYYY年MM月DD日") }}
</div> </div>
</td> </td>
@ -214,31 +277,33 @@ th {
printWindow.document.write(table); printWindow.document.write(table);
printWindow.document.write("</body></html>"); printWindow.document.write("</body></html>");
printWindow.document.close(); printWindow.document.close();
let imgEl = printWindow.document.querySelectorAll('img') let imgEl = printWindow.document.querySelectorAll("img");
let temp = 0 let temp = 0;
imgEl.forEach(el => { imgEl.forEach((el) => {
el.addEventListener('load',_ => { el.addEventListener("load", (_) => {
temp++; temp++;
if(temp === imgEl.length) { if (temp === imgEl.length) {
printWindow.print(); printWindow.print();
} }
}) });
}) });
}, },
}, },
computed: { computed: {
isMark() { isMark() {
return function(markName,str) { return function (markName, str) {
let arr = str?.split('|') || [] let arr = str?.split("|") || [];
return arr.indexOf(markName) !== -1 ? "✓" : "" return arr.indexOf(markName) !== -1 ? "✓" : "";
} };
}, },
otherVal() { otherVal() {
return function (options, str) { return function (options, str) {
let arr = str?.split('|') || [] let arr = str?.split("|") || [];
return arr.filter(i => options.findIndex(j => j === i) === -1)[0] || " " return (
} arr.filter((i) => options.findIndex((j) => j === i) === -1)[0] || " "
} );
};
},
}, },
watch: { watch: {
isShow(newVal) { isShow(newVal) {

Write Preview
Loading…
Cancel
Save