| | |
| | | <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"> |
| | |
| | | </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="工况名称"/> |
| | |
| | | </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: '', |
| | |
| | | }, |
| | | components: { |
| | | OperaConditModel, |
| | | AddOrUpdate |
| | | AddOrUpdate, |
| | | ModelView |
| | | }, |
| | | methods: { |
| | | add() { |
| | |
| | | } 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() |
| | | } |
| | | } |
| | | } |