接口对接

zhouwx

2025-03-17 ef9f19192df89a5ec2dea8425d0fac0fd7eff6e6

 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>