From 13909c99e368788a94a48753dc9f76e40a992cd6 Mon Sep 17 00:00:00 2001 From: Junjie <540245094@qq.com> Date: 星期一, 29 七月 2024 15:21:06 +0800 Subject: [PATCH] # --- zy-asrs-admin/src/views/in/order/index.vue | 222 ------------------------------------------------------- 1 files changed, 2 insertions(+), 220 deletions(-) diff --git a/zy-asrs-admin/src/views/in/order/index.vue b/zy-asrs-admin/src/views/in/order/index.vue index b7afd82..0430a4f 100644 --- a/zy-asrs-admin/src/views/in/order/index.vue +++ b/zy-asrs-admin/src/views/in/order/index.vue @@ -1,201 +1,5 @@ <script setup> -import { getCurrentInstance, ref, computed, reactive } from 'vue'; -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 EditView from './edit.vue' -import { formatMessage } from '@/utils/localeUtils.js'; -import useTableSearch from '@/utils/tableUtils.jsx'; -const context = getCurrentInstance()?.appContext.config.globalProperties; - -const router = useRouter(); - -const TABLE_KEY = 'table-order'; -let currentPage = 1; -let pageSize = 10; -const searchInput = ref("") -const editChild = ref(null) - -let tableData = ref([]); -getPage(); - -const { - getColumnSearchProps, -} = useTableSearch(); - -const columns = [ - { - title: formatMessage('db.man_order.order_no', '璁㈠崟缂栧彿'), - dataIndex: 'orderNo', - width: 140, - ellipsis: true, - ...getColumnSearchProps('orderNo'), - }, - { - title: formatMessage('db.man_order.order_time', '鍗曟嵁鏃ユ湡'), - dataIndex: 'orderTime', - width: 140, - ellipsis: true, - ...getColumnSearchProps('orderTime'), - }, - { - title: formatMessage('db.man_order.order_type', '鍗曟嵁绫诲瀷'), - dataIndex: 'orderType$', - width: 140, - ellipsis: true, - ...getColumnSearchProps('orderType$'), - }, - { - title: formatMessage('db.man_order.order_settle', '鍗曟嵁鐘舵��'), - dataIndex: 'orderSettle$', - width: 140, - ellipsis: true, - ...getColumnSearchProps('orderSettle$'), - }, - { - title: formatMessage('db.man_order.status', '鐘舵��'), - dataIndex: 'status$', - width: 140, - ellipsis: true, - ...getColumnSearchProps('status$'), - }, - { - title: formatMessage('db.man_order.create_time', '娣诲姞鏃堕棿'), - dataIndex: 'createTime$', - width: 140, - ellipsis: true, - ...getColumnSearchProps('createTime$'), - }, - { - title: formatMessage('db.man_order.create_by', '娣诲姞浜哄憳'), - dataIndex: 'createBy$', - width: 140, - ellipsis: true, - ...getColumnSearchProps('createBy$'), - }, - { - title: formatMessage('db.man_order.update_time', '淇敼鏃堕棿'), - dataIndex: 'updateTime$', - width: 140, - ellipsis: true, - ...getColumnSearchProps('updateTime$'), - }, - { - title: formatMessage('db.man_order.update_by', '淇敼浜哄憳'), - dataIndex: 'updateBy$', - width: 140, - ellipsis: true, - ...getColumnSearchProps('updateBy$'), - }, - { - title: formatMessage('db.man_order.memo', '澶囨敞'), - dataIndex: 'memo', - width: 140, - ellipsis: true, - ...getColumnSearchProps('memo'), - }, - - { - title: formatMessage('common.operation', '鎿嶄綔'), - name: 'oper', - dataIndex: 'oper', - key: 'oper', - width: 140, - }, -]; - -const state = reactive({ - selectedRowKeys: [], - loading: false, -}); -const hasSelected = computed(() => state.selectedRowKeys.length > 0); -const start = () => { - state.loading = true; - // ajax request after empty completing - setTimeout(() => { - state.loading = false; - state.selectedRowKeys = []; - }, 1000); -}; -const onSelectChange = selectedRowKeys => { - // console.log('selectedRowKeys changed: ', selectedRowKeys); - state.selectedRowKeys = selectedRowKeys; -}; - -function getPage() { - post('/api/order/page', { - current: currentPage, - pageSize: pageSize, - condition: searchInput.value - }).then((resp) => { - let result = resp.data; - if (result.code == 200) { - let data = result.data; - tableData.value = data; - } else if (result.code === 401) { - message.error(result.msg); - logout() - } else { - message.error(result.msg); - } - }) -} - -const handleEdit = (item) => { - editChild.value.open = true; - editChild.value.formData = item == null ? editChild.value.initFormData : JSON.parse(JSON.stringify(item)); - editChild.value.isSave = item == null; -} - -const handleDel = (rows) => { - Modal.confirm({ - title: formatMessage('page.delete', '鍒犻櫎'), - content: formatMessage('page.delete.confirm', '纭畾鍒犻櫎璇ラ」鍚楋紵'), - maskClosable: true, - onOk: async () => { - const hide = message.loading(formatMessage('common.loading', '璇锋眰涓�')); - try { - post('/api/order/remove/' + rows.map((row) => row.id).join(','), {}).then(resp => { - let result = resp.data; - if (result.code === 200) { - message.success(result.msg); - } else { - message.error(result.msg); - } - getPage() - hide() - }) - } catch (error) { - message.error(formatMessage('common.fail', '璇锋眰澶辫触')); - } - }, - }); -} - -const handleExport = async (intl) => { - postBlob('/api/order/export', {}).then(result => { - const blob = new Blob([result.data], { type: 'application/vnd.ms-excel' }); - window.location.href = window.URL.createObjectURL(blob); - return true; - }) -}; - -const onSearch = () => { - // console.log('search'); - getPage() -} - -const onPageChange = (page, size) => { - currentPage = page; - pageSize = size; - getPage(); -} - -function handleTableReload(value) { - getPage() -} - +import OrderView from '@/components/order/index.vue'; </script> <script> @@ -206,29 +10,7 @@ <template> <div> - <EditView ref="editChild" @tableReload="handleTableReload" /> - <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-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 }" - :scroll="{ y: 768, scrollToFirstRowOnChange: true }" :columns="columns"> - <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" danger @click="handleDel([record])">{{ formatMessage('page.delete', '鍒犻櫎') - }}</a-button> - </div> - </template> - </template> - </a-table> + <OrderView ioModel="in" /> </div> </template> -- Gitblit v1.9.1