|
|
|
@ -49,16 +49,21 @@ |
|
|
|
> |
|
|
|
<el-table-column prop="deptName" label="组织名称" ></el-table-column> |
|
|
|
<el-table-column prop="cryptoDeptId" label="组织编号"></el-table-column> |
|
|
|
<el-table-column prop="orderNum" label="排序" width="200"></el-table-column> |
|
|
|
<!-- <el-table-column prop="orderNum" label="排序" width="200"></el-table-column> --> |
|
|
|
<el-table-column prop="status" label="状态" :formatter="statusFormat" width="150"></el-table-column> |
|
|
|
<el-table-column label="创建时间" align="center" prop="createTime" width="200"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<span>{{ parseTime(scope.row.createTime) }}</span> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
<!-- <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
|
|
|
<el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
@click="showQualificationList(scope.row.createBy)" |
|
|
|
>查看资质</el-button> |
|
|
|
<!-- <el-button |
|
|
|
size="mini" |
|
|
|
type="text" |
|
|
|
icon="el-icon-edit" |
|
|
|
@ -79,11 +84,76 @@ |
|
|
|
icon="el-icon-delete" |
|
|
|
@click="handleDelete(scope.row)" |
|
|
|
v-hasPermi="['system:dept:remove']" |
|
|
|
>删除</el-button> |
|
|
|
>删除</el-button> --> |
|
|
|
</template> |
|
|
|
</el-table-column> --> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
|
|
|
|
<el-dialog title="资质列表" :visible.sync="outerVisible"> |
|
|
|
<el-dialog |
|
|
|
width="30%" |
|
|
|
title="资质详情" |
|
|
|
:visible.sync="innerVisible" |
|
|
|
append-to-body> |
|
|
|
<el-form ref="qualificationFrom" :model="qualificationFrom" label-width="120px"> |
|
|
|
<el-row> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="资质证书名称："> |
|
|
|
<span>{{qualificationFrom.qualificationName}}</span> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="发证日期："> |
|
|
|
<span>{{qualificationFrom.dateOfIssue}}</span> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="发证机关："> |
|
|
|
<span>{{qualificationFrom.issuingAuthority}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-form-item label="资质证书编号："> |
|
|
|
<span>{{qualificationFrom.qualificationCertificateNumber}}</span> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item label="证书有效期："> |
|
|
|
<span>{{qualificationFrom.certificateValidityPeriod}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-form-item label="资质证书："> |
|
|
|
<img :src="qualificationFrom.qualificationCertificatePicture" style="width:80%"> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</el-dialog> |
|
|
|
<el-table |
|
|
|
:data="enterpriseQualificationList" |
|
|
|
border |
|
|
|
style="width: 100%"> |
|
|
|
<el-table-column |
|
|
|
prop="dateOfIssue" |
|
|
|
label="发证日期"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="certificateValidityPeriod" |
|
|
|
label="证书有效期"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="qualificationCertificateNumber" |
|
|
|
label="资质证书号"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="qualificationName" |
|
|
|
label="资质名称"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
prop="issuingAuthority" |
|
|
|
label="发证机关"> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column |
|
|
|
label="操作" |
|
|
|
width="50"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<el-button type="text" size="small" @click="showQualificationDetail(scope.row)">查看</el-button> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-dialog> |
|
|
|
<!-- 添加或修改组织对话框 --> |
|
|
|
<el-dialog :title="title" :visible.sync="open" width="600px" append-to-body> |
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> |
|
|
|
@ -140,7 +210,7 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { listDept, getDept, delDept, addDept, updateDept, listDeptExcludeChild } from "@/api/system/dept"; |
|
|
|
import { listDept, getDept, delDept, addDept, updateDept, listDeptExcludeChild, getQualificationByDeptId } from "@/api/system/dept"; |
|
|
|
import Treeselect from "@riophae/vue-treeselect"; |
|
|
|
import "@riophae/vue-treeselect/dist/vue-treeselect.css"; |
|
|
|
|
|
|
|
@ -161,6 +231,12 @@ export default { |
|
|
|
title: "", |
|
|
|
// 是否显示弹出层 |
|
|
|
open: false, |
|
|
|
//资质列表弹框 |
|
|
|
outerVisible:false, |
|
|
|
innerVisible:false, |
|
|
|
// 企业资质列表 |
|
|
|
enterpriseQualificationList:[], |
|
|
|
qualificationFrom:{}, |
|
|
|
// 状态数据字典 |
|
|
|
statusOptions: [], |
|
|
|
// 查询参数 |
|
|
|
@ -213,6 +289,17 @@ export default { |
|
|
|
this.loading = false; |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 根据企业名称查询资质 |
|
|
|
showQualificationList(name){ |
|
|
|
getQualificationByDeptId({createBy:name}).then(res => { |
|
|
|
this.enterpriseQualificationList = res.data |
|
|
|
this.outerVisible = true |
|
|
|
}) |
|
|
|
}, |
|
|
|
showQualificationDetail(row){ |
|
|
|
this.qualificationFrom = row |
|
|
|
this.innerVisible = true |
|
|
|
}, |
|
|
|
/** 转换组织数据结构 */ |
|
|
|
normalizer(node) { |
|
|
|
if (node.children && !node.children.length) { |
|
|
|
|
DESKTOP-00SUCB6\Administrator
4 years ago