直转样式调整

This commit is contained in:
bb_pan 2025-09-29 15:56:38 +08:00
parent 94bb983bb4
commit 14c3c6d61c
3 changed files with 49 additions and 41 deletions

View File

@ -1,8 +1,8 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="maForm" ref="maForm" size="small" :rules="rules" label-width="100px" :disabled="isDetail"> <el-form :model="maForm" ref="maForm" size="small" :rules="rules" label-width="80px" :disabled="isDetail">
<el-row :gutter="20" class="cont-center" style="margin-bottom: 20px"> <el-row :gutter="20" class="cont-center" style="margin-bottom: 20px">
<el-col :span="7" :offset="0"> <el-col :span="8" :offset="0">
<el-card shadow="always" :body-style="{ padding: '20px' }" style="min-width: 400px; overflow-y: auto"> <el-card shadow="always" :body-style="{ padding: '20px' }" style="min-width: 400px; overflow-y: auto">
<!-- card body --> <!-- card body -->
<el-form-item label="转出单位" prop="backUnitId"> <el-form-item label="转出单位" prop="backUnitId">
@ -12,7 +12,7 @@
:options="uniteList" :options="uniteList"
:normalizer="normalizer" :normalizer="normalizer"
:show-count="true" :show-count="true"
style="width: 240px" style="width: 100%"
:disable-branch-nodes="true" :disable-branch-nodes="true"
noChildrenText="没有数据了" noChildrenText="没有数据了"
noOptionsText="没有数据" noOptionsText="没有数据"
@ -28,7 +28,7 @@
:options="projectList" :options="projectList"
:normalizer="normalizer" :normalizer="normalizer"
:show-count="true" :show-count="true"
style="width: 240px" style="width: 100%"
:disable-branch-nodes="true" :disable-branch-nodes="true"
noChildrenText="没有数据了" noChildrenText="没有数据了"
noOptionsText="没有数据" noOptionsText="没有数据"
@ -43,7 +43,7 @@
placeholder="请输入转出人" placeholder="请输入转出人"
clearable clearable
maxlength="50" maxlength="50"
style="width: 240px" style="width: 100%"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
@ -53,7 +53,7 @@
placeholder="请输入联系电话" placeholder="请输入联系电话"
clearable clearable
maxlength="11" maxlength="11"
style="width: 240px" style="width: 100%"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
@ -68,7 +68,7 @@
></el-image> ></el-image>
</div> </div>
</el-col> </el-col>
<el-col :span="7" :offset="0"> <el-col :span="8" :offset="0">
<el-card shadow="always" :body-style="{ padding: '20px' }" style="min-width: 400px; overflow-y: auto"> <el-card shadow="always" :body-style="{ padding: '20px' }" style="min-width: 400px; overflow-y: auto">
<!-- card body --> <!-- card body -->
<el-form-item label="转入单位" prop="leaseUnitId"> <el-form-item label="转入单位" prop="leaseUnitId">
@ -78,7 +78,7 @@
:options="lessUniteList" :options="lessUniteList"
:normalizer="normalizer" :normalizer="normalizer"
:show-count="true" :show-count="true"
style="width: 240px" style="width: 100%"
:disable-branch-nodes="true" :disable-branch-nodes="true"
noChildrenText="没有数据了" noChildrenText="没有数据了"
noOptionsText="没有数据" noOptionsText="没有数据"
@ -94,7 +94,7 @@
:options="leaseProjectList" :options="leaseProjectList"
:normalizer="normalizer" :normalizer="normalizer"
:show-count="true" :show-count="true"
style="width: 240px" style="width: 100%"
:disable-branch-nodes="true" :disable-branch-nodes="true"
noChildrenText="没有数据了" noChildrenText="没有数据了"
noOptionsText="没有数据" noOptionsText="没有数据"
@ -109,7 +109,7 @@
placeholder="请输入转入人" placeholder="请输入转入人"
clearable clearable
maxlength="50" maxlength="50"
style="width: 240px" style="width: 100%"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
@ -119,14 +119,14 @@
placeholder="请输入联系电话" placeholder="请输入联系电话"
clearable clearable
maxlength="11" maxlength="11"
style="width: 240px" style="width: 100%"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
</el-card> </el-card>
</el-col> </el-col>
<el-col :span="8" :offset="0"> <el-col :span="6" :offset="0">
<el-form-item label="" prop="dirUrls"> <el-form-item label="" prop="dirUrls">
<el-upload <el-upload
:action="uploadUrl" :action="uploadUrl"
@ -191,7 +191,7 @@
:options="materialTypeOpts" :options="materialTypeOpts"
:normalizer="normalizer2" :normalizer="normalizer2"
:show-count="true" :show-count="true"
style="width: 240px" style="width: 100%"
:disable-branch-nodes="true" :disable-branch-nodes="true"
noChildrenText="没有数据了" noChildrenText="没有数据了"
noOptionsText="没有数据" noOptionsText="没有数据"
@ -1475,4 +1475,8 @@ export default {
font-size: 16px; font-size: 16px;
} }
} }
::v-deep .vue-treeselect__single-value {
position: inherit !important;
white-space: pre-wrap !important;
}
</style> </style>

View File

@ -1,8 +1,8 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="maForm" ref="maForm" size="small" :rules="rules" label-width="100px" :disabled="isDetail"> <el-form :model="maForm" ref="maForm" size="small" :rules="rules" label-width="80px" :disabled="isDetail">
<el-row :gutter="20" class="cont-center" style="margin-bottom: 20px"> <el-row :gutter="20" class="cont-center" style="margin-bottom: 20px">
<el-col :span="7" :offset="0"> <el-col :span="8" :offset="0">
<el-card shadow="always" :body-style="{ padding: '20px' }" style="min-width: 400px; overflow-y: auto"> <el-card shadow="always" :body-style="{ padding: '20px' }" style="min-width: 400px; overflow-y: auto">
<!-- card body --> <!-- card body -->
<el-form-item label="转出单位" prop="backUnitId"> <el-form-item label="转出单位" prop="backUnitId">
@ -12,7 +12,7 @@
:options="uniteList" :options="uniteList"
:normalizer="normalizer" :normalizer="normalizer"
:show-count="true" :show-count="true"
style="width: 240px" style="width: 100%"
:disable-branch-nodes="true" :disable-branch-nodes="true"
noChildrenText="没有数据了" noChildrenText="没有数据了"
noOptionsText="没有数据" noOptionsText="没有数据"
@ -28,7 +28,7 @@
:options="projectList" :options="projectList"
:normalizer="normalizer" :normalizer="normalizer"
:show-count="true" :show-count="true"
style="width: 240px" style="width: 100%"
:disable-branch-nodes="true" :disable-branch-nodes="true"
noChildrenText="没有数据了" noChildrenText="没有数据了"
noOptionsText="没有数据" noOptionsText="没有数据"
@ -43,7 +43,7 @@
placeholder="请输入转出人" placeholder="请输入转出人"
clearable clearable
maxlength="50" maxlength="50"
style="width: 240px" style="width: 100%"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
@ -53,7 +53,7 @@
placeholder="请输入联系电话" placeholder="请输入联系电话"
clearable clearable
maxlength="11" maxlength="11"
style="width: 240px" style="width: 100%"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
@ -68,7 +68,7 @@
></el-image> ></el-image>
</div> </div>
</el-col> </el-col>
<el-col :span="7" :offset="0"> <el-col :span="8" :offset="0">
<el-card shadow="always" :body-style="{ padding: '20px' }" style="min-width: 400px; overflow-y: auto"> <el-card shadow="always" :body-style="{ padding: '20px' }" style="min-width: 400px; overflow-y: auto">
<!-- card body --> <!-- card body -->
<el-form-item label="转入单位" prop="leaseUnitId"> <el-form-item label="转入单位" prop="leaseUnitId">
@ -78,7 +78,7 @@
:options="lessUniteList" :options="lessUniteList"
:normalizer="normalizer" :normalizer="normalizer"
:show-count="true" :show-count="true"
style="width: 240px" style="width: 100%"
:disable-branch-nodes="true" :disable-branch-nodes="true"
noChildrenText="没有数据了" noChildrenText="没有数据了"
noOptionsText="没有数据" noOptionsText="没有数据"
@ -94,7 +94,7 @@
:options="leaseProjectList" :options="leaseProjectList"
:normalizer="normalizer" :normalizer="normalizer"
:show-count="true" :show-count="true"
style="width: 240px" style="width: 100%"
:disable-branch-nodes="true" :disable-branch-nodes="true"
noChildrenText="没有数据了" noChildrenText="没有数据了"
noOptionsText="没有数据" noOptionsText="没有数据"
@ -109,7 +109,7 @@
placeholder="请输入转入人" placeholder="请输入转入人"
clearable clearable
maxlength="50" maxlength="50"
style="width: 240px" style="width: 100%"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
@ -119,14 +119,14 @@
placeholder="请输入联系电话" placeholder="请输入联系电话"
clearable clearable
maxlength="11" maxlength="11"
style="width: 240px" style="width: 100%"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
</el-card> </el-card>
</el-col> </el-col>
<el-col :span="8" :offset="0"> <el-col :span="6" :offset="0">
<el-form-item label="" prop="dirUrls"> <el-form-item label="" prop="dirUrls">
<el-upload <el-upload
:action="uploadUrl" :action="uploadUrl"
@ -191,7 +191,7 @@
:options="materialTypeOpts" :options="materialTypeOpts"
:normalizer="normalizer2" :normalizer="normalizer2"
:show-count="true" :show-count="true"
style="width: 240px" style="width: 100%"
:disable-branch-nodes="true" :disable-branch-nodes="true"
noChildrenText="没有数据了" noChildrenText="没有数据了"
noOptionsText="没有数据" noOptionsText="没有数据"
@ -1461,4 +1461,8 @@ export default {
font-size: 16px; font-size: 16px;
} }
} }
::v-deep .vue-treeselect__single-value {
position: inherit !important;
white-space: pre-wrap !important;
}
</style> </style>

View File

@ -1,8 +1,8 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="maForm" ref="maForm" size="small" :rules="rules" label-width="100px" :disabled="isDetail"> <el-form :model="maForm" ref="maForm" size="small" :rules="rules" label-width="" :disabled="isDetail">
<el-row :gutter="20" class="cont-center" style="margin-bottom: 20px"> <el-row :gutter="20" class="cont-center" style="margin-bottom: 20px">
<el-col :span="7" :offset="0"> <el-col :span="8" :offset="0">
<el-card shadow="always" :body-style="{ padding: '20px' }" style="min-width: 400px; overflow-y: auto"> <el-card shadow="always" :body-style="{ padding: '20px' }" style="min-width: 400px; overflow-y: auto">
<!-- card body --> <!-- card body -->
<el-form-item label="转出工程" prop="backProId"> <el-form-item label="转出工程" prop="backProId">
@ -12,7 +12,7 @@
:options="projectList" :options="projectList"
:normalizer="normalizer" :normalizer="normalizer"
:show-count="true" :show-count="true"
style="width: 240px" style="width: 100%"
:disable-branch-nodes="true" :disable-branch-nodes="true"
noChildrenText="没有数据了" noChildrenText="没有数据了"
noOptionsText="没有数据" noOptionsText="没有数据"
@ -27,7 +27,7 @@
clearable clearable
filterable filterable
@change="projectChange" @change="projectChange"
style="width: 240px" style="width: 100%"
> >
<el-option v-for="item in projectList" :key="item.proId" :label="item.proName" :value="item.proId" /> <el-option v-for="item in projectList" :key="item.proId" :label="item.proName" :value="item.proId" />
</el-select> </el-select>
@ -39,7 +39,7 @@
:options="uniteList" :options="uniteList"
:normalizer="normalizer" :normalizer="normalizer"
:show-count="true" :show-count="true"
style="width: 240px" style="width: 100%"
:disable-branch-nodes="true" :disable-branch-nodes="true"
noChildrenText="没有数据了" noChildrenText="没有数据了"
noOptionsText="没有数据" noOptionsText="没有数据"
@ -53,7 +53,7 @@
clearable clearable
filterable filterable
@change="uniteChange" @change="uniteChange"
style="width: 240px" style="width: 100%"
> >
<el-option v-for="item in uniteList" :key="item.id" :label="item.teamName" :value="item.id" /> <el-option v-for="item in uniteList" :key="item.id" :label="item.teamName" :value="item.id" />
</el-select> </el-select>
@ -64,7 +64,7 @@
placeholder="请输入转出人" placeholder="请输入转出人"
clearable clearable
maxlength="50" maxlength="50"
style="width: 240px" style="width: 100%"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
@ -74,7 +74,7 @@
placeholder="请输入联系电话" placeholder="请输入联系电话"
clearable clearable
maxlength="11" maxlength="11"
style="width: 240px" style="width: 100%"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
@ -89,7 +89,7 @@
></el-image> ></el-image>
</div> </div>
</el-col> </el-col>
<el-col :span="7" :offset="0"> <el-col :span="8" :offset="0">
<el-card shadow="always" :body-style="{ padding: '20px' }" style="min-width: 400px; overflow-y: auto"> <el-card shadow="always" :body-style="{ padding: '20px' }" style="min-width: 400px; overflow-y: auto">
<!-- card body --> <!-- card body -->
<el-form-item label="转入工程" prop="leaseProId"> <el-form-item label="转入工程" prop="leaseProId">
@ -99,7 +99,7 @@
clearable clearable
filterable filterable
@change="leaseProjectChange" @change="leaseProjectChange"
style="width: 240px" style="width: 100%"
> >
<el-option <el-option
v-for="item in leaseProjectList" v-for="item in leaseProjectList"
@ -116,7 +116,7 @@
clearable clearable
filterable filterable
@change="leaseUniteChange" @change="leaseUniteChange"
style="width: 240px" style="width: 100%"
> >
<el-option v-for="item in lessUniteList" :key="item.id" :label="item.teamName" :value="item.teamName" /> <el-option v-for="item in lessUniteList" :key="item.id" :label="item.teamName" :value="item.teamName" />
</el-select> </el-select>
@ -128,7 +128,7 @@
placeholder="请输入转入人" placeholder="请输入转入人"
clearable clearable
maxlength="50" maxlength="50"
style="width: 240px" style="width: 100%"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
@ -138,14 +138,14 @@
placeholder="请输入联系电话" placeholder="请输入联系电话"
clearable clearable
maxlength="11" maxlength="11"
style="width: 240px" style="width: 100%"
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
</el-card> </el-card>
</el-col> </el-col>
<el-col :span="8" :offset="0"> <el-col :span="6" :offset="0">
<el-form-item label="" prop="dirUrls"> <el-form-item label="" prop="dirUrls">
<el-upload <el-upload
:action="uploadUrl" :action="uploadUrl"
@ -196,7 +196,7 @@
:options="materialTypeOpts" :options="materialTypeOpts"
:normalizer="normalizer2" :normalizer="normalizer2"
:show-count="true" :show-count="true"
style="width: 240px" style="width: 100%"
:disable-branch-nodes="true" :disable-branch-nodes="true"
noChildrenText="没有数据了" noChildrenText="没有数据了"
noOptionsText="没有数据" noOptionsText="没有数据"