| | |
| | | <div class="table-page-search-wrapper"> |
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
| | | <a-row :gutter="24"> |
| | | <a-col :md="5" :sm="5"> |
| | | <a-form-item label="设备编号"> |
| | | <a-input v-model="queryParam.equipmentId" allowClear></a-input> |
| | | <a-col :md="4" :sm="4"> |
| | | <a-form-item label="车间"> |
| | | <a-input v-model="queryParam.productionName" allowClear placeholder="请输入车间"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="5" :sm="5"> |
| | | <a-col :md="4" :sm="4"> |
| | | <a-form-item label="工段"> |
| | | <a-input v-model="queryParam.sectionName" allowClear placeholder="请输入工段"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4"> |
| | | <a-form-item label="设备编号"> |
| | | <a-input v-model="queryParam.equipmentId" allowClear placeholder="请输入设备编号"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="4" :sm="4"> |
| | | <a-form-item label="设备名称"> |
| | | <a-input v-model="queryParam.equipmentName" allowClear></a-input> |
| | | <a-input v-model="queryParam.equipmentName" allowClear placeholder="请输入设备名称"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :lg="5" :md="5" :sm="5" :xs="5"> |
| | |
| | | <!-- 操作按钮区域· --> |
| | | <div class="table-operator" style="border-top: 5px"> |
| | | <a-button @click="handleAdd" type="primary" icon="plus">添加台账</a-button> |
| | | <a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" |
| | | :action="importExcelUrl" |
| | | @change="handleImportExcel"> |
| | | <a-button type="primary" icon="import">导入</a-button> |
| | | </a-upload> |
| | | <a-button type="primary" icon="download" @click="handleExportXls('MDC设备实施台账')">导出</a-button> |
| | | <a-dropdown v-if="selectedRowKeys.length > 0"> |
| | | <a-menu slot="overlay" @click="handleMenuClick"> |
| | | <a-menu-item key="1"> |
| | |
| | | </a-dropdown> |
| | | </div> |
| | | |
| | | <a-table :columns="columns" :data-source="dataList" bordered :pagination="false" :scroll="{x:'max-content'}" |
| | | :expandRowByClick="true" |
| | | <a-table :columns="columns" :data-source="dataList" bordered :pagination="ipagination" :scroll="{x:'max-content'}" |
| | | :expandRowByClick="true" @change="handleTableChange" |
| | | rowKey="id" @expand="handleExpandChange" :loading="outerDataLoading" |
| | | > |
| | | <span slot="isMdcInstall" slot-scope="text">{{text | formatIsInstallAndStatus}}</span> |
| | |
| | | |
| | | const columns = [ |
| | | { title: '公司', dataIndex: 'companyName', key: 'companyName', align: 'center', width: 100 }, |
| | | { title: '车间', dataIndex: 'productionName', key: 'productionName', align: 'center', width: 100 }, |
| | | { title: '工段', dataIndex: 'sectionName', key: 'sectionName', align: 'center', width: 100 }, |
| | | { title: '车间', dataIndex: 'productionName', key: 'productionName', align: 'center', width: 120 }, |
| | | { title: '工段', dataIndex: 'sectionName', key: 'sectionName', align: 'center', width: 180 }, |
| | | { title: '设备编号', dataIndex: 'equipmentId', key: 'equipmentId', align: 'center', width: 100 }, |
| | | { title: '设备名称', dataIndex: 'equipmentName', key: 'equipmentName', align: 'center', width: 100 }, |
| | | { title: '设备型号', dataIndex: 'equipmentModel', key: 'equipmentModel', align: 'center', width: 100 }, |
| | | { title: '设备型号', dataIndex: 'equipmentModel', key: 'equipmentModel', align: 'center', width: 150 }, |
| | | { title: '设备系统类型', dataIndex: 'controlSystem', key: 'controlSystem', align: 'center', width: 150 }, |
| | | { title: '设备责任人', dataIndex: 'responsible', key: 'responsible', align: 'center', width: 150 }, |
| | | { title: '设备安放位置', dataIndex: 'equipmentPosition', key: 'equipmentPosition', align: 'center', width: 150 }, |
| | |
| | | scopedSlots: { customRender: 'isMdcInstall' } |
| | | }, |
| | | { |
| | | title: 'MDC硬件安装', |
| | | title: 'MDC硬件安装情况', |
| | | dataIndex: 'isMdcHardwareInstall', |
| | | key: 'isMdcHardwareInstall', |
| | | align: 'center', |
| | | width: 150, |
| | | scopedSlots: { customRender: 'isMdcHardwareInstall' } |
| | | }, |
| | | { title: '安装时间', dataIndex: 'mdcInstallTime', key: 'mdcInstallTime', align: 'center', width: 150 }, |
| | | { title: 'MDC安装时间', dataIndex: 'mdcInstallTime', key: 'mdcInstallTime', align: 'center', width: 150 }, |
| | | { |
| | | title: 'DNC安装情况', |
| | | dataIndex: 'isDncInstall', |
| | |
| | | scopedSlots: { customRender: 'isDncInstall' } |
| | | }, |
| | | { |
| | | title: 'DNC硬件安装', |
| | | title: 'DNC硬件安装情况', |
| | | dataIndex: 'isDncHardwareInstall', |
| | | key: 'isDncHardwareInstall', |
| | | align: 'center', |
| | | width: 150, |
| | | scopedSlots: { customRender: 'isDncHardwareInstall' } |
| | | }, |
| | | { title: '安装时间', dataIndex: 'dncInstallTime', key: 'dncInstallTime', align: 'center', width: 150 }, |
| | | { title: 'DNC安装时间', dataIndex: 'dncInstallTime', key: 'dncInstallTime', align: 'center', width: 150 }, |
| | | { |
| | | title: '操作', |
| | | dataIndex: 'action', |
| | |
| | | dataList: [], |
| | | url: { |
| | | mdcImplementLedgersList: '/mdc/mdcImplementLedgers/list', |
| | | mdcImplementLedgersSubList: '/mdc/mdcImplementLedgersSub/list' |
| | | mdcImplementLedgersSubList: '/mdc/mdcImplementLedgersSub/list', |
| | | exportXlsUrl: '/mdc/mdcImplementLedgers/exportXls', |
| | | importExcelUrl: '/mdc/mdcImplementLedgers/importExcel' |
| | | }, |
| | | columns, |
| | | innerColumns, |
| | |
| | | * */ |
| | | created() { |
| | | this.loadData() |
| | | }, |
| | | computed: { |
| | | importExcelUrl: function() { |
| | | return `${window._CONFIG['domianURL']}${this.url.importExcelUrl}` |
| | | } |
| | | }, |
| | | filters: { |
| | | numFilter(value) { |
| | |
| | | loadData() { |
| | | this.outerDataLoading = true |
| | | this.dataList = [] |
| | | getAction(this.url.mdcImplementLedgersList, this.queryParam).then(res => { |
| | | const params = this.getQueryParams() |
| | | getAction(this.url.mdcImplementLedgersList, params).then(res => { |
| | | if (res.success) { |
| | | this.dataList = res.result.records |
| | | this.hasRequestAlarmCodeList = [] |
| | | if (res.result.total) this.ipagination.total = res.result.total |
| | | else this.ipagination.total = 0 |
| | | } |
| | | }).finally(() => { |
| | | this.outerDataLoading = false |