<template>
|
<div id="area">
|
<el-container>
|
<el-main>
|
<el-form label-position="right" ref="form" :model="form" id="search-form">
|
<el-row :gutter="20">
|
<el-col :md="8" :lg="6">
|
<el-form-item label="统一社会信用码:" prop="reditcode">
|
<el-input v-model.trim="form.reditcode" placeholder="请输入"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :md="8" :lg="6">
|
<el-form-item label="企业工商登记名:" prop="enterprisename">
|
<el-input v-model.trim="form.enterprisename" placeholder="请输入"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :md="8" :lg="6">
|
<form-select
|
v-model="form.flowstatus"
|
prop="flowstatus"
|
code-no="FlowStatus"
|
label="企业状态:"
|
></form-select>
|
</el-col>
|
<el-col :md="8" :lg="6" v-if="showFormMore">
|
<form-select
|
v-model="form.companytype"
|
prop="companytype"
|
code-no="enterpriseAccessType"
|
label="企业准入类型:"
|
></form-select>
|
</el-col>
|
<el-col :md="8" :lg="6" v-if="showFormMore">
|
<form-select
|
v-model="form.currentFlowStatus"
|
prop="currentFlowStatus"
|
code-no="phaseno"
|
label="当前流程状态:"
|
></form-select>
|
</el-col>
|
<el-col :md="8" :lg="6" v-if="showFormMore">
|
<form-select
|
v-model="form.channelareaname"
|
prop="channelareaname"
|
code-no="enterpriseBelongArea"
|
label="企业归属地区:"
|
></form-select>
|
</el-col>
|
<el-col :md="8" :lg="6" v-if="showFormMore">
|
<el-form-item label="当前申请人:" prop="currentInputUserId">
|
<el-input v-model="form.currentInputUserId" placeholder="请输入"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :md="8" :lg="6">
|
<el-button size="mini" @click="handleResetForm">重置</el-button>
|
<el-button type="primary" size="mini" @click="handleSubmit">搜索</el-button>
|
<el-button type="text" @click="handleFormMore">
|
{{ formMoreText }}
|
<i :class="showFormMore?'el-icon-arrow-up':'el-icon-arrow-down'"></i>
|
</el-button>
|
</el-col>
|
</el-row>
|
</el-form>
|
<el-row>
|
<el-button
|
type="primary"
|
icon="el-icon-circle-plus-outline"
|
size="mini"
|
@click="showAdmitDialog = true"
|
>新增申请</el-button
|
>
|
</el-row>
|
<el-row>
|
<el-table
|
v-loading="listLoading"
|
:data="tableData"
|
border
|
fit
|
highlight-current-row
|
style="width: 100%;margin-top: 30px;"
|
>
|
<el-table-column label=" " type="index" align="center" width="50px"> </el-table-column>
|
<el-table-column prop="reditcode" label="统一社会信用码" width="180"> </el-table-column>
|
<el-table-column prop="enterprisename" label="企业工商登记名" width="250"> </el-table-column>
|
<el-table-column prop="enterpriseaccesstypeCn" width="140" label="企业准入类型"></el-table-column>
|
<el-table-column prop="enterprisestatus" width="140" label="企业状态"></el-table-column>
|
<el-table-column prop="phasename" width="140" label="当前流程状态"></el-table-column>
|
<el-table-column prop="channelareaname" label="企业归属地区" width="140"></el-table-column>
|
<el-table-column prop="accessTime" width="150" label="准入时间"></el-table-column>
|
<el-table-column prop="accessUser" label="准入人" width="150"></el-table-column>
|
<el-table-column prop="takeouttime" label="准出时间" width="150"></el-table-column>
|
<el-table-column prop="takeoutuserid" label="准出人" width="150"></el-table-column>
|
<el-table-column prop="updatetime" label="上次修改时间" width="170"></el-table-column>
|
<el-table-column prop="updateuserid" width="130" label="上次修改用户"></el-table-column>
|
<el-table-column prop="currentapplyuser" width="140" label="当前申请人"></el-table-column>
|
<el-table-column label="申请管理" fixed="right" width="250">
|
<template slot-scope="scope">
|
<el-button
|
v-if="scope.row.operationOption.details && powerControl.detailsLimit"
|
type="text"
|
size="small"
|
@click="handleDetails(scope.row)"
|
>详情</el-button
|
>
|
<el-button
|
v-if="scope.row.operationOption.cancel && powerControl.cancelApplyLimit"
|
type="text"
|
size="small"
|
@click="handleCancel(scope.row)"
|
>取消申请</el-button
|
>
|
<el-button
|
v-if="scope.row.operationOption.changeDetails && powerControl.changeApplyLimit"
|
@click="handleChangeDetails(scope.row)"
|
:disabled="handleChange"
|
type="text"
|
size="small"
|
>变更申请
|
</el-button>
|
<el-button
|
v-if="scope.row.operationOption.continue && powerControl.continueHandleLimit"
|
@click="handleContinue(scope.row)"
|
type="text"
|
size="small"
|
>继续处理</el-button
|
>
|
<el-button
|
v-if="scope.row.operationOption.takeOut && powerControl.takeOutLimit"
|
@click="handleTakeOut(scope.row)"
|
type="text"
|
size="small"
|
>准出</el-button
|
>
|
<el-button
|
v-if="scope.row.operationOption.reset && powerControl.renewApplyLimit"
|
@click="handleReset(scope.row)"
|
type="text"
|
size="small"
|
>重新申请</el-button
|
>
|
<el-button
|
v-if="scope.row.operationOption.withdraw && powerControl.withdrawApplyLimit"
|
@click="handleWithdrawal(scope.row)"
|
type="text"
|
size="small"
|
>撤回申请</el-button
|
>
|
</template>
|
</el-table-column>
|
</el-table>
|
<pagination
|
v-show="total > 0"
|
:total="total"
|
:page.sync="listQuery.currentPage"
|
:limit.sync="listQuery.pageSize"
|
@pagination="initTable"
|
/>
|
</el-row>
|
<!-- 新增自营弹框-->
|
<add-dialog :showDialog.sync="showAdmitDialog"></add-dialog>
|
</el-main>
|
</el-container>
|
</div>
|
</template>
|
|
<script>
|
import '../../style/areaBuilding.styl'
|
import {
|
qryEnpAdmitInList,
|
qryEnpDetailParams,
|
enpCancelApply,
|
enpTakeOut,
|
createEnpChangeApply,
|
enpReapply,
|
enpFlowReset,
|
qryEnpDetailParamsContinue
|
} from '@/api/area/enterprise'
|
import Pagination from '@/components/Pagination'
|
import FormSelect from './FormSelect'
|
import AddDialog from './AddDialog'
|
export default {
|
components: { AddDialog, FormSelect, Pagination },
|
data: function() {
|
return {
|
handleChange: false,
|
showAdmitDialog: false,
|
form: {
|
reditcode: '',
|
enterprisename: '',
|
flowstatus: [],
|
companytype: [],
|
currentFlowStatus: [],
|
channelareaname: [],
|
currentInputUserId: ''
|
},
|
formMoreText: '展开',
|
showFormMore: false,
|
// 分页
|
listLoading: true,
|
tableData: [],
|
total: 0,
|
listQuery: {
|
currentPage: 1,
|
pageSize: 10
|
},
|
// 权限控制
|
powerControl:{
|
detailsLimit: false, // 详情
|
cancelApplyLimit: false, // 取消申请
|
changeApplyLimit: false, // 变更申请
|
continueHandleLimit: false, // 继续处理
|
takeOutLimit: false, // 准出
|
renewApplyLimit: false, // 重新申请
|
withdrawApplyLimit: false // 撤回申请
|
}
|
}
|
},
|
created() {
|
this.initTable()
|
},
|
mounted() {
|
// console.log(this.window)
|
// this.powerControl.detailsLimit = this.window.top._server_enterprise_qryEnpDetailParams
|
this.powerControl.detailsLimit = this.window.top._server_enterprise_qryEnpDetailParams
|
this.powerControl.cancelApplyLimit = this.window.top._server_enterprise_enpCancelApply
|
this.powerControl.changeApplyLimit = this.window.top._server_enterprise_createEnpChangeApply
|
this.powerControl.continueHandleLimit = this.window.top._server_enterprise_qryEnpDetailParamsContinue
|
this.powerControl.takeOutLimit = this.window.top._server_enterprise_enpTakeOut
|
this.powerControl.renewApplyLimit = this.window.top._server_enterprise_enpReapply
|
this.powerControl.withdrawApplyLimit = this.window.top._server_enterprise_enpFlowReset
|
},
|
methods: {
|
initTable() {
|
this.listLoading = true
|
let params = Object.assign(this.listQuery, this.form)
|
qryEnpAdmitInList(params).then(res => {
|
this.tableData = res.result.records
|
this.total = res.result.total
|
this.listLoading = false
|
})
|
},
|
handleFormMore() {
|
this.showFormMore = !this.showFormMore
|
this.showFormMore ? (this.formMoreText = '收起') : (this.formMoreText = '展开')
|
},
|
handleSubmit() {
|
this.listQuery.currentPage = 1
|
this.initTable()
|
},
|
handleResetForm() {
|
this.$refs['form'].resetFields()
|
},
|
async handleContinue(row) {
|
// 继续处理
|
let params = {
|
creditCode: row.reditcode,
|
serialno: row.serialno,
|
searchType: 1,
|
clickType: 0 // 点击类型(详情传1 继续处理传0)
|
}
|
let res = await qryEnpDetailParamsContinue(params)
|
let enterpriseParams = {
|
clickType: 0,
|
...res.result
|
}
|
this.$store.commit('SET_enterpriseParams', enterpriseParams)
|
this.$router.push({ path: '/area/enterprise/update/' })
|
},
|
async handleDetails(row) {
|
// 详情
|
let params = {
|
creditCode: row.reditcode,
|
serialno: row.serialno,
|
searchType: 1,
|
clickType: 1 // 点击类型(详情传1 继续处理传0)
|
}
|
let res = await qryEnpDetailParams(params)
|
let enterpriseParams = {
|
clickType: 1, // 点击类型(详情传1 继续处理传0)
|
...res.result
|
}
|
this.$store.commit('SET_enterpriseParams', enterpriseParams)
|
this.$router.push({ path: '/area/enterprise/details/' })
|
},
|
async handleChangeDetails(row) {
|
this.handleChange = true
|
// 变更申请
|
let params = {
|
creditcode: row.reditcode,
|
serialno: row.serialno
|
}
|
let res = await createEnpChangeApply(params)
|
if (res.code === '00') {
|
this.handleChange = false
|
let enterpriseParams = {
|
clickType: 0, // 点击类型(详情传1 继续处理传0)
|
...res.result
|
}
|
this.$store.commit('SET_enterpriseParams', enterpriseParams)
|
this.$router.push({ path: '/area/enterprise/update/' })
|
}else{
|
this.handleChange = false
|
}
|
},
|
// 取消申请
|
handleCancel(row) {
|
let params = { serialno: row.serialno }
|
this.$confirm('确定取消申请?', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning'
|
})
|
.then(() => {
|
enpCancelApply(params).then(res => {
|
if (res.code === '00') {
|
this.$message.success('取消成功！')
|
this.initTable()
|
}
|
})
|
})
|
.catch(() => {})
|
},
|
// 企业准出
|
handleTakeOut(row) {
|
let params = { serialno: row.serialno }
|
this.$confirm('确定准出?', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning'
|
})
|
.then(() => {
|
enpTakeOut(params).then(res => {
|
if (res.code === '00') {
|
this.$message.success('准出成功！')
|
this.initTable()
|
}
|
})
|
})
|
.catch(() => {})
|
},
|
handleReset(row) {
|
// 重新申请
|
let params = {
|
creditcode: row.reditcode,
|
serialno: row.serialno
|
}
|
this.$confirm('确定重新申请?', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning'
|
})
|
.then(() => {
|
enpReapply(params).then(res => {
|
if (res.code === '00') {
|
this.$message.success('重新申请成功！')
|
this.initTable()
|
}
|
})
|
})
|
.catch(() => {})
|
},
|
// 撤回申请
|
handleWithdrawal(row) {
|
let params = {
|
creditcode: row.reditcode,
|
serialno: row.serialno
|
}
|
this.$confirm('确定撤回申请?', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning'
|
})
|
.then(() => {
|
enpFlowReset(params).then(res => {
|
if (res.code === '00') {
|
this.$message.success('撤回成功！')
|
this.initTable()
|
}
|
})
|
})
|
.catch(() => {})
|
}
|
}
|
}
|
</script>
|
|
<style scoped lang="stylus"></style>
|
