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

src/api/manage/banner/types.ts

@@ -37,6 +37,7 @@ export interface BannerForm extends BaseEntity {
   id?: string | number;
   city: string | number;
   province: string | number;
+  imgUrlList: string[];
   /**
    * banner名称
    */

src/assets/icons/svg/13.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="64px" height="64.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M340.138667 782.08a389.376 389.376 0 0 1-25.045334-6.570667c0.512 0.128-28.117333 13.909333-67.413333 36.010667l-1.834667 1.066667c-32.085333 18.048-41.813333 23.381333-54.784 29.824-27.264 13.44-38.314667 17.066667-51.84 7.552-19.114667-13.482667-17.962667-20.821333 1.28-104.789334l0.213334-0.810666c6.442667-28.117333 8.874667-39.338667 10.752-51.072a114.346667 114.346667 0 0 0 1.706666-14.933334v-0.384c0.128 0.426667 0.597333 1.322667 2.304 3.2l0.938667 0.981334C85.12 612.522667 44.245333 518.4 44.245333 417.962667c0-206.72 172.074667-374.058667 384-374.058667a387.328 387.328 0 0 1 296.362667 136.106667l22.357333 7.68c138.837333 55.253333 232.96 195.029333 232.96 350.848 0 101.504-36.949333 194.56-103.424 265.514666 0.213333 2.901333 0.682667 6.826667 1.450667 11.776 1.578667 9.941333 1.578667 9.898667 8.96 46.250667l2.090667 10.453333c13.269333 66.986667 15.488 90.410667-4.266667 103.509334a22.570667 22.570667 0 0 1-19.114667 4.949333 41.216 41.216 0 0 1-9.984-2.986667 167.210667 167.210667 0 0 1-18.261333-9.386666 799.402667 799.402667 0 0 1-22.144-13.397334l-24.704-15.445333-4.010667-2.517333c-20.096-12.501333-33.621333-20.522667-44.416-26.154667a102.826667 102.826667 0 0 0-13.226666-5.973333l0.426666 0.085333c1.450667 0.213333 3.84-0.256 8.618667-3.712l-8.789333 3.712c-47.018667 8.192-75.946667 12.586667-103.594667 15.232-111.146667-2.858667-210.56-50.133333-280.149333-127.146667a21.248 21.248 0 0 1-5.248-11.178666z m63.744 9.173333a345.173333 345.173333 0 0 0 220.16 86.613334c22.954667-2.304 50.005333-6.4 93.610666-13.952 16-8.832 30.933333-0.554667 91.434667 37.12l4.053333 2.56 24.618667 15.36c6.869333 4.309333 12.501333 7.722667 17.28 10.538666a491.690667 491.690667 0 0 0-7.893333-48.64l-2.048-10.24c-7.637333-37.546667-7.552-37.290667-9.301334-48.170666-3.626667-23.253333-3.84-32.725333 4.821334-42.581334 62.336-64.298667 96.64-148.608 96.64-241.322666 0-123.904-66.986667-236.330667-168.234667-293.205334a364.714667 364.714667 0 0 1 43.221333 172.629334c0 206.72-172.032 374.058667-384 374.058666-8.106667 0-16.256-0.256-24.362666-0.768z m-221.781334-36.522666c-5.888 25.6-8.618667 38.4-10.453333 49.664l0.512-0.256c12.032-5.930667 21.504-11.136 52.778667-28.757334l1.834666-1.024c66.261333-37.290667 82.56-45.141333 100.565334-39.722666a350.72 350.72 0 0 0 100.906666 14.72c188.672 0 341.333333-148.48 341.333334-331.392 0-182.912-152.661333-331.392-341.333334-331.392-188.629333 0-341.333333 148.48-341.333333 331.392 0 89.130667 36.394667 172.629333 100.096 234.410666 14.848 14.378667 13.738667 21.248-4.693333 101.546667l-0.213334 0.810667zM256 426.666667m-42.666667 0a42.666667 42.666667 0 1 0 85.333334 0 42.666667 42.666667 0 1 0-85.333334 0ZM426.666667 426.666667m-42.666667 0a42.666667 42.666667 0 1 0 85.333333 0 42.666667 42.666667 0 1 0-85.333333 0ZM597.333333 426.666667m-42.666666 0a42.666667 42.666667 0 1 0 85.333333 0 42.666667 42.666667 0 1 0-85.333333 0Z" /></svg>

src/assets/icons/svg/gongyingshang.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1734673371377" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11339" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M898.3 462.2c0-213-173.3-386.3-386.3-386.3S125.7 249.2 125.7 462.2c0 119.9 54.9 227.3 141 298.2v168.9c0 5.5 3.2 10.4 8.1 12.7 1.9 0.9 4 1.3 6 1.3 3.2 0 6.4-1.1 9-3.2l125.4-103.9c31 8 63.4 12.3 96.8 12.3 29.4 0 58-3.3 85.5-9.6l127.8 105.9c2.6 2.1 5.8 3.2 9 3.2 2 0 4.1-0.4 6-1.3 4.9-2.3 8.1-7.3 8.1-12.7V767.5c91.1-70.7 149.9-181.3 149.9-305.3zM294.8 899.4V781.5c27.1 18.5 56.7 33.6 88.1 44.8l-88.1 73.1z m425.4 4.6l-89.5-74.2c31.8-10.3 61.9-24.6 89.5-42.4V904z m11.3-171c-4.4 0.9-8 3.8-9.9 7.7-58.4 44-131 70.2-209.6 70.2-192.3 0-348.7-156.5-348.7-348.7S319.7 113.5 512 113.5c192.3 0 348.7 156.5 348.7 348.7 0 109.2-50.4 206.9-129.2 270.8z" fill="#999999" p-id="11340"></path><path d="M617.8 413.2h55.4V384h-55.4v-87.2h-30.5V384h-74.6v-87.2h-30.9V384H428v29.2h53.8v97.6h-65.5v28.8H685v-28.8h-67.1v-97.6z m-30.4 97.6h-74.6v-97.6h74.6v97.6zM397.6 291.9c-20.9 65.3-53.9 123.3-99.3 173.9l10 31.7c15.6-16.1 30.7-33.9 45.5-53.4v233.6h30.9V397c16.7-28.6 30.4-59.4 41.3-92.2l-28.4-12.9zM575.3 570c33.4 39.8 59.5 75.2 78.4 106.3l26.7-18.3c-19.7-30.9-46.6-65.2-80.5-103l-24.6 15zM418.9 658.4l25.9 18.8c30-30.3 55.7-65.7 77.2-106.3L494.5 558c-20.4 38.3-45.6 71.8-75.6 100.4z" fill="#999999" p-id="11341"></path></svg>

src/assets/icons/svg/jifen.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1734673308733" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10283" width="128" height="128" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M512 62c65.9 0 129.6 6 189.6 17.9 57 11.3 107.9 27.3 151.2 47.7 40.4 18.9 72.8 41.2 93.8 64.5 18.2 20.1 27.4 40.3 27.4 59.9s-9.2 39.8-27.4 59.9c-21 23.3-53.4 45.6-93.8 64.5-43.4 20.3-94.2 36.4-151.2 47.7C641.6 436 577.9 442 512 442s-129.6-6-189.6-17.9c-57-11.3-107.9-27.3-151.2-47.7-40.4-18.9-72.8-41.2-93.8-64.5C59.2 291.8 50 271.6 50 252s9.2-39.8 27.4-59.9c21-23.3 53.4-45.6 93.8-64.5 43.4-20.3 94.2-36.4 151.2-47.7C382.4 68 446.1 62 512 62m0-50C229.2 12 0 119.5 0 252s229.2 240 512 240 512-107.5 512-240S794.8 12 512 12zM967.7 704.5c-8.5 7.8-10.6 20.4-4.9 30.4 7.4 12.8 11.2 25.5 11.2 38.1 0 19.6-9.2 39.8-27.4 59.9-21 23.3-53.4 45.6-93.8 64.5-43.4 20.3-94.2 36.4-151.2 47.7C641.6 957 577.9 963 512 963s-129.6-6-189.6-17.9c-57-11.3-107.9-27.3-151.2-47.7-40.4-18.9-72.8-41.2-93.8-64.5C59.2 812.8 50 792.6 50 773c0-12.5 3.8-25.3 11.2-38.1 5.8-10 3.7-22.6-4.9-30.4-0.2-0.2-0.4-0.3-0.5-0.5-11.5-10.6-30-7.7-37.9 5.8C6.2 730 0 751.1 0 773c0 132.5 229.2 240 512 240s512-107.5 512-240c0-21.9-6.2-43-17.9-63.1-7.9-13.5-26.3-16.4-37.9-5.8-0.2 0.1-0.3 0.3-0.5 0.4z" p-id="10284"></path><path d="M967.3 443.8c-8.6 7.8-10.7 20.6-4.8 30.6 7.6 13 11.4 25.8 11.4 38.5 0 19.6-9.2 39.8-27.4 59.9-21 23.3-53.4 45.6-93.8 64.5-43.4 20.3-94.2 36.4-151.2 47.7-59.9 12-123.6 18-189.5 18s-129.6-6-189.6-17.9c-57-11.3-107.9-27.3-151.2-47.7-40.4-18.9-72.8-41.2-93.8-64.5C59.2 552.8 50 532.6 50 513c0-12.7 3.8-25.6 11.4-38.5 5.9-10 3.8-22.8-4.8-30.6-0.1-0.1-0.3-0.2-0.4-0.4-11.6-10.6-29.9-8-37.8 5.5C6.4 469.4 0 490.8 0 513c0 132.5 229.2 240 512 240s512-107.5 512-240c0-22.2-6.4-43.6-18.4-64-7.9-13.5-26.3-16.1-37.8-5.5-0.2 0.1-0.3 0.2-0.5 0.3z" p-id="10285"></path></svg>

src/assets/icons/svg/zhanghaofengjin.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="64px" height="64.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M468.08064 30.73024c-132.55168 0-240 107.45344-240 240.00512 0 82.96448 42.09152 156.09856 106.0864 199.20384-57.856 18.62656-113.52064 49.34144-160.78336 89.51296C92.02688 628.608 33.28 727.8848 33.28 845.23008c0 34.16576 6.4 62.45376 19.07712 85.26336 12.8512 23.13216 31.04768 38.63552 51.13856 48.68096 36.98688 18.49344 81.22368 18.46784 110.11584 18.45248h245.82656a30.72 30.72 0 1 0 0-61.44H216.09472c-32.04608 0-62.35136-0.57856-85.12512-11.96544-10.32704-5.16608-18.74432-12.47744-24.90368-23.56736-6.34368-11.41248-11.34592-28.75392-11.34592-55.424 0-95.59552 47.7184-178.83136 118.45632-238.96064 71.01952-60.37504 162.9696-95.35488 246.26176-95.35488 1.25952 0 2.50368-0.0768 3.72224-0.22016 1.6384 0.03072 3.2768 0.0512 4.9152 0.0512 132.55168 0 240-107.45856 240-240.01024 0-132.55168-107.44832-240.00512-239.99488-240.00512zM289.52064 270.73536c0-98.62144 79.94368-178.56512 178.56-178.56512 98.6112 0 178.55488 79.94368 178.55488 178.56512 0 98.62144-79.94368 178.56512-178.55488 178.56512-98.61632 0-178.56-79.94368-178.56-178.56512zM716.8 568.32c-96.14336 0-174.08 77.93664-174.08 174.08 0 41.6256 14.58688 79.8208 38.97856 109.79328l244.89472-244.89472A173.2864 173.2864 0 0 0 716.8 568.32z m149.99552 85.66272l-238.4128 238.4128A173.2096 173.2096 0 0 0 716.8 916.48c96.14336 0 174.08-77.93664 174.08-174.08a173.2096 173.2096 0 0 0-24.08448-88.41728zM481.28 742.4c0-130.0736 105.4464-235.52 235.52-235.52 70.3488 0 133.51936 30.87872 176.62976 79.72352C930.05824 628.10624 952.32 682.69056 952.32 742.4c0 130.0736-105.4464 235.52-235.52 235.52-59.70944 0-114.29376-22.26176-155.79648-58.89024C512.15872 875.91936 481.28 812.7488 481.28 742.4z" /></svg>

src/views/manage/articleManage/index.vue

@@ -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();

src/views/manage/bannerManage/index.vue

@@ -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-form-item label="banner名称" prop="name" label-width="90px">
-              <el-input class="inputWidth" placeholder="请输入banner名称" clearable @keyup.enter="handleQuery" />
+              <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();

src/views/manage/orders/index.vue

@@ -1,3 +1,4 @@
+<!-- 订单信息 -->
 <template>
   <div class="p-2">
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter"

src/views/manage/productCategory/index.vue

@@ -1,3 +1,4 @@
+<!-- 商品类别 -->
 <template>
   <div class="p-2">
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter"