From ef9f19192df89a5ec2dea8425d0fac0fd7eff6e6 Mon Sep 17 00:00:00 2001
From: zhouwx <1175765986@qq.com>
Date: Mon, 17 Mar 2025 16:25:50 +0800
Subject: [PATCH] 接口对接
---
src/views/templateManage/components/templateDialog.vue | 28 ++++++++++++++++++++++++----
1 files changed, 24 insertions(+), 4 deletions(-)
diff --git a/src/views/templateManage/components/templateDialog.vue b/src/views/templateManage/components/templateDialog.vue
index a1f70b9..de7e3c9 100644
--- a/src/views/templateManage/components/templateDialog.vue
+++ b/src/views/templateManage/components/templateDialog.vue
@@ -58,9 +58,14 @@
</el-form-item>
</el-col>
</el-row>
- <el-form-item label="签署效果预览:" style="display: flex;flex-direction: column;align-items: flex-start">
- <div style="width: 500px;height: 100px;margin-left: 50px">
-
+ <el-form-item label="签署效果预览:" style="display: flex;flex-direction: column;align-items: flex-start;width: 100%">
+ <div style="width: 100%;height: auto;margin-left: 50px">
+ <iframe
+ :src="state.iframeSrc"
+ width="100%"
+ height="750px"
+ class="custom-iframe"
+ ></iframe>
</div>
</el-form-item>
</el-form>
@@ -103,6 +108,7 @@
header: {
Authorization: getToken()
},
+ iframeSrc: '',
deptName: '',
typeList: [],
limit: 1,
@@ -126,6 +132,8 @@
url : import.meta.env.VITE_APP_BASE_API + state.form.filePath
}
state.form.fileList = [obj]
+ state.iframeSrc = import.meta.env.VITE_APP_BASE_API + state.form.filePath
+ console.log('xx',state.iframeSrc)
}else {
state.form.fileList = []
}
@@ -204,8 +212,10 @@
typeId:null,
deptId: null,
filePath: '',
- fileList: []
+ fileList: [],
+
}
+ state.iframeSrc = ''
}
const handleRemove = (file) => {
@@ -213,6 +223,7 @@
const newFileList = state.form.fileList.slice()
newFileList.splice(index, 1)
state.form.fileList = newFileList;
+ state.iframeSrc = ''
}
const f = ref()
const handleChange = (file,fileList) => {
@@ -231,6 +242,7 @@
// message: '文件上传成功'
// })
state.form.filePath = res.fileName
+ state.iframeSrc = import.meta.env.VITE_APP_BASE_API + state.form.filePath
}else {
state.form.fileList = []
ElMessage({
@@ -250,10 +262,18 @@
:deep(.el-form .el-form-item__label) {
font-size: 15px;
}
+ :deep(.el-form-item__content) {
+ width: 100%;
+ }
.file {
display: flex;
flex-direction: column;
align-items: flex-start;
}
+ .custom-iframe {
+ border: 1px solid #9b9999;
+ /* 隐藏原生滚动条 */
+ overflow: hidden;
+ }
}
</style>
--
Gitblit v1.9.2