gxwebsoft
3bb0fddcca
- transportCapacity/driver、vehicle、ship 页的「全部/30天内到期/已到期」筛选标签改为靠右对齐 - 统一使用 #search-menu 插槽替代 #expireStatus-search，标签移至搜索按钮前 - 标签容器删除宽度限制，增加 order:-1 和 margin-right:12px，保证标签和按钮为一体 - transportCapacity/vehicle 和 ship 的 expireStatus 列 search 改为 false，避免多余输入框出现 - transportCapacity/vehicle、ship 的 searchIndex 提升至6，避免搜索条件折叠，标签默认展开 - 暂用样式更改保证标签与搜索按钮间距和垂直对齐 - temporary-credit-limit 弹窗新增 dialogCustomClass，实现弹窗label固定六字宽度并自动换行 - element-ui.scss 新增临时额度弹窗 label 样式，修改label宽度、换行、对齐，提升可读性 - 调整多处搜索表单内 label 宽度由160px变为88px，优化表单紧凑度 - 多处文本域的最小行数 minRows 统一由较高数值改为2，改善表单布局和输入体验 - 更新 vite.config.mjs 开发服务器端口及代理配置，切换至本地测试环境 - waybill-import-dialog.vue 中修正文本域 autosize 最小行数为2，更符合表单设计规范 - 修改业务页 contract-manage.vue 菜单宽度由245px调整至252px，优化界面布局
115 lines
4.1 KiB
JavaScript
115 lines
4.1 KiB
JavaScript
import { createApp } from 'vue';
|
|
import website from './config/website';
|
|
import axios from './axios';
|
|
import router from './router/';
|
|
import store from './store';
|
|
import i18n from './lang/';
|
|
import { language, messages } from './lang/';
|
|
import * as ElementPlusIconsVue from '@element-plus/icons-vue';
|
|
import ElementPlus from 'element-plus';
|
|
import 'element-plus/dist/index.css';
|
|
import Avue from '@smallwei/avue';
|
|
import '@smallwei/avue/lib/index.css';
|
|
import avueUeditor from 'avue-plugin-ueditor';
|
|
import crudCommon from '@/mixins/crud.js';
|
|
import { getScreen, findColumn } from './utils/util';
|
|
import { setupPaginationEnhancer } from './utils/pagination';
|
|
import { setupDialogFormLabelAlign } from './utils/dialog-form-label';
|
|
import { setupTableColumnDrag } from './utils/table-column-drag';
|
|
import './permission';
|
|
import error from './error';
|
|
import App from './App.vue';
|
|
import 'animate.css';
|
|
import dayjs from 'dayjs';
|
|
import 'styles/common.scss';
|
|
// 系统组件
|
|
import debug from './debug';
|
|
import VueClipboard from 'vue3-clipboard';
|
|
import highlight from './components/highlight/main.vue';
|
|
import codeEditor from './components/code-editor/main.vue';
|
|
import cronEditor from './components/cron-editor/main.vue';
|
|
import basicBlock from './components/basic-block/main.vue';
|
|
import basicContainer from './components/basic-container/main.vue';
|
|
import emptyPagination from './components/empty-pagination/main.vue';
|
|
import vehicleAttachmentUpload from './components/vehicle-attachment-upload/main.vue';
|
|
import thirdRegister from './components/third-register/main.vue';
|
|
import flowDesign from './components/flow-design/main.vue';
|
|
import flowDesignStep from './components/flow-design-step/main.vue';
|
|
// 业务组件
|
|
import codeSetting from './views/tool/codesetting.vue';
|
|
import formSetting from './views/tool/formsetting.vue';
|
|
import tenantPackage from './views/system/tenantpackage.vue';
|
|
import tenantDatasource from './views/system/tenantdatasource.vue';
|
|
// 通用弹窗分组白卡（灰底弹窗内使用，标题在卡内）
|
|
import sectionCard from './components/section-card/main.vue';
|
|
|
|
window.$crudCommon = crudCommon;
|
|
debug();
|
|
window.axios = axios;
|
|
const app = createApp(App);
|
|
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
|
app.component(key, component);
|
|
}
|
|
app.component('basicContainer', basicContainer);
|
|
app.component('basicBlock', basicBlock);
|
|
app.component('emptyPagination', emptyPagination);
|
|
app.component('vehicleAttachmentUpload', vehicleAttachmentUpload);
|
|
app.component('highlight', highlight);
|
|
app.component('codeEditor', codeEditor);
|
|
app.component('cronEditor', cronEditor);
|
|
app.component('thirdRegister', thirdRegister);
|
|
app.component('flowDesign', flowDesign);
|
|
app.component('flowDesignStep', flowDesignStep);
|
|
app.component('codeSetting', codeSetting);
|
|
app.component('formSetting', formSetting);
|
|
app.component('tenantPackage', tenantPackage);
|
|
app.component('tenantDatasource', tenantDatasource);
|
|
app.component('sectionCard', sectionCard);
|
|
app.config.globalProperties.$app = app;
|
|
app.config.globalProperties.$dayjs = dayjs;
|
|
app.config.globalProperties.website = website;
|
|
app.config.globalProperties.getScreen = getScreen;
|
|
app.config.globalProperties.findColumn = findColumn;
|
|
app.use(error);
|
|
app.use(i18n);
|
|
app.use(store);
|
|
app.use(router);
|
|
app.use(ElementPlus, {
|
|
locale: messages[language],
|
|
table: { showOverflowTooltip: true },
|
|
});
|
|
app.use(Avue, {
|
|
axios,
|
|
calcHeight: 10,
|
|
crudOption: {
|
|
searchIcon: true,
|
|
searchIndex: 4,
|
|
searchLabelWidth: 88,
|
|
searchMenuSpan: 24,
|
|
searchMenuPosition: 'right',
|
|
menuWidth: 180,
|
|
showOverflowTooltip: true,
|
|
viewBtnIcon: ' ',
|
|
editBtnIcon: ' ',
|
|
copyBtnIcon: ' ',
|
|
delBtnIcon: ' ',
|
|
saveBtnIcon: ' ',
|
|
updateBtnIcon: ' ',
|
|
cancelBtnIcon: ' ',
|
|
mockBtnIcon: ' ',
|
|
},
|
|
labelPosition: 'right',
|
|
labelWidth: 'auto',
|
|
locale: language,
|
|
i18n: (key, options) => i18n.global.t(key, options),
|
|
});
|
|
app.use(avueUeditor, { axios });
|
|
app.use(VueClipboard, {
|
|
autoSetContainer: true,
|
|
appendToBody: true, // 这可以帮助解决一些更复杂的使用场景下的问题
|
|
});
|
|
setupTableColumnDrag(app);
|
|
app.mount('#app');
|
|
setupPaginationEnhancer();
|
|
setupDialogFormLabelAlign();
|