| | |
| | | :clearable="(item.clearable !== null && item.clearable !== undefined && item.clearable !== '') ? item.clearable : true" |
| | | :placeholder="item.label" :picker-options="item.pickerOptions || {}" @change="changeForm(item.filed)" /> |
| | | </el-form-item> |
| | | <el-form-item :label="item.label ? item.label : '起止时间'" v-if="item.type === 'datetime' && (showZk || index < listLength)" :key="item.filed1"> |
| | | <el-form-item :label="item.label ? item.label : '起止时间'" |
| | | v-if="item.type === 'datetime' && (showZk || index < listLength)" :key="item.filed1"> |
| | | <el-date-picker v-model="searchForm[item.filed1]" type="datetime" value-format="yyyy-MM-dd HH:mm:ss" |
| | | class="w200" |
| | | :clearable="(item.clearable !== null && item.clearable !== undefined && item.clearable !== '') ? item.clearable : true" |
| | |
| | | :start-placeholder="item.start || '开始时间'" :end-placeholder="item.end || '结束时间'" class="w400" |
| | | @change="changeForm(item.filed)" /> |
| | | </el-form-item> |
| | | <el-form-item v-if="item.type === 'slot' && (showZk || index < listLength)" :key="item.filed"> |
| | | <el-form-item :label="item.label ? item.label : ''" |
| | | v-if="item.type === 'slot' && (showZk || index < listLength)" :key="item.filed"> |
| | | <slot :name="item.filed" /> |
| | | </el-form-item> |
| | | </template> |
| | |
| | | <el-option label="下发失败" value="3"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="起止时间" prop="eventType"> |
| | | <el-date-picker @change="seleTime" v-model="time" type="datetimerange" format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间"> |
| | | </el-date-picker> |
| | | <el-form-item label="" prop="eventType"> |
| | | <el-date-picker @change="changeDate" v-model="searchForm.startDate" type="datetime" |
| | | format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="开始时间" /> |
| | | <el-date-picker @change="changeDate" v-model="searchForm.endDate" type="datetime" format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" placeholder="开始时间" /> |
| | | </el-form-item> |
| | | <el-radio-group v-model="searchForm.radio" size="small" @input="changeRadio"> |
| | | <el-radio-button label="0">当天</el-radio-button> |
| | |
| | | }) |
| | | }, |
| | | methods: { |
| | | changeDate(e) { |
| | | if ((this.searchForm.startDate && this.searchForm.endDate) && this.searchForm.startDate > this.searchForm.endDate) { |
| | | this.searchForm.endDate = this.searchForm.startDate |
| | | this.search() |
| | | return this.$message.error('开始时间不能大于结束时间') |
| | | } else { |
| | | this.search() |
| | | } |
| | | }, |
| | | changeRadio(e) { |
| | | if (e === '0') { |
| | | this.searchForm.startDate = timeForMat(0)[0] |
| | | this.searchForm.endDate = timeForMat(0)[1] |
| | | this.time = timeForMat(0) |
| | | // this.time = timeForMat(0) |
| | | } else if (e === '1') { |
| | | this.searchForm.startDate = timeForMat(6)[0] |
| | | this.searchForm.endTime = timeForMat(6)[1] |
| | | this.time = timeForMat(6) |
| | | this.searchForm.endDate = timeForMat(6)[1] |
| | | // this.time = timeForMat(6) |
| | | } else if (e === '2') { |
| | | this.searchForm.startDate = timeForMat(29)[0] |
| | | this.searchForm.endTime = timeForMat(29)[1] |
| | | this.time = timeForMat(29) |
| | | this.searchForm.endDate = timeForMat(29)[1] |
| | | // this.time = timeForMat(29) |
| | | } |
| | | this.search() |
| | | }, |
| | | seleTime(e) { |
| | | this.searchForm.startTime = e[0] |
| | | this.searchForm.endTime = e[1] |
| | | this.searchForm.radio = null |
| | | if ((this.searchForm.startDate && this.searchForm.endDate) && this.searchForm.startDate > this.searchForm.endDate) { |
| | | this.searchForm.startDate = this.searchForm.endDate |
| | | return this.$message.error('开始时间不能大于结束时间') |
| | | } |
| | | this.search() |
| | | }, |
| | | reset() { |
| | |
| | | <el-option label="进入" value="enter"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="起止时间" prop="startDate"> |
| | | <el-date-picker @change="seleTime" v-model="time" type="datetimerange" format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间"> |
| | | </el-date-picker> |
| | | <el-form-item label="" prop="startDate"> |
| | | <el-date-picker @change="changeDate" v-model="searchForm.startDate" type="datetime" |
| | | format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="开始时间" /> |
| | | <el-date-picker @change="changeDate" v-model="searchForm.endDate" type="datetime" format="yyyy-MM-dd HH:mm:ss" |
| | | value-format="yyyy-MM-dd HH:mm:ss" placeholder="开始时间" /> |
| | | </el-form-item> |
| | | <el-radio-group v-model="searchForm.radio" size="small" @input="changeRadio"> |
| | | <el-radio-button label="0">当天</el-radio-button> |
| | |
| | | }) |
| | | }, |
| | | methods: { |
| | | changeDate(e) { |
| | | if ((this.searchForm.startDate && this.searchForm.endDate) && this.searchForm.startDate > this.searchForm.endDate) { |
| | | this.searchForm.endDate = this.searchForm.startDate |
| | | this.search() |
| | | return this.$message.error('开始时间不能大于结束时间') |
| | | }else{ |
| | | this.search() |
| | | } |
| | | }, |
| | | changeRadio(e) { |
| | | if (e === '0') { |
| | | this.searchForm.startDate = timeForMat(0)[0] |
| | | this.searchForm.endDate = timeForMat(0)[1] |
| | | this.time = timeForMat(0) |
| | | // this.time = timeForMat(0) |
| | | } else if (e === '1') { |
| | | this.searchForm.startDate = timeForMat(6)[0] |
| | | this.searchForm.endDate = timeForMat(6)[1] |
| | | this.time = timeForMat(6) |
| | | // this.time = timeForMat(6) |
| | | } else if (e === '2') { |
| | | this.searchForm.startDate = timeForMat(29)[0] |
| | | this.searchForm.endDate = timeForMat(29)[1] |
| | | this.time = timeForMat(29) |
| | | // this.time = timeForMat(29) |
| | | } |
| | | this.search() |
| | | }, |
| | | seleTime(e) { |
| | | this.searchForm.startDate = e[0] |
| | | this.searchForm.endDate = e[1] |
| | | this.searchForm.radio = null |
| | | if ((this.searchForm.startDate && this.searchForm.endDate) && this.searchForm.startDate > this.searchForm.endDate) { |
| | | this.searchForm.startDate = this.searchForm.endDate |
| | | return this.$message.error('开始时间不能大于结束时间') |
| | | } |
| | | this.search() |
| | | }, |
| | | reset() { |
| | |
| | | this.searchForm.startDate = '' |
| | | this.searchForm.endDate = '' |
| | | this.searchForm.radio = '' |
| | | this.time = [] |
| | | this.search() |
| | | } |
| | | } |
| | |
| | | <template> |
| | | <div class="main_app"> |
| | | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @changeForm='changeForm' @handleQuery="getList(1)" @clear="clear"> |
| | | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @changeForm='changeForm' @handleQuery="getList(1)" |
| | | @clear="clear"> |
| | | <template #fastdate> |
| | | <el-radio-group |
| | | v-model="filters.fastdate" |
| | | size="small" |
| | | @input="changeRadio" |
| | | > |
| | | <el-radio-group v-model="filters.fastdate" size="small" @input="changeRadio"> |
| | | <el-radio-button label="0">当天</el-radio-button> |
| | | <el-radio-button label="6">近7天</el-radio-button> |
| | | <el-radio-button label="29">近30天</el-radio-button> |
| | |
| | | </template> |
| | | </QueryForm> |
| | | <div class="pt16"> |
| | | <el-button :loading="exLoading" @click="handleEx" v-permissions="['business:platformjob:exportExcel']">导出</el-button> |
| | | <el-button :loading="exLoading" @click="handleEx" |
| | | v-permissions="['business:platformjob:exportExcel']">导出</el-button> |
| | | </div> |
| | | <el-table :height="tableHeightNew" v-loading="loading" :data="list" stripe> |
| | | <el-table :height="tableHeightNew" v-loading="loading" :data="list" stripe> |
| | | <el-table-column prop="billCode" label="运单号" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="totalNum" label="总作业量(万支)" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="carCodeFront" label="车牌前照号" min-width="100" show-overflow-tooltip /> |
| | |
| | | <script> |
| | | import Pagination from '@/components/common/Pagination' |
| | | import QueryForm from '@/components/common/QueryForm' |
| | | import { platformJobPage, platformJobExport,platformJobDel } from '@/api' |
| | | import { platformJobPage, platformJobExport, platformJobDel } from '@/api' |
| | | import { statusMap } from '../config' |
| | | import DriverDetail from "@/views/task/driverDetail" |
| | | import GlobalWindow from '@/components/common/GlobalWindow' |
| | |
| | | import { Message } from 'element-ui' |
| | | import dayjs from 'dayjs' |
| | | import duration from 'dayjs/plugin/duration' |
| | | dayjs.extend(duration); |
| | | import BaseComputHeight from "@/components/base/BaseComputHeight"; |
| | | dayjs.extend(duration) |
| | | import BaseComputHeight from "@/components/base/BaseComputHeight" |
| | | export default { |
| | | extends: BaseComputHeight, |
| | | components: { |
| | |
| | | }, |
| | | filters: { |
| | | selDate: [], |
| | | fastdate: 0 |
| | | fastdate: 0, |
| | | createDateStart: '', |
| | | createDateEnd: '' |
| | | }, |
| | | list: [], |
| | | queryFormConfig: { |
| | | formItems: [ |
| | | { |
| | | { |
| | | filed: 'billCode', |
| | | type: 'input', |
| | | label: '运单号' |
| | |
| | | label: '驾驶员' |
| | | }, |
| | | { |
| | | filed: 'selDate', |
| | | type: 'datetimerange', |
| | | label: '', |
| | | pickerOptions: {} |
| | | filed1: 'createDateStart', |
| | | filed2: 'createDateEnd', |
| | | type: 'datetime', |
| | | label: '作业时间' |
| | | }, |
| | | { |
| | | type: 'slot', |
| | | filed: 'fastdate', |
| | | label: '作业时间' |
| | | filed: 'fastdate' |
| | | } |
| | | ], |
| | | online: true |
| | |
| | | this.getList() |
| | | }, |
| | | methods: { |
| | | changeRadio (day) { |
| | | changeRadio(day) { |
| | | const arr = [dayjs().subtract(day, 'day').format('YYYY-MM-DD') + ' 00:00:00', dayjs().format('YYYY-MM-DD') + ' 23:59:59'] |
| | | this.$set(this.filters, 'selDate', arr) |
| | | this.getList() |
| | | this.filters.createDateStart = arr[0] |
| | | this.filters.createDateEnd = arr[1] |
| | | this.getList(1) |
| | | }, |
| | | changeForm (str) { |
| | | if (str === 'selDate') { |
| | | this.$set(this.filters, 'fastdate', null) |
| | | this.getList() |
| | | changeForm(str) { |
| | | if(this.filters.createDateStart > this.filters.createDateEnd){ |
| | | this.filters.createDateStart = this.filters.createDateEnd |
| | | return this.$message.error('开始时间不能大于结束时间') |
| | | } |
| | | this.getList() |
| | | }, |
| | | getList(page) { |
| | | const { pagination, filters } = this |
| | |
| | | model: { |
| | | ...filters, |
| | | jobType: '0', |
| | | createDateStart: filters.selDate && filters.selDate.length > 0 ? filters.selDate[0] : null, |
| | | createDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null, |
| | | }, |
| | | sorts: [{ direction: 'DESC', property: 'create_date' }], |
| | | capacity: pagination.pageSize, |
| | |
| | | this.list.forEach(item => { |
| | | item.inTypeTemp = item.inType == 0 ? '整托盘' : '件烟' |
| | | item.taskOrigin = 'WMS获取' |
| | | if(item.workTime && item.workTime>=24*60*60 ){ |
| | | item.workTime = dayjs.duration(item.workTime, 'seconds').format('D天H时m分s秒'); |
| | | }else{ |
| | | item.workTime = dayjs.duration(item.workTime, 'seconds').format('H时m分s秒'); |
| | | if (item.workTime && item.workTime >= 24 * 60 * 60) { |
| | | item.workTime = dayjs.duration(item.workTime, 'seconds').format('D天H时m分s秒') |
| | | } else { |
| | | item.workTime = dayjs.duration(item.workTime, 'seconds').format('H时m分s秒') |
| | | } |
| | | }) |
| | | this.pagination.total = res.total || 0 |
| | |
| | | model: { |
| | | ...filters, |
| | | jobType: 0, |
| | | createDateStart: filters.selDate && filters.selDate.length > 0 ? filters.selDate[0] : null, |
| | | createDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null, |
| | | |
| | | }, |
| | | sorts: [{ direction: 'DESC', property: 'create_date' }], |
| | | capacity: 10000, |
| | |
| | | <el-button :loading="exLoading" @click="handleEx" |
| | | v-permissions="['business:platformjob:exportExcel']">导出</el-button> |
| | | </div> |
| | | <el-table :height="tableHeightNew" v-loading="loading" :data="list" stripe> |
| | | <el-table :height="tableHeightNew" v-loading="loading" :data="list" stripe> |
| | | <el-table-column prop="contractNum" label="合同号" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="reason" label="入园原因" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="totalNum" label="总作业量(万支)" min-width="120" show-overflow-tooltip /> |
| | |
| | | import dayjs from 'dayjs' |
| | | import duration from 'dayjs/plugin/duration' |
| | | dayjs.extend(duration) |
| | | import BaseComputHeight from "@/components/base/BaseComputHeight"; |
| | | import BaseComputHeight from "@/components/base/BaseComputHeight" |
| | | export default { |
| | | extends: BaseComputHeight, |
| | | components: { |
| | |
| | | total: 0 |
| | | }, |
| | | filters: { |
| | | selDate: [], |
| | | createDateStart: '', |
| | | createDateEnd: '', |
| | | fastdate: 0 |
| | | }, |
| | | list: [], |
| | |
| | | label: '驾驶员' |
| | | }, |
| | | { |
| | | filed: 'selDate', |
| | | type: 'datetimerange', |
| | | label: '', |
| | | pickerOptions: {} |
| | | filed1: 'createDateStart', |
| | | filed2: 'createDateEnd', |
| | | type: 'datetime', |
| | | label: '作业时间' |
| | | }, |
| | | { |
| | | type: 'slot', |
| | |
| | | methods: { |
| | | changeRadio(day) { |
| | | const arr = [dayjs().subtract(day, 'day').format('YYYY-MM-DD') + ' 00:00:00', dayjs().format('YYYY-MM-DD') + ' 23:59:59'] |
| | | this.$set(this.filters, 'selDate', arr) |
| | | this.getList() |
| | | this.filters.createDateStart = arr[0] |
| | | this.filters.createDateEnd = arr[1] |
| | | this.getList(1) |
| | | }, |
| | | changeForm(str) { |
| | | if (str === 'selDate') { |
| | | this.$set(this.filters, 'fastdate', null) |
| | | this.getList() |
| | | if (this.filters.createDateStart > this.filters.createDateEnd) { |
| | | this.filters.createDateStart = this.filters.createDateEnd |
| | | return this.$message.error('开始时间不能大于结束时间') |
| | | } |
| | | this.getList() |
| | | }, |
| | | getList(page) { |
| | | const { pagination, filters } = this |
| | |
| | | platformJobPage({ |
| | | model: { |
| | | ...filters, |
| | | jobType: 1, |
| | | createDateStart: filters.selDate && filters.selDate.length > 0 ? filters.selDate[0] : null, |
| | | createDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null, |
| | | jobType: 1 |
| | | }, |
| | | sorts: [{ direction: 'DESC', property: 'create_date' }], |
| | | capacity: pagination.pageSize, |
| | |
| | | this.list.forEach(item => { |
| | | item.inTypeTemp = item.inType == 0 ? '整托盘' : '件烟' |
| | | item.taskOrigin = 'WMS获取' |
| | | if(item.workTime && item.workTime>=24*60*60 ){ |
| | | item.workTime = dayjs.duration(item.workTime, 'seconds').format('D天H时m分s秒'); |
| | | }else{ |
| | | item.workTime = dayjs.duration(item.workTime, 'seconds').format('H时m分s秒'); |
| | | if (item.workTime && item.workTime >= 24 * 60 * 60) { |
| | | item.workTime = dayjs.duration(item.workTime, 'seconds').format('D天H时m分s秒') |
| | | } else { |
| | | item.workTime = dayjs.duration(item.workTime, 'seconds').format('H时m分s秒') |
| | | } |
| | | // item.workTime = dayjs.duration(item.workTime, 'seconds').format('H时m分s秒') |
| | | }) |
| | |
| | | platformJobExport({ |
| | | model: { |
| | | ...filters, |
| | | jobType: 1, |
| | | createDateStart: filters.selDate && filters.selDate.length > 0 ? filters.selDate[0] : null, |
| | | createDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null |
| | | jobType: 1 |
| | | }, |
| | | sorts: [{ direction: 'DESC', property: 'create_date' }], |
| | | capacity: 10000, |
| | |
| | | <span></span> |
| | | </div> |
| | | </div> |
| | | <el-table :height="tableHeightNew" v-loading="loading" :data="dataList" stripe row-key="id" default-expand-all> |
| | | <el-table :height="tableHeightNew" v-loading="loading" :data="dataList" stripe row-key="id" default-expand-all> |
| | | <el-table-column type="index" label="序号" width="80" /> |
| | | <el-table-column label="车牌号" width="130"> |
| | | <template slot-scope="{ row }"> |
| | |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="carrierName" label="运输公司" show-overflow-tooltip min-width="140"> |
| | | <el-table-column prop="carrierName" label="运输公司" show-overflow-tooltip min-width="140"> |
| | | <template v-slot="scope"> |
| | | <span>{{ scope.row.carrierName || '-' }}</span> |
| | | </template> |
| | |
| | | <el-table-column prop="signDate" label="签到时间" min-width="150" /> |
| | | <el-table-column label="状态" align="center" width="80"> |
| | | <template slot-scope="{ row }"> |
| | | <span v-if="row.status == 2" class="red">月台等待</span> |
| | | <!-- <span v-if="row.status == 2" class="red">月台等待</span> --> |
| | | <span v-if="row.status == 2" class="red">等待叫号</span> |
| | | <span v-if="row.status == 3" class="primaryColor">入园等待</span> |
| | | <span v-if="row.status == 7" class="primaryColor">转移中</span> |
| | | </template> |
| | |
| | | <template> |
| | | <div class="main_app"> |
| | | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear" /> |
| | | <el-table :height="tableHeightNew" v-loading="loading" :data="list" stripe> |
| | | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear"> |
| | | <template #selDate> |
| | | <div> |
| | | <el-date-picker v-model="filters.beginWorkDateStart" type="date" value-format="yyyy-MM-dd" class="w200" |
| | | @change="getList(1)" /> |
| | | <el-date-picker v-model="filters.beginWorkDateEnd" type="date" value-format="yyyy-MM-dd" class="w200" |
| | | @change="getList(1)" /> |
| | | </div> |
| | | </template> |
| | | <template #fastdate> |
| | | <el-radio-group v-model="filters.fastdate" size="small" @input="changeRadio"> |
| | | <el-radio-button label="0">当天</el-radio-button> |
| | | <el-radio-button label="6">近7天</el-radio-button> |
| | | <el-radio-button label="29">近30天</el-radio-button> |
| | | </el-radio-group> |
| | | </template> |
| | | </QueryForm> |
| | | <el-table :height="tableHeightNew" v-loading="loading" :data="list" stripe> |
| | | <el-table-column prop="platformName" label="月台名称" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="platformGroupName" label="月台组" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="carCodeFront" label="车前牌照号" min-width="100" show-overflow-tooltip /> |
| | |
| | | page: 1, |
| | | total: 0 |
| | | }, |
| | | filters: {}, |
| | | filters: { |
| | | fastdate: 0, |
| | | beginWorkDateStart: '', |
| | | beginWorkDateEnd: '' |
| | | }, |
| | | list: [], |
| | | total: 0, |
| | | queryFormConfig: { |
| | |
| | | label: '车牌号' |
| | | }, |
| | | { |
| | | type: 'slot', |
| | | filed: 'selDate', |
| | | type: 'daterange', |
| | | label: '日期' |
| | | } |
| | | }, |
| | | { |
| | | type: 'slot', |
| | | filed: 'fastdate', |
| | | label: '' |
| | | }, |
| | | ], |
| | | online: true |
| | | } |
| | | } |
| | | }, |
| | | created() { |
| | | this.getList() |
| | | // this.getList() |
| | | this.getGroupList() |
| | | this.changeRadio('0') |
| | | }, |
| | | methods: { |
| | | changeRadio(day) { |
| | | const arr = [dayjs().subtract(day, 'day').format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')] |
| | | this.filters.beginWorkDateStart = arr[0] |
| | | this.filters.beginWorkDateEnd = arr[1] |
| | | this.filters.fastdate = day |
| | | this.getList() |
| | | }, |
| | | handleSub() { |
| | | this.$refs.ruleForm.validate((valid) => { |
| | | if (valid) { |
| | |
| | | getList(page) { |
| | | const { pagination, filters } = this |
| | | this.loading = true |
| | | |
| | | platformLogPage({ |
| | | model: { |
| | | ...filters, |
| | | queryStatus: '6,7,8', |
| | | beginWorkDateStart: filters.selDate && filters.selDate.length > 0 ? filters.selDate[0] : null, |
| | | beginWorkDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null, |
| | | // beginWorkDateStart: filters.selDate && filters.selDate.length > 0 ? filters.selDate[0] : null, |
| | | // beginWorkDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null, |
| | | }, |
| | | sorts: [{ direction: 'DESC', property: 'param1' }], |
| | | capacity: pagination.pageSize, |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | ::v-deep .el-table{ |
| | | ::v-deep .el-table { |
| | | margin-bottom: 60px; |
| | | } |
| | | |
| | | </style> |
| | |
| | | <template> |
| | | <div class="main_app" style="overflow: auto;height: calc(100% - 100px);"> |
| | | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear"> |
| | | <template #selDate> |
| | | <div> |
| | | <el-date-picker v-model="filters.queryDateStart" type="date" value-format="yyyy-MM-dd" class="w200" :clearable="false" |
| | | @change="getList(1)" /> |
| | | <el-date-picker v-model="filters.queryDateEnd" type="date" value-format="yyyy-MM-dd" class="w200" :clearable="false" |
| | | @change="getList(1)" /> |
| | | </div> |
| | | </template> |
| | | <template #fastdate> |
| | | <el-radio-group v-model="filters.fastdate" size="small" @input="changeRadio"> |
| | | <el-radio-button label="0">当天</el-radio-button> |
| | |
| | | <div v-if="this.list" style="width: 100%;display: flex;height: 50px;padding-top: 20px;font-size: 18px;color: red"> |
| | | <div style="flex: 1;min-width: 100px"></div> |
| | | <div style="flex: 1;min-width: 100px;">合计:</div> |
| | | <div style="flex: 1;min-width: 100px;"> <span style="font-weight: bold; ">{{totalStopCount}}</span>次 </div> |
| | | <div style="flex: 2;min-width: 100px;"> <span style="font-weight: bold;">{{totalWorkTime.toFixed(2)}}</span>时</div> |
| | | <div style="flex: 1;min-width: 100px;"> <span style="font-weight: bold; ">{{ totalStopCount }}</span>次 </div> |
| | | <div style="flex: 2;min-width: 100px;"> <span style="font-weight: bold;">{{ totalWorkTime.toFixed(2) }}</span>时 |
| | | </div> |
| | | </div> |
| | | <!-- <pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" /> --> |
| | | </div> |
| | |
| | | }, |
| | | filters: { |
| | | fastdate: 0, |
| | | selDate: [] |
| | | queryDateStart: '', |
| | | queryDateEnd: '' |
| | | }, |
| | | totalStopCount:0, |
| | | totalWorkTime:0, |
| | | totalStopCount: 0, |
| | | totalWorkTime: 0, |
| | | list: [], |
| | | total: 0, |
| | | queryFormConfig: { |
| | |
| | | }, |
| | | { |
| | | type: 'slot', |
| | | filed: 'selDate', |
| | | label: '日期' |
| | | }, |
| | | { |
| | | type: 'slot', |
| | | filed: 'fastdate', |
| | | label: '' |
| | | }, |
| | | { |
| | | filed: 'selDate', |
| | | type: 'daterange', |
| | | clearable: false, |
| | | label: '日期' |
| | | } |
| | | ], |
| | | online: true |
| | | } |
| | |
| | | }, |
| | | methods: { |
| | | getSummaries(param) { |
| | | const { columns, data } = param; |
| | | const sums = []; |
| | | const { columns, data } = param |
| | | const sums = [] |
| | | columns.forEach((column, index) => { |
| | | if (index === 0) { |
| | | sums[index] = '合计'; |
| | | sums[index] = '合计' |
| | | } else { |
| | | const values = data.map(item => parseInt(item[column.property])); |
| | | const values = data.map(item => parseInt(item[column.property])) |
| | | if (!values.every(value => isNaN(value))) { |
| | | sums[index] = values.reduce((prev, curr) => { |
| | | const value = parseInt(curr); |
| | | const value = parseInt(curr) |
| | | if (!isNaN(value)) { |
| | | return prev + curr; |
| | | return prev + curr |
| | | } else { |
| | | return prev; |
| | | return prev |
| | | } |
| | | }, 0); |
| | | }, 0) |
| | | } else { |
| | | sums[index] = '0'; |
| | | sums[index] = '0' |
| | | } |
| | | } |
| | | }); |
| | | return sums; |
| | | }) |
| | | return sums |
| | | }, |
| | | changeRadio(day) { |
| | | const arr = [dayjs().subtract(day, 'day').format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')] |
| | | this.$set(this.filters, 'selDate', arr) |
| | | this.filters.queryDateStart = arr[0] |
| | | this.filters.queryDateEnd = arr[1] |
| | | this.filters.fastdate = day |
| | | this.getList() |
| | | }, |
| | | handleSub() { |
| | |
| | | this.totalStopCount = 0 |
| | | this.totalWorkTime = 0 |
| | | const { pagination, filters } = this |
| | | if (filters.queryDateStart > filters.queryDateEnd) { |
| | | this.filters.queryDateStart = this.filters.queryDateEnd |
| | | return this.$message.error('开始时间不能大于结束时间') |
| | | } |
| | | this.loading = true |
| | | platformWorkReportPage({ |
| | | ...filters, |
| | | queryDateStart: filters.selDate && filters.selDate.length > 0 ? filters.selDate[0] : null, |
| | | queryDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null, |
| | | // queryDateStart: filters.selDate && filters.selDate.length > 0 ? filters.selDate[0] : null, |
| | | // queryDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null, |
| | | }).then(res => { |
| | | this.loading = false |
| | | this.list = res || [] |
| | |
| | | selDate: [], |
| | | fastdate: '' |
| | | } |
| | | this.getList() |
| | | // this.changeRadio('0') |
| | | // this.getList() |
| | | this.changeRadio('0') |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | .active { |
| | | border: 1rpx solid $uni-color-primary !important; |
| | | border: 2rpx solid $uni-color-primary !important; |
| | | color: $uni-color-primary !important; |
| | | } |
| | | .box_head_item { |
| | | width: 156rpx; |
| | | text-align: center; |
| | | height: 60rpx; |
| | | line-height: 60rpx; |
| | | box-sizing: border-box; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | border-radius: 30rpx; |
| | | border: 1rpx solid #999999; |
| | | border: 2rpx solid #999999; |
| | | font-size: 26rpx; |
| | | font-weight: 400; |
| | | color: #333333; |
| | |
| | | <view class="main_app" :class="{ popupShow: isShowSelMem }">
|
| | | <view class="search_inp df_ac">
|
| | | <image class="mr12 search" src="../../static/ic_search@2x.png" mode="widthFix"></image>
|
| | | <input v-model="param.queryParam" @confirm="initData()" type="text" placeholder="搜索"
|
| | | <input v-model="param.queryParam" @confirm="initData()" confirm-type="search" type="text" placeholder="搜索"
|
| | | placeholder-style="color: #999999;" />
|
| | | </view>
|
| | | <view class="member_list">
|
| | |
| | | @blur="initData()" |
| | | type="text" |
| | | placeholder="请输入姓名进行搜索" |
| | | confirm-type="search" |
| | | placeholder-style="color: #999999;" |
| | | /> |
| | | </view> |
| | |
| | | v-model="search.title" |
| | | @blur="querylist" |
| | | type="text" |
| | | confirm-type="search" |
| | | placeholder="搜索任务名称" |
| | | /> |
| | | </view> |
| | |
| | | justify-content: space-between; |
| | | align-items: center; |
| | | .active { |
| | | border: 1rpx solid #4c99a8 !important; |
| | | border: 2rpx solid #4c99a8 !important; |
| | | color: #4c99a8 !important; |
| | | } |
| | | .box_head_item { |
| | |
| | | line-height: 60rpx; |
| | | box-sizing: border-box; |
| | | border-radius: 30rpx; |
| | | border: 1rpx solid #999999; |
| | | border: 2rpx solid #999999; |
| | | font-size: 26rpx; |
| | | font-weight: 400; |
| | | color: #333333; |
| | |
| | | <view class="main_app" :style="{ height: windowHeight + 'px' }" :class="{ popupShow: isShowSelMem }">
|
| | | <view class="search_inp df_ac">
|
| | | <image class="mr12 search" src="@/static/ic_search@2x.png" mode="widthFix"></image>
|
| | | <input v-model="param.queryParam" @confirm="initData()" type="text" placeholder="搜索"
|
| | | <input v-model="param.queryParam" @confirm="initData()" confirm-type="search" type="text" placeholder="搜索"
|
| | | placeholder-style="color: #999999;" />
|
| | | </view>
|
| | | <view class="member_list">
|
| | |
| | | v-model="param.name" |
| | | @confirm="initData()" |
| | | type="text" |
| | | confirm-type="search" |
| | | placeholder="请输入姓名进行搜索" |
| | | placeholder-style="color: #999999;" |
| | | /> |
| | |
| | | type="text" |
| | | placeholder="搜索车辆牌照" |
| | | placeholder-class="placeholder9" |
| | | confirm-type="search" |
| | | @confirm="handleQuery" |
| | | /> |
| | | </view> |
| | |
| | | </view> |
| | | <!-- --> |
| | | <view class="dataList"> |
| | | <view class="item" v-for="item in platformLineUpList" :key="item.id"> |
| | | <view class="item" v-for="item,i in platformLineUpList" :key="i"> |
| | | <view class="head"> |
| | | <view v-if="item.carCodeFront" class="code"> |
| | | <text>{{ item.carCodeFront.slice(0, 1) }}</text> |
| | |
| | | <text>·</text> |
| | | <text>{{ item.carCodeFront.slice(2) }}</text> |
| | | </view> |
| | | <view class="status green" v-if="item.status == 2">月台等待</view > |
| | | <!-- <view class="status green" v-if="item.status == 2">月台等待</view > --> |
| | | <view class="status green" v-if="item.status == 2">等待叫号</view > |
| | | <view class="status" v-if="item.status == 3">入园等待</view > |
| | | <view class="status" v-if="item.status == 7">转移中</view > |
| | | </view> |