企业管理页面优化

master
schry 2 years ago
parent 0a8ec29845
commit 93974b4bee

@ -1,30 +1,49 @@
<template>
<div>
<el-card>
<el-form :inline="true" :model="filterQuery" class="query-form" size="mini" label-width="100px">
<el-row>
<el-form-item label="企业名称:">
<el-input
v-model="filterQuery.companyName"
placeholder="企业名称"
clearable
></el-input>
</el-form-item>
<el-form-item>
<el-button-group>
<el-button
type="primary"
icon="el-icon-refresh"
@click="onReset"
>重置</el-button>
<el-button type="primary" icon="el-icon-search" @click="onSubmit"
>查询
</el-button
>
</el-button-group>
</el-form-item>
<el-form class="query-form" size="mini" label-width="120px" v-show="showSearch">
<el-row type="flex">
<el-col type="flex" :span="8">
<el-form-item label="企业名称:">
<el-input
v-model="filterQuery.companyName"
style="width: 90%"
placeholder="企业名称"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col type="flex" :span="8">
<el-form-item label="企业类型" class="query-form-item">
<el-select v-model="filterQuery.bussinessStatus" style="width: 90%" placeholder="请选择企业类型" clearable>
<el-option label="生产企业" value="1"></el-option>
<el-option label="流通企业" value="2"></el-option>
<el-option label="医疗机构" value="3"></el-option>
<el-option label="监管机构" value="4"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col type="flex" :span="8">
<el-form-item label="统一社会信用号" class="query-form-item">
<el-input
v-model="filterQuery.creditNum"
style="width: 90%"
placeholder="请输入统一社会信用号"
clearable
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="top-right-btn" style="display:flex;">
<el-button-group>
<el-button icon="el-icon-view" type="primary" @click="hideSearch">/</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button type="primary" icon="el-icon-search" @click="onSubmit"></el-button>
</el-button-group>
</div>
<el-divider style="margin: 15px"></el-divider>
<el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row>
<el-table-column label="序号" type="index"></el-table-column>
@ -413,6 +432,7 @@ import customerUser from "./customerUser";
export default {
data() {
return {
showSearch: true,
BASE_URL: process.env.VUE_APP_BASE_API,
imgList:[],
imgViewerVisible: false,
@ -420,6 +440,9 @@ export default {
certList:[],
filterQuery: {
companyName: "",
checkStatus: "",
creditNum: "",
bussinessStatus: "",
page: 1,
limit: 20,
},
@ -484,12 +507,19 @@ export default {
},
},
methods: {
//
hideSearch() {
this.showSearch = !this.showSearch;
},
onReset() {
this.$router.push({
path: "",
});
this.filterQuery = {
companyName: "",
checkStatus: "",
creditNum: "",
bussinessStatus: "",
page: 1,
limit: 20,
};

@ -1,31 +1,50 @@
<template>
<div>
<el-card>
<el-form :inline="true" :model="filterQuery" class="query-form" size="mini" label-width="100px">
<el-row>
<el-form-item label="企业名称:">
<el-input
v-model="filterQuery.companyName"
placeholder="企业名称"
clearable
></el-input>
</el-form-item>
<el-form-item>
<el-button-group>
<el-button
type="primary"
icon="el-icon-refresh"
@click="onReset"
>重置
</el-button>
<el-button type="primary" icon="el-icon-search" @click="onSubmit"
>查询
</el-button
>
</el-button-group>
</el-form-item>
<el-form class="query-form" size="mini" label-width="120px" v-show="showSearch">
<el-row type="flex">
<el-col type="flex" :span="8">
<el-form-item label="企业名称:">
<el-input
v-model="filterQuery.companyName"
style="width: 90%"
placeholder="企业名称"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col type="flex" :span="8">
<el-form-item label="企业类型" class="query-form-item">
<el-select v-model="filterQuery.bussinessStatus" style="width: 90%" placeholder="请选择企业类型" clearable>
<el-option label="生产企业" value="1"></el-option>
<el-option label="流通企业" value="2"></el-option>
<el-option label="医疗机构" value="3"></el-option>
<el-option label="监管机构" value="4"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col type="flex" :span="8">
<el-form-item label="统一社会信用号" class="query-form-item">
<el-input
v-model="filterQuery.creditNum"
style="width: 90%"
placeholder="请输入统一社会信用号"
clearable
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="top-right-btn" style="display:flex;">
<el-button-group>
<el-button icon="el-icon-view" type="primary" @click="hideSearch">/</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button type="primary" icon="el-icon-search" @click="onSubmit" size="mini">查询</el-button>
</el-button-group>
</div>
<el-divider style="margin: 15px"></el-divider>
<el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row>
<el-table-column label="序号" type="index"></el-table-column>
<el-table-column label="在线状态" prop="onLineStatus" width="80">
@ -177,6 +196,7 @@ import {insertBusType} from "@/api/basic/busType";
export default {
data() {
return {
showSearch: true,
BASE_URL: process.env.VUE_APP_BASE_API,
imgList: [],
imgViewerVisible: false,
@ -184,6 +204,9 @@ export default {
certList: [],
filterQuery: {
companyName: "",
checkStatus: "",
creditNum: "",
bussinessStatus: "",
page: 1,
limit: 20,
},
@ -240,12 +263,19 @@ export default {
},
},
methods: {
//
hideSearch() {
this.showSearch = !this.showSearch;
},
onReset() {
this.$router.push({
path: "",
});
this.filterQuery = {
companyName: "",
checkStatus: "",
creditNum: "",
bussinessStatus: "",
page: 1,
limit: 20,
};
@ -335,3 +365,16 @@ export default {
},
};
</script>
<style scoped>
.el-col {
border-radius: 4px;
flex-wrap: wrap;
}
.query-form-item {
display: block !important;
margin-right: 10px;
margin-bottom: 5px;
}
</style>

@ -1,39 +1,59 @@
<template>
<div>
<el-card>
<el-form :model="filterQuery" class="query-form" label-width="120px" inline>
<el-row>
<el-form-item label="企业名称">
<el-input
v-model="filterQuery.companyName"
style="width: 90%"
placeholder="请输入企业名称"
clearable
></el-input>
</el-form-item>
<el-form-item label="审核状态">
<el-select v-model="filterQuery.checkStatus" style="width: 90%" placeholder="请选择审核状态">
<el-option label="未审核" value="3"></el-option>
<el-option label="已审核" value="1"></el-option>
<el-option label="未通过" value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button-group>
<el-button
type="primary"
icon="el-icon-refresh"
@click="onReset"
>重置
</el-button>
<el-button type="primary" icon="search" @click="onSubmit"
>查询
</el-button
>
</el-button-group>
</el-form-item>
<el-form label-width="120px" v-show="showSearch" size="mini">
<el-row type="flex">
<el-col type="flex" :span="8">
<el-form-item label="企业名称" class="query-form-item">
<el-input
v-model="filterQuery.companyName"
style="width: 90%"
placeholder="请输入企业名称"
clearable
></el-input>
</el-form-item>
</el-col>
<el-col type="flex" :span="8">
<el-form-item label="审核状态" class="query-form-item">
<el-select v-model="filterQuery.checkStatus" style="width: 90%" placeholder="请选择审核状态" clearable>
<el-option label="未审核" value="3"></el-option>
<el-option label="已审核" value="1"></el-option>
<el-option label="未通过" value="2"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col type="flex" :span="8">
<el-form-item label="统一社会信用号" class="query-form-item">
<el-input
v-model="filterQuery.creditNum"
style="width: 90%"
placeholder="请输入统一社会信用号"
clearable
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row type="flex">
<el-col type="flex" :span="8">
<el-form-item label="企业类型" class="query-form-item">
<el-select v-model="filterQuery.bussinessStatus" style="width: 90%" placeholder="请选择企业类型" clearable>
<el-option label="生产企业" value="1"></el-option>
<el-option label="流通企业" value="2"></el-option>
<el-option label="医疗机构" value="3"></el-option>
<el-option label="监管机构" value="4"></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="top-right-btn" style="display:flex;">
<el-button-group>
<el-button icon="el-icon-view" type="primary" @click="hideSearch">/</el-button>
<el-button type="primary" icon="el-icon-refresh" @click="onReset"></el-button>
<el-button type="primary" icon="el-icon-search" @click="onSubmit" size="mini">查询</el-button>
</el-button-group>
</div>
<el-divider style="margin: 15px"></el-divider>
<el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row class="table-fixed">
<el-table-column label="序号" type="index"></el-table-column>
@ -506,12 +526,15 @@ export default {
certTotal: 0,
details:false,
imgList:[],
showSearch: true,
certLoading: false,
imgViewerVisible: false,
BASE_URL: process.env.VUE_APP_BASE_API,
filterQuery: {
companyName: "",
checkStatus: "",
creditNum: "",
bussinessStatus: "",
page: 1,
limit: 20,
},
@ -583,6 +606,10 @@ export default {
},
methods: {
//
hideSearch() {
this.showSearch = !this.showSearch;
},
onReset() {
this.$router.push({
path: "",
@ -590,6 +617,9 @@ export default {
this.filterQuery = {
companyName: "",
checkType: "",
checkStatus: "",
creditNum: "",
bussinessStatus: "",
page: 1,
limit: 20,
};
@ -882,8 +912,16 @@ export default {
</script>
<style lang="scss" scoped>
<style scoped>
.el-col {
border-radius: 4px;
flex-wrap: wrap;
}
.query-form-item {
display: block !important;
margin-right: 10px;
margin-bottom: 5px;
}
</style>

Loading…
Cancel
Save