gxwebsoft
3bb0fddcca
- transportCapacity/driver、vehicle、ship 页的「全部/30天内到期/已到期」筛选标签改为靠右对齐 - 统一使用 #search-menu 插槽替代 #expireStatus-search，标签移至搜索按钮前 - 标签容器删除宽度限制，增加 order:-1 和 margin-right:12px，保证标签和按钮为一体 - transportCapacity/vehicle 和 ship 的 expireStatus 列 search 改为 false，避免多余输入框出现 - transportCapacity/vehicle、ship 的 searchIndex 提升至6，避免搜索条件折叠，标签默认展开 - 暂用样式更改保证标签与搜索按钮间距和垂直对齐 - temporary-credit-limit 弹窗新增 dialogCustomClass，实现弹窗label固定六字宽度并自动换行 - element-ui.scss 新增临时额度弹窗 label 样式，修改label宽度、换行、对齐，提升可读性 - 调整多处搜索表单内 label 宽度由160px变为88px，优化表单紧凑度 - 多处文本域的最小行数 minRows 统一由较高数值改为2，改善表单布局和输入体验 - 更新 vite.config.mjs 开发服务器端口及代理配置，切换至本地测试环境 - waybill-import-dialog.vue 中修正文本域 autosize 最小行数为2，更符合表单设计规范 - 修改业务页 contract-manage.vue 菜单宽度由245px调整至252px，优化界面布局
55 lines
1.0 KiB
Vue
55 lines
1.0 KiB
Vue
<template>
|
|
<basic-container>
|
|
<h3>表单例子</h3>
|
|
<avue-form :option="option" v-model="form"></avue-form>
|
|
</basic-container>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
form: {},
|
|
option: {
|
|
labelWidth: 'auto',
|
|
column: [
|
|
{
|
|
label: '用户名',
|
|
prop: 'username',
|
|
row: true,
|
|
},
|
|
{
|
|
label: '密码',
|
|
prop: 'password',
|
|
type: 'password',
|
|
row: true,
|
|
},
|
|
{
|
|
label: '再次输入密码',
|
|
prop: 'password',
|
|
type: 'newpassword',
|
|
row: true,
|
|
},
|
|
{
|
|
label: '申请日期',
|
|
prop: 'date',
|
|
sortable: true,
|
|
type: 'date',
|
|
row: true,
|
|
},
|
|
{
|
|
label: '个性签名',
|
|
prop: 'textarea',
|
|
type: 'textarea',
|
|
minRows: 2,
|
|
row: true,
|
|
},
|
|
],
|
|
},
|
|
};
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style></style>
|