From 0a26d58a3906b9e13946c7cb46fae51a0de98920 Mon Sep 17 00:00:00 2001 From: Crunchy <3114200645@qq.com> Date: 星期一, 17 三月 2025 15:49:08 +0800 Subject: [PATCH] Merge branch 'dev' into dev_tides --- src/views/CNAS/systemManagement/documentControl/components/FileList.vue | 105 +++++++++++++++++++++------------------------------- 1 files changed, 43 insertions(+), 62 deletions(-) diff --git a/src/views/CNAS/systemManagement/documentControl/components/FileList.vue b/src/views/CNAS/systemManagement/documentControl/components/FileList.vue index 51b4a27..7e1fe05 100644 --- a/src/views/CNAS/systemManagement/documentControl/components/FileList.vue +++ b/src/views/CNAS/systemManagement/documentControl/components/FileList.vue @@ -1,29 +1,29 @@ <template> <!-- 鏂囦欢娓呭崟 --> - <div class="file-list" style="height: 100%;"> + <div> <div class="search"> - <div class="search_thing"> - <div class="search_label">鏂囦欢鍚嶇О锛�</div> - <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="queryParams.name" - @keyup.enter.native="refreshTable()"></el-input></div> + <div> + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true"> + <el-form-item label="鏂囦欢鍚嶇О" prop="name"> + <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="queryParams.name" + @keyup.enter.native="refreshTable()"></el-input> + </el-form-item> + <el-form-item label="鏂囦欢鐘舵��" prop="state"> + <el-select v-model="queryParams.state" size="small" @change="refreshTable()"> + <el-option :label="item.label" :value="item.value" v-for="(item, index) in fileState" + :key="index"></el-option> + </el-select> + </el-form-item> + <el-form-item> + <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">鏌� 璇�</el-button> + <el-button icon="el-icon-refresh" size="mini" @click="refresh">閲� 缃�</el-button> + </el-form-item> + </el-form> </div> - <div class="search_thing"> - <div class="search_label">鏂囦欢鐘舵�侊細</div> - <div class="search_input"> - <el-select v-model="queryParams.state" size="small" @change="refreshTable()"> - <el-option :label="item.label" :value="item.value" v-for="(item, index) in fileState" - :key="index"></el-option> - </el-select> - </div> - </div> - <div class="search_thing" style="padding-left: 30px;"> - <el-button size="small" @click="refresh()">閲� 缃�</el-button> - <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button> - </div> - <div class="btns" style="padding-left: 30px;"> + <div> <el-upload :action="action" :multiple="false" accept='.xls,.xlsx' :headers="uploadHeader" - :on-change="beforeUpload" :on-error="onError" ref='upload' :on-success="handleSuccessUp" - :show-file-list="false"> + :on-change="beforeUpload" :on-error="onError" ref='upload' :on-success="handleSuccessUp" + :show-file-list="false"> <el-button size="small" type="primary" :loading="upLoading">瀵煎叆</el-button></el-upload> </div> </div> @@ -121,10 +121,18 @@ { label: "绫诲埆", prop: "type", width: "120px", dataType: "tag", formatData: (params) => { - return this.fileType.find((m) => m.value == params).label; + if (this.fileType.find((m) => m.value == params)) { + return this.fileType.find((m) => m.value == params).label; + } else { + return null + } }, formatType: (params) => { - return this.fileType.find((m) => m.value == params).type; + if (this.fileType.find((m) => m.value == params)) { + return this.fileType.find((m) => m.value == params).type; + } else { + return null + } }, }, { @@ -137,10 +145,18 @@ { label: "鏂囦欢鐘舵��", prop: "state", dataType: "tag", formatData: (params) => { - return this.fileState.find((m) => m.value == params).label; + if (this.fileState.find((m) => m.value == params)) { + return this.fileState.find((m) => m.value == params).label; + } else { + return null + } }, formatType: (params) => { - return this.fileState.find((m) => m.value == params).type; + if (this.fileState.find((m) => m.value == params)) { + return this.fileState.find((m) => m.value == params).type; + } else { + return null + } }, }, { @@ -369,44 +385,9 @@ </script> <style scoped> -.title { - height: 60px; - line-height: 60px; -} - .search { - background-color: #fff; - height: 40px; + height: 46px; display: flex; - align-items: center; - position: relative; -} - -.search_thing { - width: 350px; - display: flex; - align-items: center; -} - -.search_label { - width: 110px; - font-size: 14px; - text-align: right; -} - -.search_input { - width: calc(100% - 110px); -} - -.table { - background-color: #fff; - height: calc(100% - 60px - 80px); - padding: 20px; -} - -.btns { - position: absolute; - right: 20px; - top: 5px; + justify-content: space-between; } </style> -- Gitblit v1.9.3