vue 下拉框加图标

 <div class="header-col" id="sbzjBox-js" style="position: relative;">
                    <label>申报周期:</label>
                    <div class="sbzj-tag">
                    </div>
                    <div class="sel_div" v-if="sbzqVal!='' && !sbzqEmpty">
                        <div class="show_sel_more">
                            <el-tag size="mini" style="float:right;margin: 0px 2px 0 0;"
                                    :type="sel_val.sds>0?'success':'none'">所得税
                            </el-tag>
                            <el-tag size="mini" style="float:right;margin: 0px 2px 0 0;"
                                    :type="sel_val.zzs>0?'success':'none'">增值税
                            </el-tag>
                            <el-tag size="mini" style="float:right;margin: 0px 2px 0 0;"
                                    :type="sel_val.cb>0?'success':'none'">财报
                            </el-tag>
                            <el-tag size="mini" style="float:right;margin: 0px 2px 0 0;"
                                    :type="sel_val.sdsNd>0?'success':'none'">年度汇算清缴
                            </el-tag>
                        </div>
                        <el-select v-if="!sbzqEmpty" v-model="sbzqVal" placeholder="请选择" style="width:500px"
                                   @change="sbzqChangeHandler">
                            <el-option
                                    :data-type="item.ssjd"
                                    v-for="item in sbzjxArr"
                                    :key="item.index"
                                    :label="item.ssyear+'-Q'+item.ssjd"
                                    :value="item.ssyear+'-Q'+item.ssjd">
                                <span style="float: left">{
   
   {item.ssyear}}-Q{
   
   {item.ssjd}}</span>
                                <div class="sbzj-tag-item">
                                    <el-tag size="mini" style="float:right;margin: 0px 2px 0 0;"
                                            :type="item.sds>0?'success':'none'">所得税
                                    </el-tag>
                                    <el-tag size="mini" style="float:right;margin: 0px 2px 0 0;"
                                            :type="item.zzs>0?'success':'none'">增值税
                                    </el-tag>
                                    <el-tag size="mini" style="float:right;margin: 0px 2px 0 0;"
                                            :type="item.cb>0?'success':'none'">财报
                                    </el-tag>
                                    <el-tag size="mini" style="float:right;margin: 0px 2px 0 0;"
                                            :type="item.sdsNd>0?'success':'none'">年度汇算清缴
                                    </el-tag>
                                </div>
                            </el-option>
                        </el-select>
                        <el-select v-if="sbzqEmpty" v-model="sbzqVal" placeholder="无数据" style="width:500px" disabled></el-select>
                    </div>

                </div>

上面的是页面上的

下面第一个是一个方法里面的 

最后是另一个方法里面的 

                                    var idx = 0;
                                    for (; idx < this.sbzjxArr.length; ++idx){
                                        if (this.sbzjxArr[idx].sds && this.sbzjxArr[idx].zzs && this.sbzjxArr[idx].cb){
                                            break;
                                        }
                                    }
                                    if (idx == this.sbzjxArr.length){
                                        idx = 0;
                                    }

                                    this.sbzqVal = this.sbzjxArr[idx].ssyear + "-Q" + this.sbzjxArr[idx].ssjd;
                                    this.sbzqChangeHandler(this.sbzqVal);
 let val = this.sbzjxArr.findIndex(m => m.ssyear + "-Q" + m.ssjd === item) //获取当前选中得下标
                this.sel_val = this.sbzjxArr[val]//当前选中得数组

                $(".sbzj-tag").html($("li[data-type='" + val + "']").children(".sbzj-tag-item").html());

 

猜你喜欢

转载自blog.csdn.net/weixin_44727080/article/details/113256361