企业库提交
This commit is contained in:
parent
244a9d2c8b
commit
e8088fa2a9
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue