From c3aaf28f7316cce12eec007a9f85a96cbcddeec2 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期三, 07 五月 2025 10:34:20 +0800
Subject: [PATCH] 最新版本541200007
---
admin/src/views/platform/LogisticsRecord/operation.vue | 310 +++++++++++++++++++++++++++++++--------------------
1 files changed, 186 insertions(+), 124 deletions(-)
diff --git a/admin/src/views/platform/LogisticsRecord/operation.vue b/admin/src/views/platform/LogisticsRecord/operation.vue
index 15e1955..4b05cbb 100644
--- a/admin/src/views/platform/LogisticsRecord/operation.vue
+++ b/admin/src/views/platform/LogisticsRecord/operation.vue
@@ -1,168 +1,230 @@
<template>
<div class="main_app">
- <QueryForm
- v-model="filters"
- :query-form-config="queryFormConfig"
- @handleQuery="getList(1)"
- @clear="clear"
- />
- <el-table v-loading="loading" :data="list" stripe>
- <el-table-column
- prop="name"
- label="杞︾墝鍓嶇収鍙�"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="杞︾墝鍚庣収鍙�"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="椹鹃┒鍛�"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="鑱旂郴鏂瑰紡"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="纭鏃堕棿"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="绛惧埌鏃堕棿"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="鍙彿鏃堕棿"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="浣滀笟寮�濮嬫椂闂�"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="浣滀笟瀹屾垚鏃堕棿"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="浣滀笟鏃堕暱"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="鍙彿鏈堝彴"
- min-width="100"
- />
- <el-table-column
- prop="name"
- label="鏈堝彴缁�"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="杩愯緭鍗曞彿/鍚堝悓鍙�"
- min-width="100"
- show-overflow-tooltip
- />
- <el-table-column
- prop="name"
- label="浣滀笟鎯呭喌"
- min-width="100"
- show-overflow-tooltip
- />
-
+ <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"
- />
+ <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
+ QueryForm,
+ DriverDetail,
+ GlobalWindow,
+ UploadFaceImg
},
- data () {
+ data() {
return {
+ statusMap,
+ isShowDriver: false,
+ exLoading: false,
loading: false,
pagination: {
- capacity: 10,
- page: 1
+ pageSize: 10,
+ page: 1,
+ total: 0
},
- filters: {},
+ filters: {
+ selDate: [],
+ fastdate: 0,
+ beginWorkDateStart: '',
+ beginWorkDateEnd: ''
+ // beginDoneDateEnd: ''
+ },
list: [],
- total: 0,
- isShowEdit: false,
- param: {},
- rules: {},
queryFormConfig: {
formItems: [
{
- filed: 'aaaa',
+ filed: 'billCode',
+ type: 'input',
+ label: '杩愬崟鍙�'
+ },
+ {
+ filed: 'carCodeFront',
type: 'input',
label: '杞︾墝鍙�'
},
{
- filed: 'bbb',
+ filed: 'driverName',
type: 'input',
label: '椹鹃┒鍛�'
},
{
- filed: 'selDate',
- type: 'daterange',
- label: '鎿嶄綔鏃堕棿'
+ filed1: 'beginWorkDateStart',
+ filed2: 'beginWorkDateEnd',
+ type: 'datetime',
+ label: '浣滀笟鏃堕棿'
+ },
+ {
+ type: 'slot',
+ filed: 'fastdate'
}
],
online: true
},
}
},
+ created() {
+ this.changeRadio('0')
+ this.getList()
+ },
methods: {
- handleSub () {
- this.$refs.ruleForm.validate((valid) => {
- if (valid) {
- alert('submit!')
- }
+ 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
})
},
- getList (page) { },
- clear () { },
- handleEdit (row) {
- this.isShowEdit = true
+ handleDel(row) {
+ this.$dialog.exportConfirm('纭鍒犻櫎鍚楋紵').then(() => {
+ platformJobDel({ id: row.id }).then(res => {
+ Message.success('鍒犻櫎鎴愬姛')
+ this.getList()
+ })
+ })
},
- handleDel () { },
- handleSizeChange (capacity) {
- this.pagination.capacity = capacity
+ 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>
+<style lang="scss" scoped>
+.param_title {
+ font-size: 18px;
+ font-weight: 600;
+ color: #000000;
+ margin-bottom: 15px;
+}
</style>
--
Gitblit v1.9.3