|  |  |  | 
|---|
|  |  |  | <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 :height="tableHeightNew" 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 /> | 
|---|
|  |  |  | 
|---|
|  |  |  | <template v-slot="scope"> | 
|---|
|  |  |  | <el-button type="text" v-permissions="['business:platformbooks:detail']" | 
|---|
|  |  |  | @click="handleDetail(scope.row)">预约详情</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> | 
|---|
|  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import Pagination from '@/components/common/Pagination' | 
|---|
|  |  |  | import QueryForm from '@/components/common/QueryForm' | 
|---|
|  |  |  | import BasePage from '@/components/base/BasePage' | 
|---|
|  |  |  | import { platformBooksPage, platformReasonList, platformBooksApply, platformBooksExport } from '@/api' | 
|---|
|  |  |  | import { checkSurplusNum } from '@/api/platform/platform' | 
|---|
|  |  |  | import DriverDetail from "@/views/task/driverDetail" | 
|---|
|  |  |  | import { checkSurplusNum, deletebooksById } 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' | 
|---|
|  |  |  | 
|---|
|  |  |  | GlobalWindow, | 
|---|
|  |  |  | UploadAvatarImage | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | extends: BasePage, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | isShowDriver: false, | 
|---|
|  |  |  | exLoading: false, | 
|---|
|  |  |  | 
|---|
|  |  |  | 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' }], | 
|---|
|  |  |  | 
|---|
|  |  |  | 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: [ | 
|---|
|  |  |  | 
|---|
|  |  |  | { value: 1, label: '审批中' }, | 
|---|
|  |  |  | { value: 2, label: '审批通过' }, | 
|---|
|  |  |  | { value: 3, label: '审批驳回' }, | 
|---|
|  |  |  | { value: 4, label: '已取消' }, | 
|---|
|  |  |  | { value: 4, label: '已取消' } | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | { | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | online: true | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created() { | 
|---|
|  |  |  | created () { | 
|---|
|  |  |  | this.changeRadio('0') | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | checkSurplus() { | 
|---|
|  |  |  | checkSurplus () { | 
|---|
|  |  |  | const { arriveDate, reasonId, totalNum } = this.param | 
|---|
|  |  |  | if (!arriveDate || !reasonId || !totalNum) return | 
|---|
|  |  |  | checkSurplusNum({ | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 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() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | changeForm(str) { | 
|---|
|  |  |  | changeForm (str) { | 
|---|
|  |  |  | if (str === 'selDate') { | 
|---|
|  |  |  | this.$set(this.filters, 'fastdate', null) | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getList(page) { | 
|---|
|  |  |  | 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, | 
|---|
|  |  |  | arriveDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | capacity: pagination.pageSize, | 
|---|
|  |  |  | page: page || pagination.page, | 
|---|
|  |  |  | page: page || pagination.page | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | this.loading = false | 
|---|
|  |  |  | this.list = res.records || [] | 
|---|
|  |  |  | 
|---|
|  |  |  | this.loading = false | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleEx() { | 
|---|
|  |  |  | handleEx () { | 
|---|
|  |  |  | this.$dialog.exportConfirm('确认导出吗?') | 
|---|
|  |  |  | .then(() => { | 
|---|
|  |  |  | const { filters } = this | 
|---|
|  |  |  | 
|---|
|  |  |  | model: { | 
|---|
|  |  |  | ...filters, | 
|---|
|  |  |  | arriveDateStart: filters.selDate && filters.selDate.length > 0 ? filters.selDate[0] : null, | 
|---|
|  |  |  | arriveDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | arriveDateEnd: filters.selDate && filters.selDate.length > 0 ? filters.selDate[1] : null | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | .then(response => { | 
|---|
|  |  |  | this.download(response) | 
|---|
|  |  |  | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | onSubmit() { | 
|---|
|  |  |  | this.$refs['ruleForm'].validate((valid) => { | 
|---|
|  |  |  | onSubmit () { | 
|---|
|  |  |  | this.$refs.ruleForm.validate((valid) => { | 
|---|
|  |  |  | const param = this.param | 
|---|
|  |  |  | param.inReason = this.reasonList.find(item => param.reasonId == item.id).reason | 
|---|
|  |  |  | if (valid) { | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | uploadSuccess(file) { | 
|---|
|  |  |  | uploadSuccess (file) { | 
|---|
|  |  |  | this.$set(this.param, 'transportImg', file.imgurl) | 
|---|
|  |  |  | this.$set(this.param, 'transportImgFull', file.imgurlfull) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleEdit(row) { | 
|---|
|  |  |  | handleEdit (row) { | 
|---|
|  |  |  | this.isShowEdit = true | 
|---|
|  |  |  | this.param = { | 
|---|
|  |  |  | inType: 0 | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | this.$refs['ruleForm'].clearValidate() | 
|---|
|  |  |  | this.$refs.ruleForm.clearValidate() | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.$set(this.param, 'arriveDate', dayjs().format('YYYY-MM-DD HH:mm:ss')) | 
|---|
|  |  |  | this.getplatformReason() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | getplatformReason() { | 
|---|
|  |  |  | getplatformReason () { | 
|---|
|  |  |  | platformReasonList().then(res => { | 
|---|
|  |  |  | this.reasonList = res || [] | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleSub() { | 
|---|
|  |  |  | handleSub () { | 
|---|
|  |  |  | this.$refs.ruleForm.validate((valid) => { | 
|---|
|  |  |  | if (valid) { | 
|---|
|  |  |  | alert('submit!') | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | clear() { | 
|---|
|  |  |  | clear () { | 
|---|
|  |  |  | this.pagination.page = 1 | 
|---|
|  |  |  | this.filters = { | 
|---|
|  |  |  | selDate: [], | 
|---|
|  |  |  | fastdate: 0, | 
|---|
|  |  |  | selDate: [] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.changeRadio('0') | 
|---|
|  |  |  | this.getList() | 
|---|
|  |  |  | // this.changeRadio('0') | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleDetail(row) { | 
|---|
|  |  |  | handleDetail (row) { | 
|---|
|  |  |  | this.isShowDriver = true | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | this.$refs.DriverDetailRef.id = row.id | 
|---|
|  |  |  | 
|---|
|  |  |  | this.$refs.DriverDetailRef.isShowModal = true | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleDel() { }, | 
|---|
|  |  |  | handleSizeChange(capacity) { | 
|---|
|  |  |  | 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() | 
|---|
|  |  |  | } | 
|---|