修改

wente

2024-11-14 42427e414b48857c058040e37345536bcb389990

 web/src/views/modules/taskReliability/Task.vue

@@ -1,34 +1,46 @@
<template>
  <div class="mod-taskReliability-task}">
    <div>
      产品节点：
      <zt-select v-model="dataForm.productId" :datas="productList" @change="onProductSelected"/>
    <div style="margin: 10px 0">
      <zt-select v-model="dataForm.productId" placeholder="请选择产品节点" :datas="productList" @change="onProductSelected"/>
    </div>
    <zt-table-wraper ref="tableObj" query-url="/taskReliability/Task/page" defaultNotQuery="true"  :paging='false' delete-url="/taskReliability/Task/"
    <zt-table-wraper @dataLoaded="dataLoaded" ref="tableObj" query-url="/taskReliability/Task/page" defaultNotQuery="true" :paging='false'
                     delete-url="/taskReliability/Task/"
                     v-slot="{ table }">
      <el-form :inline="true" :model="dataForm" @keyup.enter.native="table.query()">
        <el-form-item>
          <zt-button type="add" @click="add()" />
          <zt-button type="delete" @click="table.deleteHandle()"/>
          <zt-button v-if="dataForm.productId" type="add" @click="add()"/>
          <zt-button v-if="dataForm.productId" type="delete" @click="table.deleteHandle()"/>
          <el-button v-if="dataForm.productId" type="primary" @click="openDialog()">二项分布参数</el-button>
          <el-button v-if="dataForm.productId" type="primary" @click="openDialog2()">不可修设备类型</el-button>
        </el-form-item>
      </el-form>
      <el-table v-loading="table.dataLoading" :data="table.dataList" height="100px" v-adaptive="{bottomOffset:70}"
      <el-table v-loading="table.dataLoading" :data="table.dataList" height="100px" v-adaptive="{bottomOffset:30}"
                border
                :row-class-name="tableRowClassName"
                @row-click="selectTask"
                border @selection-change="table.selectionChangeHandle">
                @selection-change="table.selectionChangeHandle">
        <el-table-column type="selection" width="40" align="center"/>
        <el-table-column prop="taskName" label="任务名称"/>
        <el-table-column prop="taskSort" label="任务顺序"/>
        <el-table-column prop="taskName" label="任务名称" align="center" />
        <!--<el-table-column prop="taskSort" label="任务顺序" align="center"/>-->
        <el-table-column prop="taskDuration" label="任务总时长" align="right" />
<!--        <el-table-column prop="taskStaus" label="状态" align="center" >-->

        </el-table-column>
        <zt-table-column-handle :table="table"
                                delete-perm="taskReliability::delete"/>
                                delete-perm="taskReliability::delete" width="100"/>
      </el-table>
      <!-- 弹窗, 新增 / 修改 -->
      <add-or-update @refreshDataList="table.query" ref="AddOrUpdate"/>
      <task-bino-param ref="taskBinoParam"></task-bino-param>
      <task-repair-param ref="taskRepairParam"></task-repair-param>
    </zt-table-wraper>
  </div>
</template>

<script>
  import AddOrUpdate from './Task-AddOrUpdate'
  import TaskBinoParam from "./TaskBinoParam";
  import TaskRepairParam from "./TaskRepairParam";

  export default {
    name: 'Task',
@@ -36,36 +48,81 @@
      return {
        productList: [],
        dataForm: {
          id: '',
          productId: ''
        }
        },
        currentId: '',
        isChange: ''
      }
    },
    components: {
      TaskRepairParam,
      TaskBinoParam,
      AddOrUpdate
    },
    mounted() {
      this.getTaskProductList()
    },
    methods: {
      init() {

      init(isChange) {
        this.isChange = isChange
      },
      add() {
        this.$refs.AddOrUpdate.$refs.dialog.init(null,{productId: this.dataForm.productId})
        this.$refs.AddOrUpdate.$refs.dialog.init(null, {productId: this.dataForm.productId})
      },
      selectTask(row){
        this.$emit('onTaskSelected',row)
      openDialog() {
        if (this.dataForm.id) {
          this.$refs.taskBinoParam.$refs.dialog.init(null, {taskId: this.dataForm.id})
        } else {
          this.$alert("请选择具体任务")
        }
      },
      openDialog2() {
        if (this.dataForm.id) {
          this.$refs.taskRepairParam.$refs.dialog.init(null, {taskId: this.dataForm.id})
        } else {
          this.$alert("请选择具体任务")
        }
      },
      selectTask(row) {
        this.dataForm.id = row.id
        this.$emit('onTaskSelected', row)
        console.log(this.isChange, 'isChange')
        if (this.isChange) {
        } else {
          this.currentId = row.id
        }
      },
      async getTaskProductList() {
        let res = await this.$http.get('/basicInfo/XhProductModel/getTaskProductList')
        this.productList = res.data
        console.log(this.productList, ' async getTaskProductList()')
        this.onProductSelected(this.productList[0])
      },
      onProductSelected(data){
      onProductSelected(data) {
        console.log(data, ' onProductSelected(data)')
        this.dataForm.productId = data.id
        this.$refs.tableObj.query()
      },
      dataLoaded(dataList) {
        this.selectTask(dataList[0])
      },
      tableRowClassName(
        {
          row,
          rowIndex
        }) {
        if (row.id === this.currentId) {
          return 'select-row';
        } else {
          return 'not-select-row';
        }
      }
    }
  }
</script>
<style>
  .el-table .select-row {
    background: rgba(23, 179, 163, 0.2) !important;
  }
</style>