skyouc
2025-08-05 dd3974663eb71fcddbc45f5361fd4512e6dad91a
zy-asrs-admin/src/components/order/order/order.vue
@@ -25,12 +25,14 @@
let currentPage = 1;
let pageSize = 10;
const searchInput = ref("")
const orderType = ref(null)
const editChild = ref(null)
const showOrderDetlChild = ref(null)
const state = reactive({
  selectedRowKeys: [],
  loading: false,
  orderSettle: 1,
});
let tableData = ref([]);
@@ -158,13 +160,14 @@
    current: currentPage,
    pageSize: pageSize,
    condition: searchInput.value,
    orderType: orderType.value,
    orderSettle: state.orderSettle,
  }).then((resp) => {
    let result = resp.data;
    if (result.code == 200) {
        console.log('--------->')
      let data = result.data;
      tableData.value = data;
      state.loading = false;
    } else if (result.code === 401) {
      message.error(result.msg);
@@ -225,6 +228,8 @@
const onSearch = () => {
  // console.log('search');
      currentPage = 1;
  getPage()
}
@@ -290,8 +295,21 @@
    <EditView ref="editChild" @tableReload="handleTableReload"
      :ioModel="ioModel == 'in' ? 1 : ioModel == 'out' ? 2 : null" />
    <div class="table-header">
      <a-input-search v-model:value="searchInput" :placeholder="formatMessage('page.input', '请输入')"
        style="width: 200px;" @search="onSearch" />
      <div style="margin-left : 10px;">
        <a-select v-model:value="orderType" :placeholder="formatMessage('page.locDetl.orderNo.input', '请选择单据类型')"
          :options="[
            { label: '全部', value: null },{ label: '手动入库单', value: 1 }, { label: '手动出库单', value: 2 },]" style="width: 160px;margin-right: 10px;">
        </a-select>
        <a-select v-model:value="state.orderSettle" :placeholder="formatMessage('page.locDetl.orderNo.input', '订单状态')"
          :options="[
            { label: '全部', value: null },
            { label: '初始化', value: 1 }, { label: '待处理', value: 2 },{ label: '生成波次', value: 3 }, { label: '作业中', value: 4 },
            { label: '已取消', value: 5 }, { label: '已完成', value: 6 },{ label: '准备取消', value: 7 }, { label: '上报完成', value: 8 },
            ]" style="width: 160px;margin-right: 10px;">
        </a-select>
        <a-input-search v-model:value="searchInput" :placeholder="formatMessage('page.input', '请输入')"
          style="width: 200px;" @search="onSearch" />
      </div>
      <div class="table-header-right">
        <a-dropdown>
          <template #overlay>
@@ -305,7 +323,6 @@
                  {{ formatMessage('page.order.import', '单据导入') }}
                </a-upload>
              </a-menu-item>
              <a-menu-item key="export">
                <DownloadOutlined />
                {{ formatMessage('page.order.export.template', '导出模板') }}
@@ -324,15 +341,16 @@
    <a-table :row-selection="{ selectedRowKeys: state.selectedRowKeys, onChange: onSelectChange }"
      :data-source="tableData.records" :defaultExpandAllRows="false" :key="TABLE_KEY" rowKey="id"
      :pagination="{ total: tableData.total, onChange: onPageChange }"
      :scroll="{ y: 768, scrollToFirstRowOnChange: true }" :columns="columns" @resizeColumn="handleResizeColumn" :loading="state.loading">
      :scroll="{ y: 768, scrollToFirstRowOnChange: true }" :columns="columns" @resizeColumn="handleResizeColumn"
      :loading="state.loading">
      <template #bodyCell="{ column, text, record }">
        <template v-if="column.dataIndex === 'oper'">
          <div style="display: flex;justify-content: space-evenly;">
            <a-button type="link" primary @click="showDetl(record)">{{ formatMessage('page.order.orderDetl', '订单明细')
              }}</a-button>
            }}</a-button>
            <a-button type="link" primary @click="handleEdit(record)">{{ formatMessage('page.edit', '编辑') }}</a-button>
            <a-button type="link" danger @click="handleDel([record])">{{ formatMessage('page.delete', '删除')
              }}</a-button>
            }}</a-button>
          </div>
        </template>
      </template>