企业库提交

This commit is contained in:
cwchen 2025-10-23 17:15:23 +08:00
parent 244a9d2c8b
commit e8088fa2a9
4 changed files with 85 additions and 18 deletions

View File

@ -10,7 +10,7 @@
<div class="detail-item">
<div class="item-label">开户许可证</div>
<div class="item-value">
<el-image :src="form.url" class="license-image">
<el-image :src="form.url" :preview-src-list="[form.url]" class="license-image">
</el-image>
</div>
</div>
@ -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);
}
}
}
}

View File

@ -10,7 +10,7 @@
<div class="detail-item">
<div class="item-label">营业执照</div>
<div class="item-value">
<el-image :src="form.url" class="license-image"></el-image>
<el-image :src="form.url" :preview-src-list="[form.url]" class="license-image"></el-image>
</div>
</div>
@ -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);
}
}
}
}

View File

@ -10,7 +10,7 @@
<div class="detail-item">
<div class="item-label">身份证人像面</div>
<div class="item-value">
<el-image :src="form.url" class="license-image">
<el-image :src="form.url" :preview-src-list="[form.url]" class="license-image">
</el-image>
</div>
</div>
@ -18,7 +18,7 @@
<div class="detail-item">
<div class="item-label">身份证国徽面</div>
<div class="item-value">
<el-image :src="form.url2" class="license-image">
<el-image :src="form.url2" :preview-src-list="[form.url2]" class="license-image">
</el-image>
</div>
</div>
@ -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);
}
}
}
}

View File

@ -90,7 +90,7 @@
<img :src="EnterpriseEdit" alt="编辑" />
<span>编辑</span>
</div>
<div v-hasPermi="['enterpriseLibrary:enterprise:del']">
<div v-hasPermi="['enterpriseLibrary:enterprise:del']" @click="handleDel(item)">
<img :src="EnterpriseDelete" alt="删除" />
<span>删除</span>
</div>
@ -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;
}
}
}
</style>