src/pages/academicSchools/index.vue

@@ -6,7 +6,7 @@
    <!-- 高级搜索 -->
    <view
      style="
        margin-left: 0.6rem;
        padding-left: 0.6rem;
        margin-top: 0.1rem;
        display: flex;
        position: relative;
@@ -43,9 +43,76 @@
          </li>
        </ul>
      </view>
      <view v-if="isAdvancedSearch">
        <h3>高级搜索</h3>
        <MyForm @submit="onSubmit" :from="searchFrom" />
      <view v-if="isAdvancedSearch" class="searchDialog">
        <h3 style="margin-bottom: 0.2rem">高级搜索</h3>
        <el-form  label-width="100px" :model="formData" size="mini">
          <el-row>
            <el-col :span="8">
              <el-form-item label="姓名/别名：">
                <el-input v-model="formData.name"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="活动地：">
                <el-select
                  style="width: 100%"
                  v-model="formData.actively"
                  placeholder="请选择活动地"
                >
                  <!-- <el-option label="区域一" value="shanghai"></el-option> -->
                  <!-- <el-option label="区域二" value="beijing"></el-option> -->
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="作品：">
                <el-input v-model="formData.works"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="人物标签：">
                <el-select
                  style="width: 100%"
                  v-model="formData.personTags"
                  placeholder="请选择人物标签"
                >
                  <!-- <el-option label="区域一" value="shanghai"></el-option> -->
                  <!-- <el-option label="区域二" value="beijing"></el-option> -->
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="社会身份：">
                <el-select
                  style="width: 100%"
                  v-model="formData.socialIdentity"
                  placeholder="请选择社会身份"
                >
                  <!-- <el-option label="区域一" value="shanghai"></el-option> -->
                  <!-- <el-option label="区域二" value="beijing"></el-option> -->
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="时期：">
                <el-select
                  style="width: 100%"
                  v-model="formData.period"
                  placeholder="请选择时期"
                >
                  <!-- <el-option label="区域一" value="shanghai"></el-option> -->
                  <!-- <el-option label="区域二" value="beijing"></el-option> -->
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <div style="text-align: right">
          <el-button type="primary" size="mini">搜索</el-button>
          <el-button size="mini">重置</el-button>
        </div>
      </view>
      <div v-if="showPerson" class="personDialog">
        <i
@@ -164,44 +231,14 @@
        name: "",
      },
      isAdvancedSearch: false,
      searchFrom: [
        {
          type: "input",
          label: "姓名/别名",
          name: "name",
          value: "",
        },
        {
          type: "input",
          label: "活动地",
          name: "address",
          value: "",
        },
        {
          type: "input",
          label: "作品",
          name: "address",
          value: "",
        },
        {
          type: "input",
          label: "人物标签",
          name: "address",
          value: "",
        },
        {
          type: "input",
          label: "社会身份",
          name: "address",
          value: "",
        },
        {
          type: "input",
          label: "时期",
          name: "address",
          value: "",
        },
      ],
      formData: {
        name: "",
        actively: "",
        works: "",
        personTags: "",
        socialIdentity: "",
        period: ""
      },
      showPerson: false,
      personList: [],
      personPageInfo: {
@@ -887,6 +924,17 @@
  }
}

.searchDialog {
  position: absolute;
  top: 0.68rem;
  left: 0;
  right: 0;
  z-index: 999;
  padding: 0.1rem 0.4rem;
  background: #fff;
  min-height: 2rem;
}

.personDialog {
  position: absolute;
  top: 0.68rem;