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

let request = new Request()
// 缓存每页最多
const MAX_CACHE_DATA = 100;
// 缓存页签数量
const MAX_CACHE_PAGE = 3;

export default {
  name: "模拟填报",
  data() {
    return {
      volunteerId:'',
      /*悬浮按钮*/
      fab:{
        horizontal:'left',
        vertical: 'bottom',
        direction: 'horizontal',
        pattern:{
          color: '#7A7E83',
          backgroundColor: '#fff',
          selectedColor: '#007AFF',
          buttonColor: '#007AFF',
          iconColor: '#fff'
        },
        content: [{
          iconPath: '/static/icons/arrow/angle-down.png',
          selectedIconPath: '/static/icons/arrow/angle-down-active.png',
          text: '回到顶部',
          active: false
        }]
      },
      ///
      circle: {kcj: 0, jwt: 0, nlq: 0, kbd: 0,},
      modelVale: 0,
      topBackShow: true,//显示回到顶部
      selectForm: {
        address: '',
        schoolName: '',
        paneName: '全部',
        batch: '提前批',
      },
      scoreInfo: {
        province: '河南',//省份
        cognitioPolyclinic: '理科',//科类
        professionalCategory: '美术类',//报考方向
        culturalScore: '475',//文化分
        professionalScore: '257',//统考分
      },
      cityData: [{text: "河南", value: "河南",}],
      tabIndex: 0,
      scrollInto: "",
      newsList: [],
      cacheTab: [],
      tabBars: [{name: '本科提前批', id: '提前批'}, {name: '本科A段', id: '本科A段'}, {
        name: '本科B段',
        id: '本科B段'
      }, {name: '高职高专', id: '高职高专'}],
      recommendVolunteerList: StaticConstant.recommendVolunteerList,//推荐志愿列表
      page:{
        current: 1,
        pageSize:5,
        total: 0,
      },//分页结果
      filledVolunteer: {
        volunteerId: '',
        volunteerName: '',
        volunteerEarlyAdmissionList: [],//本科提前批
        volunteerUndergraduateAList: [],//本科A段
        volunteerUndergraduateBList: [],//本科B段
        volunteerJuniorCollegeList: [],//高职高专
        volunteerUndergraduateList: [],//体育本科
        volunteerMap: new Map()
      },//已填志愿信息
      years: StaticConstant.years,
      nowYear: StaticConstant.year
    }
  },
  onShow(e){
    this.getUserScore()
  },
  onLoad(e) {
    console.log(e)
    if (e.batch && e.volunteerId) {
      this.selectForm.batch = e.batch;
      this.volunteerId = e.volunteerId;
      console.log(e)
    }
    setTimeout(() => {
      this.tabBars.forEach((tabBar) => {
        this.newsList.push({
          data: [],
          isLoading: false,
          refreshText: "",
          loadingText: '加载更多...'
        });
      });
    }, 350)
  },
  methods: {
    search(res) {
      this.selectForm.schoolName = res.value
      this.getRecommendVolunteerList()
      /*uni.showToast({
        title: '搜索：' + res.value,
        icon: 'none'
      })*/
    },
    goto(url) {
      uni.navigateTo({
        url: url
      })
    },
    onPageScroll(e) {
      /*console.log(e.scrollTop)
      if (e.scrollTop >= 200) {
        // 显示
        this.topBackShow = true
      } else {
        // 隐藏
        this.topBackShow = false
      }*/
    },
    topBack() {
      uni.pageScrollTo({
        scrollTop: 0,   // 滚动到页面的目标位置  这个是滚动到顶部, 0
        duration: 300  // 滚动动画的时长
      })
    },
    ontabtap(e) {
      //切换了 tabs
      console.log(e)
      let index = e.target.dataset.current || e.currentTarget.dataset.current;
      this.selectForm.batch = this.tabBars[index].id
      //清除页数
      this.page.current = 1
      this.getRecommendVolunteerList()
      this.switchTab(index);
    },
    switchTab(index) {
      if (this.newsList[index].data.length === 0) {
        //this.getList(index);
      }
      if (this.tabIndex === index) {
        return;
      }

      // 缓存 tabId
      if (this.newsList[this.tabIndex].data.length > MAX_CACHE_DATA) {
        let isExist = this.cacheTab.indexOf(this.tabIndex);
        if (isExist < 0) {
          this.cacheTab.push(this.tabIndex);
          //console.log("cache index:: " + this.tabIndex);
        }
      }

      this.tabIndex = index;
      this.scrollInto = this.tabBars[index].id;

      // 释放 tabId
      if (this.cacheTab.length > MAX_CACHE_PAGE) {
        let cacheIndex = this.cacheTab[0];
        this.clearTabData(cacheIndex);
        this.cacheTab.splice(0, 1);
      }
    },
    clearTabData(e) {
      this.newsList[e].data.length = 0;
      this.newsList[e].loadingText = "加载更多...";
    },
    /*填报志愿*/
    saveVolunteer(item) {
      let that = this
      let u = uni
      console.log('填报批次:')
      console.log(item.batch)
      console.log('填报专业,', item.schoolName + ";" + item.enrollmentCode + ";" + item.majorCode + ";" + item.majorName)
      uni.showModal({
        title: item.volunteerIndexs ? '移除志愿' : '确认志愿',
        content: '[' + item.institutionCode + ']' + item.schoolName + '-' + item.batch + '-[' + item.enrollmentCode + ']' + item.majorName,
        confirmText: '确定',
        cancelText: '取消',
        success: function (res) {
          if (res.confirm) {
            request.post(ApiConstant.Volunteer.volunteerSave, {
              schoolCode: item.schoolCode,
              majorCode: item.majorCode
            }).then(r => {
              if (!r.success) {
                setTimeout(function () {
                  uni.showToast({title: r.message, icon: "none"});
                }, 500)
              }
            }).catch(err => {
            }).finally(() => {
              /*this.msgType = 'warn'
              this.messageText = `1111`
              this.$refs.message.open()*/
              that.getFilledVolunteerList()
            });
          }
        }
      });

    },
    /*获取其他专业*/
    showOtherMajor(majorCode) {
      console.log(majorCode)
      request.get('/test', {
        "name": "zs"
      }).then(res => {
        console.log('返回值')
        console.log(res)
      })
    },
    /*获取用户分数*/
    getUserScore() {
      request.get(ApiConstant.Score.getScore, {}).then(res => {
        if (res.success) {
          this.scoreInfo = res.result
          if (this.scoreInfo.batch) {
            if (this.scoreInfo.batch === '本科A段') {
              this.tabBars = [{name: '本科提前批', id: '提前批'}, {name: '本科A段', id: '本科A段'}, {
                name: '本科B段',
                id: '本科B段'
              }, {name: '高职高专', id: '高职高专'}]
            } else if (this.scoreInfo.batch === '本科B段') {
              this.tabBars = [{name: '本科B段', id: '本科B段'}, {name: '高职高专', id: '高职高专'}]
            } else if (this.scoreInfo.batch === '本科') {
              this.tabBars = [{name: '本科', id: '本科'}, {name: '高职高专', id: '高职高专'}]
            } else {
              this.tabBars = [{name: '高职高专', id: '高职高专'}]
            }
          }
        }
      }).catch(err => {
      }).finally(() => {
        this.getFilledVolunteerList()
      });
    },
    /*获取推荐志愿列表*/
    getRecommendVolunteerList() {
      request.get(ApiConstant.Major.recommendMajorPage, {
        schoolName: this.selectForm.schoolName,//学校名称
        pageNum: this.page.current,
        pageSize: this.page.pageSize,
        paneName: this.selectForm.paneName,
        batch: this.selectForm.batch,
      }).then(res => {
        console.log('返回值')
        console.log(res)
        if (res.success) {
          let result = res.result
          let allNumber = result.allNumber
          this.circle.kcj = this.toPercent(result.kcj, allNumber)//可冲击
          this.circle.jwt = this.toPercent(result.jwt, allNumber)//较稳妥
          this.circle.nlq = this.toPercent(result.nan, allNumber)//难录取
          this.circle.kbd = this.toPercent(result.kbd, allNumber)//可保底
          let records = result.pageList.records
          //判断专业是否已经填报过
          if (this.filledVolunteer.volunteerMap) {
            let key = ''
            let volunteer = {}
            if (result && records) {
              for (let i = 0; i < records.length; i++) {
                key = records[i].majorCode + records[i].schoolCode
                volunteer = this.filledVolunteer.volunteerMap.get(key)
                if (volunteer != null) {
                  //这个专业已填过
                  records[i].volunteerIndexs = volunteer.indexs
                } else {
                  records[i].volunteerIndexs = ''
                }
              }
            }
          }
          this.recommendVolunteerList = records
          //修改分页参数
          this.page.total = result.pageList.total
          this.page.current = result.pageList.current

        }
      }).catch(err => {
      }).finally(() => {
      });
    },
    /*获取已填报志愿数据*/
    getFilledVolunteerList() {
      request.get(ApiConstant.Volunteer.volunteerInfo, {}).then(res => {
        console.log('返回值')
        console.log(res)
        if (res.success) {
          let dataResult = res.result
          //有数据情况下
          const volunteerMap = new Map();
          if (dataResult != null) {
            this.filledVolunteer.volunteerId = dataResult.id
            this.filledVolunteer.volunteerName = dataResult.volunteerName
            let key = ''
            let volunteer = {indexStr: 0}
            //==================================提前批 start
            let volunteerRecordEarlyAdmissionList = dataResult.volunteerRecordEarlyAdmissionList;
            for (let i = 0; i < volunteerRecordEarlyAdmissionList.length; i++) {
              key = volunteerRecordEarlyAdmissionList[i].majorCode + volunteerRecordEarlyAdmissionList[i].schoolCode
              volunteer = volunteerRecordEarlyAdmissionList[i]
              volunteerMap.set(key, volunteerRecordEarlyAdmissionList[i])
            }
            let indexs = 1;
            let volunteerRecordEarlyAdmissionList2 = [];
            while (indexs <= 2) {
              let record = {
                actives: false,
                indexs: indexs
              }
              for (let i = 0; i < volunteerRecordEarlyAdmissionList.length; i++) {
                if (volunteerRecordEarlyAdmissionList[i].indexs === indexs) {
                  record = volunteerRecordEarlyAdmissionList[i]
                  record.actives = true
                }
              }
              volunteerRecordEarlyAdmissionList2.push(record)
              indexs++;
            }
            this.filledVolunteer.volunteerEarlyAdmissionList = volunteerRecordEarlyAdmissionList2
            //==================================提前批 end
            //==================================本科A段 start
            let volunteerUndergraduateAList = dataResult.volunteerRecordUndergraduateAList;
            for (let i = 0; i < volunteerUndergraduateAList.length; i++) {
              key = volunteerUndergraduateAList[i].majorCode + volunteerUndergraduateAList[i].schoolCode
              volunteerMap.set(key, volunteerUndergraduateAList[i])
            }
            indexs = 1;
            let volunteerRecordUndergraduateAList2 = [];
            while (indexs <= 12) {
              let record = {actives: false, indexs: indexs}
              for (let i = 0; i < volunteerUndergraduateAList.length; i++) {
                if (volunteerUndergraduateAList[i].indexs === indexs) {
                  record = volunteerUndergraduateAList[i]
                  record.actives = true
                }
              }
              volunteerRecordUndergraduateAList2.push(record)
              indexs++;
            }
            this.filledVolunteer.volunteerUndergraduateAList = volunteerRecordUndergraduateAList2
            //==================================本科A段 end
            //==================================本科B段 start
            let volunteerUndergraduateBList = dataResult.volunteerRecordUndergraduateBList;
            for (let i = 0; i < volunteerUndergraduateBList.length; i++) {
              key = volunteerUndergraduateBList[i].majorCode + volunteerUndergraduateBList[i].schoolCode
              volunteerMap.set(key, volunteerUndergraduateBList[i])
            }
            indexs = 1;
            let volunteerUndergraduateBList2 = [];
            while (indexs <= 12) {
              let record = {actives: false, indexs: indexs}
              for (let i = 0; i < volunteerUndergraduateBList.length; i++) {
                if (volunteerUndergraduateBList[i].indexs === indexs) {
                  record = volunteerUndergraduateBList[i]
                  record.actives = true
                }
              }
              volunteerUndergraduateBList2.push(record)
              indexs++;
            }
            this.filledVolunteer.volunteerUndergraduateBList = volunteerUndergraduateBList2
            //==================================本科 start
            let volunteerUndergraduateList = dataResult.volunteerRecordUndergraduateList;
            for (let i = 0; i < volunteerUndergraduateList.length; i++) {
              key = volunteerUndergraduateList[i].majorCode + volunteerUndergraduateList[i].schoolCode
              volunteerMap.set(key, volunteerUndergraduateList[i])
            }
            indexs = 1;
            let volunteerUndergraduateList2 = [];
            while (indexs <= 12) {
              let record = {actives: false, indexs: indexs}
              for (let i = 0; i < volunteerUndergraduateList.length; i++) {
                if (volunteerUndergraduateList[i].indexs === indexs) {
                  record = volunteerUndergraduateList[i]
                  record.actives = true
                }
              }
              volunteerUndergraduateList2.push(record)
              indexs++;
            }
            this.filledVolunteer.volunteerUndergraduateList = volunteerUndergraduateList2
            //==================================本科 end
            //==================================高职高专 start
            let volunteerJuniorCollegeList = dataResult.volunteerRecordJuniorCollegeList;
            for (let i = 0; i < volunteerJuniorCollegeList.length; i++) {
              key = volunteerJuniorCollegeList[i].majorCode + volunteerJuniorCollegeList[i].schoolCode
              volunteerMap.set(key, volunteerJuniorCollegeList[i])
            }
            indexs = 1;
            let volunteerJuniorCollegeList2 = [];
            while (indexs <= 12) {
              let record = {
                actives: false,
                indexs: indexs
              }
              for (let i = 0; i < volunteerJuniorCollegeList.length; i++) {
                if (volunteerJuniorCollegeList[i].indexs === indexs) {
                  record = volunteerJuniorCollegeList[i]
                  record.actives = true
                }
              }
              volunteerJuniorCollegeList2.push(record)
              indexs++;
            }
            this.filledVolunteer.volunteerJuniorCollegeList = volunteerJuniorCollegeList2
            //==================================高职高专 end
          } else {
            this.filledVolunteer.volunteerEarlyAdmissionList = []
            this.filledVolunteer.volunteerUndergraduateAList = []
            this.filledVolunteer.volunteerUndergraduateBList = []
            this.filledVolunteer.volunteerJuniorCollegeList = []
            this.filledVolunteer.volunteerUndergraduateList = []
            this.filledVolunteer.volunteerList = []
          }
          this.filledVolunteer.volunteerMap = volunteerMap
        }
      }).catch(err => {
      }).finally(() => {
        this.getRecommendVolunteerList()
      });
    },
    /*计算百分比*/
    toPercent(num, total) {
      return (Math.round(num / total * 10000) / 100.00);// 小数点后两位百分比
    },
    /*悬浮按钮*/
    trigger(e) {
      console.log(e)
      /*this.fab.content[e.index].active = !e.item.active*/
      if (e.item.text === '回到顶部') {
        this.topBack()
      }
      /*uni.showModal({
        title: '提示',
        content: `您${this.fab.content[e.index].active ? '选中了' : '取消了'}${e.item.text}`,
        success: function(res) {
          if (res.confirm) {
            console.log('用户点击确定')
          } else if (res.cancel) {
            console.log('用户点击取消')
          }
        }
      })*/
    },
    fabClick() {
      /*uni.showToast({
        title: '点击了悬浮按钮',
        icon: 'none'
      })*/
    },
    /*分页跳转*/
    changePage(e) {
      console.log(e)
      this.page.current = e.current
      this.getRecommendVolunteerList()
    },
  }
}
</script>

<template>
  <view class="divider"/>
  <!--筛选项-->
  <div class="searchDiv">
    <uni-search-bar class="uni-mt-10" radius="5" placeholder="请输入院校/专业" clearButton="auto" cancelButton="none"
                    @confirm="search"/>
    <view class="uni-padding-wrap uni-common-mt topNumberDiv">
      <view class="uni-flex uni-row">
        <view class="flex-item t_item">
          <uni-data-picker placeholder="地区" v-model="selectForm.address" :localdata="cityData" popup-title="选择地区">
          </uni-data-picker>
        </view>
        <view class="flex-item t_item">
          <uni-data-picker placeholder="筛选" v-model="selectForm.address" :localdata="cityData" popup-title="筛选">
          </uni-data-picker>
        </view>
      </view>
    </view>
  </div>
  <view class="divider"/>
  <!--我的成绩 卡片-->
  <div class="score-card">
    <uni-card>
      <view class="uni-flex uni-row">
        <view class="flex-item2">
          <text style="font-size: 24px">我的成绩</text>
        </view>
        <view class="flex-item2" style="text-align: right" @click="goto('/pages/zyb/score/edit')">
          <text style="font-size: 20px">修改</text>
        </view>
      </view>

      <div class="text-list">
        <text class="t">省份：{{ scoreInfo.province }}</text>
        <text class="t">选科：{{ scoreInfo.cognitioPolyclinic }}</text>
        <text class="t">类别：{{ scoreInfo.professionalCategory }}</text>
      </div>
      <div class="text-list">
        <text class="t">文化成绩：{{ scoreInfo.culturalScore }}</text>
        <text class="t">统考成绩：{{ scoreInfo.professionalScore }}</text>
      </div>
    </uni-card>
  </div>
  <!--通告栏-->
  <div style="padding: 0 30rpx">
    <uni-notice-bar show-icon text="有关2023年全国艺考省份政策及数据说明"/>
  </div>
  <!--导航栏-->
  <view class="tabs">
    <scroll-view id="tab-bar" class="scroll-h" :scroll-x="true" :show-scrollbar="false" :scroll-into-view="scrollInto">
      <view v-for="(tab,index) in tabBars" :key="tab.id" class="uni-tab-item" :id="tab.id" :data-current="index"
            @click="ontabtap">
        <text class="uni-tab-item-title" :class="tabIndex===index ? 'uni-tab-item-title-active' : ''">{{ tab.name }}
        </text>
      </view>
    </scroll-view>
    <view class="uni-flex uni-row frow">
      <view class="flex-item-25">
        <l-circle v-model:current="modelVale" :percent="circle.kbd" size="80px" strokeColor="#3e8e43">
          <text>可保底</text>
        </l-circle>
      </view>
      <view class="flex-item-25">
        <l-circle v-model:current="modelVale" :percent="circle.jwt" size="80px" strokeColor="#4975fd">
          <text>较稳妥</text>
        </l-circle>
      </view>
      <view class="flex-item-25">
        <l-circle v-model:current="modelVale" :percent="circle.kcj" size="80px" strokeColor="#c83428">
          <text>可冲击</text>
        </l-circle>
      </view>
      <view class="flex-item-25">
        <l-circle v-model:current="modelVale" :percent="circle.nlq" size="80px" strokeColor="#909399">
          <text>难录取</text>
        </l-circle>
      </view>
    </view>
  </view>
  <!--底部内容-->
  <div class="fillVolunteer">
    <page-head title="当前23年计划为系统模拟计划，请注意辨别"></page-head>
    <div v-for="(item) in recommendVolunteerList" :key="item.id">
      <uni-card :title="'['+item.institutionCode+']'+item.schoolName" :sub-title="item.batch" :extra="item.province"
                :thumbnail="item.schoolIcon">
        <div class="uni-body">
          <div class="frow">
            <div class="left1">
              <view class="tags">
                <text class="tag" v-for="t in item.tagsList" :key="t">
                  {{ t }}
                </text>
              </view>
              <!--专业信息-->
              <view class="majorInfo">
                <text class="majorCode">[{{ item.enrollmentCode }}]&nbsp;{{ item.majorName }}</text>
                <text class="majorDetail" v-if="item.majorDetail">{{ item.majorDetail }}</text>
              </view>
            </div>
            <div class="right1">
              <text v-if="item.studentConvertedScore>=80">保</text>
              <text v-else-if="item.studentConvertedScore<80 && item.studentConvertedScore>=50">稳</text>
              <text v-else-if="item.studentConvertedScore<80 && item.studentConvertedScore>=50">冲</text>
              <text v-else>难</text>
              <view class="enrollProbability" v-if="item.enrollProbability">{{ item.enrollProbability }}%</view>
            </div>
          </div>
          <div class="frow">
            <!-- 历年录取线-->
            <div class="flex-item-65">
              <div class="historyYears">
                <div v-if="item.historyMajorEnrollMap['2023']">
                  <text>{{ item.historyMajorEnrollMap['2023'].year }}年录取最低分:</text>
                  <text class="numtext">{{ item.historyMajorEnrollMap['2023'].admissionLine }}分</text>
                </div>
                <div v-else-if="item.historyMajorEnrollMap['2022']">
                  <text>{{ item.historyMajorEnrollMap['2022'].year }}年录取最低分:</text>
                  <text class="numtext">{{ item.historyMajorEnrollMap['2022'].admissionLine }}分</text>
                </div>

                <div class="rulesEnrollProbability">
                  <text>{{ nowYear }}录取方式:</text>
                  <text v-if="item.rulesEnrollProbability" class="numtext">{{ item.rulesEnrollProbability }}</text>
                  <text v-else class="numtext">暂未发布</text>
                </div>
                <div class="zsrs">
                  <text>{{ nowYear }}省内计划数:</text>
                  <text v-if="item.planNum" class="numtext">{{ item.planNum }}人</text>
                  <text v-else class="numtext">暂未发布</text>
                </div>
              </div>
            </div>
            <div class="flex-item-35">
              <div class="studentConvertedScore" v-if="item.studentConvertedScore">
                <text>折合分:</text>
                <text class="numtext">{{ item.studentConvertedScore }}分</text>
              </div>
            </div>
          </div>
          <div class="frow">
            <div class="flex-item-4">
              <button v-if="item.volunteerIndexs" @click="saveVolunteer(item)" type="default"
                      style="background-color: #d73535;color:white;height: 50rpx;line-height: 50rpx;font-size: 15px">
                志愿{{ item.volunteerIndexs }}
              </button>
              <button v-else @click="saveVolunteer(item)" type="default"
                      style="background-color: #3666d1;color:white;height: 50rpx;line-height: 50rpx;font-size: 15px">填报
              </button>

            </div>
            <div class="flex-item-2">
            </div>
            <div class="flex-item-4">
              <button @click="showOtherMajor(item.schoolCode)" type="default"
                      style="background-color: #3666d1;color:white;height: 50rpx;line-height: 50rpx;font-size: 15px">
                查看其他专业
              </button>
            </div>
          </div>
        </div>
      </uni-card>
    </div>
  </div>
  <view class="btn-view">
    <view>
      <text class="example-info">当前页：{{ page.current }}，数据总量：{{ page.total }}条，每页数据：{{ page.pageSize }}</text>
    </view>
  </view>
  <uni-pagination :current="page.current" :total="page.total" :pageSize="page.pageSize" title="标题文字" :show-icon="true" @change="changePage" />

  <div style="margin-top: 100rpx">
    <text>&nbsp;</text>
  </div>
  <div style="padding: 0 50rpx;width: 200rpx">
    <uni-fab ref="fab" v-if="topBackShow" :pattern="fab.pattern" :content="fab.content" :horizontal="fab.horizontal" :vertical="fab.vertical"
             :direction="fab.direction" @trigger="trigger" @fabClick="fabClick" />
  </div>
</template>

<style scoped lang="scss">
.uni-mt-10 {
  margin-top: 10px;
}

.flex-item {
  width: 50%;
  height: 80rpx;
  text-align: center;
  line-height: 80rpx;
}

.flex-item2 {
  width: 50%;
}

.divider {
  background: #f5f5f5;
  width: 100%;
  height: 3rpx;
}

.backcolorwhite {
  background-color: white !important;
}

/*重置 uni-data-picker样式*/
:deep(.uni-data-tree) {
  .placeholder {
    color: black !important;
    font-size: 14px !important;
  }

  .selected-item .text-color {
    color: black !important;
    font-size: 14px !important;
  }

  .input-value-border {
    border: none !important;
  }
}

/*成绩卡片*/
.score-card {
  :deep(.uni-card) {
    background-color: #5478fb;

    .uni-card__content {
      color: white;
    }
  }
}


.text-list {
  .t {
    line-height: 20rpx;
    margin-right: 15rpx;
  }
}


/*导航栏部分 start*/
.tabs {
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  background-color: #ffffff;
  /* #ifndef APP-PLUS */
  /*height: 100vh;*/
  /* #endif */

  .scroll-h {
    /*width: 750rpx;*/
    /* #ifdef H5 */
    width: 100%;
    /* #endif */
    height: 80rpx;
    flex-direction: row;
    /* #ifndef APP-PLUS */
    white-space: nowrap;
    /* #endif */
    /* flex-wrap: nowrap; */
    /* border-color: #cccccc;
  border-bottom-style: solid;
  border-bottom-width: 1px; */
  }

  .line-h {
    height: 1rpx;
    background-color: #cccccc;
  }

  .uni-tab-item {
    /* #ifndef APP-PLUS */
    display: inline-block;
    /* #endif */
    flex-wrap: nowrap;
    padding-left: 34rpx;
    padding-right: 34rpx;
  }

  .uni-tab-item-title {
    color: #555;
    font-size: 30rpx;
    height: 80rpx;
    line-height: 80rpx;
    flex-wrap: nowrap;
    /* #ifndef APP-PLUS */
    white-space: nowrap;
    /* #endif */
  }

  .uni-tab-item-title-active {
    color: #007AFF;
  }

  .swiper-box {
    flex: 1;
  }

  .swiper-item {
    flex: 1;
    flex-direction: row;
  }

  .scroll-v {
    flex: 1;
    /* #ifndef MP-ALIPAY */
    flex-direction: column;
    /* #endif */
    /*width: 750rpx;*/
    width: 100%;
  }

  .update-tips {
    position: absolute;
    left: 0;
    top: 41px;
    right: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #FDDD9B;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .update-tips-text {
    font-size: 14px;
    color: #ffffff;
  }

  .refresh {
    /*width: 750rpx;*/
    width: 100%;
    height: 64px;
    justify-content: center;
  }

  .refresh-view {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }

  .refresh-icon {
    width: 30px;
    height: 30px;
    transition-duration: .5s;
    transition-property: transform;
    transform: rotate(0deg);
    transform-origin: 15px 15px;
  }

  .refresh-icon-active {
    transform: rotate(180deg);
  }

  .loading-icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    color: #999999;
  }

  .loading-text {
    margin-left: 2px;
    font-size: 16px;
    color: #999999;
  }

  .loading-more {
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
  }

  .loading-more-text {
    font-size: 28rpx;
    color: #999;
  }
}

/*导航栏部分 end*/
:deep(.l-circle__inner) {
  /*  display: block !important;
    left: auto !important;*/
}

/*推荐志愿列表*/
.fillVolunteer {
  :deep(.uni-card) {
    box-shadow: transparent;
    //background-color: #5478fb;
  }

  .frow {
    display: flex;
  }

  .left1 {
    padding: 0 20rpx;
    width: 450rpx;
  }

  /*录取概率*/
  .right1 {
    margin-left: 50rpx;

    .enrollProbability {

    }
  }

  /*院校标签*/
  .tags .tag {
    margin-right: 13px;
    font-size: 13px;
  }

  /*专业信息*/
  .majorInfo {
    font-size: 13px;

    .majorCode {
      color: black;
    }

    .majorDetail {

    }
  }

  /*历年录取信息*/
  .historyYears {
    font-size: 12px;
  }

  .numtext {
    color: #4975fd;
    font-weight: 600
  }
}

/*分页按钮*/
:deep(.uni-pagination__num){
  flex:none !important;
}
.btn-view {
  /* #ifndef APP-NVUE */
  display: flex;
  flex-direction: column;
  /* #endif */
  padding: 15px;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.btn-flex {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.button {
  margin: 20px;
  width: 150px;
  font-size: 14px;
  color: #333;
}
</style>
