refactor(ui): 调整多处文本框行数为2行以优化界面布局
- 将锁定和解锁原因文本框行数由3改为2行 - 调整支付单据和发票相关备注输入框行数为2行 - 优化业务组件中多处备注和说明文本框行数为2行 - 修改异常处理及风险处置页面文本框行数为2行 - 更新项目申请及合同变更中的多处文本框行数为2行 - 在发货地址输入框中添加“选择”链接,提升地址选择体验 - 规范备注输入框显示,统一字数限制及行数设置 - 统一调整信用评分、路线变更备注输入框行数及样式样式调整
This commit is contained in:
@@ -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>
|
||||||
|
|
||||||
|
|||||||
@@ -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="请输入备注"
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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="请输入"
|
||||||
|
|||||||
@@ -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
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user