liweikun
1 year ago
4 changed files with 338 additions and 126 deletions
@ -0,0 +1,143 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<el-form :inline="true" label-width="80px" :model="queryForm"> |
||||
|
<el-form-item label="企业名称"> |
||||
|
<el-input class="name-inp-search" placeholder="请输入企业名称" v-model="queryForm.enterpriseName"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="所在区域"> |
||||
|
<el-select v-model="queryForm.adcd" clearable placeholder="请选择所有区域"> |
||||
|
<el-option v-for="item in areaList" :key="item.xzqhdm" :label="item.name" :value="item.xzqhdm"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="企业类型"> |
||||
|
<el-select v-model="queryForm.qualificationCategory" clearable placeholder="请选择企业类型"> |
||||
|
<el-option v-for="item in categoryList" :key="item.dictValue" :label="item.dictLabel" |
||||
|
:value="item.dictValue"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="mini" icon="el-icon-search" @click="getResult()">查询</el-button> |
||||
|
<el-button type="mini" icon="el-icon-refresh" @click="resetForm()">重置</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-table :data="tableData" style="width: 100%" v-loading="loading"> |
||||
|
<el-table-column prop="enterpriseName" label="企业名称" width="500"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span style="color: #005EB7;cursor: pointer;font-size: 16px !important;" @click="toDetail(scope.row)">{{ |
||||
|
scope.row.enterpriseName |
||||
|
}}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="qualificationCategory" label="企业类型" width="180" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div v-for="(cateTtem, index) in categoryList" :key="(cateTtem, index)"> |
||||
|
<div v-if="cateTtem.dictValue == scope.row.qualificationCategory">{{ |
||||
|
cateTtem.dictLabel }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="legalRepresentative" label="法定代表人" width="180" align="center"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="qualificationCategory" label="资质类别" width="180" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div v-for="(cateTtem, index) in categoryList" :key="(cateTtem, index)"> |
||||
|
<div v-if="cateTtem.dictValue == scope.row.qualificationCategory">{{ |
||||
|
cateTtem.dictLabel.split("资质")[0] }}</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="adcd" label="所在区域" align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div>{{ getadcd(scope.row) }}</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<pagination :total="total" :page.sync="apidata.pageNum" :limit.sync="apidata.pageSize" :pageSizes="pageSizes" |
||||
|
@pagination="getResult" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { getDisclosure } from "@/api/home" |
||||
|
import { getGuangDong } from "@/api/creditStatistics" |
||||
|
export default { |
||||
|
data(){ |
||||
|
return { |
||||
|
loading: false, |
||||
|
total: 0, |
||||
|
apidata: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
}, |
||||
|
pageSizes: [10, 20, 30, 50], |
||||
|
queryForm: { |
||||
|
groupId: "2", |
||||
|
qualificationCategory: "", |
||||
|
enterpriseName: "", |
||||
|
adcd: "", |
||||
|
pageNum: 1, |
||||
|
pageSize: 10 |
||||
|
}, |
||||
|
tableData: [], |
||||
|
areaList: [], |
||||
|
categoryList: [], |
||||
|
} |
||||
|
}, |
||||
|
mounted(){ |
||||
|
this.getArea() |
||||
|
this.getResult() |
||||
|
this.getDicts("qualification_type").then(res => { |
||||
|
this.categoryList = res.data.data |
||||
|
}) |
||||
|
}, |
||||
|
methods:{ |
||||
|
getResult() { |
||||
|
this.loading = true |
||||
|
getDisclosure({ ...this.queryForm }).then(res => { |
||||
|
this.loading = false |
||||
|
this.tableData = [] |
||||
|
this.tableData = res.data.data.records |
||||
|
this.total = res.data.data.total |
||||
|
}) |
||||
|
}, |
||||
|
getArea() { |
||||
|
getGuangDong().then(res => { |
||||
|
this.areaList = res.data.data |
||||
|
}) |
||||
|
}, |
||||
|
getadcd(row) { |
||||
|
let adcdText = "" |
||||
|
let adcdCode = row.adcd.slice(0, 4) + "00" |
||||
|
this.areaList.forEach(item => { |
||||
|
if (item.xzqhdm == adcdCode) { |
||||
|
adcdText = item.name |
||||
|
} |
||||
|
}) |
||||
|
if (adcdText == "") { |
||||
|
adcdText = "省外" |
||||
|
} |
||||
|
return adcdText |
||||
|
}, |
||||
|
resetForm() { |
||||
|
this.queryForm = { |
||||
|
groupId: "2", |
||||
|
qualificationCategory: "", |
||||
|
enterpriseName: "", |
||||
|
adcd: "", |
||||
|
pageNum: 1, |
||||
|
pageSize: 10 |
||||
|
} |
||||
|
this.getResult() |
||||
|
}, |
||||
|
toDetail(row) { |
||||
|
this.$router.push({ |
||||
|
path: "/enterpriseInDetail", |
||||
|
query:{ |
||||
|
enterpriseId:row.enterpriseId |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,119 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<el-form :inline="true" label-width="80px" :model="queryForm"> |
||||
|
<el-form-item label="姓名"> |
||||
|
<el-input class="name-inp-search" placeholder="请输入姓名" v-model="queryForm.personName"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="所在区域"> |
||||
|
<el-select v-model="queryForm.adcd" clearable placeholder="请选择所有区域"> |
||||
|
<el-option v-for="item in areaList" :key="item.xzqhdm" :label="item.name" :value="item.xzqhdm"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="企业名称"> |
||||
|
<el-input class="name-inp-search" placeholder="请输入企业名称" v-model="queryForm.enterpriseName"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button type="mini" icon="el-icon-search" @click="getResult()">查询</el-button> |
||||
|
<el-button type="mini" icon="el-icon-refresh" @click="resetForm()">重置</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-table :data="tableData" style="width: 100%" v-loading="loading"> |
||||
|
<el-table-column prop="legalRepresentative" label="姓名" width="180" align="center"> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="enterpriseName" label="企业名称" width="500"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span style="color: #005EB7;cursor: pointer;font-size: 16px !important;" @click="toDetail(scope.row)">{{ |
||||
|
scope.row.enterpriseName |
||||
|
}}</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<pagination :total="total" :page.sync="apidata.pageNum" :limit.sync="apidata.pageSize" :pageSizes="pageSizes" |
||||
|
@pagination="getResult" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import { getDisclosure } from "@/api/home" |
||||
|
import { getGuangDong } from "@/api/creditStatistics" |
||||
|
export default { |
||||
|
data(){ |
||||
|
return { |
||||
|
loading: false, |
||||
|
total: 0, |
||||
|
apidata: { |
||||
|
pageNum: 1, |
||||
|
pageSize: 10, |
||||
|
}, |
||||
|
pageSizes: [10, 20, 30, 50], |
||||
|
queryForm: { |
||||
|
groupId: "2", |
||||
|
qualificationCategory: "", |
||||
|
personName:"", |
||||
|
enterpriseName: "", |
||||
|
adcd: "", |
||||
|
pageNum: 1, |
||||
|
pageSize: 10 |
||||
|
}, |
||||
|
tableData: [], |
||||
|
areaList: [], |
||||
|
categoryList: [], |
||||
|
} |
||||
|
}, |
||||
|
mounted(){ |
||||
|
this.getArea() |
||||
|
this.getResult() |
||||
|
this.getDicts("qualification_type").then(res => { |
||||
|
this.categoryList = res.data.data |
||||
|
}) |
||||
|
}, |
||||
|
methods:{ |
||||
|
getResult() { |
||||
|
this.loading = true |
||||
|
getDisclosure({ ...this.queryForm }).then(res => { |
||||
|
this.loading = false |
||||
|
this.tableData = [] |
||||
|
this.tableData = res.data.data.records |
||||
|
this.total = res.data.data.total |
||||
|
}) |
||||
|
}, |
||||
|
getArea() { |
||||
|
getGuangDong().then(res => { |
||||
|
this.areaList = res.data.data |
||||
|
}) |
||||
|
}, |
||||
|
getadcd(row) { |
||||
|
let adcdText = "" |
||||
|
let adcdCode = row.adcd.slice(0, 4) + "00" |
||||
|
this.areaList.forEach(item => { |
||||
|
if (item.xzqhdm == adcdCode) { |
||||
|
adcdText = item.name |
||||
|
} |
||||
|
}) |
||||
|
if (adcdText == "") { |
||||
|
adcdText = "省外" |
||||
|
} |
||||
|
return adcdText |
||||
|
}, |
||||
|
resetForm() { |
||||
|
this.queryForm = { |
||||
|
groupId: "2", |
||||
|
qualificationCategory: "", |
||||
|
enterpriseName: "", |
||||
|
adcd: "", |
||||
|
pageNum: 1, |
||||
|
pageSize: 10 |
||||
|
} |
||||
|
this.getResult() |
||||
|
}, |
||||
|
toDetail(row) { |
||||
|
this.$router.push({ |
||||
|
path: "/enterpriseInDetail", |
||||
|
query:{ |
||||
|
enterpriseId:row.enterpriseId |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
Loading…
Reference in new issue