소스 검색

😎调整日程组件显示

zuohuaijun 1 년 전
부모
커밋
50fb996d45
2개의 변경된 파일9개의 추가작업 그리고 3개의 파일을 삭제
  1. 8 2
      Web/src/views/home/widgets/components/schedule.vue
  2. 1 1
      Web/src/views/home/widgets/components/scheduleEdit.vue

+ 8 - 2
Web/src/views/home/widgets/components/schedule.vue

@@ -25,7 +25,14 @@
 		<div class="schedule-list">
 			<div class="item" v-for="(item, index) in state.TodayScheduleData" :key="index" @click="openEditSchedule(item)">
 				<el-icon style="display: inline; vertical-align: middle"> <ele-Calendar /> </el-icon>
-				<span class="content" style="padding-left: 10px">{{ item.content }}</span>
+				<span class="content" style="padding-left: 10px">
+					<span>
+						{{ item.scheduleTime }}
+					</span>
+					<span style="padding-left: 15px; font-weight: 600; color: var(--el-color-primary)">
+						{{ item.content }}
+					</span>
+				</span>
 			</div>
 		</div>
 
@@ -207,7 +214,6 @@ function FormatDate(date: any) {
 
 // 日程列表
 .schedule-list {
-	padding: 0 20px 10px;
 	overflow-y: auto;
 	height: 150px;
 	.item {

+ 1 - 1
Web/src/views/home/widgets/components/scheduleEdit.vue

@@ -11,7 +11,7 @@
 				<el-row :gutter="35">
 					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
 						<el-form-item label="日程时间" prop="scheduleTime" :rules="[{ required: true, message: '日程时间不能为空', trigger: 'blur' }]">
-							<el-date-picker v-model="state.ruleForm.scheduleTime" type="date" placeholder="请选择日程时间" format="YYYY-MM-DD" value-format="YYYY-MM-DD HH:mm:ss" class="w100" />
+							<el-date-picker v-model="state.ruleForm.scheduleTime" type="datetime" placeholder="请选择日程时间" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" class="w100" />
 						</el-form-item>
 					</el-col>
 					<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">