132 lines
3.4 KiB
HTML
132 lines
3.4 KiB
HTML
<!--#
|
|
layout("/mobile/platform.html"){
|
|
#-->
|
|
|
|
<style>
|
|
|
|
.info {
|
|
position: relative;
|
|
width: 88%;
|
|
margin: 20px auto;
|
|
font-size: 14px;
|
|
box-shadow: 0 2px 10px rgb(125 126 128 / 16%);
|
|
padding: 12px;
|
|
border-radius: 10px;
|
|
background-color: white;
|
|
}
|
|
|
|
.avatar {
|
|
width: 28%;
|
|
}
|
|
|
|
.other_info {
|
|
width: 72%;
|
|
line-height: 22px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.desc {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
img {
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.van-dropdown-menu__item {
|
|
flex: auto;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div id="app" v-cloak>
|
|
|
|
<van-nav-bar
|
|
title="法律咨询师列表"
|
|
left-arrow
|
|
placeholder
|
|
fixed
|
|
@click-left="window.history.back()">
|
|
</van-nav-bar>
|
|
|
|
<van-dropdown-menu>
|
|
<van-dropdown-item v-model="pageForm.typeId" :options="typeList"
|
|
@change="doSearch"></van-dropdown-item>
|
|
</van-dropdown-menu>
|
|
|
|
<!--咨询师列表-->
|
|
<div class="info" @click="toApply(item)" v-for="item in tableData">
|
|
<div style="display: flex;">
|
|
<!--头像-->
|
|
<div class="avatar">
|
|
<van-image width="80" :src="APP_DOMAIN+FILE_STREAM_PREVIEW_ADDRESS+'?id='+item.avatar"></van-image>
|
|
</div>
|
|
<!--其他信息-->
|
|
<div class="other_info">
|
|
<div>
|
|
<span style="font-size: 20px">{{item.username}} </span>
|
|
<span style="color: grey">{{item.sex}} </span> 
|
|
</div>
|
|
<div>
|
|
<div>
|
|
<span style="color: grey">职称：</span>{{item.jobTitle}}
|
|
</div>
|
|
<div>
|
|
<span style="color: grey">单位：</span>{{item.unitName}}
|
|
</div>
|
|
<div class="desc">
|
|
<span style="color: grey">特长：</span>{{item.specialty}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<van-empty v-if="tableData.length==0" class="custom-image" image="/none.svg"
|
|
description="暂无数据">
|
|
</van-empty>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
var vue = new Vue({
|
|
el: '#app',
|
|
mixins: [mobileMixins],
|
|
data() {
|
|
return {
|
|
typeList: [
|
|
{text: '时间不限', value: 'no'},
|
|
{text: '本周', value: 'thisWeek'},
|
|
{text: '下周', value: 'nextWeek'},
|
|
],
|
|
}
|
|
},
|
|
methods: {
|
|
doSearch() {
|
|
this.tableData = []
|
|
this.pageData()
|
|
},
|
|
async pageData() {
|
|
const resp = await $.post('/mobile/legalAidPro/pageData', this.pageForm)
|
|
if (resp.code === 0) {
|
|
this.tableData = resp.data
|
|
}
|
|
},
|
|
toApply(o) {
|
|
location.href = '/mobile/legalAidPro/apply?doctorId=' + o.userid + '&typeId=' + this.pageForm.typeId
|
|
}
|
|
},
|
|
async created() {
|
|
this.$set(this.pageForm, "typeId", this.typeList[0].value)
|
|
await this.pageData()
|
|
},
|
|
})
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#--> |