| | |
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
| | | <a-row :gutter="24"> |
| | | <a-col :md="4" :sm="4"> |
| | | <a-form-item label="日期"> |
| | | <a-date-picker value-format="YYYY-MM-DD" style="width: 100%" v-model="queryParam.theDate"/> |
| | | <a-form-item label="停机日期"> |
| | | <a-date-picker placeholder="请选择停机日期" value-format="YYYY-MM-DD" style="width: 100%" |
| | | v-model="queryParam.theDate" :allow-clear="false"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | |
| | | <a-col :md="2" :sm="2" :xs="2"> |
| | | <a-col :md="4" :sm="4" :xs="4"> |
| | | <a-space> |
| | | <a-button type="primary" @click="searchQuery" icon="search">查询</a-button> |
| | | <a-button @click="searchReset" icon="reload">重置</a-button> |
| | | </a-space> |
| | | </a-col> |
| | | </a-row> |
| | | </a-form> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- 操作按钮区域 --> |
| | | <div class="table-operator"> |
| | | <a-button @click="handleAdd" type="primary" icon="plus">新增</a-button> |
| | | </div> |
| | | |
| | | <div style="overflow: hidden;width: 100%;flex: 1" id="DeviceList"> |
| | |
| | | </template> |
| | | |
| | | <template slot="action" slot-scope="text, record"> |
| | | <a @click="handleReport(record)">上报</a> |
| | | <a @click="handleEdit(record)">编辑</a> |
| | | |
| | | <a-divider type="vertical"/> |
| | | |
| | |
| | | width: 200 |
| | | }, |
| | | { |
| | | title: '开始时间', |
| | | title: '停机日期', |
| | | align: 'center', |
| | | dataIndex: 'startDate', |
| | | dataIndex: 'theDate', |
| | | width: 150 |
| | | }, |
| | | { |
| | | title: '结束时间', |
| | | title: '停机时长(min)', |
| | | align: 'center', |
| | | dataIndex: 'endDate', |
| | | dataIndex: 'downLong', |
| | | width: 150 |
| | | }, |
| | | { |
| | | title: '备注', |
| | | align: 'center', |
| | | dataIndex: 'remark', |
| | | width: 200 |
| | | dataIndex: 'remark' |
| | | }, |
| | | { |
| | | title: '操作', |
| | |
| | | } |
| | | }, |
| | | methods: { |
| | | handleReport(record) { |
| | | this.$refs.modalForm.edit(record) |
| | | this.$refs.modalForm.title = '上报' |
| | | searchReset() { |
| | | this.queryParam = { theDate: moment().subtract('days', 1).format('YYYY-MM-DD') } |
| | | this.loadData(1) |
| | | }, |
| | | |
| | | handleWindowResize() { |