修改查看证书

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%;
}

 src/views/IndustrialSoftware.vue

@@ -167,7 +167,8 @@
                                            fill="#1989FA"
                                            p-id="34746"
                                            class="icon-path"
                                        ></path></svg>证书
                                        ></path></svg
                                    >证书
                                </div>
                            </div>
                        </div>
@@ -192,9 +193,12 @@
            </div>
        </div>

        <el-dialog v-model="dialogVisibleCertifcate" title="" align-center fullscreen>
        <el-dialog v-model="dialogVisibleCertifcate" title="" :show-close="false" align-center fullscreen>
            <div class="h-full flex justify-center">
                <img :src="m_curCertificatePath" />
                <div style="position: relative">
                    <img :src="m_curCertificatePath" />
                    <span @click="dialogVisibleCertifcate = false" class="close-icon-style"> × </span>
                </div>
            </div>
            <template #footer>
                <div class="dialog-footer">
@@ -513,7 +517,7 @@
    color: #fff;
    cursor: pointer;

    .icon-path{
    .icon-path {
        fill: #fff;
    }
}
@@ -642,6 +646,26 @@
    width: 16px;
    height: 16px;
}

.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-button--default) {
    --el-button-bg-color: transparent;
    --el-button-border-color: transparent;