6.16 6

今天实现高级检索的html代码

        <template>
          <div id="search-container">
            <div class="search-row" v-for="(item, index) in limitedSearchItems" :key="index">
              <div class="search-col">
                <el-select v-model="item.logicalOperator" v-if="index > 0" class="form-control logical-operator"
                           :disabled="index === 0">
                  <el-option value="AND">AND</el-option>
                  <el-option value="OR">OR</el-option>
                </el-select>
                <el-select v-model="item.label" class="form-control inline-label">
                  <el-option value="政策名称">政策名称</el-option>
                  <el-option value="政策分类">政策分类</el-option>
                  <el-option value="类别">类别</el-option>
                  <el-option value="施行范围">施行范围</el-option>
                  <el-option value="发文字号">发文字号</el-option>
                  <el-option value="颁布形式">颁布形式</el-option>
                  <el-option value="制定机关">制定机关</el-option>
                  <el-option value="全文">全文</el-option>
                </el-select>
                <el-input type="text" class="form-control inline-input" v-model="item.value"
                          placeholder="请输入关键词"></el-input>
                <el-select v-model="item.matchType" class="form-control match-type">
                  <el-option value="精确">精确</el-option>
                  <el-option value="模糊">模糊</el-option>
                </el-select>
              </div>
              <el-button v-if="index > 1" @click="removeSearchItem(index)" type="warning" class="delete-btn">删除
              </el-button>
            </div>
            <el-button  @click="addSearchItem" type="primary">添加检索项</el-button>
            <div class="button-wrapper">
              <el-button @click="search1" type="primary" class="search-btn">开始搜索</el-button>
            </div>
          </div>
        </template>