Song/xkrs_ms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

图片预览

Browse Source
This commit is contained in:
huangdeliang 2021-03-23 15:07:00 +08:00
parent 424b98ad57
commit 2159605a3b
2 changed files with 222 additions and 264 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
stdiet-ui/src/components/HealthyView/index.vue
View File

@ -36,13 +36,15 @@
/>
<div v-else>
<span :style="{ color: '#8c8c8c' }">{{ con.title }}:</span>
<el-button
v-if="data[con.value]"
type="text"
size="mini"
@click="handleOnPreviewClick(data[con.value])"
>查看</el-button
>
<el-image
title="点击大图预览"
fit="contain"
style="width: auto; height: 80px"
:src="`${window.location.origin}${data[con.value]}`"
:preview-src-list="[
`${window.location.origin}${data[con.value]}`,
]"
/>
</div>
</div>
</el-collapse-item>
@ -63,17 +65,6 @@
<el-button @click="onClosed">取 消</el-button>
</div>
</el-dialog>
<!-- 预览弹窗 -->
<el-dialog
:visible.sync="previewVisible"
title="体检报告"
class="preview_dialog_wrapper"
>
<div class="preview_content">
<img :src="previewUrl" alt="" class="preview_img" />
</div>
</el-dialog>
</div>
</template>
<script>
@ -125,8 +116,6 @@ export default {
return {
open: false,
previewVisible: false,
previewUrl: "",
basicInfo,
healthyInvestigate: [
{
@ -268,10 +257,6 @@ export default {
}
});
},
handleOnPreviewClick(url) {
this.previewVisible = true;
this.previewUrl = `${window.location.origin}${url}`;
},
},
};
</script>

91
stdiet-ui/src/components/PhysicalSignsDialog/index.vue
View File

@ -1,5 +1,4 @@
<template>
<div>
<el-dialog
:visible.sync="visible"
:title="title"
@ -130,20 +129,16 @@
</el-table-column>
<el-table-column prop="value_one">
<template slot-scope="scope">
<!-- <auto-hide-message
:data="
scope.row.value_one == null
? ''
: scope.row.value_one + ''
"
:maxLength="20"
/> -->
<el-button
type="text"
v-show="scope.row.value_one"
@click="downloadFile(medicalReportPathArray[0])"
>查看</el-button
>
<el-image
v-if="scope.row.value_one"
title="点击大图预览"
style="width: auto; height: 80px"
fit="contain"
:src="`${window.location.origin}${medicalReportPathArray[0]}`"
:preview-src-list="[
`${window.location.origin}${medicalReportPathArray[0]}`,
]"
/>
</template>
</el-table-column>
<el-table-column
@ -152,20 +147,16 @@
></el-table-column>
<el-table-column prop="value_two">
<template slot-scope="scope">
<!-- <auto-hide-message
:data="
scope.row.value_two == null
? ''
: scope.row.value_two + ''
"
:maxLength="20"
/> -->
<el-button
type="text"
v-show="scope.row.value_two"
@click="downloadFile(medicalReportPathArray[1])"
>查看</el-button
>
<el-image
v-if="scope.row.value_two"
title="点击大图预览"
fit="contain"
style="width: auto; height: 80px"
:src="`${window.location.origin}${medicalReportPathArray[1]}`"
:preview-src-list="[
`${window.location.origin}${medicalReportPathArray[1]}`,
]"
/>
</template>
</el-table-column>
<el-table-column
@ -174,20 +165,16 @@
></el-table-column>
<el-table-column prop="value_three">
<template slot-scope="scope">
<!-- <auto-hide-message
:data="
scope.row.value_three == null
? ''
: scope.row.value_three + ''
"
:maxLength="20"
/> -->
<el-button
type="text"
v-show="scope.row.value_three"
@click="downloadFile(medicalReportPathArray[2])"
>查看</el-button
>
<el-image
v-if="scope.row.value_two"
title="点击大图预览"
fit="contain"
style="width: auto; height: 80px"
:src="`${window.location.origin}${medicalReportPathArray[3]}`"
:preview-src-list="[
`${window.location.origin}${medicalReportPathArray[3]}`,
]"
/>
</template>
</el-table-column>
</el-table>
@ -241,18 +228,6 @@
@refreshHealthyData="getCustomerHealthyByCusId()"
></physicalSigns-remark>
</el-dialog>
<!-- 预览弹窗 -->
<el-dialog
:visible.sync="previewVisible"
title="体检报告"
class="preview_dialog_wrapper"
>
<div class="preview_content">
<img :src="previewUrl" alt="" class="preview_img" />
</div>
</el-dialog>
</div>
</template>
<script>
import {
@ -282,8 +257,6 @@ export default {
data() {
return {
logo,
previewVisible: false,
previewUrl: "",
visible: false,
showFlag: false,
title: "",
@ -796,8 +769,8 @@ export default {
},
downloadFile(fileName) {
// this.downloadResource(fileName);
this.previewVisible = true;
this.previewUrl = `${window.location.origin}${fileName}`;
// this.previewVisible = true;
// this.previewUrl = `${window.location.origin}${fileName}`;
},
generateReport() {
let data = this.detailHealthy;