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' });
};
const newLocal = '请选择类型';
export default {
data() {
const validateCode = (rule, value, callback) => {
@@ -418,7 +419,7 @@ export default {
formslot: true,
width: 140,
span: 12,
order: 30,
order: 89,
placeholder: '请输入编码',
rules: [
{ required: true, message: '请输入编码', trigger: 'blur' },
@@ -434,7 +435,7 @@ export default {
search: true,
searchOrder: 7,
span: 12,
order: 20,
order: 90,
placeholder: '请输入',
rules: [{ required: true, message: '请输入港口/码头名称', trigger: 'blur' }],
},
@@ -446,7 +447,7 @@ export default {
searchOrder: 6,
formslot: true,
span: 24,
order: 10,
order: 100,
dicData: [
{ label: '全部', value: '' },
{ label: '港口', value: '港口' },
@@ -500,7 +501,7 @@ export default {
filterable: true,
dicData: [],
span: 12,
order: 40,
order: 89,
minWidth: 140,
overHidden: false,
placeholder: '自动带出',
@@ -514,7 +515,7 @@ export default {
formslot: true,
hide: true,
span: 12,
order: 50,
order: 88,
placeholder: '自动带出',
rules: [{ required: true, message: '请选择所属城市', trigger: 'change' }],
},
@@ -537,7 +538,7 @@ export default {
type: 'select',
formslot: true,
hide: true,
order: 60,
order: 87,
props: {
label: 'title',
value: 'id',
@@ -566,7 +567,7 @@ export default {
formslot: true,
minWidth: 130,
span: 12,
order: 80,
order: 68,
placeholder: '请输入',
overHidden: false,
rules: [
@@ -580,7 +581,7 @@ export default {
formslot: true,
minWidth: 130,
span: 12,
order: 90,
order: 66,
placeholder: '请输入',
overHidden: false,
rules: [
@@ -606,7 +607,7 @@ export default {
span: 24,
minWidth: 220,
overHidden: false,
order: 70,
order: 86,
placeholder: '请输入',
maxlength: 255,
showWordLimit: true,
@@ -1080,7 +1081,7 @@ export default {
return false;
}
if (isBlank(row.category)) {
this.$message.warning('请选择类型');
this.$message.warning(newLocal);
return false;
}
if (row.category === '码头' && isBlank(row.parentId)) {
@@ -1370,9 +1371,9 @@ export default {
width: 250px !important;
}
/* 详细地址为整行字段,放宽到占满整行 */
.detail-address-input {
width: 81% !important;
}
//.detail-address-input {
// width: 81% !important;
//}
/* 备注宽度 80% */
.remark-input {
width: 80% !important;
@@ -2132,7 +2132,7 @@
v-model="detailBox"
:title="`${config.title}详情`"
append-to-body
width="96%"
width="92%"
class="business-crud-page__detail-dialog"
>
<div v-loading="detailLoading" class="business-crud-page__detail-content">
@@ -2198,7 +2198,7 @@
v-model="transportPlanImportBox"
:title="config.transportPlanImportTitle || `导入${config.title}`"
append-to-body
width="96%"
width="92%"
class="business-crud-page__transport-plan-import-dialog"
@closed="resetTransportPlanImport"
>
@@ -2677,7 +2677,7 @@
:title="dispatchItemDialogTitle"
append-to-body
v-model="dispatchItemBox"
width="96%"
width="92%"
top="8vh"
class="business-crud-page__dispatch-item-dialog"
@closed="resetDispatchItemDialog"