搜索框+增删改查
文章平均质量分 86
Miss.lang
前端初学者
展开
-
搜索框几种样式
筛选框:1)下拉框:是否的选择、状态的选择2)文本框:区域的选择3)日期选择框:三种,一种日期选择、一种日期段选择、一种时间段选择4)联想输入下拉框:平台公司、普通公司5)联想文本框:车牌号码、乘客姓名、订单编号统一点击查询按钮后查询(区域选择除外)PS:gd.后面的都是我封装好的接口#####搜索下拉框-----输入3个关键字<FormItem label="...原创 2018-12-27 18:00:48 · 19444 阅读 · 0 评论 -
下拉框的联动处理
ps:使用的是bootstrap-vue的样式#1、界面样式#2、代码<b-form inline><label class="mr-sm-2">车队名称:</label><b-form-select name="select" v-model="fleetOptionId"><option di原创 2018-12-26 17:59:44 · 1294 阅读 · 0 评论 -
下拉框进行查询列表信息(静态界面)
这是自己做的一个小练习要求:根据select下拉框的搜索条件对已有的静态界面下的列表进行查询筛选。我的大概思路是:新建一个列表数组,然后循环旧的列表数组,然后做判断,最后更新列表数据。代码:<template><div><div class="topBody"><Form><Row><Col sp..原创 2018-11-26 15:23:15 · 3011 阅读 · 0 评论 -
关于iview表格的增删改查的实例
这只是我的一个学习的demo需求:在静态界面下实现表格的增删改查界面完成的样式:解析:我们的数据都放在数组list中,但是这里并不直接对list对循环输出,而是先把list中的数据给一个数组newlist,对newlist进行循环输出。因为我们在后面的查询功能中需要对数据进行过滤,数组list一直保存着原始数据(包括新增、修改后或已删除后),而数组slist只负责展示。在vue...原创 2018-11-27 17:05:45 · 9552 阅读 · 2 评论 -
关于下拉框select的样式改进
之前使用bootstrap-vue的框架,发现改变不了她下拉框的宽度。如图,option宽度过长,UI小姐姐设计的时候,期望option框和select框宽度一致,option文字超出省略号显示,且鼠标移入文字悬浮框显示。所以,我就采用了iview的框架书写。代码如下:HTML: CSS:.opt{width: 210px !important;overfl...原创 2018-10-22 15:05:00 · 9411 阅读 · 0 评论