From 090ea2c7d46a7082e978e6c0134d3fbeafaa34a0 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期三, 16 四月 2025 16:44:20 +0800
Subject: [PATCH] 提交
---
admin/src/views/platform/LogisticsRecord/subscribe.vue | 280 ++++++++++++++++++++++++++++++++++++++++++++++---------
1 files changed, 232 insertions(+), 48 deletions(-)
diff --git a/admin/src/views/platform/LogisticsRecord/subscribe.vue b/admin/src/views/platform/LogisticsRecord/subscribe.vue
index 3aa5208..cedb20e 100644
--- a/admin/src/views/platform/LogisticsRecord/subscribe.vue
+++ b/admin/src/views/platform/LogisticsRecord/subscribe.vue
@@ -1,22 +1,40 @@
<template>
<div class="main_app">
- <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear" />
- <div>
+ <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 type="primary" @click="handleEdit" icon="el-icon-plus"
v-permissions="['business:platformbooks:create']">鏂板缓</el-button>
- <el-button type="primary" @click="handleEx" v-permissions="['business:platformbooks:exportExcel']">瀵煎嚭</el-button>
+ <el-button type="primary" @click="complete(ids)">瀹屾垚浣滀笟</el-button>
+ <el-button :loading="exLoading" @click="handleEx"
+ v-permissions="['business:platformbooks:exportExcel']">瀵煎嚭</el-button>
</div>
- <el-table class="mb20" v-loading="loading" :data="list" stripe>
- <el-table-column prop="contractNum" label="鍚堝悓鍗曞彿" min-width="100" show-overflow-tooltip />
+ <el-table :height="tableHeightNew" v-loading="loading" :data="list" @selection-change="handleSelectionChange" stripe>
+ <el-table-column type="selection" width="55"></el-table-column>
+ <el-table-column prop="contractNum" label="鍚堝悓/鍗曟嵁缂栧彿" min-width="100" show-overflow-tooltip />
<el-table-column prop="inReason" 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="driverName" label="椹鹃┒鍛�" min-width="100" show-overflow-tooltip />
<el-table-column prop="driverPhone" label="鑱旂郴鏂瑰紡" min-width="100" show-overflow-tooltip />
- <el-table-column prop="inTypeTemp" label="鍏ュ簱绫诲瀷" min-width="100" show-overflow-tooltip />
+ <el-table-column prop="inTypeTemp" label="浣滀笟绫诲瀷" min-width="100" show-overflow-tooltip />
+ <el-table-column label="浣滀笟鐘舵��" min-width="100" show-overflow-tooltip>
+ <template v-slot="scope">
+ <span v-if="[2,3,4].includes(scope.row.status)">{{ statusMap[scope.row.jobStatus] || '' }}</span>
+ <span v-else>-</span>
+ </template>
+ </el-table-column>
<el-table-column prop="arriveDate" label="棰勭害鍒板満鏃堕棿" min-width="150" show-overflow-tooltip />
- <el-table-column prop="name" label="瀹℃壒缁撴灉" min-width="100" show-overflow-tooltip>
+ <el-table-column label="瀹℃壒缁撴灉" min-width="100" show-overflow-tooltip>
<template v-slot="scope">
<span v-if="scope.row.status == '0'">寰呭鎵�</span>
<span v-if="scope.row.status == '1'">瀹℃壒涓�</span>
@@ -25,12 +43,15 @@
<span v-if="scope.row.status == '4'">宸插彇娑�</span>
</template>
</el-table-column>
- <el-table-column prop="name" label="褰撳墠瀹℃壒浜�" min-width="100" show-overflow-tooltip />
+ <el-table-column prop="auditName" label="褰撳墠瀹℃壒浜�" min-width="100" show-overflow-tooltip />
<el-table-column prop="editDate" label="鎿嶄綔鏃堕棿" min-width="150" show-overflow-tooltip />
- <el-table-column prop="name" label="鎿嶄綔" min-width="120" align="center" fixed="right" show-overflow-tooltip>
+ <el-table-column prop="name" label="鎿嶄綔" min-width="170" align="center" fixed="right" show-overflow-tooltip>
<template v-slot="scope">
<el-button type="text" v-permissions="['business:platformbooks:detail']"
@click="handleDetail(scope.row)">棰勭害璇︽儏</el-button>
+ <el-button type="text" @click="complete([scope.row.jobId])" v-if="[0,1,2].includes(scope.row.jobStatus)">瀹屾垚浣滀笟</el-button>
+ <el-button type="text" class="red" v-permissions="['business:platformbooks:delete']"
+ @click="handleDel(scope.row)">鍒犻櫎</el-button>
</template>
</el-table-column>
</el-table>
@@ -40,33 +61,34 @@
:confirm-working="subLoading" @confirm="onSubmit">
<el-form :model="param" :rules="rules" ref="ruleForm" label-width="100px">
<div class="param_title">杩愯緭淇℃伅</div>
- <el-form-item label="鍏ュ洯鍘熷洜" prop="inReason">
- <el-select v-model="param.inReason" class="w300" placeholder="璇烽�夋嫨">
+ <el-form-item label="鍏ュ洯鍘熷洜" prop="reasonId">
+ <el-select v-model="param.reasonId" @change="checkSurplus" class="w300" placeholder="璇烽�夋嫨">
<el-option v-for="item in reasonList" :key="item.id" :label="item.reason" :value="item.id">
</el-option>
</el-select>
</el-form-item>
- <el-form-item label="鍚堝悓鍙�" prop="contractNum">
- <el-input v-model="param.contractNum" class="w300" placeholder="璇疯緭鍏ュ悎鍚屽彿"></el-input>
+ <el-form-item label="鍚堝悓/鍗曟嵁缂栧彿" prop="contractNum">
+ <el-input v-model="param.contractNum" class="w300" placeholder="璇疯緭鍏ュ悎鍚�/鍗曟嵁缂栧彿"></el-input>
</el-form-item>
<el-form-item label="鍒板満鏃堕棿" prop="arriveDate">
- <el-date-picker v-model="param.arriveDate" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" class="w300"
- placeholder="璇烽�夋嫨">
+ <el-date-picker v-model="param.arriveDate" @change="checkSurplus" value-format="yyyy-MM-dd HH:mm:ss"
+ type="datetime" class="w300" placeholder="璇烽�夋嫨">
</el-date-picker>
</el-form-item>
- <el-form-item label="鍏ュ簱绫诲瀷" prop="inType">
+ <el-form-item label="浣滀笟绫诲瀷" prop="inType">
<div>
<el-radio v-model="param.inType" :label="0">鏁翠欢鐩�</el-radio>
<el-radio v-model="param.inType" :label="1">浠剁儫</el-radio>
</div>
</el-form-item>
<el-form-item label="鎬昏繍杈撻噺" prop="totalNum">
- <el-input v-model="param.totalNum" placeholder="璇疯緭鍏�" class="w300"></el-input>
+ <el-input @blur="checkSurplus" oninput="value=value.replace(/^(0+)|[^\d]+/g, '').slice(0, 10)"
+ v-model="param.totalNum" placeholder="璇疯緭鍏�" class="w300"></el-input>
<span class="ml10">涓囨敮</span>
</el-form-item>
- <el-form-item label="鍑嗚繍璇佺収鐗�" prop="transportImgFull">
- <UploadFaceImg :file="{ 'imgurlfull': param.transportImgFull, 'imgurl': param.transportImg }"
- :uploadData="{ folder: 'PLATFORM' }" @uploadSuccess="uploadSuccess" @uploadEnd="isUploading = false"
+ <el-form-item label="鍑嗚繍璇�/杩愬崟鐓х墖" prop="transportImg">
+ <UploadAvatarImage :file="{ 'imgurlfull': param.transportImgFull, 'imgurl': param.transportImg }"
+ :uploadData="{ folder: 'platform' }" @uploadSuccess="uploadSuccess" @uploadEnd="isUploading = false"
@uploadBegin="isUploading = true" />
</el-form-item>
<div class="param_title">鍙告満/杞﹁締淇℃伅</div>
@@ -74,7 +96,8 @@
<el-input v-model="param.driverName" placeholder="璇疯緭鍏�" class="w300"></el-input>
</el-form-item>
<el-form-item label="鍙告満鎵嬫満鍙�" prop="driverPhone">
- <el-input v-model="param.driverPhone" placeholder="璇疯緭鍏�" class="w300"></el-input>
+ <el-input oninput="value=value.replace(/^(0+)|[^\d]+/g, '').slice(0, 11)" v-model="param.driverPhone"
+ placeholder="璇疯緭鍏�" class="w300"></el-input>
</el-form-item>
<el-form-item label="杞﹀墠鐗岀収鍙�" prop="carCodeFront">
<el-input v-model="param.carCodeFront" placeholder="璇疯緭鍏�" class="w300"></el-input>
@@ -85,28 +108,36 @@
</el-form>
</GlobalWindow>
<!-- -->
- <DriverDetail v-if="isShowDriver" ref="DriverDetailRef" />
+ <DriverDetail v-if="isShowDriver" @success="getList" @close="isShowDriver = false" ref="DriverDetailRef" />
</div>
</template>
<script>
import Pagination from '@/components/common/Pagination'
import QueryForm from '@/components/common/QueryForm'
-import { platformBooksPage, platformReasonList, platformBooksApply } from '@/api'
-import DriverDetail from "@/views/task/driverDetail"
+import { platformBooksPage, platformReasonList, platformBooksApply, platformBooksExport, dealJobFinish } from '@/api'
+import { checkSurplusNum, deletebooksById } from '@/api/platform/platform'
+import DriverDetail from '@/views/task/driverDetail'
import GlobalWindow from '@/components/common/GlobalWindow'
-import UploadFaceImg from '@/components/common/UploadFaceImg'
+import UploadAvatarImage from '@/components/common/UploadAvatarImage'
+import { Message } from 'element-ui'
+import { statusMap } from '../config'
+import dayjs from 'dayjs'
+import BaseComputHeight from "@/components/base/BaseComputHeight"
export default {
+ extends: BaseComputHeight,
components: {
Pagination,
QueryForm,
DriverDetail,
GlobalWindow,
- UploadFaceImg
+ UploadAvatarImage
},
data() {
return {
+ statusMap,
isShowDriver: false,
+ exLoading: false,
loading: false,
pagination: {
pageSize: 10,
@@ -114,26 +145,30 @@
total: 0
},
filters: {
- selDate: []
+ arriveDateStart: '',
+ arriveDateEnd: '',
+ fastdate: 0
},
list: [],
isShowEdit: false,
subLoading: false,
- param: {},
+ param: {
+ inType: 0
+ },
reasonList: [],
rules: {
contractNum: [{ required: true, message: '璇疯緭鍏�', trigger: 'blur' }],
totalNum: [{ required: true, message: '璇疯緭鍏�', trigger: 'blur' }],
- driverName: [{ required: true, message: '璇疯緭鍏�', trigger: 'blur' }],
driverPhone: [{ required: true, message: '璇疯緭鍏�', trigger: 'blur' }],
carCodeFront: [{ required: true, message: '璇疯緭鍏�', trigger: 'blur' }],
carCodeBack: [{ required: true, message: '璇疯緭鍏�', trigger: 'blur' }],
- inReason: [{ required: true, message: '璇烽�夋嫨', trigger: 'blur' }],
+ transportImg: [{ required: true, message: '璇蜂笂浼�', trigger: 'blur' }],
+ reasonId: [{ required: true, message: '璇烽�夋嫨', trigger: 'blur' }],
arriveDate: [{ required: true, message: '璇烽�夋嫨', trigger: 'blur' }],
inType: [{ required: true, message: '璇烽�夋嫨', trigger: 'blur' }],
- driverName: [{ required: true, message: '璇烽�夋嫨', trigger: 'blur' }],
+ driverName: [{ required: true, message: '璇烽�夋嫨', trigger: 'blur' }]
},
queryFormConfig: {
formItems: [
@@ -153,30 +188,122 @@
label: '鍚堝悓鍗曞彿'
},
{
- filed: 'selDate',
- type: 'datetimerange',
- label: '鎿嶄綔鏃堕棿'
+ filed: 'jobStatus',
+ type: 'select',
+ label: '浣滀笟鐘舵��',
+ options: [
+ { value: 0, label: '寰呯‘璁�' },
+ { value: 1, label: '寰呯鍒�' },
+ { value: 2, label: '绛夊緟鍙彿' },
+ { value: 3, label: '鍏ュ洯绛夊緟' },
+ { value: 4, label: '鏈堝彴绛夊緟' },
+ { value: 5, label: '浣滀笟涓�' },
+ { value: 6, label: '浣滀笟瀹屾垚' },
+ { value: 7, label: '杞Щ涓�' },
+ { value: 8, label: '寮傚父鎸傝捣' },
+ { value: 9, label: '宸叉巿鏉冪鍥�' },
+ { value: 10, label: '宸茬鍥�' },
+ { value: 11, label: '宸茶繃鍙�' },
+ { value: 12, label: '宸插彇娑�' },
+ ]
+ },
+ {
+ filed: 'status',
+ type: 'select',
+ label: '瀹℃壒缁撴灉',
+ options: [
+ { value: 0, label: '寰呭鎵�' },
+ { value: 1, label: '瀹℃壒涓�' },
+ { value: 2, label: '瀹℃壒閫氳繃' },
+ { value: 3, label: '瀹℃壒椹冲洖' },
+ { value: 4, label: '宸插彇娑�' }
+ ]
+ },
+ {
+ filed: 'reasonId',
+ type: 'select',
+ label: '鍏ュ洯鍘熷洜',
+ options: []
+ },
+ {
+ filed1: 'arriveDateStart',
+ filed2: 'arriveDateEnd',
+ type: 'datetime',
+ label: '棰勭害鍒板満鏃堕棿'
+ },
+ {
+ type: 'slot',
+ filed: 'fastdate',
+ label: ''
}
],
online: true
},
+ ids: []
}
},
created() {
- this.getList()
+ this.changeRadio('0')
+ this.getplatformReasons()
+ // this.getList()
},
methods: {
+ handleSelectionChange(ids) {
+ this.ids = ids.map(item => item.jobId)
+ },
+ complete(ids) {
+ var that = this;
+ if (ids.length === 0) {
+ return this.$message.warning('鑷冲皯閫夋嫨涓�椤瑰唴瀹�')
+ }
+ this.$confirm('鏄惁纭瀹屾垚浣滀笟锛�, 鏄惁纭?', '鎻愮ず', {
+ confirmButtonText: '纭',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning'
+ }).then(() => {
+ dealJobFinish(ids)
+ .then(res => {
+ that.getList()
+ })
+ }).catch(() => {
+
+ });
+ },
+ checkSurplus() {
+ const { arriveDate, reasonId, totalNum } = this.param
+ if (!arriveDate || !reasonId || !totalNum) return
+ checkSurplusNum({
+ arriveDate,
+ reasonId,
+ totalNum
+ }).then(res => {
+ if (res == 0 || res < Number(totalNum)) {
+ Message.error(`褰撴棩鍓╀綑鍙绾︿綔涓氶噺${res}涓囨敮涓嶈冻璇烽�夋嫨鍏朵粬鍒板満鏃ユ湡`)
+ }
+ })
+ },
+ 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.arriveDateStart = arr[0]
+ this.filters.arriveDateEnd = arr[1]
+ this.getList(1)
+ },
+ changeForm(str) {
+ if (this.filters.arriveDateStart > this.filters.arriveDateEnd) {
+ this.filters.arriveDateStart = this.filters.arriveDateEnd
+ return this.$message.error('寮�濮嬫椂闂翠笉鑳藉ぇ浜庣粨鏉熸椂闂�')
+ }
+ this.getList()
+ },
getList(page) {
const { pagination, filters } = this
this.loading = true
platformBooksPage({
model: {
- ...filters,
- arriveDateStart: filters.selDate && filters.selDate.length > 0 ? filters.selDate[0] : null,
- arriveDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null,
+ ...filters
},
capacity: pagination.pageSize,
- page: page || pagination.page,
+ page: page || pagination.page
}).then(res => {
this.loading = false
this.list = res.records || []
@@ -189,14 +316,40 @@
})
},
handleEx() {
-
+ this.$dialog.exportConfirm('纭瀵煎嚭鍚楋紵')
+ .then(() => {
+ const { filters } = this
+ this.exLoading = true
+ platformBooksExport({
+ page: this.pagination.page,
+ capacity: 1000000,
+ model: {
+ ...filters
+ }
+ })
+ .then(response => {
+ this.download(response)
+ })
+ .catch(e => {
+ this.$tip.apiFailed(e)
+ })
+ .finally(() => {
+ this.exLoading = false
+ })
+ })
},
onSubmit() {
- this.$refs['ruleForm'].validate((valid) => {
+ this.$refs.ruleForm.validate((valid) => {
const param = this.param
+ param.inReason = this.reasonList.find(item => param.reasonId == item.id).reason
if (valid) {
- platformBooksApply({...param}).then(res => {
-
+ this.subLoading = true
+ platformBooksApply({ ...param }).then(res => {
+ this.getList()
+ this.subLoading = false
+ this.isShowEdit = false
+ }, () => {
+ this.subLoading = false
})
}
})
@@ -207,11 +360,28 @@
},
handleEdit(row) {
this.isShowEdit = true
+ this.param = {
+ inType: 0
+ }
+ this.$nextTick(() => {
+ this.$refs.ruleForm.clearValidate()
+ })
+ this.$set(this.param, 'arriveDate', dayjs().format('YYYY-MM-DD HH:mm:ss'))
this.getplatformReason()
},
getplatformReason() {
platformReasonList().then(res => {
this.reasonList = res || []
+ })
+ },
+ getplatformReasons() {
+ platformReasonList().then(res => {
+ this.queryFormConfig.formItems[5].options = (res || []).map(item => {
+ return {
+ value: item.id,
+ label: item.reason
+ }
+ })
})
},
handleSub() {
@@ -223,10 +393,9 @@
},
clear() {
this.pagination.page = 1
- this.filters = {
- selDate: []
- }
+ this.filters = {}
this.getList()
+ // this.changeRadio('0')
},
handleDetail(row) {
this.isShowDriver = true
@@ -237,9 +406,24 @@
this.$refs.DriverDetailRef.isShowModal = true
})
},
- handleDel() { },
+ handleDel(row) {
+ this.$confirm('纭畾鍒犻櫎璇ヨ褰曞悧, 鏄惁缁х画?', '鎻愮ず', {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning'
+ }).then(() => {
+ deletebooksById(row.id)
+ .then(res => {
+ this.$message.success('鎿嶄綔鎴愬姛')
+ this.page = 1
+ this.getList()
+ })
+ }).catch(() => {
+ })
+ },
handleSizeChange(capacity) {
this.pagination.pageSize = capacity
+ this.getList(1)
}
}
}
@@ -251,4 +435,4 @@
color: #000000;
margin-bottom: 15px;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3