#

Junjie

2025-02-14 ac4341ea6b66ae02427d39d35f41d42d78b2eb2e

 zy-asrs-admin/src/views/base/mat/index.vue

@@ -7,11 +7,13 @@
import EditView from './edit.vue'
import { formatMessage } from '@/utils/localeUtils.js';
import useTableSearch from '@/utils/tableUtils.jsx';
import MatPrint from '@/components/print/matPrint/index.vue';
import {
  DownOutlined,
  UploadOutlined,
  DownloadOutlined,
} from "@ant-design/icons-vue";

const context = getCurrentInstance()?.appContext.config.globalProperties;

const router = useRouter();
@@ -27,6 +29,7 @@
  model: null,
})
const editChild = ref(null)
const printChild = ref(null);

const state = reactive({
  selectedRowKeys: [],
@@ -411,7 +414,10 @@
}

const handleExport = async (intl) => {
  postBlob('/api/mat/export', {}).then(result => {
  postBlob('/api/mat/export', {
    condition: searchInput.value,
    _param: searchParam.value,
  }).then(result => {
    const blob = new Blob([result.data], { type: 'application/vnd.ms-excel' });
    window.location.href = window.URL.createObjectURL(blob);
    return true;
@@ -429,12 +435,17 @@
  getPage();
}

const showTotalPage = (total, range) => {
  return formatMessage('page.total.head', '总计') + total + formatMessage('page.total.footer', '条')
}

function handleTableReload(value) {
  getPage()
}

const matFieldList = ref(null);
MatFieldQuery();

function MatFieldQuery() {
  post('/api/matField/list', {}).then(resp => {
    let result = resp.data;
@@ -481,6 +492,23 @@
  }
};

const handlePrint = () => {
  if (state.selectedRowKeys.length == 0) {
    message.warning(formatMessage('common.select', '请选择'));
    return;
  }
  let data = tableData.value.records;
  let tmp = [];
  data.forEach((item) => {
    if (state.selectedRowKeys.indexOf(item.id) != -1) {
      tmp.push(item);
    }
  })

  printChild.value.printData = tmp;
  printChild.value.open = true;
}

</script>

<script>
@@ -495,24 +523,24 @@
    <div class="table-header">
      <div>
        <a-input v-model:value="searchParam.matnr" :placeholder="formatMessage('page.mat.matnr.input', '请输入商品编号')"
        style="width: 140px;margin-right: 10px;" />
          style="width: 140px;margin-right: 10px;" />
        <a-input v-model:value="searchParam.maktx" :placeholder="formatMessage('page.mat.matnr.input', '请输入商品名称')"
        style="width: 140px;margin-right: 10px;" />
          style="width: 140px;margin-right: 10px;" />
        <a-input v-model:value="searchParam.specs" :placeholder="formatMessage('page.mat.matnr.input', '请输入规格')"
        style="width: 140px;margin-right: 10px;" />
          style="width: 140px;margin-right: 10px;" />
        <a-input v-model:value="searchParam.model" :placeholder="formatMessage('page.mat.matnr.input', '请输入型号')"
        style="width: 140px;margin-right: 10px;" />
          style="width: 140px;margin-right: 10px;" />

        <a-input-search v-model:value="searchInput" :placeholder="formatMessage('page.input', '请输入')"
        style="width: 200px;" @search="onSearch" />
          style="width: 200px;" @search="onSearch" />
      </div>
      <div class="table-header-right">
        <a-dropdown>
          <template #overlay>
            <a-menu @click="handleSyncMatClick">
              <a-menu-item key="import">
                <a-upload v-model:file-list="fileList" name="file" action="/api/mat/upload"
                  @change="handleUploadChange" :showUploadList="false" :headers="{
                <a-upload v-model:file-list="fileList" name="file" action="/api/mat/upload" @change="handleUploadChange"
                  :showUploadList="false" :headers="{
                    Authorization: globalState.token
                  }">
                  <UploadOutlined />
@@ -531,19 +559,25 @@
            <DownOutlined />
          </a-button>
        </a-dropdown>
        <a-button @click="handlePrint()" type="primary">
          {{ formatMessage('db.man_zpallet_barcode.batchPrint', '批量打印') }}
        </a-button>
        <a-button @click="handleEdit(null)" type="primary">{{ formatMessage('page.add', '添加') }}</a-button>
        <a-button @click="handleExport">{{ formatMessage('page.export', '导出') }}</a-button>
      </div>
    </div>
    <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 }"
      :pagination="{ total: tableData.total, showTotal: showTotalPage, onChange: onPageChange }"
      :scroll="{ y: 768, scrollToFirstRowOnChange: true }" :columns="state.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="handleEdit(record)">{{ formatMessage('page.edit', '编辑') }}</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>
@@ -552,6 +586,8 @@
      </template>
    </a-table>
  </div>

  <MatPrint ref="printChild" />
</template>

<style></style>