企业库提交
This commit is contained in:
parent
244a9d2c8b
commit
e8088fa2a9
|
|
@ -10,7 +10,7 @@
|
||||||
<div class="detail-item">
|
<div class="detail-item">
|
||||||
<div class="item-label">开户许可证</div>
|
<div class="item-label">开户许可证</div>
|
||||||
<div class="item-value">
|
<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>
|
</el-image>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -114,11 +114,19 @@ export default {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
||||||
.license-image {
|
.license-image {
|
||||||
max-width: 200px;
|
width: 350px;
|
||||||
max-height: 120px;
|
height: 220px;
|
||||||
border-radius: 6px;
|
display: block;
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
margin: 0 auto;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||||
object-fit: cover;
|
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="detail-item">
|
||||||
<div class="item-label">营业执照</div>
|
<div class="item-label">营业执照</div>
|
||||||
<div class="item-value">
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -150,12 +150,19 @@ export default {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
||||||
.license-image {
|
.license-image {
|
||||||
max-width: 200px;
|
width: 350px;
|
||||||
max-height: 120px;
|
height: 220px;
|
||||||
border-radius: 6px;
|
display: block;
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
margin: 0 auto;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
transform: scale(1.02);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
<div class="detail-item">
|
<div class="detail-item">
|
||||||
<div class="item-label">身份证人像面</div>
|
<div class="item-label">身份证人像面</div>
|
||||||
<div class="item-value">
|
<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>
|
</el-image>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -18,7 +18,7 @@
|
||||||
<div class="detail-item">
|
<div class="detail-item">
|
||||||
<div class="item-label">身份证国徽面</div>
|
<div class="item-label">身份证国徽面</div>
|
||||||
<div class="item-value">
|
<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>
|
</el-image>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -145,11 +145,19 @@ export default {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
||||||
.license-image {
|
.license-image {
|
||||||
max-width: 200px;
|
width: 350px;
|
||||||
max-height: 120px;
|
height: 220px;
|
||||||
border-radius: 6px;
|
display: block;
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
margin: 0 auto;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: transform 0.3s ease;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
transform: scale(1.02);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -90,7 +90,7 @@
|
||||||
<img :src="EnterpriseEdit" alt="编辑" />
|
<img :src="EnterpriseEdit" alt="编辑" />
|
||||||
<span>编辑</span>
|
<span>编辑</span>
|
||||||
</div>
|
</div>
|
||||||
<div v-hasPermi="['enterpriseLibrary:enterprise:del']">
|
<div v-hasPermi="['enterpriseLibrary:enterprise:del']" @click="handleDel(item)">
|
||||||
<img :src="EnterpriseDelete" alt="删除" />
|
<img :src="EnterpriseDelete" alt="删除" />
|
||||||
<span>删除</span>
|
<span>删除</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -114,7 +114,7 @@ import EnterpriseDetail from '@/assets/enterpriseLibrary/enterprise/enterprise-d
|
||||||
import EnterpriseEdit from '@/assets/enterpriseLibrary/enterprise/enterprise-edit.png';
|
import EnterpriseEdit from '@/assets/enterpriseLibrary/enterprise/enterprise-edit.png';
|
||||||
import EnterpriseDelete from '@/assets/enterpriseLibrary/enterprise/enterprise-delete.png';
|
import EnterpriseDelete from '@/assets/enterpriseLibrary/enterprise/enterprise-delete.png';
|
||||||
import { encryptWithSM4 } from '@/utils/sm'
|
import { encryptWithSM4 } from '@/utils/sm'
|
||||||
import { listAPI } from '@/api/enterpriseLibrary/enterprise/enterprise'
|
import { listAPI, delAPI } from '@/api/enterpriseLibrary/enterprise/enterprise'
|
||||||
export default {
|
export default {
|
||||||
name: 'Enterprise',
|
name: 'Enterprise',
|
||||||
components: {
|
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){
|
handleDetail(enterprise){
|
||||||
this.$router.push({
|
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>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue