From 04fd71bcdd2f4d13f7fcb1f59952f6decdbb3d65 Mon Sep 17 00:00:00 2001
From: Junjie <540245094@qq.com>
Date: 星期一, 09 九月 2024 08:23:32 +0800
Subject: [PATCH] #

---
 zy-asrs-admin/src/components/order/index.vue |   89 ++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 84 insertions(+), 5 deletions(-)

diff --git a/zy-asrs-admin/src/components/order/index.vue b/zy-asrs-admin/src/components/order/index.vue
index 35f7132..36bebe3 100644
--- a/zy-asrs-admin/src/components/order/index.vue
+++ b/zy-asrs-admin/src/components/order/index.vue
@@ -3,11 +3,16 @@
 import { useRouter } from "vue-router";
 import { get, post, postBlob } from '@/utils/request.js'
 import { message, Modal } from 'ant-design-vue';
-import { logout } from '@/config.js';
+import { globalState, logout } from '@/config.js';
 import EditView from './edit.vue'
 import { formatMessage } from '@/utils/localeUtils.js';
 import useTableSearch from '@/utils/tableUtils.jsx';
 import ShowOrderDetlComponent from '@/components/orderDetl/show.vue';
+import {
+  DownOutlined,
+  UploadOutlined,
+  DownloadOutlined,
+} from "@ant-design/icons-vue";
 const context = getCurrentInstance()?.appContext.config.globalProperties;
 
 const router = useRouter();
@@ -28,6 +33,7 @@
 
 const {
   getColumnSearchProps,
+  handleResizeColumn,
 } = useTableSearch();
 
 const columns = [
@@ -130,7 +136,14 @@
 };
 
 function getPage() {
-  post(props.ioModel == 'in' ? '/api/order/in/page' : '/api/order/out/page', {
+  let apiUrl = '/api/order/page';
+  if (props.ioModel == 'in') {
+    apiUrl = '/api/order/in/page';
+  } else if (props.ioModel == 'out') {
+    apiUrl = '/api/order/out/page';
+  }
+
+  post(apiUrl, {
     current: currentPage,
     pageSize: pageSize,
     condition: searchInput.value,
@@ -185,7 +198,9 @@
 }
 
 const handleExport = async (intl) => {
-  postBlob('/api/order/export', {}).then(result => {
+  postBlob('/api/order/export', {
+    ioModel: props.ioModel
+  }).then(result => {
     const blob = new Blob([result.data], { type: 'application/vnd.ms-excel' });
     window.location.href = window.URL.createObjectURL(blob);
     return true;
@@ -207,6 +222,45 @@
   getPage()
 }
 
+const handleSyncOrderClick = (e) => {
+  if (e.key == 'import') {
+    importTemplate()
+  } else if (e.key == 'export') {
+    exportTemplate()
+  }
+}
+
+const importTemplate = () => {
+  //瀵煎叆妯℃澘
+}
+
+const exportTemplate = () => {
+  //妯℃澘瀵煎嚭
+  postBlob('/api/order/exportTemplate', {}).then(result => {
+    const blob = new Blob([result.data], { type: 'application/vnd.ms-excel' });
+    window.location.href = window.URL.createObjectURL(blob);
+    return true;
+  })
+}
+
+const fileList = ref([]);
+const handleUploadChange = info => {
+  if (info.file.status !== 'uploading') {
+    // console.log(info.file, info.fileList);
+  }
+  if (info.file.status === 'done') {
+    let result = info.file.response;
+    if(result.code == 200) {
+      message.success(`${info.file.name} ${formatMessage('page.upload.success', '涓婁紶鎴愬姛')}`);
+      getPage()
+    }else {
+      message.error(result.msg);
+    }
+  } else if (info.file.status === 'error') {
+    message.error(`${info.file.name} file upload failed.`);
+  }
+};
+
 </script>
 
 <script>
@@ -217,11 +271,36 @@
 
 <template>
   <div>
-    <EditView ref="editChild" @tableReload="handleTableReload" :ioModel="ioModel == 'in' ? 1 : 2" />
+    <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 class="table-header-right">
+        <a-dropdown>
+          <template #overlay>
+            <a-menu @click="handleSyncOrderClick">
+              <a-menu-item key="import">
+                <a-upload v-model:file-list="fileList" name="file" action="/api/order/upload"
+                  @change="handleUploadChange" :showUploadList="false" :headers="{
+                    Authorization: globalState.token
+                  }">
+                  <UploadOutlined />
+                  {{ formatMessage('page.order.import', '鍗曟嵁瀵煎叆') }}
+                </a-upload>
+              </a-menu-item>
+
+              <a-menu-item key="export">
+                <DownloadOutlined />
+                {{ formatMessage('page.order.export.template', '瀵煎嚭妯℃澘') }}
+              </a-menu-item>
+            </a-menu>
+          </template>
+          <a-button>
+            {{ formatMessage('page.order.sync', '鍗曟嵁鍚屾') }}
+            <DownOutlined />
+          </a-button>
+        </a-dropdown>
         <a-button @click="handleEdit(null)" type="primary">{{ formatMessage('page.add', '娣诲姞') }}</a-button>
         <a-button @click="handleExport">{{ formatMessage('page.export', '瀵煎嚭') }}</a-button>
       </div>
@@ -229,7 +308,7 @@
     <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">
+      :scroll="{ y: 768, scrollToFirstRowOnChange: true }" :columns="columns" @resizeColumn="handleResizeColumn">
       <template #bodyCell="{ column, text, record }">
         <template v-if="column.dataIndex === 'oper'">
           <div style="display: flex;justify-content: space-evenly;">

--
Gitblit v1.9.1