|
@@ -1,12 +1,12 @@
|
|
|
<template>
|
|
|
<div class="container">
|
|
|
<van-search
|
|
|
- v-model="keywords"
|
|
|
- placeholder="请输入搜索关键词"
|
|
|
- :left-icon="searchImg"
|
|
|
- :right-icon="closeImg"
|
|
|
- @search="onSearch"
|
|
|
- class="common-search"
|
|
|
+ v-model="keywords"
|
|
|
+ placeholder="请输入搜索关键词"
|
|
|
+ :left-icon="searchImg"
|
|
|
+ :right-icon="closeImg"
|
|
|
+ class="common-search"
|
|
|
+ @search="onSearch"
|
|
|
/>
|
|
|
<van-dropdown-menu>
|
|
|
<van-dropdown-item v-model="areaType" :options="columns" />
|
|
@@ -14,19 +14,19 @@
|
|
|
</van-dropdown-menu>
|
|
|
|
|
|
<van-list
|
|
|
- v-model:loading="loading"
|
|
|
- :finished="finished"
|
|
|
- finished-text="没有更多了"
|
|
|
- @load="onLoad"
|
|
|
+ v-model:loading="loading"
|
|
|
+ :finished="finished"
|
|
|
+ finished-text="没有更多了"
|
|
|
+ @load="onLoad"
|
|
|
>
|
|
|
- <div v-for="(item,index) in list" :key="item.id">
|
|
|
+ <div v-for="(item, index) in list" :key="item.id">
|
|
|
<div class="person-box" @click="personInform(item)">
|
|
|
<div class="circle">
|
|
|
<img :src="onlineUser" alt="" />
|
|
|
</div>
|
|
|
<div style="display: flex">
|
|
|
<div class="information-card">
|
|
|
- <div style="display: flex; margin-top: 10px;">
|
|
|
+ <div style="display: flex; margin-top: 10px">
|
|
|
<div style="font-weight: bold">{{ item.name }}</div>
|
|
|
<div class="notOnline" style="color: #638dce">
|
|
|
{{ item.title }}
|
|
@@ -35,7 +35,10 @@
|
|
|
<div style="font-size: 13px; margin-top: 5px; color: #979797">
|
|
|
{{ item.unit }}
|
|
|
</div>
|
|
|
- <div class="text-ellipsis" style="color: #979797; font-size: 13px">
|
|
|
+ <div
|
|
|
+ class="text-ellipsis"
|
|
|
+ style="color: #979797; font-size: 13px"
|
|
|
+ >
|
|
|
{{ item.position }}
|
|
|
</div>
|
|
|
</div>
|
|
@@ -49,10 +52,10 @@
|
|
|
</div>
|
|
|
</van-list>
|
|
|
</div>
|
|
|
-<!-- <expertinformation-->
|
|
|
-<!-- v-if="isShowInform"-->
|
|
|
-<!-- class="modal-overlay"-->
|
|
|
-<!-- />-->
|
|
|
+ <!-- <expertinformation-->
|
|
|
+ <!-- v-if="isShowInform"-->
|
|
|
+ <!-- class="modal-overlay"-->
|
|
|
+ <!-- />-->
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
@@ -67,9 +70,7 @@ const keywords = ref();
|
|
|
const areaType = ref("440900000");
|
|
|
const value2 = ref("a");
|
|
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
|
-const { district_type } = toRefs<any>(
|
|
|
- proxy?.useDict("district_type")
|
|
|
-);
|
|
|
+const { district_type } = toRefs<any>(proxy?.useDict("district_type"));
|
|
|
const columns = computed(() => {
|
|
|
let data = [{ text: "茂名市", value: "440900000" }];
|
|
|
if (district_type.value && district_type.value.length > 0) {
|
|
@@ -130,7 +131,7 @@ const list = ref([
|
|
|
}
|
|
|
]);
|
|
|
const loading = ref(false);
|
|
|
-const finished = ref(false);
|
|
|
+const finished = ref(true);
|
|
|
// const onLoad = () => {};
|
|
|
|
|
|
const personInform = item => {
|