refactor(config): 优化配置和界面布局调整

- 移除保险识别模板页面basic-container的多余class属性
- 引入并注册SectionCard组件以增强页面结构
- 调整车辆保险记录对话框宽度由1100改为1024
- 缩减菜单宽度从180调整为120,优化布局空间
- 轻微调整表格列最小宽度以适配新界面
- 更新vite配置,切换开发服务器端口为2889
- 修改API代理目标地址为http://172.16.203.228:8000并启用代理配置
This commit is contained in:
2026-08-20 12:29:22 +08:00
parent 608a86588d
commit 24abe2ecbd
3 changed files with 19 additions and 17 deletions
+3 -3
View File
@@ -28,7 +28,7 @@ export const ocrTemplateDic = [];
export const option = { export const option = {
height: 'auto', height: 'auto',
calcHeight: 32, calcHeight: 32,
dialogWidth: 1100, dialogWidth: 1024,
labelPosition: 'right', labelPosition: 'right',
tip: false, tip: false,
searchBtnText: '查询', searchBtnText: '查询',
@@ -46,7 +46,7 @@ export const option = {
viewBtn: true, viewBtn: true,
selection: true, selection: true,
dialogClickModal: false, dialogClickModal: false,
menuWidth: 180, menuWidth: 120,
column: [ column: [
{ {
label: '车船类型', label: '车船类型',
@@ -97,7 +97,7 @@ export const option = {
type: 'select', type: 'select',
dicData: insuranceTypeDic, dicData: insuranceTypeDic,
search: true, search: true,
minWidth: 130, minWidth: 120,
rules: [{ required: true, message: '请选择保险类型', trigger: 'change' }], rules: [{ required: true, message: '请选择保险类型', trigger: 'change' }],
}, },
{ {
+3 -1
View File
@@ -1,5 +1,5 @@
<template> <template>
<basic-container class="insurance-ocr-template-page"> <basic-container>
<div class="insurance-ocr-template-page__toolbar"> <div class="insurance-ocr-template-page__toolbar">
<el-button <el-button
v-if="hasPermission('insurance_ocr_template_add')" v-if="hasPermission('insurance_ocr_template_add')"
@@ -122,6 +122,7 @@
<script> <script>
import { mapGetters } from 'vuex'; import { mapGetters } from 'vuex';
import { getDetail, getList, remove, submit } from '@/api/base/insurance-ocr-template'; import { getDetail, getList, remove, submit } from '@/api/base/insurance-ocr-template';
import SectionCard from '@/components/section-card/main.vue';
const insuranceFieldKeys = [ const insuranceFieldKeys = [
'保险类型', '保险类型',
@@ -152,6 +153,7 @@ const createMappingRows = mappingConfig => {
}; };
export default { export default {
components: { SectionCard },
data() { data() {
return { return {
loading: false, loading: false,
+13 -13
View File
@@ -50,26 +50,26 @@ export default ({
__VUE_I18N_LEGACY_API__: true, __VUE_I18N_LEGACY_API__: true,
__INTLIFY_PROD_DEVTOOLS__: false, __INTLIFY_PROD_DEVTOOLS__: false,
}, },
server: {
port: 2888,
proxy: {
'/api': {
target: 'http://localhost',
//target: 'https://saber3.bladex.cn/api',
changeOrigin: true,
rewrite: path => path.replace(/^\/api/, ''),
},
},
},
// server: { // server: {
// port: 2889, // port: 2888,
// proxy: { // proxy: {
// '/api': { // '/api': {
// target: 'http://172.16.203.228:8000', // target: 'http://localhost',
// //target: 'https://saber3.bladex.cn/api',
// changeOrigin: true, // changeOrigin: true,
// rewrite: path => path.replace(/^\/api/, ''),
// }, // },
// }, // },
// }, // },
server: {
port: 2889,
proxy: {
'/api': {
target: 'http://172.16.203.228:8000',
changeOrigin: true,
},
},
},
resolve: { resolve: {
alias: { alias: {
'~': resolve(__dirname, './'), '~': resolve(__dirname, './'),