Niko
/
shuili_manager
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

..

dev_kxc
liweikun 1 year ago
parent
f3c4b112eb
commit
9d22061ef5
4 changed files with 338 additions and 126 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      jwtech-pc-page/config/index.js
  2. 143
      jwtech-pc-page/src/views/enterpriseInformation/components/enterpriseBasicList.vue
  3. 119
      jwtech-pc-page/src/views/enterpriseInformation/components/personnelBasicList.vue
  4. 200
      jwtech-pc-page/src/views/enterpriseInformation/index.vue

2
jwtech-pc-page/config/index.js
View File

@ -41,7 +41,7 @@ module.exports = {
},
// 使用 localhost:18080 或者 本机地址:18080 访问系统页面
host: '192.168.2.101', // can be overwritten by process.env.HOST
host: '192.168.255.50', // can be overwritten by process.env.HOST
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: true,

143
jwtech-pc-page/src/views/enterpriseInformation/components/enterpriseBasicList.vue
View File

@ -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>

119
jwtech-pc-page/src/views/enterpriseInformation/components/personnelBasicList.vue
View File

@ -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>

200
jwtech-pc-page/src/views/enterpriseInformation/index.vue
View File

@ -1,153 +1,103 @@
<template>
<div class="certification-page">
<div class="certification-tabs">
<div class="tabs-wrap">
<el-tabs v-model="activeName" @tab-click="handleClick" ref="tabcs">
<el-tab-pane label="企业基本信息" name="enterpriseBasic"></el-tab-pane>
<el-tab-pane label="人员基本信息" name="personnelBasic"></el-tab-pane>
<el-tab-pane label="企业资质信息" name="proAuthentication"></el-tab-pane>
<el-tab-pane label="项目业绩信息" name="proRecords"></el-tab-pane>
<el-tab-pane label="企业良好行为记录" name="majorDesign"></el-tab-pane>
<el-tab-pane label="人员良好行为记录" name="majorDesign2"></el-tab-pane>
</el-tabs>
</div>
</div>
<div class="certification-list">
<div class="list-wrap">
<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" />
<enterpriseBasicList v-if="activeName=='enterpriseBasic'" />
<personnelBasicList v-if="activeName=='personnelBasic'" />
</div>
</div>
</div>
</template>
<script>
import { getDisclosure } from "@/api/home"
import { getGuangDong } from "@/api/creditStatistics"
import enterpriseBasicList from "./components/enterpriseBasicList"
import personnelBasicList from "./components/personnelBasicList"
export default {
components:{
enterpriseBasicList,
personnelBasicList,
},
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: []
activeName:"enterpriseBasic"
}
},
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 = "省外"
handleClick(tab, event) {
// console.log(tab, event);
if (tab.name == "majorDesign"||tab.name =="majorDesign2") {
this.resetActivePosition(this.$refs.tabcs.$el);
}
return adcdText
},
resetForm() {
this.queryForm = {
groupId: "2",
qualificationCategory: "",
enterpriseName: "",
adcd: "",
pageNum: 1,
pageSize: 10
}
this.getResult()
resetActivePosition($el) {
this.$nextTick(() => {
const activeEl = $el.querySelector('.el-tabs__item.is-active');
const lineEl = $el.querySelector('.el-tabs__active-bar');
const style = getComputedStyle(activeEl);
const pl = style.paddingLeft.match(/\d+/)[0] * 1;
lineEl.style.transform =
'translateX(' + (activeEl.offsetLeft + 40) + 'px)';
console.log(activeEl.offsetLeft, pl);
});
},
toDetail(row) {
this.$router.push({
path: "/enterpriseInDetail",
query:{
enterpriseId:row.enterpriseId
}
})
}
}
}
</script>
<style lang="less" scoped>
.certification-page {
.certification-tabs {
height: 60px;
background: #FFFFFF;
border: 1px solid transparent;
.tabs-wrap {
width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
/deep/.el-tabs {
margin-top: 11px;
.el-tabs__nav-wrap::after {
background: #Fff;
}
.el-tabs__item {
font-size: 16px;
font-weight: 600;
color: #333333;
height: 48px;
}
.el-tabs__item.is-active {
color: #005EB7;
}
.el-tabs__active-bar {
width: 0 !important;
height: 0;
border: 10px solid transparent;
border-bottom: 10px solid #005EB7;
background: none;
left: 40px;
}
}
}
}
.certification-list {
background: linear-gradient(180deg, #005EB7 0%, #EDF7FF 60% #EDF7FF 100%);

Write Preview
Loading…
Cancel
Save