|
|
@@ -2,7 +2,6 @@
|
|
|
import apis from "@a"
|
|
|
import dayjs from "dayjs"
|
|
|
import ChickenModal from "@v/common/modal/chickenModal.vue"
|
|
|
-import vueQr from "vue-qr/src/packages/vue-qr.vue"
|
|
|
import type { ToolBtn } from "@@@/table/models"
|
|
|
import EDetail from "../experiment/_detail.vue"
|
|
|
|
|
|
@@ -349,7 +348,8 @@ const qrModalData = ref()
|
|
|
const qrCode = ref({
|
|
|
logo: "/media/logo.png",
|
|
|
size: 300,
|
|
|
- colorDark: "#0e9489",
|
|
|
+ // colorDark: "#0e9489",
|
|
|
+ colorDark: "#000000",
|
|
|
text: ""
|
|
|
})
|
|
|
function handleQrCode(row) {
|
|
|
@@ -574,14 +574,13 @@ function handlePreviewPdf(file: string) {
|
|
|
id="qr"
|
|
|
class="w-100 w-100 d-flex flex-column justify-content-center align-items-center">
|
|
|
<span class="fs-5 fw-bold my-5 qr-title">{{ qrModalData?.sampleName }} 样品二维码</span>
|
|
|
- <vue-qr
|
|
|
+ <Vue3NextQrcode
|
|
|
:text="qrCode.text"
|
|
|
- :size="200"
|
|
|
- :logoSrc="qrCode.logo"
|
|
|
- :logoCornerRadius="`50%`"
|
|
|
+ :size="qrCode.size"
|
|
|
:color-dark="qrCode.colorDark"
|
|
|
- :width="qrCode.size"
|
|
|
- :height="qrCode.size"></vue-qr>
|
|
|
+ :logo-image="qrCode.logo"
|
|
|
+ :logo-scale="0.2"
|
|
|
+ :margin="20" />
|
|
|
</div>
|
|
|
<div class="text-center">
|
|
|
<el-button type="primary" class="mx-5 w-150px" @click="handleDownloadQr('qr')">
|