From 12e38a9c58fa02cc42104793609ac4e240bc6184 Mon Sep 17 00:00:00 2001 From: wente <329538422@qq.com> Date: 星期四, 07 十一月 2024 16:46:29 +0800 Subject: [PATCH] 工况管理 --- web/src/views/modules/taskReliability/OperatCondit.vue | 46 +++++++++++++++++++++++++++++++--------------- 1 files changed, 31 insertions(+), 15 deletions(-) diff --git a/web/src/views/modules/taskReliability/OperatCondit.vue b/web/src/views/modules/taskReliability/OperatCondit.vue index 9004898..e30ce91 100644 --- a/web/src/views/modules/taskReliability/OperatCondit.vue +++ b/web/src/views/modules/taskReliability/OperatCondit.vue @@ -1,7 +1,7 @@ <template> <div> - <el-row :gutter="16"> - <el-col :span="14"> + <el-row> + <el-col :span="collapseTransition"> <div class="mod-taskReliability-operatCondit}"> <div class="fa-card-a"> <div style="margin-top: 10px"> @@ -9,18 +9,18 @@ @change="onProductSelected"/> </div> <zt-table-wraper ref="tableObj" query-url="/taskReliability/OperatCondit/page" defaultNotQuery="true" - delete-url="/taskReliability/OperatCondit" + delete-url="/taskReliability/OperatCondit/" v-slot="{ table }" :paging='false'> <el-form :inline="true" :model="dataForm" @keyup.enter.native="table.query()"> <el-form-item> - <zt-button v-if="dataForm.productId" type="query" @click="table.query()"/> + <!--<zt-button v-if="dataForm.productId" type="query" @click="table.query()"/>--> <zt-button v-if="dataForm.productId" type="add" @click="add()"/> <zt-button v-if="dataForm.productId" type="delete" @click="table.deleteHandle()"/> </el-form-item> </el-form> <el-table v-loading="table.dataLoading" :data="table.dataList" height="100px" :row-class-name="tableRowClassName" - v-adaptive="{bottomOffset:70}" + v-adaptive="{bottomOffset:30}" border @row-click="selectOperatCondit" @selection-change="table.selectionChangeHandle"> <el-table-column type="selection" width="40" align="center"/> <el-table-column prop="name" label="宸ュ喌鍚嶇О"/> @@ -35,22 +35,30 @@ </div> </div> </el-col> - <el-col :span="10"> + <el-col :span="8"> <div class="fa-card-a"> - <opera-condit-model ref="model"/> + <opera-condit-model ref="model" @collapseTransitionChange="collapseTransitionChange"/> </div> </el-col> + <el-col :span="16 - collapseTransition"> + <div class="fa-card-a"> + <model-view ref="modelView" @closeWindow="closeWindow"></model-view> + </div> + </el-col> + </el-row> </div> </template> <script> import AddOrUpdate from './OperatCondit-AddOrUpdate' + import ModelView from "./ModelView"; import OperaConditModel from "./OperatConditModel"; export default { data() { return { + collapseTransition:16, productList: [], dataForm: { productId: '', @@ -64,9 +72,9 @@ }, components: { OperaConditModel, - AddOrUpdate + AddOrUpdate, + ModelView }, - methods: { add() { this.$refs.AddOrUpdate.$refs.dialog.init(null, {productId: this.dataForm.productId}) @@ -79,6 +87,7 @@ let res = await this.$http.get('/basicInfo/XhProductModel/getTaskProductList') this.productList = res.data console.log(this.productList, ' async getTaskProductList()') + this.onProductSelected(this.productList[0]) }, selectOperatCondit(row) { if (this.$refs.model.isChange) { @@ -93,16 +102,23 @@ } this.$refs.model.init(param) }, - tableRowClassName( - { - row, - rowIndex - }) { - if (row.id == this.currentId) { + tableRowClassName({row, rowIndex}) { + if (row.id === this.currentId) { return 'select-row'; } else { return 'not-select-row'; } + }, + collapseTransitionChange(param){ + console.log(param,'collapseTransition') + this.collapseTransition = param.collapseTransition + this.$nextTick(() => { + this.$refs.modelView.init(param) + }) + }, + closeWindow(collapseTransition){ + this.collapseTransition = collapseTransition + this.$refs.tableObj.query() } } } -- Gitblit v1.9.1