|
|
@@ -45,26 +45,27 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
- <el-form-item prop="startTime" label="开具日期">
|
|
|
- <!-- <el-date-picker
|
|
|
+ <el-form-item prop="range" label="介绍信有效期">
|
|
|
+ <el-date-picker
|
|
|
v-model="formData.range"
|
|
|
- type="daterange"
|
|
|
- :picker-options="startDatepickerOptions"
|
|
|
+ type="daterange"
|
|
|
+ @change="dateRangeChangedHandler"
|
|
|
range-separator="至"
|
|
|
start-placeholder="有效期开始日期"
|
|
|
- end-placeholder="有效期结束日期">
|
|
|
- </el-date-picker> -->
|
|
|
- <el-date-picker style="width:100%"
|
|
|
+ end-placeholder="有效期截止日期">
|
|
|
+ </el-date-picker>
|
|
|
+ <!-- :picker-options="startDatepickerOptions" -->
|
|
|
+ <!-- <el-date-picker style="width:100%"
|
|
|
v-model="formData.startTime"
|
|
|
type="date"
|
|
|
placeholder="请选择开具日期"
|
|
|
>
|
|
|
- </el-date-picker>
|
|
|
+ </el-date-picker> -->
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item prop="effectiveDays" label="有效天数">
|
|
|
- <el-input-number style="width: 100%" v-model="formData.effectiveDays" :min="1" :max="365"></el-input-number>
|
|
|
+ <el-input-number style="width: 100%" :disabled='true' v-model="formData.effectiveDays" :min="1" :max="365"></el-input-number>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="12">
|
|
|
@@ -234,8 +235,9 @@ export default {
|
|
|
reasons: [{ required: true, message: "请输入出入事由" }],
|
|
|
letterNo: [{ required: true, message: "请输入介绍信编号" }],
|
|
|
receptionOrgIds: [{ required: true, message: "请选择接待机构" }],
|
|
|
- startTime: [{ required: true, message: "请选择开具日期" }],
|
|
|
- effectiveDays: [{ required: true, message: "请选择有效天数" }],
|
|
|
+ range:[{ required: true, message: "请选择介绍信有效期" }],
|
|
|
+ // startTime: [{ required: true, message: "请选择开具日期" }],
|
|
|
+ // effectiveDays: [{ required: true, message: "请选择有效天数" }],
|
|
|
userInfos: [{ required: true, message: "请添加出入人员" }],
|
|
|
letterFile:[{ required: true, message: "请上传介绍信附件" }],
|
|
|
},
|
|
|
@@ -273,8 +275,9 @@ export default {
|
|
|
reasons: null,
|
|
|
letterNo:null,
|
|
|
receptionOrgIds: [],
|
|
|
- // range:[],
|
|
|
+ range:[],
|
|
|
startTime:new Date(),
|
|
|
+ endTime:null,
|
|
|
effectiveDays:1,
|
|
|
description: null,
|
|
|
letterFile: [],
|
|
|
@@ -307,7 +310,7 @@ export default {
|
|
|
// tempRange.push(dayjs(response.data.startTime));
|
|
|
// tempRange.push(new Date(response.data.endTime));
|
|
|
// response.data.range=tempRange;
|
|
|
- this.formData = response.data;
|
|
|
+ this.formData ={ ...response.data,range:[response.data.startTime,response.data.endTime]};
|
|
|
this.formFileListDefualtValue=this.formData.letterFile;
|
|
|
});
|
|
|
}
|
|
|
@@ -436,8 +439,23 @@ export default {
|
|
|
console.log("================", row);
|
|
|
this.formData.userInfos.splice(this.formData.userInfos.indexOf(row), 1);
|
|
|
},
|
|
|
- cannotEdit(){
|
|
|
+ dateRangeChangedHandler()
|
|
|
+ {
|
|
|
+ console.log("dateRangeChangedHandler",this.formData.range);
|
|
|
+ if(this.formData.range)
|
|
|
+ {
|
|
|
+ this.formData.startTime=dayjs(this.formData.range[0]).startOf('day');
|
|
|
+ this.formData.endTime=dayjs(this.formData.range[1]).startOf('day');
|
|
|
+ this.formData.effectiveDays=dayjs(this.formData.range[1]).diff(dayjs(this.formData.range[0]),'day')+1;
|
|
|
+
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ this.formData.startTime=null;
|
|
|
+ this.formData.endTime=null;
|
|
|
+ this.formData.effectiveDays=1;
|
|
|
|
|
|
+ }
|
|
|
+ // console.log("dateRangeChangedHandler",this.formData.range, dayjs(this.formData.range[1]).diff(dayjs(this.formData.range[0]),'day') );
|
|
|
}
|
|
|
},
|
|
|
mounted() {},
|
zhulu