From 18f682f736914e427070b9bb769df538ad9f6d1c Mon Sep 17 00:00:00 2001 From: jinlin <jinlin> Date: 星期一, 02 十二月 2024 08:42:38 +0800 Subject: [PATCH] 修改 --- web/src/views/modules/taskReliability/OperatCondit.vue | 32 ++++++++++++++++++++++++++------ 1 files changed, 26 insertions(+), 6 deletions(-) diff --git a/web/src/views/modules/taskReliability/OperatCondit.vue b/web/src/views/modules/taskReliability/OperatCondit.vue index e0f9934..f5ed568 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"> @@ -13,14 +13,14 @@ 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="宸ュ喌鍚嶇О"/> @@ -37,20 +37,28 @@ </el-col> <el-col :span="10"> <div class="fa-card-a"> - <opera-condit-model ref="model"/> + <opera-condit-model ref="model" @collapseTransitionChange="collapseTransitionChange"/> </div> </el-col> + <el-col :span="14 - 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:14, productList: [], dataForm: { productId: '', @@ -64,7 +72,8 @@ }, components: { OperaConditModel, - AddOrUpdate + AddOrUpdate, + ModelView }, methods: { add() { @@ -99,6 +108,17 @@ } 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