| | |
| | | }, |
| | | rowStyle: { |
| | | type: Object || Function, |
| | | default: () => { }, |
| | | default: () => null, |
| | | }, |
| | | tableData: { |
| | | type: Array, |
| | |
| | | </div> |
| | | <limsTable :column="columns" :currentChange="rowClick" :height="'25vh'" :highlightCurrentRow="true" |
| | | :isSelection="false" :rowStyle="tableRowStyle" :table-data="tableData" rowKey="id" |
| | | style="margin-top: 18px;"> |
| | | @pagination="pagination" :page="page" style="margin-top: 18px;"> |
| | | <template v-slot:consumablesTypeSlot="{ row }"> |
| | | {{ findType(row.consumablesType) }} |
| | | </template> |
| | |
| | | <el-button size="small" style="color: #f56c6c" type="text" @click="handleDelete(scope.row)">删除</el-button> |
| | | </template> |
| | | </limsTable> |
| | | <div class="pagination"> |
| | | <div></div> |
| | | <el-pagination :page-size="pagination.pageSize" :page-sizes="[10, 20, 30, 40]" :total="pagination.total" |
| | | background |
| | | layout="total, sizes, prev, pager, next, jumper" @current-change="handleCurrent" @size-change="handleSize"> |
| | | </el-pagination> |
| | | </div> |
| | | <el-divider></el-divider> |
| | | <div> |
| | | <ConsumableProject ref="consumableProject"></ConsumableProject> |
| | |
| | | } |
| | | ], |
| | | tableData: [], |
| | | pagination: { |
| | | page: { |
| | | current: 1, |
| | | pageSize: 20, |
| | | size: 20, |
| | | total: 0 |
| | | }, |
| | | options: [], |
| | |
| | | }, |
| | | methods: { |
| | | async fetchData() { |
| | | procurementSuppliesList({ contentId: this.contentsId }).then(res => { |
| | | procurementSuppliesList({ contentId: this.contentsId, ...this.page }).then(res => { |
| | | if (res.code === 200) { |
| | | this.tableData = res.data.records |
| | | this.page.total = res.data.total |
| | | if (this.tableData.length > 0) { |
| | | this.rowClick(this.tableData[0]) |
| | | } |
| | |
| | | this.$download.saveAs(blob, '耗材列表.xlsx') |
| | | }) |
| | | }, |
| | | handleCurrent() { |
| | | }, |
| | | handleSize() { |
| | | pagination(page) { |
| | | this.page.size = page.limit |
| | | this.fetchData() |
| | | }, |
| | | handleDelete(row) { |
| | | deleteProcurementSuppliesList({ id: row.id }).then(res => { |
| | |
| | | <style scoped> |
| | | .flex { |
| | | text-align: right; |
| | | } |
| | | |
| | | .pagination { |
| | | padding-top: 15px; |
| | | padding-right: 10px; |
| | | display: flex; |
| | | justify-content: space-between |
| | | } |
| | | </style> |
| | |
| | | <el-button icon="el-icon-plus" size="small" type="primary" @click="showDialog"> |
| | | 添加项目 |
| | | </el-button> |
| | | <el-button icon="el-icon-upload2" size="small" @click="exportExcel"> |
| | | 导出 |
| | | </el-button> |
| | | <!-- <el-button icon="el-icon-upload2" size="small" @click="exportExcel">--> |
| | | <!-- 导出--> |
| | | <!-- </el-button>--> |
| | | </div> |
| | | <limsTable |
| | | :column="columns" |
| | | :height="'25vh'" |
| | | :isSelection="true" |
| | | :table-data="tableData" |
| | | @pagination="pagination" |
| | | :page="page" |
| | | style="margin-top: 18px;" |
| | | > |
| | | <template v-slot:operation="scope"> |
| | | <el-button size="small" type="text" @click="deleteData(scope.row)">删除</el-button> |
| | | </template> |
| | | </limsTable> |
| | | <div class="pagination"> |
| | | <div></div> |
| | | <el-pagination |
| | | background |
| | | :page-size="pagination.pageSize" |
| | | :page-sizes="[10, 20, 30, 40]" |
| | | :total="pagination.total" |
| | | layout="total, sizes, prev, pager, next, jumper" |
| | | @current-change="handleCurrent" |
| | | @size-change="handleSize" |
| | | > |
| | | </el-pagination> |
| | | </div> |
| | | <AddProject ref="AddProjectRef" @submit="fetchData"/> |
| | | </div> |
| | | </template> |
| | |
| | | } |
| | | ], |
| | | tableData: [], |
| | | pagination: { |
| | | page: { |
| | | current: 1, |
| | | pageSize: 20, |
| | | size: 20, |
| | | total: 0 |
| | | }, |
| | | listId: 0, |
| | |
| | | async fetchData() { |
| | | if (this.listId === 0) return |
| | | procurementSuppliesExpendlist({ |
| | | procurementSuppliesListId:this.listId |
| | | procurementSuppliesListId:this.listId, |
| | | ...this.page |
| | | }).then(res => { |
| | | if (res.code === 200) { |
| | | this.tableData = res.data |
| | | } |
| | | }) |
| | | }, |
| | | pagination (page) { |
| | | this.page.size = page.limit |
| | | this.fetchData() |
| | | }, |
| | | showDialog() { |
| | | this.$refs.AddProjectRef.openDialog(this.row); |
| | |
| | | this.fetchData() |
| | | } |
| | | }) |
| | | }, |
| | | handleCurrent() { |
| | | }, |
| | | handleSize() { |
| | | }, |
| | | exportExcel() { |
| | | } |
| | |
| | | margin-right: 20px; |
| | | margin-bottom: 20px; |
| | | "> |
| | | <el-button icon="el-icon-plus" size="small" type="primary" @click="addOrUpdateStore('add')">添加 |
| | | </el-button> |
| | | <el-button icon="el-icon-download" size="small" @click="importExcel"> |
| | | 导出excel |
| | | </el-button> |
| | | <el-button size="small" type="primary" @click="searchList">刷新</el-button> |
| | | <el-button icon="el-icon-plus" size="small" type="primary" @click="addOrUpdateStore('add')">添加</el-button> |
| | | <el-button icon="el-icon-download" size="small" @click="importExcel">导出excel</el-button> |
| | | </div> |
| | | <div class="table"> |
| | | <limsTable :column="tableColumn" :height="'calc(100vh - 20em)'" :table-data="storageTableData" |
| | |
| | | consumableOptions: [], |
| | | options: [], |
| | | storageTableData: [], |
| | | searchForm: { |
| | | orderBy: { |
| | | field: "id", |
| | | order: "desc", |
| | | }, |
| | | }, |
| | | saveLoading: false, |
| | | }; |
| | | }, |
| | |
| | | // 查询列表 |
| | | searchList() { |
| | | this.tableLoading = true |
| | | storeList({ ...this.page, ...this.searchForm }).then(res => { |
| | | storeList({ ...this.page}).then(res => { |
| | | this.tableLoading = false |
| | | if (res.code === 200) { |
| | | this.storageTableData = res.data.records |
| | |
| | | </el-tree> |
| | | </div> |
| | | <div class="purchase-right"> |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tabs v-model="activeName"> |
| | | <el-tab-pane label="耗材总览" name="first" :lazy="true"> |
| | | <ConsumableOverview v-if="activeName == 'first'" :contentsId="contentsId"></ConsumableOverview> |
| | | </el-tab-pane> |
| | |
| | | // 点击树节点 |
| | | handleNodeClick(data) { |
| | | this.contentsId = data.id; |
| | | }, |
| | | handleClick(tab, event) { |
| | | console.log(tab, event); |
| | | }, |
| | | }, |
| | | created() { |
| | |
| | | </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" |
| | | @current-change="handleCurrentChange"> |
| | | background layout="->,total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange" |
| | | @current-change="handleCurrentChange"> |
| | | </el-pagination> |
| | | <el-dialog :visible.sync="dialogVisible" title="新增" width="50%" @open="openDialog"> |
| | | <div style="height: 50vh; overflow-y: auto"> |
| | |
| | | <template> |
| | | <div class="main"> |
| | | <el-tabs v-model="activeName" :lazy="true" type="border-card"> |
| | | <el-tab-pane label="设施和环境条件要求" name="设施和环境条件要求"> |
| | | <FacilitiesEnvironmentalConditions v-if="activeName === '设施和环境条件要求'"/> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="三废处理" name="三废处理"> |
| | | <a6-three-wastes-treatment v-if="activeName === '三废处理'"></a6-three-wastes-treatment> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="进出人员管理" name="进出人员管理"> |
| | | <personnel-management v-if="activeName === '进出人员管理'"></personnel-management> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | </template> |
| | | <div class="capacity-scope"> |
| | | <el-tabs v-model="activeName" :lazy="true" type="border-card"> |
| | | <el-tab-pane label="设施和环境条件要求" name="设施和环境条件要求"> |
| | | <FacilitiesEnvironmentalConditions v-if="activeName === '设施和环境条件要求'"/> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="三废处理" name="三废处理"> |
| | | <a6-three-wastes-treatment v-if="activeName === '三废处理'"></a6-three-wastes-treatment> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="进出人员管理" name="进出人员管理"> |
| | | <personnel-management v-if="activeName === '进出人员管理'"></personnel-management> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import FacilitiesEnvironmentalConditions from "../facilitiesEnvironment/component/facilities-environmental-conditions.vue"; |
| | | import A6ThreeWastesTreatment from '../facilitiesEnvironment/component/three-wastes-treatment.vue'; |
| | | import PersonnelManagement from '../facilitiesEnvironment/component/Personnel-management.vue'; |
| | | |
| | | export default { |
| | | name: 'FacilitiesEnvironment', |
| | | components: { |
| | | A6ThreeWastesTreatment, |
| | | PersonnelManagement, |
| | | FacilitiesEnvironmentalConditions |
| | | }, |
| | | data() { |
| | | return { |
| | | activeName: '设施和环境条件要求', |
| | | } |
| | | <script> |
| | | import FacilitiesEnvironmentalConditions from "../facilitiesEnvironment/component/facilities-environmental-conditions.vue"; |
| | | import A6ThreeWastesTreatment from '../facilitiesEnvironment/component/three-wastes-treatment.vue'; |
| | | import PersonnelManagement from '../facilitiesEnvironment/component/Personnel-management.vue'; |
| | | export default { |
| | | name: 'FacilitiesEnvironment', |
| | | components: { |
| | | A6ThreeWastesTreatment, |
| | | PersonnelManagement, |
| | | FacilitiesEnvironmentalConditions |
| | | }, |
| | | data() { |
| | | return { |
| | | activeName: '设施和环境条件要求', |
| | | } |
| | | } |
| | | </script> |
| | | } |
| | | </script> |
| | | <style scoped> |
| | | .main { |
| | | width: 100%; |
| | | border-radius: 15px; |
| | | } |
| | | |
| | | <style scoped> |
| | | .main { |
| | | padding: 15px 0; |
| | | width: 100%; |
| | | border-radius: 15px; |
| | | } |
| | | v-deep .el-tabs--border-card>.el-tabs__content { |
| | | height: calc(100vh - 9em); |
| | | padding: 0; |
| | | } |
| | | </style> |
| | | </style> |
| | |
| | | }, |
| | | methods: { |
| | | getTableData() { |
| | | getPageAcceptance(this.form).then(res => { |
| | | getPageAcceptance({...this.form, ...this.page}).then(res => { |
| | | this.tableData = res.data.records; |
| | | this.page.total = res.data.total; |
| | | }) |
| | |
| | | }) |
| | | // 报检流程 |
| | | selectStandardTreeListByPartNo({partNo:this.customsInspection.partNo}).then(res => { |
| | | this.addObj.sample = res.data.label |
| | | this.codeLevel = res.data.code |
| | | this.$set(this.addObj, 'qtyArrived', this.customsInspection.qtyArrived) |
| | | this.$set(this.addObj, 'partNo', this.customsInspection.partNo) |
| | | this.$set(this.addObj, 'receiverDate', this.customsInspection.receiverDate) |
| | | this.$set(this.addObj, 'orderNo', this.customsInspection.orderNo) |
| | | this.$set(this.addObj, 'declareUser', this.customsInspection.declareUser) |
| | | this.$set(this.addObj, 'testQuantity', this.customsInspection.testQuantity) |
| | | this.$set(this.addObj, 'buyUnitMeas', this.customsInspection.buyUnitMeas) |
| | | this.$set(this.addObj, 'updateBatchNo', this.customsInspection.updateBatchNo) |
| | | this.$set(this.addObj, 'partDetail', this.customsInspection.partDesc) |
| | | if (this.orderType == 1) { |
| | | this.$set(this.addObj, 'orderType', 'Quarterly inspection') |
| | | if (res.data !== null) { |
| | | this.addObj.sample = res.data.label |
| | | this.codeLevel = res.data.code |
| | | this.$set(this.addObj, 'qtyArrived', this.customsInspection.qtyArrived) |
| | | this.$set(this.addObj, 'partNo', this.customsInspection.partNo) |
| | | this.$set(this.addObj, 'receiverDate', this.customsInspection.receiverDate) |
| | | this.$set(this.addObj, 'orderNo', this.customsInspection.orderNo) |
| | | this.$set(this.addObj, 'declareUser', this.customsInspection.declareUser) |
| | | this.$set(this.addObj, 'testQuantity', this.customsInspection.testQuantity) |
| | | this.$set(this.addObj, 'buyUnitMeas', this.customsInspection.buyUnitMeas) |
| | | this.$set(this.addObj, 'updateBatchNo', this.customsInspection.updateBatchNo) |
| | | this.$set(this.addObj, 'partDetail', this.customsInspection.partDesc) |
| | | if (this.orderType == 1) { |
| | | this.$set(this.addObj, 'orderType', 'Quarterly inspection') |
| | | } |
| | | const str = res.data.treeName.split('-') |
| | | this.selectTreeTem = str.join(' - ') |
| | | this.selectTree = str.join(' - ') |
| | | this.addListInfo(this.codeLevel, res.data) // 原材料样品是固定的,就默认赋值一条数据,可拆分 |
| | | this.selectInsOrderTemplate() // 原材料模板列表查询 |
| | | } else { |
| | | this.dialogVisible = true |
| | | this.dialogMessage = res.message |
| | | } |
| | | const str = res.data.treeName.split('-') |
| | | this.selectTreeTem = str.join(' - ') |
| | | this.selectTree = str.join(' - ') |
| | | this.addListInfo(this.codeLevel, res.data) // 原材料样品是固定的,就默认赋值一条数据,可拆分 |
| | | this.selectInsOrderTemplate() // 原材料模板列表查询 |
| | | }).catch(err => { |
| | | this.dialogVisible = true |
| | | this.dialogMessage = err.message |
| | | |
| | | }) |
| | | } |
| | | }, |