| | |
| | | <!-- 查询区域 --> |
| | | <div style="width: 100%; background-color: #fff" class="table-page-search-wrapper"> |
| | | <a-form layout="inline" @keyup.enter.native="searchQuery"> |
| | | <a-row :gutter="24"> |
| | | <a-row :gutter="24" style="width: 100%;"> |
| | | <a-col :md="7" :sm="7"> |
| | | <a-form-item label="时间"> |
| | | <a-range-picker @change="dateParamChange" v-model="dates" format="YYYY-MM-DD HH:mm:ss"/> |
| | | <a-range-picker @change="dateParamChange" v-model="dates" format="YYYYMMDD"/> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="5" :sm="5"> |
| | |
| | | <!--<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="printer" v-print="'#DeviceList'" v-has="'overtimeManagement:print'">打印</a-button> |
| | | |
| | | <a-dropdown v-if="selectedRowKeys.length > 0"> |
| | | <a-menu slot="overlay"> |
| | | <a-menu-item key="1" @click="batchDel"> |
| | |
| | | </span> |
| | | <span slot="model" slot-scope="text" style="font-weight: bold"> |
| | | <j-ellipsis :value="text" :length="8"/> |
| | | </span> |
| | | <span slot="duration" slot-scope="text"> |
| | | {{text|getFormattedTime}} |
| | | </span> |
| | | </a-table> |
| | | </div> |
| | |
| | | queryParamPeople:{}, |
| | | dataStartsoucre:[], |
| | | scrollY:465, |
| | | /* 分页参数 */ |
| | | ipagination:{ |
| | | current: 1, |
| | | pageSize: 30, |
| | | pageSizeOptions: ['30', '50', '100'], |
| | | showTotal: (total, range) => { |
| | | return range[0] + "-" + range[1] + " 共" + total + "条" |
| | | }, |
| | | showQuickJumper: true, |
| | | showSizeChanger: true, |
| | | total: 0 |
| | | }, |
| | | columns: [ |
| | | { |
| | | title: '设备编号', |
| | | align: 'center', |
| | | dataIndex: 'equipmentId', |
| | | width:150 |
| | | width:180 |
| | | }, |
| | | { |
| | | title: '设备名称', |
| | |
| | | { |
| | | title: '日期', |
| | | align: 'center', |
| | | dataIndex: 'effectiveDate', |
| | | width:150 |
| | | dataIndex: 'theDate', |
| | | width:180 |
| | | // scopedSlots:{customRender:'startTime'}, |
| | | // customRender:(text,row,index) => { |
| | | // return moment(text).format("YYYY-MM-DD HH:mm:ss") |
| | | // } |
| | | }, |
| | | { |
| | | title: '班次开始时间', |
| | | align: 'center', |
| | | dataIndex: 'startDate', |
| | | width:150 |
| | | }, |
| | | { |
| | | title: '班次结束时间', |
| | | align: 'center', |
| | | dataIndex: 'endDate', |
| | | width:150 |
| | | }, |
| | | // { |
| | | // title: '班次开始时间', |
| | | // align: 'center', |
| | | // dataIndex: 'startDate', |
| | | // width:150 |
| | | // }, |
| | | // { |
| | | // title: '班次结束时间', |
| | | // align: 'center', |
| | | // dataIndex: 'endDate', |
| | | // width:150 |
| | | // }, |
| | | { |
| | | title: '加班开始时间', |
| | | align: 'center', |
| | |
| | | width:150 |
| | | }, |
| | | { |
| | | title: '加班时长', |
| | | align: 'center', |
| | | dataIndex: 'duration', |
| | | scopedSlots: {customRender: 'duration'}, |
| | | width:200 |
| | | }, |
| | | { |
| | | title: '备注', |
| | | align: 'center', |
| | | dataIndex: 'remark', |
| | | width:150 |
| | | width:210 |
| | | }, |
| | | { |
| | | title: '操作', |
| | |
| | | return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`; |
| | | }, |
| | | }, |
| | | filters:{ |
| | | /** |
| | | * 格式化时间 |
| | | * @param seconds 秒数 |
| | | * @returns '' 格式化后时间字符串 |
| | | */ |
| | | getFormattedTime(seconds) { |
| | | var hours = Math.floor(seconds / 3600) |
| | | var minutes = Math.floor((seconds % 3600) / 60) |
| | | var secs = seconds % 60 |
| | | |
| | | if (hours === 0) { |
| | | if (minutes === 0) { |
| | | return secs === 0 ? 0 : `${secs}秒` |
| | | } else { |
| | | if (secs === 0) { |
| | | return `${minutes}分` |
| | | } |
| | | return `${minutes}分 ${secs}秒` |
| | | } |
| | | } else { |
| | | if (minutes === 0 && secs === 0) { |
| | | return `${hours}小时` |
| | | } else if (minutes !== 0 && secs === 0) { |
| | | return `${hours}小时 ${minutes}分` |
| | | } |
| | | } |
| | | return `${hours}小时 ${minutes}分 ${secs}秒` |
| | | } |
| | | }, |
| | | methods: { |
| | | importTemplate(fileName){ |
| | | var a = document.createElement("a"); |