15815213711
2025-07-29 3df57d04d239dc40c20cd2b43e1cb09ee005e943
ui/admin-ui3/src/views/cwgl/dispatchOrder/index.vue
@@ -30,8 +30,51 @@
            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>
@@ -50,7 +93,6 @@
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();
@@ -73,8 +115,14 @@
    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',
@@ -85,7 +133,8 @@
  selection:false,
  column: {
    dispatchNo: {
      label: '调度单号',search:true,width: 120,
      fixed:'left',
      label: '调度单号',search:true,minWidth: 180,
      rules: [
        {
          required: true,
@@ -97,16 +146,16 @@
      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,
@@ -161,7 +210,7 @@
      label: '实发重量',width: 100,
    },
    dispatchVolume: {
      label: '实发体积(立方)',width: 100,
      label: '实发体积(立方)',width: 160,
    },
    status: {
      label: '状态',search: true,dataType:'string',width: 100,
@@ -183,9 +232,9 @@
    // updateTime: {
    //   label: '修改时间',
    // },
    isDeleted: {
      label: '是否删除(0-否,1-是)',
    },
    // isDeleted: {
    //   label: '是否删除(0-否,1-是)',
    // },
  }
})
@@ -231,7 +280,64 @@
    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>