HB
/
ruoyi-miniapp
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

企业查询

master
DX 1 month ago
parent
4db8c784eb
commit
054151ff72
1 changed files with 389 additions and 348 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 737
      pages/enterprise.vue

737
pages/enterprise.vue
Unescape View File

@ -1,357 +1,398 @@
<template> <template>
<cs-page :selected="3" title="企业档案" isTab> <cs-page
<view class="page-container" id="page"> :selected="3"
<van-search title="企业档案"
:value="queryParams.enterprisesName" isTab
placeholder="输入企业名称或类型查询" >
@sreach="handleSearch" <view
@clear="resetQuery('enterpriseName')" class="page-container"
id="sreach" id="page"
/> >
<van-dropdown-menu safe-area-tab-bar active-color="#17C653"> <van-search
<van-dropdown-item :value="queryParams.enterprisesName"
:value="queryParams.qy" placeholder="输入企业名称或类型查询"
:options="getDropdownOption('qy')" @sreach="handleSearch"
@change=" @clear="resetQuery('enterpriseName')"
v => { id="sreach"
querySelect(v, 'qy') />
} <van-dropdown-menu
" safe-area-tab-bar
/> active-color="#17C653"
<van-dropdown-item >
:value="queryParams.hy" <van-dropdown-item
:options="getDropdownOption('hy')" :value="queryParams.qy"
@change=" :options="getDropdownOption('enterprises_area')"
v => { @change="
querySelect(v, 'hy') v => {
} querySelect(v, 'region')
" }
/> "
<van-dropdown-item />
:value="queryParams.st" <van-dropdown-item
:options="getDropdownOption('st')" :value="queryParams.hy"
@change=" :options="getDropdownOption('hy')"
v => { @change="
querySelect(v, 'st') v => {
} querySelect(v, 'hy')
" }
/> "
<van-dropdown-item />
:value="queryParams.wr" <van-dropdown-item
:options="getDropdownOption('wr')" :value="queryParams.st"
@change=" :options="getDropdownOption('st')"
v => { @change="
querySelect(v, 'wr') v => {
} querySelect(v, 'st')
" }
/> "
</van-dropdown-menu> />
<scroll-view <van-dropdown-item
scroll-y="true" :value="queryParams.wr"
:refresher-enabled="true" :options="getDropdownOption('wr')"
@refresherrefresh="refresherrefresh" @change="
:refresher-triggered="refresherTriggered" v => {
@refresherpulling="refresherpulling" querySelect(v, 'wr')
@scrolltolower="loadMore" }
class="list" "
:style="{ maxHeight: `${listHeight - sreachHeight}px` }" />
> </van-dropdown-menu>
<view <scroll-view
v-for="enterprise in list" scroll-y="true"
:key="enterprise.id" :refresher-enabled="true"
class="wd-flex wd-items-center enterprise" @refresherrefresh="refresherrefresh"
@click="goDetail(enterprise.id)" :refresher-triggered="refresherTriggered"
> @refresherpulling="refresherpulling"
<u-avatar @scrolltolower="loadMore"
:src="enterprise.files[0].url" class="list"
shape="square" :style="{ maxHeight: `${listHeight - sreachHeight}px` }"
size="64" >
></u-avatar> <view
<view class="wd-flex wd-flex-col" style="gap: 4px"> v-for="enterprise in list"
<text class="wd-font-800 wd-text-15"> :key="enterprise.id"
{{ enterprise.enterprisesName }} class="wd-flex wd-items-center enterprise"
</text> @click="goDetail(enterprise.id)"
<view class="wd-flex wd-pb-8px"> >
<u-icon name="map" size="14" color="#17C653"></u-icon> <u-avatar
<text class="address wd-text-12" style="margin-left: 4px"> :src="enterprise.files[0].url"
{{ enterprise.address }} shape="square"
</text> size="64"
</view> ></u-avatar>
<view class="tagList"> <view
<view class="tag"> class="wd-flex wd-flex-col"
{{ style="gap: 4px"
$dict.echoDicValue( >
dictMap.enterprises_type, <text class="wd-font-800 wd-text-15">
enterprise.type {{ enterprise.enterprisesName }}
) </text>
}} <view class="wd-flex wd-pb-8px">
</view> <u-icon
<view class="tag"> name="map"
{{ size="14"
$dict.echoDicValue( color="#17C653"
dictMap.enterprises_area, ></u-icon>
enterprise.region <text
) class="address wd-text-12"
}} style="margin-left: 4px"
</view> >
<view {{ enterprise.address }}
class="tag" </text>
v-for="(tag, index) in enterprise.tagList" </view>
:key="index" <view class="tagList">
> <view class="tag">
{{ tag }} {{
</view> $dict.echoDicValue(
</view> dictMap.enterprises_type,
</view> enterprise.type
<view )
class="audit" }}
v-if="!enterprise.isAudit" </view>
style="color: #f6b100; background-color: #fff8dd" <view class="tag">
> {{
待审核 $dict.echoDicValue(
</view> dictMap.enterprises_area,
</view> enterprise.region
<u-loadmore :status="load" marginTop="12" marginBottom="12" /> )
</scroll-view> }}
</view> </view>
</cs-page> <view
class="tag"
v-for="(tag, index) in enterprise.tagList"
:key="index"
>
{{ tag }}
</view>
</view>
</view>
<view
class="audit"
v-if="!enterprise.isAudit"
style="color: #f6b100; background-color: #fff8dd"
>
待审核
</view>
</view>
<u-loadmore
:status="load"
marginTop="12"
marginBottom="12"
/>
</scroll-view>
</view>
</cs-page>
</template> </template>
<script> <script>
import { getEnterPriseList } from '@/api/enterprise/index.js' import { getEnterPriseList } from '@/api/enterprise/index.js'
import { import {
getDictBatchByType, getDictBatchByType,
getDeptTree, getDeptTree,
getTagData getTagData,
} from '@/api/system/dict.js' } from '@/api/system/dict.js'
export default { export default {
data() { data() {
return { return {
queryParams: { queryParams: {
pageSize: 10, pageSize: 10,
pageNo: 1, pageNo: 1,
qy: '', qy: '',
hy: '', hy: '',
st: '', st: '',
wr: '', wr: '',
enterprisesName: '', enterprisesName: '',
tagList: '' tagList: '',
}, },
listHeight: 0, listHeight: 0,
sreachHeight: 0, sreachHeight: 0,
refresherTriggered: false, refresherTriggered: false,
list: [], list: [],
load: 'loadmore', load: 'loadmore',
dictMap: {} dictMap: {},
} }
}, },
async onLoad() { async onLoad() {
await this.getDict() await this.getDict()
}, },
onShow() { onShow() {
this.queryEnterprise() this.queryEnterprise()
}, },
onReady() { onReady() {
this.getPageHeight() this.getPageHeight()
}, },
methods: { methods: {
getPageHeight() { getPageHeight() {
const query = uni.createSelectorQuery().in(this) const query = uni.createSelectorQuery().in(this)
query query
.select('#sreach') .select('#sreach')
.boundingClientRect(data => { .boundingClientRect(data => {
this.sreachHeight = data.height this.sreachHeight = data.height
}) })
.exec() .exec()
query query
.select('#page') .select('#page')
.boundingClientRect(data => { .boundingClientRect(data => {
this.listHeight = data.height - 35 this.listHeight = data.height - 35
}) })
.exec() .exec()
}, },
async getList() { async getList() {
uni.showToast({ uni.showToast({
title: '加载中', title: '加载中',
mask: true, mask: true,
icon: 'loading' icon: 'loading',
}) })
this.load = 'loading' this.load = 'loading'
const res = await getEnterPriseList(this.queryParams) const res = await getEnterPriseList(this.queryParams)
this.list.push(...res.data.list) this.list.push(...res.data.list)
this.load = 'loadmore' this.load = 'loadmore'
if (this.list.length == res.data.total) { if (this.list.length == res.data.total) {
this.load = 'nomore' this.load = 'nomore'
} }
uni.hideToast() uni.hideToast()
}, },
async getDict() { async getDict() {
const tags = await getTagData(['qy', ' hy', 'st', 'wr'].join(',')) const tags = await getTagData(
const dict = await getDictBatchByType({ ['qy', ' hy', 'st', 'wr'].join(',')
type: [ )
'user_audit_type', const dict = await getDictBatchByType({
'enterprises_type', type: [
'enterprises_area' 'user_audit_type',
].join(',') 'enterprises_type',
}) 'enterprises_area',
let tagMap = {} ].join(','),
tags.data.forEach(t => { })
tagMap[t.tagCode] = t.children let tagMap = {}
}) tags.data.forEach(t => {
this.dictMap = { tagMap[t.tagCode] = t.children
...tagMap, })
...dict.data console.log(tagMap)
} this.dictMap = {
}, ...tagMap,
getDropdownOption(key) { ...dict.data,
if (!this.dictMap[key]) return [] }
const keyMap = { },
qy: '区域', getDropdownOption(key) {
hy: '行业', if (!this.dictMap[key]) return []
st: '生态', const keyMap = {
wr: '污染' enterprises_area: '区域',
} hy: '行业',
const data = this.dictMap[key].map(d => { st: '生态',
return { wr: '污染',
value: d.id, }
text: d.tagName if (['enterprises_area'].includes(key)) {
} const data = this.dictMap[key].map(d => {
}) return {
data.push({ value: d.value,
value: '', text: d.label,
text: keyMap[key] }
}) })
return data data.push({
}, value: '',
querySelect(v, key) { text: keyMap[key],
this.queryParams[key] = v.detail })
this.queryEnterprise() return data
}, }
handleSearch(e) { const data = this.dictMap[key].map(d => {
this.queryParams.pageNum = 1 // 重置页码 return {
this.queryParams.name = e.detail // 更新搜索关键字 value: d.id,
this.getPolicyList() text: d.tagName,
}, }
queryEnterprise() { })
this.queryParams.pageNo = 1 data.push({
this.load = 'loadmore' value: '',
this.list = [] text: keyMap[key],
this.queryParams.tagList = [ })
this.queryParams.qy,
this.queryParams.hy, return data
this.queryParams.st, },
this.queryParams.wr querySelect(v, key) {
] this.queryParams[key] = v.detail
.filter(i => i != '') this.queryEnterprise()
.join() },
this.getList() handleSearch(e) {
}, this.queryParams.pageNum = 1 // 重置页码
loadMore() { this.queryParams.name = e.detail // 更新搜索关键字
if (this.load == 'nomore') { this.getPolicyList()
uni.showToast({ },
title: '没有更多了', queryEnterprise() {
icon: 'none' this.queryParams.pageNo = 1
}) this.load = 'loadmore'
return this.list = []
} this.queryParams.tagList = [
this.queryParams.pageNo++ this.queryParams.qy,
this.getList() this.queryParams.hy,
}, this.queryParams.st,
refresherpulling() { this.queryParams.wr,
const that = this ]
if (!this.refresherTriggered) { .filter(i => i != '')
this.refresherTriggered = true .join()
setTimeout(() => { this.getList()
that.refresherTriggered = false },
}, 1000) loadMore() {
} if (this.load == 'nomore') {
}, uni.showToast({
refresherrefresh() { title: '没有更多了',
this.resetQuery() icon: 'none',
}, })
async resetQuery() { return
this.queryParams = { }
pageSize: 10, this.queryParams.pageNo++
pageNo: 1, this.getList()
qy: '', },
hy: '', refresherpulling() {
st: '', const that = this
wr: '', if (!this.refresherTriggered) {
enterprisesName: '', this.refresherTriggered = true
tagList: '' setTimeout(() => {
} that.refresherTriggered = false
await this.queryEnterprise() }, 1000)
}, }
goDetail(id) { },
uni.navigateTo({ refresherrefresh() {
url: `/sub/enterprise/detail?id=${id}` this.resetQuery()
}) },
} async resetQuery() {
} this.queryParams = {
} pageSize: 10,
pageNo: 1,
qy: '',
hy: '',
st: '',
wr: '',
enterprisesName: '',
tagList: '',
}
await this.queryEnterprise()
},
goDetail(id) {
uni.navigateTo({
url: `/sub/enterprise/detail?id=${id}`,
})
},
},
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.page-container { .page-container {
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
} }
.list { .list {
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
gap: 12px; gap: 12px;
padding: 0 12px; padding: 0 12px;
} }
.enterprise { .enterprise {
padding: 12px; padding: 12px;
background-color: #fff; background-color: #fff;
border-radius: $cs-border-radius; border-radius: $cs-border-radius;
gap: 12px; gap: 12px;
margin-top: 12px; margin-top: 12px;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
font-size: 12px; font-size: 12px;
.address { .address {
color: $uni-text-color-grey; color: $uni-text-color-grey;
} }
&:active { &:active {
background-color: $cs-color-touch; background-color: $cs-color-touch;
} }
.tagList { .tagList {
margin-top: 8px; margin-top: 8px;
display: flex; display: flex;
gap: 4px; gap: 4px;
color: $uni-text-color-grey; color: $uni-text-color-grey;
display: flex; display: flex;
.tag { .tag {
font-size: 12px; font-size: 12px;
display: flex; display: flex;
padding: 2px 6px; padding: 2px 6px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 2px; border-radius: 2px;
background: #f9f9f9; background: #f9f9f9;
} }
} }
.audit { .audit {
position: absolute; position: absolute;
right: -19px; right: -19px;
top: 6px; top: 6px;
transform: rotateZ(45deg); transform: rotateZ(45deg);
transform-origin: 50% 50%; transform-origin: 50% 50%;
padding: 4px 20px; padding: 4px 20px;
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
} }
} }
::v-deep .van-dropdown-menu { ::v-deep .van-dropdown-menu {
box-shadow: none; box-shadow: none;
height: 35px; height: 35px;
font-size: 13px; font-size: 13px;
border-bottom: 1px solid #f1f1f4; border-bottom: 1px solid #f1f1f4;
} }
::v-deep .u-list { ::v-deep .u-list {
padding: 12px; padding: 12px;
} }
</style> </style>

Write Preview
Loading…
Cancel
Save