From 17efddc6a667670dca682bf36b51a43e99615e6d Mon Sep 17 00:00:00 2001 From: k94314517 <8417338+k94314517@user.noreply.gitee.com> Date: 星期三, 16 十月 2024 15:59:38 +0800 Subject: [PATCH] 代码初始化 --- admin/src/views/platform/LogisticsRecord/subscribe.vue | 346 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 346 insertions(+), 0 deletions(-) diff --git a/admin/src/views/platform/LogisticsRecord/subscribe.vue b/admin/src/views/platform/LogisticsRecord/subscribe.vue index e69de29..4c2a070 100644 --- a/admin/src/views/platform/LogisticsRecord/subscribe.vue +++ b/admin/src/views/platform/LogisticsRecord/subscribe.vue @@ -0,0 +1,346 @@ +<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 type="primary" @click="handleEdit" icon="el-icon-plus" + v-permissions="['business:platformbooks:create']">鏂板缓</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-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="arriveDate" label="棰勭害鍒板満鏃堕棿" min-width="150" 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> + <span v-if="scope.row.status == '2'">瀹℃壒閫氳繃</span> + <span v-if="scope.row.status == '3'">瀹℃壒椹冲洖</span> + <span v-if="scope.row.status == '4'">宸插彇娑�</span> + </template> + </el-table-column> + <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> + <template v-slot="scope"> + <el-button type="text" v-permissions="['business:platformbooks:detail']" + @click="handleDetail(scope.row)">棰勭害璇︽儏</el-button> + </template> + </el-table-column> + </el-table> + <pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" /> + <!-- --> + <GlobalWindow :title="param.id ? '缂栬緫鐗╂祦杞﹂绾�' : '鏂板鐗╂祦杞﹂绾�'" center :visible.sync="isShowEdit" width="600px" + :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="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> + <el-form-item label="鍒板満鏃堕棿" prop="arriveDate"> + <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"> + <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 @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="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> + <el-form-item label="鍙告満濮撳悕" prop="driverName"> + <el-input v-model="param.driverName" placeholder="璇疯緭鍏�" class="w300"></el-input> + </el-form-item> + <el-form-item label="鍙告満鎵嬫満鍙�" prop="driverPhone"> + <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> + </el-form-item> + <el-form-item label="杞﹀悗鐗岀収鍙�" prop="carCodeBack"> + <el-input v-model="param.carCodeBack" placeholder="璇疯緭鍏�" class="w300"></el-input> + </el-form-item> + </el-form> + </GlobalWindow> + <!-- --> + <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, platformBooksExport } from '@/api' +import { checkSurplusNum } from '@/api/platform/platform' +import DriverDetail from "@/views/task/driverDetail" +import GlobalWindow from '@/components/common/GlobalWindow' +import UploadAvatarImage from '@/components/common/UploadAvatarImage' +import { Message } from 'element-ui' +import dayjs from 'dayjs' +export default { + components: { + Pagination, + QueryForm, + DriverDetail, + GlobalWindow, + UploadAvatarImage + }, + data() { + return { + isShowDriver: false, + exLoading: false, + loading: false, + pagination: { + pageSize: 10, + page: 1, + total: 0 + }, + filters: { + selDate: [], + fastdate: 0 + }, + list: [], + + isShowEdit: false, + subLoading: false, + 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' }], + + 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' }], + }, + queryFormConfig: { + formItems: [ + { + filed: 'carCodeFront', + type: 'input', + label: '杞︾墝鍙�' + }, + { + filed: 'driverName', + type: 'input', + label: '椹鹃┒鍛�' + }, + { + filed: 'contractNum', + type: 'input', + label: '鍚堝悓鍗曞彿' + }, + { + filed: 'status', + type: 'select', + label: '瀹℃壒缁撴灉', + options: [ + { value: 0, label: '寰呭鎵�' }, + { value: 1, label: '瀹℃壒涓�' }, + { value: 2, label: '瀹℃壒閫氳繃' }, + { value: 3, label: '瀹℃壒椹冲洖' }, + { value: 4, label: '宸插彇娑�' }, + ] + }, + { + filed: 'selDate', + type: 'datetimerange', + label: '鎿嶄綔鏃堕棿', + pickerOptions: {} + }, + { + type: 'slot', + filed: 'fastdate', + label: '' + } + ], + online: true + }, + } + }, + created() { + this.changeRadio('0') + this.getList() + }, + methods: { + checkSurplus() { + const { arriveDate, reasonId, totalNum } = this.param + if(!arriveDate || !reasonId || !totalNum) return + checkSurplusNum({ + arriveDate, + reasonId, + totalNum + }).then(res => { + console.log('res', 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.$set(this.filters, 'selDate', arr) + this.getList() + }, + changeForm (str) { + if (str === 'selDate') { + this.$set(this.filters, 'fastdate', null) + 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, + }, + 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 ? '鏁存墭鐩�' : '浠剁儫' + }) + this.pagination.total = res.total || 0 + }, () => { + this.loading = false + }) + }, + handleEx() { + this.$dialog.exportConfirm('纭瀵煎嚭鍚楋紵') + .then(() => { + this.exLoading = true + platformBooksExport({ + page: this.pagination.page, + capacity: 1000000, + model: this.filters + }) + .then(response => { + this.download(response) + }) + .catch(e => { + this.$tip.apiFailed(e) + }) + .finally(() => { + this.exLoading = false + }) + }) + }, + onSubmit() { + 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.getList() + this.isShowEdit = false + }) + } + }) + }, + uploadSuccess(file) { + this.$set(this.param, 'transportImg', file.imgurl) + this.$set(this.param, 'transportImgFull', file.imgurlfull) + }, + 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 || [] + }) + }, + handleSub() { + this.$refs.ruleForm.validate((valid) => { + if (valid) { + alert('submit!') + } + }) + }, + clear() { + this.pagination.page = 1 + this.filters = { + selDate: [], + fastdate: 0, + } + this.changeRadio('0') + }, + 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 + }) + }, + handleDel() { }, + handleSizeChange(capacity) { + this.pagination.pageSize = capacity + } + } +} +</script> +<style lang="scss" scoped> +.param_title { + font-size: 18px; + font-weight: 600; + color: #000000; + margin-bottom: 15px; +} +</style> \ No newline at end of file -- Gitblit v1.9.3