From b1b2413cbfe55a74bba6499b57fb6fbff5f24d60 Mon Sep 17 00:00:00 2001 From: chenrui <1187576398@qq.com> Date: 星期二, 25 二月 2025 16:15:36 +0800 Subject: [PATCH] 设施和环境条件代码迁移 --- src/views/CNAS/resourceDemand/facilitiesEnvironment/component/Personnel-management.vue | 156 +++++++++++++++++++--------------------------------- 1 files changed, 57 insertions(+), 99 deletions(-) diff --git a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/Personnel-management.vue b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/Personnel-management.vue index b15fbc2..3c32a22 100644 --- a/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/Personnel-management.vue +++ b/src/views/CNAS/resourceDemand/facilitiesEnvironment/component/Personnel-management.vue @@ -1,52 +1,52 @@ <template> - <div> - <div class="search-background"> - <span class="search-group"> - <span style="width: 160px">鏃ユ湡锛�</span> - <el-date-picker v-model="searchForm.registerDate" - clearable - format="yyyy-MM-dd" - placeholder="閫夋嫨鏃ユ湡" - size="small" - style="width: 100%" - type="date" - value-format="yyyy-MM-dd"> + <div class="capacity-scope"> + <div class="search"> + <div> + <el-form :model="searchForm" ref="searchForm" size="small" :inline="true"> + <el-form-item label="鏃ユ湡" prop="registerDate"> + <el-date-picker v-model="searchForm.registerDate" + clearable + format="yyyy-MM-dd" + placeholder="閫夋嫨鏃ユ湡" + size="small" + style="width: 100%" + type="date" + value-format="yyyy-MM-dd"> </el-date-picker> - <el-button size="medium" style="margin-left: 10px" @click="resetSearchForm">閲� 缃�</el-button> - <el-button size="medium" type="primary" @click="searchList">鏌� 璇�</el-button> - </span> - <span class="search-group"> + </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> <el-button size="medium" @click="handleDown">瀵� 鍑�</el-button> <el-button size="medium" type="primary" @click="openFormDia('add')">鏂� 澧�</el-button> - </span> + </div> </div> <div class="table"> - <ZTTable - :column="tableColumn" - :height="'calc(100vh - 20em)'" - :table-data="tableData" - :table-loading="tableLoading" - style="padding: 0 10px;margin-bottom: 16px"> - </ZTTable> - <el-pagination :current-page="1" :page-size="page.size" :page-sizes="[10, 20, 30, 50, 100]" - :total="total" layout="->,total, sizes, prev, pager, next, jumper" - @size-change="handleSizeChange" - @current-change="handleCurrentChange"> - </el-pagination> + <lims-table :tableData="tableData" :column="tableColumn" :height="'calc(100vh - 250px)'" @pagination="pagination" + :page="page" :tableLoading="tableLoading"></lims-table> </div> <personnel-management-dia v-if="threeWastesDia" ref="threeWastesDia" @closeThreeWastesDia="closeThreeWastesDia"></personnel-management-dia> </div> </template> <script> -// import ZTTable from '../../caorui/ZTTable/index.vue'; -// import PersonnelManagementDia from './Personnel-management-dia.vue'; import PersonnelManagementDia from '../component/Personnel-management-dia.vue'; +import limsTable from '@/components/Table/lims-table.vue' + +import { + pageForeignRegister, + delForeignRegister, + exportForeignRegister +} from '@/api/cnas/resourceDemand/foreignRegister/foreignRegister' export default { name: 'Personnel-management', // import 寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢� - components: { PersonnelManagementDia}, + components: { limsTable, PersonnelManagementDia}, data() { // 杩欓噷瀛樻斁鏁版嵁 return { @@ -121,8 +121,9 @@ tableData: [], tableLoading: false, page: { - size: 20, - current: 1, + total: 0, + size: 10, + current: 1 }, total: 0, threeWastesDia: false @@ -135,19 +136,17 @@ methods: { // 鏌ヨ鍒楄〃 searchList () { - const entity = this.searchForm - const page = this.page this.tableLoading = true - this.$axios.post(this.$api.foreignRegister.pageForeignRegister, {entity, page}, { - headers: { - "Content-Type": "application/json" - }, - noQs: true + pageForeignRegister({ + ...this.page, + ...this.searchForm }).then(res => { this.tableLoading = false - if (res.code === 201) return - this.tableData = res.data.records - this.total = res.data.total + if (res.code === 200){ + this.tableData = res.data.records + this.page.total = res.data.total + } + }).catch(err => { console.log('err---', err); this.tableLoading = false @@ -161,11 +160,12 @@ type: 'warning' }).then(() => { this.tableLoading = true - this.$axios.get(this.$api.foreignRegister.delForeignRegister + '?registerId=' + row.registerId).then(res => { + delForeignRegister({registerId:row.registerId}).then(res =>{ this.tableLoading = false - if (res.code === 201) return - this.$message.success('鍒犻櫎鎴愬姛') - this.searchList() + if (res.code === 200){ + this.$message.success('鍒犻櫎鎴愬姛') + this.searchList() + } }).catch(err => { this.tableLoading = false console.log('err---', err); @@ -185,42 +185,11 @@ }) }, // 瀵煎嚭 - handleDown (row) { - const entity = this.searchForm - this.$axios.post(this.$api.foreignRegister.exportForeignRegister,{entity},{ - responseType: "blob", - headers: { - "Content-Type": "application/json" - }, - noQs: true}).then(res => { - this.outLoading = false + handleDown () { + exportForeignRegister(this.searchForm).then(res => { const blob = new Blob([res],{ type: 'application/msword' }); - //灏咮lob 瀵硅薄杞崲鎴愬瓧绗︿覆 - let reader = new FileReader(); - reader.readAsText(blob, 'utf-8'); - reader.onload = () => { - try { - let result = JSON.parse(reader.result); - if (result.message) { - this.$message.error(result.message); - } else { - const url = URL.createObjectURL(blob); - const link = document.createElement('a'); - link.href = url; - link.download = '澶栨潵浜哄憳鐧昏' + '.docx'; - link.click(); - this.$message.success('瀵煎嚭鎴愬姛') - } - } catch (err) { - console.log(err); - const url = URL.createObjectURL(blob); - const link = document.createElement('a'); - link.href = url; - link.download = '澶栨潵浜哄憳鐧昏' + '.docx'; - link.click(); - this.$message.success('瀵煎嚭鎴愬姛') - } - } + this.$download.saveAs(blob, '澶栨潵浜哄憳鐧昏.docx') + this.$message.success('瀵煎嚭鎴愬姛') }) }, closeThreeWastesDia () { @@ -232,13 +201,9 @@ this.searchForm.registerDate = ''; this.searchList() }, - // 鍒嗛〉 - handleSizeChange(val) { - this.page.size = val; - this.searchList(); - }, - handleCurrentChange(val) { - this.page.current = val; + // 鍒嗛〉鍒囨崲 + pagination(page) { + this.page.size = page.limit this.searchList(); }, } @@ -246,16 +211,9 @@ </script> <style scoped> -.search-background { - width: 100%; - height: 60px; - line-height: 60px; +.search { + height: 46px; display: flex; justify-content: space-between; -} -.search-group { - display: flex; - align-items: center; - margin: 0 20px; } </style> -- Gitblit v1.9.3