添加图片上传功能及优化删除提示

This commit is contained in:
2024-12-20 14:39:01 +08:00
parent 0342da62d6
commit 8b7860e3ef
10 changed files with 29 additions and 9 deletions
+5 -1
View File
@@ -318,7 +318,11 @@ const submitForm = () => {
/** 删除按钮操作 */
const handleDelete = async (row?: ArticleVO) => {
const _ids = row?.id || ids.value;
await proxy?.$modal.confirm('是否确认删除文章编号为"' + _ids + '"的数据项?').finally(() => loading.value = false);
if (row?.id) {
await proxy?.$modal.confirm('是否确认删除名称为"' + row.title + '"的数据项?').finally(() => loading.value = false);
}else{
await proxy?.$modal.confirm('是否确认删除多项数据?').finally(() => loading.value = false);
}
await delArticle(_ids);
proxy?.$modal.msgSuccess("删除成功");
await getList();
+16 -8
View File
@@ -6,10 +6,11 @@
<div v-show="showSearch" class="mb-[10px]" id="search_div">
<el-card shadow="hover">
<el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="70px">
<el-form-item label="banner名称" prop="" label-width="90px">
<el-input class="inputWidth" placeholder="请输入banner名称" clearable @keyup.enter="handleQuery" />
<el-form-item label="banner名称" prop="name" label-width="90px">
<el-input class="inputWidth" v-model="queryParams.name" placeholder="请输入banner名称" clearable
@keyup.enter="handleQuery" />
</el-form-item>
<el-form-item label="上架状态" prop="">
<el-form-item label="上架状态" prop="status">
<el-select class="inputWidth" v-model="queryParams.status" placeholder="请选择上架状态" clearable>
<el-option v-for="dict in note_publish_list" :key="dict.value" :label="dict.label"
:value="dict.value" />
@@ -35,7 +36,7 @@
<el-table :height="autoTableHeight" v-loading="loading" :data="bannerList"
@selection-change="handleSelectionChange" border>
<el-table-column label="banner名称" align="center" prop="name" />
<el-table-column label="图片" align="center" prop="" width="100px" />
<el-table-column label="图片" align="center" prop="imgUrlList" width="100px" />
<el-table-column label="跳转地址" align="center" prop="targetUrl" />
<el-table-column label="排序" align="center" prop="sortNum" width="80px" />
<el-table-column label="操作人" align="center" prop="updateByName" width="120px" />
@@ -68,7 +69,7 @@
<el-table :height="autoTableHeight" v-loading="loading" :data="bannerList"
@selection-change="handleSelectionChange" border>
<el-table-column label="banner名称" align="center" prop="name" />
<el-table-column label="图片" align="center" prop="" width="100px" />
<el-table-column label="图片" align="center" prop="imgUrlList" width="100px" />
<el-table-column label="跳转地址" align="center" prop="targetUrl" />
<el-table-column label="排序" align="center" prop="sortNum" width="80px" />
<el-table-column label="操作人" align="center" prop="updateByName" width="120px" />
@@ -101,7 +102,7 @@
<el-table :height="autoTableHeight" v-loading="loading" :data="bannerList"
@selection-change="handleSelectionChange" border>
<el-table-column label="banner名称" align="center" prop="name" />
<el-table-column label="图片" align="center" prop="" width="100px" />
<el-table-column label="图片" align="center" prop="imgUrlList" width="100px" />
<el-table-column label="跳转地址" align="center" prop="targetUrl" />
<el-table-column label="排序" align="center" prop="sortNum" width="80px" />
<el-table-column label="操作人" align="center" prop="updateByName" width="120px" />
@@ -134,7 +135,7 @@
<el-table :height="autoTableHeight" v-loading="loading" :data="bannerList"
@selection-change="handleSelectionChange" border>
<el-table-column label="banner名称" align="center" prop="name" />
<el-table-column label="图片" align="center" prop="" width="100px" />
<el-table-column label="图片" align="center" prop="imgUrlList" width="100px" />
<el-table-column label="跳转地址" align="center" prop="targetUrl" />
<el-table-column label="行政区域" align="center" prop="city">
<template #default="scope">
@@ -195,6 +196,9 @@
<el-form-item label="banner排序" prop="sortNum">
<el-input-number v-model="form.sortNum" :min="1" :max="1000" />
</el-form-item>
<el-form-item label="banner图片" prop="imgUrlList">
<image-upload v-model="form.imgUrlList" />
</el-form-item>
</el-form>
<template #footer>
<div class="dialog-footer">
@@ -248,6 +252,7 @@ const initFormData: BannerForm = {
status: 0,
city: undefined,
province: undefined,
imgUrlList:[]
}
const data = reactive<PageData<BannerForm, BannerQuery>>({
form: {...initFormData},
@@ -278,6 +283,9 @@ const data = reactive<PageData<BannerForm, BannerQuery>>({
sortNum: [
{ required: true, message: "排序不能为空", trigger: "blur" }
],
imgUrlList: [
{ required: true, message: "请添加图片", trigger: "blur" }
],
}
});
@@ -385,7 +393,7 @@ const submitForm = () => {
/** 删除按钮操作 */
const handleDelete = async (row?: BannerVO) => {
const _ids = row?.id || ids.value;
await proxy?.$modal.confirm('是否确认删除banner图管理编号为"' + _ids + '"的数据项?').finally(() => loading.value = false);
await proxy?.$modal.confirm('是否确认删除名称为 “' + row.name + '的数据项?').finally(() => loading.value = false);
await delBanner(_ids);
proxy?.$modal.msgSuccess("删除成功");
await getList();
+1
View File
@@ -1,3 +1,4 @@
<!-- 订单信息 -->
<template>
<div class="p-2">
<transition :enter-active-class="proxy?.animate.searchAnimate.enter"
@@ -1,3 +1,4 @@
<!-- 商品类别 -->
<template>
<div class="p-2">
<transition :enter-active-class="proxy?.animate.searchAnimate.enter"