jinlin
2024-07-26 1b765e3dfdf8ab0d38e587a0a8beaee47a60e32c
web/src/views/modules/basicInfo/XhProductModel.vue
@@ -3,7 +3,8 @@
    <el-row :gutter="5">
      <el-col :span="5">
        <div class="fa-card-a" style="margin-right: 5px;height: calc(100vh - 123px)">
          <product-model-tree @on-selected="onProductSelected" showXdy="true" ref="ProductModelTree"/>
          <product-model-tree @on-selected="onProductSelected" @on-default="onDefault" showXdy="true"
                              ref="ProductModelTree"/>
        </div>
      </el-col>
      <el-col :span="19">
@@ -19,6 +20,8 @@
              <el-form-item>
                <zt-button v-if="productType && productType!=='10'" type="query" @click="table.query()"/>
                <zt-button v-if="productType && productType!=='10'" type="add" @click="add()"/>
                <zt-button v-if="productType==='1'" size="small" type="primary" @click="exportProduct()">导出模板
                </zt-button>
                <zt-button v-if="productType==='3'" type="primary" @click="addCell()">新增虚单元</zt-button>
                <zt-button v-if="productType && productType!=='10'" type="delete" @click="table.deleteHandle()"/>
              </el-form-item>
@@ -27,7 +30,8 @@
                      row-key="id"
                      @selection-change="table.selectionChangeHandle"
                      :header-cell-style="{'text-align':'center'}">
              <el-table-column prop="name" label="名称" />
              <el-table-column prop="name" label="名称"/>
              <el-table-column v-if="productType==='3'|| productType==='4'" prop="equipType" label="设备类型"/>
              <zt-table-column-dict prop="productType" label="节点类型" dict="product"/>
              <el-table-column prop="operatImg" label="运行图片" align="center">
                <template v-slot="{ row }">
@@ -44,9 +48,9 @@
              </zt-table-column-handle>
            </el-table>
            <!-- 弹窗, 新增 / 修改 -->
            <add-or-update @refreshDataList="refreshData" ref="AddOrUpdate"/>
            <select-ty-model @refreshDataList="refreshData" ref="SelectTyModel"/>
            <product-import @refreshDataList="refreshData" ref="ProductImport" />
            <add-or-update @refreshDataList="refreshData('product')" ref="AddOrUpdate"/>
            <select-ty-model @refreshDataList="refreshData('tree')" ref="SelectTyModel"/>
            <product-import @refreshDataList="refreshData('import')" ref="ProductImport"/>
          </zt-table-wraper>
        </div>
      </el-col>
@@ -99,24 +103,39 @@
          return 'text-align: left !important;'
        }
      },
      refreshData() {
        this.$refs.tableObj.query()
        this.$refs.ProductModelTree.getProductList()
      refreshData(param) {
        if (param==='import'){
          this.$refs.tableObj.query()
          this.$refs.ProductModelTree.getProductList()
        }else if(param==='tree'){
          this.$refs.ProductModelTree.getProductList()
        } else{
          this.$refs.tableObj.query()
        }
      },
      onProductSelected(data) {
        console.log(data,'onProductSelected')
        console.log(data, 'onProductSelected')
        this.dataForm.pid = data.id
        this.dataForm.type = data.productType
        this.productType = data.productType
        if (data.productType !== '10') {
          this.$refs.tableObj.query()
        }
        console.log(data.productType,' data.productType')
        console.log(this.productType,' data.productType')
        console.log(data.productType, ' data.productType')
        console.log(this.productType, ' data.productType')
      },
      importData(row) {
        this.$refs.ProductImport.$refs.dialog.init(row)
      }
      },
      exportProduct() {
        window.location.href = './产品结构树导入模板.xlsx'
      },
      onDefault(defaultId) {
        this.dataForm.pid = defaultId
        this.dataForm.type = 2
        this.productType = 2
        this.$refs.tableObj.query()
      },
    }
  }
</script>