Skip to content

R
risk-monitor
提交 e96cb50b authored 作者: yanpeng's avatar yanpeng
浏览文件
操作

应用pre分支的修改

上级 f386800f
流水线 #174 已失败 于阶段
    隐藏空白字符变更
    内嵌 并排
    正在显示 包含 730 行增加 和 233 行删除
    .gitlab-ci.yml
    浏览文件 @ e96cb50b
    ......@@ -14,9 +14,7 @@ build_pre:
    stage: build
    image: node:20-bullseye
    tags:
    - docker
    - frontend
    - linux
    - risk-monitor-frontend
    only:
    - pre
    script:
    ......@@ -39,17 +37,39 @@ deploy_pre:
    stage: deploy
    image: alpine:3.20
    tags:
    - docker
    - frontend
    - linux
    - risk-monitor-frontend
    only:
    - pre
    dependencies:
    - build_pre
    script:
    - apk add --no-cache rsync
    - test -d dist || (echo "dist not found" && exit 1)
    - test -d /nas/kjb_service/zm/pre-project/html || (echo "deploy target path not found" && exit 1)
    - apk add --no-cache rsync curl jq
    # 只允许“最新一次 pre pipeline”部署到 nginx（加二次确认，避免短时间多次推送导致重复 rsync）
    - >
    LATEST_PIPELINE_ID="$(
    curl --silent --show-error --fail
    --header "JOB-TOKEN: $CI_JOB_TOKEN"
    "$CI_SERVER_URL/api/v4/projects/$CI_PROJECT_ID/pipelines?ref=pre&order_by=id&sort=desc&per_page=1"
    | jq -r '.[0].id'
    )"
    - >
    if [ -z "$LATEST_PIPELINE_ID" ] || [ "$LATEST_PIPELINE_ID" != "$CI_PIPELINE_ID" ]; then
    echo "skip deploy: not latest pipeline (latest=$LATEST_PIPELINE_ID current=$CI_PIPELINE_ID)";
    exit 0;
    fi
    - sleep 20
    - >
    LATEST_PIPELINE_ID="$(
    curl --silent --show-error --fail
    --header "JOB-TOKEN: $CI_JOB_TOKEN"
    "$CI_SERVER_URL/api/v4/projects/$CI_PROJECT_ID/pipelines?ref=pre&order_by=id&sort=desc&per_page=1"
    | jq -r '.[0].id'
    )"
    - >
    if [ -z "$LATEST_PIPELINE_ID" ] || [ "$LATEST_PIPELINE_ID" != "$CI_PIPELINE_ID" ]; then
    echo "skip deploy: not latest pipeline after debounce (latest=$LATEST_PIPELINE_ID current=$CI_PIPELINE_ID)";
    exit 0;
    fi
    - rsync -avz --delete dist/ /nas/kjb_service/zm/pre-project/html/
    # 非 protected 分支：push 时先做 build 校验（避免合并 pre 时出现 build 报错）
    ......@@ -57,9 +77,7 @@ build_check:
    stage: build
    image: node:20-bullseye
    tags:
    - docker
    - frontend
    - linux
    - risk-monitor-frontend
    # 只在 push 时做构建校验，且排除 protected 分支与目标分支 pre
    only:
    - pushes
    ......
    src/App.vue
    浏览文件 @ e96cb50b
    ......@@ -5,12 +5,29 @@
    </template>
    <script setup>
    import { ref, onMounted } from "vue";
    import { ref, computed, onMounted } from "vue";
    import { useRouter } from "vue-router";
    import { useRoute } from "vue-router";
    import AiBox from "./components/AiBox.vue";
    import { getPersonType } from "@/api/common/index";
    // import { useDraggable } from "@vueuse/core";
    import Menu1 from "@/assets/icons/overview/menu1.png";
    import Menu2 from "@/assets/icons/overview/menu2.png";
    import Menu3 from "@/assets/icons/overview/menu3.png";
    import Menu4 from "@/assets/icons/overview/menu4.png";
    import Menu5 from "@/assets/icons/overview/menu5.png";
    import Menu6 from "@/assets/icons/overview/menu6.png";
    import Menu7 from "@/assets/icons/overview/menu7.png";
    import Menu8 from "@/assets/icons/overview/menu8.png";
    import Menu9 from "@/assets/icons/overview/menu9.png";
    import Menu10 from "@/assets/icons/overview/menu10.png";
    import Menu11 from "@/assets/icons/overview/menu11.png";
    import Menu12 from "@/assets/icons/overview/menu12.png";
    import { ElMessage } from "element-plus";
    const router = useRouter();
    const route = useRoute();
    import useTagsViewStore from '@/stores/tagsView.js'
    ......@@ -20,7 +37,7 @@ const tagsViewStore = useTagsViewStore()
    // 在路由全局守卫中处理
    router.beforeEach((to, from, next) => {
    // 路由允许添加标签（排除掉隐藏的布局页如 /404, /login 等）
    if (to.path.indexOf('dataLibrary') > -1 ) {
    if (to.path.includes('dataLibrary')) {
    tagsViewStore.addView({
    path: to.path,
    name: to.name, // 对应组件的 name，用于缓存
    ......@@ -31,6 +48,17 @@ router.beforeEach((to, from, next) => {
    next()
    })
    const isShowAiBox = ref(false);
    const closeAiBox = () => {
    isShowAiBox.value = false;
    };
    const openAiBox = () => {
    isShowAiBox.value = true;
    };
    const personTypeList = ref([]);
    // 获取人物类别
    ......@@ -47,6 +75,146 @@ const handleGetPersonType = async () => {
    } catch (error) {}
    };
    const isCurrentOverview = computed(() => {
    if (route.path === "/ZMOverView") {
    return true;
    } else {
    return false;
    }
    });
    // 概览页标题列表
    const homeTitleList = ref([
    {
    name: "中美科技博弈",
    path: "/ZMOverView",
    disabled: false
    },
    {
    name: "主要国家科技动向感知",
    path: "",
    disabled: true
    },
    {
    name: "主要国家竞争科技安全",
    path: "",
    disabled: true
    }
    ]);
    const homeActiveTitleIndex = ref(0);
    const isShowMenu = ref(false);
    const handleShowMenu = (index, isShow) => {
    if (index === 0) {
    isShowMenu.value = isShow;
    }
    };
    const handleHoverMenu = isShow => {
    isShowMenu.value = isShow;
    };
    const menuList = ref([
    {
    title: "中美科技博弈概览",
    icon: Menu1,
    path: "/ZMOverView"
    },
    {
    title: "科技法案",
    icon: Menu2,
    path: "/billHome"
    },
    {
    title: "科技政令",
    icon: Menu3,
    path: "/decree"
    },
    {
    title: "美国科技智库",
    icon: Menu4,
    path: "/thinkTank"
    },
    {
    title: "出口管制",
    icon: Menu5,
    path: "/exportControl"
    },
    {
    title: "科研合作限制",
    icon: Menu6,
    path: "/cooperationRestrictions"
    },
    {
    title: "投融资限制",
    icon: Menu7,
    path: "/finance"
    },
    {
    title: "市场准入限制",
    icon: Menu8,
    path: "/marketAccessRestrictions"
    },
    {
    title: "规则限制",
    icon: Menu9,
    path: "/ruleRestrictions"
    },
    {
    title: "美国科技人物观点",
    icon: Menu10,
    path: "/technologyFigures"
    },
    {
    title: "美国主要创新主体动向",
    icon: Menu11,
    path: "/innovationSubject"
    },
    {
    title: "美国科研资助体系",
    icon: Menu12,
    path: "/scientificFunding"
    }
    ]);
    const handleToModule = item => {
    const curRoute = router.resolve({
    path: item.path
    });
    window.open(curRoute.href, "_blank");
    };
    const searchText = ref("");
    const handleSearch = () => {
    const curRoute = router.resolve({
    path: "/searchResults",
    query: {
    searchText: searchText.value
    }
    });
    window.open(curRoute.href, "_blank");
    };
    const handleClickTitle = item => {
    if (item.name === "主要国家科技动向感知" || item.name === "主要国家竞争科技安全") {
    ElMessage.warning("当前功能正在开发中，敬请期待！");
    }
    };
    const handleOpenPage = page => {
    const pageObj = {
    znwd: "/chat",
    znxb: "/writtingAsstaint"
    };
    window.open(pageObj[page], "_blank");
    };
    const handleClickToolBox = () => {
    ElMessage.warning("当前功能正在开发中，敬请期待！");
    };
    onMounted(() => {
    handleGetPersonType();
    });
    ......@@ -113,6 +281,457 @@ body {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    }
    .pro-wrapper {
    width: 100vw;
    height: 100vh;
    position: relative;
    overflow: hidden;
    .home-page {
    width: 100%;
    height: 100%;
    position: relative;
    .navbar {
    width: 100%;
    height: 64px;
    border-bottom: 1px solid rgba(234, 236, 238, 1);
    box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
    background: linear-gradient(180deg, rgba(246, 250, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%);
    .nav-content {
    width: 1600px;
    height: 64px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    .nav-left {
    height: 64px;
    display: flex;
    .icon {
    margin-top: 17px;
    width: 29px;
    height: 30px;
    img {
    width: 100%;
    height: 100%;
    }
    }
    .title-box {
    display: flex;
    height: 64px;
    margin-left: 21px;
    gap: 33px;
    .title {
    height: 64px;
    cursor: pointer;
    &:hover {
    .text {
    color: var(--color-main-active);
    }
    }
    .text {
    height: 39px;
    margin-top: 12px;
    color: rgba(59, 65, 75, 1);
    font-family: YouSheBiaoTiHei;
    font-style: Regular;
    font-size: 30px;
    font-weight: 400;
    line-height: 39px;
    letter-spacing: 0px;
    }
    .textActive {
    color: var(--color-main-active);
    }
    .bottom-line {
    width: 50px;
    height: 4px;
    margin: 0 auto;
    margin-top: 9px;
    background: var(--color-main-active);
    }
    }
    }
    }
    .nav-right {
    display: flex;
    justify-content: flex-end;
    gap: 21px;
    .search-box {
    margin-top: 16px;
    width: 300px;
    height: 36px;
    box-sizing: border-box;
    border: 1px solid rgba(231, 243, 255, 1);
    border-radius: 10px;
    background: rgba(231, 243, 255, 1);
    display: flex;
    .input {
    width: 264px;
    height: 36px;
    }
    .icon {
    width: 18px;
    height: 18px;
    margin-left: 9px;
    margin-top: 9px;
    img {
    width: 100%;
    height: 100%;
    }
    }
    }
    .info-box {
    height: 64px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    .mail {
    width: 32px;
    height: 32px;
    margin-right: 14px;
    cursor: pointer;
    img {
    width: 100%;
    height: 100%;
    }
    }
    .user {
    width: 32px;
    height: 32px;
    margin-right: 11px;
    cursor: pointer;
    img {
    width: 100%;
    height: 100%;
    }
    }
    .name {
    width: 48px;
    height: 30px;
    color: rgba(59, 65, 75, 1);
    font-family: Microsoft YaHei;
    font-style: Regular;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    }
    }
    }
    .menu-box {
    position: absolute;
    z-index: 999999;
    width: 713px;
    height: 413px;
    top: 64px;
    left: 0;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 10px;
    backdrop-filter: blur(30px);
    box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
    background: rgba(255, 255, 255, 0.8);
    .menu-content {
    width: 562px;
    height: 348px;
    margin-top: 8px;
    margin-left: 72px;
    display: flex;
    flex-wrap: wrap;
    .menu-item {
    margin-top: 36px;
    width: 280px;
    height: 24px;
    display: flex;
    cursor: pointer;
    &:hover {
    .title {
    color: var(--color-main-active);
    font-size: 20px;
    }
    }
    .icon {
    width: 24px;
    height: 24px;
    img {
    width: 100%;
    height: 100%;
    }
    }
    .title {
    margin-left: 16px;
    height: 24px;
    color: rgba(59, 65, 75, 1);
    font-family: Microsoft YaHei;
    font-style: Bold;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    }
    }
    }
    }
    }
    }
    .main-container {
    width: 100%;
    height: calc(100vh - 64px);
    position: relative;
    overflow: hidden;
    }
    }
    .content-page {
    width: 100%;
    height: 100%;
    .navbar {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: rgba(10, 18, 30, 1);
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    position: relative;
    box-sizing: border-box;
    height: 72px;
    .nav-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    position: absolute;
    left: 160px;
    .brand-icon {
    width: 48px;
    height: 48px;
    img {
    width: 100%;
    height: 100%;
    }
    }
    .brand-text {
    cursor: pointer;
    .text-ch {
    height: 37px;
    color: rgba(10, 18, 30, 1);
    font-family: Microsoft YaHei;
    font-size: 32px;
    font-weight: 700;
    line-height: 37px;
    }
    .text-en {
    color: rgba(10, 18, 30, 1);
    font-family: Microsoft YaHei;
    font-size: 10px;
    font-weight: 400;
    line-height: 13px;
    }
    }
    }
    .user-info {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 8px 12px;
    border-radius: 6px;
    color: #333;
    position: absolute;
    right: 160px;
    .email {
    width: 20px;
    height: 20px;
    img {
    width: 100%;
    height: 100%;
    }
    }
    .avator {
    width: 32px;
    height: 32px;
    img {
    width: 100%;
    height: 100%;
    }
    }
    .user {
    color: rgba(59, 65, 75, 1);
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    }
    }
    }
    .main-container {
    width: 100%;
    height: calc(100vh - 72px);
    position: relative;
    overflow: hidden;
    }
    }
    .right-btn {
    position: absolute;
    // top: 132px;
    top: 100px;
    right: 0;
    z-index: 10000000000000;
    .item {
    width: 108px;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-radius: 50px 0px 0px 50px;
    background: rgba(255, 255, 255, 0.65);
    display: flex;
    margin-bottom: 8px;
    cursor: pointer;
    .icon {
    width: 36px;
    height: 36px;
    margin-top: 2px;
    margin-left: 2px;
    img {
    width: 100%;
    height: 100%;
    }
    }
    .text {
    width: 36px;
    height: 24px;
    color: rgba(59, 65, 75, 1);
    font-family: Source Han Sans CN;
    font-style: Regular;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 8px;
    margin-left: 10px;
    }
    }
    }
    .tool-box {
    position: absolute;
    top: 400px;
    right: 28px;
    top: 681px;
    width: 62px;
    height: 217px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
    background: rgba(255, 255, 255, 0.65);
    box-sizing: border-box;
    padding: 24px 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    .tool-item {
    width: 24px;
    height: 24px;
    cursor: pointer;
    img {
    width: 100%;
    height: 100%;
    }
    }
    }
    .ai-btn {
    position: absolute;
    bottom: 240px;
    right: 10px;
    z-index: 9999;
    cursor: pointer;
    .icon {
    width: 96px;
    height: 96px;
    img {
    width: 100%;
    height: 100%;
    }
    }
    .text {
    margin-top: -15px;
    height: 24px;
    color: rgba(59, 65, 75, 1);
    font-family: Microsoft YaHei;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    }
    }
    .ai-dialog {
    position: absolute;
    right: 100px;
    top: 100px;
    z-index: 9999;
    }
    }
    :deep(.el-input__wrapper) {
    height: 100%;
    box-shadow: none;
    ......@@ -128,4 +747,27 @@ body {
    box-shadow: none !important;
    }
    .title[aria-disabled="true"] {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
    }
    .info-box[aria-disabled="true"] {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
    }
    .right-btn[aria-disabled="true"] {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
    }
    .tool-box[aria-disabled="true"] {
    opacity: 0.3;
    cursor: not-allowed;
    pointer-events: none;
    }
    </style>
    src/components/base/moduleHeader/index.vue
    浏览文件 @ e96cb50b
    ......@@ -10,8 +10,9 @@
    <div class="title-box" v-show="!isShowSearchBar">
    <!-- <div class="title-box" v-if="false"> -->
    <div class="title" v-for="(item, index) in homeTitleList" :key="index"
    @mouseenter="handleShowMenu(index, true)" @click="handleClickTitle(item, index)">
    <div class="text text-title-1-show" :class="{ textActive: homeActiveTitleIndex === index }">
    @mouseenter="handleShowMenu(index, true)" @mouseleave="handleShowMenu(index, false)"
    @click="handleClickTitle(item)">
    <div class="text" :class="{ textActive: homeActiveTitleIndex === index }">
    {{ item.name }}
    </div>
    <div class="bottom-line" v-if="homeActiveTitleIndex === index"></div>
    ......@@ -27,24 +28,13 @@
    <div class="user">
    <img src="@/assets/icons/overview/user.png" alt="" />
    </div>
    <div class="name text-regular">{{ "管理员" }}</div>
    <div class="name">{{ "管理员" }}</div>
    </div>
    </div>
    <div class="menu-box" v-show="isShowMenu" @mouseenter="handleHoverMenu(true)"
    @mouseleave="handleHoverMenu(false)">
    <div class="menu-content">
    <div class="menu-item" v-for="(item, index) in menuList" :key="index" @click="handleToModule(item, 1)">
    <div class="icon">
    <img :src="item.icon" alt="" />
    </div>
    <div class="title">{{ item.title }}</div>
    </div>
    </div>
    </div>
    <div class="tool-box" v-show="isShowTool" @mouseenter="handleHoverTool(true)"
    @mouseleave="handleHoverTool(false)">
    <div class="menu-content">
    <div class="menu-item" v-for="(item, index) in toolList" :key="index" @click="handleToModule(item, 2)">
    <div class="menu-item" v-for="(item, index) in menuList" :key="index" @click="handleToModule(item)">
    <div class="icon">
    <img :src="item.icon" alt="" />
    </div>
    ......@@ -57,7 +47,7 @@
    </template>
    <script setup>
    import { ref, computed, onMounted, watchEffect, onUnmounted } from "vue";
    import { ref, computed, onMounted, watchEffect } from "vue";
    import { useRouter } from "vue-router";
    import { useRoute } from "vue-router";
    import { getPersonType } from "@/api/common/index";
    ......@@ -75,8 +65,6 @@ import Menu9 from "@/assets/icons/overview/menu9.png";
    import Menu10 from "@/assets/icons/overview/menu10.png";
    import Menu11 from "@/assets/icons/overview/menu11.png";
    import Menu12 from "@/assets/icons/overview/menu12.png";
    import Tool1 from './tool1.svg'
    import Tool2 from './tool2.svg'
    import { ElMessage } from "element-plus";
    import { useWrittingAsstaintStore } from "@/stores/writtingAsstaintStore";
    const store = useWrittingAsstaintStore();
    ......@@ -103,43 +91,29 @@ const handleGetPersonType = async () => {
    // 概览页标题列表
    const homeTitleList = ref([
    {
    name: "首页",
    path: "/ZMOverView",
    disabled: false
    },
    {
    name: "中美科技博弈",
    path: "/billHome",
    disabled: false
    },
    {
    name: "智能工具",
    path: "/chat",
    path: "/ZMOverView",
    disabled: false
    },
    {
    name: "数据资源库",
    path: "/dataLibrary",
    disabled: false
    }
    // {
    // name: "主要国家科技动向感知",
    // path: "",
    // disabled: true
    // },
    // {
    // name: "主要国家竞争科技安全",
    // path: "",
    // disabled: true
    // }
    ]);
    const homeActiveTitleIndex = ref(0);
    const isShowMenu = ref(false);
    const handleShowMenu = (index, isShow) => {
    if (index === 1) {
    if (index === 0) {
    isShowMenu.value = isShow;
    isShowTool.value = false;
    } else if (index === 2) {
    isShowMenu.value = false
    isShowTool.value = isShow;
    } else {
    isShowMenu.value = false
    isShowTool.value = false;
    }
    };
    ......@@ -148,11 +122,11 @@ const handleHoverMenu = isShow => {
    };
    const menuList = ref([
    // {
    // title: "中美科技博弈概览",
    // icon: Menu1,
    // path: "/ZMOverView"
    // },
    {
    title: "中美科技博弈概览",
    icon: Menu1,
    path: "/ZMOverView"
    },
    {
    title: "科技法案",
    icon: Menu2,
    ......@@ -210,57 +184,29 @@ const menuList = ref([
    }
    ]);
    const isShowTool = ref(false);
    const handleHoverTool = isShow => {
    isShowTool.value = isShow;
    const handleToModule = item => {
    const curRoute = router.resolve({
    path: item.path
    });
    window.open(curRoute.href, "_blank");
    };
    const searchText = ref("");
    const toolList = ref([
    {
    title: "智能问答",
    icon: Tool1,
    path: "/chat"
    },
    {
    title: "智能写报",
    icon: Tool2,
    path: "/writtingAsstaint"
    },
    ])
    const handleToModule = (item, index) => {
    homeActiveTitleIndex.value = index
    if (index === 1) {
    router.push({
    path: item.path
    })
    } else {
    const curRoute = router.resolve({
    path: item.path
    });
    window.open(curRoute.href, "_blank");
    }
    isShowMenu.value = false
    isShowTool.value = false
    const handleSearch = () => {
    const curRoute = router.resolve({
    path: "/searchResults",
    query: {
    searchText: searchText.value
    }
    });
    window.open(curRoute.href, "_blank");
    };
    const handleClickTitle = (item, index) => {
    if (homeActiveTitleIndex.value === index) return
    homeActiveTitleIndex.value = index
    window.localStorage.setItem('homeActiveTitleIndex', homeActiveTitleIndex.value)
    if (item.name === '智能工具') {
    const curRoute = router.resolve({
    path: item.path,
    });
    window.open(curRoute.href, "_blank");
    } else {
    router.push(item.path)
    const handleClickTitle = item => {
    if (item.name === "主要国家科技动向感知" || item.name === "主要国家竞争科技安全") {
    ElMessage.warning("当前功能正在开发中，敬请期待！");
    }
    };
    const handleClickToolBox = () => {
    ......@@ -269,12 +215,7 @@ const handleClickToolBox = () => {
    onMounted(() => {
    handleGetPersonType();
    homeActiveTitleIndex.value = Number(window.localStorage.getItem('homeActiveTitleIndex'))
    });
    onUnmounted(() => {
    window.localStorage.removeItem('homeActiveTitleIndex')
    })
    </script>
    <style lang="scss" scoped>
    ......@@ -344,7 +285,12 @@ onUnmounted(() => {
    }
    .text {
    color: var(--text-primary-80-color);
    color: rgba(59, 65, 75, 1);
    font-family: YouSheBiaoTiHei;
    font-style: Regular;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0px;
    }
    .textActive {
    ......@@ -414,7 +360,13 @@ onUnmounted(() => {
    .name {
    width: 48px;
    height: 30px;
    color: var(--text-primary-80-color);
    color: rgba(59, 65, 75, 1);
    font-family: Microsoft YaHei;
    font-style: Regular;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0px;
    }
    }
    }
    ......@@ -454,69 +406,18 @@ onUnmounted(() => {
    width: 562px;
    height: 348px;
    margin-top: 8px;
    margin-left: 72px;
    display: flex;
    flex-wrap: wrap;
    .menu-item {
    margin-top: 36px;
    width: 280px;
    height: 24px;
    display: flex;
    cursor: pointer;
    &:hover {
    .title {
    color: var(--color-main-active);
    font-size: 20px;
    }
    }
    .icon {
    width: 24px;
    height: 24px;
    img {
    width: 100%;
    height: 100%;
    }
    }
    .title {
    margin-left: 16px;
    height: 24px;
    color: rgba(59, 65, 75, 1);
    font-family: Microsoft YaHei;
    font-style: Bold;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    }
    }
    }
    }
    .tool-box {
    position: absolute;
    z-index: 999999;
    width: 273px;
    height: 171px;
    top: 52px;
    left: 300px;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 10px;
    backdrop-filter: blur(30px);
    box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
    background: rgba(255, 255, 255, 0.8);
    .menu-content {
    width: 562px;
    height: 348px;
    margin-top: 8px;
    margin-left: 72px;
    .menu-item {
    margin-top: 36px;
    width: 280px;
    height: 24px;
    display: flex;
    cursor: pointer;
    &:hover {
    .title {
    color: var(--color-main-active);
    ......@@ -533,6 +434,7 @@ onUnmounted(() => {
    height: 100%;
    }
    }
    .title {
    margin-left: 16px;
    height: 24px;
    ......
    src/components/base/moduleHeader/tool1.svg deleted 100644 → 0
    浏览文件 @ f386800f
    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none" customFrame="#000000">
    <defs>
    <linearGradient id="paint_linear_1" x1="12" x2="12" y1="1" y2="23.0000019" gradientUnits="userSpaceOnUse">
    <stop stop-color="rgb(0,91,244)" offset="0" stop-opacity="1" />
    <stop stop-color="rgb(101,0,253)" offset="1" stop-opacity="1" />
    </linearGradient>
    </defs>
    <rect id="ZM" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
    <path id="合并" d="M16.1924 8.34956L17.265 9.39747C16.1916 12.5467 12.973 15.696 8.68258 16.2219C5.81801 16.5715 2.54479 19.4738 1 23C2.07341 16.7015 4.39054 1 20.4837 1C19.4119 4.1461 18.3401 6.24507 17.2683 7.29535L16.1924 8.34956ZM16.9643 4.86177C17.4797 3.85558 19.0242 2.51052 19.0242 1.83869C18.5092 2.17461 16.9643 2.84605 15.9343 4.35789C14.9044 5.86972 12.3295 6.87729 12.3295 6.87729C13.3594 6.54137 16.4489 5.86795 16.9643 4.86177ZM15.4194 8.8928C15.4194 9.56464 15.1104 11.1099 13.8744 11.9161C12.6385 12.7223 10.2696 13.5957 9.23961 13.9316C9.23961 13.9316 12.0205 12.6215 12.8445 11.4122C13.6684 10.2029 14.9044 9.22872 15.4194 8.8928ZM19.254 14.3913C19.254 14.3913 18.5049 16.1842 17.0059 17.2593C15.507 18.3345 13.2582 18.6917 13.2582 18.6917C13.2582 18.6917 15.3188 19.0509 16.2555 20.128C17.1923 21.205 17.0051 23 17.0051 23C17.0051 23 17.7544 21.205 19.2532 20.128C20.7519 19.0509 23 18.6919 23 18.6919C23 18.6919 20.9401 18.3345 20.0036 17.2593C19.0671 16.1842 19.254 14.3913 19.254 14.3913Z" fill="url(#paint_linear_1)" fill-rule="evenodd" />
    </svg>
    src/components/base/moduleHeader/tool2.svg deleted 100644 → 0
    浏览文件 @ f386800f
    <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none" customFrame="#000000">
    <defs>
    <linearGradient id="paint_linear_2" x1="12" x2="12" y1="2" y2="22" gradientUnits="userSpaceOnUse">
    <stop stop-color="rgb(0,91,244)" offset="0" stop-opacity="1" />
    <stop stop-color="rgb(101,0,253)" offset="1" stop-opacity="1" />
    </linearGradient>
    </defs>
    <rect id="法案" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
    <path id="减去顶层" d="M1.00002 11.1429C1.00002 6.0934 5.66569 2 11.4211 2C17.1765 2 21.8421 6.0934 21.8421 11.1429C21.8421 16.1923 17.1765 20.2857 11.4211 20.2857C10.0795 20.2857 8.79726 20.0634 7.61946 19.6584C6.99335 19.443 5.83647 18.8635 5.83647 18.8635L1 19.6588L2.90775 16.417C2.90775 16.417 2.15952 15.3834 1.87639 14.8183C1.31279 13.6935 1.00002 12.4503 1.00002 11.1429ZM15.7969 6.57031C15.7969 6.57031 15.5142 7.22506 14.9487 7.61766C14.3831 8.01027 13.5347 8.14075 13.5347 8.14075C13.5347 8.14075 14.3121 8.2719 14.6656 8.66523C15.019 9.05855 14.9484 9.71404 14.9484 9.71404C14.9484 9.71404 15.2311 9.05854 15.7965 8.66523C16.362 8.27192 17.2102 8.14079 17.2102 8.14079C17.2102 8.14079 16.433 8.01028 16.0797 7.61766C15.7263 7.22505 15.7969 6.57031 15.7969 6.57031ZM12.5406 14.0703L11.6792 8.14197L7.22535 8.14197L7.55117 8.43609L5.05229 14.0703L6.89676 14.0703L7.65333 12.4565L10.3676 12.4565L10.594 14.0703L12.5406 14.0703ZM8.09512 11.4514L9.18027 9.14708L9.9396 9.14708L10.2654 11.4514L8.09512 11.4514ZM16.3866 9.83812L15.6492 14.0703L13.5921 14.0703L14.1004 10.2371L13.7718 9.83812L16.3866 9.83812ZM9.10525 20.5652C10.534 21.4701 12.266 22 14.1326 22C19.0299 22 23 18.3529 23 13.854C23 12.9035 22.8228 11.991 22.497 11.1429C22.5038 11.2826 22.5072 11.423 22.5072 11.5643C22.5072 16.7661 17.8755 20.9831 12.162 20.9831C11.0979 20.9831 10.0713 20.8368 9.10525 20.5652Z" fill="url(#paint_linear_2)" fill-rule="evenodd" />
    </svg>
    src/components/base/pageBtn/LeftBtn.vue deleted 100644 → 0
    浏览文件 @ f386800f
    <template>
    <div class="left-btn-wrapper">
    <img src="@/assets/images/icon/card-btn-left.png" alt="">
    </div>
    </template>
    <script setup>
    </script>
    <style lang="scss" scoped>
    .left-btn-wrapper {
    width: 24px;
    height: 48px;
    cursor: pointer
    img {
    width: 100%;
    height: 100%;
    }
    }
    </style>
    \ No newline at end of file
    src/components/base/pageBtn/RightBtn.vue deleted 100644 → 0
    浏览文件 @ f386800f
    <template>
    <div class="right-btn-wrapper">
    <img src="@/assets/images/icon/card-btn-right.png" alt="">
    </div>
    </template>
    <script setup>
    </script>
    <style lang="scss" scoped>
    .right-btn-wrapper {
    width: 24px;
    height: 48px;
    cursor: pointer
    img {
    width: 100%;
    height: 100%;
    }
    }
    </style>
    \ No newline at end of file
    Markdown 格式
    0% 或
    您添加了 0 人 到此讨论。请谨慎行事。
    请先完成此评论的编辑！
    请 注册 或者 后发表评论