From 7298d5354963a88643a543b51b90192dc9fc934c Mon Sep 17 00:00:00 2001 From: doum <doum> Date: 星期四, 11 九月 2025 18:43:14 +0800 Subject: [PATCH] 最新版本541200007 --- admin/src/views/platform/LogisticsRecord/operation.vue | 230 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 230 insertions(+), 0 deletions(-) diff --git a/admin/src/views/platform/LogisticsRecord/operation.vue b/admin/src/views/platform/LogisticsRecord/operation.vue index e69de29..4b05cbb 100644 --- a/admin/src/views/platform/LogisticsRecord/operation.vue +++ b/admin/src/views/platform/LogisticsRecord/operation.vue @@ -0,0 +1,230 @@ +<template> + <div class="main_app"> + <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-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> + <div class="pt16"> + <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-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 /> + <el-table-column prop="carCodeBack" label="杞︾墝鍚庣収鍙�" min-width="100" show-overflow-tooltip /> + <!-- <el-table-column prop="taskOrigin" label="浠诲姟鏉ユ簮" min-width="100" show-overflow-tooltip /> + <el-table-column prop="carrierName" label="杩愯緭鍏徃" min-width="100" show-overflow-tooltip /> --> + <el-table-column prop="driverName" label="椹鹃┒鍛�" min-width="100" show-overflow-tooltip /> + <el-table-column prop="drivierPhone" label="鑱旂郴鏂瑰紡" min-width="100" show-overflow-tooltip /> + <el-table-column prop="confirmTaskDate" label="纭鏃堕棿" min-width="150" show-overflow-tooltip /> + <el-table-column prop="signDate" label="绛惧埌鏃堕棿" min-width="150" show-overflow-tooltip /> + <el-table-column prop="callDate" label="鍙彿鏃堕棿" min-width="150" show-overflow-tooltip /> + <el-table-column prop="startDate" label="浣滀笟寮�濮嬫椂闂�" min-width="150" show-overflow-tooltip /> + <el-table-column prop="doneDate" label="浣滀笟瀹屾垚鏃堕棿" min-width="150" show-overflow-tooltip /> + <el-table-column prop="workTime" label="浣滀笟鏃堕暱" min-width="100" show-overflow-tooltip /> + <el-table-column prop="platformNames" label="鍙彿鏈堝彴" min-width="100" show-overflow-tooltip /> + <el-table-column prop="createDate" label="鍒涘缓鏃堕棿" min-width="150" show-overflow-tooltip /> + <el-table-column label="浣滀笟鎯呭喌" fixed="right" min-width="100" show-overflow-tooltip> + <template v-slot="scope"> + <span>{{ statusMap[scope.row.status] }}</span> + </template> + </el-table-column> + </el-table> + <Pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" /> + <!-- --> + <!-- --> + <DriverDetail v-if="isShowDriver" ref="DriverDetailRef" /> + </div> +</template> + +<script> +import Pagination from '@/components/common/Pagination' +import QueryForm from '@/components/common/QueryForm' +import { platformJobPage, platformJobExport, platformJobDel } from '@/api' +import { statusMap } from '../config' +import DriverDetail from "@/views/task/driverDetail" +import GlobalWindow from '@/components/common/GlobalWindow' +import UploadFaceImg from '@/components/common/UploadFaceImg' +import { Message } from 'element-ui' +import dayjs from 'dayjs' +import duration from 'dayjs/plugin/duration' +dayjs.extend(duration) +import BaseComputHeight from "@/components/base/BaseComputHeight" +export default { + extends: BaseComputHeight, + components: { + Pagination, + QueryForm, + DriverDetail, + GlobalWindow, + UploadFaceImg + }, + data() { + return { + statusMap, + isShowDriver: false, + exLoading: false, + loading: false, + pagination: { + pageSize: 10, + page: 1, + total: 0 + }, + filters: { + selDate: [], + fastdate: 0, + beginWorkDateStart: '', + beginWorkDateEnd: '' + // beginDoneDateEnd: '' + }, + list: [], + queryFormConfig: { + formItems: [ + { + filed: 'billCode', + type: 'input', + label: '杩愬崟鍙�' + }, + { + filed: 'carCodeFront', + type: 'input', + label: '杞︾墝鍙�' + }, + { + filed: 'driverName', + type: 'input', + label: '椹鹃┒鍛�' + }, + { + filed1: 'beginWorkDateStart', + filed2: 'beginWorkDateEnd', + type: 'datetime', + label: '浣滀笟鏃堕棿' + }, + { + type: 'slot', + filed: 'fastdate' + } + ], + online: true + }, + } + }, + created() { + this.changeRadio('0') + this.getList() + }, + 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.filters.beginWorkDateEnd = arr[1] + this.filters.beginWorkDateStart = arr[0] + this.getList(1) + }, + changeForm(str) { + if(this.filters.beginWorkDateStart> this.filters.beginWorkDateEnd ){ + this.filters.beginWorkDateEnd = this.filters.beginWorkDateEnd + return this.$message.error('寮�濮嬫椂闂翠笉鑳藉ぇ浜庣粨鏉熸椂闂�') + } + this.getList() + }, + getList(page) { + const { pagination, filters } = this + this.loading = true + platformJobPage({ + model: { + ...filters, + jobType: '0', + }, + sorts: [{ direction: 'DESC', property: 'create_date' }], + capacity: pagination.pageSize, + page: page || pagination.page, + }).then(res => { + this.loading = false + this.list = res.records || [] + 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澶〩鏃秏鍒唖绉�') + } else { + item.workTime = dayjs.duration(item.workTime, 'seconds').format('H鏃秏鍒唖绉�') + } + }) + this.pagination.total = res.total || 0 + }, () => { + this.loading = false + }) + }, + handleDel(row) { + this.$dialog.exportConfirm('纭鍒犻櫎鍚楋紵').then(() => { + platformJobDel({ id: row.id }).then(res => { + Message.success('鍒犻櫎鎴愬姛') + this.getList() + }) + }) + }, + handleEx() { + this.$dialog.exportConfirm('纭瀵煎嚭鍚楋紵') + .then(() => { + this.exLoading = true + const { filters } = this + platformJobExport({ + model: { + ...filters, + jobType: 0, + + }, + sorts: [{ direction: 'DESC', property: 'create_date' }], + capacity: 10000, + page: 1, + }) + .then(response => { + this.download(response) + }) + .catch(e => { + this.$tip.apiFailed(e) + }) + .finally(() => { + this.exLoading = false + }) + }) + }, + clear() { + this.pagination.page = 1 + this.filters = { + selDate: [], + } + this.getList() + }, + handleDetail(row) { + this.isShowDriver = true + this.$nextTick(() => { + this.$refs.DriverDetailRef.id = row.id + this.$refs.DriverDetailRef.type = 6 + this.$refs.DriverDetailRef.getDetail() + this.$refs.DriverDetailRef.isShowModal = true + }) + }, + handleSizeChange(capacity) { + this.pagination.pageSize = capacity + this.getList(1) + } + } +} +</script> +<style lang="scss" scoped> +.param_title { + font-size: 18px; + font-weight: 600; + color: #000000; + margin-bottom: 15px; +} +</style> -- Gitblit v1.9.3