2023 年 2月 9 日随笔档案 - pleaseAnswer

2023年2月9日

摘要：对话框类 1 构造者函数+基本功能 class ListDataCls { /** 公共字段... **/ constructor(props) { Object.assign(this, props) } closeModal() {} resetData() {} openEditHandle( 阅读全文

posted @ 2023-02-09 14:27 pleaseAnswer 阅读(21) 评论(0) 推荐(0) 编辑

⑥ 表格类

摘要：表格类 1 构造者函数+基本功能 class ListDataCls { /** 公共字段... **/ constructor(config) { if (Reflect.has(config, 'isChart')) { this.isChart = false; // 是否有 chart th 阅读全文

posted @ 2023-02-09 14:26 pleaseAnswer 阅读(12) 评论(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 阅读(27) 评论(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 阅读(50) 评论(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 阅读(55) 评论(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 阅读(23) 评论(0) 推荐(0) 编辑