mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-05 19:41:57 +08:00
fix: 修复 devServer proxy 问题
This commit is contained in:
bac-joker
parent
cbbda6df42
commit
6f1c4004e1
@ -6,6 +6,7 @@ export function startDevServer({
|
||||
webpackConfig,
|
||||
host,
|
||||
port,
|
||||
proxy,
|
||||
beforeMiddlewares,
|
||||
afterMiddlewares,
|
||||
customerDevServerConfig
|
||||
@ -14,8 +15,10 @@ export function startDevServer({
|
||||
contentBase: webpackConfig.output.path,
|
||||
hot: true,
|
||||
host,
|
||||
proxy,
|
||||
compress: true,
|
||||
noInfo: true,
|
||||
disableHostCheck: true,
|
||||
clientLogLevel: 'silent',
|
||||
stats: 'errors-only',
|
||||
before: (app) => {
|
||||
|
||||
@ -9,9 +9,12 @@ export default {
|
||||
publicPath: '/',
|
||||
access: {
|
||||
roles: {
|
||||
admin: ["/", "/onepiece", '/store']
|
||||
admin: ["/", "/onepiece", '/store', '/simpleList']
|
||||
}
|
||||
},
|
||||
request: {
|
||||
dataField: 'result'
|
||||
},
|
||||
mock: {
|
||||
prefix: '/v2'
|
||||
},
|
||||
@ -31,6 +34,8 @@ export default {
|
||||
name: 'onepiece'
|
||||
}, {
|
||||
name: 'store'
|
||||
}, {
|
||||
name: 'simpleList'
|
||||
}]
|
||||
},
|
||||
locale: {
|
||||
|
||||
@ -54,10 +54,10 @@
|
||||
"@webank/fes-plugin-enums": "^2.0.0-alpha.0",
|
||||
"@webank/fes-plugin-jest": "^2.0.0-alpha.8",
|
||||
"@webank/fes-plugin-vuex": "^2.0.0-alpha.8",
|
||||
"@webank/fes-plugin-request": "2.0.0-alpha.1",
|
||||
"@webank/fes-plugin-request": "^2.0.0-alpha.8",
|
||||
"ant-design-vue": "2.0.0",
|
||||
"vue": "3.0.5",
|
||||
"vuex": "^4.0.0-rc.2"
|
||||
"vuex": "^4.0.0"
|
||||
},
|
||||
"private": true
|
||||
}
|
||||
|
||||
@ -3,6 +3,8 @@
|
||||
import { access } from '@webank/fes';
|
||||
import PageLoading from '@/components/PageLoading';
|
||||
import UserCenter from '@/components/UserCenter';
|
||||
import Andt from 'ant-design-vue';
|
||||
import 'ant-design-vue/dist/antd.css';
|
||||
|
||||
export const beforeRender = {
|
||||
loading: <PageLoading />,
|
||||
@ -19,6 +21,10 @@ export const beforeRender = {
|
||||
}
|
||||
};
|
||||
|
||||
export const onAppCreated = ({ app }) => {
|
||||
app.use(Andt);
|
||||
};
|
||||
|
||||
export const layout = {
|
||||
customHeader: <UserCenter />
|
||||
};
|
||||
|
||||
376
packages/fes-template/src/pages/simpleList.vue
Normal file
376
packages/fes-template/src/pages/simpleList.vue
Normal file
@ -0,0 +1,376 @@
|
||||
<template>
|
||||
<div class="generic-list-page">
|
||||
<div class="table-page-search-wrapper">
|
||||
<a-form layout="inline">
|
||||
<a-row :gutter="48">
|
||||
<a-col :md="8" :sm="24">
|
||||
<a-form-item label="规则编号">
|
||||
<a-input v-model="queryParam.id" placeholder="" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="8" :sm="24">
|
||||
<a-form-item label="使用状态">
|
||||
<a-select
|
||||
v-model="queryParam.status"
|
||||
placeholder="请选择"
|
||||
default-value="0"
|
||||
>
|
||||
<a-select-option value="0">全部</a-select-option>
|
||||
<a-select-option value="1">关闭</a-select-option>
|
||||
<a-select-option value="2">运行中</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<template v-if="advanced">
|
||||
<a-col :md="8" :sm="24">
|
||||
<a-form-item label="调用次数">
|
||||
<a-input-number
|
||||
v-model="queryParam.callNo"
|
||||
style="width: 100%"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="8" :sm="24">
|
||||
<a-form-item label="更新日期">
|
||||
<a-date-picker
|
||||
v-model="queryParam.date"
|
||||
style="width: 100%"
|
||||
placeholder="请输入更新日期"
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="8" :sm="24">
|
||||
<a-form-item label="使用状态">
|
||||
<a-select
|
||||
v-model="queryParam.useStatus"
|
||||
placeholder="请选择"
|
||||
default-value="0"
|
||||
>
|
||||
<a-select-option value="0">全部</a-select-option>
|
||||
<a-select-option value="1">关闭</a-select-option>
|
||||
<a-select-option value="2">运行中</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :md="8" :sm="24">
|
||||
<a-form-item label="使用状态">
|
||||
<a-select
|
||||
placeholder="请选择"
|
||||
default-value="0"
|
||||
>
|
||||
<a-select-option value="0">全部</a-select-option>
|
||||
<a-select-option value="1">关闭</a-select-option>
|
||||
<a-select-option value="2">运行中</a-select-option>
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</template>
|
||||
<a-col :md="(!advanced && 8) || 24" :sm="24">
|
||||
<span
|
||||
class="table-page-search-submitButtons"
|
||||
:style="
|
||||
(advanced && {
|
||||
float: 'right',
|
||||
overflow: 'hidden'
|
||||
}) || {}"
|
||||
>
|
||||
<a-button type="primary" @click="search">查询</a-button>
|
||||
<a-button
|
||||
style="margin-left: 8px"
|
||||
@click="() => (queryParam = {})"
|
||||
>重置</a-button>
|
||||
<a style="margin-left: 8px" @click="toggleAdvanced">
|
||||
{{advanced ? "收起" : "展开"}}
|
||||
<a-icon :type="advanced ? 'up' : 'down'" />
|
||||
</a>
|
||||
</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
</div>
|
||||
|
||||
<!-- <div class="table-operator">
|
||||
<a-button type="primary" icon="plus" @click="handleAdd">新建</a-button>
|
||||
<a-dropdown v-action:edit v-if="selectedRowKeys.length > 0">
|
||||
<a-menu slot="overlay">
|
||||
<a-menu-item key="1"><a-icon type="delete" />删除</a-menu-item>
|
||||
<a-menu-item key="2"><a-icon type="lock" />锁定</a-menu-item>
|
||||
</a-menu>
|
||||
<a-button style="margin-left: 8px">
|
||||
批量操作 <a-icon type="down" />
|
||||
</a-button>
|
||||
</a-dropdown>
|
||||
</div> -->
|
||||
<a-table
|
||||
:columns="columns"
|
||||
:data-source="listData"
|
||||
:loading="queryListDataLoading"
|
||||
:pagination="pagination"
|
||||
@change="change"
|
||||
>
|
||||
<template #action="{ record }">
|
||||
<span>
|
||||
<a>Invite 一 {{record.name}}</a>
|
||||
<a-divider type="vertical" />
|
||||
<a-popconfirm
|
||||
title="Are you sure delete this task?"
|
||||
ok-text="Yes"
|
||||
cancel-text="No"
|
||||
@confirm="confirmDelete(record)"
|
||||
>
|
||||
<a href="#">Delete</a>
|
||||
</a-popconfirm>
|
||||
</span>
|
||||
</template>
|
||||
</a-table>
|
||||
<!-- <create-form
|
||||
ref="createModal"
|
||||
:visible="visible"
|
||||
:loading="confirmLoading"
|
||||
:model="mdl"
|
||||
@cancel="handleCancel"
|
||||
@ok="handleOk"
|
||||
/> -->
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
computed, reactive, ref
|
||||
} from 'vue';
|
||||
import { message } from 'ant-design-vue';
|
||||
import { request, enums } from '@webank/fes';
|
||||
|
||||
const columns = [
|
||||
{
|
||||
title: 'Name',
|
||||
dataIndex: 'name',
|
||||
key: 'name'
|
||||
},
|
||||
{
|
||||
title: 'Age',
|
||||
dataIndex: 'age',
|
||||
key: 'age'
|
||||
},
|
||||
{
|
||||
title: 'Address',
|
||||
dataIndex: 'address',
|
||||
key: 'address 1',
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: 'Long Column Long Column Long Column',
|
||||
dataIndex: 'address',
|
||||
key: 'address 2',
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: 'Long Column Long Column',
|
||||
dataIndex: 'address',
|
||||
key: 'address 3',
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: 'Long Column',
|
||||
dataIndex: 'address',
|
||||
key: 'address 4',
|
||||
ellipsis: true
|
||||
},
|
||||
{
|
||||
title: '操作',
|
||||
key: 'action',
|
||||
slots: { customRender: 'action' }
|
||||
}
|
||||
];
|
||||
|
||||
// const data = [
|
||||
// {
|
||||
// key: '1',
|
||||
// name: 'John Brown',
|
||||
// age: 32,
|
||||
// address: 'New York No. 1 Lake Park, New York No. 1 Lake Park',
|
||||
// tags: ['nice', 'developer']
|
||||
// },
|
||||
// {
|
||||
// key: '2',
|
||||
// name: 'Jim Green',
|
||||
// age: 42,
|
||||
// address: 'London No. 2 Lake Park, London No. 2 Lake Park',
|
||||
// tags: ['loser']
|
||||
// },
|
||||
// {
|
||||
// key: '3',
|
||||
// name: 'Joe Black',
|
||||
// age: 32,
|
||||
// address: 'Sidney No. 1 Lake Park, Sidney No. 1 Lake Park',
|
||||
// tags: ['cool', 'teacher']
|
||||
// }
|
||||
// ];
|
||||
|
||||
/**
|
||||
* TODO
|
||||
* 新增操作
|
||||
* 修改操作
|
||||
* 导出操作
|
||||
*/
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
// 搜索条件
|
||||
let currentQueryParam = null;
|
||||
const queryParam = reactive({
|
||||
id: '',
|
||||
status: '',
|
||||
callNo: 0,
|
||||
date: null,
|
||||
useStatus: ''
|
||||
});
|
||||
// 搜索条件 展开隐藏控制
|
||||
const advanced = ref(false);
|
||||
const toggleAdvanced = () => {
|
||||
advanced.value = !advanced.value;
|
||||
};
|
||||
|
||||
const pagination = reactive({
|
||||
current: 1,
|
||||
pageSize: 15,
|
||||
showSizeChanger: true,
|
||||
total: 0
|
||||
});
|
||||
const queryListDataLoading = ref(true);
|
||||
const listData = ref([]);
|
||||
const queryTableData = () => {
|
||||
queryListDataLoading.value = true;
|
||||
request('api/simple/list', {
|
||||
...currentQueryParam,
|
||||
page: pagination
|
||||
}).then((res) => {
|
||||
listData.value = res.data;
|
||||
queryListDataLoading.value = false;
|
||||
if (res.page) {
|
||||
pagination.total = res.page.total;
|
||||
}
|
||||
});
|
||||
};
|
||||
queryTableData();
|
||||
const change = (currentPagination) => {
|
||||
pagination.current = currentPagination.current;
|
||||
pagination.pageSize = currentPagination.pageSize;
|
||||
queryTableData();
|
||||
};
|
||||
|
||||
/**
|
||||
* 有两种可以选择的模式
|
||||
* 1. 点击搜索的时候才进行查询
|
||||
* 适合搜索条件多的情况
|
||||
* 2. 改变搜素条件的时候，自动进行搜索
|
||||
* 适合搜索条件少的情况
|
||||
*
|
||||
* 默认 <=3 三个搜索条件，采用自动索索的方式，> 3 采用手动搜索
|
||||
*/
|
||||
const search = () => {
|
||||
pagination.current = 1;
|
||||
currentQueryParam = { ...queryParam };
|
||||
};
|
||||
|
||||
// 自动搜索
|
||||
// watch(queryParam, () => {
|
||||
// pagination.current = 1;
|
||||
// currentQueryParam = { ...queryParam };
|
||||
// queryTableData();
|
||||
// });
|
||||
|
||||
// 数据转换
|
||||
const transferData = computed(() => {
|
||||
if (!listData.value) return [];
|
||||
// TODO 数据转换
|
||||
const transferKeys = [];
|
||||
return listData.value.map((item) => {
|
||||
transferKeys.forEach((key) => {
|
||||
item[key] = enums.get(key, item[key]);
|
||||
});
|
||||
return item;
|
||||
});
|
||||
});
|
||||
|
||||
// 操作
|
||||
const confirmDelete = (record) => {
|
||||
console.log('confirm delete');
|
||||
console.log(record);
|
||||
request('url', ...record).then(() => {
|
||||
message.success('删除成功');
|
||||
this.queryTableData();
|
||||
});
|
||||
};
|
||||
|
||||
// 导出
|
||||
// const exportData = () => {
|
||||
// console.log('confirm delete');
|
||||
// // TODO 支持额外参数
|
||||
// request('url', ...queryParam).then(() => {
|
||||
// message.success('导出成功');
|
||||
// this.queryTableData();
|
||||
// });
|
||||
// };
|
||||
|
||||
return {
|
||||
queryListDataLoading,
|
||||
listData: transferData,
|
||||
columns,
|
||||
change,
|
||||
pagination,
|
||||
queryParam,
|
||||
search,
|
||||
advanced,
|
||||
toggleAdvanced,
|
||||
confirmDelete
|
||||
};
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
.generic-list-page {
|
||||
padding: 32px;
|
||||
}
|
||||
// 数据列表 搜索条件
|
||||
.table-page-search-wrapper {
|
||||
|
||||
.ant-form-inline {
|
||||
.ant-form-item {
|
||||
display: flex;
|
||||
margin-bottom: 24px;
|
||||
margin-right: 0;
|
||||
|
||||
.ant-form-item-control-wrapper {
|
||||
flex: 1 1;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
> .ant-form-item-label {
|
||||
line-height: 32px;
|
||||
padding-right: 8px;
|
||||
width: auto;
|
||||
}
|
||||
.ant-form-item-control {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-page-search-submitButtons {
|
||||
display: block;
|
||||
margin-bottom: 24px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<config>
|
||||
{
|
||||
"name": "simpleList",
|
||||
"title": "列表页面"
|
||||
}
|
||||
</config>
|
||||
@ -4351,13 +4351,6 @@
|
||||
eslint-plugin-vue "^7.5.0"
|
||||
vue-eslint-parser "^7.4.1"
|
||||
|
||||
"@webank/fes-plugin-request@2.0.0-alpha.1":
|
||||
version "2.0.0-alpha.1"
|
||||
resolved "https://registry.npmjs.org/@webank/fes-plugin-request/-/fes-plugin-request-2.0.0-alpha.1.tgz#3e61bfabb961df1f3e7732ff160d1d3e9f5d0be7"
|
||||
integrity sha512-3ME9ciTBz3tzNwF8VxNocRScOu5yF/jSuu9VEtoE0YP2LsMZ5Tzw2xxrLxguPfdmdsUTkv1Ci7czx2QRo9M0/g==
|
||||
dependencies:
|
||||
axios "0.21.1"
|
||||
|
||||
"@webassemblyjs/ast@1.11.0":
|
||||
version "1.11.0"
|
||||
resolved "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.0.tgz#a5aa679efdc9e51707a4207139da57920555961f"
|
||||
@ -16398,7 +16391,7 @@ vuepress@^2.0.0-alpha.18:
|
||||
"@vuepress/core" "2.0.0-alpha.20"
|
||||
"@vuepress/theme-default" "2.0.0-alpha.21"
|
||||
|
||||
vuex@^4.0.0-rc.2:
|
||||
vuex@^4.0.0:
|
||||
version "4.0.0"
|
||||
resolved "https://registry.npmjs.org/vuex/-/vuex-4.0.0.tgz#ac877aa76a9c45368c979471e461b520d38e6cf5"
|
||||
integrity sha512-56VPujlHscP5q/e7Jlpqc40sja4vOhC4uJD1llBCWolVI8ND4+VzisDVkUMl+z5y0MpIImW6HjhNc+ZvuizgOw==
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user