xyc
2024-10-12 9ccfd089b6cac9f8ba0cb7cadfee01857a715f0d
web/src/views/modules/taskReliability/ModelRbd.vue
@@ -1,44 +1,51 @@
<template>
  <div>
    <el-row :gutter="20">
    <el-row :gutter="5">
      <el-col :span="5">
        <div class="fa-card-a">
          <product-model-tree @on-selected="onProductSelected"/>
        <div class="fa-card-a" style="margin-right: 5px;height: calc(100vh - 123px)">
          <product-model-tree ref="ProductModelTree" @on-selected="onProductSelected" @on-default="onDefault" showXdy="true" :isShow="false"/>
        </div>
      </el-col>
      <el-col :span="19">
        <div class="mod-taskReliability-modelRbd}">
        <div class="mod-taskReliability-modelRbd fa-card-a" style="margin-left: 5px;">
          <zt-table-wraper ref="tableObj" defaultNotQuery="true" query-url="/taskReliability/ModelRbd/page"
                           delete-url="/taskReliability/ModelRbd"
                           delete-url="/taskReliability/ModelRbd/"
                           :paging='false'
                           v-slot="{ table }">
            <el-form :inline="true" :model="dataForm" @keyup.enter.native="table.query()">
              <el-form-item>
                <zt-button type="query" @click="table.query()"/>
                <zt-button type="add" @click="add()"/>
                <zt-button type="delete" @click="table.deleteHandle()"/>
                <el-input v-model="dataForm.modelName" placeholder="请输入模型名称" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <el-input v-model="dataForm.modelTag" placeholder="请输入模型标识" clearable></el-input>
              </el-form-item>
              <el-form-item>
                <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" v-adaptive="{bottomOffset:70}"
                      border @selection-change="table.selectionChangeHandle">
            <el-table v-loading="table.dataLoading" :data="table.dataList" height="100px" v-adaptive="{bottomOffset:30}"
                      border @selection-change="table.selectionChangeHandle"
                      :header-cell-style="{'text-align':'center'}">
              <el-table-column type="selection" width="40" align="center"/>
              <el-table-column prop="modelName" label="模型名称"/>
              <el-table-column prop="modelTag" label="模型标识"/>
              <el-table-column prop="citedNum" label="被引用数"/>
              <el-table-column prop="modelState" label="模型状态"/>
              <el-table-column prop="modelDataState" label="模型数据状态"/>
              <el-table-column prop="quoteNum" label="被引用数" align="center"/>
              <el-table-column prop="modelState" label="模型状态" align="center"/>
        <!--      <el-table-column prop="modelDataState" label="模型数据状态" align="center"/>-->
              <el-table-column prop="remark" label="备注"/>
              <zt-table-column-handle :table="table" edit-perm="taskReliability:update"
                                      delete-perm="taskReliability::delete" :has-view="false">
              <zt-table-column-handle :table="table"
                                      delete-perm="taskReliability::delete" :has-view="false" width="180px">
                <template v-slot="{ row }">
                  <el-button type="primary" @click="drawRBD(row)">模型设计</el-button>
                  <zt-table-button  @click="drawRBD(row)">模型设计</zt-table-button>
                </template>
              </zt-table-column-handle>
            </el-table>
            <!-- 弹窗, 新增 / 修改 -->
            <add-or-update @refreshDataList="table.query" ref="AddOrUpdate"/>
            <el-dialog v-dialogDrag title="模型设计" top="1vh" width='95%' :visible.sync="dialogVisible2">
              <RBDEditImg ref="rbdEditImg"></RBDEditImg>
            <el-dialog v-dialogDrag :title="title" top="1vh" width='95%' :visible.sync="dialogVisible2" v-if="dialogVisible2">
              <RBDEditImg ref="rbdEditImg" @refreshDataList="table.query"></RBDEditImg>
            </el-dialog>
          </zt-table-wraper>
        </div>
@@ -56,14 +63,18 @@
    data() {
      return {
        dialogVisible2: false,
        title:'',
        dataForm: {
          modelName: '',
          modelState:'',
          productId: '',
          modelTag: '',
          shipId: '',
        }
      }
    },
    mounted() {
      this.$refs.ProductModelTree.getProductList()
    },
    components: {
      ProductModelTree,
@@ -72,18 +83,25 @@
    },
    methods: {
      add() {
        this.$refs.AddOrUpdate.$refs.dialog.init(null, this.dataForm.productId)
        this.$refs.AddOrUpdate.$refs.dialog.init(null, {productId:this.dataForm.productId,shipId:this.dataForm.shipId})
      },
      onProductSelected(data) {
        this.dataForm.productId = data.id
        this.dataForm.shipId = data.shipId
        console.log(data, 'onProductSelected(data)')
        this.$refs.tableObj.query()
      },
      onDefault(defaultId){
        this.dataForm.productId = defaultId
        this.$refs.tableObj.query()
      },
      drawRBD(row) {
        this.dialogVisible2 = true
        this.title=row.modelName + '模型设计'
        this.$nextTick(() => {
          this.$refs.rbdEditImg.init(row)
        })
        this.$refs.tableObj.query()
      }
    }
  }