From e8088fa2a92c7c8232d2527cc46d19f64ede5ca3 Mon Sep 17 00:00:00 2001 From: cwchen <1048842385@qq.com> Date: Thu, 23 Oct 2025 17:15:23 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=81=E4=B8=9A=E5=BA=93=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../child/AccountOpeningCertificateDetail.vue | 18 +++++-- .../components/child/BasicInfoDetail.vue | 17 +++++-- .../components/child/LegalPersonDetail.vue | 20 +++++--- .../enterpriseLibrary/enterprise/index.vue | 48 ++++++++++++++++++- 4 files changed, 85 insertions(+), 18 deletions(-) diff --git a/src/views/enterpriseLibrary/enterprise/components/child/AccountOpeningCertificateDetail.vue b/src/views/enterpriseLibrary/enterprise/components/child/AccountOpeningCertificateDetail.vue index f25fdfc..9d175ec 100644 --- a/src/views/enterpriseLibrary/enterprise/components/child/AccountOpeningCertificateDetail.vue +++ b/src/views/enterpriseLibrary/enterprise/components/child/AccountOpeningCertificateDetail.vue @@ -10,7 +10,7 @@
开户许可证
- +
@@ -114,11 +114,19 @@ export default { line-height: 1.5; .license-image { - max-width: 200px; - max-height: 120px; - border-radius: 6px; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + width: 350px; + height: 220px; + display: block; + margin: 0 auto; + border-radius: 8px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); object-fit: cover; + cursor: pointer; + transition: transform 0.3s ease; + + &:hover { + transform: scale(1.02); + } } } } diff --git a/src/views/enterpriseLibrary/enterprise/components/child/BasicInfoDetail.vue b/src/views/enterpriseLibrary/enterprise/components/child/BasicInfoDetail.vue index c4f6609..f2c4100 100644 --- a/src/views/enterpriseLibrary/enterprise/components/child/BasicInfoDetail.vue +++ b/src/views/enterpriseLibrary/enterprise/components/child/BasicInfoDetail.vue @@ -10,7 +10,7 @@
营业执照
- +
@@ -150,12 +150,19 @@ export default { line-height: 1.5; .license-image { - max-width: 200px; - max-height: 120px; - border-radius: 6px; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + width: 350px; + height: 220px; + display: block; + margin: 0 auto; + border-radius: 8px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); object-fit: cover; cursor: pointer; + transition: transform 0.3s ease; + + &:hover { + transform: scale(1.02); + } } } } diff --git a/src/views/enterpriseLibrary/enterprise/components/child/LegalPersonDetail.vue b/src/views/enterpriseLibrary/enterprise/components/child/LegalPersonDetail.vue index 250d1a9..be40833 100644 --- a/src/views/enterpriseLibrary/enterprise/components/child/LegalPersonDetail.vue +++ b/src/views/enterpriseLibrary/enterprise/components/child/LegalPersonDetail.vue @@ -10,7 +10,7 @@
身份证人像面
- +
@@ -18,7 +18,7 @@
身份证国徽面
- +
@@ -145,11 +145,19 @@ export default { line-height: 1.5; .license-image { - max-width: 200px; - max-height: 120px; - border-radius: 6px; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + width: 350px; + height: 220px; + display: block; + margin: 0 auto; + border-radius: 8px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); object-fit: cover; + cursor: pointer; + transition: transform 0.3s ease; + + &:hover { + transform: scale(1.02); + } } } } diff --git a/src/views/enterpriseLibrary/enterprise/index.vue b/src/views/enterpriseLibrary/enterprise/index.vue index f44abf7..e769946 100644 --- a/src/views/enterpriseLibrary/enterprise/index.vue +++ b/src/views/enterpriseLibrary/enterprise/index.vue @@ -90,7 +90,7 @@ 编辑 编辑 -
+
删除 删除
@@ -114,7 +114,7 @@ import EnterpriseDetail from '@/assets/enterpriseLibrary/enterprise/enterprise-d import EnterpriseEdit from '@/assets/enterpriseLibrary/enterprise/enterprise-edit.png'; import EnterpriseDelete from '@/assets/enterpriseLibrary/enterprise/enterprise-delete.png'; import { encryptWithSM4 } from '@/utils/sm' -import { listAPI } from '@/api/enterpriseLibrary/enterprise/enterprise' +import { listAPI, delAPI } from '@/api/enterpriseLibrary/enterprise/enterprise' export default { name: 'Enterprise', components: { @@ -185,6 +185,27 @@ export default { } }) }, + // 删除企业 + handleDel(item){ + this.$confirm(`确定要删除企业"${item.enterpriseName}"吗？删除后将无法恢复！`, '操作提示', { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning', + dangerouslyUseHTMLString: true, + customClass: 'delete-confirm-dialog' + }).then(() => { + delAPI({enterpriseId: item.enterpriseId}).then(res => { + if(res.code === 200){ + this.$message.success('删除成功'); + this.getList(); + } else { + this.$message.error(res.msg || '删除失败'); + } + }).catch(error => { + console.error('删除失败:', error); + }); + }) + }, // 详情 handleDetail(enterprise){ this.$router.push({ @@ -611,4 +632,27 @@ export default { } } } + +// 删除确认对话框样式 +::v-deep .delete-confirm-dialog { + .el-message-box__title { + color: #ff4d4f; + font-weight: 600; + } + + .el-message-box__content { + color: #666; + font-size: 14px; + } + + .el-button--primary { + background-color: #ff4d4f; + border-color: #ff4d4f; + + &:hover { + background-color: #ff7875; + border-color: #ff7875; + } + } +}