1

YM

2024-07-22 4d56b4733adabd8fc3f26d6d583587598aad87db

1

 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,12 +43,86 @@
          </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 class="el-icon-circle-close closeBtn" @click="()=>{showPerson = false}"></i>
        <i
          class="el-icon-circle-close closeBtn"
          @click="
            () => {
              showPerson = false;
            }
          "
        ></i>
        <el-table :data="personList" style="width: 100%">
          <el-table-column prop="name" label="姓名">
            <template slot-scope="scope">
@@ -157,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: {
@@ -482,7 +526,7 @@
          // const p = personData.filter((item) => item.category == 4);
          // const s = personData.filter((item) => item.category == 5);
          // const nodesList = [...k, ...t, ...l, ...o, ...p, ...s];
          

          personData.forEach((item) => {
            let exists1 = this.nodes.some(
              (node) =>
@@ -904,6 +948,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;
@@ -912,7 +967,7 @@
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 10px -3px #000;
  .closeBtn{
  .closeBtn {
    position: absolute;
    right: -10px;
    top: -10px;
@@ -921,7 +976,7 @@
    font-size: 24px;
    background-color: #fff;
    border-radius: 50%;
    color: #F56C6C;
    color: #f56c6c;
    cursor: pointer;
  }
}