优化

wwf

18 小时以前 38712ae83223cb244020e255fc37e1ce35775c45

 src/views/h5/verify/form.vue

@@ -1,5 +1,5 @@
<template>
  <div v-if="pdfUrl">
  <div>
    <el-row class="p-3 m-0" justify="space-between" align="middle">
      <el-col :span="4"></el-col>
      <el-col :span="16">
@@ -24,10 +24,11 @@
    </el-row>
    
    <el-divider class="m-0" style="flex-shrink: 0;"></el-divider>
    <el-scrollbar :height="`${mainHeight}px`" class="p-2 m-0 mt-1" >
    <el-scrollbar :height="`${mainHeight}px`" class="p-2 m-0 mt-1" min-size="none">
      <div v-if="pdfUrl" :style="{width: '100%', height: `${mainHeight - 100}px`}">
        <PdfPreview v-if="pdfUrl" :url="pdfUrl"></PdfPreview>
      </div>
      <el-text v-if="pdfUrlError" class="ml-2 text-info">考点申报文件加载失败...</el-text>
      <div class="p-2 my-4">
        <el-form ref="verifyForm" :model="form">
          <el-form-item label="*以上申报内容是否属实" prop="isVerified">
@@ -54,7 +55,13 @@
          </el-form-item>
          <el-row><el-text>*现场工作照片</el-text></el-row>
          <el-row>
            <UploadBtn v-model="form.image" :disabled="isVerified" :accept="['pdf', 'jpg']" :limitFileCount="10" listType="picture-card"></UploadBtn>
            <UploadBtn 
              v-model="form.image" 
              :disabled="isVerified" 
              :accept="['pdf', 'jpg']" 
              :limitFileCount="10" 
              listType="picture-card"
            ></UploadBtn>
          </el-row>
          
          <Signature v-model="form.signatureUrl" :disabled="isVerified" :isRequire="true"></Signature>
@@ -65,7 +72,15 @@
            type="primary" size="large" 
            class="my-7" style="width: 100%;"
            :loading="submitLoading"
          >提交核验结果</el-button>
          >提交核验结果
          </el-button>
          <el-button
            v-if="isVerified"
            disabled
            type="primary" size="large" 
            class="my-7" style="width: 100%;"
          >核验结果已提交
          </el-button>
        </el-form>
      </div>
    </el-scrollbar>
@@ -102,7 +117,8 @@
      },
      isVerified: false,
      saveLoading: false,
      submitLoading: false
      submitLoading: false,
      pdfUrlError: false
    }
  },
  computed: {
@@ -125,7 +141,7 @@
      this.$axios.get('/exam/verify-record/get-by-application-id', { params }).then(res => {
        if (res.data.code == 0) {
          const resData = res.data.data || {}
          this.pdfUrl = this.$qxueyou.qxyRes + resData.examSiteVerifyFile
          this.pdfUrl = resData.examSiteVerifyFile ? this.$qxueyou.qxyRes + resData.examSiteVerifyFile : ''
          this.title = resData.organizationName + '-' + resData.examSite.siteName + '考点核验'
          if (resData.id) {
            this.form.isContentTrue  = resData.isContentTrue
@@ -137,6 +153,9 @@
            this.form.signatureUrl = resData.signatureUrl
            this.isVerified = resData.isVerified
          }
          if (!this.pdfUrl) {
            this.pdfUrlError = false
          }
        } else {
          this.$message.error('获取核验信息失败')
        }