| | |
| | | <div class="table-page-search-wrapper"> |
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
| | | <a-row :gutter="24"> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-col :xl="4" :lg="7" :md="8" :sm="24"> |
| | | <a-form-item label="工单号"> |
| | | <a-input placeholder="请输入工单号" v-model="queryParam.orderNum"></a-input> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-col :xl="4" :lg="7" :md="8" :sm="24"> |
| | | <a-form-item label="设备编号"> |
| | | <lx-search-equipment-select placeholder="请输入设备编号或名称搜索" v-model="queryParam.equipmentId"></lx-search-equipment-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-form-item label="保养日期"> |
| | | <a-date-picker placeholder="请选择保养日期" v-model="queryParam.maintenanceDate" format="YYYY-MM-DD" style="width: 100%"/> |
| | | <a-form-item label="计划保养日期"> |
| | | <a-range-picker v-model="queryParam.maintenanceDateRange" @change="onMaintenanceDateChange" format="YYYY-MM-DD" value-format="YYYY-MM-DD" /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :xl="6" :lg="7" :md="8" :sm="24"> |
| | | <a-col :xl="4" :lg="7" :md="8" :sm="24"> |
| | | <a-form-item label="保养状态"> |
| | | <j-dict-select-tag placeholder="请选择保养状态" dict-code="maintenance_status" v-model="queryParam.maintenanceStatus" /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :xl="4" :lg="7" :md="8" :sm="24"> |
| | | <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons"> |
| | | <a-button type="primary" @click="searchQuery" icon="search">查询</a-button> |
| | | <a-button type="info" @click="searchReset" icon="reload" style="margin-left: 8px">重置</a-button> |
| | |
| | | dataIndex: 'orderNum' |
| | | }, |
| | | { |
| | | title: '设备ID', |
| | | title: '设备编号', |
| | | align: 'center', |
| | | dataIndex: 'equipmentId' |
| | | dataIndex: 'equipmentCode' |
| | | }, |
| | | { |
| | | title: '标准ID', |
| | | title: '设备名称', |
| | | align: 'center', |
| | | dataIndex: 'standardId' |
| | | dataIndex: 'equipmentName' |
| | | }, |
| | | { |
| | | title: '计划执行日期', |
| | | title: '标准名称', |
| | | align: 'center', |
| | | dataIndex: 'standardId_dictText' |
| | | }, |
| | | { |
| | | title: '计划保养日期', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceDate' |
| | | }, |
| | |
| | | { |
| | | title: '保养人', |
| | | align: 'center', |
| | | dataIndex: 'operator' |
| | | dataIndex: 'operator_dictText' |
| | | }, |
| | | { |
| | | title: '保养状态', |
| | | align: 'center', |
| | | dataIndex: 'maintenanceStatus' |
| | | dataIndex: 'maintenanceStatus_dictText' |
| | | }, |
| | | { |
| | | title: '创建方式', |
| | | align: 'center', |
| | | dataIndex: 'creationMethod' |
| | | dataIndex: 'creationMethod_dictText' |
| | | }, |
| | | { |
| | | title: '确认人', |
| | | align: 'center', |
| | | dataIndex: 'confirmUser' |
| | | dataIndex: 'confirmUser_dictText' |
| | | }, |
| | | { |
| | | title: '确认时间', |
| | |
| | | dataIndex: 'confirmTime' |
| | | }, |
| | | { |
| | | title: '保养执行图片;id以逗号分隔', |
| | | title: '保养图片', |
| | | align: 'center', |
| | | dataIndex: 'imageFiles' |
| | | }, |
| | | { |
| | | title: '备注', |
| | | align: 'center', |
| | | dataIndex: 'remark' |
| | | dataIndex: 'remark', |
| | | editable: true, |
| | | }, |
| | | { |
| | | title: '操作', |
| | |
| | | } |
| | | }, |
| | | computed: {}, |
| | | methods: {} |
| | | methods: { |
| | | onMaintenanceDateChange: function(value, dateString) { |
| | | this.queryParam.maintenanceDateBegin = dateString[0] |
| | | this.queryParam.maintenanceDateEnd = dateString[1] |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | <style scoped> |