好看的登录页面自适应模板,家具类网站如何优化,大石桥网站,专业系统网站点击新增一个下拉框 与前一个内容一样 但不能选同一个值 主要是看下拉选择el-option的disabled,注意不要混淆
el-form label-width120px :modelform refform stylecolor: #ffftemplate v-for(trapolicy, i…点击新增一个下拉框 与前一个内容一样 但不能选同一个值 主要是看下拉选择el-option的disabled,注意不要混淆
el-form label-width120px :modelform refform stylecolor: #ffftemplate v-for(trapolicy, index) in form.trapoliciesel-rowel-col :span16 :offset4 stylepadding-top:20pxiclassel-icon-remove-outline remove-buttonv-ifform.trapolicies.length 1clickremovePolicy(index)/el-form-itemlabel所属节点:proptrapolicies.index.nodeId:rules[{ required: true,message: 请选择所属节点,trigger: change,}]el-selectv-modeltrapolicy.nodeIdstylemargin-left: 20pxplaceholder请选择changechangeel-optionv-for(item) in nodes:keyitem[res-id]:labelitem.name:valueitem[res-id]/el-option/el-select/el-form-itemel-form-itemlabel名称:proptrapolicies.index.policyName:rules[{required:true,message:请输入名称},{validator:checkData,trigger:blur}]el-input stylemargin-left: 20px; width: 265px v-modeltrapolicy.policyName//el-form-itemel-form-itemlabel描述:proptrapolicies.index.description:rules[{validator:checkData,trigger:change}]el-input stylemargin-left: 20px; width: 265px maxlength127 show-word-limit v-modeltrapolicy.description//el-form-itemdiv v-for(cfg,i) in trapolicy.configel-col :span20 :offset2el-divider//el-colel-col :span11 :offset6 styleposition: relativespan classrule-index流分类-流动作 {{ i 1 }}/spaniclassel-icon-remove-outline remove-btnv-iftrapolicy.config.length1clickremoveConfig(index)/el-form-itemlabel流分类:proptrapolicies.index.config.i.classifyName:rules[{required:true,message:请选择流分类,trigger:blur}]el-select v-modelcfg.classifyName placeholder请选择 stylewidth: 100% no-data-text请先创建流分类el-optionv-for(item, index) in classifies:keyindex:labelitem.classifyName:valueitem.classifyName:disabledtrapolicy.config.some(cc.classifyNameitem.classifyName c.classifyName!cfg.classifyName)//el-select/el-form-itemel-form-itemlabel流动作:proptrapolicies.index.config.i.behaviorName:rules[{required:true,message:请选择流动作,trigger:blur}]el-select v-modelcfg.behaviorName placeholder请选择 stylewidth: 100% no-data-text请先创建流动作el-optionv-for(item, index) in beahaviors:keyindex:labelitem.behaviorName:valueitem.behaviorName:disabledtrapolicy.config.some(cc.behaviorNameitem.behaviorName c.behaviorName!cfg.behaviorName)//el-select/el-form-itemiclassel-icon-circle-plus-outline add-btnv-iftrapolicy.config.lengthi1clickaddConfig(index)//el-col/diviclassel-icon-circle-plus-outline add-buttonv-ifform.trapolicies.length index 1clickaddPolicy()//el-col/el-rowel-rowel-col :span20 :offset2el-divider//el-col/el-row/template/el-formmethods:
// 获取流分类、流动作async change(value) {this.classifies await getTrafficClassifierById(value)this.beahaviors await getTrafficBehaviorById(value)},// 表单新增配置框addPolicy() {this.form.trapolicies.push({// policyId: 1,policyName: ,description: ,nodeId: ,nodeName: ,config: [{classifyId: ,classifyName: ,behaviorId: ,behaviorName: ,},],})},addConfig(i) {this.form.trapolicies[i].config.push({classifyId: ,classifyName: ,behaviorId: ,behaviorName: ,})},// 表单移除配置框removePolicy(index) {this.form.trapolicies.splice(index, 1)},removeConfig(i) {this.form.trapolicies[i].config.splice(i, 1)},
