开发完成排班

This commit is contained in:
wuxw 2022-10-30 23:38:34 +08:00
parent bb7524929c
commit 60b91005bb
6 changed files with 55 additions and 37 deletions

View File

@ -7,7 +7,7 @@
</label>
<div class="col-sm-4">
<select class="custom-select" v-model="scheduleClassesWeekInfo.scheduleCycle"
@change="_changeInspectionPeriod()">
@change="_changeInspectionPeriodWeek()">
<option selected disabled value="">
{{vc.i18n('必填,请选择排班周期','scheduleClassesWeek')}}
</option>
@ -15,18 +15,18 @@
</select>
</div>
</div>
<div class="form-group row">
<div class="form-group row" v-for="week in scheduleClassesWeekInfo.scheduleCycle">
<label class="col-sm-2 col-form-label text-right">
<span>
<vc:i18n name="排班信息" namespace="scheduleClassesWeek"></vc:i18n>
{{vc.getWeek(week)}}
</span>
</label>
<div class="col-sm-10">
<div class="row bg-white border-radius padding ">
<div class="col-md-2 text-center border padding-lg labeling-strip"
v-for="(item,index) in scheduleClassesWeekInfo.days" :key="index"
style="border-radius: 5px;cursor:pointer" @click="_changeWorkdayWeekInfo(item)">
<div>{{item.day}}</div>
style="border-radius: 5px;cursor:pointer" @click="_changeWorkdayWeekInfo(item)" v-if="item.weekFlag == week">
<div>{{vc.getWorkDay(item.day)}}</div>
<div>{{item.workdayName}}</div>
<div v-for="(time,index) in item.times">{{time.startTime}}-{{time.endTime}}</div>
</div>

View File

@ -2,48 +2,51 @@
vc.extends({
data: {
scheduleClassesWeekInfo: {
scheduleCycle:1,
days:[]
scheduleCycle: 1,
days: []
}
},
_initMethod: function () {
},
_initEvent: function () {
vc.on("scheduleClassesWeekInfo", "notify", function (_param) {
$that.scheduleClassesWeekInfo.days = _param.days;
$that.scheduleClassesWeekInfo.scheduleCycle = _param.scheduleCycle;
$that.scheduleClassesWeekInfo.scheduleCycle = parseInt(_param.scheduleCycle);
if(_param.days && _param.days.length>0){
return ;
if (_param.days && _param.days.length > 0) {
return;
}
$that._changeInspectionPeriodWeek();
});
},
methods: {
_changeInspectionPeriodWeek:function(){
_changeInspectionPeriodWeek: function () {
let _days = $that.scheduleClassesWeekInfo.days;
_days.splice(0,_days.length);
for(let cycleIndex = 0; cycleIndex < $that.scheduleClassesWeekInfo.scheduleCycle; cycleIndex++){
_days.push({
day:cycleIndex+1,
workday:'1001',
workdayName:'正常上下班',
times:[{
id:vc.uuid(),
startTime:'08:30',
endTime:'18:00'
}]
})
_days.splice(0, _days.length);
for (let weekIndex = 0; weekIndex < $that.scheduleClassesWeekInfo.scheduleCycle; weekIndex++) {
for (let cycleIndex = 0; cycleIndex < 7; cycleIndex++) {
_days.push({
weekFlag: weekIndex+1,
day: cycleIndex + 1,
workday: '1001',
workdayName: '正常上下班',
times: [{
id: vc.uuid(),
startTime: '08:30',
endTime: '18:00'
}]
})
}
}
vc.emit('addScheduleClasses','notifyScheduleCycle',$that.scheduleClassesWeekInfo.scheduleCycle);
vc.emit('addScheduleClasses', 'notifyScheduleCycle', $that.scheduleClassesWeekInfo.scheduleCycle);
},
_changeWorkdayWeekInfo:function(item){
vc.emit('editScheduleClassesDay', 'notify',item);
_changeWorkdayWeekInfo: function (item) {
vc.emit('editScheduleClassesDay', 'notify', item);
}
}
});
})(window.vc);

View File

@ -29,7 +29,7 @@
{{vc.i18n('必填,请选择排班类型','addScheduleClasses')}}
</option>
<option value="1001"> {{vc.i18n('按日排班','addScheduleClasses')}}</option>
<!-- <option value="2002"> {{vc.i18n('按周排班','addScheduleClasses')}}</option> -->
<option value="2002"> {{vc.i18n('按周排班','addScheduleClasses')}}</option>
<option value="3003"> {{vc.i18n('按月排班','addScheduleClasses')}}</option>
</select>
</div>
@ -38,9 +38,9 @@
<div v-if="addScheduleClassesInfo.scheduleType == '1001'">
<vc:create path="property/scheduleClassesDay">
</div>
<!-- <div v-if="addScheduleClassesInfo.scheduleType == '2002'">
<div v-if="addScheduleClassesInfo.scheduleType == '2002'">
<vc:create path="property/scheduleClassesWeek">
</div> -->
</div>
<div v-if="addScheduleClassesInfo.scheduleType == '3003'">
<vc:create path="property/scheduleClassesMonth">
</div>

View File

@ -29,7 +29,7 @@
}
if($that.addScheduleClassesInfo.scheduleType == '2002'){
vc.emit("scheduleClassesDayInfo", "notify",{
vc.emit("scheduleClassesWeekInfo", "notify",{
scheduleCycle:$that.addScheduleClassesInfo.scheduleCycle,
days:$that.addScheduleClassesInfo.days
})

View File

@ -29,7 +29,7 @@
{{vc.i18n('必填,请选择排班类型','editScheduleClasses')}}
</option>
<option value="1001"> {{vc.i18n('按日排班','editScheduleClasses')}}</option>
<!-- <option value="2002"> {{vc.i18n('按周排班','editScheduleClasses')}}</option> -->
<option value="2002"> {{vc.i18n('按周排班','editScheduleClasses')}}</option>
<option value="3003"> {{vc.i18n('按月排班','editScheduleClasses')}}</option>
</select>
</div>
@ -38,9 +38,9 @@
<div v-if="editScheduleClassesInfo.scheduleType == '1001'">
<vc:create path="property/scheduleClassesDay">
</div>
<!-- <div v-if="editScheduleClassesInfo.scheduleType == '2002'">
<div v-if="editScheduleClassesInfo.scheduleType == '2002'">
<vc:create path="property/scheduleClassesWeek">
</div> -->
</div>
<div v-if="editScheduleClassesInfo.scheduleType == '3003'">
<vc:create path="property/scheduleClassesMonth">
</div>

View File

@ -1970,6 +1970,22 @@
})
}
vcFramework.getWeek = function(_week){
if(_week == 1){
return '第一周';
}
if(_week == 2){
return '第二周';
}
if(_week == 3){
return '第三周';
}
if(_week == 4){
return '第四周';
}
}
vcFramework.getWorkDay = function(_day){
if(_day == 1){
return '星期一';
@ -1992,7 +2008,6 @@
if(_day == 7){
return '星期日';
}
}
})(window.vcFramework);