From 34937aeabf4cd48a0172c443c94b291f1ca96a27 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Fri, 29 Mar 2024 16:38:36 +0800
Subject: [PATCH 1/5] =?UTF-8?q?fix:=20=E6=89=80=E6=9C=89=E5=AD=97=E6=AE=B5?=
 =?UTF-8?q?=E9=83=BD=E8=BE=93=E5=85=A5=E6=95=B0=E6=8D=AE=E5=90=8E=EF=BC=8C?=
 =?UTF-8?q?=E4=B8=8B=E4=B8=80=E6=AD=A5=E6=8C=89=E9=92=AE=E5=BA=94=E8=AF=A5?=
 =?UTF-8?q?=E5=8F=96=E6=B6=88=E7=BD=AE=E7=81=B0=E8=A3=85=E5=A1=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/login/components/Forget.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/login/components/Forget.vue b/src/views/login/components/Forget.vue
index e6c4e10..01a5bc0 100644
--- a/src/views/login/components/Forget.vue
+++ b/src/views/login/components/Forget.vue
@@ -228,7 +228,7 @@ function switchTab(type: number) {
 }
 
 function computedForm() {
-  return !formInline.enterprisecode || !formInline.username || !formInline.password;
+  return !formForget.phonecode || !formForget.phone || !formForget.loginname || !formForget.agentcode;
 }
 
 function computedFormSure() {

From 9c137112f2104b24b0ddbc3d5f9b3a67d19930b9 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Fri, 29 Mar 2024 16:52:29 +0800
Subject: [PATCH 2/5] =?UTF-8?q?feat:=20=E3=80=90=E6=B6=88=E6=81=AF?=
 =?UTF-8?q?=E9=80=9A=E7=9F=A5=E3=80=91=E7=82=B9=E5=87=BB=E6=9F=A5=E7=9C=8B?=
 =?UTF-8?q?=E6=9B=B4=E5=A4=9A=E6=8C=89=E9=92=AE=EF=BC=8C=E5=8D=B3=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=E6=89=80=E6=9C=89=E6=95=B0=E6=8D=AE=EF=BC=8C=E6=BB=9A?=
 =?UTF-8?q?=E5=8A=A8=E6=98=BE=E7=A4=BA=E3=80=82=E6=AD=A4=E6=97=B6=E6=9F=A5?=
 =?UTF-8?q?=E7=9C=8B=E6=9B=B4=E5=A4=9A=E6=8C=89=E9=92=AE=E9=9A=90=E8=97=8F?=
 =?UTF-8?q?=EF=BC=8C=E6=97=A0=E9=9C=80=E5=86=8D=E6=AC=A1=E7=82=B9=E5=87=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/message/content/List.vue | 260 ++++++++++++++++-------------
 1 file changed, 145 insertions(+), 115 deletions(-)

diff --git a/src/views/message/content/List.vue b/src/views/message/content/List.vue
index 1b1ccf2..3c13e54 100644
--- a/src/views/message/content/List.vue
+++ b/src/views/message/content/List.vue
@@ -1,32 +1,32 @@
 <script lang="ts" setup>
-import { reactive, ref, toRefs } from 'vue'
-import { format } from 'date-fns'
-import { useRoute, useRouter } from 'vue-router'
-import { getMessageList, readAllMsg, readMsg } from '@/api/message/message'
-import iconApproveActive from '@/assets/images/message/approve-active.png'
-import iconApprove from '@/assets/images/message/approve.png'
-import iconSystemActive from '@/assets/images/message/system-active.png'
-import iconSystem from '@/assets/images/message/system.png'
-import iconArrowActive from '@/assets/images/message/arrow-active.png'
-import iconArrow from '@/assets/images/message/arrow.png'
-import iconClear from '@/assets/images/message/clear.png'
-import iconArrowDown from '@/assets/images/message/arrow-down.png'
-
-const emit = defineEmits(['goDetail'])
-const router = useRouter()
-const route = useRoute()
-const hasNextPage = ref(false)
+import { reactive, ref, toRefs } from "vue";
+import { format } from "date-fns";
+import { useRoute, useRouter } from "vue-router";
+import { getMessageList, readAllMsg, readMsg } from "@/api/message/message";
+import iconApproveActive from "@/assets/images/message/approve-active.png";
+import iconApprove from "@/assets/images/message/approve.png";
+import iconSystemActive from "@/assets/images/message/system-active.png";
+import iconSystem from "@/assets/images/message/system.png";
+import iconArrowActive from "@/assets/images/message/arrow-active.png";
+import iconArrow from "@/assets/images/message/arrow.png";
+import iconClear from "@/assets/images/message/clear.png";
+import iconArrowDown from "@/assets/images/message/arrow-down.png";
+
+const emit = defineEmits(["goDetail"]);
+const router = useRouter();
+const route = useRoute();
+const hasNextPage = ref(false);
 
 const state = reactive({
   tabList: [
     {
-      name: '审批通知',
+      name: "审批通知",
       icon: iconApprove,
       activeIcon: iconApproveActive,
       value: 1,
     },
     {
-      name: '系统消息',
+      name: "系统消息",
       icon: iconSystem,
       activeIcon: iconSystemActive,
       value: 2,
@@ -34,112 +34,147 @@ const state = reactive({
   ],
   list: [] as any,
   pageNo: 1,
-})
+});
 
-const { list, tabList } = toRefs(state)
+const { list, tabList } = toRefs(state);
 
-const tab = ref(1)
+const tab = ref(1);
 
-async function getList() {
-  const res = await getMessageList({
+async function getList(type = "") {
+  let res = await getMessageList({
     pageNo: state.pageNo,
-    pageSize: '7',
+    pageSize: "7",
     msgCategory: tab.value,
-  })
-  if (res.code === 'OK') {
-    hasNextPage.value = res.data.hasNextPage
-    if (tab.value === 1) {
-      res.data.list.forEach((item) => {
-        item.tag = JSON.parse(item.busJson)
-      })
+  });
+  if (type == "more") {
+    while (res.data.endRow > 0) {
+      if (res.code == "OK") {
+        if (tab.value === 1) {
+          res.data.list.forEach((item) => {
+            item.tag = JSON.parse(item.busJson);
+          });
+        }
+        state.list = state.list.concat(res.data.list);
+        state.pageNo++;
+        res = await getMessageList({
+          pageNo: state.pageNo,
+          pageSize: "7",
+          msgCategory: tab.value,
+        });
+      }
+    }
+    hasNextPage.value = res.data.hasNextPage;
+  } else {
+    if (res.code === "OK") {
+      hasNextPage.value = res.data.hasNextPage;
+      if (tab.value === 1) {
+        res.data.list.forEach((item) => {
+          item.tag = JSON.parse(item.busJson);
+        });
+      }
+      state.list = state.list.concat(res.data.list);
     }
-    console.log(res.data.list)
-    state.list = state.list.concat(res.data.list)
   }
 }
 
-getList()
+getList();
 
 async function clearMsg() {
-  const res = await readAllMsg({ msgCategory: tab.value })
-  if (res.code === 'OK') {
-    state.list = []
-    state.pageNo = 1
-    getList()
+  const res = await readAllMsg({ msgCategory: tab.value });
+  if (res.code === "OK") {
+    state.list = [];
+    state.pageNo = 1;
+    getList();
   }
 }
 
 function switchTab(type: number) {
-  tab.value = type
-  state.list = []
-  state.pageNo = 1
-  getList()
+  tab.value = type;
+  state.list = [];
+  state.pageNo = 1;
+  getList();
 }
 
 function goFinalDetail(row) {
-  console.log(row)
-  router.push({ name: 'final-detail', query: { id: row.tag.taskId, packageid: row.packageid } })
+  console.log(row);
+  router.push({
+    name: "final-detail",
+    query: { id: row.tag.taskId, packageid: row.packageid },
+  });
 }
 
 function goDetail(item) {
   if (tab.value === 1) {
-    clearMsgOne(item.id)
-    goFinalDetail(item)
+    clearMsgOne(item.id);
+    goFinalDetail(item);
   }
-  else
   // emit('goDetail', item.id)
-  { router.push({ name: 'message-detail', query: { id: item.id } }) }
+  else {
+    router.push({ name: "message-detail", query: { id: item.id } });
+  }
 }
 
 async function clearMsgOne(id) {
-  const res = await readMsg({ msgid: id })
+  const res = await readMsg({ msgid: id });
 }
 
 function getMore() {
-  state.pageNo += 1
-  getList()
+  state.pageNo += 1;
+  getList("more");
 }
 </script>
 
 <template>
   <div class="wrapper-message">
     <div class="flex justify-between header">
-      <div class="header-title">
-        消息通知
-      </div>
+      <div class="header-title">消息通知</div>
       <div class="clear" @click="clearMsg">
-        <img class="icon-clear" :src="iconClear" alt="">
+        <img class="icon-clear" :src="iconClear" alt="" />
         清除未读
       </div>
     </div>
     <div class="content">
       <div class="slider">
         <div
-          v-for="(item) in tabList"
+          v-for="item in tabList"
           :key="item.value"
           :class="{ 'item-active': tab === item.value }"
           class="flex item"
           @click="switchTab(item.value)"
         >
           <div class="flex item-left align-center">
-            <img class="icon" :src="tab === item.value ? item.activeIcon : item.icon" alt="">
+            <img
+              class="icon"
+              :src="tab === item.value ? item.activeIcon : item.icon"
+              alt=""
+            />
             <div :class="{ 'text-active': tab === item.value }" class="text">
               {{ item.name }}
             </div>
           </div>
-          <img class="icon-arrow" :src="tab === item.value ? iconArrowActive : iconArrow" alt="">
+          <img
+            class="icon-arrow"
+            :src="tab === item.value ? iconArrowActive : iconArrow"
+            alt=""
+          />
           <div v-if="tab === item.value" class="line" />
         </div>
       </div>
       <div class="list">
-        <div v-for="(item, index) in list" :key="item.id" :class="{ 'pt0': index === 0, 'item-disabled': item.readFlag }" class="item" @click="goDetail(item)">
+        <div
+          v-for="(item, index) in list"
+          :key="item.id"
+          :class="{ pt0: index === 0, 'item-disabled': item.readFlag }"
+          class="item"
+          @click="goDetail(item)"
+        >
           <div class="left">
             <div class="num">
-              {{ format(item.sendTime, 'dd') }}
+              {{ format(item.sendTime, "dd") }}
               <div v-if="!item.readFlag" class="point" />
             </div>
             <div class="date">
-              {{ format(item.sendTime, 'yyyy-MM') }}
+              {{ format(item.sendTime, "yyyy-MM") }}
             </div>
           </div>
           <div class="middle">
@@ -150,29 +185,25 @@ function getMore() {
               {{ item.titile }}
             </div>
             <div v-if="tab === 1" class="status">
-              <div class="tag tag-blue">
-                审批节点：{{ item.tag.nodeName }}
-              </div>
+              <div class="tag tag-blue">审批节点：{{ item.tag.nodeName }}</div>
               <div :class="item.tag.states === 5 ? 'tag-red' : 'tag-green'" class="tag">
                 审批状态：{{ item.tag.states }}
               </div>
             </div>
             <div v-if="tab === 1" class="subtitle">
               <span class="name">{{ item.tag.sendUserName }}</span>
-              <span class="time">{{ format(item.sendTime, 'yyyy-MM-dd HH:mm:ss') }}</span>
+              <span class="time">{{ format(item.sendTime, "yyyy-MM-dd HH:mm:ss") }}</span>
             </div>
             <div v-else class="subtitle">
               <span class="name">{{ item.userName }}</span>
-              <span class="time">{{ format(item.sendTime, 'yyyy-MM-dd HH:mm:ss') }}</span>
+              <span class="time">{{ format(item.sendTime, "yyyy-MM-dd HH:mm:ss") }}</span>
             </div>
           </div>
-          <div class="look">
-            查看
-          </div>
+          <div class="look">查看</div>
         </div>
 
         <div v-if="hasNextPage" class="more" @click="getMore">
-          查看更多<img class="icon-more" :src="iconArrowDown" alt="">
+          查看更多<img class="icon-more" :src="iconArrowDown" alt="" />
         </div>
       </div>
     </div>
@@ -185,15 +216,15 @@ function getMore() {
   flex: 1;
   flex-direction: column;
   box-sizing: border-box;
-  background: #FFF;
+  background: #fff;
   border-radius: 3px;
   height: calc(100vh - 88px);
   position: relative;
 
-  .header{
+  .header {
     padding: 24px;
 
-    &-title{
+    &-title {
       font-size: 20px;
       font-family: PingFang SC, PingFang SC-Medium;
       font-weight: 600;
@@ -201,7 +232,7 @@ function getMore() {
       line-height: 28px;
     }
 
-    .clear{
+    .clear {
       font-size: 14px;
       font-family: PingFang SC, PingFang SC-Regular;
       color: #666666;
@@ -210,7 +241,7 @@ function getMore() {
       display: flex;
       align-items: center;
 
-      .icon-clear{
+      .icon-clear {
         width: 16px;
         height: 16px;
         margin-right: 6px;
@@ -218,20 +249,20 @@ function getMore() {
     }
   }
 
-  .content{
+  .content {
     display: flex;
-    .slider{
-      .icon{
+    .slider {
+      .icon {
         width: 17px;
         height: 17px;
       }
 
-      .icon-arrow{
+      .icon-arrow {
         width: 14px;
         height: 14px;
       }
 
-      .item{
+      .item {
         width: 200px;
         height: 44px;
         position: relative;
@@ -240,32 +271,32 @@ function getMore() {
         align-items: center;
         justify-content: space-between;
         cursor: pointer;
-        &-active{
-          background: rgba(80,122,253,.1);
+        &-active {
+          background: rgba(80, 122, 253, 0.1);
         }
       }
 
-      .item-left{
+      .item-left {
         align-items: center;
       }
 
-      .text{
+      .text {
         font-size: 14px;
         font-family: PingFang SC, PingFang SC-Medium;
         font-weight: 600;
         color: #333333;
         margin-left: 12px;
-        &-active{
-          color: #507AFD;
+        &-active {
+          color: #507afd;
         }
       }
 
-      .icon-arrow{
+      .icon-arrow {
         width: 14px;
         height: 14px;
       }
 
-      .line{
+      .line {
         position: absolute;
         width: 3px;
         height: 44px;
@@ -275,7 +306,7 @@ function getMore() {
       }
     }
 
-    .list{
+    .list {
       margin-left: 24px;
       flex: 1;
       overflow-y: auto;
@@ -284,7 +315,7 @@ function getMore() {
       height: calc(100vh - 88px - 76px);
       padding-right: 24px;
 
-      .more{
+      .more {
         display: flex;
         align-items: center;
         justify-content: center;
@@ -298,14 +329,14 @@ function getMore() {
         background: #fff;
         cursor: pointer;
 
-        .icon-more{
+        .icon-more {
           width: 14px;
           height: 14px;
           margin-left: 6px;
         }
       }
 
-      .item{
+      .item {
         display: flex;
         align-items: center;
         justify-content: space-between;
@@ -313,16 +344,16 @@ function getMore() {
         padding: 16px 0 8px 25px;
         border-bottom: 1px solid #eeeeee;
 
-        &-disabled{
+        &-disabled {
           opacity: 0.5;
         }
       }
 
-      .pt0{
+      .pt0 {
         padding-top: 0;
       }
 
-      .num{
+      .num {
         font-size: 32px;
         font-family: HarmonyOS Sans SC, HarmonyOS Sans SC-Medium;
         font-weight: 600;
@@ -332,7 +363,7 @@ function getMore() {
         position: relative;
       }
 
-      .date{
+      .date {
         font-size: 12px;
         font-family: PingFang SC, PingFang SC-Regular;
         text-align: left;
@@ -340,7 +371,7 @@ function getMore() {
         line-height: 17px;
       }
 
-      .point{
+      .point {
         position: absolute;
         right: -2px;
         top: 5px;
@@ -350,7 +381,7 @@ function getMore() {
         background: #ff4e4f;
       }
 
-      .left{
+      .left {
         width: 80px;
         height: 64px;
         border-right: 1px solid #e8e8e8;
@@ -360,18 +391,18 @@ function getMore() {
         justify-content: center;
       }
 
-      .middle{
+      .middle {
         flex: 1;
         padding-left: 20px;
       }
 
-      .status{
+      .status {
         display: flex;
         align-items: center;
         // margin-top: 8px;
       }
 
-      .tag{
+      .tag {
         padding: 0 8px;
         height: 24px;
         border-radius: 2px;
@@ -384,22 +415,22 @@ function getMore() {
         align-items: center;
       }
 
-      .tag-blue{
-        background: rgba(80,122,253,0.10);
+      .tag-blue {
+        background: rgba(80, 122, 253, 0.1);
         color: #507afd;
       }
 
-      .tag-red{
+      .tag-red {
         color: #ff4e4f;
-        background: rgba(255,78,79,0.10);
+        background: rgba(255, 78, 79, 0.1);
       }
 
-      .tag-green{
-        color: #3EE199;
-        background: rgba(62,225,153,0.10);
+      .tag-green {
+        color: #3ee199;
+        background: rgba(62, 225, 153, 0.1);
       }
 
-      .title{
+      .title {
         font-size: 16px;
         font-family: PingFang SC, PingFang SC-Medium;
         font-weight: 600;
@@ -408,7 +439,7 @@ function getMore() {
         line-height: 25px;
       }
 
-      .subtitle{
+      .subtitle {
         font-size: 12px;
         font-family: PingFang SC, PingFang SC-Regular;
         text-align: left;
@@ -417,11 +448,11 @@ function getMore() {
         // margin-top: 8px;
       }
 
-      .name{
+      .name {
         margin-right: 16px;
       }
 
-      .look{
+      .look {
         font-size: 14px;
         font-family: PingFang SC, PingFang SC-Regular;
         text-align: left;
@@ -430,7 +461,6 @@ function getMore() {
         cursor: pointer;
       }
     }
-
   }
 }
 

From 6eb9a6e4c91ec7a55e86aeb56e1b6ffcdd010953 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Fri, 29 Mar 2024 17:06:36 +0800
Subject: [PATCH 3/5] =?UTF-8?q?fix:=20=E6=89=93=E5=BC=80=E9=AB=98=E7=BA=A7?=
 =?UTF-8?q?=E7=AD=9B=E9=80=89=E5=88=97=E8=A1=A8=E5=90=8E=EF=BC=8C=E5=A7=8B?=
 =?UTF-8?q?=E7=BB=88=E5=A4=84=E4=BA=8ELoading=E7=8A=B6=E6=80=81bug?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/final/comp/FilterModal.vue             | 4 ++--
 src/views/home/aside/comp/modals/FilterModal.vue | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/final/comp/FilterModal.vue b/src/views/final/comp/FilterModal.vue
index 7923eaa..e1f1ebf 100644
--- a/src/views/final/comp/FilterModal.vue
+++ b/src/views/final/comp/FilterModal.vue
@@ -119,8 +119,8 @@ async function query(page: number, pageSize: number) {
     search_searchname: { value: keyword.value, op: "like", type: "string" },
   };
   const result = await getConditionList({ pageNo: page, pageSize }, searchParam, 1);
-  const { data, pageCount,total } = result;
-  total.value = total;
+  const { data, pageCount,total:totalCount } = result;
+  total.value = totalCount;
   tableData.value = data;
   pagination.page = page;
   pagination.pageCount = pageCount;
diff --git a/src/views/home/aside/comp/modals/FilterModal.vue b/src/views/home/aside/comp/modals/FilterModal.vue
index 5bb7cf9..aa1924f 100644
--- a/src/views/home/aside/comp/modals/FilterModal.vue
+++ b/src/views/home/aside/comp/modals/FilterModal.vue
@@ -111,10 +111,10 @@ async function query(page: number, pageSize: number) {
     search_searchname: { value: keyword.value, op: "like", type: "string" },
   };
   const result = await getConditionList({ pageNo: page, pageSize }, searchParam, 0);
-  const { data, pageCount, total } = result;
+  const { data, pageCount, total:totalCount } = result;
   tableData.value = data;
   pagination.page = page;
-  total.value = total;
+  total.value = totalCount;
   pagination.pageCount = pageCount;
   loading.value = false;
 }

From 38aa8118c66d2f1552dcf7db28b25bfe82895da1 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Fri, 29 Mar 2024 17:39:26 +0800
Subject: [PATCH 4/5] =?UTF-8?q?feat:=20=E5=AF=B9=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E8=BF=9B=E8=A1=8C=E5=8B=BE=E9=80=89=E5=90=8E?=
 =?UTF-8?q?=EF=BC=8C=E7=95=8C=E9=9D=A2=E7=9A=84=E7=8A=B6=E6=80=81=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=E4=B8=8ERP=E8=A6=81=E6=B1=82=E4=B8=8D=E7=AC=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/final/comp/FilterModal.vue          | 38 +++++++++++++++++--
 .../home/aside/comp/modals/FilterModal.vue    | 16 +++++++-
 2 files changed, 49 insertions(+), 5 deletions(-)

diff --git a/src/views/final/comp/FilterModal.vue b/src/views/final/comp/FilterModal.vue
index e1f1ebf..b2b4278 100644
--- a/src/views/final/comp/FilterModal.vue
+++ b/src/views/final/comp/FilterModal.vue
@@ -8,6 +8,7 @@ import {
   reactive,
   ref,
   unref,
+  computed,
 } from "vue";
 import { NDataTable } from "naive-ui";
 import type { DataTableColumns, DataTableRowKey } from "naive-ui";
@@ -26,6 +27,7 @@ const emit = defineEmits<{
 }>();
 
 const show = ref(false);
+const checkedRowKeys = ref([]);
 
 const cardStyle = {
   width: "800px",
@@ -109,7 +111,7 @@ const pagination = reactive({
     },
   ],
   showQuickJumper: true,
-  prefix:()=>`共 ${total.value} 条数据`
+  prefix: () => `共 ${total.value} 条数据`,
 });
 const tableData = ref<Array<RowData>>([]);
 const keyword = ref("");
@@ -119,7 +121,7 @@ async function query(page: number, pageSize: number) {
     search_searchname: { value: keyword.value, op: "like", type: "string" },
   };
   const result = await getConditionList({ pageNo: page, pageSize }, searchParam, 1);
-  const { data, pageCount,total:totalCount } = result;
+  const { data, pageCount, total: totalCount } = result;
   total.value = totalCount;
   tableData.value = data;
   pagination.page = page;
@@ -283,6 +285,10 @@ const inputHandler = debounce((word) => {
   keyword.value = word;
   query(1, 5);
 }, 300);
+
+const showSearch = computed(() => {
+  return selectionIds.value.length > 0;
+});
 </script>
 
 <template>
@@ -307,7 +313,7 @@ const inputHandler = debounce((word) => {
               <span :style="{ 'margin-left': '18px' }">基本信息</span>
             </div>
           </div>
-          <div class="wrapper-form">
+          <div class="wrapper-form" v-if="!showSearch">
             <n-input
               :style="{ width: '360px', border: '1px solid #cad2dd' }"
               placeholder="请输入过滤条件名称搜索"
@@ -324,6 +330,21 @@ const inputHandler = debounce((word) => {
               </template>
             </n-button>
           </div>
+
+          <div class="wrapper-form" v-else>
+            <div class="del_btn">
+              <n-button icon-placement="left" size="medium">
+                <template #icon>
+                  <SvgIcon  name="delete-history" size="16" />
+                </template>
+                删除</n-button>
+            </div>
+            <div class="msg">
+              <span>已选中 <span style="color:#507afd;font-size:16px">{{ selectionIds.length }}</span> 项</span>
+              <a @click="selectionIds = []">清空</a>
+            </div>
+          </div>
+
           <div class="wrapper-table">
             <NDataTable
               ref="tableRef"
@@ -337,6 +358,7 @@ const inputHandler = debounce((word) => {
               @update:page="handlePageChange"
               @update-page-size="handlePageSizeChange"
               @update:checked-row-keys="handleCheck"
+              :checked-row-keys="selectionIds"
             />
           </div>
         </div>
@@ -378,6 +400,16 @@ const inputHandler = debounce((word) => {
       width: 300px;
       border: 1px solid gray;
     }
+    .del_btn{
+
+    }
+    .msg{
+      a{
+        margin-left: 30px;
+        cursor: pointer;
+        color: #507afd;
+      }
+    }
   }
 
   &-table {
diff --git a/src/views/home/aside/comp/modals/FilterModal.vue b/src/views/home/aside/comp/modals/FilterModal.vue
index aa1924f..ef8428e 100644
--- a/src/views/home/aside/comp/modals/FilterModal.vue
+++ b/src/views/home/aside/comp/modals/FilterModal.vue
@@ -1,5 +1,14 @@
 <script lang="ts" setup>
-import { defineOptions, h, nextTick, onUnmounted, reactive, ref, unref } from "vue";
+import {
+  computed,
+  defineOptions,
+  h,
+  nextTick,
+  onUnmounted,
+  reactive,
+  ref,
+  unref,
+} from "vue";
 import { NDataTable } from "naive-ui";
 import type { DataTableColumns, DataTableRowKey } from "naive-ui";
 import type { SortableEvent } from "sortablejs";
@@ -111,7 +120,7 @@ async function query(page: number, pageSize: number) {
     search_searchname: { value: keyword.value, op: "like", type: "string" },
   };
   const result = await getConditionList({ pageNo: page, pageSize }, searchParam, 0);
-  const { data, pageCount, total:totalCount } = result;
+  const { data, pageCount, total: totalCount } = result;
   tableData.value = data;
   pagination.page = page;
   total.value = totalCount;
@@ -265,6 +274,7 @@ defineExpose({
   showModal,
 });
 
+
 const inputHandler = debounce((word) => {
   keyword.value = word;
   query(1, 5);
@@ -317,6 +327,7 @@ const inputHandler = debounce((word) => {
               </template>
             </n-button>
           </div>
+
           <div class="wrapper-table">
             <NDataTable
               ref="tableRef"
@@ -331,6 +342,7 @@ const inputHandler = debounce((word) => {
               @update:page="handlePageChange"
               @update-page-size="handlePageSizeChange"
               @update:checked-row-keys="handleCheck"
+
             />
           </div>
         </div>

From 63356a7179f51004fca5ceda2e059724157dc255 Mon Sep 17 00:00:00 2001
From: liushilong <2224574157@qq.com>
Date: Fri, 29 Mar 2024 18:24:27 +0800
Subject: [PATCH 5/5] =?UTF-8?q?feat:=20=E5=BC=B9=E7=AA=97=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=8F=8A=E4=BA=A4=E4=BA=92=E8=A7=84=E5=88=99=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/final/comp/FilterModal.vue                | 2 +-
 src/views/final/comp/NewFilterModal.vue             | 2 +-
 src/views/home/aside/comp/modals/FilterModal.vue    | 2 +-
 src/views/home/aside/comp/modals/NewFilterModal.vue | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/final/comp/FilterModal.vue b/src/views/final/comp/FilterModal.vue
index b2b4278..9ac92c5 100644
--- a/src/views/final/comp/FilterModal.vue
+++ b/src/views/final/comp/FilterModal.vue
@@ -211,7 +211,7 @@ async function handlePageSizeChange(currentPageSize) {
 
 function handleClick() {
   emit("showNewFilter");
-  show.value = false;
+  // show.value = false;
 }
 
 let sortTable: Sortable | null = null;
diff --git a/src/views/final/comp/NewFilterModal.vue b/src/views/final/comp/NewFilterModal.vue
index 2b35613..ae1e823 100644
--- a/src/views/final/comp/NewFilterModal.vue
+++ b/src/views/final/comp/NewFilterModal.vue
@@ -308,7 +308,7 @@ defineExpose({
       <template #footer>
         <div class="wrapper-footer">
           <n-button type="info" @click="handleSumbit">
-            确认
+            保存
           </n-button>
           <n-button secondary style="margin-left:15px" @click="closeModal">
             取消
diff --git a/src/views/home/aside/comp/modals/FilterModal.vue b/src/views/home/aside/comp/modals/FilterModal.vue
index ef8428e..597e2cc 100644
--- a/src/views/home/aside/comp/modals/FilterModal.vue
+++ b/src/views/home/aside/comp/modals/FilterModal.vue
@@ -210,7 +210,7 @@ async function handlePageSizeChange(currentPageSize) {
 
 function handleClick() {
   emit("showNewFilter");
-  show.value = false;
+  // show.value = false;
 }
 
 let sortTable: Sortable | null = null;
diff --git a/src/views/home/aside/comp/modals/NewFilterModal.vue b/src/views/home/aside/comp/modals/NewFilterModal.vue
index 1a253ba..8dc60d6 100644
--- a/src/views/home/aside/comp/modals/NewFilterModal.vue
+++ b/src/views/home/aside/comp/modals/NewFilterModal.vue
@@ -341,7 +341,7 @@ defineExpose({
       <template #footer>
         <div class="wrapper-footer">
           <n-button type="info" @click="handleSumbit">
-            确认
+            保存
           </n-button>
           <n-button secondary style="margin-left:15px" @click="closeModal">
             取消