zc
3 years ago
parent
346c44f764
commit
9f5865c360
@ -1,52 +0,0 @@ |
||||
<template> |
||||
<!-- 景区 列表 --> |
||||
<div class="p-dialog-box"> |
||||
<div class="display-flex p-form"> |
||||
<el-select class="p-select " v-model="filterData.level" placeholder="请选择类型"> |
||||
<el-option label="资源名称" value="001"></el-option> |
||||
<el-option label="联系人" value="002"></el-option> |
||||
<el-option label="联系电话" value="003"></el-option> |
||||
</el-select> |
||||
<el-input |
||||
placeholder="请选择" |
||||
suffix-icon="el-icon-arrow-down" |
||||
v-model="filterData.area" |
||||
style="width: 200rem" class=" m-l-small"> |
||||
</el-input> |
||||
<div class="p-resource-seek m-l-small"> |
||||
<el-input v-model="filterData.name" placeholder="请输入关键词"></el-input> |
||||
</div> |
||||
<div class="p-filter-search-btn m-l-small"><i class="iconfont icon-search"></i></div> |
||||
</div> |
||||
<el-table class="p-table m-t-small" :data="listData" align="center" show-overflow-tooltip="true" height="450"> |
||||
<el-table-column type="index" label="序号" width="50"></el-table-column> |
||||
<el-table-column prop="insideArea" label="区域" width="180"></el-table-column> |
||||
<el-table-column prop="resourceName" label="资源名称" width="180"></el-table-column> |
||||
<el-table-column prop="grade" label="等级"></el-table-column> |
||||
<el-table-column prop="label" label="标签"></el-table-column> |
||||
<el-table-column prop="address" label="地址"></el-table-column> |
||||
<el-table-column prop="contacts" label="联系人"></el-table-column> |
||||
<el-table-column prop="telephone" label="联系电话"></el-table-column> |
||||
</el-table> |
||||
</div> |
||||
</template> |
||||
|
||||
<script>export default { |
||||
name: "scenic-list", |
||||
props: ['listData'], |
||||
data(){ |
||||
return{ |
||||
//资源信息筛选 表单 |
||||
filterData: { |
||||
name: "", |
||||
area: '', |
||||
level: "", |
||||
type: "", |
||||
}, |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
</style> |
||||
@ -0,0 +1,139 @@ |
||||
<template> |
||||
<!-- 景区 列表 --> |
||||
<div class="p-dialog-box"> |
||||
<div class="display-flex p-form"> |
||||
<el-select class="p-select " v-model="filterData.searchType" placeholder="请选择类型"> |
||||
<el-option label="资源名称" value="resourceName"></el-option> |
||||
<el-option label="联系人" value="contacts"></el-option> |
||||
<el-option label="联系电话" value="telephone"></el-option> |
||||
</el-select> |
||||
<div class="p-resource-seek m-l-small"> |
||||
<el-input v-model="filterData.keywords" placeholder="请输入关键词"></el-input> |
||||
</div> |
||||
<div @click="getresourceListData" class="p-filter-search-btn m-l-small"><i class="iconfont icon-search"></i></div> |
||||
</div> |
||||
<el-table class="p-table m-t-small" :data="listData" align="center" show-overflow-tooltip="true" height="450"> |
||||
<el-table-column type="index" label="序号" width="50"></el-table-column> |
||||
<el-table-column prop="region" label="区域" width="180"></el-table-column> |
||||
<el-table-column prop="resourceName" label="资源名称" width="180"></el-table-column> |
||||
<!--景区 娱乐 旅行社 等级--> |
||||
<el-table-column v-if="dataType == 'scenic' || dataType == 'fun' || dataType == 'travel'" prop="grade" label="等级" min-width="50" show-overflow-tooltip> |
||||
<template slot-scope="scope"> |
||||
<dict-tag :options="dict.type.scenic_level" :value="scope.row.grade" /> |
||||
</template> |
||||
</el-table-column> |
||||
<!--酒店 民宿 购物 等级--> |
||||
<el-table-column v-if="dataType == 'hotel' || dataType == 'homestay' || dataType == 'shopping'" prop="grade" label="等级" min-width="50" show-overflow-tooltip> |
||||
<template slot-scope="scope"> |
||||
<dict-tag :options="dict.type.hotel_level" :value="scope.row.grade" /> |
||||
</template> |
||||
</el-table-column> |
||||
<!--乡村游等级--> |
||||
<el-table-column v-if="dataType == 'rural'" prop="grade" label="等级" min-width="50" show-overflow-tooltip> |
||||
<template slot-scope="scope"> |
||||
<dict-tag :options="dict.type.rural_level" :value="scope.row.grade" /> |
||||
</template> |
||||
</el-table-column> |
||||
<!--美食等级--> |
||||
<el-table-column v-if="dataType == 'food'" prop="grade" label="等级" min-width="50" show-overflow-tooltip> |
||||
<template slot-scope="scope"> |
||||
<dict-tag :options="dict.type.food_level" :value="scope.row.grade" /> |
||||
</template> |
||||
</el-table-column> |
||||
<!--景区标签--> |
||||
<el-table-column v-if="dataType == 'scenic'" prop="label" label="标签" min-width="60" show-overflow-tooltip> |
||||
<template slot-scope="scope"> |
||||
<dict-tag :options="dict.type.scenic_type" :value="scope.row.label.split(',')"/> |
||||
</template> |
||||
</el-table-column> |
||||
<!--娱乐 标签--> |
||||
<el-table-column v-if="dataType == 'fun'" prop="label" label="标签" min-width="60" show-overflow-tooltip> |
||||
<template slot-scope="scope"> |
||||
<dict-tag :options="dict.type.fun_type" :value="scope.row.label.split(',')"/> |
||||
</template> |
||||
</el-table-column> |
||||
<!--酒店标签--> |
||||
<el-table-column v-if="dataType == 'hotel'" prop="label" label="标签" min-width="60" show-overflow-tooltip> |
||||
<template slot-scope="scope"> |
||||
<dict-tag :options="dict.type.hotel_type" :value="scope.row.label.split(',')"/> |
||||
</template> |
||||
</el-table-column> |
||||
<!--乡村游标签--> |
||||
<el-table-column v-if="dataType == 'rural'" prop="label" label="标签" min-width="60" show-overflow-tooltip> |
||||
<template slot-scope="scope"> |
||||
<dict-tag :options="dict.type.rural_type" :value="scope.row.label.split(',')"/> |
||||
</template> |
||||
</el-table-column> |
||||
<!--民宿标签--> |
||||
<el-table-column v-if="dataType == 'homestay'" prop="label" label="标签" min-width="60" show-overflow-tooltip> |
||||
<template slot-scope="scope"> |
||||
<dict-tag :options="dict.type.homestay_type" :value="scope.row.label.split(',')"/> |
||||
</template> |
||||
</el-table-column> |
||||
<!--美食标签--> |
||||
<el-table-column v-if="dataType == 'food'" prop="label" label="标签" min-width="60" show-overflow-tooltip> |
||||
<template slot-scope="scope"> |
||||
<dict-tag :options="dict.type.food_type" :value="scope.row.label.split(',')"/> |
||||
</template> |
||||
</el-table-column> |
||||
<!--购物标签--> |
||||
<el-table-column v-if="dataType == 'shopping'" prop="label" label="标签" min-width="60" show-overflow-tooltip> |
||||
<template slot-scope="scope"> |
||||
<dict-tag :options="dict.type.shopping_type" :value="scope.row.label.split(',')"/> |
||||
</template> |
||||
</el-table-column> |
||||
<!--旅行社标签--> |
||||
<el-table-column v-if="dataType == 'travel'" prop="label" label="标签" min-width="60" show-overflow-tooltip> |
||||
<template slot-scope="scope"> |
||||
<dict-tag :options="dict.type.travel_type" :value="scope.row.label.split(',')"/> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="address" label="地址"></el-table-column> |
||||
<el-table-column prop="contacts" label="联系人"></el-table-column> |
||||
<el-table-column prop="telephone" label="联系电话"></el-table-column> |
||||
</el-table> |
||||
<div class="p-pagination"> |
||||
<el-pagination |
||||
:current-page="resourcePage" |
||||
:page-size="10" |
||||
layout="prev, pager, next, jumper" |
||||
:total="total"> |
||||
</el-pagination> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getBasicList } from "@/api/picture/resource-monitoring/resourceMonitoring"; |
||||
export default { |
||||
name: "scenic-list", |
||||
props: ['listData','total','interfacePath','dataType'], |
||||
dicts: ['scenic_level','scenic_type','fun_type','hotel_level','hotel_type','rural_type','rural_level' |
||||
,'homestay_type','food_level','food_type','shopping_type','travel_type'], |
||||
data(){ |
||||
return{ |
||||
resourcePage:0, |
||||
//资源信息筛选 表单 |
||||
filterData: { |
||||
searchType: "", |
||||
keywords: "", |
||||
type: "", |
||||
}, |
||||
} |
||||
}, |
||||
methods: { |
||||
//获取 旅游资源 数据 |
||||
getresourceListData() { |
||||
console.log(this.dataType); |
||||
this.filterData.type = this.dataType; |
||||
getBasicList(this.interfacePath,this.filterData).then(response => { |
||||
this.total = response.total; |
||||
this.listData = response.rows; |
||||
}); |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
</style> |
||||
Loading…
Reference in new issue