<el-form :model="saveParams" :rules="rules" ref="ruleFormRef">
<el-form-item label="任务时间" label-width="100px" prop="endTime">
<el-date-picker
:disabled="isDisabled"
:picker-options="taskStartoption"
format="yyyy-MM-dd HH:mm"
value-format="yyyy-MM-dd HH:mm"
v-model="saveParams.beginTime"
type="datetime" placeholder="选择日期">
</el-date-picker> -
<el-date-picker :disabled="isDisabled"
:picker-options="taskEndoption"
@focus="changeTaskEndTime"
style="width:220px;"
format="yyyy-MM-dd HH:mm"
value-format="yyyy-MM-dd HH:mm"
v-model="saveParams.endTime" type="datetime" placeholder="选择日期">
</el-date-picker>
</el-form-item>
<div v-for="(item,index) in saveParams.routeList" :key="index">
<el-form-item
:prop="'routeList.'+index+'.beginTime'"
:rules="[{ required: true,validator:beginTimeRouterRole, trigger: 'blur'}]"
>
<el-date-picker
:disabled="isDisabled"
@focus="changeRouteStartTime"
@change="routerIndex = index"
:picker-options="routeStartoption"
v-model="item.beginTime"
type="datetime"
format="yyyy-MM-dd HH:mm"
value-format="yyyy-MM-dd HH:mm"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item> -
<el-form-item
:prop="'routeList.'+index+'.endTime'"
:rules="[{ required: true,validator:endTimeRouterRole, trigger: 'blur'}]"
>
<el-date-picker
:disabled="isDisabled"
:picker-options="routeEndoption"
@change="routerIndex = index"
@focus="changeRouteEndTimeBlur($event,index)"
format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm"
v-model="item.endTime" type="datetime" placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<div v-for="(v,i) in item.execList" :key="i" >
<el-form-item
:prop="`routeList[${index}].execList[${i}].needMan`"
:rules="[{ required: true,validator:needManRouterRole, trigger: 'blur'}]">
<el-input v-model="v.needMan" type="number" ></el-input>
</el-form-item>
</div>
</div>
</el-form>
data(){
return {
rules: {
beginTime: [{ required: true, message: "请选择任务开始时间", trigger: "blur" },],
needMan: [{ required: true, validator: orgIdRole,trigger: "blur" },],
endTime: [{ required: true, validator: endTimeRole, trigger: "blur" },],
},
}
},
computed:{
beginTimeRouterRole(){
var _this=this;
return function(rule, value, callback){
if(!value){
callback(new Error('xxxxxx'));
}else{
if (value<_this.saveParams.beginTime) {
callback(new Error('xxxxxxxxx'));
} else {
callback();
}
}
}
},
endTimeRouterRole(){
var _this=this;
return function(rule, value, callback) {
console.log(value);
if(!value){
return callback(new Error("xxxxxxx"));
}else{
if (value!="" && _this.routeList[_this.routerIndex].beginTime>=value) {
return callback(new Error("xxxxxxx"));
} else {
callback();
}
}
}
},
needManRouterRole(){
var _this=this;
return function(rule, value, callback) {
if (!(Number(value))>0) {
return callback(new Error("请填写执勤人数"));
} else {
callback();
}
}
},
},