f7eea88945
- 配置文件 website.js 中将 captchaType 从 'behavior' 改为 'image' - 修改 userlogin.vue,图形验证码图片由输入框内联改为输入框旁独立显示 - 重写 login.scss 样式,实现验证码图片区域带边框和高亮效果 - 确保验证码图片点击可刷新,且支持从后端接口获取数据 - 登录页仍默认显示 IAM 登录,需切换「账号密码登录」显示验证码区域 feat(contract-manage): 优化所属组织搜索栏为树形下拉选择框 - 引入并应用 organization-search mixin 统一管理所属组织搜索 - contract-manage.js、driver.js、transport-ship.js、transport-vehicle.js 中所属组织搜索改为 searchslot 模式 - contract-manage.vue 中新增 renderOrganizationSearch 方法,渲染基于 ElTreeSelect 的树形下拉组件 - 组织树数据加载时自动排除「外部组织」节点,保持搜索选项清晰 - 所有相关所属组织搜索统一样式与交互,提升用户体验 feat(system): 用户和部门视图样式及操作改进 - user.vue 和 userinfo.vue 中 el-tabs 组件添加 border-card 类型,提升标签页视觉效果 - dept.vue 中添加查看、编辑、删除操作入口,绑定对应方法,通过权限控制显示权限按钮 - dept.vue 菜单宽度、对话框宽度及行为配置优化 style(login): 调整登录样式及验证码布局细节 - 调整 .login-code-wrap 及内部元素的 flex 布局,输入框与验证码图片并排显示 - 设置验证码图片容器尺寸、边框及 hover 高亮样式 - 确保验证码图片撑满容器并禁止用户选中 refactor(mixins): 新增 organization-search 统一搜索 mixin - 实现组织树数据加载、排除外部节点、归一化及扁平化处理 - 提供 renderOrganizationSearch 方法用于渲染统一树形选择搜索框 - 减少重复代码,方便各页面快速接入和统一维护 chore(vehicle): 车辆页面引入 organization-search mixin - 在车辆视图 vehicle.vue 中混入 organization-search,增强所属组织搜索功能一致性
107 lines
2.2 KiB
JavaScript
107 lines
2.2 KiB
JavaScript
export const option = {
|
|
height: 'auto',
|
|
calcHeight: 32,
|
|
tip: false,
|
|
searchShow: true,
|
|
searchMenuSpan: 24,
|
|
searchIcon: true,
|
|
searchIndex: 4,
|
|
searchMenuPosition: 'right',
|
|
border: true,
|
|
index: true,
|
|
selection: true,
|
|
addBtn: false,
|
|
editBtn: false,
|
|
delBtn: false,
|
|
viewBtn: false,
|
|
menuWidth: 180,
|
|
dialogClickModal: false,
|
|
column: [
|
|
{
|
|
label: '船舶名',
|
|
prop: 'shipName',
|
|
search: true,
|
|
searchOrder: 5,
|
|
slot: true,
|
|
minWidth: 130,
|
|
},
|
|
{
|
|
label: '船舶识别号',
|
|
prop: 'shipIdentifierNo',
|
|
search: true,
|
|
searchOrder: 4,
|
|
minWidth: 140,
|
|
},
|
|
{
|
|
label: '所属组织',
|
|
prop: 'organizationName',
|
|
search: true,
|
|
searchOrder: 1,
|
|
searchslot: true,
|
|
slot: true,
|
|
minWidth: 160,
|
|
},
|
|
{
|
|
label: '船检登记号',
|
|
prop: 'shipInspectionNo',
|
|
search: true,
|
|
searchOrder: 3,
|
|
minWidth: 130,
|
|
},
|
|
{
|
|
label: '船舶类型',
|
|
prop: 'shipType',
|
|
search: true,
|
|
searchOrder: 2,
|
|
type: 'select',
|
|
dicData: [
|
|
{ label: '散货船', value: '散货船' },
|
|
{ label: '集装箱船', value: '集装箱船' },
|
|
{ label: '杂货船', value: '杂货船' },
|
|
{ label: '油船', value: '油船' },
|
|
],
|
|
minWidth: 110,
|
|
align: 'center',
|
|
},
|
|
{
|
|
label: '国籍证有效期至',
|
|
prop: 'nationalityCertEndDate',
|
|
slot: true,
|
|
minWidth: 150,
|
|
align: 'center',
|
|
},
|
|
{
|
|
label: '最低安全配员证书有效期至',
|
|
prop: 'safeManningCertEndDate',
|
|
slot: true,
|
|
minWidth: 210,
|
|
align: 'center',
|
|
},
|
|
{
|
|
label: '营业运输证有效期至',
|
|
prop: 'businessTransportCertEndDate',
|
|
slot: true,
|
|
minWidth: 170,
|
|
align: 'center',
|
|
},
|
|
{
|
|
label: '承租有效期至',
|
|
prop: 'leaseEndDate',
|
|
slot: true,
|
|
minWidth: 140,
|
|
align: 'center',
|
|
},
|
|
{
|
|
label: '',
|
|
prop: 'expireStatus',
|
|
search: false,
|
|
searchOrder: 0,
|
|
searchSpan: 6,
|
|
hide: true,
|
|
addDisplay: false,
|
|
editDisplay: false,
|
|
viewDisplay: false,
|
|
},
|
|
],
|
|
};
|