前、后台文件、申请、审核页面加搜索

src/pages/homepage/apply.vue

@@ -1,5 +1,12 @@
 <template>
   <div class="body-wrapper">
+    <div class="search-card">
+        <el-input class="input-wrapper" v-model="searchWords" placeholder="请输入关键字">
+            <el-button slot="append" class="searchbtn" @click="handleSearch">
+            <img src="../../../static/homepage/u432.svg" alt="">
+            </el-button>
+        </el-input>
+    </div>
     <el-table :data="tableData">
       <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
       </el-table-column>
@@ -43,7 +50,8 @@ export default {
         tableData: [],
         total: 0,
         pageSize: 10,
-        pageNum: 1
+        pageNum: 1,
+        searchWords: undefined
       }
     },
     mounted() {
@@ -81,8 +89,8 @@ export default {
         })
       },
       getTableData() {
-        const {pageNum, pageSize} = this
-        api.applyList({pageNum, pageSize}).then(res => {
+        const {pageNum, pageSize, searchWords} = this
+        api.applyList({pageNum, pageSize, resourceName: searchWords}).then(res => {
           this.tableData = []
           res.data.records.map((item, index) => {
             const newItem = {...item}
@@ -102,6 +110,10 @@ export default {
           3: '审批驳回'
         }
         return textMap[val]
+      },
+      handleSearch() {
+        this.pageNum = 1
+        this.getTableData()
       }
     }
 }
@@ -117,5 +129,12 @@ export default {
   .table-pagination{
     text-align: right;
   }
+  .search-card{
+    margin-bottom: 20px;
+    text-align: center;
+    .input-wrapper{
+        width: 36%;
+    }
+  }
 }
 </style>

src/pages/homepage/file.vue

@@ -1,5 +1,12 @@
 <template>
   <div class="body-wrapper">
+    <div class="search-card">
+        <el-input class="input-wrapper" v-model="searchWords" placeholder="请输入关键字">
+            <el-button slot="append" class="searchbtn" @click="handleSearch">
+            <img src="../../../static/homepage/u432.svg" alt="">
+            </el-button>
+        </el-input>
+    </div>
     <el-table :data="tableData">
       <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
       </el-table-column>
@@ -41,7 +48,8 @@ export default {
         pageSize: 10,
         pageNum: 1,
         dialogVisible: false,
-        fileList: []
+        fileList: [],
+        searchWords: undefined
       }
     },
     mounted() {
@@ -58,8 +66,8 @@ export default {
         window.location.href = `${this.getUrl()}/xyjc/index-files/download/${row.id}`
       },
       getTableData() {
-        const { pageNum, pageSize } = this
-        api.fileList({pageNum, pageSize}).then(res => {
+        const { pageNum, pageSize, searchWords } = this
+        api.fileList({pageNum, pageSize, fileName: searchWords}).then(res => {
             if (res.success) {
                 this.tableData = res.data.records
                 this.total = res.data.total
@@ -68,6 +76,10 @@ export default {
       },
       getUrl() {
         return process.env.NODE_ENV !== 'development' ? config.build.BASE_API : config.dev.BASE_API;
+      },
+      handleSearch() {
+        this.pageNum = 1
+        this.getTableData()
       }
     }
 }
@@ -83,5 +95,12 @@ export default {
   .table-pagination{
     text-align: right;
   }
+  .search-card{
+    margin-bottom: 20px;
+    text-align: center;
+    .input-wrapper{
+        width: 36%;
+    }
+  }
 }
 </style>

src/pages/homepage/layouts/topBar.vue

@@ -5,14 +5,14 @@
       <span class="time-gap">{{ date }}</span>
     </p>
     <div v-if="userName" class="head-bar-icon">
-      <el-select v-model="userName" placeholder="请选择">
+      <!-- <el-select v-model="userName" placeholder="请选择">
         <el-option
           v-for="item in options"
           :key="item.value"
           :label="item.label"
           :value="item.value">
         </el-option>
-      </el-select>
+      </el-select> -->
       <!-- <span class="workbench" v-if="workBenchShow" @click="workBenchClick"
         >工作台</span
       >

src/pages/index/audit.vue

@@ -1,5 +1,12 @@
 <template>
   <div class="body-wrapper">
+    <div class="search-card">
+        <el-input class="input-wrapper" v-model="searchWords" placeholder="请输入关键字">
+            <el-button slot="append" class="searchbtn" @click="handleSearch">
+            <img src="../../../static/homepage/u432.svg" alt="">
+            </el-button>
+        </el-input>
+    </div>
     <el-table :data="tableData">
       <el-table-column v-for="(item, index) in columns" :key="index" :label="item.label" :prop="item.key">
       </el-table-column>
@@ -62,7 +69,8 @@ export default {
         pageNum: 1,
         radio: '2',
         dialogVisible: false,
-        selRow: {}
+        selRow: {},
+        searchWords: undefined
       }
     },
     mounted() {
@@ -96,8 +104,8 @@ export default {
         })
       },
       getTableData() {
-        const {pageNum, pageSize} = this
-        api.applyList({pageNum, pageSize}).then(res => {
+        const {pageNum, pageSize, searchWords} = this
+        api.applyList({pageNum, pageSize, resourceName: searchWords}).then(res => {
           this.tableData = []
           res.data.records.map((item, index) => {
             const newItem = {...item}
@@ -117,6 +125,10 @@ export default {
           3: '审批驳回'
         }
         return textMap[val]
+      },
+      handleSearch() {
+        this.pageNum = 1
+        this.getTableData()
       }
     }
 }
@@ -132,6 +144,13 @@ export default {
   .table-pagination{
     text-align: right;
   }
+  .search-card{
+    margin-bottom: 20px;
+    text-align: center;
+    .input-wrapper{
+        width: 36%;
+    }
+  }
 }
 .audit-dialog{
     .mg-bt{

src/pages/index/file.vue

@@ -1,5 +1,12 @@
 <template>
   <div class="body-wrapper">
+    <div class="search-card">
+        <el-input class="input-wrapper" v-model="searchWords" placeholder="请输入关键字">
+            <el-button slot="append" class="searchbtn" @click="handleSearch">
+            <img src="../../../static/homepage/u432.svg" alt="">
+            </el-button>
+        </el-input>
+    </div>
     <div class="button-block">
       <el-button type="primary" @click="handleUpload">上传</el-button>
     </div>
@@ -61,7 +68,8 @@ export default {
         pageSize: 10,
         pageNum: 1,
         dialogVisible: false,
-        fileList: []
+        fileList: [],
+        searchWords: undefined
       }
     },
     mounted() {
@@ -102,8 +110,8 @@ export default {
         return process.env.NODE_ENV !== 'development' ? config.build.BASE_API : config.dev.BASE_API;
       },
       getTableData() {
-        const { pageNum, pageSize } = this
-        api.fileList({pageNum, pageSize}).then(res => {
+        const { pageNum, pageSize, searchWords } = this
+        api.fileList({pageNum, pageSize, fileName: searchWords}).then(res => {
             if (res.success) {
                 this.tableData = res.data.records
                 this.total = res.data.total
@@ -114,6 +122,10 @@ export default {
         this.dialogVisible = false
         this.getTableData()
         this.fileList = []
+      },
+      handleSearch() {
+        this.pageNum = 1
+        this.getTableData()
       }
     }
 }
@@ -129,5 +141,11 @@ export default {
   .table-pagination{
     text-align: right;
   }
+  .search-card{
+    text-align: center;
+    .input-wrapper{
+        width: 36%;
+    }
+  }
 }
 </style>