时间搜索

This commit is contained in:
zhangyc
2022-12-22 09:32:17 +08:00
parent 2978e0d724
commit b0d57bf577
4 changed files with 68 additions and 21 deletions

View File

@@ -63,16 +63,12 @@
:unCheckedValue="0" :unCheckedValue="0"
:disabled="true" :disabled="true"
><span ><span
style=" style="width: 100%;color: rgba(109, 117, 132, 1);font-size: 14px;"
width: 100%;
color: rgba(109, 117, 132, 1);
font-size: 14px;
"
>同步课程学习记录如学员在课程库中拥有课程的学习记录自动免修该课程</span >同步课程学习记录如学员在课程库中拥有课程的学习记录自动免修该课程</span
></a-switch> ></a-switch>
</div> </div>
</div> </div>
<div class="set_content"> <div class="set_content" v-if="projectInfo.boeFlag">
<div class="setc_name"><span>是否BOEU实施</span></div> <div class="setc_name"><span>是否BOEU实施</span></div>
<div class="setc_main"> <div class="setc_main">
<a-switch <a-switch
@@ -83,7 +79,7 @@
></a-switch> ></a-switch>
</div> </div>
</div> </div>
<div class="set_content"> <div class="set_content" v-if="projectInfo.remark ">
<div class="setc_name"><span>项目说明</span></div> <div class="setc_name"><span>项目说明</span></div>
<div class="setc_main"> <div class="setc_main">
<span style="color: #999999">{{ projectInfo.remark }}</span> <span style="color: #999999">{{ projectInfo.remark }}</span>

View File

@@ -49,17 +49,22 @@
placeholder="请输入创建人" placeholder="请输入创建人"
/> />
</div> </div>
<div class="inpbox1"> <div class="inpbox1">
<div class="select addTimeBox">
<div class="addTime">审核时间</div>
<a-range-picker <a-range-picker
v-model:value="valueDate" v-model:value="valueDate"
show-time style="width: 360px"
style="border-radius: 8px; height: 40px; margin-left: 5px" format="YYYY-MM-DD"
separator="至"
:placeholder="[' 开始时间', ' 结束时间']" :placeholder="[' 开始时间', ' 结束时间']"
format="YYYY/MM/DD HH:mm"
/> />
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="tmplh_btn"> <div class="tmplh_btn">
<div class="btn btn1" @click="getProjList"> <div class="btn btn1" @click="getProjList">
<div class="search"></div> <div class="search"></div>
@@ -144,6 +149,7 @@
import { onMounted, reactive, toRefs } from "vue"; import { onMounted, reactive, toRefs } from "vue";
import { auditedlist } from "../../api/indexAudit"; import { auditedlist } from "../../api/indexAudit";
import * as moment from "moment"; import * as moment from "moment";
import dayjs from "dayjs";
export default { export default {
name: "ProjectViewed", name: "ProjectViewed",
@@ -324,8 +330,8 @@ export default {
const getProjList = () => { const getProjList = () => {
state.loading=true state.loading=true
let objn = { let objn = {
beginTime: state.valueDate ? state.valueDate[0] : "", beginTime: state.valueDate ? dayjs(state.valueDate[0]).format("YYYY-MM-DD") : "",
endTime: state.valueDate ? state.valueDate[1] : "", endTime: state.valueDate ? dayjs(state.valueDate[1]).format("YYYY-MM-DD") : "",
createName: state.valuecreater, createName: state.valuecreater,
manager: state.valuename, manager: state.valuename,
name: state.valueproj, name: state.valueproj,
@@ -408,6 +414,7 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.projAuditModal { .projAuditModal {
.ant-modal { .ant-modal {
width: 816px !important; width: 816px !important;
min-height: 420px !important; min-height: 420px !important;
@@ -539,7 +546,26 @@ export default {
.projectviewed { .projectviewed {
width: 100%; width: 100%;
.addTimeBox {
position: relative;
display: flex;
align-items: center;
.addTime {
position: absolute;
z-index: 10;
margin-left: 10px;
color: rgba(0, 0, 0, 0.4);
}
.ant-picker {
padding-left: 85px;
}
.ant-picker-range .ant-picker-active-bar {
margin-left: 85px;
}
}
.tmpl { .tmpl {
width: 100%; width: 100%;

View File

@@ -175,7 +175,7 @@
</a-radio-group> </a-radio-group>
</div> </div>
</div> </div>
<div class="name name2"> <div class="name name2" v-if="courseSyncFlag">
<div class="namebox"> <div class="namebox">
<div class="inname">同步学习记录</div> <div class="inname">同步学习记录</div>
</div> </div>
@@ -194,7 +194,7 @@
> >
</div> </div>
</div> </div>
<div class="name name2"> <div class="name name2" v-if="projectInfo.remark">
<div class="namebox"> <div class="namebox">
<div class="inname" style="margin-top: 13px">项目说明</div> <div class="inname" style="margin-top: 13px">项目说明</div>
</div> </div>

View File

@@ -24,12 +24,17 @@
></a-select> ></a-select>
</div> </div>
<div class="select"> <div class="select">
<div class="select addTimeBox">
<div class="addTime">创建时间</div>
<a-range-picker <a-range-picker
v-model:value="projectTime" v-model:value="projectTime"
style="width: 420px"
format="YYYY-MM-DD"
separator="至" separator="至"
:placeholder="[' 开始时间', ' 结束时间']" :placeholder="[' 开始时间', ' 结束时间']"
/> />
</div> </div>
</div>
<div style="display: flex; margin-bottom: 20px"> <div style="display: flex; margin-bottom: 20px">
<div class="btn btn1" @click="handleSearch"> <div class="btn btn1" @click="handleSearch">
<div class="search"></div> <div class="search"></div>
@@ -414,7 +419,7 @@ export default {
if (state.projectTime) { if (state.projectTime) {
startTime = toDate( startTime = toDate(
new Date(state.projectTime[0].$d).getTime() / 1000, new Date(state.projectTime[0].$d).getTime() / 1000,
"Y-M-D" "Y-M-D hh:mm"
); );
endTime = toDate( endTime = toDate(
new Date(state.projectTime[1].$d).getTime() / 1000, new Date(state.projectTime[1].$d).getTime() / 1000,
@@ -865,6 +870,26 @@ export default {
display: block; display: block;
clear: both; clear: both;
} }
.addTimeBox {
position: relative;
display: flex;
align-items: center;
.addTime {
position: absolute;
z-index: 10;
margin-left: 10px;
color: rgba(0, 0, 0, 0.4);
}
.ant-picker {
padding-left: 85px;
}
.ant-picker-range .ant-picker-active-bar {
margin-left: 85px;
}
}
.out { .out {
//display: flex; //display: flex;
display: block; display: block;