ydm
/
chrome-plugin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
							<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>选项表达式编辑</title>
    <script src="../extra/jquery/jquery.min.js"></script>

    <script src="../extra/layer/layer.min.js"></script>

    <script src="enum_editor.js"></script>

    <style>
        input.enum-input {
            height: 22px;
            border: 1px solid #999;
            border-radius: 4px;
            width: calc(100% - 78px);
        }

        fieldset {
            border: 1px solid #a1a1a1;
            margin-top: 6px;
        }

        .condition_radio {
            display: flex;
            flex-direction: column;
        }

        .options_selector {
            display: flex;
            flex-direction: column;
        }

        .conn_selector {
            display: flex;
            flex-direction: column;
        }

        input.enum-input:focus {
            outline: none;
            border: 1px solid #2b8258;
        }

        input#search_text:focus {
            outline: none;
            border: 1px solid #2b8258;
        }
        input#search_text {
            height: 22px;
            border: 1px solid #999;
            border-radius: 4px;
        }
        
        button {
            height: 26px;
            border: 1px solid #999;
            border-radius: 4px;
            color:darkblue
        }

        #clear_options {
            position: absolute;
            right: 20px;
        }
    </style>
</head>

<body>
    <div class="enum-main">
        <div class="condition_selector">
            <label class="enum-label">显示文本</label>
            <input type="text" class="enum-input" name="name" id="name" value="" />
        </div>
        <fieldset name="symbol">
            <legend>运算符</legend>
            <div class="condition_radio">
                <label class="enum-label-radio">
                    <input type="radio" name="condition" value="0" checked /><span>
                        等于(=)
                    </span>
                </label>
                <label class="enum-label-radio">
                    <input type="radio" name="condition" value="1" /><span>
                        不等于(≠)
                    </span>
                </label>
                <label class="enum-label-radio">
                    <input type="radio" name="condition" value="2" /><span>
                        包含(Includes)
                    </span>
                </label>
                <label class="enum-label-radio">
                    <input type="radio" name="condition" value="3" /><span>
                        不包含(Not Includes)
                    </span>
                </label>
            </div>
        </fieldset>
        <fieldset>
            <legend>备选项</legend>
            <div id="option_type">
                <label>
                    <input type="radio" name="option_type" id="isMulti" value="0" />静态选项
                </label>
                <label style="color:brown">
                    <input type="radio" name="option_type" id="isSingle" value="1" />动态选项
                </label>
                <!-- 按钮：清除选项 -->
                <button id="clear_options" hidden>清除选项</button>
                <div id="search_info" hidden>
                    <label for="search_text">
                        搜索内容：
                        <input type="text" name="search_text" id="search_text" title="支持按名称模糊查找"/>
                    </label>
                    <button id="search_btn">搜索</button>
                    <br>
                    <label id="search_result">已选内容：</label>                    
                </div>
                <hr />
            </div>
            <div class="options_selector">
            </div>
        </fieldset>

    </div>
</body>

</html>