UDI
/
udi-cpt-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

企业管理页面优化

Browse Source
master
schry 2 years ago
parent 0a8ec29845
commit 93974b4bee
3 changed files with 189 additions and 78 deletions
Show Stats Download Patch File Download Diff File

74
src/views/userManage/customerManage.vue
Unescape Escape View File

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

89
src/views/userManage/onLineManage.vue
Unescape Escape View File

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

104
src/views/userManage/registerManage.vue
Unescape Escape View File

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

Write Preview
Loading…
Cancel
Save