修改

gerson

2025-02-18 e28f6aedb72195e7b590f488bbbae276f0e73b52

 src/views/EecLabel.vue

@@ -6,11 +6,11 @@
      <div class="flag-search-content">
         <el-card class="w100 h100" shadow="never">
            <el-form
               style="height: 56px; flex-shrink: 0"
               style="height: 56px; flex-shrink: 0; display: flex"
               :model="state.m_formData"
               ref="ruleFormRef"
               :inline="true"
               label-width="100px"
               label-width="80px"
               class="demo-ruleForm"
            >
               <el-form-item label="产品类型" prop="ProductType">
@@ -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">
@@ -201,7 +204,6 @@
import { ElMessage, ElTable, ElTableColumn, ElPagination, ElForm, ElFormItem, ElDialog } from 'element-plus';
import { useRoute, useRouter } from 'vue-router';
import axios from 'axios';
import { el } from 'element-plus/es/locale';
const route = useRoute();
const router = useRouter();
const dialogVisible = ref(false);
@@ -218,7 +220,7 @@

   m_paginationConfig: {
      currentPage: 1,
      pageSize: 10,
      pageSize: 20,
   },
   m_detailDialogInfo: {
      PhysicalPicturePath: '',
@@ -325,11 +327,18 @@
   initData();
};
const clickDetail = (row: any) => {
   dialogVisible.value = true;
   state.m_detailDialogInfo = row;
   // 找到当前点击的产品
   const currentProduct = state.m_dispTableData.find((item) => item.id === row.id);
   if (currentProduct) {
      // 保存产品信息到localStorage
      localStorage.setItem('currentProduct', JSON.stringify(currentProduct));
   }
   router.push(`/product/${currentProduct.Id}`);

};
const clickDetailCertifcate = (row: any) => {
    state.m_detailDialogInfo = row;
   state.m_detailDialogInfo = row;
   dialogVisibleCertifcate.value = true;
};
const resertForm = () => {
@@ -394,7 +403,7 @@
}

.w-180-px {
   width: 180px;
   width: 10rem;
}

.table-detail-span {
@@ -414,6 +423,29 @@
   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-form--inline .el-form-item) {
   margin-right: 0.75rem;
}
:deep(.el-card) {
   width: 100%;
}