树菜单.html 5.7 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="http://static.yohobuy.com/erp/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="http://static.yohobuy.com/erp/css/bootstrap_admin.css" rel="stylesheet" type="text/css" media="all" />
<title>erp后台管理</title>
</head>
<body>

<style>
ul, ol {list-style: none outside none;}
.rule-tree fieldset{ border:1px solid #d6d6d6; background:#fafafa;padding:10px 15px; margin-bottom:15px;}

.rule-tree fieldset li { margin:4px 0; }

.rule-tree ul                   { padding-left:16px !important; border-left:dotted 1px #888; }
.rule-tree .x-tree ul           { padding-left:0 !important; border-left:none !important; }
.rule-param .label              { font-weight:bold; color:black;padding:0px;background:none; }
.rule-param .label:hover        { font-weight:bold; color:blue; }
.rule-param .label-disabled     { color:black; cursor:default; text-decoration:none; }
.rule-param .label-disabled:hover { color:black;}
.rule-param .element            { display:none; }
.rule-param input,
.rule-param select              { width:auto !important; min-width:170px; }
.rule-param select.multiselect  { vertical-align:top; }
.rule-param-edit .label         { display:none; }
.rule-param-edit .element       { display:inline; }
.rule-param-add                 { font-weight:normal; color:green; text-decoration:none; }
.rule-param-add:hover           { font-weight:normal; color:blue; text-decoration:none; }
.rule-param-apply               { font-weight:normal; color:green; text-decoration:none; }
.rule-param-apply:hover         { font-weight:normal; color:blue; text-decoration:none; }
.rule-param-remove              { font-weight:normal; color:red; text-decoration:none; }
.rule-param-remove:hover        { font-weight:normal; color:blue; text-decoration:none; }
.rule-chooser                   { border:solid 1px #CCC; margin:5px; padding:5px; display:none; }
.rule-param-wait                { padding-left:20px; background-image:url(images/rule-ajax-loader.gif); background-repeat:no-repeat; background-position:0 50%; }

.rule-tree .rule-param-children dl { float:left; width:32%; margin:4px 0 15px 7px; }
.rule-tree .rule-param-children dt { font-weight:bold; margin:0 0 5px; }
.rule-tree .rule-param-children dt a { color:#2f2f2f; text-decoration:underline; cursor:pointer; }
.rule-tree .rule-param-children dt a:hover { color:#2f2f2f; text-decoration:none; }
.rule-tree .rule-param-children dd { margin:3px 0; }
.rule-tree .rule-param-children dd li { margin:2px 0; }
.rule-tree .rule-param-children dd a { text-decoration:underline; cursor:pointer; }
.rule-tree .rule-param-children dd a:hover { text-decoration:none; }
</style>

<div class="rule-tree">

<fieldset id="rule_conditions_fieldset">
  
  If <span class="rule-param"><a class="label" href="javascript:void(0)">ALL</a>
  <span class="element">
  <select class=" element-value-changer select" name="rule[conditions][1][aggregator]" id="conditions__1__aggregator">
    <option selected="selected" value="all">ALL</option>
    <option value="any">ANY</option>
  </select>
  </span>
  </span>
  &nbsp; of these conditions are <span class="rule-param"><a class="label" href="javascript:void(0)">FALSE</a></span>
  &nbsp;:
  <ul class="rule-param-children" id="conditions__1__children">
    <li class="">
    Activation Information&nbsp; <span class="rule-param"><a class="label" href="javascript:void(0)">is</a></span>
    &nbsp; <span class="rule-param"><a class="label" href="javascript:void(0)">...</a></span>
    &nbsp; <span class="rule-param"><a title="Remove" class="rule-param-remove" href="javascript:void(0)"><img class="v-middle" alt="" src="images/rule_component_remove.gif"></a></span>
    </li>
    <li class="">
      Attribute Set&nbsp; <span class="rule-param"><a class="label" href="javascript:void(0)">is</a></span>
      &nbsp; <span class="rule-param"><a class="label" href="javascript:void(0)">...</a></span>
      &nbsp; <span class="rule-param"><a title="Remove" class="rule-param-remove" href="javascript:void(0)"><img class="v-middle" alt="" src="images/rule_component_remove.gif"></a></span>
    </li>
    <li class="">      
      If <span class="rule-param"><a class="label" href="javascript:void(0)">ALL</a></span>
      &nbsp; of these conditions are <span class="rule-param"><a class="label" href="javascript:void(0)">TRUE</a></span>
      &nbsp;: <span class="rule-param"><a title="Remove" class="rule-param-remove" href="javascript:void(0)"><img class="v-middle" alt="" src="images/rule_component_remove.gif"></a></span>
      
      <ul class="rule-param-children" id="conditions__1--3__children">
        <li class="">
          Color&nbsp; <span class="rule-param"><a class="label" href="javascript:void(0)">is</a></span>
          &nbsp; <span class="rule-param"><a class="label" href="javascript:void(0)">...</a></span>
          &nbsp; <span class="rule-param"><a title="Remove" class="rule-param-remove" href="javascript:void(0)"><img class="v-middle" alt="" src="images/rule_component_remove.gif"></a></span>
        </li>
        <li>&nbsp;<span class="rule-param rule-param-new-child"><a class="label" href="javascript:void(0)"><img title="Add" alt="" class="rule-param-add v-middle" src="images/rule_component_add.gif"></a></span>
        &nbsp;
        </li>
      </ul>
    </li>
    <li>&nbsp;<span class="rule-param rule-param-new-child"><a class="label" href="javascript:void(0)"><img title="Add" alt="" class="rule-param-add v-middle" src="images/rule_component_add.gif"></a></span>
    &nbsp;
    </li>
  </ul>
  
  
</fieldset>

</div>

</body>