设备台账点击设备列表中的统一编码可以打开详情弹窗并带入行记录

zhaowei

2025-07-10 9c3e38a41dd44416c9e95f86eda3edab6df7d0be

 src/views/eam/equipment/EamEquipmentLedger.vue

@@ -40,7 +40,8 @@
            <a-col :xl="6" :lg="7" :md="8" :sm="24">
              <a-form-item label="维修班组">
                <a-tree-select v-model="queryParam.repairDepartOrgCode" style="width: 100%"
                               :tree-data="repairDepartTreeData"
                               show-search :tree-data="repairDepartTreeData" treeNodeFilterProp="title"
                               :replaceFields="{key:'orgCode',value:'orgCode'}" searchPlaceholder="请输入关键字搜索"
                               :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="请选择维修班组"
                               allow-clear tree-default-expand-all>
                </a-tree-select>
@@ -91,21 +92,11 @@
        style="font-weight: 600">{{ selectedRowKeys.length }}</a>项
        <a style="margin-left: 24px" @click="onSelectChange([])">清空</a>
      </div>
      <a-table
        ref="table"
        size="middle"
        bordered
        rowKey="id"
        :columns="columns"
        :dataSource="dataSource"
        :pagination="ipagination"
        :loading="loading"
        :scroll="{ x: 'max-content' }"
        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
        @change="handleTableChange"
      >
      <a-table ref="table" size="middle" bordered rowKey="id" :columns="columns" :dataSource="dataSource"
               :pagination="ipagination" :loading="loading" :scroll="{ x: 'max-content' }"
               :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}" @change="handleTableChange">
        <!--统一编码-->
        <template slot="equipmentCode" slot-scope="text">
        <template slot="equipmentCode" slot-scope="text,record">
          <a href="#" @click="handleDetail(record)" style="display: inline-block;height: 100%">{{text}}</a>
        </template>

@@ -138,6 +129,7 @@
          <a @click.stop="handleEdit(record)">编辑</a>

          <a-divider type="vertical"/>

          <a-dropdown>
            <a class="ant-dropdown-link">更多 <a-icon type="down"/></a>
            <a-menu slot="overlay">
@@ -188,7 +180,8 @@
    <!--</a-tabs>-->

    <!-- 表单区域 -->
    <eamEquipment-modal ref="modalForm" @ok="modalFormOk" :productionTreeData="productionTreeData"/>
    <eamEquipment-modal ref="modalForm" @ok="modalFormOk" :productionTreeData="productionTreeData"
                        :repairDepartTreeData="repairDepartTreeData"/>
    <!--履历弹窗-->
    <resume-drawer ref="resumeDrawerRef" :currentTableRowRecord="currentTableRowRecord"/>
  </a-card>
@@ -296,7 +289,7 @@
          {
            title: '维修班组',
            align: 'center',
            dataIndex: 'repairDepartOrgCode'
            dataIndex: 'repairDepartOrgCode_dictText'
          },
          {
            title: '安全配置',
@@ -306,7 +299,7 @@
          {
            title: '冷却系统',
            align: 'center',
            dataIndex: 'coolSystem'
            dataIndex: 'coolSystem_dictText'
          },
          {
            title: '灭火器',
@@ -439,7 +432,7 @@
            dataIndex: 'nextThirdMaintenance'
          },
          {
            title: '三保周期',
            title: '三保周期（年）',
            align: 'center',
            dataIndex: 'thirdMaintenancePeriod'
          },
@@ -454,7 +447,7 @@
            dataIndex: 'nextTechnologyCheck'
          },
          {
            title: '技术鉴定周期',
            title: '技术鉴定周期（年）',
            align: 'center',
            dataIndex: 'technologyCheckPeriod'
          },
@@ -474,7 +467,8 @@
          exportXlsUrl: 'eam/equipment/exportXls',
          importExcelUrl: 'eam/equipment/importExcel',
          getProductionTreeList: '/eam/BaseFactory/queryTreeList',
          templateXlsDownloadUrl: '导入模板/设备台账导入模板_v1.1.xlsx'
          repairDepartTreeList: '/eam/eamBaseRepairDepart/queryTreeList',
          templateXlsDownloadUrl: '导入模板/设备台账导入模板.xls'
        },
        currentTableRowRecord: {},
        productionTreeData: [],
@@ -488,6 +482,7 @@
    },
    created() {
      this.getProductionTreeDataByApi()
      this.getRepairDepartTreeDataByApi()
    },
    methods: {
      // 获取使用部门树
@@ -505,12 +500,12 @@
          })
      },

      // 获取使用部门树
      getProductionTreeDataByApi() {
        getAction(this.url.getProductionTreeList)
      // 获取维修班组树
      getRepairDepartTreeDataByApi() {
        getAction(this.url.repairDepartTreeList)
          .then(res => {
            if (res.success) {
              this.productionTreeData = res.result
              this.repairDepartTreeData = res.result
            } else {
              this.$notification.warning({
                message: '消息',
@@ -537,7 +532,4 @@
      }
    }
  }
</script>
<style scoped>
  @import '~@assets/less/common.less';
</style>
</script>