| | |
| | | <template> |
| | | <basicContainer > |
| | | <avue-crud |
| | | :option="option" |
| | | :table-loading="pageF.loading" |
| | | :data="tableData" |
| | | :page="page" |
| | | :permission="permissionList" |
| | | :before-open="beforeOpen" |
| | | v-model="form" |
| | | ref="crudRef" |
| | | @row-update="rowUpdate" |
| | | @row-save="rowSave" |
| | | @refresh-change="refreshChange" |
| | | @row-del="rowDel" |
| | | @search-change="searchChange" |
| | | @search-reset="searchReset" |
| | | @selection-change="selectionChange" |
| | | @current-change="currentChange" |
| | | @size-change="sizeChange" |
| | | @on-load="onLoad" |
| | | > |
| | | <avue-crud :option="option" :table-loading="pageF.loading" :data="tableData" :page="page" |
| | | :permission="permissionList" :before-open="beforeOpen" v-model="form" ref="crudRef" @row-update="rowUpdate" |
| | | @row-save="rowSave" @refresh-change="refreshChange" @row-del="rowDel" @search-change="searchChange" |
| | | @search-reset="searchReset" @selection-change="selectionChange" @current-change="currentChange" |
| | | @size-change="sizeChange" @on-load="onLoad"> |
| | | <template #menu-left> |
| | | <el-button |
| | | type="success" |
| | | icon="Edit" |
| | | :disabled="pageF.single" |
| | | v-hasPermi="['cwgl:keyCollectionInfo:edit']" |
| | | <el-button type="success" icon="Edit" :disabled="pageF.single" v-hasPermi="['cwgl:keyCollectionInfo:edit']" |
| | | @click="handleUpdate">修改 |
| | | </el-button> |
| | | <el-button |
| | | type="danger" |
| | | icon="Delete" |
| | | :disabled="pageF.multiple" |
| | | @click="handleDelete" |
| | | v-hasPermi="['cwgl:keyCollectionInfo:remove']" |
| | | >删除 |
| | | <el-button type="danger" icon="Delete" :disabled="pageF.multiple" @click="handleDelete" |
| | | v-hasPermi="['cwgl:keyCollectionInfo:remove']">删除 |
| | | </el-button> |
| | | <el-button |
| | | type="warning" |
| | | plain |
| | | icon="Download" |
| | | @click="handleExport" |
| | | v-hasPermi="['cwgl:keyCollectionInfo:export']" |
| | | >导出 |
| | | <el-button type="warning" plain icon="Download" @click="handleExport" |
| | | v-hasPermi="['cwgl:keyCollectionInfo:export']">导出 |
| | | </el-button> |
| | | </template> |
| | | </avue-crud> |
| | |
| | | const option = ref({ |
| | | pageKey: 'KeyCollectionInfo', |
| | | rowKey: 'id', |
| | | menu: false, |
| | | addBtn: false, |
| | | editBtn: false, |
| | | delBtn: false, |
| | | viewBtn: false, |
| | | selection: false, |
| | | searchSpan: 5, |
| | | searchLabelWidth: 120, |
| | | labelWidth: 130, |
| | | column: { |
| | | id: { |
| | | label: 'ID', |
| | | }, |
| | | // id: { |
| | | // label: 'ID', |
| | | // }, |
| | | customerName: { |
| | | label: '客户名称', |
| | | minWidth: 200, |
| | | search: true, |
| | | }, |
| | | carrier: { |
| | | label: '承运商', |
| | | minWidth: 200, |
| | | showOverflowTooltip: true, |
| | | }, |
| | | dispatchNo: { |
| | | label: '调度单号', |
| | | minWidth: 200, |
| | | search: true, |
| | | }, |
| | | driverName: { |
| | | label: '司机名称', |
| | | }, |
| | | driverMobile: { |
| | | label: '司机手机号', |
| | | minWidth: 200, |
| | | }, |
| | | licensePlateNumber: { |
| | | label: '车牌号', |
| | | minWidth: 150, |
| | | }, |
| | | orderTime: { |
| | | label: '订单下单时间', |
| | | minWidth: 180, |
| | | search: true, |
| | | type: 'datetime', // 改为 datetime 类型 |
| | | format: 'YYYY-MM-DD HH:mm:ss', |
| | | valueFormat: 'YYYY-MM-DD HH:mm:ss', |
| | | minWidth: 200, |
| | | }, |
| | | orderCreatedTime: { |
| | | label: '订单创建时间', |
| | | minWidth: 180, |
| | | search: true, |
| | | type: 'datetime', // 改为 datetime 类型 |
| | | format: 'YYYY-MM-DD HH:mm:ss', |
| | | valueFormat: 'YYYY-MM-DD HH:mm:ss', |
| | | minWidth: 200, |
| | | }, |
| | | dispatchCreatedTime: { |
| | | label: '调度单创建时间', |
| | | minWidth: 180, |
| | | search: true, |
| | | type: 'datetime', // 改为 datetime 类型 |
| | | format: 'YYYY-MM-DD HH:mm:ss', |
| | | valueFormat: 'YYYY-MM-DD HH:mm:ss', |
| | | minWidth: 200, |
| | | }, |
| | | keyCollectionTime: { |
| | | label: '钥匙领取时间', |
| | | minWidth: 180, |
| | | type: 'datetime', // 改为 datetime 类型 |
| | | format: 'YYYY-MM-DD HH:mm:ss', |
| | | valueFormat: 'YYYY-MM-DD HH:mm:ss', |
| | | minWidth: 200, |
| | | }, |
| | | estimatedDepartureTime: { |
| | | minWidth: 180, |
| | | type: 'datetime', // 改为 datetime 类型 |
| | | format: 'YYYY-MM-DD HH:mm:ss', |
| | | valueFormat: 'YYYY-MM-DD HH:mm:ss', |
| | | minWidth: 200, |
| | | label: '预计出发时间', |
| | | }, |
| | | requiredArrivalTime: { |
| | | label: '要求到达时间', |
| | | minWidth: 180, |
| | | type: 'datetime', // 改为 datetime 类型 |
| | | format: 'YYYY-MM-DD HH:mm:ss', |
| | | valueFormat: 'YYYY-MM-DD HH:mm:ss', |
| | | minWidth: 200, |
| | | }, |
| | | consignorAddress: { |
| | | label: '出发地地址', |
| | | showOverflowTooltip: true, |
| | | minWidth: 200, |
| | | type: 'textarea', minRows: 3, maxRows: 5, |
| | | }, |
| | | consigneeAddress: { |
| | | label: '目的地地址', |
| | | showOverflowTooltip: true, |
| | | minWidth: 200, |
| | | type: 'textarea', minRows: 3, maxRows: 5, |
| | | }, |
| | | mainDriver: { |
| | | label: '主驾驶员', |
| | | minWidth: 150, |
| | | }, |
| | | pointNum: { |
| | | label: '提送货点数', |
| | | minWidth: 150, |
| | | }, |
| | | transportMode: { |
| | | label: '运输方式', |
| | | minWidth: 150, |
| | | }, |
| | | assistantDriver: { |
| | | label: '副驾驶员', |
| | | minWidth: 150, |
| | | }, |
| | | quantity: { |
| | | label: '件数', |
| | |
| | | label: '实发件数', |
| | | }, |
| | | remark: { |
| | | minWidth: 150, |
| | | showOverflowTooltip: true, |
| | | label: '备注', |
| | | type: 'textarea', minRows: 3, maxRows: 5, |
| | | }, |
| | |
| | | |
| | | |
| | | </script> |
| | | <style scoped> |
| | | ::v-deep .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell { |
| | | border: var(--el-descriptions-table-border); |
| | | padding: 8px 11px; |
| | | width: 200px; |
| | | } |
| | | |
| | | :deep(.avue-crud__table) { |
| | | overflow-y: auto; |
| | | } |
| | | |
| | | :deep(.el-scrollbar__bar.is-horizontal) { |
| | | pointer-events: auto; |
| | | } |
| | | </style> |