<script>
import StaticConstant from "@/common/StaticConstant";
import Request from '@/common/request'
import ImagesConstant from "@/common/ImagesConstant";

let request = new Request()
export default {
  components: {},
  computed: {
    ImagesConstant() {
      return ImagesConstant
    },
    StaticConstant() {
      return StaticConstant
    }
  },
  data() {
    return {
      searchText: '',
      list: [
        {
          title: '新疆艺术学院2024年本科招生简章',
          url: ''
        },
        {
          title: '新疆艺术学院2024年本科招生简章招生简章招生简章招生简章招生简章',
          url: ''
        }
      ],
      menuData:[
        {
          name: 'year', title: '年份', options: [
            {label: "2024", value: "2024"},
            {label: "2023", value: "2023"},
            {label: "2022", value: "2022"},
            {label: "2021", value: "2021"}
          ]
        },
        {
          name: 'category', title: '文理分科', options: [
            {label: "文科", value: "文科"},
            {label: "理科", value: "理科"},
          ]
        },
        {
          name: 'professionalCategory', title: '专业类别', options: [
            {label: "音乐类", value: "音乐类"},
            {label: "国际标准舞类", value: "国际标准舞类"},
            {label: "播音与主持类", value: "播音与主持类"},
            {label: "表演类", value: "表演类"},
            {label: "编导制作类", value: "编导制作类"},
            {label: "书法类", value: "书法类"},
            {label: "艺术舞蹈类", value: "艺术舞蹈类"},
            {label: "美术类", value: "美术类"},
            {label: "体育类", value: "体育类"},
          ]
        },

      ],
      menuValue:{
        province:"2024",
        category:'文科',
        professionalCategory:'音乐类'
      },
    }
  },
  methods: {
    clearSearchInput() {

    },
    searchClick() {

    }
  }
}
</script>

<template>
  <view class="header">
    <view class="search-view">
      <view style="width: 90%">
        <uni-search-bar class="uni-mt-10" radius="100" placeholder="请输入最低分数" v-model="searchText"
                        @clear="clearSearchInput" cancelButton="none" @confirm="searchClick"/>
      </view>
      <view style="width: 10%;line-height: 100rpx">
        <text @click="searchClick">搜索</text>
      </view>
    </view>
  </view>
  <view class="body">
    <view class="image1">
      <image src="http://files.yitisheng.vip/images/zsjz2.png" style="height: 200rpx;width:100%"/>
    </view>
    <!--筛选项-->
    <wei-dropdown-menu :data="menuData" @change="onChange" :value="menuValue"
                       :popupSytle="{ borderRadius: '0 0 10px 10px', overflow: 'hidden' }"></wei-dropdown-menu>
    <!--简章列表-->
    <view class="list">
      <view class="list-item" :class="index===list.length-1?'list-item-end':''" v-for="(item,index) in list" :key="index">
        <view class="title">
          <text>{{ item.title }}</text>
        </view>
        <view class="right-icon">
          <image :src="ImagesConstant.keyboard.arrowRight" style="width: 40rpx;height: 40rpx"/>
        </view>
      </view>
    </view>
  </view>
</template>

<style scoped lang="scss">
/*搜索栏 start*/
.header {
  background-color: white;

  .search-view {
    display: flex;
    height: 100rpx;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
  }
}

:deep(.uni-searchbar) {
  padding: 15rpx 10rpx !important;
}

/*搜索栏 end*/
/*中间部分 start*/
.body {
  background-color: white;

  .image1 {
    padding: 30rpx;
  }

  .list {
    padding: 0 30rpx;

    .list-item {
      border-bottom: 1px solid #f5f5f5;
      display: flex;
      min-height: 100rpx;

      .title {
        color: #666666;
        font-size: 30rpx;
        width: 80%;
        margin: 30rpx 0;
      }

      .right-icon {
        width: 20%;
        line-height: 100rpx;
        margin: auto 0;
        image {
          float: right;
          position: static;

        }
      }
    }

    .list-item-end {
      border-bottom: none !important;
    }
  }
}

/*中间部分 end*/
</style>
