新增可忽略的维修时间

xyc

2025-02-21 664db98c9e8595ce4dd636a27f480e3a08b81ff5

 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,23 +9,23 @@
                         @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"
                        :highlight-current-row="isSelect"
                        v-adaptive="{bottomOffset:70}"
                        :row-class-name="tableRowClassName"
                        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="工况名称"/>
                <el-table-column prop="remark" label="备注"
                /
                />
                <zt-table-column-handle :table="table"
                                        delete-perm="taskReliability::delete"/>
              </el-table>
@@ -37,25 +37,34 @@
      </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: '',
        },
        isSelect: false,
        currentId: ''
      }
    },
    mounted() {
@@ -63,9 +72,9 @@
    },
    components: {
      OperaConditModel,
      AddOrUpdate
      AddOrUpdate,
      ModelView
    },

    methods: {
      add() {
        this.$refs.AddOrUpdate.$refs.dialog.init(null, {productId: this.dataForm.productId})
@@ -78,8 +87,14 @@
        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) {
          this.$alert("有未保存的工况模型")
          return;
        }
        this.currentId = row.id
        this.$emit('selectOperatCondit', row)
        let param = {
          row: row,
@@ -87,6 +102,29 @@
        }
        this.$refs.model.init(param)
      },
      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()
      }
    }
  }
</script>
<style>
  .el-table .select-row {
    background: rgba(23, 179, 163, 0.2) !important;
  }
</style>