完成了搜索和删除模块功能

src/api/placeActivity/placeActivityServer.js

@@ -20,6 +20,13 @@ export default class placeActivityServer {
         )
     };
     queryListLonginId() {
-        return request.get('/reporting/reportingActivities/queryListLonginId')
+        return request.get(
+            '/reporting/reportingActivities/queryListLonginId'
+        )
+    };
+    delete(ids) {
+        return request.delete(
+            '/reporting/reportingActivities/delete', { ids: ids }
+        )
     }
 }

src/api/privateparty/PrivatePartyPointService.js

@@ -8,13 +8,11 @@ export default class PrivatePartyPointService {
         )
     }
 
-    // delete(ids) {
-    //     return request({
-    //         url: '/privateparty/privatePartyPoint/delete',
-    //         method: 'delete',
-    //         params: { ids: ids }
-    //     })
-    // }
+    delete(ids) {
+        return request.delete(
+            '/privateparty/privatePartyPoint/delete', { ids: ids }
+        )
+    }
 
     queryById(id) {
         return request.get(

src/utils/request.js

@@ -90,8 +90,10 @@ var http = {
                 url: url,
                 method: 'get',
                 params: params,
-                // params: params,
-                config: config
+                config: config,
+                cancelToken: new axios.CancelToken(function executor(c) {
+                    cancel = c;
+                })
             }).then((response) => {
                 resolve(response.data)
             }).catch((error) => {
@@ -135,8 +137,6 @@ var http = {
      * 文件上传
      * @param {*} url      请求地址
      * @param {*} data     请求参数
-     * @param {*} params   请求参数，拼接再url地址栏后面，无需求时忽略该参数
-     * @param {*} config   请求的config相关配置
      * @returns
      */
     uploadFile: function(url, data = {}) {
@@ -152,6 +152,25 @@ var http = {
                 reject(error)
             })
         })
+    },
+    /**
+     * 删除
+     * @param {*} url      请求地址
+     * @param {*} data     请求参数
+     * @returns
+     */
+    delete: function(url, data = {}) {
+        return new Promise((resolve, reject) => {
+            axios({
+                url: url,
+                method: 'delete',
+                params: data,
+            }).then((response) => {
+                resolve(response);
+            }).catch((error) => {
+                reject(error)
+            })
+        })
     }
 }
 

src/views/activityMan/differentbelievers/ReligiousPeopleReportInfo.vue

@@ -16,14 +16,24 @@
     <div class="info">
       <p>异常人员姓名:{{ inputForm.abnormalName }}</p>
       <p>人员身份证号:{{ inputForm.abnormalIdcar }}</p>
-      <p>性别:{{ inputForm.sex }}</p>
+      <p>
+        性别:
+        <span v-if="inputForm.sex == 1">男</span>
+        <span v-if="inputForm.sex == 2">女</span>
+      </p>
       <p>手机号:{{ inputForm.abnormalPhone }}</p>
       <p>籍贯:{{ inputForm.nativePlace }}</p>
       <p>现居地:{{ inputForm.currentResidence }}</p>
       <p>现居地详情:{{ inputForm.currentResidenceDetail }}</p>
       <p>异常行为:{{ inputForm.abnormalBehavior }}</p>
     </div>
-    <van-button type="primary" class="btn-sub" @click="update">审核</van-button>
+    <van-button
+      v-if="inputForm.assessment == 0"
+      type="primary"
+      class="btn-sub"
+      @click="update"
+      >审核</van-button
+    >
   </div>
 </template>
       

src/views/activityMan/differentbelievers/ReligiousPeopleReportList.vue

@@ -8,12 +8,22 @@
     @click-right="onClickRight"
   />
   <div class="main">
-    <van-search v-model="value" shape="round" placeholder="请输入搜索关键词" />
+    <van-search
+      v-model="searchVal"
+      clearable
+      show-action
+      shape="round"
+      placeholder="请输入搜索关键词"
+      label="姓名"
+      input-align="center"
+      @search="onSearch"
+      @cancel="onCancel"
+    />
     <van-tabs
+      v-show="!searchShow"
       v-model:active="active"
       title-inactive-color="#bdbdbd"
       title-active-color="#36a7f3"
-      @click-tab="onClickTab"
     >
       <van-tab title="未审核" name="0">
         <van-list
@@ -41,7 +51,13 @@
               </van-cell>
             </div>
             <template #right>
-              <van-button square type="danger" text="删除" class="button" />
+              <van-button
+                square
+                type="danger"
+                text="删除"
+                class="button"
+                @click="beforeClose(item.id)"
+              />
               <van-button
                 square
                 type="primary"
@@ -60,11 +76,7 @@
           finished-text="没有更多了"
           @load="onLoad"
         >
-          <van-swipe-cell
-            v-for="item in list"
-            :key="item"
-            :before-close="beforeClose"
-          >
+          <van-swipe-cell v-for="item in readList" :key="item">
             <div class="list_item" @click="goInfo(item.id)">
               <div class="item-left">
                 <p style="color: #c4c4c4">{{ item.partyTime }}</p>
@@ -82,10 +94,42 @@
         </van-list>
       </van-tab>
     </van-tabs>
+    <!-- 搜索结果 -->
+    <van-list
+      v-show="searchShow"
+      v-model:loading="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+      @load="onLoad"
+    >
+      <van-swipe-cell v-for="item in searchList" :key="item">
+        <div class="list_item" @click="goInfo(item.id)">
+          <div class="item-left">
+            <p style="color: #c4c4c4">{{ item.partyTime }}</p>
+            <p style="color: red">已审核</p>
+          </div>
+          <van-cell is-link>
+            <template #title>
+              <p>异常人员：{{ item.abnormalName }}</p>
+              <p>身份证号：{{ item.abnormalIdcar }}</p>
+              <p>异常行为：{{ item.abnormalBehavior }}</p>
+            </template>
+          </van-cell>
+        </div>
+      </van-swipe-cell>
+    </van-list>
+    <van-dialog
+      v-model:show="showDel"
+      show-cancel-button
+      confirmButtonText="删除"
+      message="请确认删除该记录"
+      @confirm="Itemdel"
+    >
+    </van-dialog>
   </div>
 </template>
     
-    <script>
+<script>
 import { ref } from "vue";
 import ReligiousPeopleReportService from "@/api/differentbelievers/ReligiousPeopleReportService";
 import { useRouter } from "vue-router";
@@ -99,60 +143,84 @@ export default {
     const onClickRight = () => {
       router.push("/differentbelievers");
     };
-    const value = ref("");
     // 切换
     let active = ref(0);
-    const onClickTab = (val) => {
-      // 清空列表数据
-      finished.value = false;
-      list.value = [];
-      // 重新加载数据
-      // 将 loading 设置为 true，表示处于加载状态
-      loading.value = true;
-      if (val.name == 0) {
-        onLoad(0);
-      } else {
-        onLoad(1);
-      }
-    };
-    // 列表
+    // 未审核列表
     let list = ref([]);
+    // 已审核列表
+    let readList = ref([]);
     const loading = ref(false);
     const finished = ref(false);
     let index = 0;
-    const onLoad = (val) => {
+    const onLoad = () => {
+      loading.value = true;
+      finished.value = false;
       // 异步更新数据
       new ReligiousPeopleReportService()
         .list({
           current: index + 1,
           size: 10,
-          assessment: val ? val : 0,
         })
-        .then((res) => {
-          list.value.push(...res.records);
+        .then(({ records, total }) => {
+          records.forEach((item) => {
+            if (item.assessment == 0) {
+              list.value.push(item);
+            } else {
+              readList.value.push(item);
+            }
+          });
           // 加载状态结束
           loading.value = false;
+          let page = parseInt(total / 10);
+
           // 数据全部加载完成
-          if (res.records.length < 10) {
+          if (index >= page || total < 10) {
             finished.value = true;
+          } else {
+            index++;
           }
-          index++;
         });
     };
+    // 搜索
+    let searchShow = ref(false);
+    let searchList = ref([]);
+    const searchVal = ref("");
+    const onSearch = () => {
+      searchShow.value = true;
+      searchList.value = [];
+      new ReligiousPeopleReportService()
+        .list({
+          current: 1,
+          size: 10000,
+          abnormalName: searchVal.value,
+        })
+        .then(({ records }) => {
+          searchList.value.push(...records);
+          // 加载状态结束
+          loading.value = false;
+        });
+    };
+    const onCancel = () => {
+      searchVal.value = "";
+      searchShow.value = false;
+    };
     // 删除确认
-    const beforeClose = ({ position }) => {
-      switch (position) {
-        case "left":
-        case "cell":
-        case "outside":
-          return true;
-        case "right":
-          return new Promise((resolve) => {
-            showConfirmDialog({
-              title: "确定删除吗？",
-            }).then(resolve);
-          });
-      }
+    let showDel = ref(false);
+    let ids = ref("");
+    const beforeClose = (val) => {
+      showDel.value = true;
+      ids.value = val;
+    };
+    // 删除
+    const Itemdel = () => {
+      new ReligiousPeopleReportService().delete(ids.value).then((res) => {
+        console.log("删除", res);
+        index = 0;
+        loading.value = true;
+        list.value = [];
+        readList.value = [];
+        onLoad();
+      });
     };
     let router = useRouter();
     // 修改跳转
@@ -171,17 +239,23 @@ export default {
     };
     return {
       active,
-      onClickTab,
       onClickLeft,
       list,
+      readList,
       onLoad,
       loading,
       finished,
-      value,
+      searchShow,
+      searchVal,
+      searchList,
+      onSearch,
+      onCancel,
       onClickRight,
-      beforeClose,
       updateItem,
       goInfo,
+      showDel,
+      beforeClose,
+      Itemdel,
     };
   },
 };

src/views/activityMan/personList.vue

@@ -1,9 +1,12 @@
 <template>
   <div class="personList">
     <van-search
-      v-model="value"
+      v-model="searchVal"
+      clearable
       show-action
+      shape="round"
       placeholder="请输入搜索关键词"
+      input-align="center"
       @search="onSearch"
       @cancel="onCancel"
     />
@@ -81,17 +84,39 @@ export default {
           list.value.push(...records);
           // 加载状态结束
           loading.value = false;
-          index++;
           // 数据全部加载完成
           if (records.length < 10) {
             finished.value = true;
+          } else {
+            index++;
           }
         });
     };
     // 搜索
-    const value = ref("");
-    const onSearch = (val) => showToast(val);
-    const onCancel = () => showToast("取消");
+    const searchVal = ref("");
+    const onSearch = () => {
+      new UserManage()
+        .list({
+          current: 1,
+          size: 10000,
+          name: searchVal.value,
+        })
+        .then(({ records }) => {
+          list.value = [];
+          list.value.push(...records);
+          // 加载状态结束
+          loading.value = false;
+          // 数据全部加载完成
+          finished.value = true;
+        });
+    };
+    const onCancel = () => {
+      searchVal.value = "";
+      list.value = [];
+      index = 0;
+      finished.value = false;
+      onLoad();
+    };
     // 选择人员
     const checked = ref([]);
     const checkboxRefs = ref([]);
@@ -117,7 +142,7 @@ export default {
       loading,
       finished,
       // 搜索
-      value,
+      searchVal,
       onSearch,
       onCancel,
       // 全选

src/views/activityMan/placeactivity/placeActivityInfo.vue

@@ -35,7 +35,13 @@
         v-model="placeActivity.subjectContent"
       />
     </div>
-    <van-button type="primary" class="btn-sub" @click="update">审核</van-button>
+    <van-button
+      v-if="placeActivity.assessment == 0"
+      type="primary"
+      class="btn-sub"
+      @click="update"
+      >审核</van-button
+    >
   </div>
 </template>
   

src/views/activityMan/placeactivity/placeActivityList.vue

@@ -9,12 +9,22 @@
     @click-right="onClickRight"
   />
   <div class="main">
-    <van-search v-model="value" shape="round" placeholder="请输入搜索关键词" />
+    <van-search
+      v-model="searchVal"
+      clearable
+      show-action
+      shape="round"
+      placeholder="请输入搜索关键词"
+      label="活动名称"
+      input-align="center"
+      @search="onSearch"
+      @cancel="onCancel"
+    />
     <van-tabs
+      v-show="!searchShow"
       v-model:active="active"
       title-inactive-color="#bdbdbd"
       title-active-color="#36a7f3"
-      @click-tab="onClickTab"
     >
       <van-tab title="未审核" name="0">
         <van-list
@@ -23,11 +33,7 @@
           finished-text="没有更多了"
           @load="onLoad"
         >
-          <van-swipe-cell
-            v-for="item in list"
-            :key="item"
-            :before-close="beforeClose"
-          >
+          <van-swipe-cell v-for="item in list" :key="item">
             <div class="list_item" @click="goInfo(item.id)">
               <div class="item-left">
                 <p style="color: #c4c4c4">{{ item.activityTime }}</p>
@@ -45,7 +51,13 @@
               </van-cell>
             </div>
             <template #right>
-              <van-button square type="danger" text="删除" class="button" />
+              <van-button
+                square
+                type="danger"
+                text="删除"
+                class="button"
+                @click="beforeClose(item.id)"
+              />
               <van-button
                 square
                 type="primary"
@@ -64,11 +76,7 @@
           finished-text="没有更多了"
           @load="onLoad"
         >
-          <van-swipe-cell
-            v-for="item in list"
-            :key="item"
-            :before-close="beforeClose"
-          >
+          <van-swipe-cell v-for="item in readList" :key="item">
             <div class="list_item" @click="goInfo(item.id)">
               <div class="item-left">
                 <p style="color: #c4c4c4">{{ item.activityTime }}</p>
@@ -89,6 +97,44 @@
         </van-list>
       </van-tab>
     </van-tabs>
+    <!-- 搜索结果 -->
+    <van-list
+      v-show="searchShow"
+      v-model:loading="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+      @load="onLoad"
+    >
+      <van-swipe-cell v-for="item in searchList" :key="item">
+        <div class="list_item" @click="goInfo(item.id)">
+          <div class="item-left">
+            <p style="color: #c4c4c4">{{ item.activityTime }}</p>
+            <p style="color: red">
+              <span v-if="item.assessment == 1">已审核</span>
+              <span v-else>待审核</span>
+            </p>
+          </div>
+          <van-cell is-link>
+            <template #title>
+              {{ item.reporter.name }}申请于{{ item.placeDel }}举办{{
+                item.activityName
+              }}活动
+            </template>
+            <template #label>
+              {{ item.place }}
+            </template>
+          </van-cell>
+        </div>
+      </van-swipe-cell>
+    </van-list>
+    <van-dialog
+      v-model:show="showDel"
+      show-cancel-button
+      confirmButtonText="删除"
+      message="请确认删除该记录"
+      @confirm="Itemdel"
+    >
+    </van-dialog>
   </div>
 </template>
 
@@ -110,59 +156,82 @@ export default {
     };
     // 切换
     let active = ref(0);
-    const onClickTab = (val) => {
-      // 清空列表数据
-      finished.value = false;
-      list.value = [];
-      // 重新加载数据
-      // 将 loading 设置为 true，表示处于加载状态
-      loading.value = true;
-      if (val.name == 0) {
-        onLoad(0);
-      } else {
-        onLoad(1);
-      }
-    };
-    // 列表
+    // 未审核列表
     let list = ref([]);
+    // 已审核列表
+    let readList = ref([]);
     const loading = ref(false);
     const finished = ref(false);
     let index = 0;
-    const onLoad = (val) => {
+    const onLoad = () => {
+      loading.value = true;
+      finished.value = false;
       // 异步更新数据
       new placeActivityServer()
         .list({
           current: index + 1,
           size: 10,
-          assessment: val ? val : 0,
         })
-        .then((res) => {
-          list.value.push(...res.records);
+        .then(({ records, total }) => {
+          records.forEach((item) => {
+            if (item.assessment == 0) {
+              list.value.push(item);
+            } else {
+              readList.value.push(item);
+            }
+          });
           // 加载状态结束
           loading.value = false;
+          let page = parseInt(total / 10);
+
           // 数据全部加载完成
-          if (res.records.length < 10) {
+          if (index >= page || total < 10) {
             finished.value = true;
+          } else {
+            index++;
           }
-          index++;
         });
     };
     // 搜索
-    let value = ref("");
+    let searchShow = ref(false);
+    let searchList = ref([]);
+    const searchVal = ref("");
+    const onSearch = () => {
+      searchShow.value = true;
+      searchList.value = [];
+      new placeActivityServer()
+        .list({
+          current: 1,
+          size: 10000,
+          activityName: searchVal.value,
+        })
+        .then(({ records }) => {
+          searchList.value.push(...records);
+          // 加载状态结束
+          loading.value = false;
+        });
+    };
+    const onCancel = () => {
+      searchVal.value = "";
+      searchShow.value = false;
+    };
     // 删除确认
-    const beforeClose = ({ position }) => {
-      switch (position) {
-        case "left":
-        case "cell":
-        case "outside":
-          return true;
-        case "right":
-          return new Promise((resolve) => {
-            showConfirmDialog({
-              title: "确定删除吗？",
-            }).then(resolve);
-          });
-      }
+    let showDel = ref(false);
+    let ids = ref("");
+    const beforeClose = (val) => {
+      showDel.value = true;
+      ids.value = val;
+    };
+    // 删除
+    const Itemdel = () => {
+      new placeActivityServer().delete(ids.value).then((res) => {
+        console.log("删除", res);
+        index = 0;
+        loading.value = true;
+        list.value = [];
+        readList.value = [];
+        onLoad();
+      });
     };
     // 修改跳转
     const updateItem = (val) => {
@@ -180,17 +249,23 @@ export default {
     };
     return {
       active,
-      onClickTab,
       onClickLeft,
       list,
+      readList,
       onLoad,
       loading,
       finished,
-      value,
+      searchShow,
+      searchVal,
+      searchList,
+      onSearch,
+      onCancel,
       onClickRight,
       beforeClose,
       updateItem,
       goInfo,
+      showDel,
+      Itemdel,
     };
   },
 };

src/views/activityMan/selfMeetingReport/selfMeetingInfo.vue

@@ -22,7 +22,13 @@
       <p>内容：</p>
       <wang-editor ref="contentEditor" v-model="inputForm.content" />
     </div>
-    <van-button type="primary" class="btn-sub" @click="update">审核</van-button>
+    <van-button
+      v-if="inputForm.assessment == 0"
+      type="primary"
+      class="btn-sub"
+      @click="update"
+      >审核</van-button
+    >
   </div>
 </template>
     

src/views/activityMan/selfMeetingReport/selfMeetingList.vue

@@ -9,12 +9,22 @@
     @click-right="onClickRight"
   />
   <div class="main">
-    <van-search v-model="value" shape="round" placeholder="请输入搜索关键词" />
+    <van-search
+      v-model="searchVal"
+      clearable
+      show-action
+      shape="round"
+      placeholder="请输入搜索关键词"
+      label="地点"
+      input-align="center"
+      @search="onSearch"
+      @cancel="onCancel"
+    />
     <van-tabs
+      v-show="!searchShow"
       v-model:active="active"
       title-inactive-color="#bdbdbd"
       title-active-color="#36a7f3"
-      @click-tab="onClickTab"
     >
       <van-tab title="未审核" name="0">
         <van-list
@@ -23,11 +33,7 @@
           finished-text="没有更多了"
           @load="onLoad"
         >
-          <van-swipe-cell
-            v-for="item in list"
-            :key="item"
-            :before-close="beforeClose"
-          >
+          <van-swipe-cell v-for="item in list" :key="item">
             <div class="list_item" @click="goInfo(item.id)">
               <div class="item-left">
                 <p style="color: #c4c4c4">{{ item.partyTime }}</p>
@@ -42,7 +48,13 @@
               </van-cell>
             </div>
             <template #right>
-              <van-button square type="danger" text="删除" class="button" />
+              <van-button
+                square
+                type="danger"
+                text="删除"
+                class="button"
+                @click="beforeClose(item.id)"
+              />
               <van-button
                 square
                 type="primary"
@@ -61,11 +73,7 @@
           finished-text="没有更多了"
           @load="onLoad"
         >
-          <van-swipe-cell
-            v-for="item in list"
-            :key="item"
-            :before-close="beforeClose"
-          >
+          <van-swipe-cell v-for="item in readList" :key="item">
             <div class="list_item" @click="goInfo(item.id)">
               <div class="item-left">
                 <p style="color: #c4c4c4">{{ item.partyTime }}</p>
@@ -83,6 +91,38 @@
         </van-list>
       </van-tab>
     </van-tabs>
+    <!-- 搜索结果 -->
+    <van-list
+      v-show="searchShow"
+      v-model:loading="loading"
+      :finished="finished"
+      finished-text="没有更多了"
+      @load="onLoad"
+    >
+      <van-swipe-cell v-for="item in searchList" :key="item">
+        <div class="list_item" @click="goInfo(item.id)">
+          <div class="item-left">
+            <p style="color: #c4c4c4">{{ item.partyTime }}</p>
+            <p style="color: red">已审核</p>
+          </div>
+          <van-cell is-link>
+            <template #title>
+              <p>地点：{{ item.placeSelectName }}</p>
+              <p>相关人员：{{ item.relatedPersons.name }}</p>
+              <p>频次：{{ item.frequency }}</p>
+            </template>
+          </van-cell>
+        </div>
+      </van-swipe-cell>
+    </van-list>
+    <van-dialog
+      v-model:show="showDel"
+      show-cancel-button
+      confirmButtonText="删除"
+      message="请确认删除该记录"
+      @confirm="Itemdel"
+    >
+    </van-dialog>
   </div>
 </template>
 
@@ -100,60 +140,84 @@ export default {
     const onClickRight = () => {
       router.push("/selfMeeting");
     };
-    const value = ref("");
     // 切换
     let active = ref(0);
-    const onClickTab = (val) => {
-      // 清空列表数据
-      finished.value = false;
-      list.value = [];
-      // 重新加载数据
-      // 将 loading 设置为 true，表示处于加载状态
-      loading.value = true;
-      if (val.name == 0) {
-        onLoad(0);
-      } else {
-        onLoad(1);
-      }
-    };
-    // 列表
+    // 未审核列表
     let list = ref([]);
+    // 已审核列表
+    let readList = ref([]);
     const loading = ref(false);
     const finished = ref(false);
     let index = 0;
-    const onLoad = (val) => {
+    const onLoad = () => {
+      loading.value = true;
+      finished.value = false;
       // 异步更新数据
       new PrivatePartyPointService()
         .list({
           current: index + 1,
           size: 10,
-          assessment: val ? val : 0,
         })
-        .then((res) => {
-          list.value.push(...res.records);
+        .then(({ records, total }) => {
+          records.forEach((item) => {
+            if (item.assessment == 0) {
+              list.value.push(item);
+            } else {
+              readList.value.push(item);
+            }
+          });
           // 加载状态结束
           loading.value = false;
+          let page = parseInt(total / 10);
+
           // 数据全部加载完成
-          if (res.records.length < 10) {
+          if (index >= page || total < 10) {
             finished.value = true;
+          } else {
+            index++;
           }
-          index++;
         });
     };
+    // 搜索
+    let searchShow = ref(false);
+    let searchList = ref([]);
+    const searchVal = ref("");
+    const onSearch = () => {
+      searchShow.value = true;
+      searchList.value = [];
+      new PrivatePartyPointService()
+        .list({
+          current: 1,
+          size: 10000,
+          placeSelectName: searchVal.value,
+        })
+        .then(({ records }) => {
+          searchList.value.push(...records);
+          // 加载状态结束
+          loading.value = false;
+        });
+    };
+    const onCancel = () => {
+      searchVal.value = "";
+      searchShow.value = false;
+    };
     // 删除确认
-    const beforeClose = ({ position }) => {
-      switch (position) {
-        case "left":
-        case "cell":
-        case "outside":
-          return true;
-        case "right":
-          return new Promise((resolve) => {
-            showConfirmDialog({
-              title: "确定删除吗？",
-            }).then(resolve);
-          });
-      }
+    let showDel = ref(false);
+    let ids = ref("");
+    const beforeClose = (val) => {
+      showDel.value = true;
+      ids.value = val;
+    };
+    // 删除
+    const Itemdel = () => {
+      new PrivatePartyPointService().delete(ids.value).then((res) => {
+        console.log("删除", res);
+        index = 0;
+        loading.value = true;
+        list.value = [];
+        readList.value = [];
+        onLoad();
+      });
     };
     let router = useRouter();
     // 修改跳转
@@ -172,17 +236,23 @@ export default {
     };
     return {
       active,
-      onClickTab,
       onClickLeft,
       list,
+      readList,
       onLoad,
       loading,
       finished,
-      value,
+      searchShow,
+      searchVal,
+      searchList,
+      onSearch,
+      onCancel,
       onClickRight,
-      beforeClose,
       updateItem,
       goInfo,
+      showDel,
+      beforeClose,
+      Itemdel,
     };
   },
 };