svgEditor

wente

2024-06-13 0f96b0f3f0b21c0ef6e4097dfceeb28f9215e327

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

@@ -1,39 +1,46 @@
<template>
  <div>
    <el-row :gutter="5">
      <el-col :span="6">
      <el-col :span="7">
        <div class="fa-card-a" style="margin-right: 5px;">
          <task @onTaskSelected="onTaskSelected"/>
          <task @onTaskSelected="onTaskSelected" ref="task"/>
        </div>
      </el-col>
      <el-col :span="11">
        <div class="mod-taskReliability-taskPhase fa-card-a" style="margin-left: 5px;margin-right: 5px;">
          <zt-table-wraper ref="tableObj" defaultNotQuery="true" query-url="/taskReliability/TaskPhase/page"
                           delete-url="/taskReliability/TaskPhase/"
                           @dataLoaded="dataLoaded"
                           :paging='false' 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.taskId" type="add" @click="add()"/>
                <zt-button v-if="dataForm.taskId" type="delete" @click="table.deleteHandle()"/>
              </el-form-item>
            </el-form>
            <el-table v-loading="table.dataLoading" :data="table.dataList" height="100px" v-adaptive="{bottomOffset:30}"
                       @row-click="selectPhase" @selection-change="table.selectionChangeHandle">

                      @row-click="selectPhase" @selection-change="table.selectionChangeHandle">
              <el-table-column type="selection" width="40" align="center"/>
              <el-table-column prop="phaseName" label="任务阶段名称"/>
              <el-table-column prop="phaseDuration" label="阶段时长"/>
              <el-table-column prop="phaseSpeed" label="阶段时速"/>
              <el-table-column prop="phaseSort" label="阶段顺序"/>
              <zt-table-column-handle :table="table"
                                      delete-perm="taskReliability::delete"/>
              <el-table-column prop="phaseName" label="阶段名称" align="center"/>
              <el-table-column prop="phaseDurationRate" label="阶段时长比" align="right"/>
            <!--  <el-table-column prop="phaseSpeed" label="阶段时速" align="right"/>-->
              <!--<el-table-column prop="phaseSort" label="阶段顺序" align="center"/>-->
              <!--<el-table-column prop="operatConditDuration" label="工况时长分配" align="center"/>-->
              <zt-table-column-handle :table="table" edit-perm="testReviewComment:update"
                                      delete-perm="taskReliability::delete">
                <template v-slot="{row}">
                  <zt-table-button type="primary"  @click="openEditWin(row)">修改</zt-table-button>
                </template>
              </zt-table-column-handle>
            </el-table>
            <!-- 弹窗, 新增 / 修改 -->
            <add-or-update @refreshDataList="table.query" ref="AddOrUpdate"/>
            <add-or-update @refreshDataList="refreshData" ref="AddOrUpdate"/>
          </zt-table-wraper>
        </div>
      </el-col>
      <el-col :span="7">
          <task-phase-model ref="model"/>
      <el-col :span="6">
        <task-phase-model @getList="refreshData" ref="model"/>
      </el-col>
    </el-row>
  </div>
@@ -48,9 +55,12 @@
    data() {
      return {
        dataForm: {
          id:'',
          taskId: '',
          productId: ''
        }
        },
        dataList: [],
        time: null
      }
    },
    components: {
@@ -59,10 +69,32 @@
      AddOrUpdate
    },
    methods: {
      refreshData(){
        this.$refs.tableObj.query()
        this.$refs.task.$refs.tableObj.query()
      },
      dataLoaded(data) {
        this.time = null
        this.dataList = data
        for (let i = 0; i < this.dataList.length; i++) {
          this.time = this.time + Number(this.dataList[i].phaseDurationRate)
        }
        console.log(this.time)
      },
      add() {
        console.log(this.time)
        this.$refs.AddOrUpdate.$refs.dialog.init(null, {
          taskId: this.dataForm.taskId,
          productId: this.dataForm.productId
          productId: this.dataForm.productId,
          time: this.time
        })
      },
      openEditWin(row){
        console.log(row)
        this.$refs.AddOrUpdate.$refs.dialog.init(row.id, {
          taskId: this.dataForm.taskId,
          productId: this.dataForm.productId,
          time: this.time
        })
      },
      onTaskSelected(row) {