| | |
| | | .multiselect--active { |
| | | z-index: 1000 !important; |
| | | } |
| | | .link-btn{ |
| | | &+.link-btn{ |
| | | margin-left: 12px; |
| | | } |
| | | .el-icon{ |
| | | margin-right: 5px; |
| | | } |
| | | } |
| | |
| | | v-hasPermi="['cwgl:dispatchOrder:export']" |
| | | >导出 |
| | | </el-button> |
| | | <el-button |
| | | type="success" |
| | | plain |
| | | icon="Download" |
| | | @click="handleExport" |
| | | v-hasPermi="['cwgl:dispatchOrder:export']" |
| | | >生成台账报表 |
| | | </el-button> |
| | | </template> |
| | | <template #menu="{ size, row, index }"> |
| | | <el-link class="link-btn" |
| | | type="primary" :underline="false" |
| | | plain :size="size" |
| | | icon="View" |
| | | @click="handleFy(row)" |
| | | v-hasPermi="['cwgl:dispatchOrder:query']" |
| | | > 查看费用 |
| | | </el-link> |
| | | <el-link class="link-btn" |
| | | type="primary" :underline="false" |
| | | plain |
| | | icon="View" |
| | | @click="handleFj(row)" |
| | | v-hasPermi="['cwgl:dispatchOrder:query']" |
| | | > 查看附件 |
| | | </el-link> |
| | | </template> |
| | | </avue-crud> |
| | | <el-dialog title="查看费用" v-model="open1" class="avue-dialog avue-dialog--top" width="60%"> |
| | | <avue-crud |
| | | :option="itemTableOption1" |
| | | :data="itemTableData1" |
| | | :table-loading="itemTableLoading1" |
| | | > |
| | | |
| | | </avue-crud> |
| | | </el-dialog> |
| | | <el-dialog title="查看附件" v-model="open2" class="avue-dialog avue-dialog--top" width="60%"> |
| | | <avue-crud |
| | | :option="itemTableOption2" |
| | | :data="itemTableData2" |
| | | :table-loading="itemTableLoading2" |
| | | > |
| | | </avue-crud> |
| | | </el-dialog> |
| | | </basicContainer> |
| | | </template> |
| | | |
| | |
| | | import {PagesInterface, PageQueryInterface} from "@/utils/globalInterface"; |
| | | import {usePagePlus} from "@/hooks/usePagePlus"; |
| | | import {hasPermission} from "@/utils/permissionUtils"; |
| | | import {useTableColumnWidth} from "@/hooks/useAvueTableWidths"; |
| | | |
| | | const {proxy} = useCurrentInstance(); |
| | | const crudRef = ref(); |
| | |
| | | currentPage: 1, |
| | | }, |
| | | selectionList: [], |
| | | itemTableData1: [], |
| | | itemTableData2: [], |
| | | open1:false, |
| | | open2:false, |
| | | itemTableLoading1:false, |
| | | itemTableLoading2:false, |
| | | }) |
| | | const {queryParams, form, page, selectionList} = toRefs(data); |
| | | const {queryParams, form, page, selectionList, itemTableData1, itemTableData2, open1, open2, itemTableLoading1, itemTableLoading2} = toRefs(data); |
| | | const option = ref({ |
| | | pageKey: 'DispatchOrder', |
| | | rowKey: 'id', |
| | |
| | | selection:false, |
| | | column: { |
| | | dispatchNo: { |
| | | label: '调度单号',search:true,width: 120, |
| | | fixed:'left', |
| | | label: '调度单号',search:true,minWidth: 180, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | |
| | | label: '运输方式',width: 120, |
| | | }, |
| | | productName: { |
| | | label: '服务产品名称',width: 120, |
| | | label: '服务产品名称',width: 120,showOverflowTooltip: true |
| | | }, |
| | | carrierName: { |
| | | label: '承运商',search:true,width: 120, |
| | | label: '承运商',search:true,width: 200,showOverflowTooltip: true |
| | | }, |
| | | departureLocationName: { |
| | | label: '出发地名称',width: 120, |
| | | label: '出发地名称',width: 210,showOverflowTooltip: true |
| | | }, |
| | | arrivalLocationName: { |
| | | label: '目的地名称',width: 120, |
| | | label: '目的地名称',width: 200,showOverflowTooltip: true |
| | | }, |
| | | licensePlateNumber: { |
| | | label: '车牌',search:true,width: 120, |
| | |
| | | label: '实发重量',width: 100, |
| | | }, |
| | | dispatchVolume: { |
| | | label: '实发体积(立方)',width: 100, |
| | | label: '实发体积(立方)',width: 160, |
| | | }, |
| | | status: { |
| | | label: '状态',search: true,dataType:'string',width: 100, |
| | |
| | | // updateTime: { |
| | | // label: '修改时间', |
| | | // }, |
| | | isDeleted: { |
| | | label: '是否删除(0-否,1-是)', |
| | | }, |
| | | // isDeleted: { |
| | | // label: '是否删除(0-否,1-是)', |
| | | // }, |
| | | } |
| | | }) |
| | | |
| | |
| | | selectionList.value = selection; |
| | | } |
| | | }) |
| | | useTableColumnWidth(option.value, crudRef); // 使用 Hook 管理列宽 |
| | | const itemTableOption1 = ref({ |
| | | addBtn: false, |
| | | selection: false, |
| | | menu: false, |
| | | header: false, |
| | | column: { |
| | | packageTrackingNo: { |
| | | label: '费用类型',minWidth: 180,fixed: 'left' |
| | | }, |
| | | ys: { |
| | | label: '应收费用',minWidth: 180, |
| | | }, |
| | | yf: { |
| | | label: '应付费用',minWidth: 180, |
| | | }, |
| | | isFY: { |
| | | label: '是否可付款',minWidth: 180, |
| | | }, |
| | | } |
| | | }) |
| | | |
| | | const itemTableOption2 = ref({ |
| | | addBtn: false, |
| | | selection: false, |
| | | menu: false, |
| | | header: false, |
| | | column: { |
| | | packageTrackingNo: { |
| | | label: '费用类型',minWidth: 180,fixed: 'left' |
| | | }, |
| | | ys: { |
| | | label: '金额',minWidth: 180, |
| | | }, |
| | | yf: { |
| | | label: '币值',minWidth: 180, |
| | | }, |
| | | isFY: { |
| | | label: '图片',minWidth: 180, |
| | | }, |
| | | } |
| | | }) |
| | | |
| | | |
| | | |
| | | const handleFy = (row:DispatchOrderI) => { |
| | | open1.value = true; |
| | | } |
| | | |
| | | const handleFj = (row:DispatchOrderI) => { |
| | | open2.value = true; |
| | | } |
| | | |
| | | |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | .avue-dialog .el-dialog__body { |
| | | padding: 20px 20px; |
| | | flex: 1; |
| | | overflow: scroll; |
| | | } |
| | | </style> |