随笔分类 -  Ant Design vue

摘要:记录下项目中遇到的小问题。 机构树默认展开指定的节点实现有两种方式 1、通过:default-expanded-keys 2、通过expandedKeys: ['0-0-0', '0-0-1']默认指定 我这里使用上面的方法都不好使,后来排查发现了原因 阅读全文
posted @ 2022-01-05 16:33 紫诺花开 阅读(3405) 评论(1) 推荐(0) 编辑
摘要:项目中原先是展示的一级数据,后面根据需求改成精确到县的。 使用Cascader级联选择,后台返回的是获取省份的字典接口,根据codeValue一级级查询进行动态加载。 <a-form-model-item prop="projectArea" ref="projectArea" :labelCol= 阅读全文
posted @ 2021-12-13 15:44 紫诺花开 阅读(3047) 评论(2) 推荐(0) 编辑
摘要:获取图片的像素大小,使用上传文件之前的钩子 beforeUpload,参数为上传的文件。 <a-upload name="file" list-type="picture-card" class="avatar-uploader" :show-upload-list="false" :multipl 阅读全文
posted @ 2021-11-26 17:12 紫诺花开 阅读(925) 评论(0) 推荐(0) 编辑
摘要:需求,上传的图片传给后台,包括后台返回的都是base64类型的。 前端把上传的图片转成base64传给后台 <a-form-model-item> <a-upload name="file" list-type="picture-card" class="avatar-uploader" :show 阅读全文
posted @ 2021-10-23 22:06 紫诺花开 阅读(1434) 评论(0) 推荐(0) 编辑
摘要:机构懒加载,选人时候,如果该机构下面没人,就取消加载并且不显示箭头 <a-tree checkable :load-data="onloadData" @check="onCheck" :tree-data="treeData" :replace-fields="replaceFields" :lo 阅读全文
posted @ 2021-08-03 10:24 紫诺花开 阅读(1036) 评论(0) 推荐(0) 编辑
摘要:鼠标滚动时候,文本框和下拉选项会分离,解决方法 //日期样式加入属性 :getCalendarContainer="(triggerNode) => {return triggerNode.parentNode}" //其他样式加入属性(下拉框,级联选项、树选择等) :getPopupContain 阅读全文
posted @ 2021-06-26 22:27 紫诺花开 阅读(580) 评论(0) 推荐(0) 编辑
摘要:需求:查看详情中的表格模板,第一列需要合并。 <!-- 表格 --> <a-table :columns="columns2" :data-source="form1.prePlanProjectAppends" bordered rowKey="" style="margin-top: 20px" 阅读全文
posted @ 2021-06-06 22:06 紫诺花开 阅读(3397) 评论(0) 推荐(0) 编辑
摘要:项目中使用下拉机构懒加载,tree Select控件。 <a-tree-select v-model="form1.constructionCompany" style="width: 100%" :dropdownStyle="{ maxHeight: '400px', overflow: 'au 阅读全文
posted @ 2021-05-20 19:54 紫诺花开 阅读(3790) 评论(0) 推荐(0) 编辑
摘要:ant design vue中表格里面自带分页,目前使用的是远程加载数据的形式。 需要注意的是一定要设置total <a-table :columns="columns" :data-source="tableData" :row-key="record => record.id" :paginat 阅读全文
posted @ 2021-05-07 11:39 紫诺花开 阅读(3871) 评论(0) 推荐(0) 编辑
摘要:当状态为1或者2的时候,就不能再发起流程,需要置灰复选框 <a-table :columns="columns" :data-source="tableData" :row-key="(record) => record.id" :pagination="pagination" :loading=" 阅读全文
posted @ 2021-04-29 15:10 紫诺花开 阅读(3705) 评论(0) 推荐(1) 编辑
摘要:需求:发起会签时候,会签人是多人,会签审核是单人。 阅读全文
posted @ 2021-04-08 20:03 紫诺花开 阅读(2440) 评论(1) 推荐(0) 编辑
摘要:使用ant design vue日期选择器报错。 原因:这里通过moment.format后的时间是一个string类型,而ant design vue datepicker 默认是个moment 所以会报错 解决:将v-model中的时间转化为moment形式 <a-date-picker sty 阅读全文
posted @ 2021-04-04 17:28 紫诺花开 阅读(9603) 评论(0) 推荐(0) 编辑
摘要:<a-form-model :model="form" :label-col="labelCol" :wrapper-col="wrapperCol"> <a-form-model-item label="年度/季度" > <a-date-picker mode="year" placeholder 阅读全文
posted @ 2021-03-27 17:25 紫诺花开 阅读(6457) 评论(0) 推荐(3) 编辑

点击右上角即可分享
微信分享提示