From 16a6f014bbb5799adb9d946716634b77afbdbb60 Mon Sep 17 00:00:00 2001
From: Junjie <540245094@qq.com>
Date: 星期三, 30 十月 2024 10:30:57 +0800
Subject: [PATCH] #
---
zy-asrs-admin/src/views/base/mat/index.vue | 64 +++++++++++++++++++-------------
1 files changed, 38 insertions(+), 26 deletions(-)
diff --git a/zy-asrs-admin/src/views/base/mat/index.vue b/zy-asrs-admin/src/views/base/mat/index.vue
index 58d1198..9352414 100644
--- a/zy-asrs-admin/src/views/base/mat/index.vue
+++ b/zy-asrs-admin/src/views/base/mat/index.vue
@@ -1,17 +1,18 @@
<script setup>
-import { getCurrentInstance, ref, computed, reactive } from 'vue';
-import { useRouter } from "vue-router";
-import { get, post, postBlob, postForm } from '@/utils/request.js'
-import { message, Modal } from 'ant-design-vue';
-import { globalState, logout } from '@/config.js';
+import {getCurrentInstance, ref, computed, reactive} from 'vue';
+import {useRouter} from "vue-router";
+import {get, post, postBlob, postForm} from '@/utils/request.js'
+import {message, Modal} from 'ant-design-vue';
+import {globalState, logout} from '@/config.js';
import EditView from './edit.vue'
-import { formatMessage } from '@/utils/localeUtils.js';
+import {formatMessage} from '@/utils/localeUtils.js';
import useTableSearch from '@/utils/tableUtils.jsx';
import {
DownOutlined,
UploadOutlined,
DownloadOutlined,
} from "@ant-design/icons-vue";
+
const context = getCurrentInstance()?.appContext.config.globalProperties;
const router = useRouter();
@@ -412,7 +413,7 @@
const handleExport = async (intl) => {
postBlob('/api/mat/export', {}).then(result => {
- const blob = new Blob([result.data], { type: 'application/vnd.ms-excel' });
+ const blob = new Blob([result.data], {type: 'application/vnd.ms-excel'});
window.location.href = window.URL.createObjectURL(blob);
return true;
})
@@ -429,12 +430,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;
@@ -457,7 +463,7 @@
const exportTemplate = () => {
//妯℃澘瀵煎嚭
postBlob('/api/mat/exportTemplate', {}).then(result => {
- const blob = new Blob([result.data], { type: 'application/vnd.ms-excel' });
+ const blob = new Blob([result.data], {type: 'application/vnd.ms-excel'});
window.location.href = window.URL.createObjectURL(blob);
return true;
})
@@ -491,44 +497,46 @@
<template>
<div>
- <EditView ref="editChild" @tableReload="handleTableReload" />
+ <EditView ref="editChild" @tableReload="handleTableReload"/>
<div class="table-header">
<div>
- <a-input v-model:value="searchParam.matnr" :placeholder="formatMessage('page.mat.matnr.input', '璇疯緭鍏ュ晢鍝佺紪鍙�')"
- 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;" />
+ <a-input v-model:value="searchParam.matnr"
+ :placeholder="formatMessage('page.mat.matnr.input', '璇疯緭鍏ュ晢鍝佺紪鍙�')"
+ 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;"/>
<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 />
+ <UploadOutlined/>
{{ formatMessage('page.mat.import', '鍟嗗搧瀵煎叆') }}
</a-upload>
</a-menu-item>
<a-menu-item key="export">
- <DownloadOutlined />
+ <DownloadOutlined/>
{{ formatMessage('page.mat.export.template', '瀵煎嚭妯℃澘') }}
</a-menu-item>
</a-menu>
</template>
<a-button>
{{ formatMessage('page.mat.sync', '鏁版嵁鍚屾') }}
- <DownOutlined />
+ <DownOutlined/>
</a-button>
</a-dropdown>
<a-button @click="handleEdit(null)" type="primary">{{ formatMessage('page.add', '娣诲姞') }}</a-button>
@@ -536,14 +544,18 @@
</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 }"
- :scroll="{ y: 768, scrollToFirstRowOnChange: true }" :columns="state.columns" @resizeColumn="handleResizeColumn"
- :loading="state.loading">
+ :data-source="tableData.records" :defaultExpandAllRows="false" :key="TABLE_KEY" rowKey="id"
+ :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>
--
Gitblit v1.9.1