前端修改

qushaowei

2025-05-30 25fee48ceca7a54bc6008eb2e2fb6d8ea801a50e

 src/views/eam/RepairOrderList.vue

@@ -1,6 +1,6 @@
<template>
  <a-card
    title="维修工单"
    title=""
    :bordered="false"
  >
    <div class="table-page-search-wrapper">
@@ -8,6 +8,25 @@
        layout="inline"
        @keyup.enter.native="searchQuery"
      >
        <a-row
          :gutter="24"
          style="margin-bottom: 1%;"
        >
          <a-col
            :xl="24"
            :lg="7"
            :md="8"
            :sm="24"
          >
            <a-form-item label="统一编号群">
              <a-textarea
                placeholder="请输入所有统一编码,须用空格隔开,否则可能查询出错误信息"
                v-model="queryParam.nums"
                :auto-size="{ minRows: 2, maxRows:2 }"
              ></a-textarea>
            </a-form-item>
          </a-col>
        </a-row>
        <a-row :gutter="24">
          <a-col
            :xl="6"
@@ -20,7 +39,7 @@
                allow-clear
                placeholder="请选择工单状态"
                :triggerChange="true"
                dictCode="repair_order_status"
                dictCode="true_repair_status"
                v-model="queryParam.status"
              />
            </a-form-item>
@@ -44,14 +63,14 @@
            :md="8"
            :sm="24"
          >
            <a-form-item label="设备编码">
            <a-form-item label="统一编码">
              <a-input
                placeholder="请输入设备编码"
                placeholder="请输入统一编码"
                v-model="queryParam.equipmentNum"
              ></a-input>
            </a-form-item>
          </a-col>
          <a-col :span="3">
          <!-- <a-col :span="3">
            <span
              style="float: left;overflow: hidden;"
              class="table-page-search-submitButtons"
@@ -64,32 +83,29 @@
                <a-icon :type="toggleSearchStatus ? 'up' : 'down'" />
              </a>
            </span>
          </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-form-item>
          </a-col>
        </a-row>

        <template v-if="toggleSearchStatus">
          <a-row :gutter="24">
            <a-col
              :xl="6"
              :lg="7"
              :md="8"
              :sm="24"
            >
              <a-form-item label="设备名称">
                <a-input
                  placeholder="请输入设备名称"
                  v-model="queryParam.equipmentName"
                ></a-input>
              </a-form-item>
            </a-col>
            <a-col 
        <a-row :gutter="24">
          <a-col
            :xl="6"
              :lg="7"
              :md="8"
              :sm="24">
            <a-form-item
            label="设备所属分类" 
            >
            :lg="7"
            :md="8"
            :sm="24"
          >
            <a-form-item label="设备所属分类">
              <j-dict-select-tag
                dictCode="mom_eam_equipment_category,name,id"
                placeholder="请输入搜索条件并选择"
@@ -97,33 +113,29 @@
              />
            </a-form-item>
          </a-col>
          <a-col 
          :xl="6"
          <a-col
            :xl="6"
            :lg="7"
              :md="8"
              :sm="24"
            :md="8"
            :sm="24"
          >
            <a-form-item
              label="工区"
            >
            <a-form-item label="工区">
              <j-dict-select-tag
                allow-clear
                placeholder="请选择资工区"
                :triggerChange="true"
                dictCode="mom_base_factory_model,name,id,del_flag!='1'"
                dictCode="mom_base_area,name,id,del_flag!='1'"
                v-model="queryParam.factoryModelId"
              />
            </a-form-item>
          </a-col>
          <a-col
          :xl="6"
            :xl="6"
            :lg="7"
              :md="8"
              :sm="24"
            :md="8"
            :sm="24"
          >
            <a-form-item
              label="是否关键设备"
            >
            <a-form-item label="是否关键设备">
              <j-dict-select-tag
                allow-clear
                placeholder="请选择是否关键设备"
@@ -133,41 +145,101 @@
              />
            </a-form-item>
          </a-col>
          </a-row>
          <!-- <a-row :gutter="24">
            <a-col 
          <a-col
            :xl="6"
            :lg="7"
              :md="8"
              :sm="24">
            <a-form-item
              label="工区"
            >
            :md="8"
            :sm="24"
          >
            <a-form-item label="维修状态">
              <j-dict-select-tag
                allow-clear
                placeholder="请选择工区"
                placeholder="请选择维修状态"
                :triggerChange="true"
                dictCode="mom_base_area,name,id,del_flag!='1'"
                v-model="queryParam.factoryModelId"
                dictCode="repair_status"
                v-model="queryParam.repairOrderUda1"
              />
            </a-form-item>
          </a-col>
          </a-row> -->
        </template>
        </a-row>
        <a-row :gutter="24">
          <a-col
            :xl="6"
            :lg="7"
            :md="8"
            :sm="24"
          >
            <a-form-item label="ABC标识">
              <j-dict-select-tag
                allow-clear
                placeholder="请选择ABC标识"
                :triggerChange="true"
                dictCode="ABC-standard-result"
                v-model="queryParam.equipmentImportanceId"
              />
            </a-form-item>
          </a-col>
          <a-col
            :xl="6"
            :lg="7"
            :md="8"
            :sm="24"
          >
            <a-form-item label="故障原因">
              <j-dict-select-tag
                allow-clear
                placeholder="请选择故障原因"
                :triggerChange="true"
                dictCode="repair_order_fault_cause"
                v-model="queryParam.faultCause"
              />
            </a-form-item>
          </a-col>
          <a-col
            :xl="6"
            :lg="7"
            :md="8"
            :sm="24"
          >
            <a-form-item label="报修时间">
              <a-range-picker
                style="width: 100%;"
                format="YYYY-MM-DD HH:mm:ss"
                v-model="faultTime"
                @change="timeChange"
              />
            </a-form-item>
          </a-col>
          <a-col
            :xl="6"
            :lg="7"
            :md="8"
            :sm="24"
          >
            <a-form-item label="创建时间">
              <a-range-picker
                style="width: 100%;"
                format="YYYY-MM-DD HH:mm:ss"
                v-model="createTimes"
                @change="timeChangeCreate"
              />
            </a-form-item>
          </a-col>
        </a-row>
      </a-form>
    </div>
    <!-- 操作按钮区域 -->
    <div class="table-operator">
      <a-dropdown>
      <!-- <a-dropdown>
        <a-menu slot="overlay">
          <a-menu-item
            key="1"
            @click="handleAddPre(1)"
          ><a-icon type="smile" />自建</a-menu-item>
          <!-- <a-menu-item
          <a-menu-item
            key="2"
            @click="handleAddPre(2)"
          ><a-icon type="copy" />参照故障报修单</a-menu-item> -->
          ><a-icon type="copy" />参照故障报修单</a-menu-item>
          <a-menu-item
            key="2"
            @click="handleAddPre(3)"
@@ -177,7 +249,7 @@
          type="primary"
          icon="plus"
        >新增</a-button>
      </a-dropdown>
      </a-dropdown> -->

      <a-button
        type="primary"
@@ -190,6 +262,11 @@
        icon="reload"
      >重置</a-button>
      <a-button
        type="primary"
        icon="download"
        @click="handleExportXls('维修履历')"
      >导出</a-button>
      <a-button
        hidden
        type="primary"
        icon="plus"
@@ -197,9 +274,10 @@
        :disabled="selectionRows.length==0"
      >派工</a-button>
      <a-button
          type="primary"
          icon="plus"
          @click="getReports"
        type="primary"
        icon="plus"
        @click="getReports"
        v-has="'repair:accept'"
      >领取</a-button>
      <!-- <a-button type="primary" icon="download" @click="handleExportXls('维修工单')">导出</a-button>
      <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
@@ -228,16 +306,38 @@
        bordered
        rowKey="id"
        class="j-table-force-nowrap"
        :scroll="{ x: 'calc(2700px + 50%)', y: 900 }"
        :columns="columns"
        :dataSource="dataSource"
        :pagination="ipagination"
        :loading="loading"
        @change="handleTableChange"
        :customRow="clickThenSelect"
        :rowClassName="tableRowClass"
        :scroll="{ x: 'calc(1700px + 50%)', y: 900 }"
      >
        <span slot="jell" slot-scope="text">
            <j-ellipsis :value="text" :length="8" />
        <span
          slot="jell"
          slot-scope="text"
        >
          <j-ellipsis
            :value="text"
            :length="8"
          />
        </span>
        <span
          slot="specificEquipment"
          slot-scope="text"
        >
          <a-icon
            type="check"
            style="color: chartreuse;"
            v-if="text==='0'"
          />
          <a-icon
            type="close"
            v-else
            style="color:red;"
          />
        </span>
        <span
          slot="num"
@@ -247,8 +347,14 @@
            v-if="record.status === '3' || record.status === '4' ||record.status === '5'  ||record.status === '7' "
            class="lot"
            @click="handleOrderExe(record)"
          ><j-ellipsis :value="text" :length="15"/></a>
          <span v-else> <j-ellipsis :value="text" :length="15"/></span>
          ><j-ellipsis
              :value="text"
              :length="15"
            /></a>
          <span v-else> <j-ellipsis
              :value="text"
              :length="15"
            /></span>
        </span>
        <span
          slot="action"
@@ -295,6 +401,7 @@
          <a
            v-if="record.status === '2' || record.status === '3' "
            @click="handleOrderExe(record)"
            v-has="'repair:excute'"
          >执行</a>
          <a-divider
            v-if="record.status === '2' || record.status === '3' "
@@ -326,6 +433,44 @@
          </a-dropdown>
        </span>

        <template
          slot="equipmentNum"
          slot-scope="text, record"
        >
          <a-popover title="故障原因统计">
            <template slot="content">
              <p
                v-for="(faultCauseMap, index) in record.equipmentFaultCause"
                :key="index"
              >
                <span class="fontweight">{{ faultCauseMap.faultCause }}：{{ faultCauseMap.total }}</span>
              </p>
            </template>
            <span>
              {{ record.equipmentNum }}
            </span>
          </a-popover>
        </template>

        <template
          slot="faultCauseCount"
          slot-scope="text, record"
        >
          <a-popover title="故障原因统计">
            <template slot="content">
              <p
                v-for="(faultCauseMap, index) in record.allFaultCause"
                :key="index"
              >
                <span class="fontweight">{{ faultCauseMap.faultCause }}：{{ faultCauseMap.total }}</span>
              </p>
            </template>
            <span>
              {{ record.faultCauseCount }}
            </span>
          </a-popover>
        </template>

      </a-table>
    </div>

@@ -342,6 +487,7 @@
      <a-tab-pane
        tab="维修要求"
        key="2"
        v-if="false"
      >
        <RepairOrderDetailList
          :mainId="repairOrderDetailMainId"
@@ -352,6 +498,7 @@
        tab="计划用料"
        key="3"
        forceRender
        v-if="false"
      >
        <RepairOrderPlanMaterialList
          :addStatus="sonsAddStatus"
@@ -362,6 +509,7 @@
        tab="危险防控"
        key="4"
        forceRender
        v-if="false"
      >
        <RepairOrderRiskPreventionList
          :addStatus="sonsAddStatus"
@@ -372,6 +520,7 @@
        tab="作业指导书"
        key="5"
        forceRender
        v-if="false"
      >
        <EquipmentDocumentList
          :addStatus="sonsAddStatus"
@@ -382,8 +531,9 @@
        tab="实际用料"
        key="6"
        forceRender
        v-if="!sonsAddStatus&&selectedRowKeys.length!=0"
        v-if="false"
      >
        <!-- v-if="!sonsAddStatus&&selectedRowKeys.length!=0" -->
        <RepairOrderActualMaterialList :mainId="repairOrderActualMaterialMainId" />
      </a-tab-pane>
      <a-tab-pane
@@ -422,6 +572,7 @@
    </repair-order-excute-drawer>
    <fault-report-repair
      ref="FaultReportRepair"
      @ok="modalFormOk"
    ></fault-report-repair>
  </a-card>
</template>
@@ -444,16 +595,8 @@
import FaultDescriptionList from './FaultDescriptionList'
import FaultReportRepair from './modules/repairorder/moudles/select/FaultReportRepair.vue'
import store from '@/store'
import {
  ACCESS_TOKEN,
  USER_NAME,
  USER_INFO,
  USER_AUTH,
  SYS_BUTTON_AUTH,
  UI_CACHE_DB_DICT_DATA,
  TENANT_ID,
  CACHE_INCLUDED_ROUTES
} from '@/store/mutation-types'
import dayjs from 'dayjs'
import moment from 'moment'
export default {
  name: "RepairOrderList",
  mixins: [JeecgListMixin],
@@ -473,10 +616,17 @@
    FaultReportRepair,
    store
  },
  mounted() {
    let intervalId = setInterval(() => {
      this.loadData();
    }, 600 * 1000); // 1000毫秒，即1秒
  },
  data() {
    return {
      description: '维修工单管理页面',
      // 表头
      faultTime: [],
      createTimes: [],
      columns: [
        {
          title: '#',
@@ -489,9 +639,29 @@
          }
        },
        {
          title: '关键设备',
          align: "center",
          dataIndex: 'specificEquipment',
          width: 90,
          scopedSlots: { customRender: 'specificEquipment' }
        },
        {
          title: 'ABC标识',
          align: "center",
          dataIndex: 'equipmentImportanceId',
        },
        {
          title: '状态',
          align: "center",
          dataIndex: 'status_dictText'
        },
        {
          title: '维修状态',
          align: "center",
          dataIndex: 'repairOrderUda1_dictText',
          customRender: function (t, r, index) {
            return t === null || r.repairOrderUda1 === null ? '/' : t;
          }
        },
        {
          title: '单据号',
@@ -505,9 +675,10 @@
        //   dataIndex: 'businessType_dictText'
        // },
        {
          title: '设备编码',
          title: '统一编码',
          align: "center",
          dataIndex: 'equipmentNum'
          dataIndex: 'equipmentNum',
          scopedSlots: { customRender: 'equipmentNum' }
        },
        {
          title: '设备名称',
@@ -543,8 +714,8 @@
          title: '维修班组',
          align: "center",
          dataIndex: 'teamId_dictText',
          scopedSlots: { 
            customRender: 'jell' 
          scopedSlots: {
            customRender: 'jell'
          }
        },
        {
@@ -552,48 +723,54 @@
          align: "center",
          dataIndex: 'responsibilityId_dictText'
        },
        {
          title: '派工方式',
          align: "center",
          dataIndex: 'dispatchMethod_dictText'
        },
        // {
        //   title: '派工方式',
        //   align: "center",
        //   dataIndex: 'dispatchMethod_dictText'
        // },
        // {
        //   title: '特种设备',
        //   align: "center",
        //   dataIndex: 'specificEquipment_dictText'
        // },
        {
          title: '故障时间',
          align: "center",
          dataIndex: 'faultTime'
        },
        // {
        //   title: '报修人',
        //   align: "center",
        //   dataIndex: 'errUda2',
        // },
        {
          title: '故障描述',
          align: "center",
          dataIndex: 'faultDescription',
          scopedSlots: { 
            customRender: 'jell' 
          scopedSlots: {
            customRender: 'jell'
          }
        },
        {
          title: '故障原因',
          align: "center",
          dataIndex: 'faultReason'
        },
        {
          title: '故障现象',
          align: "center",
          dataIndex: 'faultPhenomenon'
        },
        {
          title: '故障排除',
          align: "center",
          dataIndex: 'faultRemove'
        },
        {
          title: '预防措施',
          align: "center",
          dataIndex: 'preventiveMeasure'
          dataIndex: 'faultCauseCount',
          scopedSlots: { customRender: 'faultCauseCount' }
        },
        // {
        //   title: '故障时间',
        //   title: '故障现象',
        //   align: "center",
        //   dataIndex: 'faultTime'
        //   dataIndex: 'faultPhenomenon'
        // },
        // {
        //   title: '故障排除',
        //   align: "center",
        //   dataIndex: 'faultRemove'
        // },
        // {
        //   title: '预防措施',
        //   align: "center",
        //   dataIndex: 'preventiveMeasure'
        // },
        // {
        //   title: '故障照片',
@@ -611,31 +788,31 @@
        //   align: "center",
        //   dataIndex: 'workingHourQuota'
        // },
        {
          title: '实际工时',
          align: "center",
          dataIndex: 'actualHour'
        },
        {
          title: '计划开始时间',
          align: "center",
          dataIndex: 'planStartTime'
        },
        {
          title: '计划结束时间',
          align: "center",
          dataIndex: 'planEndTime'
        },
        {
          title: '实际开始时间',
          align: "center",
          dataIndex: 'actualStartTime'
        },
        {
          title: '实际结束时间',
          align: "center",
          dataIndex: 'actualEndTime'
        },
        // {
        //   title: '实际工时',
        //   align: "center",
        //   dataIndex: 'actualHour'
        // },
        // {
        //   title: '计划开始时间',
        //   align: "center",
        //   dataIndex: 'planStartTime'
        // },
        // {
        //   title: '计划结束时间',
        //   align: "center",
        //   dataIndex: 'planEndTime'
        // },
        // {
        //   title: '实际开始时间',
        //   align: "center",
        //   dataIndex: 'actualStartTime'
        // },
        // {
        //   title: '实际结束时间',
        //   align: "center",
        //   dataIndex: 'actualEndTime'
        // },
        {
          title: '创建人',
          align: "center",
@@ -651,9 +828,10 @@
          dataIndex: 'action',
          align: "center",
          fixed: "right",
          width: 230,
          width: 130,
          scopedSlots: { customRender: 'action' },
        }

      ],
      url: {
        list: "/eam/repairOrder/list",
@@ -670,8 +848,8 @@
      /* 分页参数 */
      ipagination: {
        current: 1,
        pageSize: 5,
        pageSizeOptions: ['5', '10', '50'],
        pageSize: 20,
        pageSizeOptions: ['5', '10', '20', '50'],
        showTotal: (total, range) => {
          return range[0] + "-" + range[1] + " 共" + total + "条"
        },
@@ -720,8 +898,14 @@
  },

  methods: {


    timeChange() {
      this.queryParam.faultStartTime = moment(this.faultTime[0]).format("YYYY-MM-DD HH:mm:ss")
      this.queryParam.faultEndTime = moment(this.faultTime[1]).format("YYYY-MM-DD HH:mm:ss")
    },
    timeChangeCreate() {
      this.queryParam.createStartTime = moment(this.createTimes[0]).format("YYYY-MM-DD HH:mm:ss")
      this.queryParam.createEndTime = moment(this.createTimes[1]).format("YYYY-MM-DD HH:mm:ss")
    },
    clickThenSelect(record) {
      return {
        on: {
@@ -872,6 +1056,12 @@
      this.$refs.repairOrderExcuteDrawer.visible = true
      this.$refs.repairOrderExcuteDrawer.title = '维修工单执行'
    },
    handleDetail(record) {
      this.excuteRepairOrder = record;
      this.excuteRepairOrder.status = '4';
      this.$refs.repairOrderExcuteDrawer.visible = true
      this.$refs.repairOrderExcuteDrawer.title = '维修详情'
    },

    searchQuery() {
      this.loadData(1)
@@ -886,15 +1076,37 @@
      this.loadData(1)
      this.onClearSelected()
      this.$refs.FaultDescriptionList.faultId = '-1'
      this.faultTime = []
      this.createTimes = []
    },
    getReports(){
         this.$refs.FaultReportRepair.title = '故障报修单';
         this.$refs.FaultReportRepair.visible = true;
    }
    getReports() {
      this.$refs.FaultReportRepair.title = '故障报修单';
      this.$refs.FaultReportRepair.loadData();
      this.$refs.FaultReportRepair.visible = true;
    },
    tableRowClass(record, index) {
      if ("2" === record.status) {
        if (record.specificEquipment === '0' && dayjs(record.faultTime).add(12, 'hour') < dayjs()) {
          return 'error'
        } else if (dayjs(record.faultTime).add(7, 'day') < dayjs()) {
          return 'primary'
        }
      }
    },

  },
}
</script>
<style scoped>
<style lang="less" scoped>
@import '~@assets/less/common.less';

/deep/.error {
  color: red;
  font-weight: bold;
}

/deep/.primary {
  color: rgb(255, 0, 251);
  font-weight: bold;
}
</style>