Skip to content

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

merge

上级 c590eff1 db5f7d4e
流水线 #584 已通过 于阶段
    in 1 分 37 秒
    全部展开 显示空白字符变更
    内嵌 并排
    正在显示 包含 649 行增加 和 279 行删除
    src/App copy.vue
    浏览文件 @ 02ee47e1
    ...@@ -225,31 +225,6 @@ const menuList = ref([ ...@@ -225,31 +225,6 @@ const menuList = ref([
    } }
    ]); ]);
    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 handleOpenPage = page => {
    const pageObj = { const pageObj = {
    znwd: "/chat", znwd: "/chat",
    ......
    src/App.vue
    浏览文件 @ 02ee47e1
    ...@@ -27,7 +27,6 @@ import Menu12 from "@/assets/icons/overview/menu12.png"; ...@@ -27,7 +27,6 @@ import Menu12 from "@/assets/icons/overview/menu12.png";
    import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
    const router = useRouter(); const router = useRouter();
    const route = useRoute();
    import useTagsViewStore from '@/stores/tagsView.js' import useTagsViewStore from '@/stores/tagsView.js'
    ...@@ -48,17 +47,6 @@ router.beforeEach((to, from, next) => { ...@@ -48,17 +47,6 @@ router.beforeEach((to, from, next) => {
    next() next()
    }) })
    const isShowAiBox = ref(false);
    const closeAiBox = () => {
    isShowAiBox.value = false;
    };
    const openAiBox = () => {
    isShowAiBox.value = true;
    };
    const personTypeList = ref([]); const personTypeList = ref([]);
    // 获取人物类别 // 获取人物类别
    ...@@ -75,146 +63,6 @@ const handleGetPersonType = async () => { ...@@ -75,146 +63,6 @@ const handleGetPersonType = async () => {
    } catch (error) {} } 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(() => { onMounted(() => {
    handleGetPersonType(); handleGetPersonType();
    }); });
    ......
    src/components/base/GradeSortSelectBox/down.svg 0 → 100644
    浏览文件 @ 02ee47e1
    <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
    <rect id="降序 12" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
    <path id="路径" d="M12.6473 7.70235L14.0825 6.30313C14.1606 6.22657 14.2121 6.12657 14.2278 6.01719C14.27 5.74376 14.0793 5.49063 13.8059 5.45001L9.83871 4.87344L8.06527 1.27813C8.01683 1.17969 7.93715 1.10001 7.83871 1.05157C7.59183 0.929693 7.29183 1.03126 7.1684 1.27813L5.39496 4.87344L1.42777 5.45001C1.3184 5.46563 1.2184 5.51719 1.14183 5.59532C0.949647 5.79376 0.952772 6.10938 1.15121 6.30313L4.02152 9.10157L3.3434 13.0531C3.32465 13.1609 3.34183 13.2734 3.3934 13.3703C3.52152 13.6141 3.82465 13.7094 4.0684 13.5797L7.61684 11.7141L8.50394 12.1805" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
    <path id="矢量 1983" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,12,9)" />
    <path id="矢量 1984" d="M10 12L12 14L14 12" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
    </svg>
    src/components/base/GradeSortSelectBox/index.vue 0 → 100644
    浏览文件 @ 02ee47e1
    <template>
    <div class="grade-sort-select-box">
    <el-select v-model="isSort" placeholder="评分排序" style="width: 130px" @change="handlePxChange">
    <template #prefix>
    <div style="display: flex; align-items: center; height: 100%">
    <img v-if="isSort" src="./down.svg" style="width: 16px; height: 16px" />
    <img v-else src="./up.svg" style="width: 16px; height: 16px" />
    </div>
    </template>
    <el-option v-for="item in gradeList" :key="item.value" :label="item.label" :value="item.value" />
    </el-select>
    </div>
    </template>
    <script setup>
    import { ref } from 'vue'
    const isSort = ref(true)
    const gradeList = ref([
    { label: "评分倒序", value: true },
    { label: "评分正序", value: false }
    ])
    const emits = defineEmits(['handlePxChange'])
    const handlePxChange = () => {
    emits('handlePxChange', isSort.value)
    }
    </script>
    <style scoped>
    .grade-sort-select-box {
    height: 42px;
    box-sizing: border-box;
    padding: 5px 0;
    }
    </style>
    \ No newline at end of file
    src/components/base/GradeSortSelectBox/up.svg 0 → 100644
    浏览文件 @ 02ee47e1
    <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
    <rect id="降序 11" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
    <path id="矢量 1983" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,12,10)" />
    <path id="矢量 1984" d="M10 10.9969L12.0003 9L14 10.9969" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
    <path id="路径" d="M12.6473 7.70235L14.0825 6.30313C14.1606 6.22657 14.2121 6.12657 14.2278 6.01719C14.27 5.74376 14.0793 5.49063 13.8059 5.45001L9.83871 4.87344L8.06527 1.27813C8.01683 1.17969 7.93715 1.10001 7.83871 1.05157C7.59183 0.929693 7.29183 1.03126 7.1684 1.27813L5.39496 4.87344L1.42777 5.45001C1.3184 5.46563 1.2184 5.51719 1.14183 5.59532C0.949647 5.79376 0.952772 6.10938 1.15121 6.30313L4.02152 9.10157L3.3434 13.0531C3.32465 13.1609 3.34183 13.2734 3.3934 13.3703C3.52152 13.6141 3.82465 13.7094 4.0684 13.5797L7.61684 11.7141L9.39105 12.6469" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
    </svg>
    src/components/base/HeatSortSelectBox/down.svg 0 → 100644
    浏览文件 @ 02ee47e1
    <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
    <rect id="降序 8" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
    <rect id="矩形 6349" width="12.000000" height="1.000000" x="2.000000" y="3.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
    <rect id="矩形 6350" width="12.000000" height="1.000000" x="2.000000" y="6.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
    <rect id="矩形 6351" width="6.000000" height="1.000000" x="2.000000" y="9.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
    <rect id="矩形 6352" width="6.000000" height="1.000000" x="2.000000" y="12.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
    <path id="矢量 1983" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,12,9)" />
    <path id="矢量 1984" d="M10 12L12 14L14 12" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
    </svg>
    src/components/base/HeatSortSelectBox/index.vue 0 → 100644
    浏览文件 @ 02ee47e1
    <template>
    <div class="heat-sort-select-box">
    <el-select v-model="isSort" placeholder="热度排序" style="width: 130px" @change="handlePxChange">
    <template #prefix>
    <div style="display: flex; align-items: center; height: 100%">
    <img v-if="isSort" src="./down.svg" style="width: 16px; height: 16px" />
    <img v-else src="./up.svg" style="width: 16px; height: 16px" />
    </div>
    </template>
    <el-option v-for="item in heatList" :key="item.value" :label="item.label" :value="item.value" />
    </el-select>
    </div>
    </template>
    <script setup>
    import { ref } from 'vue'
    const isSort = ref(true)
    const heatList = ref([
    { label: "热度倒序", value: true },
    { label: "热度正序", value: false }
    ])
    const emits = defineEmits(['handlePxChange'])
    const handlePxChange = () => {
    emits('handlePxChange', isSort.value)
    }
    </script>
    <style scoped>
    .heat-sort-select-box {
    height: 42px;
    box-sizing: border-box;
    padding: 5px 0;
    }
    </style>
    \ No newline at end of file
    src/components/base/HeatSortSelectBox/up.svg 0 → 100644
    浏览文件 @ 02ee47e1
    <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
    <rect id="降序 10" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
    <path id="矢量 1983" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,12,10)" />
    <path id="矢量 1984" d="M10 10.9969L12.0003 9L14 10.9969" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
    <rect id="矩形 6349" width="12.000000" height="1.000000" x="2.000000" y="3.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
    <rect id="矩形 6350" width="12.000000" height="1.000000" x="2.000000" y="6.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
    <rect id="矩形 6351" width="6.000000" height="1.000000" x="2.000000" y="9.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
    <rect id="矩形 6352" width="6.000000" height="1.000000" x="2.000000" y="12.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
    </svg>
    src/components/base/RelationCenterChart/index.vue
    浏览文件 @ 02ee47e1
    <template> <template>
    <RelationGraph style="width: 100%; height: 100%;" ref="graphRef" :options="graphOptions" @node-click="onNodeClick" <RelationGraph class="graph-box" style="width: 100%; height: 100%;" ref="graphRef" :options="graphOptions" @node-click="onNodeClick"
    @line-click="onLineClick" /> @line-click="onLineClick" />
    </template> </template>
    ...@@ -18,6 +18,13 @@ const graphOptions = { ...@@ -18,6 +18,13 @@ const graphOptions = {
    allowSwitchJunctionPoint: true, allowSwitchJunctionPoint: true,
    defaultLineShape: 1, defaultLineShape: 1,
    distance_coefficient: 1, distance_coefficient: 1,
    // 背景图配置
    backgroundImage: new URL('@/assets/images/bg/companyGraph-bg.png', import.meta.url).href, // Vite 引入本地图片
    // backgroundImage: 'https://example.com/your-bg-image.png', // 或者直接用网络图片
    backgroundImageNoRepeat: true, // 图片不重复
    backgroundImageOffsetX: 0, // X轴偏移
    backgroundImageOffsetY: 0, // Y轴偏移
    // backgroundColor: '#f5f5f5', // 背景底色
    layouts: [ layouts: [
    { {
    layoutName: 'center', layoutName: 'center',
    ...@@ -123,4 +130,9 @@ onMounted(() => { ...@@ -123,4 +130,9 @@ onMounted(() => {
    }); });
    </script> </script>
    <style scoped lang="scss"></style> <style scoped lang="scss">
    // .graph-box{
    // background: url('@/assets/images/bg/chart-bg.png');
    // background: orange;
    // }
    </style>
    src/components/base/RelationChart/index.vue
    浏览文件 @ 02ee47e1
    <template> <template>
    <RelationGraph <RelationGraph style="width: 100%; height: 100%" ref="graphRef" :options="currentGraphOptions"
    style="width: 100%; height: 100%" :on-node-click="onNodeClick" :on-line-click="onLineClick">
    ref="graphRef"
    :options="currentGraphOptions"
    :on-node-click="onNodeClick"
    :on-line-click="onLineClick"
    >
    <template #node="{ node }"> <template #node="{ node }">
    <div <div class="custom-node" :style="{
    class="custom-node"
    :style="{
    backgroundColor: node.color || 'var(--color-primary-50)' backgroundColor: node.color || 'var(--color-primary-50)'
    }" }">
    > <span :style="{
    <span
    :style="{
    color: node.fontColor || '#ffffff', color: node.fontColor || '#ffffff',
    fontSize: node.customFontSize || '24px', fontSize: node.customFontSize || '24px',
    fontWeight: 'normal', fontWeight: 'normal',
    textAlign: 'center', textAlign: 'center',
    wordBreak: 'break-word', wordBreak: 'break-word',
    padding: '0 8px' padding: '0 8px'
    }" }">
    >
    {{ node.text }} {{ node.text }}
    </span> </span>
    </div> </div>
    ...@@ -76,7 +66,14 @@ const baseGraphOptionsH = { ...@@ -76,7 +66,14 @@ const baseGraphOptionsH = {
    defaultNodeBorderColor: "var(--color-primary-100)", defaultNodeBorderColor: "var(--color-primary-100)",
    defaultLineColor: "var(--color-primary-50)", defaultLineColor: "var(--color-primary-50)",
    defaultNodeColor: "var(--color-primary-50)", defaultNodeColor: "var(--color-primary-50)",
    defaultNodeFontColor: "var(--text-primary-90-color)" defaultNodeFontColor: "var(--text-primary-90-color)",
    // 背景图配置
    backgroundImage: new URL('@/assets/images/bg/companyGraph-bg.png', import.meta.url).href, // Vite 引入本地图片
    // backgroundImage: 'https://example.com/your-bg-image.png', // 或者直接用网络图片
    backgroundImageNoRepeat: true, // 图片不重复
    backgroundImageOffsetX: 0, // X轴偏移
    backgroundImageOffsetY: 0, // Y轴偏移
    // backgroundColor: '#f5f5f5', // 背景底色
    }; };
    // 基础垂直配置 // 基础垂直配置
    ...@@ -102,7 +99,14 @@ const baseGraphOptionsV = { ...@@ -102,7 +99,14 @@ const baseGraphOptionsV = {
    defaultNodeBorderWidth: 2, defaultNodeBorderWidth: 2,
    defaultLineColor: "var(--color-primary-50)", defaultLineColor: "var(--color-primary-50)",
    defaultNodeColor: "var(--color-primary-50)", defaultNodeColor: "var(--color-primary-50)",
    defaultNodeFontColor: "var(--bg-white-100)" defaultNodeFontColor: "var(--bg-white-100)",
    // 背景图配置
    backgroundImage: new URL('@/assets/images/bg/companyGraph-bg.png', import.meta.url).href, // Vite 引入本地图片
    // backgroundImage: 'https://example.com/your-bg-image.png', // 或者直接用网络图片
    backgroundImageNoRepeat: true, // 图片不重复
    backgroundImageOffsetX: 0, // X轴偏移
    backgroundImageOffsetY: 0, // Y轴偏移
    // backgroundColor: '#f5f5f5', // 背景底色
    }; };
    // 【核心修改】根据 isReversed 动态计算配置 // 【核心修改】根据 isReversed 动态计算配置
    ...@@ -184,6 +188,7 @@ onMounted(() => { ...@@ -184,6 +188,7 @@ onMounted(() => {
    justify-content: center; justify-content: center;
    } }
    } }
    .custom-node { .custom-node {
    border-radius: 50%; border-radius: 50%;
    display: flex; display: flex;
    ......
    src/components/base/RelationForceChart/index.vue
    浏览文件 @ 02ee47e1
    <template> <template>
    <RelationGraph <RelationGraph style="width: 100%; height: 100%" ref="graphRef" :options="graphOptions" @node-click="onNodeClick"
    style="width: 100%; height: 100%" @line-click="onLineClick">
    ref="graphRef"
    :options="graphOptions"
    @node-click="onNodeClick"
    @line-click="onLineClick"
    >
    <!-- 自定义节点插槽 - 这是官方推荐的方式 --> <!-- 自定义节点插槽 - 这是官方推荐的方式 -->
    <template #node="{ node }"> <template #node="{ node }">
    <div <div class="custom-node" :style="{
    class="custom-node"
    :style="{
    backgroundColor: node.color || 'var(--color-primary-50)' backgroundColor: node.color || 'var(--color-primary-50)'
    }" }">
    >
    {{ console.log(node) }} {{ console.log(node) }}
    <!-- 在这里自由控制文字样式 --> <!-- 在这里自由控制文字样式 -->
    <div class="img" v-if="node.data.pic"> <div class="img" v-if="node.data.pic">
    <img :src="node.data.pic" alt="" /> <img :src="node.data.pic" alt="" />
    </div> </div>
    <span <span class="text" :style="{
    class="text"
    :style="{
    color: node.fontColor || 'var(--text-primary-80-color)', color: node.fontColor || 'var(--text-primary-80-color)',
    fontSize: node.customFontSize || '24px' // 可以从数据中读取 fontSize: node.customFontSize || '24px' // 可以从数据中读取
    }" }">
    >
    {{ node.text }} {{ node.text }}
    </span> </span>
    </div> </div>
    ...@@ -57,7 +46,14 @@ const graphOptions = ref({ ...@@ -57,7 +46,14 @@ const graphOptions = ref({
    layout: { layout: {
    layoutName: "force" layoutName: "force"
    }, },
    defaultJunctionPoint: "border" defaultJunctionPoint: "border",
    // 背景图配置
    backgroundImage: new URL('@/assets/images/bg/companyGraph-bg.png', import.meta.url).href, // Vite 引入本地图片
    // backgroundImage: 'https://example.com/your-bg-image.png', // 或者直接用网络图片
    backgroundImageNoRepeat: true, // 图片不重复
    backgroundImageOffsetX: 0, // X轴偏移
    backgroundImageOffsetY: 0, // Y轴偏移
    // backgroundColor: '#f5f5f5', // 背景底色
    // defaultNodeWidth: 150, // 全局默认节点宽度 // defaultNodeWidth: 150, // 全局默认节点宽度
    // defaultNodeHeight: 150, // 全局默认节点高度 // defaultNodeHeight: 150, // 全局默认节点高度
    }); });
    ......
    src/components/base/SummaryCardsPanel/index.vue
    浏览文件 @ 02ee47e1
    ...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
    <el-icon color="var(--color-primary-100)"> <el-icon color="var(--color-primary-100)">
    <ArrowRightBold /> <ArrowRightBold />
    </el-icon> </el-icon>
    <div class="item-dot" v-if="item.delta">+{{ item.delta }}</div> <div class="item-dot" v-if="item.delta">{{ dotPrefix }}{{ item.delta }}</div>
    </div> </div>
    <div v-if="shouldShowMoreCard" class="summary-item" @click="emit('more-click')"> <div v-if="shouldShowMoreCard" class="summary-item" @click="emit('more-click')">
    ...@@ -100,6 +100,10 @@ const props = defineProps({ ...@@ -100,6 +100,10 @@ const props = defineProps({
    loading: { loading: {
    type: Boolean, type: Boolean,
    default: false default: false
    },
    dotPrefix: {
    type: String,
    default: "+"
    } }
    }); });
    ......
    src/components/base/TimeSortSelectBox/down.svg 0 → 100644
    浏览文件 @ 02ee47e1
    <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
    <rect id="降序 6" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
    <path id="椭圆 465" d="M8 14.5C6.20507 14.5 4.67301 13.8654 3.40381 12.5962C2.1346 11.327 1.5 9.79492 1.5 8C1.5 6.20507 2.1346 4.67301 3.40381 3.40381C4.67301 2.1346 6.20507 1.5 8 1.5C9.79492 1.5 11.327 2.1346 12.5962 3.40381C13.8654 4.67301 14.5 6.20507 14.5 8L13.5 8C13.5 6.48122 12.963 5.18485 11.8891 4.11091C10.8151 3.03697 9.51878 2.5 8 2.5C6.48122 2.5 5.18485 3.03697 4.11091 4.11091C3.03697 5.18486 2.5 6.48122 2.5 8C2.5 9.51878 3.03697 10.8151 4.11091 11.8891C5.18485 12.963 6.48122 13.5 8 13.5L8 14.5ZM14.48 7.98L14.5 8C14.5 8.28 14.28 8.5 14 8.5C13.72 8.5 13.5 8.28 13.5 8L13.52 7.98L14.48 7.98ZM7.98 13.52L8 13.5C8.28 13.5 8.5 13.72 8.5 14C8.5 14.28 8.28 14.5 8 14.5L7.98 14.48L7.98 13.52Z" fill="rgb(95, 101, 108)" fill-rule="nonzero" />
    <path id="矢量 1981" d="M4 8L8 8" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
    <path id="矢量 1982" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,8,4)" />
    <path id="矢量 1983" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,12,9)" />
    <path id="矢量 1984" d="M10 12L12 14L14 12" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
    </svg>
    src/components/base/TimeSortSelectBox/down1.svg 0 → 100644
    浏览文件 @ 02ee47e1
    <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
    <rect id="降序 8" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
    <rect id="矩形 6349" width="12.000000" height="1.000000" x="2.000000" y="3.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
    <rect id="矩形 6350" width="12.000000" height="1.000000" x="2.000000" y="6.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
    <rect id="矩形 6351" width="6.000000" height="1.000000" x="2.000000" y="9.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
    <rect id="矩形 6352" width="6.000000" height="1.000000" x="2.000000" y="12.000000" rx="0.500000" fill="rgb(95, 101, 108)" />
    <path id="矢量 1983" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,12,9)" />
    <path id="矢量 1984" d="M10 12L12 14L14 12" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
    </svg>
    src/components/base/TimeSortSelectBox/down2.svg 0 → 100644
    浏览文件 @ 02ee47e1
    <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
    <rect id="降序 12" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
    <path id="路径" d="M12.6473 7.70235L14.0825 6.30313C14.1606 6.22657 14.2121 6.12657 14.2278 6.01719C14.27 5.74376 14.0793 5.49063 13.8059 5.45001L9.83871 4.87344L8.06527 1.27813C8.01683 1.17969 7.93715 1.10001 7.83871 1.05157C7.59183 0.929693 7.29183 1.03126 7.1684 1.27813L5.39496 4.87344L1.42777 5.45001C1.3184 5.46563 1.2184 5.51719 1.14183 5.59532C0.949647 5.79376 0.952772 6.10938 1.15121 6.30313L4.02152 9.10157L3.3434 13.0531C3.32465 13.1609 3.34183 13.2734 3.3934 13.3703C3.52152 13.6141 3.82465 13.7094 4.0684 13.5797L7.61684 11.7141L8.50394 12.1805" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
    <path id="矢量 1983" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,12,9)" />
    <path id="矢量 1984" d="M10 12L12 14L14 12" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
    </svg>
    src/components/base/TimeSortSelectBox/index.vue 0 → 100644
    浏览文件 @ 02ee47e1
    <template>
    <div class="time-sort-select-box">
    <el-select v-model="sortValue" placeholder="排序方式" style="width: 130px" @change="handlePxChange">
    <template #prefix>
    <div style="display: flex; align-items: center; height: 100%">
    <img v-if="sortValue === 1" src="./down.svg" style="width: 16px; height: 16px" />
    <img v-else-if="sortValue === 2" src="./up.svg" style="width: 16px; height: 16px" />
    <img v-else-if="sortValue === 3" src="./down1.svg" style="width: 16px; height: 16px" />
    <img v-else-if="sortValue === 4" src="./down2.svg" style="width: 16px; height: 16px" />
    </div>
    </template>
    <el-option v-for="item in sortList" :key="item.value" :label="item.label" :value="item.value" />
    </el-select>
    </div>
    </template>
    <script setup>
    import { computed, ref } from 'vue'
    const props = defineProps({
    sortDemension: {
    type: Number,
    default: 1
    }
    })
    const sortValue = ref(1)
    const sortList = computed(() => {
    if (props.sortDemension === 1) {
    return [
    { label: "时间倒序", value: 1 },
    { label: "时间正序", value: 2 },
    ]
    } else if (props.sortDemension === 2) {
    return [
    { label: "时间倒序", value: 1 },
    { label: "时间正序", value: 2 },
    { label: "评分倒序", value: 3 },
    ]
    } else {
    return [
    { label: "时间倒序", value: 1 },
    { label: "时间正序", value: 2 },
    { label: "评分倒序", value: 3 },
    { label: "热度倒序", value: 4 },
    ]
    }
    })
    const emits = defineEmits(['handlePxChange'])
    const handlePxChange = () => {
    emits('handlePxChange', sortValue.value)
    }
    </script>
    <style scoped>
    .time-sort-select-box {
    height: 42px;
    box-sizing: border-box;
    padding: 5px 0;
    }
    </style>
    \ No newline at end of file
    src/components/base/TimeSortSelectBox/up.svg 0 → 100644
    浏览文件 @ 02ee47e1
    <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.000000" height="16.000000" fill="none">
    <rect id="降序 7" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
    <path id="椭圆 465" d="M8 14.5C6.20507 14.5 4.67301 13.8654 3.40381 12.5962C2.1346 11.327 1.5 9.79492 1.5 8C1.5 6.20507 2.1346 4.67301 3.40381 3.40381C4.67301 2.1346 6.20507 1.5 8 1.5C9.79492 1.5 11.327 2.1346 12.5962 3.40381C13.8654 4.67301 14.5 6.20507 14.5 8L13.5 8C13.5 6.48122 12.963 5.18485 11.8891 4.11091C10.8151 3.03697 9.51878 2.5 8 2.5C6.48122 2.5 5.18485 3.03697 4.11091 4.11091C3.03697 5.18486 2.5 6.48122 2.5 8C2.5 9.51878 3.03697 10.8151 4.11091 11.8891C5.18485 12.963 6.48122 13.5 8 13.5L8 14.5ZM14.48 7.98L14.5 8C14.5 8.28 14.28 8.5 14 8.5C13.72 8.5 13.5 8.28 13.5 8L13.52 7.98L14.48 7.98ZM7.98 13.52L8 13.5C8.28 13.5 8.5 13.72 8.5 14C8.5 14.28 8.28 14.5 8 14.5L7.98 14.48L7.98 13.52Z" fill="rgb(95, 101, 108)" fill-rule="nonzero" />
    <path id="矢量 1981" d="M4 8L8 8" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
    <path id="矢量 1982" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,8,4)" />
    <path id="矢量 1983" d="M0 0L4 0" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" transform="matrix(0,1,-1,0,12,10)" />
    <path id="矢量 1984" d="M10 10.9969L12.0003 9L14 10.9969" stroke="rgb(95, 101, 108)" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.000000" />
    </svg>
    src/router/modules/bill.js
    浏览文件 @ 02ee47e1
    ...@@ -35,7 +35,7 @@ const billRoutes = [ ...@@ -35,7 +35,7 @@ const billRoutes = [
    component: BillAllCommittee, component: BillAllCommittee,
    meta: { meta: {
    title: "法案委员会列表", title: "法案委员会列表",
    isShowHeader: true isShowHeader: false
    } }
    }, },
    { {
    ......
    src/styles/components/TimeSortSelectBox/index.vue 0 → 100644
    浏览文件 @ 02ee47e1
    <template>
    <el-row class="wrapper layout-grid-line">
    <el-col :span="span">
    <pre>
    {{
    `
    import TimeSortSelectBox from '@/components/base/TimeSortSelectBox/index.vue'
    <div class="time-box">
    <TimeSortSelectBox @handle-px-change="handleTimePx" />
    <TimeSortSelectBox :sort-demension="2" @handle-px-change="handleTimePx" />
    <TimeSortSelectBox :sort-demension="3" @handle-px-change="handleTimePx" />
    </div>
    `
    }}
    </pre>
    <div class="time-box">
    <TimeSortSelectBox @handle-px-change="handleTimePx" />
    <TimeSortSelectBox :sort-demension="2" @handle-px-change="handleTimePx" />
    <TimeSortSelectBox :sort-demension="3" @handle-px-change="handleTimePx" />
    </div>
    </el-col>
    </el-row>
    </template>
    <script setup>
    import { ref } from 'vue'
    import '@/styles/common.scss'
    import TimeSortSelectBox from '@/components/base/TimeSortSelectBox/index.vue'
    import HeatSortSelectBox from '@/components/base/HeatSortSelectBox/index.vue'
    import GradeSortSelectBox from '@/components/base/GradeSortSelectBox/index.vue'
    const span = 12
    const handleTimePx = (val) => {
    alert(val)
    }
    const handleHeatPx = (val) => {
    alert(val)
    }
    const handleGradePx = (val) => {
    alert(val)
    }
    </script>
    <style lang="scss" scoped>
    .time-box {
    width: 700px;
    height: 400px;
    padding: 100px;
    background: #F2F8FF;
    border: 1px solid var(--bg-black-5);
    display: flex;
    gap: 8px;
    }
    </style>
    \ No newline at end of file
    src/styles/components/index.vue
    浏览文件 @ 02ee47e1
    ...@@ -8,8 +8,8 @@ ...@@ -8,8 +8,8 @@
    <div class="text-title-1-show">文字样式</div> <div class="text-title-1-show">文字样式</div>
    <TextStyle /> <TextStyle />
    <div class="text-title-1-show">通用样式/组件</div> <div class="text-title-1-show">通用样式/组件</div>
    <div style="position: relative; min-height: 700px;"> <div style="position: relative; height: 800px;">
    <el-tabs tabPosition="left" class="tabs-nav-no-wrap left-float-nav-tabs dev-style-tabs"> <el-tabs tabPosition="left" style="position: relative; height: 700px;" class="tabs-nav-no-wrap left-float-nav-tabs dev-style-tabs">
    <el-tab-pane label="通用" lazy> <el-tab-pane label="通用" lazy>
    <common-page /> <common-page />
    </el-tab-pane> </el-tab-pane>
    ...@@ -73,6 +73,9 @@ ...@@ -73,6 +73,9 @@
    <el-tab-pane label="激活工作框" lazy> <el-tab-pane label="激活工作框" lazy>
    <WorkingBox /> <WorkingBox />
    </el-tab-pane> </el-tab-pane>
    <el-tab-pane label="自定义排序" lazy>
    <TimeSortSelectBox />
    </el-tab-pane>
    </el-tabs> </el-tabs>
    </div> </div>
    </el-space> </el-space>
    ...@@ -107,6 +110,7 @@ import RelationChart from './RelationChart/index.vue' ...@@ -107,6 +110,7 @@ import RelationChart from './RelationChart/index.vue'
    import RelationCenterChart from './RelationCenterChart/index.vue' import RelationCenterChart from './RelationCenterChart/index.vue'
    import RelationForceChart from './RelationForceChart/index.vue' import RelationForceChart from './RelationForceChart/index.vue'
    import WorkingBox from './WorkingBox/index.vue' import WorkingBox from './WorkingBox/index.vue'
    import TimeSortSelectBox from './TimeSortSelectBox/index.vue'
    </script> </script>
    <style lang="scss" scoped> <style lang="scss" scoped>
    ......
    src/utils/goToPage.js
    浏览文件 @ 02ee47e1
    import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
    import { getPersonSummaryInfo } from "@/api/common/index";
    const router = useRouter() const router = useRouter()
    // 跳转法案详情 // 跳转法案详情
    ...@@ -27,8 +28,20 @@ export const goToDecree = (id, tabName) => { ...@@ -27,8 +28,20 @@ export const goToDecree = (id, tabName) => {
    window.open(route.href, "_blank"); window.open(route.href, "_blank");
    }; };
    // 跳转智库 // 跳转智库详情
    export const goToThinkTank = (id, tabName) => { export const goToThinkTank = (id, tabName) => {
    window.sessionStorage.setItem("curTabName", tabName);
    const curRoute = router.resolve({
    name: "ThinkTankDetail",
    params: {
    id: id
    }
    });
    window.open(curRoute.href, "_blank");
    }
    // 跳转智库报告详情
    export const goToThinkTankReport = (id, tabName) => {
    window.sessionStorage.setItem("curTabName", tabName); window.sessionStorage.setItem("curTabName", tabName);
    const route = router.resolve({ const route = router.resolve({
    name: "ReportDetail", name: "ReportDetail",
    ...@@ -50,3 +63,128 @@ export const goToInstitution = (id, tabName) => { ...@@ -50,3 +63,128 @@ export const goToInstitution = (id, tabName) => {
    }); });
    window.open(curRoute.href, "_blank"); window.open(curRoute.href, "_blank");
    } }
    // 跳转人物详情
    export const goToCharacterPage = async (id, tabName) => {
    window.sessionStorage.setItem('curTabName', tabName)
    const personTypeList = JSON.parse(window.sessionStorage.getItem("personTypeList"));
    let type
    let personTypeName
    const params = {
    personId: id
    }
    // 先获取人物全局信息
    try {
    const res = await getPersonSummaryInfo(params)
    if (res.code === 200 && res.data) {
    const arr = personTypeList.filter(item => {
    return item.typeId === res.data.personType;
    })
    if (arr && arr.length) {
    personTypeName = arr[0].typeName;
    if (personTypeName === "科技企业领袖") {
    type = 1;
    } else if (personTypeName === "国会议员") {
    type = 2;
    } else if (personTypeName === "智库研究人员") {
    type = 3;
    } else {
    personTypeName = "其他类型";
    const route = router.resolve({
    path: "/characterPage",
    query: {
    personId: item.id
    }
    });
    window.open(route.href, "_blank");
    return;
    }
    const route = router.resolve({
    path: "/characterPage",
    query: {
    type: type, // type=1为科技企业领袖，2为国会议员，3为智库研究人员
    personId: item.id
    }
    });
    window.open(route.href, "_blank");
    } else {
    personTypeName = "";
    const route = router.resolve({
    path: "/characterPage",
    query: {
    personId: item.id
    }
    });
    window.open(route.href, "_blank");
    return;
    }
    } else {
    const route = router.resolve({
    path: "/characterPage",
    query: {
    personId: item.id
    }
    });
    window.open(route.href, "_blank");
    return;
    }
    } catch (error) {
    const route = router.resolve({
    path: "/characterPage",
    query: {
    personId: item.id
    }
    });
    window.open(route.href, "_blank");
    return;
    }
    }
    // 跳转企业
    export const goToCompanyPage = (id, tabName) => {
    window.sessionStorage.setItem('curTabName', tabName)
    const route = router.resolve({
    name: "companyPages",
    params: {
    id: id
    }
    });
    window.open(route.href, "_blank");
    }
    // 跳转新闻详情
    export const goToNewsPage = (id, tabName) => {
    window.sessionStorage.setItem("curTabName", tabName);
    const route = router.resolve({
    path: "/newsAnalysis",
    query: {
    newsId: id
    }
    });
    window.open(route.href, "_blank");
    }
    // 跳转搜索详情页
    export const goToSearch = (tabName, areaName, billSearchType) => {
    window.sessionStorage.setItem("curTabName", tabName);
    // if (!areaName) return;
    const query = {
    searchText: tabName,
    areaName: areaName
    };
    if (enableBillTypeSwitch) {
    query.billSearchType = billSearchType
    }
    const curRoute = router.resolve({
    path: "/searchResults",
    query
    });
    window.open(curRoute.href, "_blank");
    }
    // 跳转数据资源库
    src/views/bill/allCommittee/index.vue
    浏览文件 @ 02ee47e1
    ...@@ -14,6 +14,12 @@ ...@@ -14,6 +14,12 @@
    placeholder="搜索委员会" placeholder="搜索委员会"
    /> />
    </div> </div>
    <div class="hard-select">
    <el-select v-model="committeeInfo.metricType" @change="onAllCommittee()" placeholder="统计口径" style="width: 160px; margin-left: 8px">
    <el-option label="政令数据总量" :value="1" />
    <el-option label="政令新增数量" :value="2" />
    </el-select>
    </div>
    </div> </div>
    <div class="date-box"> <div class="date-box">
    ...@@ -30,7 +36,7 @@ ...@@ -30,7 +36,7 @@
    <div class="item-name one-line-ellipsis">{{ item.name }}</div> <div class="item-name one-line-ellipsis">{{ item.name }}</div>
    <div class="item-chamber one-line-ellipsis">{{ item.chamber }}</div> <div class="item-chamber one-line-ellipsis">{{ item.chamber }}</div>
    </div> </div>
    <div class="item-total">{{ item.count }}项</div> <div class="item-total">{{ getDisplayCount(item) }}项</div>
    <el-icon color="var(--color-primary-100)"> <el-icon color="var(--color-primary-100)">
    <ArrowRightBold /> <ArrowRightBold />
    </el-icon> </el-icon>
    ...@@ -48,6 +54,12 @@ ...@@ -48,6 +54,12 @@
    /> />
    </div> </div>
    </div> </div>
    <div class="back-bnt" @click="handleBack">
    <el-icon>
    <Back />
    </el-icon>
    <div class="back-text">返回</div>
    </div>
    </div> </div>
    </template> </template>
    ...@@ -55,6 +67,7 @@ ...@@ -55,6 +67,7 @@
    import { onMounted, reactive, ref } from "vue"; import { onMounted, reactive, ref } from "vue";
    import { Search } from "@element-plus/icons-vue"; import { Search } from "@element-plus/icons-vue";
    import { ArrowRightBold } from "@element-plus/icons-vue"; import { ArrowRightBold } from "@element-plus/icons-vue";
    import { Back } from "@element-plus/icons-vue";
    import router from "@/router"; import router from "@/router";
    import TimeTabPane from "@/components/base/TimeTabPane/index.vue"; import TimeTabPane from "@/components/base/TimeTabPane/index.vue";
    import { getStatisticsBillCountByCommittee } from "@/api/bill/billHome"; import { getStatisticsBillCountByCommittee } from "@/api/bill/billHome";
    ...@@ -66,6 +79,7 @@ const committeeInfo = reactive({ ...@@ -66,6 +79,7 @@ const committeeInfo = reactive({
    pageSize: 8, pageSize: 8,
    total: 0, total: 0,
    keyWord: "", keyWord: "",
    metricType: 1,
    dateDesc: "近一年", dateDesc: "近一年",
    list: [] list: []
    }); });
    ...@@ -89,10 +103,11 @@ const onAllCommittee = async num => { ...@@ -89,10 +103,11 @@ const onAllCommittee = async num => {
    id: `${item.orgType || ""}-${item.orgName || ""}`, id: `${item.orgType || ""}-${item.orgName || ""}`,
    name: item.orgName, name: item.orgName,
    chamber: getChamberLabel(item.orgType), chamber: getChamberLabel(item.orgType),
    count: Number(item.count || 0) totalCount: Number(item.count || 0),
    recentCount: Number(item.countRecent || item.totalRecent || item.recentCount || item.recent || item.newCount || 0)
    })) }))
    .filter(item => !committeeInfo.keyWord || item.name?.includes(committeeInfo.keyWord)) .filter(item => !committeeInfo.keyWord || item.name?.includes(committeeInfo.keyWord))
    .sort((a, b) => (b.count || 0) - (a.count || 0)); .sort((a, b) => getSortValue(b) - getSortValue(a));
    committeeInfo.total = source.length; committeeInfo.total = source.length;
    const start = (committeeInfo.pageNum - 1) * committeeInfo.pageSize; const start = (committeeInfo.pageNum - 1) * committeeInfo.pageSize;
    ...@@ -108,20 +123,36 @@ const onAllCommittee = async num => { ...@@ -108,20 +123,36 @@ const onAllCommittee = async num => {
    committeeInfo.loading = false; committeeInfo.loading = false;
    }; };
    const getSortValue = item => {
    if (committeeInfo.metricType === 2) return Number(item?.recentCount || 0);
    return Number(item?.totalCount || 0);
    };
    const getDisplayCount = item => {
    return getSortValue(item);
    };
    const handleDateChange = event => { const handleDateChange = event => {
    committeeInfo.dateDesc = event?.time || "近一年"; committeeInfo.dateDesc = event?.time || "近一年";
    onAllCommittee(); onAllCommittee();
    }; };
    const handleToDataLibrary = item => { const handleToDataLibrary = item => {
    const route = router.resolve({ router.push({
    path: "/dataLibrary/countryBill", path: "/dataLibrary/countryBill",
    query: { query: {
    selectedOrg: item.name, selectedOrg: item.name,
    selectedCongress: item.chamber selectedCongress: item.chamber
    } }
    }); });
    window.open(route.href, "_blank"); };
    const handleBack = () => {
    if (window.history.length > 1) {
    router.back();
    return;
    }
    router.push("/billHome");
    }; };
    const refCommittee = ref(); const refCommittee = ref();
    ...@@ -143,6 +174,28 @@ onMounted(() => { ...@@ -143,6 +174,28 @@ onMounted(() => {
    background-size: 100% 100%; background-size: 100% 100%;
    display: flex; display: flex;
    justify-content: center; justify-content: center;
    position: relative;
    .back-bnt {
    position: absolute;
    top: 16px;
    left: 30px;
    width: 86px;
    height: 38px;
    background-color: white;
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-primary-65-color);
    font-family: Source Han Sans CN;
    font-size: 16px;
    cursor: pointer;
    }
    .back-text {
    margin-left: 6px;
    }
    .container-box { .container-box {
    width: 1600px; width: 1600px;
    ...@@ -180,6 +233,11 @@ onMounted(() => { ...@@ -180,6 +233,11 @@ onMounted(() => {
    width: 180px; width: 180px;
    height: 32px; height: 32px;
    } }
    .hard-select {
    height: 42px;
    padding: 5px 0;
    }
    } }
    .date-box { .date-box {
    ......
    src/views/bill/billHome/utils/doublePieChart.js
    浏览文件 @ 02ee47e1
    ...@@ -69,7 +69,7 @@ const getDoublePieChart = (data1, data2) => { ...@@ -69,7 +69,7 @@ const getDoublePieChart = (data1, data2) => {
    const name = truncateLabel(params?.name, 6) const name = truncateLabel(params?.name, 6)
    const value = params?.value ?? 0 const value = params?.value ?? 0
    const percent = typeof params?.percent === 'number' ? params.percent : 0 const percent = typeof params?.percent === 'number' ? params.percent : 0
    return `{name|${name}}\n{time|${value} 条 ${percent}%}` return `{name|${name}}\n{time|${value}项 ${percent}%}`
    }, },
    minMargin: 5, minMargin: 5,
    edgeDistance: 10, edgeDistance: 10,
    ......
    src/views/bill/billHome/utils/piechart.js
    浏览文件 @ 02ee47e1
    ...@@ -10,6 +10,7 @@ const truncateLabel = (value, maxLen = 6) => { ...@@ -10,6 +10,7 @@ const truncateLabel = (value, maxLen = 6) => {
    const getPieChart = (data, colorList, options = {}) => { const getPieChart = (data, colorList, options = {}) => {
    const showCount = options.showCount !== false const showCount = options.showCount !== false
    const countUnit = options.countUnit || '条'
    const chartColors = Array.isArray(colorList) && colorList.length ? colorList : MUTICHARTCOLORS const chartColors = Array.isArray(colorList) && colorList.length ? colorList : MUTICHARTCOLORS
    let option = { let option = {
    color: chartColors, color: chartColors,
    ...@@ -38,7 +39,7 @@ const getPieChart = (data, colorList, options = {}) => { ...@@ -38,7 +39,7 @@ const getPieChart = (data, colorList, options = {}) => {
    const name = truncateLabel(params?.name, 6) const name = truncateLabel(params?.name, 6)
    const value = params?.value ?? 0 const value = params?.value ?? 0
    const percent = typeof params?.percent === 'number' ? params.percent : 0 const percent = typeof params?.percent === 'number' ? params.percent : 0
    const labelText = showCount ? `${value} 条 ${percent}%` : `${percent}%` const labelText = showCount ? `${value}${countUnit} ${percent}%` : `${percent}%`
    return `{name|${name}}\n{time|${labelText}}` return `{name|${name}}\n{time|${labelText}}`
    }, },
    minMargin: 5, minMargin: 5,
    ......
    src/views/comprehensiveSearch/searchResults/index.vue
    浏览文件 @ 02ee47e1
    ...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
    </div> </div>
    </div> --> </div> -->
    </div> </div>
    <div class="main" v-if="curArea !== '实体清单'" > <div class="main" v-if="curArea !== '实体清单'">
    <div class="item" v-for="(item, index) in searchResults" :key="index" @click="handleToPage(item)"> <div class="item" v-for="(item, index) in searchResults" :key="index" @click="handleToPage(item)">
    <div class="item-left" v-if="item.img"> <div class="item-left" v-if="item.img">
    <img :src="item?.img" alt="" /> <img :src="item?.img" alt="" />
    ...@@ -93,7 +93,7 @@ ...@@ -93,7 +93,7 @@
    </div> </div>
    <el-empty v-if="!searchResults.length"></el-empty> <el-empty v-if="!searchResults.length"></el-empty>
    </div> </div>
    <div class="main1" v-if="curArea === '实体清单'" > <div class="main1" v-if="curArea === '实体清单'">
    <div class="item" v-for="(item, index) in searchResults" :key="index" @click="handleToPage(item)"> <div class="item" v-for="(item, index) in searchResults" :key="index" @click="handleToPage(item)">
    <div class="main-header"> <div class="main-header">
    <div class="title" v-html="item?.originalTitle"></div> <div class="title" v-html="item?.originalTitle"></div>
    ...@@ -397,25 +397,44 @@ const handleToPage = async item => { ...@@ -397,25 +397,44 @@ const handleToPage = async item => {
    } else if (personTypeName === "智库研究人员") { } else if (personTypeName === "智库研究人员") {
    type = 3; type = 3;
    } else { } else {
    personTypeName = ""; personTypeName = "其他类型";
    ElMessage.warning("找不到当前人员的类型值！"); const route = router.resolve({
    path: "/characterPage",
    query: {
    personId: item.id
    }
    });
    window.open(route.href, "_blank");
    return; return;
    } }
    const route = router.resolve({ const route = router.resolve({
    path: "/characterPage", path: "/characterPage",
    query: { query: {
    type: type, // type=1为科技企业领袖，2为国会议员，3为智库研究人员 type: type, // type=1为科技企业领袖，2为国会议员，3为智库研究人员
    personId: id personId: item.id
    } }
    }); });
    window.open(route.href, "_blank"); window.open(route.href, "_blank");
    } else { } else {
    personTypeName = ""; personTypeName = "";
    ElMessage.warning("找不到当前人员的类型值！"); const route = router.resolve({
    path: "/characterPage",
    query: {
    personId: item.id
    }
    });
    window.open(route.href, "_blank");
    return; return;
    } }
    } else { } else {
    ElMessage.warning("获取人物全局信息错误"); // ElMessage.warning("获取人物全局信息错误");
    const route = router.resolve({
    path: "/characterPage",
    query: {
    personId: item.id
    }
    });
    window.open(route.href, "_blank");
    return; return;
    } }
    } catch (error) { } } catch (error) { }
    ...@@ -445,7 +464,7 @@ const handleToPage = async item => { ...@@ -445,7 +464,7 @@ const handleToPage = async item => {
    break; break;
    case "智库": case "智库":
    curRoute = router.resolve({ curRoute = router.resolve({
    name: "ReportDetail", name: "ThinkTankDetail",
    params: { params: {
    id: item.id id: item.id
    } }
    ...@@ -517,36 +536,36 @@ const handleToPage = async item => { ...@@ -517,36 +536,36 @@ const handleToPage = async item => {
    } }
    }); });
    break break
    case "商业管制清单事件": // case "商业管制清单事件":
    curRoute = router.resolve({ // curRoute = router.resolve({
    path: "/exportControl/singleSanction", // path: "/exportControl/singleSanction",
    query: { // query: {
    id: item.id, // id: item.id,
    sanTypeId: 2, // sanTypeId: 2,
    date: item.date // date: item.date
    } // }
    }); // });
    break // break
    case "SDN清单事件": // case "SDN清单事件":
    curRoute = router.resolve({ // curRoute = router.resolve({
    path: "/exportControl/singleSanction", // path: "/exportControl/singleSanction",
    query: { // query: {
    id: item.id, // id: item.id,
    sanTypeId: 2, // sanTypeId: 2,
    date: item.date // date: item.date
    } // }
    }); // });
    break // break
    case "涉军企业清单事件": // case "涉军企业清单事件":
    curRoute = router.resolve({ // curRoute = router.resolve({
    path: "/exportControl/singleSanction", // path: "/exportControl/singleSanction",
    query: { // query: {
    id: item.id, // id: item.id,
    sanTypeId: 2, // sanTypeId: 2,
    date: item.date // date: item.date
    } // }
    }); // });
    break // break
    case "机构": case "机构":
    curRoute = router.resolve({ curRoute = router.resolve({
    path: "/institution", path: "/institution",
    ...@@ -998,6 +1017,18 @@ const handleCompClick = item => { ...@@ -998,6 +1017,18 @@ const handleCompClick = item => {
    letter-spacing: 0px; letter-spacing: 0px;
    text-align: left; text-align: left;
    overflow: hidden; overflow: hidden;
    /* 2. 关键属性：将元素转为弹性盒模型 */
    display: -webkit-box;
    /* 3. 限制显示的行数（修改数字即可改变行数） */
    -webkit-line-clamp: 2;
    /* 4. 设置文字垂直排列方向 */
    -webkit-box-orient: vertical;
    /* 5. 隐藏超出部分 */
    overflow: hidden;
    /* 6. 显示省略号 */
    text-overflow: ellipsis;
    /* 可选：修复文字间距/换行问题 */
    word-break: break-all;
    } }
    .item-right-footer { .item-right-footer {
    ...@@ -1164,7 +1195,7 @@ const handleCompClick = item => { ...@@ -1164,7 +1195,7 @@ const handleCompClick = item => {
    .content { .content {
    margin-top: 10px; margin-top: 10px;
    min-height: 0; min-height: 0;
    // max-height: 48px; max-height: 48px;
    font-family: Microsoft YaHei; font-family: Microsoft YaHei;
    font-size: 16px; font-size: 16px;
    color: rgba(59, 65, 75, 1); color: rgba(59, 65, 75, 1);
    ...@@ -1173,6 +1204,18 @@ const handleCompClick = item => { ...@@ -1173,6 +1204,18 @@ const handleCompClick = item => {
    letter-spacing: 0px; letter-spacing: 0px;
    text-align: left; text-align: left;
    overflow: hidden; overflow: hidden;
    /* 2. 关键属性：将元素转为弹性盒模型 */
    display: -webkit-box;
    /* 3. 限制显示的行数（修改数字即可改变行数） */
    -webkit-line-clamp: 2;
    /* 4. 设置文字垂直排列方向 */
    -webkit-box-orient: vertical;
    /* 5. 隐藏超出部分 */
    overflow: hidden;
    /* 6. 显示省略号 */
    text-overflow: ellipsis;
    /* 可选：修复文字间距/换行问题 */
    word-break: break-all;
    } }
    .time { .time {
    ......
    src/views/dataLibrary/components/BarChart/barChart.js
    浏览文件 @ 02ee47e1
    ...@@ -12,6 +12,10 @@ const getBarChart = (data) => { ...@@ -12,6 +12,10 @@ const getBarChart = (data) => {
    }, },
    yAxis: { yAxis: {
    type: 'value', type: 'value',
    name: '数量',
    nameTextStyle: {
    padding: [-10, 0, 0, -40] // [上, 右, 下, 左]，向左移动10px
    },
    splitLine: { splitLine: {
    show: true, show: true,
    lineStyle: { lineStyle: {
    ......
    src/views/dataLibrary/components/LineChart/lineChart.js
    浏览文件 @ 02ee47e1
    ...@@ -24,6 +24,9 @@ const getLineChart = (dataX, dataY) => { ...@@ -24,6 +24,9 @@ const getLineChart = (dataX, dataY) => {
    yAxis: { yAxis: {
    type: 'value', type: 'value',
    name: '数量', name: '数量',
    nameTextStyle: {
    padding: [-10, 0, 0, -40] // [上, 右, 下, 左]，向左移动10px
    },
    splitLine: { splitLine: {
    show: true, show: true,
    lineStyle: { lineStyle: {
    ......
    src/views/dataLibrary/financeControl/mREList/index.vue
    浏览文件 @ 02ee47e1
    ...@@ -199,7 +199,7 @@ const staticsDemensionList = ref([ ...@@ -199,7 +199,7 @@ const staticsDemensionList = ref([
    name: '制裁时间', name: '制裁时间',
    active: true, active: true,
    chartTypeList: ['折线图', '柱状图'], chartTypeList: ['折线图', '柱状图'],
    chartTitle: '商业管制清单制裁时间变化趋势', chartTitle: '涉军企业清单制裁时间变化趋势',
    data: { data: {
    dataX: [], dataX: [],
    dataY: [] dataY: []
    ...@@ -217,14 +217,14 @@ const staticsDemensionList = ref([ ...@@ -217,14 +217,14 @@ const staticsDemensionList = ref([
    name: '科技领域', name: '科技领域',
    active: false, active: false,
    chartTypeList: ['饼状图'], chartTypeList: ['饼状图'],
    chartTitle: '商业管制清单科技领域分布', chartTitle: '涉军企业清单科技领域分布',
    data: [] data: []
    }, },
    { {
    name: '物项类别', name: '物项类别',
    active: false, active: false,
    chartTypeList: ['饼状图'], chartTypeList: ['饼状图'],
    chartTitle: '商业管制清单物项类别分布', chartTitle: '涉军企业清单物项类别分布',
    data: [] data: []
    } }
    ...@@ -908,13 +908,13 @@ const initParam = () => { ...@@ -908,13 +908,13 @@ const initParam = () => {
    } }
    // 跳转政令详情 // 跳转企业详情
    const handleClickToDetail = (curEntity) => { const handleClickToDetail = (curEntity) => {
    window.sessionStorage.setItem("curTabName", curEntity.title); window.sessionStorage.setItem("curTabName", curEntity.title);
    const route = router.resolve({ const route = router.resolve({
    name: "companyPages", name: "companyPages",
    params: { params: {
    id: curEntity.id id: curEntity.organizationId
    } }
    }); });
    window.open(route.href, "_blank"); window.open(route.href, "_blank");
    ......
    src/views/dataLibrary/financeControl/sDNList/index.vue
    浏览文件 @ 02ee47e1
    ...@@ -234,7 +234,7 @@ const staticsDemensionList = ref([ ...@@ -234,7 +234,7 @@ const staticsDemensionList = ref([
    name: '制裁时间', name: '制裁时间',
    active: true, active: true,
    chartTypeList: ['折线图', '柱状图'], chartTypeList: ['折线图', '柱状图'],
    chartTitle: '实体清单制裁时间变化趋势', chartTitle: 'SDN清单制裁时间变化趋势',
    data: { data: {
    dataX: [], dataX: [],
    dataY: [] dataY: []
    ...@@ -252,28 +252,28 @@ const staticsDemensionList = ref([ ...@@ -252,28 +252,28 @@ const staticsDemensionList = ref([
    name: '科技领域', name: '科技领域',
    active: false, active: false,
    chartTypeList: ['饼状图'], chartTypeList: ['饼状图'],
    chartTitle: '实体清单科技领域分布', chartTitle: 'SDN清单科技领域分布',
    data: [] data: []
    }, },
    { {
    name: '实体类型', name: 'SDN类型',
    active: false, active: false,
    chartTypeList: ['饼状图'], chartTypeList: ['饼状图'],
    chartTitle: '实体类型分布', chartTitle: 'SDN类型分布',
    data: [] data: []
    }, },
    { {
    name: '实体国家地区', name: 'SDN国家地区',
    active: false, active: false,
    chartTypeList: ['饼状图'], chartTypeList: ['饼状图'],
    chartTitle: '实体国家地区分布', chartTitle: 'SDN国家地区分布',
    data: [] data: []
    }, },
    { {
    name: '实体省份', name: 'SDN省份',
    active: false, active: false,
    chartTypeList: ['饼状图'], chartTypeList: ['饼状图'],
    chartTitle: '实体省份分布', chartTitle: 'SDN省份分布',
    data: [] data: []
    } }
    ]) ])
    ......
    src/views/exportControl/components/info.vue
    浏览文件 @ 02ee47e1
    ...@@ -157,6 +157,11 @@ const desMap = { ...@@ -157,6 +157,11 @@ const desMap = {
    display: flex; display: flex;
    flex-direction: column; flex-direction: column;
    align-items: flex-end; align-items: flex-end;
    &:hover{
    text-decoration: underline;
    background: var(--color-primary-2);
    }
    .quantity-title-des { .quantity-title-des {
    display: flex; display: flex;
    ......
    src/views/exportControl/index.vue
    浏览文件 @ 02ee47e1
    ...@@ -2061,6 +2061,7 @@ const handleMediaClick = item => { ...@@ -2061,6 +2061,7 @@ const handleMediaClick = item => {
    box-sizing: border-box; box-sizing: border-box;
    background: linear-gradient(to right, rgba(206, 79, 81, 0), rgba(206, 79, 81, 0.3)); background: linear-gradient(to right, rgba(206, 79, 81, 0), rgba(206, 79, 81, 0.3));
    cursor: pointer; cursor: pointer;
    &-des { &-des {
    display: flex; display: flex;
    gap: 5px; gap: 5px;
    ...@@ -2136,18 +2137,21 @@ const handleMediaClick = item => { ...@@ -2136,18 +2137,21 @@ const handleMediaClick = item => {
    padding-left: 10px; padding-left: 10px;
    height: 156px; height: 156px;
    overflow: auto; overflow: auto;
    &-item { &-item {
    display: flex; display: flex;
    align-items: center; align-items: center;
    justify-content: flex-start; justify-content: flex-start;
    gap: 10px; gap: 10px;
    cursor: pointer; cursor: pointer;
    &-id { &-id {
    font-family: "Source Han Sans CN"; font-family: "Source Han Sans CN";
    font-size: 16px; font-size: 16px;
    font-weight: 700; font-weight: 700;
    color: rgb(95, 101, 108); color: rgb(95, 101, 108);
    } }
    &-txt { &-txt {
    font-size: 16px; font-size: 16px;
    font-weight: 400; font-weight: 400;
    ...@@ -2156,6 +2160,7 @@ const handleMediaClick = item => { ...@@ -2156,6 +2160,7 @@ const handleMediaClick = item => {
    } }
    } }
    } }
    &-content { &-content {
    display: flex; display: flex;
    gap: 15px; gap: 15px;
    ......
    Markdown 格式
    0% 或
    您添加了 0 人 到此讨论。请谨慎行事。
    请先完成此评论的编辑！
    请 注册 或者 后发表评论