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' });
|
||||
};
|
||||
|
||||
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"
|
||||
|
||||
Reference in New Issue
Block a user