|
@@ -105,11 +105,7 @@
|
|
|
:size="size"
|
|
|
border
|
|
|
>
|
|
|
- <!-- <el-descriptions-item label="标本ID:" label-align="right" >{{ outboundData.infoId }}</el-descriptions-item>-->
|
|
|
- <!-- <el-descriptions-item label="标本编号" label-align="right">{{-->
|
|
|
- <!-- outboundData.number-->
|
|
|
- <!-- }}-->
|
|
|
- <!-- </el-descriptions-item>-->
|
|
|
+
|
|
|
<el-descriptions-item
|
|
|
:rowspan="4"
|
|
|
:width="140"
|
|
@@ -117,21 +113,67 @@
|
|
|
align="center"
|
|
|
label-class-name="my-label"
|
|
|
class-name="my-content"
|
|
|
- ><div class="demo-image__preview" v-if="outboundData" >
|
|
|
-
|
|
|
+ >
|
|
|
+ <div v-if="outboundData.attachments && outboundData.attachments.type && outboundData.attachments.type.includes('image')" class="image-container">
|
|
|
<el-image
|
|
|
- style="width: 40px; height:40px;margin-right: 5px"
|
|
|
class="h-80px w-80px"
|
|
|
lazy
|
|
|
:src="outboundData.attachments"
|
|
|
- :preview-src-list="outboundData.attachments"
|
|
|
+ :preview-src-list="outboundData.attachments ? [outboundData.attachments] : []"
|
|
|
preview-teleported
|
|
|
fit="cover"
|
|
|
-
|
|
|
-
|
|
|
/>
|
|
|
-
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <el-link
|
|
|
+ v-else-if="outboundData.attachments"
|
|
|
+ type="primary"
|
|
|
+ :href="outboundData.attachments"
|
|
|
+ :underline="false"
|
|
|
+ target="_blank"
|
|
|
+ >下载</el-link>
|
|
|
+
|
|
|
+<!-- <div v-if="outboundData.attachments && outboundData.attachments.type('image')" class="image-container">-->
|
|
|
+<!-- <el-image-->
|
|
|
+<!-- class="h-80px w-80px"-->
|
|
|
+<!-- lazy-->
|
|
|
+<!-- :src="outboundData.attachments.url"-->
|
|
|
+<!-- :preview-src-list="[attachments]"-->
|
|
|
+<!-- preview-teleported-->
|
|
|
+<!-- fit="cover"-->
|
|
|
+<!-- />-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <el-link-->
|
|
|
+<!-- v-else-if="outboundData.attachments && outboundData.attachments.type.includes('pdf')"-->
|
|
|
+<!-- type="primary"-->
|
|
|
+<!-- :href="outboundData.attachments"-->
|
|
|
+<!-- :underline="false"-->
|
|
|
+<!-- target="_blank"-->
|
|
|
+<!-- >预览</el-link>-->
|
|
|
+<!-- <el-link-->
|
|
|
+<!-- v-else-->
|
|
|
+<!-- type="primary"-->
|
|
|
+<!-- download-->
|
|
|
+<!-- :href="outboundData.attachments"-->
|
|
|
+<!-- :underline="false"-->
|
|
|
+<!-- target="_blank"-->
|
|
|
+<!-- >下载</el-link>-->
|
|
|
+
|
|
|
+
|
|
|
+ <!-- <div class="demo-image__preview" v-if="outboundData" >-->
|
|
|
+
|
|
|
+ <!-- <el-image-->
|
|
|
+ <!-- style="width: 40px; height:40px;margin-right: 5px"-->
|
|
|
+ <!-- class="h-80px w-80px"-->
|
|
|
+ <!-- lazy-->
|
|
|
+ <!-- :src="outboundData.attachments"-->
|
|
|
+ <!-- :preview-src-list="outboundData.attachments"-->
|
|
|
+ <!-- preview-teleported-->
|
|
|
+ <!-- fit="cover"-->
|
|
|
+
|
|
|
+
|
|
|
+ <!-- />-->
|
|
|
+
|
|
|
+ <!-- </div>-->
|
|
|
|
|
|
</el-descriptions-item>
|
|
|
<el-descriptions-item
|
|
@@ -143,18 +185,34 @@
|
|
|
class-name="my-content"
|
|
|
><div class="demo-image__preview" v-if="outboundData" >
|
|
|
|
|
|
- <el-image
|
|
|
- style="width: 40px; height:40px;margin-right: 5px"
|
|
|
- class="h-80px w-80px"
|
|
|
- lazy
|
|
|
- :src="outboundData.sampleStatus"
|
|
|
- :preview-src-list="outboundData.sampleStatus"
|
|
|
- preview-teleported
|
|
|
- fit="cover"
|
|
|
-
|
|
|
+<!-- <el-image-->
|
|
|
+<!-- style="width: 40px; height:40px;margin-right: 5px"-->
|
|
|
+<!-- class="h-80px w-80px"-->
|
|
|
+<!-- lazy-->
|
|
|
+<!-- :src="outboundData.sampleStatus"-->
|
|
|
+<!-- :preview-src-list="outboundData.sampleStatus"-->
|
|
|
+<!-- preview-teleported-->
|
|
|
+<!-- fit="cover"-->
|
|
|
|
|
|
- />
|
|
|
|
|
|
+<!-- />-->
|
|
|
+ <div v-if="outboundData.sampleStatus && outboundData.sampleStatus.type && outboundData.sampleStatus.type.includes('image')" class="image-container">
|
|
|
+ <el-image
|
|
|
+ class="h-80px w-80px"
|
|
|
+ lazy
|
|
|
+ :src="outboundData.sampleStatus"
|
|
|
+ :preview-src-list="outboundData.sampleStatus ? [outboundData.sampleStatus] : []"
|
|
|
+ preview-teleported
|
|
|
+ fit="cover"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <el-link
|
|
|
+ v-else-if="outboundData.sampleStatus"
|
|
|
+ type="primary"
|
|
|
+ :href="outboundData.sampleStatus"
|
|
|
+ :underline="false"
|
|
|
+ target="_blank"
|
|
|
+ >下载</el-link>
|
|
|
</div>
|
|
|
|
|
|
</el-descriptions-item>
|
|
@@ -168,14 +226,14 @@
|
|
|
|
|
|
|
|
|
<el-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24" >
|
|
|
+ <!-- 列表 -->
|
|
|
+
|
|
|
<el-card>
|
|
|
<template #header>
|
|
|
<div class="card-header" style="text-align: center">
|
|
|
<h1 class="text1">标本信息</h1>
|
|
|
</div>
|
|
|
</template>
|
|
|
-
|
|
|
-
|
|
|
<el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" >
|
|
|
<el-table-column label="标本编号" align="center" prop="specimenNumber" />
|
|
|
<el-table-column label="中文名称" align="center" prop="chineseName" />
|
|
@@ -193,10 +251,10 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="标本图片" align="center" prop="url" >
|
|
|
<template #default="{ row }">
|
|
|
- <div class="demo-image__preview" v-if="queryParams" >
|
|
|
+ <div class="demo-image__preview" v-if="pageParams" >
|
|
|
<block v-for="(image, index) in row.imagePath" :key="index">
|
|
|
<el-image
|
|
|
-
|
|
|
+ style="width: 40px; height:40px;margin-right: 5px"
|
|
|
class="image-class"
|
|
|
lazy
|
|
|
:src="image"
|
|
@@ -211,12 +269,12 @@
|
|
|
<!-- 分页 -->
|
|
|
<Pagination
|
|
|
:total="total"
|
|
|
- v-model:page="queryParams.pageNo"
|
|
|
- v-model:limit="queryParams.pageSize"
|
|
|
+ v-model:page="pageParams.pageNo"
|
|
|
+ v-model:limit="pageParams.pageSize"
|
|
|
@pagination="getList"
|
|
|
/>
|
|
|
-
|
|
|
</el-card>
|
|
|
+
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-skeleton>
|
|
@@ -237,7 +295,7 @@ const list = ref<SpecimenOutboundVO[]>([]) // 列表的数据
|
|
|
const total = ref(0) // 列表的总页数
|
|
|
|
|
|
let outboundData = ref(null); // 初始化响应式数据
|
|
|
-const queryParams = reactive({
|
|
|
+const pageParams = reactive({
|
|
|
pageNo: 1,
|
|
|
pageSize: 10,
|
|
|
id: query.dataId,
|
|
@@ -254,10 +312,12 @@ const queryParams = reactive({
|
|
|
const getList = async () => {
|
|
|
loading.value = true
|
|
|
try {
|
|
|
- const data = await SpecimenOutboundApi.getSpecimenOutboundDetailsPage(queryParams)
|
|
|
- console.log(data)
|
|
|
- list.value = data.list
|
|
|
- total.value = data.total
|
|
|
+ const id = query.dataId as unknown as number
|
|
|
+
|
|
|
+ const data = await SpecimenOutboundApi.getSpecimenOutboundDetailsPage(id,pageParams)
|
|
|
+ console.log('t27348932',data)
|
|
|
+ list.value = data.specimenInfoList.list
|
|
|
+ total.value = data.specimenInfoList.total
|
|
|
} finally {
|
|
|
loading.value = false
|
|
|
}
|