From 6eb11f16eefff6e86d3286783197274d3d389084 Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期六, 15 三月 2025 15:31:02 +0800 Subject: [PATCH] cnas样式统一 --- src/views/CNAS/resourceDemand/facilitiesEnvironment/component/three-wastes-treatment.vue | 2 src/views/CNAS/systemManagement/documentControl/components/DistributionCollectionRecord.vue | 59 +-- src/views/CNAS/process/sampleDisposal/index.vue | 71 +---- src/views/CNAS/systemManagement/documentControl/index.vue | 12 src/views/CNAS/process/method/methodVerification/index.vue | 11 src/views/CNAS/process/reportResults/index.vue | 65 +--- src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/lightning-protection-detection.vue | 3 src/views/CNAS/systemManagement/documentControl/components/FileList.vue | 81 +---- src/views/CNAS/process/nonconformingWork/nonconformingItem/index.vue | 56 +--- src/views/CNAS/systemManagement/documentControl/components/ControlledFileApplication.vue | 56 +--- src/views/CNAS/systemManagement/documentControl/components/FileObsoletionRequest.vue | 61 +--- src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/illuminance-recording.vue | 2 src/views/CNAS/process/complaint/index.vue | 53 +-- src/views/CNAS/resourceDemand/facilitiesEnvironment/component/Personnel-management.vue | 2 src/views/CNAS/systemManagement/documentControl/components/FileChangeRequest.vue | 53 +-- src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions.vue | 2 src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/temperature-humidity-record.vue | 4 src/views/CNAS/process/uncertainty/index.vue | 55 +-- src/views/CNAS/process/demand/index.vue | 6 src/views/CNAS/process/nonconformingWork/nonconformingDistribution/index.vue | 70 +--- 20 files changed, 217 insertions(+), 507 deletions(-) diff --git a/src/views/CNAS/process/complaint/index.vue b/src/views/CNAS/process/complaint/index.vue index c654149..ca806a0 100644 --- a/src/views/CNAS/process/complaint/index.vue +++ b/src/views/CNAS/process/complaint/index.vue @@ -1,23 +1,23 @@ <template> - <div class="Complaint"> + <div class="capacity-scope"> <div class="search"> - <div class="search_thing"> - <div class="search_label">鏍峰搧缂栧彿锛�</div> - <div class="search_input"><el-input v-model="queryParams.sampleCode" clearable placeholder="璇疯緭鍏�" size="small" - @keyup.enter.native="refreshTable()"></el-input></div> + <div> + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true"> + <el-form-item label="鏍峰搧缂栧彿" prop="sampleCode"> + <el-input v-model="queryParams.sampleCode" clearable placeholder="璇疯緭鍏�" size="small" + @keyup.enter.native="refreshTable()"></el-input> + </el-form-item> + <el-form-item label="鎶曡瘔鍚嶇О" prop="complainName"> + <el-input v-model="queryParams.complainName" clearable placeholder="璇疯緭鍏�" size="small" + @keyup.enter.native="refreshTable()"></el-input> + </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-input v-model="queryParams.complainName" clearable placeholder="璇疯緭鍏�" size="small" - @keyup.enter.native="refreshTable()"></el-input> - </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="btn"> + <div> <el-button :loading="outLoading" size="small" type="primary" @click="handleDown">瀵煎嚭</el-button> <el-button size="small" type="primary" @click="openAdd">鏂板</el-button> </div> @@ -286,6 +286,7 @@ }, data() { return { + tableLoading: false, addPower: false, outLoading: false, addDialogVisible: false, @@ -492,19 +493,11 @@ </script> <style scoped> -.title { - height: 60px; - line-height: 60px; -} - .search { - background-color: #fff; - height: 80px; + height: 46px; display: flex; - align-items: center; - position: relative; + justify-content: space-between; } - .search_thing { width: 350px; display: flex; @@ -519,12 +512,6 @@ .search_input { width: calc(100% - 110px); -} - -.table { - background-color: #fff; - height: calc(100% - 60px - 80px - 10px - 40px); - padding: 20px; } .dialog-body { diff --git a/src/views/CNAS/process/demand/index.vue b/src/views/CNAS/process/demand/index.vue index f2d5dd4..ef70abd 100644 --- a/src/views/CNAS/process/demand/index.vue +++ b/src/views/CNAS/process/demand/index.vue @@ -23,9 +23,9 @@ <el-button type="primary" icon="el-icon-search" size="mini" @click="refreshTable">鏌� 璇�</el-button> </el-form-item> </el-form> - </div> - <div style="text-align: right; margin-bottom: 20px"> - <el-button size="small" type="primary" @click="goAdd">鏂板</el-button> + <div style="text-align: right; margin-bottom: 20px"> + <el-button size="small" type="primary" @click="goAdd">鏂板</el-button> + </div> </div> <div class="table"> <el-table v-loading="tableListLoading" :data="tableList" diff --git a/src/views/CNAS/process/method/methodVerification/index.vue b/src/views/CNAS/process/method/methodVerification/index.vue index 59fda20..8be4cf8 100644 --- a/src/views/CNAS/process/method/methodVerification/index.vue +++ b/src/views/CNAS/process/method/methodVerification/index.vue @@ -17,12 +17,10 @@ </div> </div> <div class="table"> - <div> - <limsTable :column="tableColumn" :height="'calc(100vh - 23em)'" :table-data="tableData" - :table-loading="tableLoading" style="padding: 0 15px;margin-bottom: 16px" :page="page" - @pagination="pagination"> - </limsTable> - </div> + <limsTable :column="tableColumn" :height="'calc(100vh - 23em)'" :table-data="tableData" + :table-loading="tableLoading" :page="page" + @pagination="pagination"> + </limsTable> </div> <formDIa v-if="formDIa" ref="formDIa" :operationType="operationType" @closeDia="closeDia"></formDIa> </div> @@ -100,6 +98,7 @@ page: { size: 20, current: 1, + total: 0 }, total: 0, formDIa: false, diff --git a/src/views/CNAS/process/nonconformingWork/nonconformingDistribution/index.vue b/src/views/CNAS/process/nonconformingWork/nonconformingDistribution/index.vue index ac7825b..626fe9d 100644 --- a/src/views/CNAS/process/nonconformingWork/nonconformingDistribution/index.vue +++ b/src/views/CNAS/process/nonconformingWork/nonconformingDistribution/index.vue @@ -1,25 +1,26 @@ <template> - <div> - <div> - <div class="search-background"> - <span class="search-group"> - <span style="width: 120px">骞翠唤锛�</span> - <el-input v-model="searchForm.distributionYear" clearable size="small"></el-input> - </span> - <span class="search-group"> - <el-button size="small" @click="resetSearchForm">閲� 缃�</el-button> - <el-button size="small" type="primary" @click="searchList">鏌� 璇�</el-button> - </span> - <div class="btn"> - <el-button size="small" type="primary" @click="openFormDia('add')">鏂� 澧�</el-button> - </div> + <div class="capacity-scope"> + <div class="search"> + <div> + <el-form :model="searchForm" ref="searchForm" size="small" :inline="true"> + <el-form-item label="骞翠唤" prop="laboratoryName"> + <el-input v-model="searchForm.distributionYear" clearable size="small"></el-input> + </el-form-item> + <el-form-item> + <el-button type="primary" icon="el-icon-search" size="mini" @click="searchList">鏌� 璇�</el-button> + <el-button icon="el-icon-refresh" size="mini" @click="resetSearchForm">閲� 缃�</el-button> + </el-form-item> + </el-form> </div> - <div class="table"> - <limsTable :column="tableColumn" :height="'calc(100vh - 19em)'" :table-data="tableData" - :table-loading="tableLoading" style="padding: 0 15px;margin-bottom: 16px" :page="page" - @pagination="pagination"> - </limsTable> + <div> + <el-button size="small" type="primary" @click="openFormDia('add')">鏂� 澧�</el-button> </div> + </div> + <div class="table"> + <limsTable :column="tableColumn" :height="'calc(100vh - 19em)'" :table-data="tableData" + :table-loading="tableLoading" :page="page" + @pagination="pagination"> + </limsTable> </div> <form-dia v-if="formDia" ref="formDia" @closeDia="closeDia"></form-dia> </div> @@ -187,36 +188,9 @@ </script> <style scoped> -.view-title { +.search { + height: 46px; display: flex; justify-content: space-between; - align-items: center; - height: 60px; - padding-left: 20px; -} - -.search-background { - width: 100%; - height: 80px; - line-height: 80px; - background-color: #ffffff; - display: flex; - position: relative; -} - -.search-group { - display: flex; - align-items: center; - margin: 0 20px; -} - -.table { - background-color: #ffffff; -} - -.btn { - position: absolute; - right: 20px; - top: 16px; } </style> diff --git a/src/views/CNAS/process/nonconformingWork/nonconformingItem/index.vue b/src/views/CNAS/process/nonconformingWork/nonconformingItem/index.vue index cd98d2a..89c7d20 100644 --- a/src/views/CNAS/process/nonconformingWork/nonconformingItem/index.vue +++ b/src/views/CNAS/process/nonconformingWork/nonconformingItem/index.vue @@ -1,22 +1,21 @@ <template> - <div> + <div class="capacity-scope"> <div> - <div class="search-background"> - <span class="search-group"> - <span style="width: 120px">鍙戠敓閮ㄩ棬锛�</span> + <el-form :model="searchForm" ref="searchForm" size="small" :inline="true"> + <el-form-item label="鍙戠敓閮ㄩ棬" prop="occurrenceDepartment"> <el-input v-model="searchForm.occurrenceDepartment" clearable size="small"></el-input> - </span> - <span class="search-group"> - <el-button size="small" @click="resetSearchForm">閲� 缃�</el-button> - <el-button size="small" type="primary" @click="searchList">鏌� 璇�</el-button> - </span> - </div> - <div class="table"> - <limsTable :column="tableColumn" :height="'calc(100vh - 19em)'" :table-data="tableData" - :table-loading="tableLoading" style="padding: 0 15px;margin-bottom: 16px" :page="page" - @pagination="pagination"> - </limsTable> - </div> + </el-form-item> + <el-form-item> + <el-button type="primary" icon="el-icon-search" size="mini" @click="searchList">鏌� 璇�</el-button> + <el-button icon="el-icon-refresh" size="mini" @click="resetSearchForm">閲� 缃�</el-button> + </el-form-item> + </el-form> + </div> + <div class="table"> + <limsTable :column="tableColumn" :height="'calc(100vh - 19em)'" :table-data="tableData" + :table-loading="tableLoading" :page="page" + @pagination="pagination"> + </limsTable> </div> <quality-info v-if="qualityInfo" ref="qualityInfo"></quality-info> </div> @@ -160,29 +159,4 @@ </script> <style scoped> -.view-title { - display: flex; - justify-content: space-between; - align-items: center; - height: 60px; - padding-left: 20px; -} - -.search-background { - width: 100%; - height: 80px; - line-height: 80px; - background-color: #ffffff; - display: flex; -} - -.search-group { - display: flex; - align-items: center; - margin: 0 20px; -} - -.table { - background-color: #ffffff; -} </style> diff --git a/src/views/CNAS/process/reportResults/index.vue b/src/views/CNAS/process/reportResults/index.vue index 9cf49ca..a3415d1 100644 --- a/src/views/CNAS/process/reportResults/index.vue +++ b/src/views/CNAS/process/reportResults/index.vue @@ -1,16 +1,19 @@ <template> - <div class="report-results"> + <div class="capacity-scope"> <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.insReportCode" - @keyup.enter.native="refreshTable()"></el-input></div> + <div> + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true"> + <el-form-item label="妫�楠屾姤鍛婄紪鍙�" prop="insReportCode"> + <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="queryParams.insReportCode" + @keyup.enter.native="refreshTable()"></el-input> + </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" 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="btn"> + <div> <el-button size="small" type="primary" @click="handleDown" :loading="outLoading" v-if="outPower">瀵煎嚭</el-button> <el-button size="small" type="primary" @click="openAdd" v-if="addPower">鏂板</el-button> </div> @@ -311,11 +314,9 @@ <style scoped> .search { - background-color: #fff; - height: 80px; + height: 46px; display: flex; - align-items: center; - position: relative; + justify-content: space-between; } .search_thing { @@ -332,41 +333,5 @@ .search_input { width: calc(100% - 110px); -} - -.table { - background-color: #fff; - height: calc(100% - 60px - 80px - 10px - 40px); - padding: 20px; -} - -.tables { - table-layout: fixed; - width: 100%; -} - -.tables td { - height: 40px; - width: 100px; - text-align: center; - font-size: 14px; - word-wrap: break-word; - white-space: normal; -} - -.en { - font-size: 12px; - word-break: break-word; - /* 鑷姩鏂 */ - overflow-wrap: break-word; - /* 闃叉婧㈠嚭 */ - white-space: normal; - /* 榛樿鎹㈣ */ -} - -.btn { - position: absolute; - top: 16px; - right: 20px; } </style> diff --git a/src/views/CNAS/process/sampleDisposal/index.vue b/src/views/CNAS/process/sampleDisposal/index.vue index b3df7ab..6ad90f6 100644 --- a/src/views/CNAS/process/sampleDisposal/index.vue +++ b/src/views/CNAS/process/sampleDisposal/index.vue @@ -2,28 +2,24 @@ <div class="capacity-scope"> <el-tabs type="border-card" v-model="activeName" style="height: 100%;" @tab-click="queryParams.totaldealId = ''"> <el-tab-pane label="濉啓" name="濉啓" style="height: 100%;" :key="1"> - <el-button size="small" type="primary" @click="handleAdd0" style="margin-left: 20px;">鏂板</el-button> + <el-button size="small" type="primary" @click="handleAdd0" style="margin-bottom: 10px">鏂板</el-button> <div class="table" style="height: calc(100% - 200px)" v-if="activeName == '濉啓'"> <lims-table :tableData="tableData" :column="column" :tableLoading="tableLoading" - key="tableData" - :height="'calc(100vh - 290px)'" :page="page" @pagination="pagination"></lims-table> + key="tableData" :height="'calc(100vh - 290px)'" :page="page" @pagination="pagination"></lims-table> </div> </el-tab-pane> <el-tab-pane label="鍘嗗彶璁板綍" name="鍘嗗彶璁板綍" style="height: 100%;" :key="2"> - <div class="search"> - <div class="search_thing"> - <div class="search_label">骞存湀锛�</div> - <div class="search_input"> - <el-date-picker v-model="queryParams0.month" type="month" placeholder="閫夋嫨鏈�" format="yyyy-MM" - value-format="yyyy-MM" size="small" @change="refreshTable()"> - </el-date-picker> - </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> + <el-form :model="queryParams0" ref="queryParams0" size="small" :inline="true"> + <el-form-item label="骞存湀" prop="month"> + <el-date-picker v-model="queryParams0.month" type="month" placeholder="閫夋嫨鏈�" format="yyyy-MM" + value-format="yyyy-MM" size="small" @change="refreshTable()"> + </el-date-picker> + </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 class="table"> <lims-table :tableData="tableData0" :column="column0" :tableLoading="tableLoading" key="tableData0" @@ -486,19 +482,6 @@ </script> <style scoped> -.title { - height: 60px; - line-height: 60px; -} - -.search { - background-color: #fff; - height: 40px; - display: flex; - align-items: center; - position: relative; -} - .search_thing { width: 350px; display: flex; @@ -515,19 +498,8 @@ width: calc(100% - 110px); } -.table { - background-color: #fff; - height: calc(100% - 60px - 140px); - padding: 20px; -} - .downPdf { opacity: 0 !important; -} - -.tables { - table-layout: fixed; - width: 100%; } .tables td { @@ -537,23 +509,6 @@ font-size: 14px; word-wrap: break-word; white-space: normal; -} - -.en { - font-size: 12px; - word-break: break-word; - /* 鑷姩鏂 */ - overflow-wrap: break-word; - /* 闃叉婧㈠嚭 */ - white-space: normal; - /* 榛樿鎹㈣ */ -} - -.user-info { - display: flex; - align-items: center; - justify-content: space-evenly; - margin-top: 20px; } .user-info .el-button { diff --git a/src/views/CNAS/process/uncertainty/index.vue b/src/views/CNAS/process/uncertainty/index.vue index 4cb8d52..1583364 100644 --- a/src/views/CNAS/process/uncertainty/index.vue +++ b/src/views/CNAS/process/uncertainty/index.vue @@ -1,21 +1,23 @@ <template> - <div class="uncertainty-evaluation"> + <div class="capacity-scope"> <div class="search"> - <div class="search_thing"> - <div class="search_label">鎶ュ憡鍚嶇О锛�</div> - <div class="search_input"><el-input v-model="queryParams.reportName" clearable placeholder="璇疯緭鍏�" size="small" - @keyup.enter.native="refreshTable()"></el-input></div> + <div> + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true"> + <el-form-item label="鎶ュ憡鍚嶇О" prop="reportName"> + <el-input v-model="queryParams.reportName" clearable placeholder="璇疯緭鍏�" size="small" + @keyup.enter.native="refreshTable()"></el-input> + </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" 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="btn"> - <el-button :loading="outLoading" size="small" style="margin-right: 16px;margin-top: 3px;" type="primary" - @click="handleDown0">瀵煎嚭</el-button> + <div style="display: flex;align-items: center;"> + <el-button :loading="outLoading" size="small" type="primary" style="margin-right: 10px" @click="handleDown0">瀵煎嚭</el-button> <el-upload ref='upload' :action="action" :headers="uploadHeader" :on-change="beforeUpload" :on-error="onError" - :on-success="handleSuccessUp" :show-file-list="false" - accept='.jpg,.jpeg,.png,.gif,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.pdf,.zip,.rar'> + :on-success="handleSuccessUp" :show-file-list="false" + accept='.jpg,.jpeg,.png,.gif,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.pdf,.zip,.rar'> <el-button :loading="upLoading" size="small" type="primary">瀵煎叆</el-button></el-upload> </div> </div> @@ -252,17 +254,10 @@ </script> <style scoped> -.title { - height: 60px; - line-height: 60px; -} - .search { - background-color: #fff; - height: 80px; + height: 46px; display: flex; - align-items: center; - position: relative; + justify-content: space-between; } .search_thing { @@ -279,19 +274,5 @@ .search_input { width: calc(100% - 80px); -} - -.table { - background-color: #fff; - height: calc(100% - 60px - 80px - 10px - 40px); - padding: 20px; -} - -.btn { - position: absolute; - top: 16px; - right: 20px; - display: flex; - align-items: center; } </style> diff --git a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/Personnel-management.vue b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/Personnel-management.vue index faf3b3b..a2b3430 100644 --- a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/Personnel-management.vue +++ b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/Personnel-management.vue @@ -1,5 +1,5 @@ <template> - <div class="capacity-scope"> + <div> <div class="search"> <div> <el-form :model="searchForm" ref="searchForm" size="small" :inline="true"> diff --git a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions.vue b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions.vue index 38db4fc..f6603f9 100644 --- a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions.vue +++ b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions.vue @@ -1,7 +1,7 @@ <template> <el-row> <el-col :span="2"> - <el-menu style="height: 100vh;" @select="clickSelect" :default-active="activeName"> + <el-menu @select="clickSelect" :default-active="activeName"> <el-menu-item index="鐢垫簮绋冲畾鎬�"> <span slot="title">鐢垫簮绋冲畾鎬�</span> </el-menu-item> diff --git a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/illuminance-recording.vue b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/illuminance-recording.vue index 43f5c11..ce87d88 100644 --- a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/illuminance-recording.vue +++ b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/illuminance-recording.vue @@ -31,7 +31,7 @@ </el-table-column> </el-table> <el-pagination :current-page="1" :page-size="search.size" :page-sizes="[10, 20, 30, 50, 100]" :total="search.total" - layout="->,total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange" + layout="->,total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange" background @current-change="handleCurrentChange"> </el-pagination> <el-dialog :visible.sync="dialogVisible" title="鏂板" width="50%" @open="openDialog"> diff --git a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/lightning-protection-detection.vue b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/lightning-protection-detection.vue index 0940cf3..aecefa0 100644 --- a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/lightning-protection-detection.vue +++ b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/lightning-protection-detection.vue @@ -10,6 +10,7 @@ <el-table :data="tableData" height="calc(100vh - 18em)" + :header-cell-style="{ background: '#f8f8f9', color: '#515a6e' }" border style="width: 100%"> <el-table-column label="搴忓彿" type="index" width="120"> <template v-slot="scope"> @@ -46,7 +47,7 @@ </el-table> <el-pagination :current-page="1" :page-size="search.size" :page-sizes="[10, 20, 30, 50, 100]" :total="search.total" layout="->,total, sizes, prev, pager, next, jumper" - @size-change="handleSizeChange" + @size-change="handleSizeChange" background @current-change="handleCurrentChange"> </el-pagination> <el-dialog diff --git a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/temperature-humidity-record.vue b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/temperature-humidity-record.vue index 84aab15..2fc53ba 100644 --- a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/temperature-humidity-record.vue +++ b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/facilities-environmental-conditions/temperature-humidity-record.vue @@ -34,7 +34,7 @@ </template> </el-table-column> </el-table> - <el-pagination :current-page="1" :page-size="search.size" :page-sizes="[10, 20, 30, 50, 100]" + <el-pagination :current-page="1" :page-size="search.size" :page-sizes="[10, 20, 30, 50, 100]" background :total="search.total" layout="->,total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange" @current-change="handleCurrentChange"> </el-pagination> @@ -76,7 +76,7 @@ </template> </el-table-column> </el-table> - <el-pagination :current-page="1" :page-size="search1.size" :page-sizes="[10, 20, 30, 50, 100]" + <el-pagination :current-page="1" :page-size="search1.size" :page-sizes="[10, 20, 30, 50, 100]" background :total="search1.total" layout="->,total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange1" @current-change="handleCurrentChange1"> </el-pagination> diff --git a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/three-wastes-treatment.vue b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/three-wastes-treatment.vue index 095a61f..f2123c6 100644 --- a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/three-wastes-treatment.vue +++ b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/three-wastes-treatment.vue @@ -1,5 +1,5 @@ <template> - <div class="capacity-scope"> + <div> <div class="search"> <div> <el-form :model="searchForm" ref="searchForm" size="small" :inline="true"> diff --git a/src/views/CNAS/systemManagement/documentControl/components/ControlledFileApplication.vue b/src/views/CNAS/systemManagement/documentControl/components/ControlledFileApplication.vue index f642c37..4487da6 100644 --- a/src/views/CNAS/systemManagement/documentControl/components/ControlledFileApplication.vue +++ b/src/views/CNAS/systemManagement/documentControl/components/ControlledFileApplication.vue @@ -1,24 +1,22 @@ <template> <!-- 鏂囦欢鍙楁帶鐢宠 --> - <div class="controlled-file-application" 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.documentCode" - @keyup.enter.native="refreshTable()"></el-input></div> + <div> + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true"> + <el-form-item label="鐢宠鏂囦欢缂栧彿" prop="laboratoryName"> + <el-input size="small" placeholder="璇疯緭鍏�" clearable v-model="queryParams.documentCode" + @keyup.enter.native="refreshTable()"></el-input> + </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-input size="small" placeholder="璇疯緭鍏�" clearable - v-model="queryParams.createUserName" @keyup.enter.native="refreshTable()"></el-input></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;"> - <el-button size="small" type="primary" - @click="addDialogVisible = true, addInfo = {}, file = null">鏂囦欢鍙楁帶鐢宠</el-button> + <div> + <el-button size="small" type="primary" icon="el-icon-plus" + @click="addDialogVisible = true, addInfo = {}, file = null">鏂囦欢鍙楁帶鐢宠</el-button> </div> </div> <div class="table"> @@ -502,17 +500,10 @@ </script> <style scoped> -.title { - height: 60px; - line-height: 60px; -} - .search { - background-color: #fff; - height: 40px; + height: 46px; display: flex; - align-items: center; - position: relative; + justify-content: space-between; } .search_thing { @@ -530,19 +521,6 @@ .search_input { width: calc(100% - 110px); } - -.table { - background-color: #fff; - height: calc(100% - 60px - 80px); - padding: 20px; -} - -.btns { - position: absolute; - right: 20px; - top: 5px; -} - .stamp { cursor: pointer; border: #fff 1px solid; diff --git a/src/views/CNAS/systemManagement/documentControl/components/DistributionCollectionRecord.vue b/src/views/CNAS/systemManagement/documentControl/components/DistributionCollectionRecord.vue index 647782b..522e74a 100644 --- a/src/views/CNAS/systemManagement/documentControl/components/DistributionCollectionRecord.vue +++ b/src/views/CNAS/systemManagement/documentControl/components/DistributionCollectionRecord.vue @@ -1,24 +1,26 @@ <template> <!-- 鍙戞斁鍥炴敹璁板綍 --> - <div class="distribution-collection-record" style="height: 100%;"> + <div> <div class="search"> - <div class="search_thing"> - <div class="search_label">鏂囦欢缂栧彿锛�</div> - <div class="search_input"><el-input v-model="queryParams.documentCode" clearable placeholder="璇疯緭鍏�" size="small" - @keyup.enter.native="refreshTable()"></el-input></div> + <div> + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true"> + <el-form-item label="鏂囦欢缂栧彿" prop="documentCode"> + <el-input v-model="queryParams.documentCode" clearable placeholder="璇疯緭鍏�" size="small" + @keyup.enter.native="refreshTable()"></el-input> + </el-form-item> + <el-form-item label="鏂囦欢鍚嶇О" prop="laboratoryNumber"> + <el-input v-model="queryParams.name" clearable placeholder="璇疯緭鍏�" size="small" + @keyup.enter.native="refreshTable()"></el-input> + </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-input v-model="queryParams.name" clearable placeholder="璇疯緭鍏�" size="small" - @keyup.enter.native="refreshTable()"></el-input></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;"> - <el-button v-if="addPower" size="small" type="primary" - @click="addDialogVisible = true, addInfo = {}, radio = '鍙戞斁', file = null">娣诲姞鍙戞斁璁板綍</el-button> + <div> + <el-button v-if="addPower" size="small" type="primary" icon="el-icon-plus" + @click="addDialogVisible = true, addInfo = {}, radio = '鍙戞斁', file = null">娣诲姞鍙戞斁璁板綍</el-button> <el-button v-if="outPower" :loading="outLoading" size="small" type="primary" @click="handleOut">瀵煎嚭</el-button> </div> </div> @@ -521,17 +523,10 @@ </script> <style scoped> -.title { - height: 60px; - line-height: 60px; -} - .search { - background-color: #fff; - height: 40px; + height: 46px; display: flex; - align-items: center; - position: relative; + justify-content: space-between; } .search_thing { @@ -548,17 +543,5 @@ .search_input { width: calc(100% - 110px); -} - -.table { - background-color: #fff; - height: calc(100% - 60px - 80px); - padding: 20px; -} - -.btns { - position: absolute; - right: 20px; - top: 5px; } </style> diff --git a/src/views/CNAS/systemManagement/documentControl/components/FileChangeRequest.vue b/src/views/CNAS/systemManagement/documentControl/components/FileChangeRequest.vue index 3817ac1..b03f44c 100644 --- a/src/views/CNAS/systemManagement/documentControl/components/FileChangeRequest.vue +++ b/src/views/CNAS/systemManagement/documentControl/components/FileChangeRequest.vue @@ -1,19 +1,22 @@ <template> <!-- 鏂囦欢鍙樻洿鐢宠 --> - <div class="file-change-request"> + <div> <div class="search"> - <div class="search_thing"> - <div class="search_label">鐢宠鏂囦欢缂栧彿锛�</div> - <div class="search_input"><el-input v-model="queryParams.code" clearable placeholder="璇疯緭鍏�" size="small" - @keyup.enter.native="refreshTable()"></el-input></div> + <div> + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true"> + <el-form-item label="鐢宠鏂囦欢缂栧彿" prop="code"> + <el-input v-model="queryParams.code" clearable placeholder="璇疯緭鍏�" size="small" + @keyup.enter.native="refreshTable()"></el-input> + </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" 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"> - <el-button size="small" type="primary" - @click="addDialogVisible = true, addInfo = {}, currentFile = {}, title = '鏂囦欢鍙樻洿鐢宠', file = null">鏂囦欢鍙樻洿鐢宠</el-button> + <div> + <el-button size="small" type="primary" icon="el-icon-plus" + @click="addDialogVisible = true, addInfo = {}, currentFile = {}, title = '鏂囦欢鍙樻洿鐢宠', file = null">鏂囦欢鍙樻洿鐢宠</el-button> <el-button :loading="outLoading" size="small" type="primary" @click="handleOut">瀵煎嚭</el-button> </div> </div> @@ -592,21 +595,9 @@ </script> <style scoped> ->>> .el-dialog__body { - max-height: 75vh; - overflow-y: auto; -} .title { height: 60px; line-height: 60px; -} - -.search { - background-color: #fff; - height: 40px; - display: flex; - align-items: center; - position: relative; } .search_thing { @@ -625,16 +616,10 @@ width: calc(100% - 110px); } -.table { - background-color: #fff; - height: calc(100% - 60px - 80px); - padding: 20px; -} - -.btns { - position: absolute; - right: 20px; - top: 5px; +.search { + height: 46px; + display: flex; + justify-content: space-between; } h4.title { diff --git a/src/views/CNAS/systemManagement/documentControl/components/FileList.vue b/src/views/CNAS/systemManagement/documentControl/components/FileList.vue index 3720194..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> @@ -385,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> diff --git a/src/views/CNAS/systemManagement/documentControl/components/FileObsoletionRequest.vue b/src/views/CNAS/systemManagement/documentControl/components/FileObsoletionRequest.vue index 4ffb93a..9d93027 100644 --- a/src/views/CNAS/systemManagement/documentControl/components/FileObsoletionRequest.vue +++ b/src/views/CNAS/systemManagement/documentControl/components/FileObsoletionRequest.vue @@ -1,19 +1,22 @@ <template> <!-- 鏂囦欢浣滃簾鐢宠 --> - <div class="file-obsoletion-request" style="height: 100%;"> + <div> <div class="search"> - <div class="search_thing"> - <div class="search_label">鏂囦欢缂栧彿锛�</div> - <div class="search_input"><el-input v-model="queryParams.documentCode" clearable placeholder="璇疯緭鍏�" size="small" - @keyup.enter.native="refreshTable()"></el-input></div> + <div> + <el-form :model="queryParams" ref="queryForm" size="small" :inline="true"> + <el-form-item label="鏂囦欢缂栧彿" prop="documentCode"> + <el-input v-model="queryParams.documentCode" clearable placeholder="璇疯緭鍏�" size="small" + @keyup.enter.native="refreshTable()"></el-input> + </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" 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;"> - <el-button size="small" type="primary" - @click="addDialogVisible = true, addInfo = {}, file = null">鏂囦欢浣滃簾鐢宠</el-button> + <div> + <el-button size="small" type="primary" icon="el-icon-plus" + @click="addDialogVisible = true, addInfo = {}, file = null">鏂囦欢浣滃簾鐢宠</el-button> <el-button :loading="outLoading" size="small" type="primary" @click="handleOut">瀵煎嚭</el-button> </div> </div> @@ -72,17 +75,6 @@ </div> </div> </el-col> - <!-- <el-col :span="12" style="margin-bottom: 16px;"> - <div class="search_thing"> - <div class="search_label">浣滃簾鏂瑰紡锛�</div> - <div class="search_input"> - <el-select v-model="addInfo.method" size="small" style="width: 100%;"> - <el-option label="浣滃簾" value="浣滃簾"></el-option> - <el-option label="鏃犳晥" value="鏃犳晥"></el-option> - </el-select> - </div> - </div> - </el-col> --> <el-col :span="12" style="margin-bottom: 16px;"> <div class="search_thing"> <div class="search_label">鏈熸湜浣滃簾鏃堕棿锛�</div> @@ -417,17 +409,10 @@ </script> <style scoped> -.title { - height: 60px; - line-height: 60px; -} - .search { - background-color: #fff; - height: 40px; + height: 46px; display: flex; - align-items: center; - position: relative; + justify-content: space-between; } .search_thing { @@ -444,17 +429,5 @@ .search_input { width: calc(100% - 110px); -} - -.table { - background-color: #fff; - height: calc(100% - 60px - 80px); - padding: 20px; -} - -.btns { - position: absolute; - right: 20px; - top: 5px; } </style> diff --git a/src/views/CNAS/systemManagement/documentControl/index.vue b/src/views/CNAS/systemManagement/documentControl/index.vue index 749cfa5..8a926b4 100644 --- a/src/views/CNAS/systemManagement/documentControl/index.vue +++ b/src/views/CNAS/systemManagement/documentControl/index.vue @@ -1,5 +1,5 @@ <template> - <div class="file-handling"> + <div class="capacity-scope"> <el-tabs type="border-card" v-model="activeName" style="height: 100%;"> <el-tab-pane :label="item.name" :name="item.component" v-for="(item, index) in tabList" :key="index" style="height: 100%;"> @@ -55,14 +55,4 @@ </script> <style scoped> -.file-handling { - margin-top: 10px; - height: calc(100% - 20px); -} - ->>>.el-tabs__content { - height: 100%; - padding: 0; - padding-top: 10px; -} </style> -- Gitblit v1.9.3