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,增强所属组织搜索功能一致性
160 lines
3.4 KiB
JavaScript
160 lines
3.4 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: 250,
|
||
dialogClickModal: false,
|
||
column: [
|
||
{
|
||
label: '车牌号',
|
||
prop: 'plateNo',
|
||
search: true,
|
||
searchOrder: 6,
|
||
slot: true,
|
||
minWidth: 120,
|
||
},
|
||
{
|
||
label: '业务关系',
|
||
prop: 'businessRelation',
|
||
search: true,
|
||
searchOrder: 5,
|
||
searchValue: '',
|
||
type: 'select',
|
||
dicData: [
|
||
{ label: '全部', value: '' },
|
||
{ label: '自有', value: '自有' },
|
||
{ label: '管理挂靠', value: '管理挂靠' },
|
||
{ label: '业务合作', value: '业务合作' },
|
||
],
|
||
minWidth: 120,
|
||
align: 'center',
|
||
},
|
||
{
|
||
label: '所属组织',
|
||
prop: 'organizationName',
|
||
search: true,
|
||
searchOrder: 1,
|
||
searchslot: true,
|
||
slot: true,
|
||
minWidth: 150,
|
||
},
|
||
{
|
||
label: '车辆类型',
|
||
prop: 'vehicleType',
|
||
search: true,
|
||
searchOrder: 4,
|
||
type: 'select',
|
||
dicData: [
|
||
{ label: '全部', value: '' },
|
||
{ label: '高栏车', value: '高栏' },
|
||
{ label: '低栏车', value: '低栏' },
|
||
{ label: '平板车', value: '平板' },
|
||
{ label: '厢式车', value: '厢式' },
|
||
{ label: '拖挂车', value: '拖挂' },
|
||
{ label: '半挂车', value: '半挂' },
|
||
],
|
||
minWidth: 110,
|
||
align: 'center',
|
||
},
|
||
{
|
||
label: '核定载质量(KG)',
|
||
prop: 'approvedLoadKg',
|
||
minWidth: 140,
|
||
align: 'right',
|
||
},
|
||
{
|
||
label: '绑定司机',
|
||
prop: 'boundDriver',
|
||
slot: true,
|
||
minWidth: 120,
|
||
align: 'center',
|
||
},
|
||
{
|
||
label: '车辆类型',
|
||
prop: 'vehicleType',
|
||
minWidth: 110,
|
||
align: 'center',
|
||
},
|
||
{
|
||
label: '认证状态',
|
||
prop: 'certificationStatus',
|
||
slot: true,
|
||
search: true,
|
||
searchOrder: 2,
|
||
searchValue: '',
|
||
type: 'select',
|
||
dicData: [
|
||
{ label: '全部', value: '' },
|
||
{ label: '认证中', value: 0 },
|
||
{ label: '已认证', value: 1 },
|
||
{ label: '已驳回', value: 2 },
|
||
],
|
||
minWidth: 110,
|
||
align: 'center',
|
||
},
|
||
{
|
||
label: '车辆状态',
|
||
prop: 'status',
|
||
search: true,
|
||
searchOrder: 3,
|
||
type: 'select',
|
||
slot: true,
|
||
dicData: [
|
||
{ label: '启用', value: 1 },
|
||
{ label: '停用', value: 2 },
|
||
],
|
||
minWidth: 90,
|
||
align: 'center',
|
||
},
|
||
{
|
||
label: '道路运输证号',
|
||
prop: 'roadTransportCertNo',
|
||
minWidth: 160,
|
||
},
|
||
{
|
||
label: '行驶证认证',
|
||
prop: 'drivingLicenseEndDate',
|
||
slot: true,
|
||
minWidth: 140,
|
||
align: 'center',
|
||
},
|
||
{
|
||
label: '道路运输证认证',
|
||
prop: 'roadTransportCertEndDate',
|
||
slot: true,
|
||
minWidth: 160,
|
||
align: 'center',
|
||
},
|
||
{
|
||
label: '道路运输证年审',
|
||
prop: 'annualReviewEndDate',
|
||
slot: true,
|
||
minWidth: 130,
|
||
align: 'center',
|
||
},
|
||
{
|
||
label: '',
|
||
prop: 'expireStatus',
|
||
search: false,
|
||
searchOrder: 0,
|
||
searchSpan: 6,
|
||
hide: true,
|
||
addDisplay: false,
|
||
editDisplay: false,
|
||
viewDisplay: false,
|
||
},
|
||
],
|
||
};
|