style

src/App.vue

@@ -33,7 +33,7 @@
               @select="menuselect"
             ></CalList>
           </div>
-          <div style="height: 100%; overflow: auto">
+          <div style="height: calc(100% - 50px); overflow: auto">
             <Calendar
               style="flex: 1 1 auto; margin: 10px"
               :calendars="calendars"

src/components/calendar/EventForm.vue

@@ -2,12 +2,17 @@
   <el-container style="display: none; position: absolute; background: #ffffff">
     <el-main>
       <el-form ref="form" label-width="150px" size="small">
-        <el-form-item label="名称">
-          <el-input placeholder="名称" v-model="event.title"></el-input>
+        <el-form-item label="标签">
+          <el-input placeholder="标签" v-model="event.title"></el-input>
         </el-form-item>
 
-        <el-form-item label="日历标签">
-          <el-select v-model="event.calendarId" placeholder="日历标签">
+        <el-form-item label="描述">
+          <el-input type="textarea" placeholder="描述" v-model="event.body">
+          </el-input>
+        </el-form-item>
+
+        <el-form-item label="日历类型">
+          <el-select v-model="event.calendarId" placeholder="日历类型">
             <el-option
               :label="item.name"
               :value="item.id"
@@ -17,8 +22,8 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item label="日历分类">
-          <el-select v-model="event.category" placeholder="日历分类">
+        <el-form-item label="任务类型">
+          <el-select v-model="event.category" placeholder="任务类型">
             <el-option
               :label="item.name"
               :value="item.id"
@@ -28,7 +33,7 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item label="起止时间">
+        <el-form-item label="日历起止时间">
           <el-date-picker
             v-model="event.start"
             :editable="true"
@@ -46,7 +51,7 @@
           ></el-date-picker>
         </el-form-item>
 
-        <el-form-item label="重复周期">
+        <el-form-item label="任务重复周期">
           每
           <el-select v-model="event.repeatcount" class="count-selector">
             <el-option
@@ -145,7 +150,43 @@
           分
         </el-form-item>
 
-        <el-form-item label="相关ID">
+        <el-form-item label="排除时间段">
+          <el-date-picker
+            v-model="event.periodexcludes0"
+            :editable="true"
+            :clearable="true"
+            type="datetime"
+            format="yyyy-MM-dd HH:mm:ss"
+          ></el-date-picker>
+          -
+          <el-date-picker
+            v-model="event.periodexcludee0"
+            :editable="true"
+            :clearable="true"
+            type="datetime"
+            format="yyyy-MM-dd HH:mm:ss"
+          ></el-date-picker>
+        </el-form-item>
+
+        <el-form-item label="" v-for="item in event.periodexclude" :key="item.id">
+          <el-date-picker
+            v-model="item.start"
+            :editable="true"
+            :clearable="true"
+            type="datetime"
+            format="yyyy-MM-dd HH:mm:ss"
+          ></el-date-picker>
+          -
+          <el-date-picker
+            v-model="item.end"
+            :editable="true"
+            :clearable="true"
+            type="datetime"
+            format="yyyy-MM-dd HH:mm:ss"
+          ></el-date-picker>
+        </el-form-item>
+
+        <!-- <el-form-item label="相关ID">
           <el-input placeholder="相关ID" v-model="event.attendees">
             <el-button
               slot="append"
@@ -153,18 +194,16 @@
               type="success"
             ></el-button>
           </el-input>
-        </el-form-item>
-
-        <el-form-item label="备注">
-          <el-input type="textarea" placeholder="备注" v-model="event.body">
-          </el-input>
-        </el-form-item>
+        </el-form-item> -->
 
         <el-form-item>
           <el-button @click="hide()">取消</el-button>
           <el-button type="success" @click="save()">保存</el-button>
         </el-form-item>
       </el-form>
+      <!-- <div style="position:relative; background: rgba(0,0,0,0.5); top:-260px; height:200px; width:100%;">
+        暂不支持
+      </div> -->
     </el-main>
   </el-container>
 </template>