lilishop-ui/Fix TDesign form reset in Custom Words.md at tdesign

mirror of https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git synced 2025-12-20 18:05:53 +08:00

Files

pikachu1995@126.com 028f32a73c refactor(manager): 替换iView组件为TDesign并优化样式

- 将iView组件统一替换为TDesign组件
- 优化表单、表格、弹窗等交互样式
- 修复路由重复添加问题
- 更新依赖版本
- 调整布局间距与响应式
- 修复表单重置方法兼容性
- 统一消息提示组件

2025-11-30 18:19:19 +08:00

目标

文件：manager/src/views/sys/message/noticeMessageTemplate.vue
改动：
- 给 t-tabs 增加类名（如 notice-tabs），样式：::v-deep(.notice-tabs .t-tabs__content){ padding-top:16px }
- 在每个 t-tab-panel 内包裹 div.tab-content 并设 padding-top:16px
- 将查看详情 t-dialog 改为 t-drawer（placement="right" size="800px"），内容改为 t-descriptions 单列展示（标题、类型、模板内容等），保留编辑/发送交互不变

文件：manager/src/views/page/feedback/feedback.vue
改动：
- 将详情 t-dialog 改为 t-drawer（右侧展开）
- 只读内容用 t-descriptions 单列展示（用户名、手机、类型、内容、图片列表），移除禁用表单控件
- 分页区域由 iView Row/Page 改为 t-pagination（保持现有页码/页大小逻辑）
- 抽屉底部仅保留“返回”按钮（左对齐）

文件：manager/src/views/custom-words/index.vue
改动：
- 在 add() 等调用中，将 this.$refs.form.resetFields() 替换为：
  - if (this.$refs.form && typeof this.$refs.form.reset === 'function') { this.$refs.form.reset(); } else { this.form = { name: '' } }
- 初始化 this.form 改为显式字段对象，确保校验兼容
- 检查页面是否存在其他 iView API（如 $Message/$Modal），若有统一为 MessagePlugin/DialogPlugin