260 lines
7.7 KiB
Vue
260 lines
7.7 KiB
Vue
<template>
|
|
<div class="main-content m20">
|
|
<div class="content-header body">
|
|
<el-form ref="form" :model="searchForm.paramMap" label-width="180px">
|
|
<el-row :gutter="10">
|
|
<el-col :span="8">
|
|
<el-form-item label="业务号">
|
|
<el-input v-model="searchForm.paramMap.bizNo" placeholder="请输入业务号" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="市场主体名称">
|
|
<el-input v-model="searchForm.paramMap.entName" clearable type="text" class="search-input" placeholder="请输入市场主体名称" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="统一社会信用代码">
|
|
<el-input v-model="searchForm.paramMap.uscc" clearable type="text" class="search-input" placeholder="请输入统一社会信用代码" />
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="8">
|
|
<el-form-item label="">
|
|
<el-button type="primary" @click="loadPage()">查询</el-button>
|
|
<el-button type="default" @click="resetForm('form')">重置</el-button>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
</el-form>
|
|
</div>
|
|
<el-row>
|
|
<el-table
|
|
v-loading="loading"
|
|
:data="tableData"
|
|
tooltip-effect="dark"
|
|
:fit="true"
|
|
:row-class-name="tableRowClassName"
|
|
:header-cell-style="{background:'#8cc3fb',color:'#fff'}"
|
|
>
|
|
<el-table-column prop="index" label="序号" min-width="10%" align="center" />
|
|
<el-table-column prop="bizNo" label="业务号" min-width="15%" align="left" />
|
|
<el-table-column prop="truth" :show-overflow-tooltip="true" label="除名决定的事实" min-width="20%" align="left" />
|
|
<el-table-column prop="reason" :show-overflow-tooltip="true" label="除名决定的理由" min-width="20%" align="left" />
|
|
<el-table-column prop="law" :show-overflow-tooltip="true" label="除名决定的依据" min-width="20%" align="left" />
|
|
<el-table-column prop="result" :show-overflow-tooltip="true" label="除名决定的后果" min-width="20%" align="left" />
|
|
<el-table-column prop="entName" label="市场主体名称" min-width="20%" align="left" />
|
|
<el-table-column prop="uscc" label="统一社会信用代码" min-width="20%" align="left" />
|
|
<el-table-column prop="lerepName" label="法定代表人（负责人、经营者）" min-width="20%" align="left" />
|
|
<el-table-column align="center" label="操作" min-width="10%">
|
|
<template #default="scope">
|
|
<el-button type="text" size="mini" @click="applyAudit(scope.row)">决定除名</el-button>
|
|
<!-- <el-button type="text" size="mini" @click="openDialog(scope.row, '同意除名')">同意除名</el-button>-->
|
|
<!-- <el-button type="text" size="mini" @click="openDialog(scope.row, '不同意除名')">不同意除名</el-button>-->
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-row>
|
|
<el-row style="text-align:right;margin-top: 16px">
|
|
<el-pagination
|
|
:disabled="loading"
|
|
:page-size="pageParam.size"
|
|
:total="pageParam.total"
|
|
:page-sizes="[10, 20, 30]"
|
|
layout="slot,total, sizes, prev, pager, next, jumper"
|
|
:current-page="pageParam.current"
|
|
@size-change="pageSizeChange"
|
|
@current-change="pageIndexChange"
|
|
>
|
|
<span>
|
|
第 {{ pageParam.current }} 页/共 {{ (pageParam.total !== 0 ? parseInt((pageParam.total + pageParam.size - 1) / pageParam.size) : 1) }} 页
|
|
</span>
|
|
</el-pagination>
|
|
</el-row>
|
|
<!-- <DismissalObjectionAppeal ref="DismissalObjectionAppeal" @refreshList="loadPage" />-->
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
// import DismissalObjectionAppeal from '@/views/expelled/audit/components/不除名除名填写.vue'
|
|
import { expelledAuditList, expelledAuditSave } from '@/api/除名公告.js'
|
|
export default {
|
|
// components: {
|
|
// DismissalObjectionAppeal
|
|
// },
|
|
data() {
|
|
return {
|
|
loading: false,
|
|
searchForm: {
|
|
paramMap: {
|
|
bizNo: '',
|
|
entName: '',
|
|
uscc: ''
|
|
}
|
|
},
|
|
tableData: [],
|
|
pageParam: {
|
|
current: 1,
|
|
total: 0,
|
|
size: 10
|
|
}
|
|
}
|
|
},
|
|
mounted() {
|
|
this.loadPage()
|
|
},
|
|
methods: {
|
|
tableRowClassName({ row, rowIndex }) {
|
|
if (rowIndex % 2 === 1) {
|
|
return 'warning-row'
|
|
}
|
|
},
|
|
// 当前分页改变
|
|
pageIndexChange(curPage) {
|
|
this.pageParam.current = curPage
|
|
this.loadPage()
|
|
},
|
|
// 分页大小改变
|
|
pageSizeChange(pageSize) {
|
|
this.pageParam.size = pageSize
|
|
this.loadPage()
|
|
},
|
|
// 加载分页
|
|
loadPage() {
|
|
this.loading = true
|
|
expelledAuditList({
|
|
current: this.pageParam.current,
|
|
size: this.pageParam.size,
|
|
entity: {
|
|
...this.searchForm.paramMap
|
|
}
|
|
}).then(res => {
|
|
const list = []
|
|
let i = 1
|
|
const pageStart = (this.pageParam.current - 1) * this.pageParam.size
|
|
res.data.records.forEach(each => {
|
|
each.index = pageStart + i++
|
|
list.push(each)
|
|
})
|
|
this.tableData = list
|
|
this.pageParam.total = res.data.total
|
|
}).finally(() => {
|
|
this.loading = false
|
|
})
|
|
},
|
|
resetForm() {
|
|
this.searchForm.paramMap.bizNo = ''
|
|
this.searchForm.paramMap.entName = ''
|
|
this.searchForm.paramMap.uscc = ''
|
|
this.loadPage()
|
|
},
|
|
applyAudit(row) {
|
|
this.$confirm('是否确认决定将' + row.entName + '市场主体除名？', '提示', {
|
|
type: 'info',
|
|
customClass: 'type-1'
|
|
})
|
|
.then(() => {
|
|
this.loading = true
|
|
return expelledAuditSave({
|
|
...row
|
|
}).then(() => {
|
|
this.loading = false
|
|
this.$message.success('决定成功')
|
|
this.loadPage()
|
|
}).catch(error => {
|
|
this.loading = false
|
|
this.$message.error('决定失败: ' + (error.message || '未知错误'))
|
|
throw error
|
|
})
|
|
})
|
|
.catch(error => {
|
|
this.loading = false
|
|
// 如果只是取消操作，不抛出错误
|
|
if (error !== 'cancel') {
|
|
throw error
|
|
}
|
|
})
|
|
}
|
|
// openDialog(row, title) {
|
|
// this.$refs.DismissalObjectionAppeal.openDialog({ ...row, title })
|
|
// }
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.main-content {
|
|
background: #fff;
|
|
padding: 20px;
|
|
|
|
.content-header {
|
|
background: white;
|
|
|
|
.label-name_1 {
|
|
text-align: right;
|
|
display: inline-block; //转成行内快，才可定义宽度
|
|
width: 200px;
|
|
font-size: $table-content-font-size;
|
|
}
|
|
|
|
.search-input-box_1 {
|
|
display: inline-block;
|
|
width: calc(100% - 230px);
|
|
}
|
|
|
|
.search-input-box_2 {
|
|
display: inline-block;
|
|
width: calc(100% - 230px);
|
|
}
|
|
|
|
.label-name_3 {
|
|
text-align: right;
|
|
display: inline-block; //转成行内快，才可定义宽度
|
|
width: 140px !important;
|
|
font-size: $table-content-font-size;
|
|
}
|
|
|
|
.custom {
|
|
width: calc(100% - 150px);
|
|
}
|
|
|
|
.search-input {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.body {
|
|
padding: 20px 0;
|
|
border-top: none;
|
|
margin-bottom: 40PX;
|
|
}
|
|
}
|
|
|
|
.content-body {
|
|
background: white
|
|
}
|
|
|
|
.header {
|
|
.title {
|
|
font-weight: 600;
|
|
font-size: 1.2rem;
|
|
}
|
|
}
|
|
|
|
.page-box {
|
|
margin: 10PX;
|
|
text-align: right
|
|
}
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.btn-box {
|
|
display: inline-block;
|
|
padding-left: 10px;
|
|
}
|
|
}
|
|
|
|
/deep/ .el-input__inner {
|
|
height: 28px;
|
|
}
|
|
</style>
|