02 2023 档案
⑦ 对话框类
摘要:对话框类 1 构造者函数+基本功能 class ListDataCls { /** 公共字段... **/ constructor(props) { Object.assign(this, props) } closeModal() {} resetData() {} openEditHandle( 阅读全文
posted @ 2023-02-09 14:27 pleaseAnswer 阅读(25) 评论(0) 推荐(0) 编辑
⑥ 表格类
摘要:表格类 1 构造者函数+基本功能 class ListDataCls { /** 公共字段... **/ constructor(config) { if (Reflect.has(config, 'isChart')) { this.isChart = false; // 是否有 chart th 阅读全文
posted @ 2023-02-09 14:26 pleaseAnswer 阅读(14) 评论(0) 推荐(0) 编辑
⑤ 查询条件动态生成
摘要:1 实现效果 2 单个查询框组件 根据接口返回的 conditions_configs 字段动态生成查询框 ConditionOne 2.1 模板 <template> <!-- 日期 --> <DatePicker2 v-if="data.type.includes('date')" v-mode 阅读全文
posted @ 2023-02-09 14:23 pleaseAnswer 阅读(36) 评论(0) 推荐(0) 编辑
⑩ 添加筛选条件
摘要:1 实现效果 2 应用 2.1 父组件调用模板 <template> <Row> <Form label-position="right" :label-width="80"> <Col span="24" v-for="(conditionItem, key, index) in otherCon 阅读全文
posted @ 2023-02-09 14:14 pleaseAnswer 阅读(61) 评论(0) 推荐(0) 编辑
⑨ 邮件预览效果
摘要:1 实现效果 2 组件代码 1. 模板代码 template <template> <template v-if="!noColor"> <ColorPicker v-model="colorData.color" size="small" :colors="colorData.colors"/> 阅读全文
posted @ 2023-02-09 11:58 pleaseAnswer 阅读(83) 评论(0) 推荐(0) 编辑
④ 版本② axios 封装
摘要:HttpRequestBase 类 1 构造函数 constructor(baseUrl) { const basePort = getUrlPort(baseUrl); this.baseUrl = baseUrl; this.baseUrlWithPort2 = baseUrl.replace( 阅读全文
posted @ 2023-02-09 11:48 pleaseAnswer 阅读(29) 评论(0) 推荐(0) 编辑