1

QYF-GitLab1

2024-07-23 12d99c9a0dc366df61e10101b3e0821e1add6adb

 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
@@ -137,7 +204,6 @@
  academicSearch,
} from "@/api/index.js";
import * as echarts from "echarts";
import MyForm from "@/components/form/form.vue";
export default {
  data() {
    return {
@@ -164,44 +230,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: {
@@ -378,6 +414,7 @@
    getData() {
      this.loading = true;
      getPersonData(this.currentId).then((res) => {
        console.log(res,'res')
        this.nodes = [];
        this.relationships = [];
        let kinData = [];
@@ -437,7 +474,6 @@
                this.ownInfo
              );
              literature = [...newArr];
              // console.log(literature, "literature");
            }
            if (obj.socialList?.length) {
              let newArr = [];
@@ -457,7 +493,6 @@
              this.categories.push({ name: "活动地" });
              let newArr = [];
              const data = this.changeLiterature(obj.placeList, "placeList");
              console.log(data, "place");
              this.getPersonInfo(data, "placeList", newArr, 1, 4, this.ownInfo);
              place = [...newArr];
            }
@@ -589,13 +624,6 @@
      var nodeData = nodes;
      var option;
      option = {
        // backgroundColor: {
        //   type: "image",
        //   image: "/static/image/characterRelationBg.png",
        //   size: "100% 100%", // 背景图片的尺寸，可以是百分比或者像素
        //   position: "center center", // 背景图片的位置，可以是 top, bottom, middle 或者百分比
        // },
        // tooltip: {},
        legend: [
          {
            left: 20,
@@ -887,6 +915,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;