病案首页导出添加剔除功能

src/views/hospitalization/case-front-sheet/FrontSheetExport.vue

@@ -1,8 +1,13 @@
 <template>
   <div class="layout_container">
     <header>
-      <el-date-picker v-model="month" :clearable="false" placeholder="出院日期" style="width: 110px"
-                      type="month"></el-date-picker>
+      <el-date-picker
+          v-model="month"
+          :clearable="false"
+          placeholder="出院日期"
+          style="width: 110px"
+          type="month"
+      ></el-date-picker>
       <el-divider direction="vertical"></el-divider>
       <el-button type="primary" icon="Search" @click="getAnalyzedSheets(false)">检索（省质控）</el-button>
       <el-button type="success" icon="Search" @click="getAnalyzedSheets(true)">检索（HQMS）</el-button>
@@ -11,8 +16,19 @@
     </header>
     <div class="layout_main layout_el-table">
       <el-table
-          :data="sheets.slice(pageSize * (currentPage - 1), pageSize * currentPage)"
+          :data="cptSheets.slice(pageSize * (currentPage - 1), pageSize * currentPage)"
           stripe>
+        <el-table-column width="33" label="剔除">
+          <template #default="scope">
+            <el-button
+                icon="Minus"
+                size="small"
+                circle
+                type="danger"
+                @click.prevent="deleteRow(scope.$index, scope.row)"
+            ></el-button>
+          </template>
+        </el-table-column>
         <el-table-column type="expand">
           <template #default="props">
             <div style="display: flex">
@@ -55,7 +71,11 @@
             </div>
           </template>
         </el-table-column>
-        <el-table-column prop="bah" label="住院号" width="100"></el-table-column>
+        <el-table-column prop="bah" width="100">
+          <template #header>
+            <el-input v-model="patNo" size="small" placeholder="住院号" clearable/>
+          </template>
+        </el-table-column>
         <el-table-column prop="admissTimes" label="次数" width="50"></el-table-column>
         <el-table-column prop="name" label="姓名" width="100"></el-table-column>
         <el-table-column prop="sex" label="性别" width="50"></el-table-column>
@@ -92,8 +112,16 @@ import {fetchSheets} from '@/api/case-front-sheet'
 import {exportCSV} from "@/utils/ExportCVS";
 
 const month = ref(null)
+
+const patNo = ref('')
 const sheets = ref([])
 
+const cptSheets = computed(() => {
+  return sheets.value.filter(item => {
+    return item.bah.indexOf(patNo.value) !== -1
+  })
+})
+
 const pageSize = ref(30)
 const currentPage = ref(1)
 const handleSizeChange = (val) => {
@@ -119,6 +147,15 @@ const getAnalyzedSheets = (isHqms) => {
   })
 }
 
+function deleteRow(index, row) {
+  if (sheets.value[index] !== row) {
+    index = sheets.value.findIndex(item => {
+      return item === row
+    })
+  }
+  sheets.value.splice(index, 1)
+}
+
 const exportExcel = () => {
   if (sheets.value.length === 0) {
     ElMessage({