antissoft / antis-greenway

  <template>
  	<view class="page">
  		<!-- 搜索 -->
  		<view class="head-search">

  			<u-search bg-color="#fff" placeholder="请输入关键词" v-model="query.keyword" :show-action="false" @search="search"></u-search>
  			<u-button type="success" @click="search">搜索</u-button>

  		</view>
  		<view class="screen-list">

  			<view class="list" @click="typeshow = true">

  				<text>类型</text>

  				<image  :src="$imgUrl('/down.png')"></image>
  				<u-select v-model="typeshow" :list="typeList" @confirm="(v) => {queryChange('advertisingType', v)}"></u-select>

  			</view>
  			<view class="list" @click="setList(1)">
  				<text>租金</text>

  				<image :src="$imgUrl('/down.png')"></image>

  			</view>
  			<!-- <view class="list">
  				<text>默认排序</text>
  				<image src="../../static/down.png"></image>
  			</view> -->
  			<view class="list" @click="setList(2)">
  				<text>筛选</text>

  				<image :src="$imgUrl('/down.png')"></image>

  			</view>
  			<u-select v-model="show" :list="companys" @confirm="handleCompanyConfirm" mini borderless></u-select>
  		</view>
  		<!-- 订单列表 -->
  		<view class="goods-data">
  			<view class="goods-list">

  				<view class="list" v-for="(item,index) in tableData" :key="index" @click="toDetail(item)">

  					<view class="thumb">

  						<u-image width="20vw" height="20vw" :src="item.locationDiagram"></u-image>
  						<!-- <image :src="item.locationDiagram" mode="widthFix"></image> -->

  					</view>
  					<view class="item">
  						<view class="title">
  							<text class="one-omit">{{item.advertisingName}}</text>
  						</view>
  						<view>
  							<view class="goods-list-text">
  								<view class="goods-list-txt">轮播顺序：<text>{{item.rotationOrder}}</text></view>

  								<view class="goods-list-txt">所属移动端：<text>{{item.affiliation}}</text></view>

  							</view>
  							<view class="goods-list-text">
  								<view class="goods-list-txt">投放定价：<text>100元/天</text></view>

  								<view class="goods-list-txt">单次可租赁时间：<text>1天</text></view>

  							</view>
  						</view>

  					</view>
  				</view>
  			</view>
  		</view>
  	</view>
  </template>
  
  <script>
  	export default {
  		data() {
  			return {
  				tableData: [],

  				query: {
  					keyword: '',
  					advertisingType: '',
  				},

  				pageindex: {
  				  pageNumber: 1,
  				  pageSize: 10,

  				},

  				typeshow: false,
  				typeList: [
  					{ value: '线上广告位', label: '线上广告位'},
  					{ value: '实体广告位', label: '实体广告位'},
  				],

  				show:false,

  				companys:[
  					{
  						value: '1',
  						label: '线上广告位'
  					},
  					{
  						value: '2',
  						label: '线下广告位'
  					}
  				]
  			};
  		},
  		mounted() {
  		this.getAll()
  		  },
  		methods: {

  			//查询全数据

  			getAll() {
  				let query = Object.assign(this.pageindex, this.query);
  				this.$http.sendRequest('/cereAdvertisingInformation/likeGet', 'POST', query, 1).then(res => {
  				    //成功回调
  					this.tableData = res.data.data.content;
  				}).catch(err => {
  				    console.log(err)

  				     	//请求失败

  				})
  			},
  			search() {
  				this.pageindex = {
  					pageNumber: 1,
  					pageSize: 10,
  				};
  				this.getAll();
  			},
  			queryChange(key, val) {
  				this.query[`${key}`] = val[0].value;
  				this.search();
  			},
  			toDetail(item) {
  				let items = JSON.stringify(item)
  				uni.navigateTo({
  					url: `/pages/advertisementDetail/advertisementDetail?item=${items}`
  				})

  			},

  			
  			
  			// advertisementTime() {
  			// 	uni.navigateTo({
  			// 		url: '/pages/advertisementTime/advertisementTime'
  			// 	})
  			// },

  			setList(val){
  				console.log(val)
  				if(val == 0){
  					this.companys=[
  					{
  						value: '1',
  						label: '线上广告位'
  					},
  					{
  						value: '2',
  						label: '线下广告位'
  					}
  				]
  				}else if(val ==1){
  					this.companys = []
  				}else if(val ==2){
  					this.companys = []
  				}
  				
  				this.show = true
  			},
  			handleCompanyConfirm(val){
  				console.log(val)
  				
  				let page = {
  					pageNumber: 1,
  					pageSize: 10,
  					advertisingType:val[0].label
  				}
  				this.$http.sendRequest('/cereAdvertisingInformation/likeGet', 'POST', page, 1).then(res => {
  					//成功回调
  					this.tableData = res.data.data.content
  				})
  			},
  			sousu(){
  				if(this.keyword != ''){
  				}
  			},
  		}
  	}
  </script>
  
  <style scoped lang="scss">
  	@import 'advertisement.scss';
  </style>