日历信息模块

页面

页面分为两部分
条件部分和内容部分
条件对应着内容里的syear，smouth，country

条件选项

条件选项的值分别对应者data里面的数据集合，如选择年对应着syear，选择月对应着smouth，按国别对应着country
，同时该值同时也与接口参数联动，改变条件选项的值将会重新刷新接口数据，并将新的数据内容输出出来

内容渲染

内容渲染需要根据日期信息在表格内进行渲染，判断每月1号是星期几，即根据接口中的iweekDay值进行判断将对应着的数据遍历后拿出来进行条件判断渲染

效果：

 this.dataTime = res.data.data.table4[0].iWeekDay;
        for (var i = 1; i < this.dataTime; i++) {
    
    
          this.list.push({
    
    });
          // console.log(this.list);
        }
        this.list = this.list.concat(res.data.data.table4);

内容页里的下一层信息（电影信息内容）渲染将对应着的数据组中对应的时间条件（day）与上级数据组渲染的时间条件（iDay）联动，当两个时间条件相同时，将会渲染出电影信息内容

<!-- 判断上映时间与日期相同的电影渲染出来 -->
                    <div v-for="(money, indexs) in conList.table0" :key="indexs">
                      <p v-if="item.iDay === money.day">
                        <!-- 经过文字显示详情页 -->
                        <el-tooltip placement="right-end" effect="light">
                          <ul slot="content">
                            <li>
                              <h3>片名：{
    
    {
    
     money.MovieName }}</h3>
                            </li>
                            <li>

动态改变接口载荷

1. 定义一个数据集合
2. 将数据集合中的关键字value（或者values）用拼接字符串的方式拼接到接口载荷中实现动态载荷
3. 将数据集合与条件选项即selection进行双向绑定，实现数据联动
4. 通过数据集合上下联动条件选项和接口载荷，使得selection条件选项在value值发生变化后，改变载荷信息，渲染对应的接口信息。