refactor(ui): 调整多处文本框行数为2行以优化界面布局

- 将锁定和解锁原因文本框行数由3改为2行
- 调整支付单据和发票相关备注输入框行数为2行
- 优化业务组件中多处备注和说明文本框行数为2行
- 修改异常处理及风险处置页面文本框行数为2行
- 更新项目申请及合同变更中的多处文本框行数为2行
- 在发货地址输入框中添加“选择”链接,提升地址选择体验
- 规范备注输入框显示,统一字数限制及行数设置
- 统一调整信用评分、路线变更备注输入框行数及样式样式调整
This commit is contained in:
2026-08-25 19:57:17 +08:00
parent f21e3d56d9
commit bb97c00a6a
16 changed files with 53 additions and 27 deletions
@@ -2857,7 +2857,7 @@
<el-input <el-input
v-model="waybillRouteChangeRemark" v-model="waybillRouteChangeRemark"
type="textarea" type="textarea"
:rows="1" :rows="2"
maxlength="200" maxlength="200"
show-word-limit show-word-limit
placeholder="请输入" placeholder="请输入"
@@ -3518,8 +3518,16 @@
<el-input <el-input
v-model="dispatchItemForm.departureAddress" v-model="dispatchItemForm.departureAddress"
:placeholder="dispatchAddressDetailPlaceholder" :placeholder="dispatchAddressDetailPlaceholder"
:suffix-icon="dispatchStationMode ? undefined : Location" >
/> <template v-if="!dispatchStationMode" #suffix>
<el-link
type="primary"
:underline="false"
class="business-crud-page__address-choose-link"
>选择</el-link
>
</template>
</el-input>
<span class="business-crud-page__route-label">联系人</span> <span class="business-crud-page__route-label">联系人</span>
<el-input v-model="dispatchItemForm.departureContact" placeholder="请输入" /> <el-input v-model="dispatchItemForm.departureContact" placeholder="请输入" />
<span class="business-crud-page__route-label">联系方式</span> <span class="business-crud-page__route-label">联系方式</span>
@@ -3536,8 +3544,16 @@
<el-input <el-input
v-model="dispatchItemForm.arrivalAddress" v-model="dispatchItemForm.arrivalAddress"
:placeholder="dispatchAddressDetailPlaceholder" :placeholder="dispatchAddressDetailPlaceholder"
:suffix-icon="dispatchStationMode ? undefined : Location" >
/> <template v-if="!dispatchStationMode" #suffix>
<el-link
type="primary"
:underline="false"
class="business-crud-page__address-choose-link"
>选择</el-link
>
</template>
</el-input>
<span class="business-crud-page__route-label">联系人</span> <span class="business-crud-page__route-label">联系人</span>
<el-input v-model="dispatchItemForm.arrivalContact" placeholder="请输入" /> <el-input v-model="dispatchItemForm.arrivalContact" placeholder="请输入" />
<span class="business-crud-page__route-label">联系方式</span> <span class="business-crud-page__route-label">联系方式</span>
@@ -13200,6 +13216,16 @@ export default {
} }
} }
&__address-choose-link {
display: inline-flex;
align-items: center;
height: 100%;
padding: 0 4px;
font-size: 13px;
line-height: 1;
cursor: pointer;
}
&__dispatch-shipping-form &__route-address-row { &__dispatch-shipping-form &__route-address-row {
grid-template-columns: 260px minmax(280px, 1fr) 58px minmax(160px, 220px) 72px minmax( grid-template-columns: 260px minmax(280px, 1fr) 58px minmax(160px, 220px) 72px minmax(
160px, 160px,
@@ -76,7 +76,7 @@
<el-upload action="#" :auto-upload="false" multiple :show-file-list="false" @change="handleAttachment"><el-button plain>上传附件</el-button></el-upload> <el-upload action="#" :auto-upload="false" multiple :show-file-list="false" @change="handleAttachment"><el-button plain>上传附件</el-button></el-upload>
</section> </section>
<section class="change-section change-reason-section"><div class="dialog-section-title">变更原因</div><el-form-item prop="changeReason"><el-input v-model="form.changeReason" type="textarea" :rows="4" maxlength="2000" show-word-limit placeholder="请输入变更原因" /></el-form-item><div class="dialog-section-title">变更材料</div><el-upload action="#" :auto-upload="false" multiple :show-file-list="false" @change="handleChangeMaterial"><el-button plain>上传变更材料</el-button></el-upload></section> <section class="change-section change-reason-section"><div class="dialog-section-title">变更原因</div><el-form-item prop="changeReason"><el-input v-model="form.changeReason" type="textarea" :rows="2" maxlength="2000" show-word-limit placeholder="请输入变更原因" /></el-form-item><div class="dialog-section-title">变更材料</div><el-upload action="#" :auto-upload="false" multiple :show-file-list="false" @change="handleChangeMaterial"><el-button plain>上传变更材料</el-button></el-upload></section>
<div class="page-footer"><el-button type="primary" @click="submit">提交</el-button><el-button @click="$router.back()">关闭</el-button></div> <div class="page-footer"><el-button type="primary" @click="submit">提交</el-button><el-button @click="$router.back()">关闭</el-button></div>
</el-form> </el-form>
+1 -1
View File
@@ -294,7 +294,7 @@
<el-input <el-input
v-model="form.remark" v-model="form.remark"
type="textarea" type="textarea"
:rows="3" :rows="2"
maxlength="200" maxlength="200"
show-word-limit show-word-limit
placeholder="请输入备注" placeholder="请输入备注"
+2 -2
View File
@@ -901,7 +901,7 @@
<el-input <el-input
v-model="dialogForm.taskRemark" v-model="dialogForm.taskRemark"
type="textarea" type="textarea"
:rows="3" :rows="2"
maxlength="500" maxlength="500"
show-word-limit show-word-limit
placeholder="请输入500字以内" placeholder="请输入500字以内"
@@ -957,7 +957,7 @@
</el-table> </el-table>
</section-card> </section-card>
<section-card title="路线编辑"><template #extra><span class="loading-route-change-dialog__hint">拖拽调整顺序</span></template><div v-if="routeChangeNodes.length" class="loading-route-change-dialog__route-list"><div v-for="(node, index) in routeChangeNodes" :key="node.key || index" class="loading-route-change-dialog__route-item" draggable="true" @dragstart="handleRouteChangeDragStart(index)" @dragover.prevent @drop="handleRouteChangeDrop(index)"><span :class="['loading-route-change-dialog__route-type', `loading-route-change-dialog__route-type--${routeChangeTypeClass(index)}`]">{{ routeChangeTypeText(index) }}</span><span>{{ node.address }}</span><span class="loading-route-change-dialog__tags"><el-tag v-for="tag in node.tags || []" :key="tag" size="small">{{ tag }}</el-tag></span><el-icon><Rank /></el-icon></div></div><el-empty v-else description="暂无路线" :image-size="60" /></section-card> <section-card title="路线编辑"><template #extra><span class="loading-route-change-dialog__hint">拖拽调整顺序</span></template><div v-if="routeChangeNodes.length" class="loading-route-change-dialog__route-list"><div v-for="(node, index) in routeChangeNodes" :key="node.key || index" class="loading-route-change-dialog__route-item" draggable="true" @dragstart="handleRouteChangeDragStart(index)" @dragover.prevent @drop="handleRouteChangeDrop(index)"><span :class="['loading-route-change-dialog__route-type', `loading-route-change-dialog__route-type--${routeChangeTypeClass(index)}`]">{{ routeChangeTypeText(index) }}</span><span>{{ node.address }}</span><span class="loading-route-change-dialog__tags"><el-tag v-for="tag in node.tags || []" :key="tag" size="small">{{ tag }}</el-tag></span><el-icon><Rank /></el-icon></div></div><el-empty v-else description="暂无路线" :image-size="60" /></section-card>
<el-form label-width="auto"><el-form-item label="变更备注"><el-input v-model="routeChangeRemark" type="textarea" :rows="1" maxlength="200" show-word-limit placeholder="请输入" /></el-form-item></el-form> <el-form label-width="auto"><el-form-item label="变更备注"><el-input v-model="routeChangeRemark" type="textarea" :rows="" maxlength="200" show-word-limit placeholder="请输入" /></el-form-item></el-form>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="变更记录" name="records"><el-table :data="routeChangeRecords" border><el-table-column prop="changeTime" label="变更时间" min-width="170"/><el-table-column prop="changeUser" label="变更人" min-width="120"/><el-table-column prop="content" label="变更内容" min-width="360"><template #default="{ row }"><div class="loading-route-change-dialog__record-content">{{ row.content || '-' }}</div></template></el-table-column><el-table-column prop="remark" label="备注" min-width="200" show-overflow-tooltip/></el-table><el-empty v-if="!routeChangeRecords.length" description="暂无变更记录" :image-size="60"/></el-tab-pane> <el-tab-pane label="变更记录" name="records"><el-table :data="routeChangeRecords" border><el-table-column prop="changeTime" label="变更时间" min-width="170"/><el-table-column prop="changeUser" label="变更人" min-width="120"/><el-table-column prop="content" label="变更内容" min-width="360"><template #default="{ row }"><div class="loading-route-change-dialog__record-content">{{ row.content || '-' }}</div></template></el-table-column><el-table-column prop="remark" label="备注" min-width="200" show-overflow-tooltip/></el-table><el-empty v-if="!routeChangeRecords.length" description="暂无变更记录" :image-size="60"/></el-tab-pane>
</el-tabs> </el-tabs>
+6 -6
View File
@@ -428,7 +428,7 @@
<el-input <el-input
v-model="form.projectIntro" v-model="form.projectIntro"
type="textarea" type="textarea"
:rows="4" :rows="2"
placeholder="请填写备注信息" placeholder="请填写备注信息"
maxlength="200" maxlength="200"
show-word-limit show-word-limit
@@ -438,7 +438,7 @@
<el-input <el-input
v-model="form.profitRemark" v-model="form.profitRemark"
type="textarea" type="textarea"
:rows="4" :rows="2"
placeholder="请填写备注信息" placeholder="请填写备注信息"
maxlength="200" maxlength="200"
show-word-limit show-word-limit
@@ -448,7 +448,7 @@
<el-input <el-input
v-model="form.riskPoint" v-model="form.riskPoint"
type="textarea" type="textarea"
:rows="4" :rows="2"
placeholder="请填写备注信息" placeholder="请填写备注信息"
maxlength="200" maxlength="200"
show-word-limit show-word-limit
@@ -458,7 +458,7 @@
<el-input <el-input
v-model="form.emergencyPlan" v-model="form.emergencyPlan"
type="textarea" type="textarea"
:rows="4" :rows="2"
placeholder="请填写备注信息" placeholder="请填写备注信息"
maxlength="200" maxlength="200"
show-word-limit show-word-limit
@@ -585,7 +585,7 @@
<el-input <el-input
v-model="form.changeContent" v-model="form.changeContent"
type="textarea" type="textarea"
:rows="5" :rows="2"
placeholder="2000字以内" placeholder="2000字以内"
maxlength="2000" maxlength="2000"
show-word-limit show-word-limit
@@ -596,7 +596,7 @@
<el-input <el-input
v-model="form.changeReason" v-model="form.changeReason"
type="textarea" type="textarea"
:rows="5" :rows="2"
placeholder="2000字以内" placeholder="2000字以内"
maxlength="2000" maxlength="2000"
show-word-limit show-word-limit
+1 -1
View File
@@ -244,7 +244,7 @@
<el-input <el-input
v-model="form.remark" v-model="form.remark"
type="textarea" type="textarea"
:rows="4" :rows="2"
maxlength="200" maxlength="200"
show-word-limit show-word-limit
placeholder="请输入" placeholder="请输入"
+1 -1
View File
@@ -63,7 +63,7 @@
v-model="form.remark" v-model="form.remark"
:disabled="readonly" :disabled="readonly"
type="textarea" type="textarea"
:rows="3" :rows="2"
maxlength="200" maxlength="200"
show-word-limit show-word-limit
placeholder="请输入" placeholder="请输入"
@@ -409,7 +409,7 @@
v-model="form.remark" v-model="form.remark"
:disabled="readonly" :disabled="readonly"
type="textarea" type="textarea"
:rows="3" :rows="2"
maxlength="200" maxlength="200"
show-word-limit show-word-limit
/> />
+1 -1
View File
@@ -232,7 +232,7 @@
v-model="form.remark" v-model="form.remark"
:disabled="readonly" :disabled="readonly"
type="textarea" type="textarea"
:rows="3" :rows="2"
maxlength="200" maxlength="200"
show-word-limit show-word-limit
/> />
@@ -145,7 +145,7 @@
</section-card> </section-card>
<section-card title="备注"> <section-card title="备注">
<el-input v-model="form.remark" type="textarea" :rows="3" maxlength="200" disabled /> <el-input v-model="form.remark" type="textarea" :rows="2" maxlength="200" disabled />
</section-card> </section-card>
<div class="claim-record-form-page__actions"> <div class="claim-record-form-page__actions">
+1 -1
View File
@@ -159,7 +159,7 @@
><el-input ><el-input
v-model="form.remark" v-model="form.remark"
type="textarea" type="textarea"
:rows="3" :rows="2"
maxlength="200" maxlength="200"
show-word-limit show-word-limit
/></el-form-item> /></el-form-item>
+2 -2
View File
@@ -88,7 +88,7 @@
<el-input <el-input
v-model="lockUserForm.lockReason" v-model="lockUserForm.lockReason"
type="textarea" type="textarea"
:rows="3" :rows="2"
placeholder="请输入锁定原因" placeholder="请输入锁定原因"
/> />
</el-form-item> </el-form-item>
@@ -144,7 +144,7 @@
<el-input <el-input
v-model="unlockReasonForm.unlockReason" v-model="unlockReasonForm.unlockReason"
type="textarea" type="textarea"
:rows="3" :rows="2"
placeholder="请输入解锁原因(可选)" placeholder="请输入解锁原因(可选)"
/> />
</el-form-item> </el-form-item>
+1 -1
View File
@@ -200,7 +200,7 @@
<el-col :span="6"><el-form-item label="人员类别"><el-select v-model="form.personCategory"><el-option label="内部员工" :value="1" /><el-option label="承运商" :value="2" /></el-select></el-form-item></el-col> <el-col :span="6"><el-form-item label="人员类别"><el-select v-model="form.personCategory"><el-option label="内部员工" :value="1" /><el-option label="承运商" :value="2" /></el-select></el-form-item></el-col>
<el-col :span="18"><el-form-item label="数据权限范围"><el-radio-group v-model="form.dataScopeRange"><el-radio :value="1">仅所属组织</el-radio><el-radio :value="2">全部组织</el-radio><el-radio :value="3">自定义</el-radio></el-radio-group></el-form-item></el-col> <el-col :span="18"><el-form-item label="数据权限范围"><el-radio-group v-model="form.dataScopeRange"><el-radio :value="1">仅所属组织</el-radio><el-radio :value="2">全部组织</el-radio><el-radio :value="3">自定义</el-radio></el-radio-group></el-form-item></el-col>
<el-col :span="18" :offset="6"><el-form-item label="数据层级范围"><el-radio-group v-model="form.dataLevelRange"><el-radio :value="1">包含下级</el-radio><el-radio :value="2">仅本级</el-radio></el-radio-group></el-form-item></el-col> <el-col :span="18" :offset="6"><el-form-item label="数据层级范围"><el-radio-group v-model="form.dataLevelRange"><el-radio :value="1">包含下级</el-radio><el-radio :value="2">仅本级</el-radio></el-radio-group></el-form-item></el-col>
<el-col :span="24"><el-form-item label="备注"><el-input v-model="form.remark" type="textarea" :rows="3" maxlength="200" show-word-limit /></el-form-item></el-col> <el-col :span="24"><el-form-item label="备注"><el-input v-model="form.remark" type="textarea" :rows="2" maxlength="200" show-word-limit /></el-form-item></el-col>
</el-row> </el-row>
</el-form> </el-form>
</section-card> </section-card>
+1 -1
View File
@@ -200,7 +200,7 @@
type="textarea" type="textarea"
maxlength="500" maxlength="500"
show-word-limit show-word-limit
:rows="4" :rows="2"
placeholder="请输入" placeholder="请输入"
/> />
</el-form-item> </el-form-item>
+1 -1
View File
@@ -158,7 +158,7 @@
v-model="disposeForm.disposalRemark" v-model="disposeForm.disposalRemark"
type="textarea" type="textarea"
maxlength="500" maxlength="500"
:rows="4" :rows="2"
:disabled="dialog.readonly" :disabled="dialog.readonly"
/> />
</el-form-item> </el-form-item>
@@ -105,7 +105,7 @@
<el-input <el-input
v-model="configForm.remark" v-model="configForm.remark"
type="textarea" type="textarea"
:rows="1" :rows="2"
maxlength="500" maxlength="500"
show-word-limit show-word-limit
/> />