style(business): 调整弹窗宽度及优化端口码头排序和提示
- 将业务详情、导入和调度弹窗宽度由96%调整至92% - 修改端口码头相关字段的order属性,调整显示顺序 - 将“请选择类型”提示消息替换为变量newLocal,便于国际化 - 注释掉.detail-address-input的宽度样式,避免样式冲突
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user