div(ref="container", style="display: inline-block")
oc-treeselectdom.w(ref="tree", :required="required", :isOnlySelectedLast="isLast", :isDisableItem="isDisableItem", :isAutoFocusSearch="true", :textFilters="textFilters", :treeNode="treeNode", :addSelectedHandler="addSelectedHandler", :multiple="multiple", :value="treeValue", :name="name", @input="input", @afterShow="afterShow", @afterHide="clearData", :isPopperElmFromParent="true", :customerFilterHandler="customerFilterHandler")
div#divProps.f12.formSm.pt10(ref="divProps", v-show="activePropId !== null", style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, .9)")
p.pl15.fb.pb10.mb10(style="border-bottom: 1px solid #eee;") 当前节点：{{activePropName}}
div.divPropsItem.pb5.mr30.ml15(v-for="item in formatedNodeProperties", style="display: inline-block;")
span(style="display: inline-block; width: 120px; white-space: nowrap; overflow: hidden; vertical-align:middle") {{item[propertyNameKey] + ':'}}
oc-select.w150(:items="item[propertyValueKey]", :name="item[propertyKey]", :isAll="true", :value="item[defaultValueKey]", :disabled="item[isSystemPropertyKey]")
div.pt10.pl20
button.info.w80.sm(type="button", @click="confirm") 确 认
button.ml10.w80.sm(type="button", @click="cancel") 取 消
span#divFormProps(ref="divFormProps", v-if="isUseFormProperties")
span.pb5(v-for="item in selectedSameProperties", :style="{ display: 'inline-block', 'margin-right': formPropsStyle.itemMarginRight }")
label(:style="{ display: 'inline-block', 'color': '#888', overflow: 'hidden', 'vertical-align': 'middle', width: samePropsLabelWidth, 'margin-right': formPropsStyle.labelMarginRight }") {{item[propertyNameKey] + ':'}}
oc-select.w150(:items="item[propertyValueKey]", :name="(formPropertiesPrefix || '') + item[propertyKey] + '_in'", :isAll="true", multiple)