style(business): 调整弹窗宽度及优化端口码头排序和提示

- 将业务详情、导入和调度弹窗宽度由96%调整至92%
- 修改端口码头相关字段的order属性,调整显示顺序
- 将“请选择类型”提示消息替换为变量newLocal,便于国际化
- 注释掉.detail-address-input的宽度样式,避免样式冲突
This commit is contained in:
2026-08-13 10:40:00 +08:00
parent 563909fafa
commit 8c7ef5822a
2 changed files with 17 additions and 16 deletions
+14 -13
View File
@@ -324,6 +324,7 @@ const removeExcelColumnsByHeaders = async (blob, options = {}) => {
return new Blob([buffer], { type: 'application/vnd.ms-excel' }); return new Blob([buffer], { type: 'application/vnd.ms-excel' });
}; };
const newLocal = '请选择类型';
export default { export default {
data() { data() {
const validateCode = (rule, value, callback) => { const validateCode = (rule, value, callback) => {
@@ -418,7 +419,7 @@ export default {
formslot: true, formslot: true,
width: 140, width: 140,
span: 12, span: 12,
order: 30, order: 89,
placeholder: '请输入编码', placeholder: '请输入编码',
rules: [ rules: [
{ required: true, message: '请输入编码', trigger: 'blur' }, { required: true, message: '请输入编码', trigger: 'blur' },
@@ -434,7 +435,7 @@ export default {
search: true, search: true,
searchOrder: 7, searchOrder: 7,
span: 12, span: 12,
order: 20, order: 90,
placeholder: '请输入', placeholder: '请输入',
rules: [{ required: true, message: '请输入港口/码头名称', trigger: 'blur' }], rules: [{ required: true, message: '请输入港口/码头名称', trigger: 'blur' }],
}, },
@@ -446,7 +447,7 @@ export default {
searchOrder: 6, searchOrder: 6,
formslot: true, formslot: true,
span: 24, span: 24,
order: 10, order: 100,
dicData: [ dicData: [
{ label: '全部', value: '' }, { label: '全部', value: '' },
{ label: '港口', value: '港口' }, { label: '港口', value: '港口' },
@@ -500,7 +501,7 @@ export default {
filterable: true, filterable: true,
dicData: [], dicData: [],
span: 12, span: 12,
order: 40, order: 89,
minWidth: 140, minWidth: 140,
overHidden: false, overHidden: false,
placeholder: '自动带出', placeholder: '自动带出',
@@ -514,7 +515,7 @@ export default {
formslot: true, formslot: true,
hide: true, hide: true,
span: 12, span: 12,
order: 50, order: 88,
placeholder: '自动带出', placeholder: '自动带出',
rules: [{ required: true, message: '请选择所属城市', trigger: 'change' }], rules: [{ required: true, message: '请选择所属城市', trigger: 'change' }],
}, },
@@ -537,7 +538,7 @@ export default {
type: 'select', type: 'select',
formslot: true, formslot: true,
hide: true, hide: true,
order: 60, order: 87,
props: { props: {
label: 'title', label: 'title',
value: 'id', value: 'id',
@@ -566,7 +567,7 @@ export default {
formslot: true, formslot: true,
minWidth: 130, minWidth: 130,
span: 12, span: 12,
order: 80, order: 68,
placeholder: '请输入', placeholder: '请输入',
overHidden: false, overHidden: false,
rules: [ rules: [
@@ -580,7 +581,7 @@ export default {
formslot: true, formslot: true,
minWidth: 130, minWidth: 130,
span: 12, span: 12,
order: 90, order: 66,
placeholder: '请输入', placeholder: '请输入',
overHidden: false, overHidden: false,
rules: [ rules: [
@@ -606,7 +607,7 @@ export default {
span: 24, span: 24,
minWidth: 220, minWidth: 220,
overHidden: false, overHidden: false,
order: 70, order: 86,
placeholder: '请输入', placeholder: '请输入',
maxlength: 255, maxlength: 255,
showWordLimit: true, showWordLimit: true,
@@ -1080,7 +1081,7 @@ export default {
return false; return false;
} }
if (isBlank(row.category)) { if (isBlank(row.category)) {
this.$message.warning('请选择类型'); this.$message.warning(newLocal);
return false; return false;
} }
if (row.category === '码头' && isBlank(row.parentId)) { if (row.category === '码头' && isBlank(row.parentId)) {
@@ -1370,9 +1371,9 @@ export default {
width: 250px !important; width: 250px !important;
} }
/* 详细地址为整行字段,放宽到占满整行 */ /* 详细地址为整行字段,放宽到占满整行 */
.detail-address-input { //.detail-address-input {
width: 81% !important; // width: 81% !important;
} //}
/* 备注宽度 80% */ /* 备注宽度 80% */
.remark-input { .remark-input {
width: 80% !important; width: 80% !important;
@@ -2132,7 +2132,7 @@
v-model="detailBox" v-model="detailBox"
:title="`${config.title}详情`" :title="`${config.title}详情`"
append-to-body append-to-body
width="96%" width="92%"
class="business-crud-page__detail-dialog" class="business-crud-page__detail-dialog"
> >
<div v-loading="detailLoading" class="business-crud-page__detail-content"> <div v-loading="detailLoading" class="business-crud-page__detail-content">
@@ -2198,7 +2198,7 @@
v-model="transportPlanImportBox" v-model="transportPlanImportBox"
:title="config.transportPlanImportTitle || `导入${config.title}`" :title="config.transportPlanImportTitle || `导入${config.title}`"
append-to-body append-to-body
width="96%" width="92%"
class="business-crud-page__transport-plan-import-dialog" class="business-crud-page__transport-plan-import-dialog"
@closed="resetTransportPlanImport" @closed="resetTransportPlanImport"
> >
@@ -2677,7 +2677,7 @@
:title="dispatchItemDialogTitle" :title="dispatchItemDialogTitle"
append-to-body append-to-body
v-model="dispatchItemBox" v-model="dispatchItemBox"
width="96%" width="92%"
top="8vh" top="8vh"
class="business-crud-page__dispatch-item-dialog" class="business-crud-page__dispatch-item-dialog"
@closed="resetDispatchItemDialog" @closed="resetDispatchItemDialog"