mes/mes-lxsm-ui
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

排班日历

Browse Source
This commit is contained in:
JinLu.Yin 2022-06-10 22:59:55 +08:00
parent 45d6b5661e
commit 00d714e17b
1 changed files with 38 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/views/mes/cal/calendar/calendarType.vue
View File

@ -28,7 +28,17 @@
<el-tag v-else effect="dark" type="success">休</el-tag> <el-tag v-else effect="dark" type="success">休</el-tag>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row v-for="calendarDay in calendarDayList " :key="calendarDay.theDay">
<el-col :span="24" v-if="calendarDay.theDay == data.day && holidayList.indexOf(data.day) ==-1">
<div v-for="teamShift in calendarDay.teamShifts" :key="teamShift.orderNum" class="grid-content">
<el-button v-if="teamShift.orderNum == 1" type="success" icon="el-icon-sunrise">{{ teamShift.teamName }}</el-button>
<el-button v-if="teamShift.orderNum ==2 && calendarDay.shiftType=='SHIFT_THREE'" type="warning" icon="el-icon-sunny">{{ teamShift.teamName }}</el-button>
<el-button v-if="teamShift.orderNum ==2 && calendarDay.shiftType=='SHIFT_TWO'" type="info" icon="el-icon-moon">{{ teamShift.teamName }}</el-button>
<el-button v-if="teamShift.orderNum ==3 && calendarDay.shiftType=='SHIFT_THREE'" type="info" icon="el-icon-moon">{{ teamShift.teamName }}</el-button>
</div>
</el-col>
</el-row>
<!-- <el-row>
<el-col :span="24"> <el-col :span="24">
<div class="grid-content"> <div class="grid-content">
<el-button type="success" icon="el-icon-sunrise">注塑1组</el-button> <el-button type="success" icon="el-icon-sunrise">注塑1组</el-button>
@ -49,6 +59,7 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
-->
</div> </div>
</template> </template>
</el-calendar> </el-calendar>
@ -70,7 +81,31 @@ export default {
date: new Date(), date: new Date(),
holidayList:[],//假日 holidayList:[],//假日
workdayList:[],//工作日 workdayList:[],//工作日
selectedType:null selectedType:null,
calendarDayList:[
{
theDay:'2022-06-04',
shiftType: 'SHIFT_TWO',
teamShifts:[{teamName: '注塑1组',shiftName:'白班',orderNum: 1},{teamName: '注塑2组',shiftName:'中班',orderNum: 2},{teamName: '注塑3组',shiftName:'晚班',orderNum: 3}]
},
{
theDay:'2022-06-13',
shiftType: 'SHIFT_TWO',
teamShifts:[{teamName: '注塑1组',shiftName:'白班',orderNum: 1},{teamName: '注塑2组',shiftName:'中班',orderNum: 2},{teamName: '注塑3组',shiftName:'晚班',orderNum: 3}]
},
{
theDay:'2022-06-14',
shiftType: 'SHIFT_THREE',
teamShifts:[{teamName: '注塑1组',shiftName:'白班',orderNum: 1},{teamName: '注塑2组',shiftName:'中班',orderNum: 2},{teamName: '注塑3组',shiftName:'晚班',orderNum: 3}]
}
]
}
},
watch:{
date:{
handler(newVal,oldVal){
console.log(newVal.getFullYear()+'-'+(newVal.getMonth()+1)+'-'+newVal.getDate());
}
} }
}, },
created() { created() {