上传附件

This commit is contained in:
zhangyc
2022-12-24 00:10:55 +08:00
parent ea31837912
commit c730b97898
11 changed files with 185 additions and 31 deletions

View File

@@ -51,6 +51,7 @@
</div> </div>
<div class="btnbox"> <div class="btnbox">
<a-range-picker <a-range-picker
:disabled-date="disabledDate" :disabled-time="disabledRangeTime"
:show-time="{ format: 'HH:mm' }" :show-time="{ format: 'HH:mm' }"
format="YYYY-MM-DD HH:mm" format="YYYY-MM-DD HH:mm"
style="width: 400px; height: 40px; border-radius: 8px;" style="width: 400px; height: 40px; border-radius: 8px;"
@@ -524,6 +525,29 @@ export default {
} }
}; };
const range = (start, end) => {
const result = [];
for (let i = start; i < end; i++) {
result.push(i);
}
return result;
};
const disabledDate = (current) => {
// Can not select days before today and today
console.log('1111', dayjs().endOf('day'))
return current && current < dayjs().startOf('day');
};
const disabledDateTime = () => {
return {
disabledHours: () => range(0, 24).splice(4, 20),
disabledMinutes: () => range(30, 60),
disabledSeconds: () => [55, 56],
};
};
return { return {
...toRefs(state), ...toRefs(state),
afterVisibleChange, afterVisibleChange,
@@ -531,6 +555,10 @@ export default {
closeDrawer1, closeDrawer1,
cloradio1, cloradio1,
updateActivityInfo, updateActivityInfo,
disabledDateTime,
disabledDate
}; };
}, },
}; };

View File

@@ -51,6 +51,7 @@
<div class="btnbox"> <div class="btnbox">
<a-range-picker <a-range-picker
:show-time="{ format: 'HH:mm' }" :show-time="{ format: 'HH:mm' }"
:disabled-date="disabledDate" :disabled-time="disabledRangeTime"
style="width: 400px; height: 40px; border-radius: 8px;" v-model:value="time" format="YYYY-MM-DD HH:mm" style="width: 400px; height: 40px; border-radius: 8px;" v-model:value="time" format="YYYY-MM-DD HH:mm"
:placeholder="[' 开始时间', ' 结束时间']" /> :placeholder="[' 开始时间', ' 结束时间']" />
</div> </div>
@@ -357,7 +358,28 @@ export default {
prohibitClick.value = false; prohibitClick.value = false;
}); });
}; };
const range = (start, end) => {
const result = [];
for (let i = start; i < end; i++) {
result.push(i);
}
return result;
};
const disabledDate = (current) => {
// Can not select days before today and today
console.log('1111', dayjs().endOf('day'))
return current && current < dayjs().startOf('day');
};
const disabledDateTime = () => {
return {
disabledHours: () => range(0, 24).splice(4, 20),
disabledMinutes: () => range(30, 60),
disabledSeconds: () => [55, 56],
};
};
return { return {
...toRefs(state), ...toRefs(state),
afterVisibleChange, afterVisibleChange,
@@ -370,7 +392,9 @@ export default {
queryInvistById, queryInvistById,
editInvistText, editInvistText,
showEvalDrawer, showEvalDrawer,
updateTask updateTask,
disabledDate,
disabledDateTime
}; };
}, },
}; };

View File

@@ -103,6 +103,7 @@
<div class="select" > <div class="select" >
<a-range-picker style="width: 400px;" <a-range-picker style="width: 400px;"
:show-time="{ format: 'HH:mm' }" :show-time="{ format: 'HH:mm' }"
:disabled-date="disabledDate" :disabled-time="disabledRangeTime"
format="YYYY/MM/DD HH:mm" format="YYYY/MM/DD HH:mm"
v-model:value="chooseTime" v-model:value="chooseTime"
:placeholder="[' 开始时间', ' 结束时间']" :placeholder="[' 开始时间', ' 结束时间']"
@@ -840,6 +841,29 @@ export default {
const handleFocus = () => { const handleFocus = () => {
queryMember(); queryMember();
}; };
const range = (start, end) => {
const result = [];
for (let i = start; i < end; i++) {
result.push(i);
}
return result;
};
const disabledDate = (current) => {
// Can not select days before today and today
console.log('1111', dayjs().endOf('day'))
return current && current < dayjs().startOf('day');
};
const disabledDateTime = () => {
return {
disabledHours: () => range(0, 24).splice(4, 20),
disabledMinutes: () => range(30, 60),
disabledSeconds: () => [55, 56],
};
};
return { return {
...toRefs(state), ...toRefs(state),
FILE_UPLOAD_URL, FILE_UPLOAD_URL,
@@ -851,9 +875,11 @@ export default {
updateFaceTeach, updateFaceTeach,
exitAdd, exitAdd,
updateTask, updateTask,
disabledDateTime,
clear, clear,
handleChange, handleChange,
showAssessment, showAssessment,
disabledDate,
// change, // change,
options, options,

View File

@@ -23,7 +23,7 @@
<div class="main_item"> <div class="main_item">
<div class="btnbox"> <div class="btnbox">
<a-form-item has-feedback label="提交时间" name="choosedTime"> <a-form-item has-feedback label="提交时间" name="choosedTime">
<a-range-picker :disabled-date="disabledDate" :disabled-time="disabledRangeTime" show-time <a-range-picker :disabled-date="disabledDate" :disabled-time="disabledRangeTime" :show-time="{ format: 'HH:mm' }"
style="width: 400px; height: 40px; border-radius: 8px" v-model:value="formState.choosedTime" style="width: 400px; height: 40px; border-radius: 8px" v-model:value="formState.choosedTime"
format="YYYY/MM/DD HH:mm" :placeholder="[' 开始时间', ' 结束时间']" /> format="YYYY/MM/DD HH:mm" :placeholder="[' 开始时间', ' 结束时间']" />
</a-form-item> </a-form-item>

View File

@@ -71,6 +71,7 @@
<div class="btnbox"> <div class="btnbox">
<a-range-picker <a-range-picker
:show-time="{ format: 'HH:mm' }" :show-time="{ format: 'HH:mm' }"
:disabled-date="disabledDate" :disabled-time="disabledRangeTime"
style="width: 400px; height: 40px; border-radius: 8px" style="width: 400px; height: 40px; border-radius: 8px"
v-model:value="time" v-model:value="time"
format="YYYY/MM/DD HH:mm" format="YYYY/MM/DD HH:mm"
@@ -886,7 +887,28 @@ export default {
state.assessmentId = ""; state.assessmentId = "";
state.isEvaluate = "0"; state.isEvaluate = "0";
}; };
const range = (start, end) => {
const result = [];
for (let i = start; i < end; i++) {
result.push(i);
}
return result;
};
const disabledDate = (current) => {
// Can not select days before today and today
console.log('1111', dayjs().endOf('day'))
return current && current < dayjs().startOf('day');
};
const disabledDateTime = () => {
return {
disabledHours: () => range(0, 24).splice(4, 20),
disabledMinutes: () => range(30, 60),
disabledSeconds: () => [55, 56],
};
};
return { return {
...toRefs(state), ...toRefs(state),
afterVisibleChange, afterVisibleChange,
@@ -904,6 +926,8 @@ export default {
handleSearch, handleSearch,
showAssessment, showAssessment,
removePG, removePG,
disabledDateTime,
disabledDate
}; };
}, },
}; };

View File

@@ -102,7 +102,8 @@
<div class="btnbox"> <div class="btnbox">
<a-range-picker <a-range-picker
style="width: 400px; height: 40px; border-radius: 8px" style="width: 400px; height: 40px; border-radius: 8px"
show-time show-time="{format:'hh:mm'}"
:disabled-date="disabledDate" :disabled-time="disabledRangeTime"
format="YYYY/MM/DD HH:mm" format="YYYY/MM/DD HH:mm"
v-model:value="test.chooseTime" v-model:value="test.chooseTime"
:placeholder="[' 开始时间', ' 结束时间']" :placeholder="[' 开始时间', ' 结束时间']"
@@ -662,6 +663,29 @@ export default {
state.testName = value.testName; state.testName = value.testName;
}; };
const range = (start, end) => {
const result = [];
for (let i = start; i < end; i++) {
result.push(i);
}
return result;
};
const disabledDate = (current) => {
// Can not select days before today and today
console.log('1111', dayjs().endOf('day'))
return current && current < dayjs().startOf('day');
};
const disabledDateTime = () => {
return {
disabledHours: () => range(0, 24).splice(4, 20),
disabledMinutes: () => range(30, 60),
disabledSeconds: () => [55, 56],
};
};
return { return {
afterVisibleChange, afterVisibleChange,
closeDrawer, closeDrawer,
@@ -671,7 +695,7 @@ export default {
cloradio2, cloradio2,
cloradio3, cloradio3,
cloradio4, cloradio4,
disabledDateTime,
clearAll, clearAll,
delTag, delTag,
@@ -683,7 +707,7 @@ export default {
chooseTest, chooseTest,
closeTag, closeTag,
getData, getData,
disabledDate,
...toRefs(state), ...toRefs(state),
}; };
}, },

View File

@@ -105,6 +105,7 @@
<div class="select" > <div class="select" >
<a-range-picker <a-range-picker
:show-time="{ format: 'HH:mm' }" :show-time="{ format: 'HH:mm' }"
:disabled-date="disabledDate" :disabled-time="disabledRangeTime"
format="YYYY-MM-DD HH:mm" format="YYYY-MM-DD HH:mm"
style="width: 424px" style="width: 424px"
v-model:value="time" v-model:value="time"

View File

@@ -1954,6 +1954,7 @@
<a-range-picker <a-range-picker
style="width: 440px; height: 40px; border-radius: 8px" style="width: 440px; height: 40px; border-radius: 8px"
:show-time="{ format: 'HH:mm' }" :show-time="{ format: 'HH:mm' }"
:disabled-date="disabledDate" :disabled-time="disabledRangeTime"
format="YYYY-MM-DD HH:mm" format="YYYY-MM-DD HH:mm"
v-model:value="xjkkinputV3" v-model:value="xjkkinputV3"
separator="至" separator="至"
@@ -2106,31 +2107,11 @@
</div> --> </div> -->
<div class="cstm_items items_fj"> <div class="cstm_items items_fj">
<div class="signbox"> <div class="signbox">
<span style="margin-right: 3px">附件</span> <span style="margin-right: 3px"></span>
</div> </div>
<div class="b_input"> <div class="b_input">
<a-upload
name="file" <FJUpload v-model:value="attach" @changevalue="changevalue"/>
:show-upload-list="false"
:before-upload="beforeUpload3"
>
<div class="upload_box">
<div class="upload_icon">
<img
src="@/assets/images/coursewareManage/enclosure.png"
alt=""
/>
</div>
<span style="color: #4ea6ff">上传附件</span>
</div>
<!-- <template #itemRender="{ file }">
<a-space>
<span :style="file.status === 'error' ? 'color: red' : ''">
{{ file.name }}
</span>
</a-space>
</template> -->
</a-upload>
</div> </div>
</div> </div>
<div class="cstm_items"> <div class="cstm_items">
@@ -2810,6 +2791,7 @@ import {
toRefs, toRefs,
defineComponent, defineComponent,
ref, ref,
shallowRef, shallowRef,
onMounted, onMounted,
onBeforeUnmount, onBeforeUnmount,
@@ -2817,7 +2799,6 @@ import {
} from "vue"; } from "vue";
import * as api from "../../api/indexInvist.js"; import * as api from "../../api/indexInvist.js";
import { message } from "ant-design-vue"; import { message } from "ant-design-vue";
import { useRouter, useRoute } from "vue-router"; import { useRouter, useRoute } from "vue-router";
// import StuAdd from "../../components/drawers/StuAdd"; // import StuAdd from "../../components/drawers/StuAdd";
@@ -2839,6 +2820,7 @@ import {
exportP, exportP,
deletePlan, deletePlan,
planList, planList,
editPlan, editPlan,
studentList, studentList,
addStudent, addStudent,
@@ -2873,6 +2855,7 @@ import { queryExaminationDetailById } from "@/api/indexExam";
import AddHomework from "../../components/drawers/AddHomework.vue"; import AddHomework from "../../components/drawers/AddHomework.vue";
import AddTest from "../../components/drawers/AddTest.vue"; import AddTest from "../../components/drawers/AddTest.vue";
import TableStudent from "@/components/student/TableStudent"; import TableStudent from "@/components/student/TableStudent";
import FJUpload from "@/components/common/FJUpload";
//列表表格 //列表表格
const columns1 = [ const columns1 = [
// { // {
@@ -3382,6 +3365,7 @@ export default defineComponent({
Toolbar, Toolbar,
SeeModal, SeeModal,
CourseModal, CourseModal,
FJUpload,
// StuAdd, // StuAdd,
ProjectManager, ProjectManager,
ProjOwnerShip, ProjOwnerShip,
@@ -4617,6 +4601,22 @@ export default defineComponent({
// label: "专业力", // label: "专业力",
// }, // },
]); ]);
// 删除文件返回参数
const changevalue = (e) => {
let arr = state.attach.split(',')
let newarr = []
for(let i=0;i<arr.length;i++){
if(i!==e){
newarr.push(arr[i])
}
}
if(newarr.length==0){
state.attach = "";
}else{
state.attach = newarr.toString()
}
console.log('changevalue', e, newarr, state.attach)
}
const options4CurId = ref(""); const options4CurId = ref("");
const options4CurName = ref("张"); const options4CurName = ref("张");
const of_hShow = () => { const of_hShow = () => {
@@ -5768,11 +5768,32 @@ export default defineComponent({
} }
} }
); );
const range = (start, end) => {
const result = [];
for (let i = start; i < end; i++) {
result.push(i);
}
return result;
};
const closeOnlineCoursevisible = () => { const closeOnlineCoursevisible = () => {
console.log("执行"); console.log("执行");
getTableDate(); getTableDate();
}; };
const disabledDate = (current) => {
// Can not select days before today and today
console.log('1111', dayjs().endOf('day'))
return current && current < dayjs().startOf('day');
};
const disabledDateTime = () => {
return {
disabledHours: () => range(0, 24).splice(4, 20),
disabledMinutes: () => range(30, 60),
disabledSeconds: () => [55, 56],
};
};
return { return {
...toRefs(state), ...toRefs(state),
@@ -5780,6 +5801,8 @@ export default defineComponent({
getdateToDateFn, getdateToDateFn,
moment, moment,
disabledDate,
disabledDateTime,
getdateToTimeFn, getdateToTimeFn,
handlePostSure, handlePostSure,
handleDeleteKaike, handleDeleteKaike,
@@ -5805,6 +5828,7 @@ export default defineComponent({
handleOpen, handleOpen,
handleEdit, handleEdit,
handleDelete, handleDelete,
changevalue,
columns1, columns1,
columns2, columns2,
columns4, columns4,

View File

@@ -47,6 +47,7 @@
<div class="addTime">创建时间</div> <div class="addTime">创建时间</div>
<a-range-picker <a-range-picker
:show-time="{ format: 'HH:mm' }" :show-time="{ format: 'HH:mm' }"
:disabled-date="disabledDate" :disabled-time="disabledRangeTime"
v-model:value="searchParam.valueDate" v-model:value="searchParam.valueDate"
format="YYYY-MM-DD" format="YYYY-MM-DD"
style="border-radius: 8px; height: 40px; margin-left: 5px" style="border-radius: 8px; height: 40px; margin-left: 5px"

View File

@@ -90,6 +90,7 @@
<div class="in"> <div class="in">
<a-range-picker <a-range-picker
:show-time="{ format: 'HH:mm' }" :show-time="{ format: 'HH:mm' }"
:disabled-date="disabledDate" :disabled-time="disabledRangeTime"
separator="至" separator="至"
:placeholder="[' 开始时间', ' 结束时间']" :placeholder="[' 开始时间', ' 结束时间']"
v-model:value="projectInfo.rangeTime" v-model:value="projectInfo.rangeTime"

View File

@@ -78,7 +78,8 @@
<div class="in"> <div class="in">
<a-range-picker <a-range-picker
show-time :show-time="{ format: 'HH:mm' }"
:disabled-date="disabledDate" :disabled-time="disabledRangeTime"
separator="至" separator="至"
:placeholder="[' 开始时间', ' 结束时间']" :placeholder="[' 开始时间', ' 结束时间']"
v-model:value="projectInfo.rangeTime" v-model:value="projectInfo.rangeTime"