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

zhaowei

2025-07-10 9c3e38a41dd44416c9e95f86eda3edab6df7d0be

 src/views/eam/equipment/EamEquipmentLedger.vue

@@ -11,13 +11,13 @@
            </a-form-item>
          </a-col>
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <a-form-item label="设备编号">
              <a-input placeholder="请输入设备编号" v-model="queryParam.equipmentCode"></a-input>
            <a-form-item label="统一编码">
              <a-input placeholder="请输入统一编码模糊查询" v-model="queryParam.equipmentCode"></a-input>
            </a-form-item>
          </a-col>
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <a-form-item label="设备名称">
              <a-input placeholder="请输入设备名称" v-model="queryParam.equipmentName"></a-input>
              <a-input placeholder="请输入设备名称模糊查询" v-model="queryParam.equipmentName"></a-input>
            </a-form-item>
          </a-col>
          <template v-if="toggleSearchStatus">
@@ -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>

@@ -121,7 +112,12 @@

        <!--操作系统-->
        <template slot="operationSystem" slot-scope="text">
          <a-switch checked-children="是" un-checked-children="否" :checked="+text" disabled/>
          <a-switch checked-children="是" un-checked-children="否" :checked="Boolean(+text)" disabled/>
        </template>

        <!--操作系统-->
        <template slot="fireExtinguisher" slot-scope="text">
          <a-switch checked-children="是" un-checked-children="否" :checked="Boolean(+text)" disabled/>
        </template>

        <!--资产制造商-->
@@ -133,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">
@@ -183,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>
@@ -244,7 +242,6 @@
          {
            title: '统一编码',
            align: 'center',
            width: 100,
            dataIndex: 'equipmentCode',
            scopedSlots: { customRender: 'equipmentCode' },
            ellipsis: true,
@@ -267,56 +264,48 @@
          {
            title: '所属分类',
            align: 'center',
            width: 100,
            dataIndex: 'equipmentCategory_dictText'
          },
          {
            title: '保养状态',
            align: 'center',
            width: 100,
            dataIndex: 'maintenanceStatus_dictText'
          },
          {
            title: '维修状态',
            align: 'center',
            width: 100,
            dataIndex: 'repairStatus_dictText'
          },
          {
            title: '技术状态',
            align: 'center',
            width: 100,
            dataIndex: 'technologyStatus_dictText'
          },
          {
            title: 'ABC标识',
            align: 'center',
            width: 100,
            dataIndex: 'abcFlag'
          },
          {
            title: '维修班组',
            align: 'center',
            width: 100,
            dataIndex: 'repairDepartOrgCode'
            dataIndex: 'repairDepartOrgCode_dictText'
          },
          {
            title: '安全配置',
            align: 'center',
            width: 100,
            dataIndex: 'securityConfiguration'
          },
          {
            title: '冷却系统',
            align: 'center',
            width: 100,
            dataIndex: 'coolSystem'
            dataIndex: 'coolSystem_dictText'
          },
          {
            title: '灭火器',
            align: 'center',
            width: 100,
            dataIndex: 'fireExtinguisher'
            dataIndex: 'fireExtinguisher',
            scopedSlots: { customRender: 'fireExtinguisher' }
          },
          {
            title: '灭火器有效期',
@@ -332,37 +321,31 @@
          {
            title: '系统',
            align: 'center',
            width: 100,
            dataIndex: 'system'
          },
          {
            title: '设备端口',
            align: 'center',
            width: 100,
            dataIndex: 'equipmentPort'
          },
          {
            title: '坐标数量',
            align: 'center',
            width: 100,
            dataIndex: 'coordinateNum'
          },
          {
            title: '重量',
            align: 'center',
            width: 100,
            dataIndex: 'equipmentWeight'
          },
          {
            title: '重量计量单位',
            align: 'center',
            width: 150,
            dataIndex: 'weightUnit'
          },
          {
            title: '功能位置',
            align: 'center',
            width: 100,
            dataIndex: 'functionalLocation'
          },
          {
@@ -374,13 +357,11 @@
          {
            title: '出厂日期',
            align: 'center',
            width: 100,
            dataIndex: 'leaveFactoryDate'
          },
          {
            title: '立项卡号',
            align: 'center',
            width: 100,
            dataIndex: 'cardNumber'
          },
          {
@@ -391,7 +372,6 @@
          {
            title: '验收日期',
            align: 'center',
            width: 100,
            dataIndex: 'acceptanceCheckDate'
          },
          {
@@ -414,13 +394,11 @@
          {
            title: '型号',
            align: 'center',
            width: 100,
            dataIndex: 'equipmentModel'
          },
          {
            title: '设备规格',
            align: 'center',
            width: 100,
            dataIndex: 'equipmentSpecification'
          },
          {
@@ -454,7 +432,7 @@
            dataIndex: 'nextThirdMaintenance'
          },
          {
            title: '三保周期',
            title: '三保周期（年）',
            align: 'center',
            dataIndex: 'thirdMaintenancePeriod'
          },
@@ -469,7 +447,7 @@
            dataIndex: 'nextTechnologyCheck'
          },
          {
            title: '技术鉴定周期',
            title: '技术鉴定周期（年）',
            align: 'center',
            dataIndex: 'technologyCheckPeriod'
          },
@@ -489,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: [],
@@ -503,6 +482,7 @@
    },
    created() {
      this.getProductionTreeDataByApi()
      this.getRepairDepartTreeDataByApi()
    },
    methods: {
      // 获取使用部门树
@@ -520,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: '消息',
@@ -552,7 +532,4 @@
      }
    }
  }
</script>
<style scoped>
  @import '~@assets/less/common.less';
</style>
</script>