8/13, 修改小区删除上传图片问题

This commit is contained in:
Zy
2026-08-13 15:12:17 +08:00
parent 3048aa3f88
commit 03e2fa531a
5 changed files with 28 additions and 12 deletions

View File

@@ -355,6 +355,7 @@ async function handleUploadChange(file: UploadFile) {
ElMessage.error(isUpload.type);
return;
} else if (typeof isUpload === 'boolean' && isUpload === true) {
console.log(file);
villageImg.value.push(file.raw);
}
}
@@ -364,7 +365,12 @@ function handleExceed() {
}
/** 移除钩子 */
const handleRemove = (file: UploadFile) => {
villageImg.value = villageImg.value.filter((item) => item.uid !== file.uid);
const fileToRemoveIndex = villageImg.value.findIndex((item) => item.uid === file.uid);
if (fileToRemoveIndex === -1) {
return;
}
uploadRef.value.handleRemove(villageImg.value[fileToRemoveIndex]);
villageImg.value.splice(fileToRemoveIndex, 1);
};
// 改变时间

View File

@@ -54,11 +54,12 @@
</el-row>
<el-row>
<el-col :span="11">
<el-form-item label="报名截止日期" prop="deadline">
<el-form-item label="报名截止日期" prop="applyDeadline">
<el-date-picker
format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss"
v-model="deadline"
:disabled-date="disabledDate"
@update:model-value="
(data) => {
if (data) {
@@ -312,6 +313,18 @@ const rules = {
coverImage: [{ required: true, message: '请上传活动封面', trigger: 'blur' }],
content: [{ required: true, message: '请输入内容', trigger: 'blur' }]
};
// 禁用 form.value.taskTime.split(' - ') 范围外的所有日期,包括边界日期(开始和结束当天)
const disabledDate = (time: Date) => {
const startDate = new Date();
startDate.setHours(0, 0, 0, 0);
// 获取当前选择日期的零点时间戳
const selectDate = new Date(time);
selectDate.setHours(0, 0, 0, 0);
// 禁用早于开始日期 或 晚于结束日期的日期
// 注意:这里使用 < 和 >,意味着等于开始或结束日期时返回 false不禁用/可选)
return selectDate.getTime() < startDate.getTime();
};
const userid = ref();
// 报名截止日期
const deadline = ref([]);
@@ -525,7 +538,6 @@ function init() {
});
}
// ! 提交========================================
// 提交
const submitForm = () => {
console.log(form.value);

View File

@@ -36,7 +36,7 @@
<el-table class="tablebody" v-loading="loading" border :data="storeroomList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="楼栋名" align="center" prop="buildingName" />
<el-table-column label="单元号" show-overflow-tooltip align="center" prop="unitName" />
<el-table-column label="单元号" show-overflow-tooltip align="center" prop="unitName" />
<el-table-column label="储藏室号" align="center" prop="storeroomNo" />
<el-table-column label="建筑面积(㎡)" align="center" prop="houseArea" />
<el-table-column label="公摊面积(㎡)" align="center" prop="shareArea" />