1. The code is as follows: when entering the page, enter the name of the shift, and then select to clock in once a day. When entering the working time, it is entered directly into the name of the shift without any errors
.<form id="formID" class="form-horizontal" style="width:900px; margin: 0 auto;">
<div class="form-group">
<div class="col-sm-2 control-label"></div>
<div class="col-sm-10">
<input type="text" id="sname" name="sname" class="form-control" v-model="kqSchedule.name" placeholder=""
required/>
<label for="sname" class="error"></label>
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label"></div>
<label class="radio-inline">
<input type="radio" name="type" value="1" v-model="kqSchedule.type"/>
</label>
<label class="radio-inline">
<input type="radio" name="type" value="2" v-model="kqSchedule.type"/>
</label>
</div>
<div v-if="kqSchedule.type > 0" style="border: 1px solid -sharp007fff; border-radius: 5px; margin-bottom: 15px;">
<div class="form-group">
<div class="col-sm-2 control-label"></div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label"></div>
<div class="col-sm-3">
<input type="time" class="form-control"
v-model="firstScheduleWorktime.startTime" placeholder=""/>
</div>
<div class="col-sm-2 control-label"></div>
<div class="col-sm-3">
<input type="time" class="form-control"
v-model="firstScheduleWorktime.preStartTime" placeholder=""/>
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label"></div>
<div class="col-sm-3">
<input type="time" class="form-control"
v-model="firstScheduleWorktime.endTime" placeholder=""/>
</div>
<div class="col-sm-2 control-label"></div>
<div class="col-sm-3">
<input type="time" class="form-control"
v-model="firstScheduleWorktime.lateEndTime" placeholder=""/>
</div>
</div>
</div>
<div v-if="kqSchedule.type >= 2"
style="border: 1px solid -sharp007fff; border-radius: 5px;margin-top: 2px; margin-bottom: 15px;">
<div class="form-group">
<div class="col-sm-2 control-label"></div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label"></div>
<div class="col-sm-3">
<input type="time" class="form-control"
v-model="secondScheduleWorktime.startTime" placeholder=""/>
</div>
<div class="col-sm-2 control-label"></div>
<div class="col-sm-3">
<input type="time" class="form-control"
v-model="secondScheduleWorktime.preStartTime" placeholder=""/>
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label"></div>
<div class="col-sm-3">
<input type="time" class="form-control"
v-model="secondScheduleWorktime.endTime" placeholder=""/>
</div>
<div class="col-sm-2 control-label"></div>
<div class="col-sm-3">
<input type="time" class="form-control"
v-model="secondScheduleWorktime.lateEndTime" placeholder=""/>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label"></div>
<div class="col-sm-3">
<input type="time" class="form-control" style="cursor: pointer;"
v-model="kqSchedule.noonrestStartTime" placeholder=""/>
</div>
<div class="col-sm-2 control-label"></div>
<div class="col-sm-3">
<input type="time" class="form-control" style="cursor: pointer;"
v-model="kqSchedule.noonrestEndTime" placeholder=""/>
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label"></div>
<div class="col-sm-10">
<label class="radio-inline">
<input type="radio" name="isused" value="Y" v-model="kqSchedule.isused"/>
</label>
<label class="radio-inline">
<input type="radio" name="isused" value="N" v-model="kqSchedule.isused"/>
</label>
</div>
</div>
<div class="form-group">
<div class="col-sm-2 control-label"></div>
<input type="button" class="btn btn-primary" @click="saveOrUpdate" value=""/>
<input type="button" class="btn btn-warning" @click="reload" value=""/>
</div>
</form>
has anyone encountered this situation and how to deal with it? it uses the latest version of Google browser 67.xxxxx. There is no error. It feels like the focus has not been switched.