修改查看证书

tanghaolin

2025-02-14 8775f9f881574e8cd22e9b44a14c30711097d1fe

 src/views/EecLabel.vue

@@ -47,7 +47,7 @@
                  :data="state.m_dispTableData"
                  style="width: 100%"
                  border
                        :height="470"
                  :height="910"
                  header-cell-class-name="table-header-cell-style"
               >
                  <el-table-column prop="TableIndex" label="序号" align="center" width="60"> </el-table-column>
@@ -183,9 +183,12 @@
         </template>
      </el-dialog>

      <el-dialog v-model="dialogVisibleCertifcate" title=""  align-center fullscreen>
         <div class=" h-full flex justify-center">
            <img :src="state.m_detailDialogInfo.CertificatePath" />
      <el-dialog v-model="dialogVisibleCertifcate" title="" :show-close="false" align-center fullscreen>
         <div class="h-full flex justify-center">
            <div style="position: relative">
               <img :src="state.m_detailDialogInfo.CertificatePath" />
               <span @click="dialogVisibleCertifcate = false" class="close-icon-style"> × </span>
            </div>
         </div>
         <template #footer>
            <div class="dialog-footer">
@@ -218,7 +221,7 @@

   m_paginationConfig: {
      currentPage: 1,
      pageSize: 10,
      pageSize: 20,
   },
   m_detailDialogInfo: {
      PhysicalPicturePath: '',
@@ -329,7 +332,7 @@
   state.m_detailDialogInfo = row;
};
const clickDetailCertifcate = (row: any) => {
    state.m_detailDialogInfo = row;
   state.m_detailDialogInfo = row;
   dialogVisibleCertifcate.value = true;
};
const resertForm = () => {
@@ -414,6 +417,26 @@
   width: 14px;
   height: 14px;
}

.close-icon-style {
   position: absolute;
   right: -15px;
   top: -15px;
   font-size: 30px;
   background-color: #196dd938;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   color: #196dd9;
   &:hover {
      color: #fff;
      background-color: #196dd9;
   }
}
:deep(.el-card) {
   width: 100%;
}