Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 53aa1f66ef | |||
| 7def9869ff | |||
| f767296e4d | |||
| b879fd3011 | |||
| db55c3ef00 | |||
| af4a9b6d60 |
@@ -95,5 +95,3 @@ export const exportImportFailures = data =>
|
|||||||
});
|
});
|
||||||
export const confirmImport = data =>
|
export const confirmImport = data =>
|
||||||
request({ url: `${baseUrl}/import-batch/confirm`, method: 'post', data, timeout: 120000 });
|
request({ url: `${baseUrl}/import-batch/confirm`, method: 'post', data, timeout: 120000 });
|
||||||
export const checkImportDuplicates = data =>
|
|
||||||
request({ url: `${baseUrl}/import-batch/duplicates`, method: 'post', data, timeout: 120000 });
|
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { getDeptTree, getPlatformCompanySelect } from '@/api/system/dept';
|
import { getDeptTree } from '@/api/system/dept';
|
||||||
import { ElCascader } from 'element-plus';
|
import { ElCascader } from 'element-plus';
|
||||||
import { h } from 'vue';
|
import { h } from 'vue';
|
||||||
|
|
||||||
@@ -14,10 +14,6 @@ import { h } from 'vue';
|
|||||||
* 3. 在 created / 初始化时调用 this.loadOrganizationOptions()
|
* 3. 在 created / 初始化时调用 this.loadOrganizationOptions()
|
||||||
* 4. 需要「未分配组织」筛选项的页面在 data 里置 enableUnassignedOrgFilter: true;
|
* 4. 需要「未分配组织」筛选项的页面在 data 里置 enableUnassignedOrgFilter: true;
|
||||||
* 该项只追加进搜索树 organizationSearchTreeOptions,表单级联 organizationTreeOptions 不含哨兵
|
* 该项只追加进搜索树 organizationSearchTreeOptions,表单级联 organizationTreeOptions 不含哨兵
|
||||||
* 5. 表单「所属组织」只允许选平台公司的页面(运力管理)在 data 里置
|
|
||||||
* restrictFormOrgToPlatformCompany: true,表单级联样式改用
|
|
||||||
* buildFormOrganizationTree(...) 的结果,并在打开表单时把回显的组织名写进
|
|
||||||
* formOrganizationLegacyName;只影响表单,搜索栏仍是全量组织
|
|
||||||
*
|
*
|
||||||
* 说明:
|
* 说明:
|
||||||
* - 自动识别 organizationName / deptName 两种 prop,并挂载 column.renderSearch
|
* - 自动识别 organizationName / deptName 两种 prop,并挂载 column.renderSearch
|
||||||
@@ -38,11 +34,6 @@ const ORG_PROPS = ['organizationName', 'deptName'];
|
|||||||
// 后端换成空串会让整段组织条件不生效,筛选静默失效。前端与后端这几处必须同步修改。
|
// 后端换成空串会让整段组织条件不生效,筛选静默失效。前端与后端这几处必须同步修改。
|
||||||
const UNASSIGNED_ORG_FILTER = '__UNASSIGNED_ORG__';
|
const UNASSIGNED_ORG_FILTER = '__UNASSIGNED_ORG__';
|
||||||
|
|
||||||
// 表单「所属组织」限定只能选平台公司时,存量记录里的旧组织名在组织树里已经找不到
|
|
||||||
// (节点被删或改名),用这个 id 补一个只读节点,否则编辑老数据时所属组织显示为空、
|
|
||||||
// 保存即把原值丢掉。
|
|
||||||
const FORM_LEGACY_ORG_ID = '__LEGACY_ORG__';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -53,14 +44,6 @@ export default {
|
|||||||
organizationLoading: false,
|
organizationLoading: false,
|
||||||
// 组织筛选是否追加「未分配组织」一项;页面在 data 里覆盖为 true 才生效
|
// 组织筛选是否追加「未分配组织」一项;页面在 data 里覆盖为 true 才生效
|
||||||
enableUnassignedOrgFilter: false,
|
enableUnassignedOrgFilter: false,
|
||||||
// 表单「所属组织」是否只允许选平台公司;页面在 data 里覆盖为 true 才生效
|
|
||||||
restrictFormOrgToPlatformCompany: false,
|
|
||||||
// 平台公司部门 id(字符串),loadOrganizationOptions 时一并拉取
|
|
||||||
platformCompanyOrgIds: [],
|
|
||||||
// 表单当前回显的组织名,树里没有同名节点时用它补一个只读选项
|
|
||||||
formOrganizationLegacyName: '',
|
|
||||||
// 进行中的组织数据请求,并发调用共用(不是响应式状态,只做去重)
|
|
||||||
organizationOptionsPromise: null,
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@@ -71,12 +54,9 @@ export default {
|
|||||||
? [this.unassignedOrgOption(), ...this.organizationTreeOptions]
|
? [this.unassignedOrgOption(), ...this.organizationTreeOptions]
|
||||||
: this.organizationTreeOptions;
|
: this.organizationTreeOptions;
|
||||||
},
|
},
|
||||||
// 所属组织级联配置:checkStrictly 允许选中任意层级,不必选到末级。
|
// 所属组织级联配置:checkStrictly 允许选中任意层级,不必选到末级
|
||||||
// 限定只能选平台公司时用 disabled 函数只放开平台公司:非平台公司的非末级节点
|
|
||||||
// 在 checkStrictly 下仍可展开(el-cascader 的 expandable 判断),末级节点点击无效,
|
|
||||||
// 两者都选不中。disabled 在节点渲染时求值,平台公司 id 到手后节点会自行重算。
|
|
||||||
organizationCascaderProps() {
|
organizationCascaderProps() {
|
||||||
const props = {
|
return {
|
||||||
value: 'id',
|
value: 'id',
|
||||||
label: 'label',
|
label: 'label',
|
||||||
children: 'children',
|
children: 'children',
|
||||||
@@ -84,25 +64,15 @@ export default {
|
|||||||
checkStrictly: true,
|
checkStrictly: true,
|
||||||
expandTrigger: 'click',
|
expandTrigger: 'click',
|
||||||
};
|
};
|
||||||
if (this.restrictFormOrgToPlatformCompany) {
|
|
||||||
props.disabled = data => this.platformCompanyOrgDisabled(data);
|
|
||||||
}
|
|
||||||
return props;
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
loadOrganizationOptions() {
|
loadOrganizationOptions() {
|
||||||
// 并发调用共用同一次请求,返回的 Promise 在数据就绪后才 resolve
|
if (this.organizationLoading) return;
|
||||||
if (this.organizationOptionsPromise) return this.organizationOptionsPromise;
|
|
||||||
this.organizationLoading = true;
|
this.organizationLoading = true;
|
||||||
const tenantId = this.userInfo?.tenantId;
|
const tenantId = this.userInfo?.tenantId;
|
||||||
// 平台公司下拉失败不能拖垮组织树,单独兜住,失败时保持上一次的可选范围
|
getDeptTree(tenantId)
|
||||||
const platformCompanyRequest = this.restrictFormOrgToPlatformCompany
|
.then(res => {
|
||||||
? getPlatformCompanySelect().catch(() => null)
|
|
||||||
: Promise.resolve(null);
|
|
||||||
this.organizationOptionsPromise = Promise.all([getDeptTree(tenantId), platformCompanyRequest])
|
|
||||||
.then(([res, platformRes]) => {
|
|
||||||
this.applyPlatformCompanyOptions(platformRes);
|
|
||||||
const source = res.data?.data || res.data || [];
|
const source = res.data?.data || res.data || [];
|
||||||
const tree = this.excludeExternalOrganization
|
const tree = this.excludeExternalOrganization
|
||||||
? this.excludeExternalOrganization(source)
|
? this.excludeExternalOrganization(source)
|
||||||
@@ -120,21 +90,7 @@ export default {
|
|||||||
})
|
})
|
||||||
.finally(() => {
|
.finally(() => {
|
||||||
this.organizationLoading = false;
|
this.organizationLoading = false;
|
||||||
this.organizationOptionsPromise = null;
|
|
||||||
});
|
});
|
||||||
return this.organizationOptionsPromise;
|
|
||||||
},
|
|
||||||
// 组织树与平台公司列表就绪后执行回调;已加载过则立即执行
|
|
||||||
whenOrganizationOptionsReady(callback) {
|
|
||||||
const pending = this.organizationTreeFlatOptions.length
|
|
||||||
? Promise.resolve()
|
|
||||||
: this.loadOrganizationOptions();
|
|
||||||
return Promise.resolve(pending).then(callback, () => callback());
|
|
||||||
},
|
|
||||||
applyPlatformCompanyOptions(res) {
|
|
||||||
if (!res) return;
|
|
||||||
const list = res.data?.data || res.data || [];
|
|
||||||
this.platformCompanyOrgIds = (Array.isArray(list) ? list : []).map(item => String(item.id));
|
|
||||||
},
|
},
|
||||||
// 默认排除「外部组织」节点;页面可覆盖
|
// 默认排除「外部组织」节点;页面可覆盖
|
||||||
excludeExternalOrganization(tree = []) {
|
excludeExternalOrganization(tree = []) {
|
||||||
@@ -187,9 +143,7 @@ export default {
|
|||||||
for (const node of tree || []) {
|
for (const node of tree || []) {
|
||||||
const path = [...parents, String(node.id)];
|
const path = [...parents, String(node.id)];
|
||||||
if (String(node.id) === String(target)) return path;
|
if (String(node.id) === String(target)) return path;
|
||||||
// 必须显式传 node.children || []:叶节点的 children 是 undefined,
|
const matched = this.findOrgPath(target, node.children, path);
|
||||||
// 传 undefined 会触发默认参数重新拿到整棵树,逐层重复扫描直到爆栈
|
|
||||||
const matched = this.findOrgPath(target, node.children || [], path);
|
|
||||||
if (matched) return matched;
|
if (matched) return matched;
|
||||||
}
|
}
|
||||||
return null;
|
return null;
|
||||||
@@ -198,52 +152,6 @@ export default {
|
|||||||
findOrgName(id) {
|
findOrgName(id) {
|
||||||
return this.findOrgById(id)?.rawLabel || '';
|
return this.findOrgById(id)?.rawLabel || '';
|
||||||
},
|
},
|
||||||
// 级联节点的 disabled 判定:只有平台公司可选。页面自建 props 时也复用它
|
|
||||||
platformCompanyOrgDisabled(data) {
|
|
||||||
return !this.platformCompanyOrgIds.includes(String(data?.id ?? ''));
|
|
||||||
},
|
|
||||||
// 组织名对应的节点是否为平台公司;名称在树里不存在时按「不是」处理
|
|
||||||
isPlatformCompanyOrgName(name) {
|
|
||||||
const value = String(name ?? '').trim();
|
|
||||||
if (!value) return false;
|
|
||||||
const node = this.organizationTreeFlatOptions.find(item => item.rawLabel === value);
|
|
||||||
return !!node && this.platformCompanyOrgIds.includes(String(node.id));
|
|
||||||
},
|
|
||||||
// 新增表单的默认组织:只有落在平台公司上才预填,否则留空(不能让用户从默认值
|
|
||||||
// 直接带出一个选不中的组织名)
|
|
||||||
defaultFormOrganizationName(name) {
|
|
||||||
return this.isPlatformCompanyOrgName(name) ? String(name).trim() : '';
|
|
||||||
},
|
|
||||||
// 表单级联的选项树:限定平台公司时,把回显的原组织名补成一个只读节点,
|
|
||||||
// 否则存量记录的组织在树里找不到,编辑时显示为空、保存即丢原值
|
|
||||||
buildFormOrganizationTree(tree = this.organizationTreeOptions) {
|
|
||||||
const source = tree || [];
|
|
||||||
if (!this.restrictFormOrgToPlatformCompany) return source;
|
|
||||||
const name = String(this.formOrganizationLegacyName || '').trim();
|
|
||||||
if (!name) return source;
|
|
||||||
if (this.organizationTreeFlatOptions.some(item => item.rawLabel === name)) return source;
|
|
||||||
return [...source, { id: FORM_LEGACY_ORG_ID, label: name, rawLabel: name }];
|
|
||||||
},
|
|
||||||
// 表单级联回显用的路径:树里有该组织就用真实路径,否则落到原组织兜底节点
|
|
||||||
resolveFormOrgPath(name) {
|
|
||||||
const path = this.resolveOrgPath(name);
|
|
||||||
if (path.length) return path;
|
|
||||||
const value = String(name ?? '').trim();
|
|
||||||
if (!value) return [];
|
|
||||||
return value === String(this.formOrganizationLegacyName || '').trim()
|
|
||||||
? [FORM_LEGACY_ORG_ID]
|
|
||||||
: [];
|
|
||||||
},
|
|
||||||
// 记录表单当前回显的组织名:能匹配真实节点(或已清空)就不需要兜底节点,
|
|
||||||
// 否则记下来,由 buildFormOrganizationTree 补成只读选项
|
|
||||||
syncFormOrganizationLegacy(name) {
|
|
||||||
const value = String(name ?? '').trim();
|
|
||||||
if (!value || this.organizationTreeFlatOptions.some(item => item.rawLabel === value)) {
|
|
||||||
this.formOrganizationLegacyName = '';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
this.formOrganizationLegacyName = value;
|
|
||||||
},
|
|
||||||
// 组织名称 → 级联路径(表单回显用;部门树异步加载完成后会自动重算)
|
// 组织名称 → 级联路径(表单回显用;部门树异步加载完成后会自动重算)
|
||||||
resolveOrgPath(name) {
|
resolveOrgPath(name) {
|
||||||
const value = String(name ?? '').trim();
|
const value = String(name ?? '').trim();
|
||||||
@@ -256,13 +164,7 @@ export default {
|
|||||||
const value = Array.isArray(path)
|
const value = Array.isArray(path)
|
||||||
? path.filter(item => item !== undefined && item !== null && item !== '')
|
? path.filter(item => item !== undefined && item !== null && item !== '')
|
||||||
: [];
|
: [];
|
||||||
if (!value.length) return '';
|
return value.length ? this.findOrgById(value)?.rawLabel || '' : '';
|
||||||
const node = this.findOrgById(value);
|
|
||||||
if (node) return node.rawLabel || '';
|
|
||||||
// 原组织兜底节点不在扁平表里,直接取它代表的历史名称
|
|
||||||
return String(value[value.length - 1]) === FORM_LEGACY_ORG_ID
|
|
||||||
? String(this.formOrganizationLegacyName || '').trim()
|
|
||||||
: '';
|
|
||||||
},
|
},
|
||||||
// 搜索提交前把级联路径数组就地转成组织名称(后端按名称过滤)
|
// 搜索提交前把级联路径数组就地转成组织名称(后端按名称过滤)
|
||||||
normalizeOrganizationSearch(params, prop = 'organizationName') {
|
normalizeOrganizationSearch(params, prop = 'organizationName') {
|
||||||
|
|||||||
@@ -208,9 +208,6 @@ export const config = {
|
|||||||
transportPlanImportTitle: '导入运输计划',
|
transportPlanImportTitle: '导入运输计划',
|
||||||
transportPlanTemplateUrl: '/blade-transport/transport-plan/export-template',
|
transportPlanTemplateUrl: '/blade-transport/transport-plan/export-template',
|
||||||
attachmentTitle: '附件',
|
attachmentTitle: '附件',
|
||||||
defaultForm: {
|
|
||||||
transportType: 'road',
|
|
||||||
},
|
|
||||||
searchRangeMap: {
|
searchRangeMap: {
|
||||||
planStartDateRange: ['planStartDateStart', 'planStartDateEnd'],
|
planStartDateRange: ['planStartDateStart', 'planStartDateEnd'],
|
||||||
createTimeRange: ['createTimeStart', 'createTimeEnd', '00:00:00', '23:59:59'],
|
createTimeRange: ['createTimeStart', 'createTimeEnd', '00:00:00', '23:59:59'],
|
||||||
|
|||||||
@@ -23,6 +23,7 @@ export const searchFields = [
|
|||||||
{ label: '预付结算单号', prop: 'preSettlementNo', type: 'input' },
|
{ label: '预付结算单号', prop: 'preSettlementNo', type: 'input' },
|
||||||
{ label: '正式结算单号', prop: 'formalSettlementNo', type: 'input' },
|
{ label: '正式结算单号', prop: 'formalSettlementNo', type: 'input' },
|
||||||
{ label: '批次号', prop: 'batchNo', type: 'input' },
|
{ label: '批次号', prop: 'batchNo', type: 'input' },
|
||||||
|
{ label: '运单号', prop: 'waybillNo', type: 'input' },
|
||||||
{ label: '车号', prop: 'vehicleNo', type: 'input' },
|
{ label: '车号', prop: 'vehicleNo', type: 'input' },
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|||||||
@@ -1861,7 +1861,7 @@
|
|||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="司机">
|
<el-form-item label="司机" required>
|
||||||
<el-autocomplete
|
<el-autocomplete
|
||||||
v-model="dispatchItemForm.driverName"
|
v-model="dispatchItemForm.driverName"
|
||||||
placeholder="请输入"
|
placeholder="请输入"
|
||||||
@@ -1878,6 +1878,7 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:label="dispatchItemForm.carrierType === '承运商' ? '手机号' : '司机手机号'"
|
:label="dispatchItemForm.carrierType === '承运商' ? '手机号' : '司机手机号'"
|
||||||
|
required
|
||||||
>
|
>
|
||||||
<el-input v-model="dispatchItemForm.driverPhone" placeholder="请输入" />
|
<el-input v-model="dispatchItemForm.driverPhone" placeholder="请输入" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -2103,7 +2104,7 @@
|
|||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="dispatchIsRoadTransport" label="司机">
|
<el-form-item v-if="dispatchIsRoadTransport" label="司机" required>
|
||||||
<el-autocomplete
|
<el-autocomplete
|
||||||
v-model="dispatchItemForm.driverName"
|
v-model="dispatchItemForm.driverName"
|
||||||
placeholder="请输入"
|
placeholder="请输入"
|
||||||
@@ -2114,7 +2115,7 @@
|
|||||||
@select="item => handleTaskDriverSelect('dispatch', item)"
|
@select="item => handleTaskDriverSelect('dispatch', item)"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="dispatchIsRoadTransport" label="手机号">
|
<el-form-item v-if="dispatchIsRoadTransport" label="手机号" required>
|
||||||
<el-input v-model="dispatchItemForm.driverPhone" placeholder="请输入" />
|
<el-input v-model="dispatchItemForm.driverPhone" placeholder="请输入" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<el-form-item
|
||||||
@@ -8364,7 +8365,19 @@ export default {
|
|||||||
}
|
}
|
||||||
const fullEntry = row.taskEntryMode === 'full';
|
const fullEntry = row.taskEntryMode === 'full';
|
||||||
const roadTransport = this.resolveTransportMode(row.transportType) === 'road';
|
const roadTransport = this.resolveTransportMode(row.transportType) === 'road';
|
||||||
// 司机与手机号对全部承运类型(承运商 / 自运 / 平台)都是选填,填了才校验格式与长度
|
if (fullEntry) {
|
||||||
|
// 公路运输时司机/手机号一律必填(含承运类型为承运商)
|
||||||
|
if (roadTransport && row.carrierType) {
|
||||||
|
requiredFields.push(['driverName', '司机']);
|
||||||
|
requiredFields.push(['driverPhone', '手机号']);
|
||||||
|
}
|
||||||
|
} else if (row.carrierType) {
|
||||||
|
requiredFields.push(['driverName', '司机']);
|
||||||
|
requiredFields.push([
|
||||||
|
'driverPhone',
|
||||||
|
row.carrierType === '承运商' ? '手机号' : '司机手机号',
|
||||||
|
]);
|
||||||
|
}
|
||||||
const emptyField = requiredFields.find(([prop]) => this.isBillingFieldEmpty(row[prop]));
|
const emptyField = requiredFields.find(([prop]) => this.isBillingFieldEmpty(row[prop]));
|
||||||
if (emptyField) return requiredMessage(emptyField[1]);
|
if (emptyField) return requiredMessage(emptyField[1]);
|
||||||
|
|
||||||
|
|||||||
@@ -484,24 +484,20 @@
|
|||||||
</div>
|
</div>
|
||||||
<el-tabs v-model="previewTab"
|
<el-tabs v-model="previewTab"
|
||||||
><el-tab-pane :label="`运单数(${rows.length})`" name="all" /><el-tab-pane
|
><el-tab-pane :label="`运单数(${rows.length})`" name="all" /><el-tab-pane
|
||||||
:label="`Excel内重复(${duplicateRows.length})`"
|
:label="`疑似重复(${duplicateRows.length})`"
|
||||||
name="duplicate" /><el-tab-pane
|
name="duplicate" /></el-tabs
|
||||||
:label="`与已有运单重复(${historyDuplicateRows.length})`"
|
|
||||||
name="history" /></el-tabs
|
|
||||||
><el-table
|
><el-table
|
||||||
:data="previewRows"
|
:data="previewRows"
|
||||||
border
|
border
|
||||||
max-height="440"
|
max-height="440"
|
||||||
:row-class-name="
|
:row-class-name="({ row }) => (row._duplicate ? 'is-duplicate-row' : '')"
|
||||||
({ row }) => (row._duplicate || row._historyWaybillNo ? 'is-duplicate-row' : '')
|
|
||||||
"
|
|
||||||
@selection-change="rowSelection = $event"
|
@selection-change="rowSelection = $event"
|
||||||
><el-table-column type="selection" width="55" /><el-table-column
|
><el-table-column type="selection" width="55" /><el-table-column
|
||||||
type="index"
|
type="index"
|
||||||
label="序号"
|
label="序号"
|
||||||
width="65"
|
width="65"
|
||||||
/><el-table-column
|
/><el-table-column
|
||||||
v-for="column in previewColumns"
|
v-for="column in detailColumns"
|
||||||
:key="column.prop"
|
:key="column.prop"
|
||||||
:prop="column.prop"
|
:prop="column.prop"
|
||||||
:label="column.label"
|
:label="column.label"
|
||||||
@@ -587,6 +583,8 @@
|
|||||||
><el-link type="primary" @click="saveRow(row)">保存</el-link
|
><el-link type="primary" @click="saveRow(row)">保存</el-link
|
||||||
><el-link type="primary" @click="cancelRow(row)">取消</el-link></template
|
><el-link type="primary" @click="cancelRow(row)">取消</el-link></template
|
||||||
><template v-else
|
><template v-else
|
||||||
|
><el-link v-if="row._duplicate" type="primary" @click="confirmDuplicateRow(row)"
|
||||||
|
>确认</el-link
|
||||||
><el-link type="primary" @click="editRow(row)">编辑</el-link
|
><el-link type="primary" @click="editRow(row)">编辑</el-link
|
||||||
><el-link type="danger" @click="deleteRow(row)">删除</el-link></template
|
><el-link type="danger" @click="deleteRow(row)">删除</el-link></template
|
||||||
></div
|
></div
|
||||||
@@ -718,12 +716,9 @@ const transportTypeOptions = ref([]),
|
|||||||
const rowSelection = ref([]),
|
const rowSelection = ref([]),
|
||||||
previewTab = ref('all');
|
previewTab = ref('all');
|
||||||
const duplicateRows = computed(() => rows.value.filter(row => row._duplicate));
|
const duplicateRows = computed(() => rows.value.filter(row => row._duplicate));
|
||||||
const historyDuplicateRows = computed(() => rows.value.filter(row => row._historyWaybillNo));
|
const previewRows = computed(() =>
|
||||||
const previewRows = computed(() => {
|
previewTab.value === 'duplicate' ? duplicateRows.value : rows.value
|
||||||
if (previewTab.value === 'duplicate') return duplicateRows.value;
|
);
|
||||||
if (previewTab.value === 'history') return historyDuplicateRows.value;
|
|
||||||
return rows.value;
|
|
||||||
});
|
|
||||||
const carrierContractsLoaded = ref(false),
|
const carrierContractsLoaded = ref(false),
|
||||||
hasCarrierContracts = ref(null);
|
hasCarrierContracts = ref(null);
|
||||||
const carrierTypes = ['承运商', '自运'];
|
const carrierTypes = ['承运商', '自运'];
|
||||||
@@ -800,16 +795,6 @@ const detailColumns = [
|
|||||||
{ prop: 'remark', label: '备注', editor: 'textarea', minWidth: 200 },
|
{ prop: 'remark', label: '备注', editor: 'textarea', minWidth: 200 },
|
||||||
{ prop: 'waybillIdentifier', label: '同一运单标识号', editor: 'input', minWidth: 150 },
|
{ prop: 'waybillIdentifier', label: '同一运单标识号', editor: 'input', minWidth: 150 },
|
||||||
];
|
];
|
||||||
// 与已有运单重复页签的列与明细一致,只在运单批次号后多一列已有运单号。
|
|
||||||
const previewColumns = computed(() =>
|
|
||||||
previewTab.value === 'history'
|
|
||||||
? [
|
|
||||||
detailColumns[0],
|
|
||||||
{ prop: '_historyWaybillNo', label: '已有运单号', minWidth: 220 },
|
|
||||||
...detailColumns.slice(1),
|
|
||||||
]
|
|
||||||
: detailColumns
|
|
||||||
);
|
|
||||||
const requiredDetailFields = [
|
const requiredDetailFields = [
|
||||||
{ prop: 'vehicleNo', label: '车牌号/船班号/船次号/班次号' },
|
{ prop: 'vehicleNo', label: '车牌号/船班号/船次号/班次号' },
|
||||||
{ prop: 'transportType', label: '运输方式' },
|
{ prop: 'transportType', label: '运输方式' },
|
||||||
@@ -1202,7 +1187,6 @@ const loadBatchRows = async batchId => {
|
|||||||
batchNo: item.batchNo || form.batchNo,
|
batchNo: item.batchNo || form.batchNo,
|
||||||
}));
|
}));
|
||||||
refreshDuplicateFlags();
|
refreshDuplicateFlags();
|
||||||
await refreshHistoryDuplicates();
|
|
||||||
rowSelection.value = [];
|
rowSelection.value = [];
|
||||||
previewTab.value = 'all';
|
previewTab.value = 'all';
|
||||||
};
|
};
|
||||||
@@ -1525,8 +1509,6 @@ const fileChange = async (file, list) => {
|
|||||||
if (isValid) {
|
if (isValid) {
|
||||||
// 校验通过,填充表格数据
|
// 校验通过,填充表格数据
|
||||||
rows.value = parsedRows;
|
rows.value = parsedRows;
|
||||||
// 传 rows.value(响应式代理),否则后续写入不触发重新渲染
|
|
||||||
await refreshHistoryDuplicates(rows.value);
|
|
||||||
} else {
|
} else {
|
||||||
// 校验失败,清空数据
|
// 校验失败,清空数据
|
||||||
rows.value = [];
|
rows.value = [];
|
||||||
@@ -1544,12 +1526,16 @@ const IMPORT_BATCH_SIZE = 100;
|
|||||||
|
|
||||||
const importFieldText = value => String(value ?? '').trim();
|
const importFieldText = value => String(value ?? '').trim();
|
||||||
|
|
||||||
/** 同一运单批次号下,全部导入字段一致时标记为 Excel 内重复。 */
|
/** 同一运单批次号下,全部导入字段一致时标记为疑似重复。已在线确认的行不再标为重复。 */
|
||||||
const refreshDuplicateFlags = (list = rows.value) => {
|
const refreshDuplicateFlags = (list = rows.value) => {
|
||||||
const groups = new Map();
|
const groups = new Map();
|
||||||
list.forEach(row => {
|
list.forEach(row => {
|
||||||
const signature = detailColumns.map(column => importFieldText(row[column.prop])).join('\u0001');
|
const signature = detailColumns.map(column => importFieldText(row[column.prop])).join('\u0001');
|
||||||
const batchNo = importFieldText(row.batchNo || form.batchNo);
|
const batchNo = importFieldText(row.batchNo || form.batchNo);
|
||||||
|
if (row._duplicateConfirmed && row._duplicateSignature !== signature) {
|
||||||
|
row._duplicateConfirmed = false;
|
||||||
|
}
|
||||||
|
row._duplicateSignature = signature;
|
||||||
const groupKey = `${batchNo}\u0002${signature}`;
|
const groupKey = `${batchNo}\u0002${signature}`;
|
||||||
const group = groups.get(groupKey) || [];
|
const group = groups.get(groupKey) || [];
|
||||||
group.push(row);
|
group.push(row);
|
||||||
@@ -1558,39 +1544,19 @@ const refreshDuplicateFlags = (list = rows.value) => {
|
|||||||
groups.forEach(group => {
|
groups.forEach(group => {
|
||||||
const duplicated = group.length > 1;
|
const duplicated = group.length > 1;
|
||||||
group.forEach(row => {
|
group.forEach(row => {
|
||||||
row._duplicate = duplicated;
|
row._duplicate = duplicated && !row._duplicateConfirmed;
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
/** 逐行提交给后端与项目下已有运单比对,命中的行带上已有运单号。比对失败不影响导入。 */
|
const confirmDuplicateRow = row => {
|
||||||
const refreshHistoryDuplicates = async (list = rows.value) => {
|
row._duplicateConfirmed = true;
|
||||||
if (!list.length || !form.projectId) {
|
refreshDuplicateFlags();
|
||||||
list.forEach(row => {
|
ElMessage.success('已确认,该行将按正常数据导入');
|
||||||
row._historyWaybillNo = '';
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
let duplicates = [];
|
|
||||||
try {
|
|
||||||
const res = await api.checkImportDuplicates(buildImportPayload(form.status, list));
|
|
||||||
const data = res?.data?.data ?? res?.data ?? res;
|
|
||||||
duplicates = Array.isArray(data) ? data : [];
|
|
||||||
} catch (error) {
|
|
||||||
console.error('与已有运单重复校验失败:', error);
|
|
||||||
duplicates = [];
|
|
||||||
}
|
|
||||||
const numbersByRow = new Map(
|
|
||||||
duplicates.map(item => [item.rowIndex, (item.waybillNos || []).filter(Boolean)])
|
|
||||||
);
|
|
||||||
list.forEach((row, index) => {
|
|
||||||
row._historyWaybillNo = (numbersByRow.get(index) || []).join('、');
|
|
||||||
});
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const stripInternalRowFields = row => {
|
const stripInternalRowFields = row => {
|
||||||
const { _key, _duplicate, _duplicateKey, _editing, _editSnapshot, _historyWaybillNo, ...data } =
|
const { _key, _duplicate, _duplicateKey, _duplicateConfirmed, _duplicateSignature, _editing, _editSnapshot, ...data } = row;
|
||||||
row;
|
|
||||||
return data;
|
return data;
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -1805,7 +1771,6 @@ const saveRow = row => {
|
|||||||
row._editing = false;
|
row._editing = false;
|
||||||
delete row._editSnapshot;
|
delete row._editSnapshot;
|
||||||
refreshDuplicateFlags();
|
refreshDuplicateFlags();
|
||||||
refreshHistoryDuplicates();
|
|
||||||
};
|
};
|
||||||
const cancelRow = row => {
|
const cancelRow = row => {
|
||||||
if (row._editSnapshot) Object.assign(row, row._editSnapshot);
|
if (row._editSnapshot) Object.assign(row, row._editSnapshot);
|
||||||
@@ -1815,14 +1780,12 @@ const cancelRow = row => {
|
|||||||
const deleteRow = row => {
|
const deleteRow = row => {
|
||||||
rows.value = rows.value.filter(item => item !== row);
|
rows.value = rows.value.filter(item => item !== row);
|
||||||
refreshDuplicateFlags();
|
refreshDuplicateFlags();
|
||||||
refreshHistoryDuplicates();
|
|
||||||
};
|
};
|
||||||
const removeSelectedRows = () => {
|
const removeSelectedRows = () => {
|
||||||
const keys = new Set(rowSelection.value.map(row => row._key));
|
const keys = new Set(rowSelection.value.map(row => row._key));
|
||||||
rows.value = rows.value.filter(row => !keys.has(row._key));
|
rows.value = rows.value.filter(row => !keys.has(row._key));
|
||||||
rowSelection.value = [];
|
rowSelection.value = [];
|
||||||
refreshDuplicateFlags();
|
refreshDuplicateFlags();
|
||||||
refreshHistoryDuplicates();
|
|
||||||
};
|
};
|
||||||
const normalizeOptionalPlanId = value => {
|
const normalizeOptionalPlanId = value => {
|
||||||
if (value === undefined || value === null || value === '') return null;
|
if (value === undefined || value === null || value === '') return null;
|
||||||
@@ -1886,11 +1849,7 @@ const confirmImport = async () => {
|
|||||||
await formRef.value?.validate();
|
await formRef.value?.validate();
|
||||||
if (!validateImportRows()) return;
|
if (!validateImportRows()) return;
|
||||||
const count = rows.value.filter(row => row._duplicate).length;
|
const count = rows.value.filter(row => row._duplicate).length;
|
||||||
if (count)
|
if (count) await ElMessageBox.confirm(`当前导入有${count}条疑似重复数据,是否确认导入?`, '提示');
|
||||||
await ElMessageBox.confirm(`当前导入有${count}条Excel内重复数据,是否确认导入?`, '提示');
|
|
||||||
const historyCount = rows.value.filter(row => row._historyWaybillNo).length;
|
|
||||||
if (historyCount)
|
|
||||||
await ElMessageBox.confirm(`当前导入有${historyCount}条与已有运单重复,是否确认导入?`, '提示');
|
|
||||||
if (form.importType === 'settlement' && form.status === 'completed')
|
if (form.importType === 'settlement' && form.status === 'completed')
|
||||||
await ElMessageBox.confirm('确认后将同时生成运单、应收应付明细、计结算单,是否继续?', '提示');
|
await ElMessageBox.confirm('确认后将同时生成运单、应收应付明细、计结算单,是否继续?', '提示');
|
||||||
|
|
||||||
|
|||||||
@@ -1337,7 +1337,7 @@
|
|||||||
<el-form-item label="规格">
|
<el-form-item label="规格">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="form.specification"
|
v-model="form.specification"
|
||||||
placeholder="请填写规格"
|
placeholder="选择货物自动回填"
|
||||||
clearable
|
clearable
|
||||||
:disabled="dialogReadonly"
|
:disabled="dialogReadonly"
|
||||||
/>
|
/>
|
||||||
@@ -1345,7 +1345,7 @@
|
|||||||
<el-form-item label="型号">
|
<el-form-item label="型号">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="form.model"
|
v-model="form.model"
|
||||||
placeholder="请填写型号"
|
placeholder="选择货物自动回填"
|
||||||
clearable
|
clearable
|
||||||
:disabled="dialogReadonly"
|
:disabled="dialogReadonly"
|
||||||
/>
|
/>
|
||||||
@@ -8453,6 +8453,7 @@ export default {
|
|||||||
}
|
}
|
||||||
if (!this.isTaskFullMode) {
|
if (!this.isTaskFullMode) {
|
||||||
requiredFields.push(['cargoName', '货物名称']);
|
requiredFields.push(['cargoName', '货物名称']);
|
||||||
|
requiredFields.push(['model', '型号']);
|
||||||
requiredFields.push(['quantity', '数量']);
|
requiredFields.push(['quantity', '数量']);
|
||||||
}
|
}
|
||||||
const emptyField = requiredFields.find(([prop]) => this.isBillingFieldEmpty(row[prop]));
|
const emptyField = requiredFields.find(([prop]) => this.isBillingFieldEmpty(row[prop]));
|
||||||
|
|||||||
@@ -577,7 +577,7 @@ export default {
|
|||||||
this.$message.warning(`第${index + 1}条调度明细缺少承运商信息`);
|
this.$message.warning(`第${index + 1}条调度明细缺少承运商信息`);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// 司机与手机号对全部承运类型都是选填,由调度明细弹窗校验已填部分的格式,此处不重复校验
|
// 司机是否必填由调度明细弹窗按承运类型判定(承运商承运时司机选填),此处不再重复校验
|
||||||
if (!row.vehicleNo) {
|
if (!row.vehicleNo) {
|
||||||
this.$message.warning(`第${index + 1}条调度明细缺少车牌号`);
|
this.$message.warning(`第${index + 1}条调度明细缺少车牌号`);
|
||||||
return;
|
return;
|
||||||
|
|||||||
@@ -389,18 +389,6 @@
|
|||||||
v-model="batchQuery.batchNo"
|
v-model="batchQuery.batchNo"
|
||||||
clearable
|
clearable
|
||||||
placeholder="请输入" /></el-form-item></el-col
|
placeholder="请输入" /></el-form-item></el-col
|
||||||
><el-col :span="12"
|
|
||||||
><el-form-item label="项目"
|
|
||||||
><el-select
|
|
||||||
v-model="batchQuery.projectId"
|
|
||||||
filterable
|
|
||||||
clearable
|
|
||||||
placeholder="请选择"
|
|
||||||
><el-option
|
|
||||||
v-for="item in projectOptions"
|
|
||||||
:key="item.id"
|
|
||||||
:label="item.projectName"
|
|
||||||
:value="item.id" /></el-select></el-form-item></el-col
|
|
||||||
><el-col :span="12"
|
><el-col :span="12"
|
||||||
><el-form-item label="创建日期"
|
><el-form-item label="创建日期"
|
||||||
><el-date-picker
|
><el-date-picker
|
||||||
@@ -440,10 +428,6 @@
|
|||||||
prop="batchNo"
|
prop="batchNo"
|
||||||
label="运单批次号"
|
label="运单批次号"
|
||||||
min-width="240" /><el-table-column
|
min-width="240" /><el-table-column
|
||||||
prop="projectName"
|
|
||||||
label="项目"
|
|
||||||
min-width="180"
|
|
||||||
show-overflow-tooltip /><el-table-column
|
|
||||||
prop="createTime"
|
prop="createTime"
|
||||||
label="创建时间"
|
label="创建时间"
|
||||||
min-width="180" /><el-table-column label="运单数" width="120"
|
min-width="180" /><el-table-column label="运单数" width="120"
|
||||||
@@ -710,12 +694,7 @@ const selectedBatches = ref([]),
|
|||||||
batchRows = ref([]),
|
batchRows = ref([]),
|
||||||
batchSelection = ref([]),
|
batchSelection = ref([]),
|
||||||
batchCreateRange = ref([]);
|
batchCreateRange = ref([]);
|
||||||
const batchQuery = reactive({
|
const batchQuery = reactive({ batchNo: '', createUser: '', waybillCount: undefined });
|
||||||
batchNo: '',
|
|
||||||
projectId: '',
|
|
||||||
createUser: '',
|
|
||||||
waybillCount: undefined,
|
|
||||||
});
|
|
||||||
const batchPage = reactive({ current: 1, size: 10, total: 0 });
|
const batchPage = reactive({ current: 1, size: 10, total: 0 });
|
||||||
const progressQuery = reactive({ businessId: '', attachmentName: '', status: '' });
|
const progressQuery = reactive({ businessId: '', attachmentName: '', status: '' });
|
||||||
const progressPage = reactive({ current: 1, size: 10, total: 0 });
|
const progressPage = reactive({ current: 1, size: 10, total: 0 });
|
||||||
@@ -1044,12 +1023,7 @@ const openBatchDialog = async row => {
|
|||||||
batchDialogMode.value = voucher?.id ? 'change' : 'upload';
|
batchDialogMode.value = voucher?.id ? 'change' : 'upload';
|
||||||
batchTarget.value = voucher?.id ? voucher : undefined;
|
batchTarget.value = voucher?.id ? voucher : undefined;
|
||||||
batchSelection.value = [];
|
batchSelection.value = [];
|
||||||
// 弹窗内的搜索条件是模块级状态,不重置就会带着上一次的筛选条件打开。
|
|
||||||
resetBatchSearch();
|
|
||||||
batchRows.value = [];
|
|
||||||
batchPage.total = 0;
|
|
||||||
batchVisible.value = true;
|
batchVisible.value = true;
|
||||||
if (!projectOptions.value.length) await loadProjects();
|
|
||||||
await loadBatches();
|
await loadBatches();
|
||||||
if (voucher?.waybillBatchNo) {
|
if (voucher?.waybillBatchNo) {
|
||||||
const currentBatch = batchRows.value.find(item => item.batchNo === voucher.waybillBatchNo);
|
const currentBatch = batchRows.value.find(item => item.batchNo === voucher.waybillBatchNo);
|
||||||
@@ -1059,7 +1033,6 @@ const openBatchDialog = async row => {
|
|||||||
const loadBatches = async () => {
|
const loadBatches = async () => {
|
||||||
const res = await api.getWaybillBatches(batchPage.current, batchPage.size, {
|
const res = await api.getWaybillBatches(batchPage.current, batchPage.size, {
|
||||||
batchNo: batchQuery.batchNo,
|
batchNo: batchQuery.batchNo,
|
||||||
projectId: batchQuery.projectId,
|
|
||||||
createUser: batchQuery.createUser,
|
createUser: batchQuery.createUser,
|
||||||
waybillCount: batchQuery.waybillCount,
|
waybillCount: batchQuery.waybillCount,
|
||||||
createTimeStart: batchCreateRange.value?.[0] ? `${batchCreateRange.value[0]} 00:00:00` : '',
|
createTimeStart: batchCreateRange.value?.[0] ? `${batchCreateRange.value[0]} 00:00:00` : '',
|
||||||
@@ -1080,18 +1053,10 @@ const handleWaybillCountInput = value => {
|
|||||||
batchQuery.waybillCount = filtered.replace(/^0+/, '');
|
batchQuery.waybillCount = filtered.replace(/^0+/, '');
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
const resetBatchSearch = () => {
|
const resetBatchQuery = () => {
|
||||||
Object.assign(batchQuery, {
|
Object.assign(batchQuery, { batchNo: '', createUser: '', waybillCount: undefined });
|
||||||
batchNo: '',
|
|
||||||
projectId: '',
|
|
||||||
createUser: '',
|
|
||||||
waybillCount: undefined,
|
|
||||||
});
|
|
||||||
batchCreateRange.value = [];
|
batchCreateRange.value = [];
|
||||||
batchPage.current = 1;
|
batchPage.current = 1;
|
||||||
};
|
|
||||||
const resetBatchQuery = () => {
|
|
||||||
resetBatchSearch();
|
|
||||||
loadBatches();
|
loadBatches();
|
||||||
};
|
};
|
||||||
const updateWaybillBatch = async (target, selected) => {
|
const updateWaybillBatch = async (target, selected) => {
|
||||||
|
|||||||
@@ -97,7 +97,7 @@
|
|||||||
<el-option
|
<el-option
|
||||||
v-for="item in contractOptions"
|
v-for="item in contractOptions"
|
||||||
:key="item.id"
|
:key="item.id"
|
||||||
:label="formatContractOptionLabel(item)"
|
:label="item.contractName || item.contractNo"
|
||||||
:value="item.id"
|
:value="item.id"
|
||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
@@ -415,7 +415,8 @@
|
|||||||
><el-input
|
><el-input
|
||||||
v-model="row.description"
|
v-model="row.description"
|
||||||
:disabled="readonly"
|
:disabled="readonly"
|
||||||
maxlength="200" /></template></el-table-column
|
maxlength="200"
|
||||||
|
placeholder="请输入" /></template></el-table-column
|
||||||
><el-table-column label="文件大小" width="120"
|
><el-table-column label="文件大小" width="120"
|
||||||
><template #default="{ row }">{{
|
><template #default="{ row }">{{
|
||||||
formatAttachmentSize(row)
|
formatAttachmentSize(row)
|
||||||
@@ -732,7 +733,6 @@ import {
|
|||||||
getList as getCustomerArchiveList,
|
getList as getCustomerArchiveList,
|
||||||
} from '@/api/vehicle/customer-archive';
|
} from '@/api/vehicle/customer-archive';
|
||||||
import { readSettlementTransfer, removeSettlementTransfer } from '@/utils/settlement-transfer';
|
import { readSettlementTransfer, removeSettlementTransfer } from '@/utils/settlement-transfer';
|
||||||
import { formatContractOptionLabel } from '@/utils/contract';
|
|
||||||
import { downloadFileByUrl } from '@/utils/util';
|
import { downloadFileByUrl } from '@/utils/util';
|
||||||
import { loadMkEnabled, submitMkApprovalFlow } from '@/utils/mk-approval';
|
import { loadMkEnabled, submitMkApprovalFlow } from '@/utils/mk-approval';
|
||||||
import {
|
import {
|
||||||
@@ -1140,7 +1140,6 @@ export default {
|
|||||||
this.initialize();
|
this.initialize();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
formatContractOptionLabel,
|
|
||||||
hasPermission(code) {
|
hasPermission(code) {
|
||||||
return this.permission?.[code] !== false;
|
return this.permission?.[code] !== false;
|
||||||
},
|
},
|
||||||
@@ -2086,10 +2085,10 @@ export default {
|
|||||||
mergeAutomaticAttachments(
|
mergeAutomaticAttachments(
|
||||||
files,
|
files,
|
||||||
materials,
|
materials,
|
||||||
sourceName,
|
|
||||||
defaultMaterial = null,
|
defaultMaterial = null,
|
||||||
sourceKey = '',
|
sourceKey = '',
|
||||||
keepUnmatched = false
|
keepUnmatched = false,
|
||||||
|
insertIndex = -1
|
||||||
) {
|
) {
|
||||||
const existingUrls = new Set(
|
const existingUrls = new Set(
|
||||||
(this.form.attachments || []).map(file => this.attachmentFileUrl(file)).filter(Boolean)
|
(this.form.attachments || []).map(file => this.attachmentFileUrl(file)).filter(Boolean)
|
||||||
@@ -2113,35 +2112,39 @@ export default {
|
|||||||
url,
|
url,
|
||||||
link: file.link || url,
|
link: file.link || url,
|
||||||
attachmentType: material ? MATERIAL_TYPE_MAP[material.key] : 'other',
|
attachmentType: material ? MATERIAL_TYPE_MAP[material.key] : 'other',
|
||||||
description: file.description || `自动取自${sourceName}`,
|
description: file.description || '',
|
||||||
sourceImported: true,
|
sourceImported: true,
|
||||||
sourceKey: sourceKey || undefined,
|
sourceKey: sourceKey || undefined,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
if (imported.length) this.form.attachments = [...this.form.attachments, ...imported];
|
if (imported.length) {
|
||||||
|
// 回填到被替换附件的原起始位置,避免回显/切换时把用户新传附件顶到前面
|
||||||
|
const attachments = [...this.form.attachments];
|
||||||
|
const insertAt =
|
||||||
|
insertIndex >= 0 ? Math.min(insertIndex, attachments.length) : attachments.length;
|
||||||
|
attachments.splice(insertAt, 0, ...imported);
|
||||||
|
this.form.attachments = attachments;
|
||||||
|
}
|
||||||
return imported;
|
return imported;
|
||||||
},
|
},
|
||||||
/** 移除指定来源的自动关联附件(切换结算单/合同时整批替换) */
|
/** 移除指定来源的自动关联附件(切换结算单/合同时整批替换),返回首个被移除的位置 */
|
||||||
removeAutomaticAttachments(sourceKey, sourceName = '') {
|
removeAutomaticAttachments(sourceKey) {
|
||||||
const previousUrls = new Set(
|
const previousUrls = new Set(
|
||||||
sourceKey === 'settlement' ? this.linkedSettlementAttachmentUrls || [] : []
|
sourceKey === 'settlement' ? this.linkedSettlementAttachmentUrls || [] : []
|
||||||
);
|
);
|
||||||
this.form.attachments = (this.form.attachments || []).filter(file => {
|
let firstRemovedIndex = -1;
|
||||||
|
this.form.attachments = (this.form.attachments || []).filter((file, index) => {
|
||||||
const url = this.attachmentFileUrl(file);
|
const url = this.attachmentFileUrl(file);
|
||||||
if (sourceKey && file.sourceKey === sourceKey) return false;
|
const keep =
|
||||||
if (
|
!(sourceKey && file.sourceKey === sourceKey) &&
|
||||||
sourceName &&
|
!(previousUrls.size && url && previousUrls.has(url));
|
||||||
file.sourceImported &&
|
if (!keep && firstRemovedIndex === -1) firstRemovedIndex = index;
|
||||||
String(file.description || '').includes(`自动取自${sourceName}`)
|
return keep;
|
||||||
) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (previousUrls.size && url && previousUrls.has(url)) return false;
|
|
||||||
return true;
|
|
||||||
});
|
});
|
||||||
if (sourceKey === 'settlement') {
|
if (sourceKey === 'settlement') {
|
||||||
this.linkedSettlementAttachmentUrls = [];
|
this.linkedSettlementAttachmentUrls = [];
|
||||||
}
|
}
|
||||||
|
return firstRemovedIndex;
|
||||||
},
|
},
|
||||||
/** 按当前结算单附件整批同步:先清旧关联,再写入新结算单上传的附件 */
|
/** 按当前结算单附件整批同步:先清旧关联,再写入新结算单上传的附件 */
|
||||||
syncSettlementAttachments(settlementRows = []) {
|
syncSettlementAttachments(settlementRows = []) {
|
||||||
@@ -2156,14 +2159,14 @@ export default {
|
|||||||
.map(file => this.attachmentFileUrl(file))
|
.map(file => this.attachmentFileUrl(file))
|
||||||
.filter(url => url && nextUrlSet.has(url));
|
.filter(url => url && nextUrlSet.has(url));
|
||||||
}
|
}
|
||||||
this.removeAutomaticAttachments('settlement', '结算单');
|
const removedAt = this.removeAutomaticAttachments('settlement');
|
||||||
const imported = this.mergeAutomaticAttachments(
|
const imported = this.mergeAutomaticAttachments(
|
||||||
settlementFiles,
|
settlementFiles,
|
||||||
settlementMaterials,
|
settlementMaterials,
|
||||||
'结算单',
|
|
||||||
null,
|
null,
|
||||||
'settlement',
|
'settlement',
|
||||||
true
|
true,
|
||||||
|
removedAt
|
||||||
);
|
);
|
||||||
this.linkedSettlementAttachmentUrls = imported
|
this.linkedSettlementAttachmentUrls = imported
|
||||||
.map(file => this.attachmentFileUrl(file))
|
.map(file => this.attachmentFileUrl(file))
|
||||||
@@ -2214,7 +2217,7 @@ export default {
|
|||||||
this.syncSettlementAttachments(settlementRows);
|
this.syncSettlementAttachments(settlementRows);
|
||||||
if (!this.form.contractId) {
|
if (!this.form.contractId) {
|
||||||
this.firstContractPayment = false;
|
this.firstContractPayment = false;
|
||||||
this.removeAutomaticAttachments('contract', '合同');
|
this.removeAutomaticAttachments('contract');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
const contractResponse = await getContractDetail(this.form.contractId);
|
const contractResponse = await getContractDetail(this.form.contractId);
|
||||||
@@ -2226,13 +2229,14 @@ export default {
|
|||||||
this.contractSignatureFileAvailable = contractFiles.some(file =>
|
this.contractSignatureFileAvailable = contractFiles.some(file =>
|
||||||
Boolean(this.attachmentFileUrl(file))
|
Boolean(this.attachmentFileUrl(file))
|
||||||
);
|
);
|
||||||
this.removeAutomaticAttachments('contract', '合同');
|
const contractRemovedAt = this.removeAutomaticAttachments('contract');
|
||||||
this.mergeAutomaticAttachments(
|
this.mergeAutomaticAttachments(
|
||||||
contractFiles,
|
contractFiles,
|
||||||
[ATTACHMENT_MATERIALS.contract],
|
[ATTACHMENT_MATERIALS.contract],
|
||||||
'合同',
|
|
||||||
ATTACHMENT_MATERIALS.contract,
|
ATTACHMENT_MATERIALS.contract,
|
||||||
'contract'
|
'contract',
|
||||||
|
false,
|
||||||
|
contractRemovedAt
|
||||||
);
|
);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
@@ -2246,14 +2250,15 @@ export default {
|
|||||||
String(item.id || '') !== String(this.form.id || '') &&
|
String(item.id || '') !== String(this.form.id || '') &&
|
||||||
item.approvalStatus !== 'voided'
|
item.approvalStatus !== 'voided'
|
||||||
);
|
);
|
||||||
this.removeAutomaticAttachments('contract', '合同');
|
const contractRemovedAt = this.removeAutomaticAttachments('contract');
|
||||||
if (this.firstContractPayment) {
|
if (this.firstContractPayment) {
|
||||||
this.mergeAutomaticAttachments(
|
this.mergeAutomaticAttachments(
|
||||||
this.parse(contract.contractFileJson),
|
this.parse(contract.contractFileJson),
|
||||||
[ATTACHMENT_MATERIALS.contract],
|
[ATTACHMENT_MATERIALS.contract],
|
||||||
'合同',
|
|
||||||
ATTACHMENT_MATERIALS.contract,
|
ATTACHMENT_MATERIALS.contract,
|
||||||
'contract'
|
'contract',
|
||||||
|
false,
|
||||||
|
contractRemovedAt
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
|
|||||||
@@ -306,7 +306,7 @@
|
|||||||
</el-link>
|
</el-link>
|
||||||
<span v-else-if="item.column.money">{{ formatMoney(row[item.column.prop]) }}</span>
|
<span v-else-if="item.column.money">{{ formatMoney(row[item.column.prop]) }}</span>
|
||||||
<span v-else-if="item.column.prop === 'transportQuantity'">
|
<span v-else-if="item.column.prop === 'transportQuantity'">
|
||||||
{{ formatDetailTransportQuantity(row[item.column.prop]) }}
|
{{ formatDetailTransportQuantity(row) }}
|
||||||
</span>
|
</span>
|
||||||
<span v-else-if="item.column.prop === 'mileage'">
|
<span v-else-if="item.column.prop === 'mileage'">
|
||||||
{{ formatDetailMileage(row[item.column.prop]) }}
|
{{ formatDetailMileage(row[item.column.prop]) }}
|
||||||
@@ -362,7 +362,6 @@
|
|||||||
v-model="row.type"
|
v-model="row.type"
|
||||||
filterable
|
filterable
|
||||||
placeholder="请选择类型"
|
placeholder="请选择类型"
|
||||||
@change="sortAttachments"
|
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in attachmentTypeOptions"
|
v-for="item in attachmentTypeOptions"
|
||||||
@@ -1530,7 +1529,6 @@ export default {
|
|||||||
this.selectedAttachmentRows = [];
|
this.selectedAttachmentRows = [];
|
||||||
this.invoices = data.invoices || [];
|
this.invoices = data.invoices || [];
|
||||||
this.issuedInvoices = data.issuedInvoices || [];
|
this.issuedInvoices = data.issuedInvoices || [];
|
||||||
this.sortAttachments();
|
|
||||||
this.contracts = this.filterContracts(this.allContracts, this.form.projectId);
|
this.contracts = this.filterContracts(this.allContracts, this.form.projectId);
|
||||||
},
|
},
|
||||||
async initialize() {
|
async initialize() {
|
||||||
@@ -3172,13 +3170,13 @@ export default {
|
|||||||
formatMoney(value) {
|
formatMoney(value) {
|
||||||
return `${Number(value || 0).toFixed(2)} RMB`;
|
return `${Number(value || 0).toFixed(2)} RMB`;
|
||||||
},
|
},
|
||||||
formatQuantity(value) {
|
formatDetailTransportQuantity(row) {
|
||||||
if (value === undefined || value === null || value === '') return '-';
|
const value = row.transportQuantity;
|
||||||
|
if (this.readonly && Number(value) === -1) return '-';
|
||||||
const quantity = Number(value);
|
const quantity = Number(value);
|
||||||
return Number.isFinite(quantity) ? quantity.toFixed(2) : '-';
|
if (!Number.isFinite(quantity)) return '-';
|
||||||
},
|
// 与预结算编辑器 formatQuantity 保持一致,拼接计量单位
|
||||||
formatDetailTransportQuantity(value) {
|
return `${quantity.toFixed(2)}${row.quantityUnit ? ` ${row.quantityUnit}` : ''}`;
|
||||||
return this.readonly && Number(value) === -1 ? '-' : this.formatQuantity(value);
|
|
||||||
},
|
},
|
||||||
formatDetailMileage(value) {
|
formatDetailMileage(value) {
|
||||||
return this.readonly && Number(value) === -1 ? '-' : this.displayValue(value);
|
return this.readonly && Number(value) === -1 ? '-' : this.displayValue(value);
|
||||||
@@ -3235,7 +3233,6 @@ export default {
|
|||||||
label: item.dictValue,
|
label: item.dictValue,
|
||||||
value: item.dictValue,
|
value: item.dictValue,
|
||||||
}));
|
}));
|
||||||
this.sortAttachments();
|
|
||||||
},
|
},
|
||||||
resolveAttachmentType(fileName) {
|
resolveAttachmentType(fileName) {
|
||||||
const normalizedName = String(fileName || '').toLocaleLowerCase();
|
const normalizedName = String(fileName || '').toLocaleLowerCase();
|
||||||
@@ -3259,25 +3256,6 @@ export default {
|
|||||||
const typeText = String(item?.label || item?.value || '').trim();
|
const typeText = String(item?.label || item?.value || '').trim();
|
||||||
return typeText === '其他' || typeText === '其他附件';
|
return typeText === '其他' || typeText === '其他附件';
|
||||||
},
|
},
|
||||||
getAttachmentTypeOrder(type) {
|
|
||||||
const normalizedType = String(type || '').trim();
|
|
||||||
const index = this.attachmentTypeOptions.findIndex(
|
|
||||||
item =>
|
|
||||||
String(item.value || '').trim() === normalizedType ||
|
|
||||||
String(item.label || '').trim() === normalizedType
|
|
||||||
);
|
|
||||||
return index === -1 ? Number.MAX_SAFE_INTEGER : index;
|
|
||||||
},
|
|
||||||
sortAttachments() {
|
|
||||||
this.attachments = (this.attachments || [])
|
|
||||||
.map((file, index) => ({ file, index }))
|
|
||||||
.sort((a, b) => {
|
|
||||||
const orderDifference =
|
|
||||||
this.getAttachmentTypeOrder(a.file.type) - this.getAttachmentTypeOrder(b.file.type);
|
|
||||||
return orderDifference || a.index - b.index;
|
|
||||||
})
|
|
||||||
.map(item => item.file);
|
|
||||||
},
|
|
||||||
getMissingAttachmentTypes(files = this.attachments) {
|
getMissingAttachmentTypes(files = this.attachments) {
|
||||||
const uploadedTypes = new Set(
|
const uploadedTypes = new Set(
|
||||||
(files || [])
|
(files || [])
|
||||||
@@ -3307,7 +3285,6 @@ export default {
|
|||||||
size: this.formatAttachmentSize(file.size),
|
size: this.formatAttachmentSize(file.size),
|
||||||
url: file.url || file.link || '',
|
url: file.url || file.link || '',
|
||||||
});
|
});
|
||||||
this.sortAttachments();
|
|
||||||
},
|
},
|
||||||
handleAttachmentSelectionChange(rows) {
|
handleAttachmentSelectionChange(rows) {
|
||||||
this.selectedAttachmentRows = rows || [];
|
this.selectedAttachmentRows = rows || [];
|
||||||
|
|||||||
@@ -371,7 +371,6 @@
|
|||||||
v-model="row.type"
|
v-model="row.type"
|
||||||
filterable
|
filterable
|
||||||
placeholder="请选择"
|
placeholder="请选择"
|
||||||
@change="sortAttachments"
|
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in attachmentTypeOptions"
|
v-for="item in attachmentTypeOptions"
|
||||||
@@ -1573,7 +1572,6 @@ export default {
|
|||||||
row => !isApprovalSettlementChange(row.changeContent)
|
row => !isApprovalSettlementChange(row.changeContent)
|
||||||
);
|
);
|
||||||
this.attachments = this.parseAttachments(detail.attachmentsJson);
|
this.attachments = this.parseAttachments(detail.attachmentsJson);
|
||||||
this.sortAttachments();
|
|
||||||
this.selectedAttachmentRows = [];
|
this.selectedAttachmentRows = [];
|
||||||
if (detail.contractId) {
|
if (detail.contractId) {
|
||||||
await this.ensureContractPartyOptions(detail.contractId, {
|
await this.ensureContractPartyOptions(detail.contractId, {
|
||||||
@@ -3099,7 +3097,6 @@ export default {
|
|||||||
uploadTime: existing?.uploadTime || file.uploadTime || uploadTime,
|
uploadTime: existing?.uploadTime || file.uploadTime || uploadTime,
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
this.sortAttachments();
|
|
||||||
this.selectedAttachmentRows = [];
|
this.selectedAttachmentRows = [];
|
||||||
},
|
},
|
||||||
async loadAttachmentTypeOptions() {
|
async loadAttachmentTypeOptions() {
|
||||||
@@ -3115,7 +3112,6 @@ export default {
|
|||||||
} catch (error) {
|
} catch (error) {
|
||||||
this.attachmentTypeOptions = [];
|
this.attachmentTypeOptions = [];
|
||||||
}
|
}
|
||||||
this.sortAttachments();
|
|
||||||
},
|
},
|
||||||
resolveAttachmentType(fileName) {
|
resolveAttachmentType(fileName) {
|
||||||
const normalizedName = String(fileName || '').toLocaleLowerCase();
|
const normalizedName = String(fileName || '').toLocaleLowerCase();
|
||||||
@@ -3143,25 +3139,6 @@ export default {
|
|||||||
typeText === '其它附件'
|
typeText === '其它附件'
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
getAttachmentTypeOrder(type) {
|
|
||||||
const normalizedType = String(type || '').trim();
|
|
||||||
const index = this.attachmentTypeOptions.findIndex(
|
|
||||||
item =>
|
|
||||||
String(item.value || '').trim() === normalizedType ||
|
|
||||||
String(item.label || '').trim() === normalizedType
|
|
||||||
);
|
|
||||||
return index === -1 ? Number.MAX_SAFE_INTEGER : index;
|
|
||||||
},
|
|
||||||
sortAttachments() {
|
|
||||||
this.attachments = (this.attachments || [])
|
|
||||||
.map((file, index) => ({ file, index }))
|
|
||||||
.sort((a, b) => {
|
|
||||||
const orderDifference =
|
|
||||||
this.getAttachmentTypeOrder(a.file.type) - this.getAttachmentTypeOrder(b.file.type);
|
|
||||||
return orderDifference || a.index - b.index;
|
|
||||||
})
|
|
||||||
.map(item => item.file);
|
|
||||||
},
|
|
||||||
attachmentTypeName(type) {
|
attachmentTypeName(type) {
|
||||||
const option = this.attachmentTypeOptions.find(
|
const option = this.attachmentTypeOptions.find(
|
||||||
item => String(item.value) === String(type) || String(item.label) === String(type)
|
item => String(item.value) === String(type) || String(item.label) === String(type)
|
||||||
|
|||||||
@@ -136,7 +136,7 @@
|
|||||||
<div class="settlement-detail-page__detail-panel-body">
|
<div class="settlement-detail-page__detail-panel-body">
|
||||||
<el-tabs v-model="detailDialog.activeTab" @tab-change="handleDetailTabChange">
|
<el-tabs v-model="detailDialog.activeTab" @tab-change="handleDetailTabChange">
|
||||||
<el-tab-pane label="费用明细" name="fee">
|
<el-tab-pane label="费用明细" name="fee">
|
||||||
<el-table v-loading="detailDialog.loading" :data="feeRows" border>
|
<el-table v-loading="detailDialog.loading" :data="feeRows" :max-height="detailTableMaxHeight" border>
|
||||||
<el-table-column type="index" label="序号" width="64" align="center" />
|
<el-table-column type="index" label="序号" width="64" align="center" />
|
||||||
<el-table-column
|
<el-table-column
|
||||||
v-for="column in feeDetailColumns"
|
v-for="column in feeDetailColumns"
|
||||||
@@ -168,7 +168,7 @@
|
|||||||
</el-table>
|
</el-table>
|
||||||
</el-tab-pane>
|
</el-tab-pane>
|
||||||
<el-tab-pane label="变更记录" name="change">
|
<el-tab-pane label="变更记录" name="change">
|
||||||
<el-table v-loading="latestChangeLoading" :data="latestChangeRows" border>
|
<el-table v-loading="latestChangeLoading" :data="latestChangeRows" :max-height="detailTableMaxHeight" border>
|
||||||
<el-table-column type="index" label="序号" width="64" align="center" />
|
<el-table-column type="index" label="序号" width="64" align="center" />
|
||||||
<el-table-column
|
<el-table-column
|
||||||
v-for="column in changeRecordColumns"
|
v-for="column in changeRecordColumns"
|
||||||
@@ -1063,7 +1063,6 @@ import { getContractOptions as getSettlementContractOptions } from '@/api/settle
|
|||||||
import { getList as getCargoTypeList } from '@/api/base/cargo-type';
|
import { getList as getCargoTypeList } from '@/api/base/cargo-type';
|
||||||
import { exportBlob } from '@/api/common';
|
import { exportBlob } from '@/api/common';
|
||||||
import { getDictionary } from '@/api/system/dictbiz';
|
import { getDictionary } from '@/api/system/dictbiz';
|
||||||
import { formatContractOptionLabel } from '@/utils/contract';
|
|
||||||
import { isTierUnitPrice, isUnitPriceAdjustable } from '@/utils/settlement-adjust-rule';
|
import { isTierUnitPrice, isUnitPriceAdjustable } from '@/utils/settlement-adjust-rule';
|
||||||
import { downloadXls } from '@/utils/util';
|
import { downloadXls } from '@/utils/util';
|
||||||
import { createSettlementTransfer } from '@/utils/settlement-transfer';
|
import { createSettlementTransfer } from '@/utils/settlement-transfer';
|
||||||
@@ -1145,8 +1144,6 @@ export default {
|
|||||||
rule: null,
|
rule: null,
|
||||||
},
|
},
|
||||||
adjustDialog: { visible: false, loading: false, submitting: false, row: null },
|
adjustDialog: { visible: false, loading: false, submitting: false, row: null },
|
||||||
// 表头 + 最多 3 行费用 + 横向滚动条,超出后表体上下滚动
|
|
||||||
adjustTableMaxHeight: 40 + 49 * 3 + 16,
|
|
||||||
adjustRows: [],
|
adjustRows: [],
|
||||||
adjustDynamicFeeColumns: [],
|
adjustDynamicFeeColumns: [],
|
||||||
adjustTextProps: ['specification', 'model', 'billingFactor', 'billingType'],
|
adjustTextProps: ['specification', 'model', 'billingFactor', 'billingType'],
|
||||||
@@ -1224,18 +1221,28 @@ export default {
|
|||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
adjustTableMaxHeight() {
|
||||||
|
// 面板满高 min(60vh,560) 减去头部(49)、底部(58)、内边距(32);费用行多时表体内部滚动,表头固定
|
||||||
|
if (!this.adjustDialog.visible) return 40 + 49 * 3 + 16;
|
||||||
|
return Math.round(Math.min(window.innerHeight * 0.6, 560)) - 138;
|
||||||
|
},
|
||||||
|
detailTableMaxHeight() {
|
||||||
|
// 同上,另减 body 下内边距(16) 和 tabs 头(55)
|
||||||
|
if (!this.detailDialog.visible) return 40 + 49 * 3 + 16;
|
||||||
|
return Math.round(Math.min(window.innerHeight * 0.6, 560)) - 178;
|
||||||
|
},
|
||||||
generateContractName() {
|
generateContractName() {
|
||||||
const contract = this.contractOptions.find(
|
const contract = this.contractOptions.find(
|
||||||
item => String(item.id) === String(this.generateQuery.contractId)
|
item => String(item.id) === String(this.generateQuery.contractId)
|
||||||
);
|
);
|
||||||
return formatContractOptionLabel(contract);
|
return contract?.contractName || '';
|
||||||
},
|
},
|
||||||
updateContractName() {
|
updateContractName() {
|
||||||
const contractId = this.updateFeeForm.contractId;
|
const contractId = this.updateFeeForm.contractId;
|
||||||
const contract = [...this.updateContractOptions, ...this.contractOptions].find(
|
const contract = [...this.updateContractOptions, ...this.contractOptions].find(
|
||||||
item => String(item.id) === String(contractId)
|
item => String(item.id) === String(contractId)
|
||||||
);
|
);
|
||||||
return formatContractOptionLabel(contract);
|
return contract?.contractName || '';
|
||||||
},
|
},
|
||||||
updateBillingPlanName() {
|
updateBillingPlanName() {
|
||||||
const billingPlanId = this.updateFeeForm.billingPlanId;
|
const billingPlanId = this.updateFeeForm.billingPlanId;
|
||||||
|
|||||||
@@ -589,7 +589,7 @@
|
|||||||
<el-form-item label="所属组织" prop="organizationName">
|
<el-form-item label="所属组织" prop="organizationName">
|
||||||
<el-cascader
|
<el-cascader
|
||||||
v-model="organizationCascaderValue"
|
v-model="organizationCascaderValue"
|
||||||
:options="formOrganizationTreeOptions"
|
:options="organizationTreeOptions"
|
||||||
:props="organizationCascaderProps"
|
:props="organizationCascaderProps"
|
||||||
filterable
|
filterable
|
||||||
clearable
|
clearable
|
||||||
@@ -797,8 +797,6 @@ export default {
|
|||||||
driverBox: false,
|
driverBox: false,
|
||||||
// 搜索栏组织级联追加「未分配组织」一项(哨兵值见 organization-search mixin)
|
// 搜索栏组织级联追加「未分配组织」一项(哨兵值见 organization-search mixin)
|
||||||
enableUnassignedOrgFilter: true,
|
enableUnassignedOrgFilter: true,
|
||||||
// 表单「所属组织」只允许选平台公司;搜索栏不受影响
|
|
||||||
restrictFormOrgToPlatformCompany: true,
|
|
||||||
vehicleSelectorVisible: false,
|
vehicleSelectorVisible: false,
|
||||||
vehicleSelectorLoading: false,
|
vehicleSelectorLoading: false,
|
||||||
vehicleSelectorOption,
|
vehicleSelectorOption,
|
||||||
@@ -923,19 +921,13 @@ export default {
|
|||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['permission', 'userInfo']),
|
...mapGetters(['permission', 'userInfo']),
|
||||||
// 表单所属组织级联的选项:限定平台公司时多一个原组织兜底节点
|
|
||||||
formOrganizationTreeOptions() {
|
|
||||||
return this.buildFormOrganizationTree();
|
|
||||||
},
|
|
||||||
// 所属组织级联:表单存组织名称,级联控件用 id 路径,两者在此双向转换
|
// 所属组织级联:表单存组织名称,级联控件用 id 路径,两者在此双向转换
|
||||||
organizationCascaderValue: {
|
organizationCascaderValue: {
|
||||||
get() {
|
get() {
|
||||||
return this.resolveFormOrgPath(this.driverForm.organizationName);
|
return this.resolveOrgPath(this.driverForm.organizationName);
|
||||||
},
|
},
|
||||||
set(path) {
|
set(path) {
|
||||||
const name = this.resolveOrgName(path);
|
this.driverForm.organizationName = this.resolveOrgName(path);
|
||||||
this.driverForm.organizationName = name;
|
|
||||||
this.syncFormOrganizationLegacy(name);
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
isAdmin() {
|
isAdmin() {
|
||||||
@@ -973,8 +965,8 @@ export default {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
// initDeptTree 末尾会拉组织树(含平台公司 id),这里不再重复请求
|
|
||||||
this.initDeptTree();
|
this.initDeptTree();
|
||||||
|
this.loadOrganizationOptions();
|
||||||
this.initRegionOptions();
|
this.initRegionOptions();
|
||||||
this.initQualificationTypeOptions();
|
this.initQualificationTypeOptions();
|
||||||
},
|
},
|
||||||
@@ -992,7 +984,9 @@ export default {
|
|||||||
'organizationName'
|
'organizationName'
|
||||||
);
|
);
|
||||||
vehicleColumn.dicData = this.organizationOptions;
|
vehicleColumn.dicData = this.organizationOptions;
|
||||||
return this.loadOrganizationOptions();
|
if (this.driverBox && !this.driverForm.id && !this.driverForm.organizationName) {
|
||||||
|
this.driverForm.organizationName = this.getCurrentOrganizationName();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
initQualificationTypeOptions() {
|
initQualificationTypeOptions() {
|
||||||
@@ -1022,11 +1016,6 @@ export default {
|
|||||||
});
|
});
|
||||||
return result;
|
return result;
|
||||||
},
|
},
|
||||||
// 新增时的默认组织:当前登录人组织是平台公司才预填,否则留空,
|
|
||||||
// 不能让默认值带出一个在表单里选不中的组织名
|
|
||||||
getDefaultOrganizationName() {
|
|
||||||
return this.defaultFormOrganizationName(this.getCurrentOrganizationName());
|
|
||||||
},
|
|
||||||
getCurrentOrganizationName() {
|
getCurrentOrganizationName() {
|
||||||
const currentDeptId = this.userInfo.deptId || this.userInfo.dept_id;
|
const currentDeptId = this.userInfo.deptId || this.userInfo.dept_id;
|
||||||
const currentDept = this.organizationOptions.find(
|
const currentDept = this.organizationOptions.find(
|
||||||
@@ -1214,16 +1203,8 @@ export default {
|
|||||||
this.submitAttempted = false;
|
this.submitAttempted = false;
|
||||||
if (!row?.id) {
|
if (!row?.id) {
|
||||||
this.driverForm = emptyForm();
|
this.driverForm = emptyForm();
|
||||||
// 组织树与平台公司列表异步加载,默认值要等两者都到位才能判定,这里先留空
|
this.driverForm.organizationName = this.getCurrentOrganizationName();
|
||||||
this.driverForm.organizationName = '';
|
|
||||||
this.formOrganizationLegacyName = '';
|
|
||||||
this.driverBox = true;
|
this.driverBox = true;
|
||||||
this.whenOrganizationOptionsReady(() => {
|
|
||||||
if (!this.driverBox || this.driverForm.id || this.driverForm.organizationName) return;
|
|
||||||
const name = this.getDefaultOrganizationName();
|
|
||||||
this.driverForm.organizationName = name;
|
|
||||||
this.syncFormOrganizationLegacy(name);
|
|
||||||
});
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
getDetail(row.id).then(res => {
|
getDetail(row.id).then(res => {
|
||||||
@@ -1237,13 +1218,11 @@ export default {
|
|||||||
postList: detail.posts ? detail.posts.split(',').filter(Boolean) : [],
|
postList: detail.posts ? detail.posts.split(',').filter(Boolean) : [],
|
||||||
};
|
};
|
||||||
this.syncAddressRegionPath();
|
this.syncAddressRegionPath();
|
||||||
this.syncFormOrganizationLegacy(this.driverForm.organizationName);
|
|
||||||
this.driverBox = true;
|
this.driverBox = true;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
resetDriver() {
|
resetDriver() {
|
||||||
this.driverForm = emptyForm();
|
this.driverForm = emptyForm();
|
||||||
this.formOrganizationLegacyName = '';
|
|
||||||
this.drivingLicenseUploads = {};
|
this.drivingLicenseUploads = {};
|
||||||
this.readonly = false;
|
this.readonly = false;
|
||||||
this.submitAttempted = false;
|
this.submitAttempted = false;
|
||||||
|
|||||||
@@ -147,7 +147,7 @@
|
|||||||
<el-form-item label="船舶所属组织" prop="organizationName">
|
<el-form-item label="船舶所属组织" prop="organizationName">
|
||||||
<el-cascader
|
<el-cascader
|
||||||
v-model="organizationCascaderValue"
|
v-model="organizationCascaderValue"
|
||||||
:options="formOrganizationTreeOptions"
|
:options="organizationTreeOptions"
|
||||||
:props="organizationCascaderProps"
|
:props="organizationCascaderProps"
|
||||||
filterable
|
filterable
|
||||||
clearable
|
clearable
|
||||||
@@ -664,8 +664,6 @@ export default {
|
|||||||
shipForm: emptyForm(),
|
shipForm: emptyForm(),
|
||||||
uploadHeaders: getUploadHeaders(),
|
uploadHeaders: getUploadHeaders(),
|
||||||
organizationOptions: [],
|
organizationOptions: [],
|
||||||
// 表单「船舶所属组织」只允许选平台公司;搜索栏不受影响
|
|
||||||
restrictFormOrgToPlatformCompany: true,
|
|
||||||
formRules: {
|
formRules: {
|
||||||
organizationName: [{ required: true, message: '请选择船舶所属组织', trigger: 'change' }],
|
organizationName: [{ required: true, message: '请选择船舶所属组织', trigger: 'change' }],
|
||||||
shipName: [
|
shipName: [
|
||||||
@@ -712,19 +710,13 @@ export default {
|
|||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['permission', 'userInfo']),
|
...mapGetters(['permission', 'userInfo']),
|
||||||
// 表单所属组织级联的选项:限定平台公司时多一个原组织兜底节点
|
|
||||||
formOrganizationTreeOptions() {
|
|
||||||
return this.buildFormOrganizationTree();
|
|
||||||
},
|
|
||||||
// 船舶所属组织级联:表单存组织名称,级联控件用 id 路径,两者在此双向转换
|
// 船舶所属组织级联:表单存组织名称,级联控件用 id 路径,两者在此双向转换
|
||||||
organizationCascaderValue: {
|
organizationCascaderValue: {
|
||||||
get() {
|
get() {
|
||||||
return this.resolveFormOrgPath(this.shipForm.organizationName);
|
return this.resolveOrgPath(this.shipForm.organizationName);
|
||||||
},
|
},
|
||||||
set(path) {
|
set(path) {
|
||||||
const name = this.resolveOrgName(path);
|
this.shipForm.organizationName = this.resolveOrgName(path);
|
||||||
this.shipForm.organizationName = name;
|
|
||||||
this.syncFormOrganizationLegacy(name);
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
isAdmin() {
|
isAdmin() {
|
||||||
@@ -752,8 +744,8 @@ export default {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
// initDeptTree 末尾会拉组织树(含平台公司 id),这里不再重复请求
|
|
||||||
this.initDeptTree();
|
this.initDeptTree();
|
||||||
|
this.loadOrganizationOptions();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
hasPermission(code) {
|
hasPermission(code) {
|
||||||
@@ -764,7 +756,9 @@ export default {
|
|||||||
this.organizationOptions = this.flattenDeptOptions(res.data.data || []);
|
this.organizationOptions = this.flattenDeptOptions(res.data.data || []);
|
||||||
const column = this.findColumn(this.option.column, 'organizationName');
|
const column = this.findColumn(this.option.column, 'organizationName');
|
||||||
column.dicData = this.organizationOptions;
|
column.dicData = this.organizationOptions;
|
||||||
return this.loadOrganizationOptions();
|
if (this.shipBox && !this.shipForm.id && !this.shipForm.organizationName) {
|
||||||
|
this.shipForm.organizationName = this.getCurrentOrganizationName();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
flattenDeptOptions(tree = [], level = 0) {
|
flattenDeptOptions(tree = [], level = 0) {
|
||||||
@@ -790,10 +784,6 @@ export default {
|
|||||||
);
|
);
|
||||||
return currentDept?.rawLabel || this.userInfo.deptName || this.userInfo.dept_name || '';
|
return currentDept?.rawLabel || this.userInfo.deptName || this.userInfo.dept_name || '';
|
||||||
},
|
},
|
||||||
// 新增时的默认组织:当前登录人组织是平台公司才预填,否则留空
|
|
||||||
getDefaultOrganizationName() {
|
|
||||||
return this.defaultFormOrganizationName(this.getCurrentOrganizationName());
|
|
||||||
},
|
|
||||||
validateField(prop) {
|
validateField(prop) {
|
||||||
this.$refs.shipForm?.validateField(prop);
|
this.$refs.shipForm?.validateField(prop);
|
||||||
},
|
},
|
||||||
@@ -885,19 +875,12 @@ export default {
|
|||||||
this.readonly = readonly;
|
this.readonly = readonly;
|
||||||
if (!row?.id) {
|
if (!row?.id) {
|
||||||
this.shipForm = emptyForm();
|
this.shipForm = emptyForm();
|
||||||
// 默认组织要先有组织树和平台公司列表才能判定,先留空、数据到位再补
|
this.shipForm.organizationName = this.getCurrentOrganizationName();
|
||||||
this.shipForm.organizationName = '';
|
|
||||||
this.formOrganizationLegacyName = '';
|
|
||||||
this.shipBox = true;
|
this.shipBox = true;
|
||||||
this.whenOrganizationOptionsReady(() => {
|
|
||||||
if (!this.shipBox || this.shipForm.id || this.shipForm.organizationName) return;
|
|
||||||
this.shipForm.organizationName = this.getDefaultOrganizationName();
|
|
||||||
});
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
getDetail(row.id).then(res => {
|
getDetail(row.id).then(res => {
|
||||||
this.shipForm = { ...emptyForm(), ...(res.data.data || {}) };
|
this.shipForm = { ...emptyForm(), ...(res.data.data || {}) };
|
||||||
this.syncFormOrganizationLegacy(this.shipForm.organizationName);
|
|
||||||
this.shipBox = true;
|
this.shipBox = true;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
@@ -907,7 +890,6 @@ export default {
|
|||||||
},
|
},
|
||||||
resetShip() {
|
resetShip() {
|
||||||
this.shipForm = emptyForm();
|
this.shipForm = emptyForm();
|
||||||
this.formOrganizationLegacyName = '';
|
|
||||||
this.readonly = false;
|
this.readonly = false;
|
||||||
this.submitLoading = false;
|
this.submitLoading = false;
|
||||||
this.$refs.shipForm?.clearValidate();
|
this.$refs.shipForm?.clearValidate();
|
||||||
|
|||||||
@@ -347,7 +347,7 @@
|
|||||||
<el-cascader
|
<el-cascader
|
||||||
v-model="organizationCascaderValue"
|
v-model="organizationCascaderValue"
|
||||||
:options="organizationFormTreeOptions"
|
:options="organizationFormTreeOptions"
|
||||||
:props="organizationFormCascaderProps"
|
:props="formOrgCascaderProps"
|
||||||
filterable
|
filterable
|
||||||
clearable
|
clearable
|
||||||
placeholder="请选择"
|
placeholder="请选择"
|
||||||
@@ -702,8 +702,6 @@ export default {
|
|||||||
// 表单两个级联各自维护路径,避免名称回写互相覆盖;不要与搜索栏共用同一棵树节点
|
// 表单两个级联各自维护路径,避免名称回写互相覆盖;不要与搜索栏共用同一棵树节点
|
||||||
organizationCascaderPath: [],
|
organizationCascaderPath: [],
|
||||||
useDepartmentCascaderPath: [],
|
useDepartmentCascaderPath: [],
|
||||||
// 表单「所属组织」只允许选平台公司,「使用部门」仍是全量组织
|
|
||||||
restrictFormOrgToPlatformCompany: true,
|
|
||||||
formOrgCascaderProps: {
|
formOrgCascaderProps: {
|
||||||
value: 'id',
|
value: 'id',
|
||||||
label: 'label',
|
label: 'label',
|
||||||
@@ -759,17 +757,11 @@ export default {
|
|||||||
},
|
},
|
||||||
// 两个级联必须使用克隆后的独立树,否则 checkStrictly 会在节点上互相抢选中态
|
// 两个级联必须使用克隆后的独立树,否则 checkStrictly 会在节点上互相抢选中态
|
||||||
organizationFormTreeOptions() {
|
organizationFormTreeOptions() {
|
||||||
return this.cloneOrgTree(this.buildFormOrganizationTree());
|
return this.cloneOrgTree(this.organizationTreeOptions);
|
||||||
},
|
},
|
||||||
useDepartmentFormTreeOptions() {
|
useDepartmentFormTreeOptions() {
|
||||||
return this.cloneOrgTree(this.organizationTreeOptions);
|
return this.cloneOrgTree(this.organizationTreeOptions);
|
||||||
},
|
},
|
||||||
// 所属组织级联的可选范围:只放开平台公司;使用部门仍用 formOrgCascaderProps 全量可选
|
|
||||||
organizationFormCascaderProps() {
|
|
||||||
return this.restrictFormOrgToPlatformCompany
|
|
||||||
? { ...this.formOrgCascaderProps, disabled: data => this.platformCompanyOrgDisabled(data) }
|
|
||||||
: this.formOrgCascaderProps;
|
|
||||||
},
|
|
||||||
// 所属组织级联:本地保存 id 路径,名称同步到表单字段供后端使用
|
// 所属组织级联:本地保存 id 路径,名称同步到表单字段供后端使用
|
||||||
organizationCascaderValue: {
|
organizationCascaderValue: {
|
||||||
get() {
|
get() {
|
||||||
@@ -777,9 +769,7 @@ export default {
|
|||||||
},
|
},
|
||||||
set(path) {
|
set(path) {
|
||||||
this.organizationCascaderPath = Array.isArray(path) ? [...path] : [];
|
this.organizationCascaderPath = Array.isArray(path) ? [...path] : [];
|
||||||
const name = this.resolveOrgName(this.organizationCascaderPath);
|
this.vehicleForm.organizationName = this.resolveOrgName(this.organizationCascaderPath);
|
||||||
this.vehicleForm.organizationName = name;
|
|
||||||
this.syncFormOrganizationLegacy(name);
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
// 使用部门级联:独立路径状态,避免与所属组织共用计算回写导致选不中
|
// 使用部门级联:独立路径状态,避免与所属组织共用计算回写导致选不中
|
||||||
@@ -820,6 +810,7 @@ export default {
|
|||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.initDeptTree();
|
this.initDeptTree();
|
||||||
|
this.loadOrganizationOptions();
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
organizationTreeOptions() {
|
organizationTreeOptions() {
|
||||||
@@ -861,15 +852,17 @@ export default {
|
|||||||
}));
|
}));
|
||||||
},
|
},
|
||||||
syncOrgCascaderPaths() {
|
syncOrgCascaderPaths() {
|
||||||
this.organizationCascaderPath = this.resolveFormOrgPath(this.vehicleForm.organizationName);
|
this.organizationCascaderPath = this.resolveOrgPath(this.vehicleForm.organizationName);
|
||||||
this.useDepartmentCascaderPath = this.resolveOrgPath(this.vehicleForm.useDepartment);
|
this.useDepartmentCascaderPath = this.resolveOrgPath(this.vehicleForm.useDepartment);
|
||||||
},
|
},
|
||||||
initDeptTree() {
|
initDeptTree() {
|
||||||
this.loadOrganizationOptions();
|
|
||||||
getDeptTree(this.userInfo.tenantId).then(res => {
|
getDeptTree(this.userInfo.tenantId).then(res => {
|
||||||
this.organizationOptions = this.flattenDeptOptions(res.data.data || []);
|
this.organizationOptions = this.flattenDeptOptions(res.data.data || []);
|
||||||
const column = this.findColumn(this.option.column, 'organizationName');
|
const column = this.findColumn(this.option.column, 'organizationName');
|
||||||
column.dicData = this.organizationOptions;
|
column.dicData = this.organizationOptions;
|
||||||
|
if (this.vehicleBox && !this.vehicleForm.id && !this.vehicleForm.organizationName) {
|
||||||
|
this.vehicleForm.organizationName = this.getCurrentOrganizationName();
|
||||||
|
}
|
||||||
if (this.vehicleBox && !this.vehicleForm.useDepartment) {
|
if (this.vehicleBox && !this.vehicleForm.useDepartment) {
|
||||||
this.vehicleForm.useDepartment = this.getCurrentOrganizationName();
|
this.vehicleForm.useDepartment = this.getCurrentOrganizationName();
|
||||||
}
|
}
|
||||||
@@ -901,10 +894,6 @@ export default {
|
|||||||
);
|
);
|
||||||
return currentDept?.rawLabel || this.userInfo.deptName || this.userInfo.dept_name || '';
|
return currentDept?.rawLabel || this.userInfo.deptName || this.userInfo.dept_name || '';
|
||||||
},
|
},
|
||||||
// 新增时的默认组织:当前登录人组织是平台公司才预填,否则留空
|
|
||||||
getDefaultOrganizationName() {
|
|
||||||
return this.defaultFormOrganizationName(this.getCurrentOrganizationName());
|
|
||||||
},
|
|
||||||
digitsOnly(value = '') {
|
digitsOnly(value = '') {
|
||||||
return String(value).replace(/\D/g, '');
|
return String(value).replace(/\D/g, '');
|
||||||
},
|
},
|
||||||
@@ -972,18 +961,11 @@ export default {
|
|||||||
this.readonly = readonly;
|
this.readonly = readonly;
|
||||||
if (!row?.id) {
|
if (!row?.id) {
|
||||||
this.vehicleForm = emptyForm();
|
this.vehicleForm = emptyForm();
|
||||||
// 默认组织要先有组织树和平台公司列表才能判定,先留空、数据到位再补
|
this.vehicleForm.organizationName = this.getCurrentOrganizationName();
|
||||||
this.vehicleForm.organizationName = '';
|
|
||||||
this.formOrganizationLegacyName = '';
|
|
||||||
this.vehicleForm.useDepartment = this.getCurrentOrganizationName();
|
this.vehicleForm.useDepartment = this.getCurrentOrganizationName();
|
||||||
this.syncOrgCascaderPaths();
|
this.syncOrgCascaderPaths();
|
||||||
this.syncPlateNo(false);
|
this.syncPlateNo(false);
|
||||||
this.vehicleBox = true;
|
this.vehicleBox = true;
|
||||||
this.whenOrganizationOptionsReady(() => {
|
|
||||||
if (!this.vehicleBox || this.vehicleForm.id || this.vehicleForm.organizationName) return;
|
|
||||||
this.vehicleForm.organizationName = this.getDefaultOrganizationName();
|
|
||||||
this.syncOrgCascaderPaths();
|
|
||||||
});
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
getDetail(row.id).then(res => {
|
getDetail(row.id).then(res => {
|
||||||
@@ -995,7 +977,6 @@ export default {
|
|||||||
if (!this.vehicleForm.useDepartment) {
|
if (!this.vehicleForm.useDepartment) {
|
||||||
this.vehicleForm.useDepartment = this.getCurrentOrganizationName();
|
this.vehicleForm.useDepartment = this.getCurrentOrganizationName();
|
||||||
}
|
}
|
||||||
this.syncFormOrganizationLegacy(this.vehicleForm.organizationName);
|
|
||||||
this.syncOrgCascaderPaths();
|
this.syncOrgCascaderPaths();
|
||||||
this.splitPlateNo();
|
this.splitPlateNo();
|
||||||
this.syncPlateNo(false);
|
this.syncPlateNo(false);
|
||||||
@@ -1008,7 +989,6 @@ export default {
|
|||||||
},
|
},
|
||||||
resetVehicle() {
|
resetVehicle() {
|
||||||
this.vehicleForm = emptyForm();
|
this.vehicleForm = emptyForm();
|
||||||
this.formOrganizationLegacyName = '';
|
|
||||||
this.organizationCascaderPath = [];
|
this.organizationCascaderPath = [];
|
||||||
this.useDepartmentCascaderPath = [];
|
this.useDepartmentCascaderPath = [];
|
||||||
this.vehicleCertificateUploads = {};
|
this.vehicleCertificateUploads = {};
|
||||||
@@ -1630,16 +1610,6 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 列表组织列超长时单行省略
|
|
||||||
.org-cell-text {
|
|
||||||
display: inline-block;
|
|
||||||
max-width: 100%;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
vertical-align: bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 编辑弹窗:灰底 + section-card 白卡分组
|
// 编辑弹窗:灰底 + section-card 白卡分组
|
||||||
.vehicle-form {
|
.vehicle-form {
|
||||||
:deep(.el-form-item__label) {
|
:deep(.el-form-item__label) {
|
||||||
@@ -1671,7 +1641,18 @@ export default {
|
|||||||
flex: 0 0 calc(4em + 24px) !important;
|
flex: 0 0 calc(4em + 24px) !important;
|
||||||
width: calc(4em + 24px) !important;
|
width: calc(4em + 24px) !important;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.org-cell-text {
|
||||||
|
display: inline-block;
|
||||||
|
max-width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vehicle-form {
|
||||||
.org-cascader-tooltip {
|
.org-cascader-tooltip {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user