<template>
|
<div class="app-container">
|
<div class="filter-container">
|
<div style="display: block;">
|
<div class="basic_search" style="padding-top: 10px">
|
<span>按企业名称：</span>
|
<el-input filterable clearable v-model="queryForm.name" style="width:200px">
|
</el-input>
|
</div>
|
<div class="basic_search" style="padding-top: 10px">
|
<span>按企业类型：</span>
|
<el-select filterable clearable v-model="queryForm.type" style="width:200px">
|
<el-option
|
v-for="item in typeList"
|
:key="item.id"
|
:value="item.name"
|
:label="item.name"
|
></el-option>
|
</el-select>
|
</div>
|
<div class="basic_search" style="padding-top: 10px">
|
<span>按是否审核：</span>
|
<el-select filterable clearable v-model="queryForm.reviewResult" style="width:200px">
|
<el-option
|
v-for="item in reviewResultList"
|
:key="item.id"
|
:value="item.id"
|
:label="item.name"
|
></el-option>
|
</el-select>
|
</div>
|
<div class="basic_search" style="margin-right: 10px">
|
<el-button style="margin-left: 10px;" type="primary" icon="el-icon-search" @click="search('查询','')">查询</el-button>
|
</div>
|
</div>
|
|
</div>
|
<div class="table_content">
|
<el-table
|
v-loading="listLoading"
|
:key="tableKey"
|
:data="reviewData"
|
border
|
fit
|
highlight-current-row
|
style="width: 100%;"
|
>
|
<el-table-column label="序号" type="index" align="center" width="60"/>
|
<el-table-column label="企业名称" prop="enterprisename" align="center">
|
</el-table-column>
|
<el-table-column label="企业编号" prop="enterprisenumber" align="center">
|
</el-table-column>
|
<el-table-column label="地区" align="center">
|
<span slot-scope="scope">
|
<span v-if="scope.row.province">{{scope.row.province}}</span>
|
<span v-if="scope.row.city">
|
<span>-</span>
|
<span >{{scope.row.city}}</span>
|
</span>
|
<span v-if="scope.row.district">
|
<span>-</span>
|
<span>{{scope.row.district}}</span>
|
</span>
|
<span v-if="scope.row.street">
|
<span>-</span>
|
<span>{{scope.row.street}}</span>
|
</span>
|
<span v-if="scope.row.committee">
|
<span>-</span>
|
<span>{{scope.row.committee}}</span>
|
</span>
|
</span>
|
</el-table-column>
|
<el-table-column label="经营范围" prop="businessrange" align="center">
|
</el-table-column>
|
<el-table-column label="有效期限" align="center">
|
<template slot-scope="scope">
|
<span>{{scope.row.licensestart}}</span>
|
<span>-</span>
|
<span>{{scope.row.licenseend}}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="审核状态" prop="reviewresult" align="center">
|
<template slot-scope="scope">
|
<span>{{ scope.row.reviewresult|parseIntValue }}</span>
|
</template>
|
</el-table-column>
|
<el-table-column label="操作" align="center">
|
<template slot-scope="scope">
|
<el-button type="text" @click="review(scope.row)" >审批</el-button>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
<el-dialog
|
title="审批"
|
:visible.sync="dialogVisible"
|
:close-on-click-modal="false"
|
:close-on-press-escape="false"
|
width="60%">
|
<el-form :model="registerForm" ref="ruleForm" label-width="200px">
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="企业名称" prop="enterprisename">
|
<el-input v-model="registerForm.enterprisename" disabled></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="企业编号" prop="enterprisenumber">
|
<el-input v-model="registerForm.enterprisenumber" disabled></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="密码" prop="password">
|
<el-input v-model="registerForm.password" disabled></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-form-item label="企业类型" prop="type">
|
<el-select v-model="registerForm.type" disabled>
|
<el-option
|
v-for="item in typeList"
|
:key="item.id"
|
:value="item.name"
|
:label="item.name"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="经营范围" prop="businessrange">
|
<el-input v-model="registerForm.businessrange" disabled></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="负责人" prop="legalperson">
|
<el-input v-model="registerForm.legalperson" disabled></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="负责人手机号" prop="legalpersonphone">
|
<el-input v-model="registerForm.legalpersonphone" disabled></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="许可证开始时间" prop="licensestart">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
v-model="registerForm.licensestart"
|
placeholder="选择日期时间" disabled>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="许可证结束时间" prop="licenseend">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
v-model="registerForm.licenseend"
|
placeholder="选择日期时间" disabled>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="省：" prop="province" >
|
<el-select v-model="registerForm.province" clearable filterable disabled>
|
<el-option
|
v-for="item in provinceList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="市：" prop="city">
|
<el-select v-model="registerForm.city" clearable filterable disabled>
|
<el-option
|
v-for="item in cityList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="区/县：" prop="district">
|
<el-select v-model="registerForm.district" clearable filterable disabled>
|
<el-option
|
v-for="item in districtList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="街道:" prop="street">
|
<el-select v-model="registerForm.street" clearable filterable disabled>
|
<el-option
|
v-for="item in streetList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="居委会：" prop="committee">
|
<el-select v-model="registerForm.committee" clearable filterable disabled>
|
<el-option
|
v-for="item in committeeList"
|
:key="item.id"
|
:label="item.name"
|
:value="item.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="详细地址" prop="address">
|
<el-input v-model="registerForm.address" disabled></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row v-if="longMaterial">
|
<el-form-item label="企业营业执照、生产许可证:" prop="imgs">
|
<el-image
|
class="upload-img"
|
v-for='item in registerForm.businessLicenseUrl'
|
:key='item.id'
|
:src="item.url"
|
:preview-src-list="registerForm.businessLicenseUrlBig"
|
style="width:200px;height: 200px;margin: 10px;"
|
/>
|
</el-form-item>
|
</el-row>
|
<el-row v-if="shortMaterial">
|
<el-form-item label="法人身份证复印件加盖公章:" prop="imgs">
|
<el-image
|
class="upload-img"
|
v-for='item in registerForm.idCardUrl'
|
:key='item.id'
|
:src="item.url"
|
:preview-src-list="registerForm.idCardUrlBig"
|
style="width:200px;height: 200px;margin: 10px;"
|
/>
|
</el-form-item>
|
</el-row>
|
<div v-if="shortMaterial">
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="有效期开始时间（主要负责人）:" prop="legalpersonstart">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
v-model="registerForm.legalpersonstart"
|
placeholder="选择日期时间" disabled>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="结束时间" prop="legalpersonend">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
v-model="registerForm.legalpersonend"
|
placeholder="选择日期时间" disabled>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-form-item label="主要负责人、安全生产管理人员考核合格的证明材料:" prop="imgs">
|
<el-image
|
class="upload-img"
|
v-for='item in registerForm.legalPersonUrl'
|
:key='item.id'
|
:src="item.url"
|
:preview-src-list="registerForm.legalPersonUrlBig"
|
style="width:200px;height: 200px;margin: 10px;"
|
/>
|
</el-form-item>
|
</el-row>
|
</div>
|
<div v-if="produceMaterial">
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="有效期开始时间（特种人员）:" prop="qualificationstart">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
v-model="registerForm.qualificationstart"
|
placeholder="选择日期时间" disabled>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="结束时间" prop="qualificationend">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
v-model="registerForm.qualificationend"
|
placeholder="选择日期时间" disabled>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row >
|
<el-form-item label="特种作业人员取得操作资格证书的证明材料，从业人员安全生产教育和培训合格的证明材料:" prop="imgs">
|
<el-image
|
class="upload-img"
|
v-for='item in registerForm.operationQualificationUrl'
|
:key='item.id'
|
:src="item.url"
|
:preview-src-list="registerForm.operationQualificationUrlBig"
|
style="width:200px;height: 200px;margin: 10px;"
|
/>
|
</el-form-item>
|
</el-row>
|
<el-row>
|
<el-col :span="10">
|
<el-form-item label="有效期开始时间（押运公司）:" prop="escortstart">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
v-model="registerForm.escortstart"
|
placeholder="选择日期时间" disabled>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="10">
|
<el-form-item label="结束时间" prop="escortend">
|
<el-date-picker
|
value-format="yyyy-MM-dd"
|
type="date"
|
v-model="registerForm.escortend"
|
placeholder="选择日期时间" disabled>
|
</el-date-picker>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-form-item label="押运公司营业执照、道路运输经营许可证、危险品准运证:" prop="imgs">
|
<el-image
|
class="upload-img"
|
v-for='item in registerForm.escortCompanyUrl'
|
:key='item.id'
|
:src="item.url"
|
:preview-src-list="registerForm.escortCompanyUrlBig"
|
style="width:200px;height: 200px;margin: 10px;"
|
/>
|
</el-form-item>
|
</el-row>
|
</div>
|
<el-row v-if="shortMaterial">
|
<el-form-item label="安全责任险、意外险投保材料:" prop="imgs">
|
<el-image
|
class="upload-img"
|
v-for='item in registerForm.insuranceUrl'
|
:key='item.id'
|
:src="item.url"
|
:preview-src-list="registerForm.insuranceUrlBig"
|
style="width:200px;height: 200px;margin: 10px;"
|
/>
|
</el-form-item>
|
</el-row>
|
<el-row v-if="buyMaterial">
|
<el-form-item label="安全生产标准化证书材料:" prop="imgs">
|
<el-image
|
class="upload-img"
|
v-for='item in registerForm.safetyProductionUrl'
|
:key='item.id'
|
:src="item.url"
|
:preview-src-list="registerForm.safetyProductionUrlBig"
|
style="width:200px;height: 200px;margin: 10px;"
|
/>
|
</el-form-item>
|
</el-row>
|
<el-row>
|
<el-col :span="20">
|
<el-form-item label="审批建议:">
|
<el-input type="textarea" :row="3" v-model="reviewRegisterForm.reviewContent"></el-input>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div align="center">
|
<el-button @click="refuse">拒绝</el-button>
|
<el-button type="primary" @click="agree()">通过</el-button>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import {getReviewList , reviewRegister} from "../../../api/login";
|
import {uploadUrl} from '@/assets/upload/url'
|
|
export default {
|
name: "registerReview",
|
filters: {
|
parseIntValue(value) {
|
if (value == '1') {
|
return '审核通过'
|
} else if (value == '2') {
|
return '审核驳回'
|
} else {
|
return '未审核'
|
}
|
}
|
},
|
data(){
|
return{
|
pageSize: 10,
|
recordTotal: 0,
|
currentPage: 1,
|
pageTotal: 0,
|
tableKey: 0,
|
directionCode:'',
|
dialogVisible:false,
|
listLoading:false,
|
reviewData:[],
|
shortMaterial:false,
|
longMaterial:false,
|
produceMaterial:false,
|
buyMaterial:false,
|
upload:uploadUrl(),
|
reviewRegisterForm:{
|
id:'',
|
reviewResult:'',
|
reviewContent:'',
|
},
|
registerForm:{
|
enterprisename:'',
|
enterprisenumber:'',
|
password:'',
|
type:'',
|
businessrange:'',
|
licensestart:'',
|
licenseend:'',
|
legalpersonstart:'',
|
legalpersonend:'',
|
qualificationstart:'',
|
qualificationend:'',
|
escortstart:'',
|
escortend:'',
|
legalperson:'',
|
legalpersonphone:'',
|
province:'',
|
city:'',
|
district:'',
|
street:'',
|
committee:'',
|
address:'',
|
businessLicenseUrl:[],
|
idCardUrl:[],
|
legalPersonUrl:[],
|
operationQualificationUrl:[],
|
escortCompanyUrl:[],
|
insuranceUrl:[],
|
safetyProductionUrl:[],
|
businessLicenseUrlBig:[],
|
idCardUrlBig:[],
|
legalPersonUrlBig:[],
|
operationQualificationUrlBig:[],
|
escortCompanyUrlBig:[],
|
insuranceUrlBig:[],
|
safetyProductionUrlBig:[],
|
},
|
provinceList:[],
|
cityList:[],
|
districtList:[],
|
streetList:[],
|
committeeList:[],
|
typeList:[{id:1,name:'烟花爆竹生产'},{id:2,name:'烟花爆竹批发经营'},{id:3,name:'烟花爆竹零售经营（长期）'},{id:4,name:'烟花爆竹零售经营（短期）'}],
|
reviewResultList:[{id:0,name:'未审核'},{id:1,name:'审核通过'},{id:2,name:'审核驳回'}],
|
queryForm:{
|
name:'',
|
reviewResult:'',
|
type:'',
|
}
|
}
|
},
|
created() {
|
this.getReview()
|
},
|
watch: {
|
},
|
methods:{
|
async getReview(){
|
const params = {}
|
params['pageIndex'] = this.currentPage
|
params['pageSize'] = this.pageSize
|
for (const i in this.queryForm) {
|
if (this.queryForm[i] != undefined && this.queryForm[i].toString() != '') {
|
params[i] = this.queryForm[i]
|
}
|
}
|
this.listLoading = true
|
let res = await getReviewList(params)
|
if(res.data.code === "200"){
|
this.reviewData = res.data.result.result
|
}else{
|
this.$message({
|
type:'warning',
|
message:res.data.message
|
})
|
}
|
this.listLoading = false
|
},
|
|
search(){
|
this.getReview()
|
},
|
review(value){
|
this.registerForm = {
|
enterprisename:'',
|
enterprisenumber:'',
|
password:'',
|
type:'',
|
businessrange:'',
|
licensestart:'',
|
licenseend:'',
|
legalpersonstart:'',
|
legalpersonend:'',
|
qualificationstart:'',
|
qualificationend:'',
|
escortstart:'',
|
escortend:'',
|
legalperson:'',
|
legalpersonphone:'',
|
province:'',
|
city:'',
|
district:'',
|
street:'',
|
committee:'',
|
address:'',
|
businessLicenseUrl:[],
|
idCardUrl:[],
|
legalPersonUrl:[],
|
operationQualificationUrl:[],
|
escortCompanyUrl:[],
|
insuranceUrl:[],
|
safetyProductionUrl:[],
|
businessLicenseUrlBig:[],
|
idCardUrlBig:[],
|
legalPersonUrlBig:[],
|
operationQualificationUrlBig:[],
|
escortCompanyUrlBig:[],
|
insuranceUrlBig:[],
|
safetyProductionUrlBig:[],
|
}
|
this.dialogVisible = true
|
this.registerForm = JSON.parse(JSON.stringify(value))
|
this.registerForm.businessLicenseUrl = this.registerForm.businessLicenseUrl.map((item,index,arr) =>{
|
return {
|
url: uploadUrl() + item,
|
id:index
|
};
|
})
|
this.registerForm.idCardUrl = this.registerForm.idCardUrl.map((item,index,arr) =>{
|
return {
|
url: uploadUrl() + item,
|
id:index
|
};
|
})
|
this.registerForm.legalPersonUrl = this.registerForm.legalPersonUrl.map((item,index,arr) =>{
|
return {
|
url: uploadUrl() + item,
|
id:index
|
};
|
})
|
this.registerForm.operationQualificationUrl = this.registerForm.operationQualificationUrl.map((item,index,arr) =>{
|
return {
|
url: uploadUrl() + item,
|
id:index
|
}; })
|
this.registerForm.escortCompanyUrl = this.registerForm.escortCompanyUrl.map((item,index,arr) =>{
|
return {
|
url: uploadUrl() + item,
|
id:index
|
}; })
|
this.registerForm.insuranceUrl = this.registerForm.insuranceUrl.map((item,index,arr) =>{
|
return {
|
url: uploadUrl() + item,
|
id:index
|
}; })
|
this.registerForm.safetyProductionUrl = this.registerForm.safetyProductionUrl.map((item,index,arr) =>{
|
return {
|
url: uploadUrl() + item,
|
id:index
|
}; })
|
if(this.registerForm.type === '烟花爆竹生产'){
|
this.shortMaterial = true
|
this.longMaterial = true
|
this.produceMaterial = true
|
this.buyMaterial = false
|
}else if(this.registerForm.type === '烟花爆竹批发经营'){
|
this.shortMaterial = true
|
this.longMaterial = true
|
this.produceMaterial = true
|
this.buyMaterial = true
|
}else if(this.registerForm.type === '烟花爆竹零售经营（长期）'){
|
this.shortMaterial = true
|
this.longMaterial = true
|
this.produceMaterial = false
|
this.buyMaterial = false
|
}else{
|
this.shortMaterial = true
|
this.longMaterial = false
|
this.produceMaterial = false
|
this.buyMaterial = false
|
}
|
this.registerForm.businessLicenseUrlBig = this.registerForm.businessLicenseUrl.map((item,index,arr) =>{
|
return item.url
|
})
|
this.registerForm.idCardUrlBig = this.registerForm.idCardUrl.map((item,index,arr) =>{
|
return item.url
|
})
|
this.registerForm.legalPersonUrlBig = this.registerForm.legalPersonUrl.map((item,index,arr) =>{
|
return item.url
|
})
|
this.registerForm.operationQualificationUrlBig = this.registerForm.operationQualificationUrl.map((item,index,arr) =>{
|
return item.url
|
})
|
this.registerForm.escortCompanyUrlBig = this.registerForm.escortCompanyUrl.map((item,index,arr) =>{
|
return item.url
|
})
|
this.registerForm.insuranceUrlBig = this.registerForm.insuranceUrl.map((item,index,arr) =>{
|
return item.url
|
})
|
this.registerForm.safetyProductionUrlBig = this.registerForm.safetyProductionUrl.map((item,index,arr) =>{
|
return item.url
|
})
|
},
|
refuse(){
|
this.reviewRegisterForm.id = this.registerForm.id
|
this.reviewRegisterForm.reviewResult = 2
|
this.$confirm('拒绝此账号申请，是否继续','提示',{
|
confirmButtonText:'确定',
|
cancelButtonText:'取消',
|
type:'warning',
|
}).then(()=> {
|
reviewRegister(this.reviewRegisterForm).then( (res)=>{
|
if(res.data.code === "200"){
|
this.dialogVisible = false
|
this.getReview()
|
this.$notify({
|
title:'成功',
|
message:'审核拒绝成功',
|
type:'success',
|
duration:2000,
|
})
|
}else{
|
this.$message({
|
type:'warning',
|
message:res.data.message
|
})
|
}
|
})
|
})
|
},
|
agree(){
|
this.reviewRegisterForm.reviewResult = 1
|
this.reviewRegisterForm.id = this.registerForm.id
|
this.$confirm('同意此账号申请，是否继续','提示',{
|
confirmButtonText:'确定',
|
cancelButtonText:'取消',
|
type:'warning',
|
}).then(()=> {
|
reviewRegister(this.reviewRegisterForm).then( (res)=>{
|
if(res.data.code === "200"){
|
this.dialogVisible = false
|
this.getReview()
|
this.$notify({
|
title:'成功',
|
message:'审核通过成功',
|
type:'success',
|
duration:2000,
|
})
|
}else{
|
this.$message({
|
type:'warning',
|
message:res.data.message
|
})
|
}
|
})
|
})
|
}
|
},
|
}
|
</script>
|
|
<style scoped>
|
.basic_search{
|
display:inline-block;
|
}
|
|
</style>
|
