feat:项目编辑,项目的开始时间不能选择开始时间之后的时间。

This commit is contained in:
wyx
2023-02-02 19:48:09 +08:00
parent 19a83e2d26
commit 4c1d917570

View File

@@ -97,7 +97,23 @@
<div class="inname">项目时间</div>
</div>
<div class="in">
<div v-if="projectInfo.projectId" class="in">
<a-range-picker
separator="至"
:show-time="{ format: 'HH:mm' }"
:placeholder="[' 开始时间', ' 结束时间']"
:disabled-date="disabledDate1"
v-model:value="projectInfo.rangeTime"
style="width: 100%; height: 40px; border-radius: 5px"
:allowClear="false"
valueFormat="YYYY-MM-DD HH:mm"
@change="timeChange"
@ok="clickOk"
@openChange="panelOpen"
:disabled="viewDetail ? true : false"
/>
</div>
<div v-else class="in">
<a-range-picker
separator="至"
:show-time="{ format: 'HH:mm' }"
@@ -292,6 +308,7 @@ import { message } from "ant-design-vue";
import { useRoute, useRouter } from "vue-router";
import * as api from "../../api/index";
import { useStore } from "vuex";
import * as moment from "moment";
// import ProjectClass from "@/components/project/ProjectClass";
import TrainClass from "@/components/project/TrainClass";
import OrgClass from "@/components/project/OrgClass";
@@ -335,6 +352,8 @@ export default {
courseSyncFlag: true,
auditDescription: "",
ptojectType: "",
changeCondition: false,
clickNum: 0,
});
// 封面图选择
@@ -382,6 +401,14 @@ export default {
state.projectInfo.beginTime,
state.projectInfo.endTime,
];
state.projectInfo.rangeTime1 = [
state.projectInfo.beginTime,
state.projectInfo.endTime,
];
state.projectInfo.edits = true;
state.courseSyncFlag = !!state.projectInfo.courseSyncFlag;
if (Number(state.projectInfo.status) === -5) {
let obj = {
@@ -523,6 +550,35 @@ export default {
state.projectInfo.sourceBelongFullName = orgName;
}
const clickOk = (e) => {
state.clickNum = state.clickNum + 1
if(state.clickNum==2) {
state.clickNum = 0
state.changeCondition = false;
}else{
state.changeCondition = true;
}
console.log(e)
}
const panelOpen = (e) => {
console.log(e)
if(!e){
state.clickNum = 0
state.changeCondition = false;
}
}
const disabledDate1 = (current) => {
// return current && current < dayjs().startOf("day");
console.log(state.projectInfo.rangeTime1)
if(state.changeCondition){
return current && current < moment(state.projectInfo.rangeTime[0]).endOf("YYYY-MM-DD HH:mm:ss");
}else{
return current && current > moment(state.projectInfo.rangeTime1[0]).endOf("YYYY-MM-DD HH:mm:ss")
}
};
const disabledDate = (current) => {
return current && current < dayjs().startOf("day");
};
@@ -530,6 +586,9 @@ export default {
return {
...toRefs(state),
disabledDate,
disabledDate1,
clickOk,
panelOpen,
managerChange,
timeChange,
classificationChange,