1

QYF-GitLab1

2024-07-18 587d25c4a1d1a5d240e7750aa0c043a702a737d5

 src/components/headNav/headNav.vue

@@ -33,6 +33,7 @@
            width: 2.33rem;
            margin-right: 0.3rem;
            justify-content: flex-end;
            position: relative;
          "
        >
          <input
@@ -43,6 +44,8 @@
              flex: 1;
              background-color: #fff;
              font-size: 0.13rem;
              padding-right: 30px;
              box-sizing: border-box;
            "
            @blur="InputBlur"
            @confirm="toggleSearch"
@@ -50,18 +53,38 @@
            v-model="searchInput"
            placeholder="请输入搜索内容"
          />
          <span
            class="cleanupBtn"
            v-if="searchInput"
            @click="searchInput = ''"
            style="
              position: absolute;
              top: 50%;
              margin-top: -10px;
              right: 42px;
              color: #fff;
              z-index: 2;
              display: inline-block;
              width: 20px;
              height: 20px;
              text-align: center;
              line-height: 20px;
              background-color: #a5a5a5;
              font-weight: bold;
              border-radius: 50%;
              font-size: 12px;
              cursor: pointer;
            "
            >✖</span
          >
          <view
            title="搜索"
            class="search-logo"
            @click="toggleSearch"
            :style="{
              backgroundColor: searchBg == true ? '#244A7B' : '#DA7A2B'
              backgroundColor: searchBg == true ? '#244A7B' : '#DA7A2B',
            }"
            style="
              background-color: #000;
              border-radius: 50%;
              margin-top: -4rpx;
            "
            style="background-color: #000; border-radius: 50%"
          ></view>
        </view>
        <el-dropdown trigger="click" @command="handleCommand">
@@ -115,20 +138,23 @@
            <span slot="title">首页</span>
          </el-menu-item>
          <el-menu-item index="1">
            <span slot="title">中医人物数据库</span>
            <span slot="title">历代人物</span>
          </el-menu-item>
          <el-menu-item index="2" class="oActive">
            <span slot="title">世医医家数据库</span>
            <span slot="title">家学传承</span>
          </el-menu-item>
          <el-menu-item index="6">
            <span slot="title">学术流派</span>
          </el-menu-item>
          <el-menu-item index="3">
            <span slot="title">中医学术流派</span>
            <span slot="title">学术图谱</span>
          </el-menu-item>
          <el-menu-item index="4">
            <span slot="title">中医地域图谱</span>
            <span slot="title">地域图谱</span>
          </el-menu-item>
          <el-menu-item index="5">
          <!-- <el-menu-item index="5">
            <span slot="title">中医医事制度</span>
          </el-menu-item>
          </el-menu-item> -->
        </el-menu>
      </view>
    </el-dialog>
@@ -149,32 +175,32 @@
      type: String,
      default() {
        return "标题";
      }
      },
    },
    searchBg: {
      type: Boolean,
      default() {
        return true;
      }
      },
    },
    bg: {
      type: String,
      default() {
        return "/static/image/topBg.png";
      }
      },
    },
    bg1: {
      type: String,
      default() {
        return "/static/image/line.png";
      }
      },
    },
    idIndex: {
      type: String,
      default() {
        return "1";
      }
    }
      },
    },
  },
  data() {
    return {
@@ -182,7 +208,7 @@
      searchInput: "", // 搜索框输入的内容
      menuNav: false,
      dialogVisible: false,
      isCommand: true
      isCommand: true,
    };
  },
  methods: {
@@ -207,13 +233,13 @@
              if (res.confirm) {
                setTimeout(() => {
                  uni.reLaunch({
                    url: "/pages/Login/Login"
                    url: "/pages/Login/Login",
                  });
                }, 1500);
              } else if (res.cancel) {
                // console.log('用户点击取消');
              }
            }
            },
          });
        }
        // uni.navigateTo({
@@ -227,7 +253,7 @@
    handleCommand(int) {
      if (int == 1) {
        uni.navigateTo({
          url: "/pages/changePassword/changePassword"
          url: "/pages/changePassword/changePassword",
        });
      } else if (int == 2) {
        uni.showModal({
@@ -244,40 +270,44 @@
                //退出成功！并跳转到其他页面
                this.$message.success("退出成功");
                uni.reLaunch({
                  url: "/pages/Login/Login"
                  url: "/pages/Login/Login",
                });
              });
            } else if (res.cancel) {
              // console.log('用户点击取消');
            }
          }
          },
        });
      }
    },
    handleSelect(index) {
      if (index === "0") {
        uni.navigateTo({
          url: "/pages/index/index?id=" + 0
          url: "/pages/index/index?id=" + 0,
        });
      } else if (index === "1") {
        uni.navigateTo({
          url: "/pages/character/index?id=" + 1
          url: "/pages/character/index?id=" + 1,
        });
      } else if (index === "2") {
        uni.navigateTo({
          url: "/pages/inherit/index?id=" + 2
          url: "/pages/inherit/index?id=" + 2,
        });
      } else if (index === "3") {
        uni.navigateTo({
          url: "/pages/academicGenres/index?id=" + 3
          url: "/pages/academicGenres/index?id=" + 3,
        });
      } else if (index === "4") {
        uni.navigateTo({
          url: "/pages/territory/territory?id=" + 4
          url: "/pages/territory/territory?id=" + 4,
        });
      } else if (index === "5") {
        uni.navigateTo({
          url: "/pages/TcmSystem/TcmSystem?id=" + 5
          url: "/pages/TcmSystem/TcmSystem?id=" + 5,
        });
      } else if (index === "6") {
        uni.navigateTo({
          url: "/pages/academicSchools/index",
        });
      }
    },
@@ -293,13 +323,13 @@
        if (this.searchInput.trim() !== "") {
          uni.navigateTo({
            url:
              "/pages/knowledgeBase/knowledgeBase?keyword=" + this.searchInput
              "/pages/knowledgeBase/knowledgeBase?keyword=" + this.searchInput,
          });
        }
        this.searchInput = "";
      });
    }
  }
    },
  },
};
</script>