优化日期选择功能

src/components/activity/PersonnelManagement.vue

@@ -69,32 +69,38 @@
               <img v-else src="../../assets/img/champion/right1.png" alt />
             </span>
           </div>
-          <div class="choose choose2">
+          <div class="choose choose2"  v-if="index1 >= 0">
             <div class="block" v-if="index1 === 0">
               <el-date-picker
+                class="w150"
                 v-model="weekVal"
                 type="week"
                 format="yyyy 第 W 周"
                 placeholder="请选择周"
+                :picker-options="pickerOptions"
                 @change="getNewWeek">
               </el-date-picker>
             </div>
             <div class="block" v-if="index1 === 1">
               <el-date-picker
+                class="w150"
                 v-model="monthVal"
                 type="month"
                 value-format="yyyyM"
                 @change="init"
+                :picker-options="pickerOptions"
                 placeholder="请选择月">
               </el-date-picker>
             </div>
             <div class="block" v-if="index1 === 2">
               <el-date-picker
                 v-model="yearVal"
+                class="w150"
                 align="right"
                 type="year"
                 @change="init"
                 value-format="yyyy"
+                :picker-options="pickerOptions"
                 placeholder="请选择年">
               </el-date-picker>
             </div>
@@ -442,6 +448,11 @@
 export default {
   data() {
     return {
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() > Date.now();
+        }
+      },
       weekVal: '',
       monthVal: '',
       yearVal: '',
@@ -1271,6 +1282,7 @@ export default {
   background: url('../../assets/img/champion/btnhover.png');
 }
 .personTable .choose2{
+  width: auto !important;
   margin-left: 10px;
 }