提交 3042de15 authored 作者: 张烨's avatar 张烨

Merge branch 'master' into zy-dev

差异被折叠。
<template>
<div id="app">
<div class="pro-wrapper">
<div class="home-page">
<ModuleHeader />
<div class="main-container">
<router-view />
</div>
</div>
<div class="right-btn" @click="handleClickToolBox">
<div class="item">
<div class="icon">
<img src="@/assets/icons/overview/domain.png" alt="" />
</div>
<div class="text">{{ "领域" }}</div>
</div>
<div class="item">
<div class="icon">
<img src="@/assets/icons/overview/element.png" alt="" />
</div>
<div class="text">{{ "要素" }}</div>
</div>
</div>
<div class="tool-box">
<!-- <div class="tool-item">
<img src="@/assets/icons/tool-item-icon1.png" alt="" />
</div>
<div class="tool-item">
<img src="@/assets/icons/tool-item-icon2.png" alt="" />
</div>
<div class="tool-item">
<img src="@/assets/icons/tool-item-icon3.png" alt="" />
</div>
<div class="tool-item">
<img src="@/assets/icons/tool-item-icon4.png" alt="" />
</div> -->
<el-tooltip content="智能写报" placement="left" :offset="10">
<div class="tool-item" @click="handleOpenPage('znxb')">
<img src="@/assets/icons/tool-item-icon1.png" alt="" />
</div>
</el-tooltip>
<el-tooltip content="智能翻译" placement="left" :offset="10">
<div class="tool-item" @click="handleClickToolBox">
<img src="@/assets/icons/tool-item-icon2.png" alt="" />
</div>
</el-tooltip>
<!-- <div class="tool-item">
<img src="@/assets/icons/tool-item-icon3.png" alt="" />
</div> -->
<el-tooltip content="智能问答" placement="left" :offset="10">
<div class="tool-item" @click="handleOpenPage('znwd')">
<img src="@/assets/icons/tool-item-icon4.png" alt="" />
</div>
</el-tooltip>
</div>
<!-- <div class="ai-btn" @click="openAiBox">
<div class="icon">
<img src="@/assets/icons/ai-icon.png" alt="" />
</div>
<div class="text">智能问答</div>
</div> -->
<div class="ai-dialog" v-if="isShowAiBox">
<AiBox @close="closeAiBox" />
</div>
</div>
<router-view></router-view>
</div>
</template>
......@@ -95,27 +29,6 @@ import { ElMessage } from "element-plus";
const router = useRouter();
const route = useRoute();
// const target = ref(null);
// const { x, y, isDragging } = useDraggable(target, {
// initialValue: { x: 1770, y: 800 },
// onStart: () => console.log("开始拖动"),
// onEnd: () => console.log("结束拖动")
// });
// const style = computed(() => ({
// position: "absolute",
// left: `${x.value}px`,
// top: `${y.value}px`,
// cursor: isDragging.value ? "grabbing" : "grab"
// }));
const handleToHome = () => {
router.push({
path: "/ZMOverView"
});
isCurrentOverview.value = true;
};
const isShowAiBox = ref(false);
......
......@@ -11,18 +11,16 @@
<el-switch v-model="isTranslate" />
<div class="switch-label">原文显示</div>
<div class="btn" @click="emits('download')">
<div class="icon icon-gap-4">
<img :src="defaultDownloadIcon" alt="" />
</div>
<div class="text">下载</div>
</div>
<div class="btn" @click="handleFindWord('open')">
<div class="icon icon-gap-6">
<img :src="defaultSearchIcon" alt="" />
<div
v-for="action in headerActions"
:key="action.key"
class="btn"
@click="action.onClick"
>
<div :class="['icon', action.iconGapClass]">
<img :src="action.icon" alt="" />
</div>
<div class="text">查找</div>
<div class="text">{{ action.text }}</div>
</div>
<div class="find-word-box" v-if="findWordBox">
......@@ -47,15 +45,16 @@
</div>
<div class="report-main">
<div v-if="!displayReportData.length" class="noContent">{{ "暂无数据" }}</div>
<el-scrollbar height="100%" v-else>
<div v-if="!displayReportData.length" class="no-content">暂无数据</div>
<el-scrollbar v-else height="100%">
<div
v-for="item in displayReportData"
:key="item.num"
:class="['content-row', { 'high-light': isHighlight }]"
class="content-row"
:class="{ 'high-light': isHighlight }"
>
<div :class="['content-cn', { 'translate-cn': !isTranslate }]" v-html="item.content"></div>
<div class="content-en" v-html="item.contentEn" v-if="isTranslate"></div>
<div class="content-cn" :class="{ 'translate-cn': !isTranslate }" v-html="item.content" />
<div v-if="isTranslate" class="content-en" v-html="item.contentEn" />
</div>
</el-scrollbar>
</div>
......@@ -70,8 +69,6 @@ import defaultSearchIcon from "./assets/icons/search.png";
import { nextTick, ref, watch } from "vue";
import { debounce } from "lodash";
// 该组件为公共展示组件:网络请求/下载等业务由父组件处理;查找、高亮、显示切换等通用交互在组件内部封装。
// 图标资源固定使用组件内置文件,保证组件资源自包含。
const props = defineProps({
reportData: { type: Array, default: () => [] },
});
......@@ -88,6 +85,23 @@ const findWordMax = ref(0);
const originReportData = ref([]);
const displayReportData = ref([]);
const headerActions = [
{
key: "download",
text: "下载",
icon: defaultDownloadIcon,
iconGapClass: "icon-gap-4",
onClick: () => emits("download"),
},
{
key: "search",
text: "查找",
icon: defaultSearchIcon,
iconGapClass: "icon-gap-6",
onClick: () => handleFindWord("open"),
},
];
function escapeRegExp(text) {
return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
}
......@@ -137,7 +151,9 @@ const doUpdateWord = () => {
displayReportData.value = originReportData.value.map((item) => {
const cn = applyHighlightToText(item.content, term);
const en = isTranslate.value ? applyHighlightToText(item.contentEn, term) : { html: item.contentEn, count: 0 };
const en = isTranslate.value
? applyHighlightToText(item.contentEn, term)
: { html: item.contentEn, count: 0 };
findWordMax.value += cn.count + en.count;
return {
...item,
......@@ -222,7 +238,6 @@ watch(isTranslate, () => {
width: 1600px;
background-color: white;
padding: 0 60px;
height: 20px;
flex: auto;
display: flex;
flex-direction: column;
......@@ -245,7 +260,6 @@ watch(isTranslate, () => {
display: flex;
align-items: center;
.find-word-input {
width: 20px;
flex: auto;
}
.find-word-limit {
......@@ -265,8 +279,7 @@ watch(isTranslate, () => {
font-size: 20px;
line-height: 20px;
font-weight: 700;
width: 20px;
flex: auto;
flex: 1;
}
.btn {
margin-left: 10px;
......@@ -310,25 +323,11 @@ watch(isTranslate, () => {
}
.report-main {
height: 20px;
flex: auto;
box-sizing: border-box;
padding-top: 10px;
&::-webkit-scrollbar {
display: none;
}
&::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 4px;
}
&::-webkit-scrollbar-track {
background: #f1f1f1;
}
.noContent {
.no-content {
height: 100%;
display: flex;
align-items: center;
......@@ -347,10 +346,6 @@ watch(isTranslate, () => {
min-height: 100px;
gap: 80px;
&:last-child {
border-bottom: none;
}
.content-en,
.content-cn {
width: 50%;
......
<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" customFrame="#000000">
<rect id="Line/Calendar" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="形状" d="M11 3.08L13.52 3.08C13.7855 3.08 14 3.2945 14 3.56L14 13.52C14 13.7855 13.7855 14 13.52 14L2.48 14C2.2145 14 2 13.7855 2 13.52L2 3.56C2 3.2945 2.2145 3.08 2.48 3.08L5 3.08L5 2.12C5 2.054 5.054 2 5.12 2L5.96 2C6.026 2 6.08 2.054 6.08 2.12L6.08 3.08L9.92 3.08L9.92 2.12C9.92 2.054 9.974 2 10.04 2L10.88 2C10.946 2 11 2.054 11 2.12L11 3.08ZM3.08 4.16L3.08 6.2L12.92 6.2L12.92 4.16L11 4.16L11 4.88C11 4.946 10.946 5 10.88 5L10.04 5C9.974 5 9.92 4.946 9.92 4.88L9.92 4.16L6.08 4.16L6.08 4.88C6.08 4.946 6.026 5 5.96 5L5.12 5C5.054 5 5 4.946 5 4.88L5 4.16L3.08 4.16ZM12.92 12.92L3.08 12.92L3.08 7.22L12.92 7.22L12.92 12.92Z" fill="rgb(59,65,75)" fill-rule="evenodd" />
</svg>
<template>
<div class="time-tab-pane-wrapper">
<div
class="time-item"
:class="{'time-item-active': item.active}"
v-for="item,index in timeList"
:key="index"
@click="handleTimeClick(item,index)"
>
<div class="icon" v-if="item.active">
<img src="./calendat-icon.svg" alt="">
</div>
<div class="text text-tip-1" :class="{'text-active': item.active}">{{ item.time }}</div>
</div>
</div>
</template>
<script setup>
import {ref} from 'vue'
const timeList = ref([
{
time: '近一周',
active: true
},
{
time: '近一月',
active: false
},
{
time: '近一年',
active: false
},
])
const handleTimeClick = (item, index) => {
timeList.value.forEach(time => {
time.active = false
})
timeList.value[index].active = true
emit('time-click', item)
}
const emit = defineEmits(['time-click'])
</script>
<style lang="scss" scoped>
.time-tab-pane-wrapper{
display: flex;
width: 248px;
height: 36px;
background: rgba(255, 255, 255, 0.5);
border-radius: 50px;
border: 2px solid rgba(255,255,255,1);
.time-item{
height: 32px;
box-sizing: border-box;
padding: 4px 12px;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
cursor: pointer;
.icon{
width: 16px;
height: 16px;
img{
width: 100%;
height: 100%;
}
}
.text{
color: var(--text-primary-50-color);
}
.text-active{
color: var(--text-primary-80-color)
}
}
.time-item-active{
background: rgba(255, 255, 255, 0.65);
border-radius: 50px;
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
}
}
</style>
\ No newline at end of file
<template>
<div class="tree-chart-wrapper" id="tree-chart">
</div>
</template>
<script setup>
import { ref, onMounted } from 'vue'
import setChart from '@/utils/setChart';
import getTreeChart from './treeChart';
import CompanyImg from "@/assets/icons/symbol.png";
const props = defineProps({
treeData: {
type: Array,
default: [
{
id: 1,
name: 'a1',
symbolSize: 30,
value: 5,
symbol: `image://${CompanyImg}`,
children: [
{
id: 11,
name: 'b1',
symbolSize: 30,
value: 5,
symbol: `image://${CompanyImg}`,
},
{
id: 12,
name: 'b2',
symbolSize: 30,
value: 5,
symbol: `image://${CompanyImg}`,
},
{
id: 13,
name: 'b3',
symbolSize: 30,
value: 5,
symbol: `image://${CompanyImg}`,
},
{
id: 14,
name: 'b4',
symbolSize: 30,
value: 5,
symbol: `image://${CompanyImg}`,
}
]
}
]
}
})
onMounted(() => {
const treeChart = getTreeChart(props.treeData)
setChart(treeChart, 'tree-chart')
})
</script>
<style lang="scss" scoped>
.tree-chart-wrapper {
width: 100%;
height: 100%;
}
</style>
\ No newline at end of file
const getTreeChart = (treeData) => {
const option = {
series: [{
type: 'tree',
layout: 'orthogonal', // 从上到下布局
orient: 'TB', // Top to Bottom
data: treeData,
top: '10%',
bottom: '10%',
left: '3%',
right: '3%',
symbol: 'circle',
symbolSize: 40,
label: {
position: 'top',
verticalAlign: 'middle',
align: 'center',
fontSize: 20, // 字体大小
color: 'rgb(59, 65, 75)', // 字体颜色
fontWeight: 'normal', // 字体粗细
// formatter: '{b}', // 标签内容格式器
// rotate: 0, // 旋转角度
offset: [0, -6], // 偏移量
// lineHeight: 20, // 行高
// backgroundColor: 'transparent', // 背景色
// borderColor: 'transparent', // 边框颜色
// borderWidth: 0, // 边框宽度
// borderRadius: 0, // 圆角
// padding: 0, // 内边距
// shadowBlur: 0, // 阴影模糊
// shadowColor: 'transparent' // 阴影颜色
},
leaves: {
label: {
position: 'bottom',
verticalAlign: 'middle',
align: 'center',
offset: [0, 6],
}
},
lineStyle: {
color: '#ccc',
width: 2,
type: 'dashed', // 线条类型:'solid'(实线), 'dashed'(虚线), 'dotted'(点线)
curveness: 0.5, // 曲线弧度(0-1),仅当 edgeShape 为 'curve' 时有效
cap: 'round', // 线帽:'butt', 'round', 'square'
join: 'round', // 连接点:'bevel', 'round', 'miter'
shadowBlur: 0, // 阴影模糊大小
shadowColor: 'rgba(0,0,0,0.5)', // 阴影颜色
shadowOffsetX: 0, // 阴影水平偏移
shadowOffsetY: 0 // 阴影垂直偏移
},
emphasis: {
focus: 'descendant'
},
expandAndCollapse: false,
initialTreeDepth: 3
}]
};
return option
}
export default getTreeChart
\ No newline at end of file
......@@ -21,7 +21,8 @@ const getWordCloudChart = data => {
gridSize: 15, // 网格大小,影响词间距。
sizeRange: [16, 36], // 定义词云中文字大小的范围
rotationRange: [0, 0],
rotationStep: 0,
// rotationRange: [-90, 90],
// rotationStep: 10,
drawOutOfBound: false, // 是否超出画布
shrinkToFit: true, // 是否自动缩小以适应容器
// 字体
......
// 法案资源库
const CountryBill = () => import('@/views/dataLibrary/components/bill/countryBill/index.vue')
const StateBill = () => import('@/views/dataLibrary/components/bill/stateBill/index.vue')
const dataBillRoutes = [
// 科技法案资源库路由
{
path: "/countryBill",
name: "CountryBill",
component: CountryBill,
meta: {
title: '国会法案', // 显示在tag上的文字
affix: false, // 是否为固定tag(首页通常设置为true,不可关闭)
keepAlive: true // 是否需要缓存
}
},
{
path: "/stateBill",
name: "StateBill",
component: StateBill,
meta: {
title: '州法案', // 显示在tag上的文字
affix: false, // 是否为固定tag(首页通常设置为true,不可关闭)
keepAlive: true // 是否需要缓存
}
},
]
export default dataBillRoutes
\ No newline at end of file
import { createRouter, createWebHistory } from "vue-router";
const Home = () => import('@/views/home/index.vue')
const DataLibrary = () => import('@/views/dataLibrary/index.vue')
// 自动导入所有模块路由
const modules = import.meta.glob('./modules/*.js', { eager: true })
......@@ -9,8 +11,35 @@ const fileRoutes = Object.keys(modules).reduce((acc, path) => {
return acc
}, [])
// 自动导入所有资源库模块路由
const datas = import.meta.glob('./dataLibrary/*.js', { eager: true })
// const dataRoutes = Object.keys(datas).reduce((acc, path) => {
// const module = datas[path].default
// acc.push(...module)
// return acc
// }, [])
const routes = [
...fileRoutes,
{
path: "/",
name: "Home",
component: Home,
children: [
...fileRoutes
]
},
{
path: "/dataLibrary",
name: "DataLibrary",
component: DataLibrary,
children: [
// ...dataRoutes
]
},
];
......
import { defineStore } from 'pinia'
const useTagsViewStore = defineStore('tags-view', {
state: () => ({
visitedViews: [], // 存放打开的标签页列表 [{ path, title, name, affix }]
cachedViews: [] // 存放需要缓存的组件名称 (用于 keep-alive)
}),
actions: {
// 添加标签页
addView(view) {
this.addVisitedView(view)
this.addCachedView(view)
},
addVisitedView(view) {
this.visitedViews.forEach(item => {
item.active = false
})
// 防止重复添加
const isExists = this.visitedViews.some(v => v.path === view.path)
if (!isExists) {
// 可以给不同路由设置不同的标题,比如从 route.meta.title 获取
this.visitedViews.push({
...view,
title: view.meta?.title || '未命名'
})
} else {
this.visitedViews.forEach(v => {
if (v.path === view.path) {
v.active = true
}
})
}
},
addCachedView(view) {
// 只有配置了 keepAlive: true 的路由才加入缓存数组
if (view.meta?.keepAlive && !this.cachedViews.includes(view.name)) {
this.cachedViews.push(view.name)
}
},
// 关闭当前标签页
delView(view) {
return new Promise((resolve) => {
// 1. 先从缓存数组中移除(如果有)
this.delCachedView(view)
// 2. 再从访问数组中移除
const index = this.visitedViews.findIndex(v => v.path === view.path)
if (index !== -1) {
this.visitedViews.splice(index, 1)
}
resolve([...this.visitedViews])
})
},
// 从缓存中移除
delCachedView(view) {
if (view.meta?.keepAlive) {
const index = this.cachedViews.indexOf(view.name)
if (index !== -1) {
this.cachedViews.splice(index, 1)
}
}
},
// 关闭其他/右侧/全部
delOthersViews(view) {
// ...
}
}
})
export default useTagsViewStore
\ No newline at end of file
<template>
<el-row class="wrapper layout-grid-line">
<el-col :span="span">
<pre>
{{
`
import TimeTabPane from '@/components/base/TimeTabPane/index.vue'
<TimeTabPane @time-click="handleTimeClick" />
`
}}
</pre>
<div class="time-box">
<TimeTabPane @time-click="handleTimeClick" />
</div>
</el-col>
</el-row>
</template>
<script setup>
import { ref } from 'vue'
import '@/styles/common.scss'
import TimeTabPane from '@/components/base/TimeTabPane/index.vue'
const span = 12
const handleTimeClick = (val) => {
console.log('val',val);
}
</script>
<style lang="scss" scoped>
.time-box {
width: 700px;
height: 400px;
background: #F2F8FF;
border: 1px solid var(--bg-black-5);
}
</style>
\ No newline at end of file
<template>
<el-row class="wrapper layout-grid-line">
<el-col :span="span">
<pre>
{{
`
import TreeChart from '@/components/base/TreeChart/index.vue'
<div class="chart-box">
<TreeChart :treeData="treeData" />
</div>
`
}}
</pre>
<div class="chart-box">
<TreeChart :treeData="treeData" />
</div>
</el-col>
</el-row>
</template>
<script setup>
import { ref } from 'vue'
import '@/styles/common.scss'
import TreeChart from '@/components/base/TreeChart/index.vue'
import CompanyImg from "@/assets/icons/symbol.png";
const span = 12
const treeData = ref([
{
id: 1,
name: 'a1',
symbolSize: 30,
value: 5,
symbol: `image://${CompanyImg}`,
children: [
{
id: 11,
name: 'b1',
symbolSize: 30,
value: 5,
symbol: `image://${CompanyImg}`,
},
{
id: 12,
name: 'b2',
symbolSize: 30,
value: 5,
symbol: `image://${CompanyImg}`,
},
{
id: 13,
name: 'b3',
symbolSize: 30,
value: 5,
symbol: `image://${CompanyImg}`,
},
{
id: 14,
name: 'b4',
symbolSize: 30,
value: 5,
symbol: `image://${CompanyImg}`,
}
]
}
])
</script>
<style lang="scss" scoped>
.chart-box {
width: 700px;
height: 400px;
border: 1px solid var(--bg-black-5);
}
</style>
\ No newline at end of file
......@@ -11,10 +11,15 @@ const span = 24
<pre>
{{
`import WarnningPane from '@/components/base/WarningPane/index.vue';
<template>
<WarnningPane warnningLevel="特别重大风险" warnningContent="我是特别重大风险内容文字我是特别重大风险内容文字" />
</template>
`}}
<template>
<WarnningPane warnningLevel="特别重大风险" warnningContent="我是特别重大风险内容我是特别重大风险内容我是特别重大风险内容" />
<WarnningPane warnningLevel="重大风险" warnningContent="我是重大风险内容我是重大风险内容我是重大风险内容" />
<WarnningPane warnningLevel="较大风险" warnningContent="我是较大风险内容我是较大风险内容我是较大风险内容" />
<WarnningPane warnningLevel="一般风险" warnningContent="我是一般风险内容我是一般风险内容我是一般风险内容" />
<WarnningPane warnningLevel="低风险" warnningContent="我是低风险内容我是低风险内容我是低风险内容" />
</template>
`
}}
</pre>
<div class="warnning-box">
<WarnningPane warnningLevel="特别重大风险" warnningContent="我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字我是特别重大风险内容文字" />
......
......@@ -40,12 +40,18 @@
<el-tab-pane label="按钮" lazy>
<ActionButton />
</el-tab-pane>
<el-tab-pane label="时间选择框" lazy>
<TimeTabPane />
</el-tab-pane>
<el-tab-pane label="层级关系图" lazy>
<GraphChart />
</el-tab-pane>
<el-tab-pane label="引力关系图" lazy>
<GraphTreeChart />
</el-tab-pane>
<el-tab-pane label="树状图" lazy>
<TreeChart />
</el-tab-pane>
<el-tab-pane label="词云图" lazy>
<WordCloudChart />
</el-tab-pane>
......@@ -71,10 +77,12 @@ import PeoplePage from './People/index.vue';
import WarnningPane from './WarnningPane/index.vue'
import GraphChart from './GraphChart/index.vue'
import GraphTreeChart from './GraphTreeChart/index.vue'
import TreeChart from './TreeChart/index.vue'
import AreaTag from './AreaTag/index.vue'
import ActionButton from './ActionButton/index.vue'
import WordCloudChart from './WordCloudChart/index.vue'
import NewsPage from './News/index.vue'
import TimeTabPane from './TimeTabPane/index.vue'
</script>
<style lang="scss" scoped>
......
<template>
<div class="bill-original-text-page">
<div class="page-header">
<div class="page-title">法案原文</div>
<div class="page-actions">
<div class="action-btn" @click="handleBack">返回</div>
</div>
</div>
<div class="page-content">
<iframe v-if="billFullText" :src="billFullText" width="100%" height="100%" frameborder="0"></iframe>
<div v-else class="empty-state">暂无原文</div>
</div>
<DecreeOriginal :report-data="reportData" @download="handleDownload" />
</div>
</template>
<script setup>
import { onMounted, ref } from "vue";
import { useRoute, useRouter } from "vue-router";
import { getBillFullText } from "@/api/bill";
const route = useRoute();
const router = useRouter();
import { ref } from "vue";
import DecreeOriginal from "@/components/base/DecreeOriginal/index.vue";
const billFullText = ref("");
// 旧“法案原文”功能/按钮全部废弃:页面仅承载通用原文组件,后续接入新接口再赋值。
const reportData = ref([]);
const getBillFullTextFn = async () => {
const res = await getBillFullText({
id: route.query.billId
});
if (res.code === 200 && res.data) {
billFullText.value = typeof res.data === "string" ? res.data.trim() : res.data;
}
const handleDownload = () => {
// 后续接入新接口/下载逻辑
};
const handleBack = () => {
router.back();
};
onMounted(() => {
getBillFullTextFn();
});
</script>
<style lang="scss" scoped>
.bill-original-text-page {
width: 100%;
box-sizing: border-box;
background: rgba(248, 249, 250, 1);
padding: 0 0 20px;
.page-header {
width: 100%;
height: 64px;
display: flex;
align-items: center;
justify-content: space-between;
.page-title {
color: rgba(59, 65, 75, 1);
font-family: Microsoft YaHei;
font-size: 18px;
font-weight: 700;
}
.page-actions {
display: flex;
justify-content: flex-end;
.action-btn {
cursor: pointer;
height: 32px;
line-height: 32px;
padding: 0 12px;
border-radius: 6px;
border: 1px solid rgba(230, 231, 232, 1);
background: rgba(255, 255, 255, 1);
color: rgba(95, 101, 108, 1);
font-family: Microsoft YaHei;
font-size: 14px;
font-weight: 400;
}
}
}
.page-content {
width: 100%;
height: calc(100vh - 320px);
min-height: 600px;
background: #fff;
box-shadow: 0px 0px 20px 0px rgba(25, 69, 130, 0.1);
overflow: hidden;
iframe {
display: block;
}
.empty-state {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: rgba(132, 136, 142, 1);
font-family: Microsoft YaHei;
font-size: 14px;
}
}
}
</style>
<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" customFrame="#000000">
<rect id="Line/Down" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="路径" d="M13.7502 4L12.5783 4C12.4986 4 12.4236 4.03906 12.3768 4.10313L7.9377 10.2219L3.49864 4.10313C3.45176 4.03906 3.37676 4 3.29707 4L2.1252 4C2.02364 4 1.96426 4.11562 2.02364 4.19844L7.53301 11.7937C7.73301 12.0688 8.14239 12.0688 8.34082 11.7937L13.8502 4.19844C13.9111 4.11562 13.8518 4 13.7502 4Z" fill="rgb(59,65,75)" fill-rule="evenodd" />
</svg>
<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" customFrame="#000000">
<rect id="Line/Up" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="路径" d="M13.914 11.8016L8.40466 4.20625C8.20465 3.93125 7.79528 3.93125 7.59684 4.20625L2.0859 11.8016C2.02653 11.8844 2.08434 12 2.18747 12L3.35934 12C3.43903 12 3.51403 11.9609 3.5609 11.8969L7.99997 5.77812L12.439 11.8969C12.4859 11.9609 12.5609 12 12.6406 12L13.8125 12C13.914 12 13.9734 11.8844 13.914 11.8016L13.914 11.8016Z" fill="rgb(5,95,194)" fill-rule="evenodd" />
</svg>
<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" customFrame="#000000">
<rect id="Line/Close" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="路径" d="M8.82436 8L12.9699 3.20092C13.0394 3.12117 12.9809 3 12.8735 3L11.6133 3C11.5391 3 11.468 3.03221 11.4191 3.08742L8 7.04601L4.58095 3.08742C4.53357 3.03221 4.4625 3 4.3867 3L3.12647 3C3.01908 3 2.96065 3.12117 3.03013 3.20092L7.17564 8L3.03013 12.7991C2.96065 12.8788 3.01908 13 3.12647 13L4.3867 13C4.46092 13 4.53199 12.9678 4.58095 12.9126L8 8.95399L11.4191 12.9126C11.4664 12.9678 11.5375 13 11.6133 13L12.8735 13C12.9809 13 13.0394 12.8788 12.9699 12.7991L8.82436 8Z" fill="rgb(5,95,194)" fill-rule="evenodd" />
</svg>
<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" customFrame="#000000">
<rect id="Line/Close" width="16.000000" height="16.000000" x="0.000000" y="0.000000" />
<path id="路径" d="M8.82436 8L12.9699 3.20092C13.0394 3.12117 12.9809 3 12.8735 3L11.6133 3C11.5391 3 11.468 3.03221 11.4191 3.08742L8 7.04601L4.58095 3.08742C4.53357 3.03221 4.4625 3 4.3867 3L3.12647 3C3.01908 3 2.96065 3.12117 3.03013 3.20092L7.17564 8L3.03013 12.7991C2.96065 12.8788 3.01908 13 3.12647 13L4.3867 13C4.46092 13 4.53199 12.9678 4.58095 12.9126L8 8.95399L11.4191 12.9126C11.4664 12.9678 11.5375 13 11.6133 13L12.8735 13C12.9809 13 13.0394 12.8788 12.9699 12.7991L8.82436 8Z" fill="rgb(132,136,142)" fill-rule="evenodd" />
</svg>
<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_0" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse">
<stop stop-color="rgb(22,119,255)" offset="0" stop-opacity="1" />
<stop stop-color="rgb(22,119,255)" offset="1" stop-opacity="0.5" />
</linearGradient>
</defs>
<rect id="容器 1594" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="矢量 1678" d="M18.1122 18.2262C18.0733 18.2132 18.0396 18.1882 18.0158 18.1549C17.992 18.1216 17.9794 18.0816 17.9797 18.0406L17.9797 17.7399C17.9797 17.6494 17.9559 17.5606 17.9106 17.4823C17.8653 17.404 17.8001 17.3389 17.7217 17.2937C17.6433 17.2485 17.5543 17.2247 17.4637 17.2247L7.23085 17.2247C7.14027 17.2247 7.05129 17.2485 6.97284 17.2937C6.8944 17.3389 6.82926 17.404 6.78397 17.4823C6.73868 17.5606 6.71483 17.6494 6.71483 17.7399L6.71483 17.9628C6.71486 17.9937 6.70754 18.0241 6.69347 18.0517C6.6794 18.0792 6.65899 18.103 6.63392 18.1211C6.60884 18.1392 6.57982 18.1511 6.54924 18.1558C6.25727 18.2014 5.98027 18.3153 5.74095 18.4884C5.50163 18.6614 5.30681 18.8887 5.17246 19.1514C5.03811 19.4142 4.96806 19.705 4.96805 20L19.4006 20C19.4004 19.6065 19.2757 19.2232 19.0443 18.9047C18.813 18.5861 18.4867 18.3487 18.1122 18.2262ZM7.02145 14.107C7.0551 14.139 7.09459 14.1643 7.13779 14.1815C7.18099 14.1987 7.22709 14.2074 7.27359 14.2072C7.34669 14.207 7.41806 14.185 7.47853 14.144C7.53899 14.103 7.58579 14.0449 7.6129 13.9771C7.64001 13.9093 7.64619 13.835 7.63066 13.7637C7.61512 13.6923 7.57858 13.6273 7.52572 13.5769L5.35053 11.5183C5.3042 11.4735 5.24676 11.4418 5.18411 11.4265C5.12146 11.4112 5.05585 11.4128 4.99403 11.4312C4.93221 11.4496 4.87641 11.4841 4.83237 11.5311C4.78779 11.5774 4.75633 11.6347 4.74121 11.6972C4.72608 11.7596 4.72784 11.8249 4.7463 11.8864C4.76476 11.948 4.79925 12.0035 4.84626 12.0474L7.02145 14.107ZM7.42637 15.3485C7.41596 15.2851 7.38903 15.2256 7.34827 15.1759C7.30752 15.1262 7.25438 15.0881 7.1942 15.0654C7.13402 15.0427 7.06891 15.0363 7.00543 15.0467L4.30673 15.4904C4.23036 15.503 4.15995 15.5394 4.10559 15.5944C4.05123 15.6495 4.01571 15.7203 4.00413 15.7967C3.99254 15.8731 4.00549 15.9512 4.0411 16.0198C4.07672 16.0884 4.13318 16.144 4.20239 16.1786C4.27161 16.2132 4.35002 16.2251 4.42639 16.2125L7.12509 15.7688C7.18844 15.7582 7.2479 15.7312 7.29752 15.6905C7.34713 15.6498 7.38515 15.5967 7.40776 15.5367C7.43038 15.4767 7.43679 15.4118 7.42637 15.3485ZM19.6976 15.3517L14.2297 10.2672L16.1955 8.3057L16.1966 8.30677C16.2541 8.36406 16.3257 8.40526 16.4042 8.42622C16.4827 8.44719 16.5654 8.44719 16.6439 8.42622C16.7224 8.40526 16.794 8.36406 16.8515 8.30677L16.8707 8.28864C16.9282 8.23108 16.9695 8.15948 16.9905 8.08099C17.0115 8.0025 17.0115 7.91988 16.9905 7.84139C16.9695 7.7629 16.9282 7.6913 16.8707 7.63374L13.3665 4.13527C13.3088 4.07793 13.2371 4.03671 13.1585 4.01573C13.0799 3.99476 12.9971 3.99476 12.9185 4.01573C12.8399 4.03671 12.7682 4.07793 12.7105 4.13527L12.6913 4.1534C12.6335 4.21077 12.5919 4.28235 12.5708 4.36091C12.5496 4.43947 12.5496 4.52222 12.5708 4.60078C12.5919 4.67934 12.6335 4.75093 12.6913 4.8083L12.6924 4.8083L7.79602 9.69656L7.79495 9.6955C7.7373 9.63816 7.66558 9.59694 7.58696 9.57596C7.50834 9.55499 7.42559 9.55499 7.34697 9.57596C7.26835 9.59694 7.19663 9.63816 7.13897 9.6955L7.12188 9.71363C7.06445 9.77119 7.02316 9.84279 7.00215 9.92128C6.98114 9.99977 6.98114 10.0824 7.00215 10.1609C7.02316 10.2394 7.06445 10.311 7.12188 10.3685L10.6261 13.8681C10.6838 13.9254 10.7555 13.9666 10.8341 13.9876C10.9127 14.0086 10.9955 14.0086 11.0741 13.9876C11.1527 13.9666 11.2245 13.9254 11.2821 13.8681L11.3003 13.8489C11.3577 13.7914 11.3989 13.7199 11.4199 13.6416C11.4409 13.5632 11.4409 13.4807 11.4199 13.4023C11.3989 13.324 11.3577 13.2525 11.3003 13.195L11.2992 13.194L13.2639 11.2314L18.3568 16.6903C18.4729 16.8149 18.6205 16.906 18.784 16.9539C18.9476 17.0018 19.1211 17.0048 19.2862 16.9625C19.4513 16.9203 19.6019 16.8343 19.7222 16.7138C19.8427 16.5936 19.9285 16.4433 19.9706 16.2786C20.0127 16.1138 20.0096 15.9408 19.9615 15.7777C19.9135 15.6146 19.8223 15.4675 19.6976 15.3517ZM9.16674 10.1051C9.14288 10.1288 9.11321 10.1458 9.08069 10.1545C9.04817 10.1632 9.01394 10.1632 8.98142 10.1545C8.9489 10.1458 8.91923 10.1288 8.89537 10.1051L8.88683 10.0965C8.86308 10.0727 8.846 10.0431 8.83731 10.0106C8.82863 9.97817 8.82863 9.94399 8.83731 9.91153C8.846 9.87906 8.86308 9.84944 8.88683 9.82562L12.8216 5.8973C12.8964 5.82264 13.0193 5.82264 13.0941 5.8973L13.1005 5.90477C13.1242 5.92858 13.1413 5.95821 13.15 5.99067C13.1587 6.02314 13.1587 6.05732 13.15 6.08978C13.1413 6.12225 13.1242 6.15187 13.1005 6.17569L9.16674 10.1051Z" fill="url(#paint_linear_0)" fill-rule="nonzero" />
</svg>
<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_9" x1="12" x2="12" y1="4.02734375" y2="20.0272427" gradientUnits="userSpaceOnUse">
<stop stop-color="rgb(47,84,235)" offset="0" stop-opacity="1" />
<stop stop-color="rgb(47,84,235)" offset="1" stop-opacity="0.5" />
</linearGradient>
</defs>
<rect id="容器 1602" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="合并" d="M12.2963 5.02783C12.2963 4.37781 12.9067 3.90055 13.5375 4.05737L19.2413 5.47529C19.687 5.58611 20 5.98639 20 6.44575L20 19.0272C20 19.5795 19.5523 20.0272 19 20.0272L13.2963 20.0272C12.744 20.0272 12.2963 19.5795 12.2963 19.0272L12.2963 5.02783ZM4 9.94126C4 9.48913 4.30338 9.09324 4.73995 8.97567L9.85106 7.59918C10.4865 7.42806 11.1111 7.90672 11.1111 8.56478L11.1111 19.0272C11.1111 19.5795 10.6634 20.0272 10.1111 20.0272L5 20.0272C4.44772 20.0272 4 19.5795 4 19.0272L4 9.94126ZM13.9603 8.21739L18.336 8.21739C18.6005 8.21739 18.8148 8.43175 18.8148 8.69617C18.8148 8.96059 18.6005 9.17495 18.336 9.17495L13.9603 9.17495C13.6958 9.17495 13.4815 8.96059 13.4815 8.69617C13.4815 8.43175 13.6958 8.21739 13.9603 8.21739ZM13.9603 10.1325L18.336 10.1325C18.6005 10.1325 18.8148 10.3469 18.8148 10.6113C18.8148 10.8757 18.6005 11.0901 18.336 11.0901L13.9603 11.0901C13.6958 11.0901 13.4815 10.8757 13.4815 10.6113C13.4815 10.3469 13.6958 10.1325 13.9603 10.1325ZM5.66396 11.0901L9.44715 11.0901C9.71157 11.0901 9.92593 11.3044 9.92593 11.5688C9.92593 11.8333 9.71157 12.0476 9.44715 12.0476L5.66396 12.0476C5.39954 12.0476 5.18519 11.8333 5.18519 11.5688C5.18519 11.3044 5.39954 11.0901 5.66396 11.0901ZM13.9603 12.0476L18.336 12.0476C18.6005 12.0476 18.8148 12.262 18.8148 12.5264C18.8148 12.7908 18.6005 13.0052 18.336 13.0052L13.9603 13.0052C13.6958 13.0052 13.4815 12.7908 13.4815 12.5264C13.4815 12.262 13.6958 12.0476 13.9603 12.0476ZM5.66396 13.0052L9.44715 13.0052C9.71157 13.0052 9.92593 13.2195 9.92593 13.4839C9.92593 13.7484 9.71157 13.9627 9.44715 13.9627L5.66396 13.9627C5.39954 13.9627 5.18519 13.7484 5.18519 13.4839C5.18519 13.2195 5.39954 13.0052 5.66396 13.0052ZM13.9603 13.9627L18.336 13.9627C18.6005 13.9627 18.8148 14.1771 18.8148 14.4415C18.8148 14.7059 18.6005 14.9203 18.336 14.9203L13.9603 14.9203C13.6958 14.9203 13.4815 14.7059 13.4815 14.4415C13.4815 14.1771 13.6958 13.9627 13.9603 13.9627ZM9.44715 15.8778C9.71157 15.8778 9.92593 15.6635 9.92593 15.3991C9.92593 15.1346 9.71157 14.9203 9.44715 14.9203L5.66396 14.9203C5.39954 14.9203 5.18519 15.1346 5.18519 15.3991C5.18519 15.6635 5.39954 15.8778 5.66396 15.8778L9.44715 15.8778Z" fill="url(#paint_linear_9)" fill-rule="evenodd" />
</svg>
<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_10" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse">
<stop stop-color="rgb(114,46,209)" offset="0" stop-opacity="1" />
<stop stop-color="rgb(114,46,209)" offset="1" stop-opacity="0.5" />
</linearGradient>
</defs>
<rect id="容器 1604" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="矢量 1680" d="M9.63557 4.71309L9.63557 4.71448C9.53504 4.71448 9.45369 4.6337 9.45369 4.53621L9.45369 4.35655C9.45404 4.16017 9.61674 4 9.81746 4L12.0001 4L14.1827 4C14.3837 4 14.5465 4.16017 14.5465 4.35655L14.5465 4.53482C14.5465 4.6337 14.4651 4.71309 14.3646 4.71309C14.264 4.71309 14.1827 4.79248 14.1827 4.89137L14.1827 8.45125C14.1827 8.51532 14.2001 8.57799 14.2335 8.63231L19.7952 17.8482C20.3689 18.798 19.6698 20 18.5429 20L5.45721 20C4.33038 20 3.63126 18.798 4.20498 17.8482L9.76666 8.63231C9.80005 8.57799 9.81746 8.51532 9.81746 8.45125L9.81746 4.89137C9.81746 4.79248 9.73611 4.71309 9.63557 4.71309ZM10.545 15.0529C10.545 14.4624 10.0565 13.9833 9.45369 13.9833C8.85084 13.9833 8.36238 14.4624 8.36238 15.0529C8.36238 15.6435 8.85084 16.1226 9.45369 16.1226C10.0565 16.1226 10.545 15.6435 10.545 15.0529ZM15.0921 14.6964C15.5944 14.6964 16.0015 15.0961 16.0015 15.5877C16.0015 16.0794 15.5944 16.4791 15.0921 16.4791C14.5898 16.4791 14.1827 16.0794 14.1827 15.5877C14.1827 15.0961 14.5898 14.6964 15.0921 14.6964ZM12.7276 17.5487C12.7276 17.1546 12.4018 16.8357 12.0001 16.8357C11.5983 16.8357 11.2725 17.1546 11.2725 17.5487C11.2725 17.9429 11.5983 18.2618 12.0001 18.2618C12.4018 18.2618 12.7276 17.9429 12.7276 17.5487Z" fill="url(#paint_linear_10)" fill-rule="evenodd" />
</svg>
<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_7" x1="12" x2="12" y1="5" y2="19" gradientUnits="userSpaceOnUse">
<stop stop-color="rgb(250,173,20)" offset="0" stop-opacity="1" />
<stop stop-color="rgb(250,173,20)" offset="1" stop-opacity="0.5" />
</linearGradient>
</defs>
<rect id="容器 1596" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="矢量 810" d="M17.6869 11.7998C18.0371 11.7998 18.3372 11.5028 18.3372 11.1564L18.3372 10.6204L15.686 10.6204L15.686 11.1069C15.686 11.4534 15.9862 11.7503 16.3363 11.7503L16.3363 16.076L17.6869 16.076L17.6869 11.7998L17.6869 11.7998ZM14.3354 11.7998C14.6856 11.7998 14.9857 11.5028 14.9857 11.1564L14.9857 10.6204L12.3346 10.6204L12.3346 11.1069C12.3346 11.4534 12.6347 11.7503 12.9848 11.7503L12.9848 16.076L14.3354 16.076L14.3354 11.7998L14.3354 11.7998ZM10.984 11.7998C11.1841 11.7998 11.3341 11.7503 11.4342 11.6018C11.5842 11.4534 11.6343 11.3049 11.6343 11.1564L11.6343 10.6204L8.98308 10.6204L8.98308 11.1069C8.98308 11.3049 9.0331 11.4534 9.18317 11.5523C9.33323 11.7008 9.4833 11.7503 9.63337 11.7503L9.63337 16.076L10.984 16.076L10.984 11.7998L10.984 11.7998ZM7.63248 11.7998C7.83257 11.7998 7.98264 11.7503 8.08268 11.6018C8.23275 11.4534 8.28277 11.3049 8.28277 11.1564L8.28277 10.6204L5.6316 10.6204L5.6316 11.1069C5.6316 11.3049 5.68162 11.4534 5.83169 11.5523C5.98176 11.7008 6.13182 11.7503 6.28189 11.7503L6.28189 16.076L7.63248 16.076L7.63248 11.7998L7.63248 11.7998ZM12.3346 5.11136L18.6874 8.97172C18.9375 9.12019 19.0375 9.41714 18.9875 9.7141C18.8875 10.011 18.6373 10.209 18.3372 10.209L5.68162 10.209C5.38149 10.209 5.13138 10.011 5.03134 9.7141C4.93129 9.41714 5.08136 9.12019 5.33147 8.97172L11.6843 5.11136C11.8844 4.96288 12.1345 4.96288 12.3346 5.11136ZM11.9844 9.51613C12.7347 9.51613 13.335 8.92223 13.335 8.17985C13.335 7.48696 12.7347 6.89306 11.9844 6.89306C11.2341 6.89306 10.6338 7.48696 10.6338 8.22934C10.6838 8.92223 11.2841 9.51613 11.9844 9.51613ZM6.16664 17.4444L17.8333 17.4445C18.3835 17.4445 18.6874 17.9297 18.6874 18.4741L18.6874 19L5.33147 19L5.33147 18.4741C5.33147 17.9297 5.6164 17.4444 6.16664 17.4444ZM6.16664 16.497L17.8333 16.4971L17.8333 17.4445L6.16664 17.4444L6.16664 16.497Z" fill="url(#paint_linear_7)" fill-rule="nonzero" />
</svg>
<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="3" y2="21" gradientUnits="userSpaceOnUse">
<stop stop-color="rgb(114,46,209)" offset="0" stop-opacity="1" />
<stop stop-color="rgb(114,46,209)" offset="1" stop-opacity="0.5" />
</linearGradient>
</defs>
<rect id="容器 1598" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="合并" d="M12 5.66667C12.3728 5.66667 12.675 5.36446 12.675 4.99167L12.675 3.675C12.675 3.30221 12.3728 3 12 3C11.6272 3 11.325 3.30221 11.325 3.675L11.325 4.99167C11.325 5.36446 11.6272 5.66667 12 5.66667ZM5.44365 5.52492C5.18004 5.78527 5.18004 6.20738 5.44365 6.46773L6.39824 7.41054C6.66184 7.67089 7.08923 7.67089 7.35283 7.41054C7.61644 7.15019 7.61644 6.72808 7.35283 6.46773L6.39824 5.52492C6.13464 5.26457 5.70725 5.26457 5.44365 5.52492ZM18.3319 5.52589C18.0683 5.26554 17.6409 5.26554 17.3773 5.52589L16.4227 6.4687C16.1591 6.72905 16.1591 7.15116 16.4227 7.41151C16.6863 7.67186 17.1137 7.67186 17.3773 7.41151L18.3319 6.4687C18.5955 6.20835 18.5955 5.78624 18.3319 5.52589ZM6.6 11.8889C6.6 8.94337 9.01766 6.55556 12 6.55556C14.9823 6.55556 17.4 8.94337 17.4 11.8889C17.4 13.3616 16.7956 14.695 15.8184 15.6601C15.5683 15.9072 15.22 16.1387 14.9249 16.3336L14.925 16.9762C14.925 17.9702 14.1191 18.7763 13.1251 18.7761L13.1251 18.7758L12.675 18.776L12.675 15.2298C12.7037 15.2093 12.7312 15.1862 12.7571 15.1607L14.6663 13.275C14.9299 13.0147 14.9299 12.5926 14.6663 12.3322C14.4027 12.0719 13.9753 12.0719 13.7117 12.3322L11.9361 14.086L10.1604 12.3322C9.89679 12.0719 9.4694 12.0719 9.2058 12.3322C8.94219 12.5926 8.94219 13.0147 9.2058 13.275L11.115 15.1607C11.1773 15.2222 11.2487 15.2692 11.325 15.3016L11.325 18.7761L10.875 18.7761L10.875 18.7765C9.88095 18.7767 9.07494 17.9705 9.07494 16.9764L9.07506 16.3337C8.77997 16.1388 8.43175 15.9072 8.18162 15.6601C7.20442 14.695 6.6 13.3616 6.6 11.8889ZM5.7 11.8889C5.7 11.5207 5.40152 11.2222 5.03333 11.2222L3.66667 11.2222C3.29848 11.2222 3 11.5207 3 11.8889C3 12.2571 3.29848 12.5556 3.66667 12.5556L5.03333 12.5556C5.40152 12.5556 5.7 12.2571 5.7 11.8889ZM21 11.8889C21 11.5207 20.7015 11.2222 20.3333 11.2222L18.9667 11.2222C18.5985 11.2222 18.3 11.5207 18.3 11.8889C18.3 12.2571 18.5985 12.5556 18.9667 12.5556L20.3333 12.5556C20.7015 12.5556 21 12.2571 21 11.8889ZM14.475 20.3333C14.475 19.9651 14.1765 19.6667 13.8083 19.6667L10.1917 19.6667C9.82348 19.6667 9.525 19.9651 9.525 20.3333C9.525 20.7015 9.82348 21 10.1917 21L13.8083 21C14.1765 21 14.475 20.7015 14.475 20.3333Z" fill="url(#paint_linear_1)" fill-rule="evenodd" />
</svg>
<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="4" y2="20" gradientUnits="userSpaceOnUse">
<stop stop-color="rgb(8,151,156)" offset="0" stop-opacity="1" />
<stop stop-color="rgb(8,151,156)" offset="1" stop-opacity="0.5" />
</linearGradient>
</defs>
<rect id="容器 1595" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="矢量 1663" d="M19.7026 19.1999L11.4944 19.1999C11.3755 19.1999 11.2566 19.4823 11.2566 19.5966L11.2566 19.6537C11.2566 19.768 11.3755 20 11.4944 20L19.7026 20C19.8216 20 19.9407 19.768 19.9407 19.6537L19.9407 19.5966C19.9407 19.4823 19.8216 19.1999 19.7026 19.1999ZM19.9405 17.4857C19.7621 17.1429 19.5242 17.0857 19.3457 17.0286C18.8104 16.9714 18.3941 16.9143 18.2156 16.8571C17.9182 16.7429 17.6803 16.6286 17.4424 16.4571C17.2639 16.3429 16.9665 16.0571 16.9071 15.8857C16.7881 15.7143 16.8476 15.2571 16.9071 15.0286C16.9665 14.8571 17.3234 14.4 17.3234 14.4C17.7993 13.9429 18.0967 13.3143 18.0967 12.6857C18.0967 11.8286 17.6208 11.0286 16.8476 10.6286C16.0744 10.2286 15.1227 10.2286 14.3494 10.6286C13.5762 11.0286 13.1004 11.8286 13.1004 12.6857C13.1004 13.3714 13.3978 14 13.8736 14.4C13.8736 14.4 14.29 14.8571 14.3494 15.0286C14.4089 15.2571 14.4684 15.6571 14.3494 15.8857C14.29 16.0571 13.9926 16.3429 13.8141 16.4571C13.5762 16.6286 13.3383 16.7429 13.0409 16.8571C12.8625 16.9143 12.4461 16.9143 11.9108 17.0286C11.7323 17.0286 11.4944 17.1429 11.316 17.4857C11.2565 17.6 11.2565 18.2857 11.316 18.4C11.3755 18.5143 11.6134 18.7429 11.6134 18.7429L19.7026 18.7429C19.7026 18.7429 19.9405 18.5143 20 18.4C20 18.2857 20 17.6 19.9405 17.4857ZM10.7212 17.2571C10.9591 16.8571 11.316 16.5714 11.7323 16.5143C11.9108 16.5143 12.1487 16.4571 12.2677 16.4571C12.4461 16.4571 12.6245 16.4 12.684 16.4C12.9219 16.2857 13.1004 16.2286 13.3978 16.0571L13.6952 15.7714L13.6952 15.3143C13.6357 15.2571 13.4572 14.9714 13.3978 14.8571C12.803 14.2857 12.4461 13.5429 12.4461 12.7429C12.4461 11.7143 13.0409 10.6857 13.9926 10.1714C14.4684 9.88572 15.0037 9.77143 15.539 9.77143C16.0743 9.77143 16.6097 9.88572 17.0855 10.1714C17.6803 10.5143 18.1561 10.9714 18.3941 11.5429L18.3941 5.71429C18.3941 4.74286 17.5613 4 16.6097 4L5.78439 4C4.77323 4 4 4.8 4 5.71429L4 18.2857C4 19.2 4.83271 20 5.78439 20L10.6617 20C10.6617 19.9429 10.6022 19.8286 10.6022 19.7714L10.6022 19.7143C10.6022 19.4286 10.7212 19.2 10.9591 19.0286C10.7212 18.8 10.6617 18.6286 10.6022 18.5714C10.5428 18.4 10.5428 17.5429 10.7212 17.2571L10.7212 17.2571ZM6.73606 6.97143L15.3011 6.97143C15.658 6.97143 15.9554 7.2 15.9554 7.48571C15.9554 7.77143 15.658 8 15.3011 8L6.73606 8C6.55762 8 6.37918 7.94286 6.26022 7.82857C6.14126 7.71429 6.08178 7.6 6.08178 7.42857C6.08178 7.2 6.37918 6.97143 6.73606 6.97143ZM6.26022 10C6.37918 9.88571 6.55762 9.82857 6.73606 9.82857L11.7918 9.82857C12.1487 9.82857 12.4461 10.0571 12.4461 10.3429C12.4461 10.6286 12.1487 10.8571 11.7918 10.8571L6.73606 10.8571C6.55762 10.8571 6.37918 10.8 6.26022 10.6857C6.14126 10.5714 6.08178 10.4571 6.08178 10.2857C6.08178 10.2286 6.14126 10.1143 6.26022 10ZM8.99628 13.3714C8.87732 13.4857 8.75837 13.5429 8.57993 13.5429L6.6171 13.5429C6.49814 13.5429 6.3197 13.4857 6.20074 13.3714C6.08178 13.2571 6.0223 13.1429 6.0223 12.9714C6.0223 12.6857 6.26022 12.4571 6.6171 12.4571L8.57993 12.4571C8.87732 12.4571 9.11524 12.6857 9.11524 12.9714C9.17472 13.1429 9.11524 13.2571 8.99628 13.3714L8.99628 13.3714Z" fill="url(#paint_linear_2)" fill-rule="nonzero" />
</svg>
<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_4" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse">
<stop stop-color="rgb(206,79,81)" offset="0" stop-opacity="1" />
<stop stop-color="rgb(206,79,81)" offset="1" stop-opacity="0.5" />
</linearGradient>
</defs>
<rect id="容器 1597" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="矢量 1664" d="M12.0011 14.9998C8.13541 14.9998 5 13.9683 5 12.3128L5 14.0004C5 15.6577 8.13328 17.0002 12.0011 17.0002C15.8688 17.0002 19 15.6577 19 14.0004L19 12.3128C19 13.9701 15.8667 14.9998 12.0011 14.9998ZM12.0011 17.9996C8.13541 17.9996 5 16.968 5 15.3126L5 17.0002C5 18.6574 8.13541 20 12.0011 20C15.8667 20 19 18.6574 19 17.0002L19 15.3126C19 16.9698 15.8667 17.9996 12.0011 17.9996ZM12.0011 12C8.13541 12 5 10.9703 5 9.31307L5 11.0007C5 12.6579 8.13328 14.0004 12.0011 14.0004C15.8688 14.0004 19 12.6579 19 11.0007L19 9.31307C19 10.9703 15.8667 12 12.0011 12L12.0011 12ZM12.0011 4C8.13541 4 5 5.34257 5 6.99978L5 7.99911C5 9.65631 8.13328 10.9989 12.0011 10.9989C15.8688 10.9989 19 9.65631 19 7.99911L19 6.99978C19 5.34257 15.8667 4 12.0011 4L12.0011 4ZM13.2981 7.4771C13.0879 7.51643 12.865 7.54324 12.6252 7.57899C12.6252 7.68268 12.6294 7.79352 12.6252 7.90078C12.6209 7.96872 12.6146 7.97229 12.4341 7.97587C12.1815 7.97944 11.931 7.97587 11.6784 7.97408C11.6168 7.97408 11.585 7.96157 11.5807 7.94011C11.5701 7.88648 11.5595 7.83464 11.5574 7.78101C11.5531 7.72201 11.5553 7.66302 11.5553 7.60224C11.3281 7.58615 11.1052 7.57363 10.8823 7.55576C10.5618 7.53073 10.2497 7.49497 9.98438 7.41453C9.95678 7.40559 9.92919 7.38592 9.93768 7.3752C10.029 7.24648 10.1309 7.11598 10.2306 6.98726C10.2327 6.9819 10.2412 6.97654 10.254 6.96939C10.3559 6.98548 10.4578 7.00157 10.5575 7.01765C10.9566 7.08022 11.3621 7.13207 11.7973 7.13922C12.0626 7.14279 12.3216 7.13564 12.5487 7.07129C12.9436 6.95866 12.9563 6.77631 12.5594 6.66548C12.3938 6.619 12.1942 6.5886 12.0053 6.55643C11.6593 6.49743 11.2984 6.44916 10.9651 6.38123C10.5448 6.29542 10.2136 6.17028 10.0629 5.98972C9.80606 5.67866 10.1351 5.35687 10.8845 5.1924C11.0861 5.1495 11.3133 5.12268 11.5319 5.09229C11.5998 5.08335 11.6211 5.07441 11.6211 5.0476C11.6232 4.94749 11.6317 4.84916 11.6359 4.74905C11.6381 4.70972 11.6826 4.69363 11.7824 4.69542C12.0371 4.699 12.2919 4.70078 12.5466 4.70078C12.6485 4.70078 12.6782 4.72224 12.6825 4.75263C12.691 4.8009 12.6931 4.84738 12.6973 4.89564C12.6995 4.9314 12.6973 4.96715 12.691 5.00291C12.6846 5.03687 12.7143 5.05117 12.8077 5.05654C13.1792 5.08157 13.5507 5.10302 13.8925 5.17095C14.0963 5.21028 14.0963 5.21028 14.0368 5.29609C13.9604 5.4105 13.8925 5.52671 13.7397 5.63754C13.6887 5.6286 13.6378 5.62145 13.5868 5.61252C13.1474 5.54458 12.6952 5.4981 12.2218 5.50168C12.0754 5.50347 11.9225 5.5124 11.7867 5.53386C11.4555 5.58391 11.3578 5.74481 11.5807 5.85028C11.7124 5.91285 11.8907 5.95039 12.0754 5.98078C12.4596 6.04514 12.8523 6.10235 13.2281 6.17207C13.6123 6.24179 13.9392 6.34369 14.143 6.49207C14.5527 6.79419 14.4338 7.26257 13.2981 7.4771L13.2981 7.4771Z" fill="url(#paint_linear_4)" fill-rule="nonzero" />
</svg>
<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_5" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse">
<stop stop-color="rgb(212,107,8)" offset="0" stop-opacity="1" />
<stop stop-color="rgb(212,107,8)" offset="1" stop-opacity="0.5" />
</linearGradient>
</defs>
<rect id="容器 1599" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="合并" d="M14.7006 4.3477L14.5714 4.30284C13.9485 4.09492 13.2969 3.99277 12.642 4.0004C11.9872 4.00802 11.3379 4.12533 10.7198 4.3477L10.2498 4.51684C11.0933 4.47163 11.9374 4.59585 12.7348 4.88255L16.47 6.21424L16.5709 6.25881C17.3125 6.60823 17.7903 7.37193 17.7842 8.20677L17.7842 15.3478L17.7247 15.5269L17.6878 15.6326C17.4686 16.2263 17.0128 16.9829 16.237 17.7969C15.7958 18.2567 15.3152 18.6746 14.8009 19.0454C18.7583 17.046 19.5 14.6067 19.5 14.6067L19.5 6.85137L19.4989 6.79308C19.4891 6.58267 19.4213 6.37948 19.3033 6.20728C19.1854 6.03509 19.0221 5.90104 18.8328 5.82082L14.7006 4.3477ZM12.3705 6.02596L12.2511 5.98453C11.6932 5.79878 11.1097 5.70764 10.5233 5.71469C9.937 5.72173 9.35569 5.82686 8.8022 6.02596L5.13666 7.34651L5.08583 7.36708C4.91349 7.44296 4.76635 7.56878 4.66232 7.72919C4.5583 7.88961 4.5019 8.07768 4.5 8.27049L4.5 15.2232L4.52638 15.2967L4.54916 15.3538L4.58 15.4258L4.61972 15.5115L4.64888 15.5721L4.71277 15.6946L4.76944 15.7966L4.83416 15.9069L4.90749 16.0246L4.98972 16.1498L5.04972 16.2369L5.11388 16.3269L5.18277 16.4195L5.2561 16.5146L5.33388 16.6123L5.45971 16.7629L5.50416 16.8143L5.59666 16.9181L5.64499 16.9709L5.74527 17.0775L5.8511 17.1858L5.96221 17.2955L6.07888 17.4066L6.20138 17.5189L6.26471 17.5752L6.39582 17.6895C6.44122 17.728 6.48696 17.7661 6.53304 17.8038L6.67637 17.9192L6.82609 18.0349L6.9822 18.1512C7.06165 18.2095 7.14387 18.2677 7.22831 18.326L7.40081 18.4429C8.22136 18.9869 9.26469 19.5277 10.5864 20C10.8256 19.9147 11.063 19.8242 11.2986 19.7286L11.5675 19.6166C12.1678 19.3625 12.7507 19.0672 13.3124 18.7326L13.5108 18.6112C13.6077 18.5503 13.7022 18.4895 13.7938 18.4283L13.9733 18.3063C14.0905 18.2249 14.2027 18.1437 14.3105 18.0626L14.4683 17.9415C14.5199 17.9009 14.5702 17.8606 14.6194 17.8206L14.7638 17.7006C14.8108 17.6606 14.8566 17.6209 14.9016 17.5815L15.0327 17.4635L15.1577 17.3466L15.2766 17.2312L15.3894 17.1172C15.426 17.0795 15.4616 17.0421 15.4963 17.0049L15.5974 16.8949L15.693 16.7863L15.7833 16.6803L15.868 16.5766L15.9474 16.4755L16.0222 16.3772L16.0916 16.2815L16.1566 16.1889L16.2169 16.0995L16.2991 15.9718L16.3483 15.8912L16.3935 15.8141L16.4538 15.7061L16.5058 15.6075L16.5627 15.4915L16.5966 15.4169L16.6383 15.3181L16.673 15.2227L16.673 8.2702L16.6716 8.21306C16.662 8.02536 16.6009 7.8443 16.4953 7.69091C16.3897 7.53752 16.2439 7.41809 16.0749 7.34651L12.3705 6.02596ZM9.05303 9.0999C9.45442 8.92962 9.85525 8.85705 10.2802 8.85705C10.705 8.85705 11.13 8.92962 11.5311 9.0999C11.9325 9.2699 12.31 9.53675 12.6166 9.85275C12.9002 10.1439 13.1358 10.4839 13.2775 10.8479C13.4427 11.2124 13.5374 11.5764 13.5608 11.965C13.5847 12.3536 13.5608 12.7421 13.4666 13.1064C13.3955 13.4704 13.2305 13.8347 13.0416 14.1504L14.4811 15.6315C14.6463 15.8258 14.7411 15.9958 14.7411 16.1415C14.7644 16.2869 14.7172 16.4326 14.5755 16.5783C14.4341 16.7486 14.2924 16.8458 14.1272 16.8212C13.9622 16.7972 13.7969 16.7241 13.6316 16.6029L12.1213 15.1215C11.7905 15.3158 11.4605 15.4618 11.0827 15.5586C10.705 15.6558 10.3272 15.6801 9.9733 15.6558C9.60914 15.6044 9.25247 15.5066 8.91136 15.3644C8.55748 15.2192 8.25053 14.9758 7.96748 14.6849C7.63693 14.3692 7.40109 13.9804 7.2361 13.5678C7.07054 13.155 6.99999 12.7178 6.99999 12.2807C6.99999 11.8436 7.07054 11.4064 7.23582 10.9936C7.40082 10.581 7.66054 10.1925 7.96748 9.85275C8.29803 9.51247 8.65164 9.2699 9.05303 9.0999ZM12.5069 12.2713C12.5069 10.9896 11.5038 9.95074 10.2669 9.95074C9.0297 9.95075 8.02692 10.9896 8.02692 12.2713C8.02692 13.5527 9.02997 14.5915 10.2669 14.5915C11.5041 14.5915 12.5069 13.5527 12.5069 12.2713Z" fill="url(#paint_linear_5)" fill-rule="evenodd" />
</svg>
<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_6" x1="13" x2="13" y1="4" y2="20" gradientUnits="userSpaceOnUse">
<stop stop-color="rgb(212,56,13)" offset="0" stop-opacity="1" />
<stop stop-color="rgb(212,56,13)" offset="1" stop-opacity="0.5" />
</linearGradient>
</defs>
<rect id="容器 1601" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="矢量 1679" d="M17 4C18.0195 4 18.8462 4.81132 18.8462 5.81132L18.8462 11.3443C18.2323 11.0861 17.5562 10.9434 16.8462 10.9434C14.0424 10.9434 11.7692 13.1733 11.7692 15.9245C11.7692 17.6097 12.6217 19.0991 13.9264 20L6.84615 20C5.82662 20 5 19.1887 5 18.1887L5 5.81132C5 4.81132 5.82662 4 6.84615 4L17 4ZM15.7692 6.71698C16.1091 6.71698 16.3846 6.98703 16.3846 7.32076C16.3846 7.65448 16.1091 7.92453 15.7692 7.92453L8.07692 7.92453C7.73708 7.92453 7.46154 7.65448 7.46154 7.32076C7.46154 6.98703 7.73708 6.71698 8.07692 6.71698L15.7692 6.71698ZM12.6923 9.73585C13.0322 9.73585 13.3077 10.0059 13.3077 10.3396C13.3077 10.6733 13.0322 10.9434 12.6923 10.9434L8.07692 10.9434C7.73708 10.9434 7.46154 10.6733 7.46154 10.3396C7.46154 10.0059 7.73708 9.73585 8.07692 9.73585L12.6923 9.73585ZM21 15.9245C21 13.6733 19.1403 11.8491 16.8462 11.8491C14.552 11.8491 12.6923 13.6733 12.6923 15.9245C12.6923 18.1757 14.552 20 16.8462 20C19.1403 20 21 18.1757 21 15.9245ZM10.8462 13.3585C10.8462 13.0248 10.5706 12.7547 10.2308 12.7547L8.07692 12.7547C7.73708 12.7547 7.46154 13.0248 7.46154 13.3585C7.46154 13.6922 7.73708 13.9623 8.07692 13.9623L10.2308 13.9623C10.5706 13.9623 10.8462 13.6922 10.8462 13.3585ZM16.8462 13.0566C17.4378 13.0566 17.9886 13.2288 18.4486 13.5259L14.4011 17.4965C14.0989 17.0448 13.9231 16.5047 13.9231 15.9245C13.9231 14.3408 15.2317 13.0566 16.8462 13.0566ZM16.8462 18.7925C16.2689 18.7925 15.7305 18.6285 15.2773 18.3443L19.3131 14.3856C19.6019 14.8302 19.7692 15.3585 19.7692 15.9245C19.7692 17.5083 18.4606 18.7925 16.8462 18.7925Z" fill="url(#paint_linear_6)" fill-rule="evenodd" />
</svg>
<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_8" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse">
<stop stop-color="rgb(206,79,81)" offset="0" stop-opacity="1" />
<stop stop-color="rgb(206,79,81)" offset="1" stop-opacity="0.5" />
</linearGradient>
</defs>
<rect id="容器 1603" width="24.000000" height="24.000000" x="0.000000" y="0.000000" />
<path id="矢量 1680" d="M16.8795 13.0551L7.1203 13.0551C6.60329 13.0551 6.17254 12.6591 6.12954 12.1444L6.00178 10.6135C5.97742 10.324 6.20634 10.0757 6.49716 10.0757L17.5029 10.0757C17.7937 10.0757 18.0224 10.324 17.9983 10.6135L17.8705 12.1444C17.8275 12.6591 17.3967 13.0551 16.8795 13.0551ZM16.8002 13.5516L7.19959 13.5516L8.19383 21L15.806 21L16.8002 13.5516ZM12.0424 6.34879C12.9683 6.34879 13.7187 5.59899 13.7187 4.6744C13.7187 3.74956 12.968 3 12.0424 3C11.1168 3 10.3661 3.7498 10.3661 4.6744C10.3659 5.59899 11.1165 6.34879 12.0424 6.34879ZM15.8526 9.57915L15.4854 7.94175C15.3922 7.52539 15.0515 7.20958 14.6289 7.14751L13.1383 6.92852L12.4001 8.6203L12.3049 7.78658C12.3024 7.76026 12.28 7.74015 12.2537 7.74015L11.8319 7.74015C11.805 7.74015 11.7829 7.76051 11.7804 7.78707L11.6939 8.64165L10.9465 6.92877L9.45589 7.14775C9.03334 7.20982 8.69256 7.52563 8.59935 7.942L8.23223 9.57915L15.8526 9.57915ZM11.5266 6.99283C11.5271 7.14751 11.6549 7.35358 11.7322 7.43079C11.8095 7.50801 11.9392 7.50801 12.0424 7.50801C12.1455 7.50801 12.2753 7.50801 12.3526 7.43079C12.4299 7.35358 12.5577 7.14751 12.5582 6.99283C12.5589 6.81258 12.2432 6.78676 12.0424 6.78676C11.8413 6.78676 11.5259 6.81233 11.5266 6.99283Z" fill="url(#paint_linear_8)" fill-rule="nonzero" />
</svg>
<template>
<div class="countrybill-wrapper">
<div class="header-box">我是国会法案</div>
<div class="main-box">
<div class="info-box">
<div class="switch-box" @click="handleSwitchChartData">
<img v-if="!isShowChart" src="../../../assets/icons/chart-active.svg" alt="">
<img v-else src="../../../assets/icons/data-active.svg" alt="">
</div>
<div class="num-box text-title-3-bold">
{{ `共 ${totalNum} 条数据` }}
</div>
</div>
<div class="content-box"></div>
</div>
</div>
</template>
<script setup>
import { ref } from 'vue'
// 图表/数据
const isShowChart = ref(true)
const handleSwitchChartData = () => {
isShowChart.value = !isShowChart.value
}
// 总计数据
const totalNum = ref(12)
</script>
<style lang="scss" scoped>
.countrybill-wrapper {
width: 1600px;
height: 968px;
.headere-box {
width: 1568px;
height: 112px;
border-radius: 10px;
background: rgb(255, 255, 255);
border: 1px solid var(--bg-black-5);
margin: 16px auto;
}
.header-box {
width: 1568px;
height: 112px;
border-radius: 10px;
background: rgb(255, 255, 255);
border: 1px solid var(--bg-black-5);
margin: 16px auto;
}
.main-box {
.info-box {
margin: 0 auto;
width: 1568px;
height: 30px;
display: flex;
justify-content: space-between;
.switch-box {
width: 160px;
border-radius: 20px;
border: 1px solid var(--color-primary-100);
height: 30px;
cursor: pointer;
img {
width: 100%;
height: 100%;
}
}
.num-box {
color: var(--color-red-100);
}
}
.content-box {
margin: 0 auto;
margin-top: 16px;
width: 1568px;
height: 766px;
border-radius: 10px;
background: rgba(255, 255, 255);
border: 1px solid var(--bg-black-5);
}
}
}
</style>
\ No newline at end of file
<template>
<div class="countrybill-wrapper">
<div class="header-box">我是州法案</div>
<div class="main-box">
<div class="info-box">
<div class="switch-box" @click="handleSwitchChartData">
<img v-if="!isShowChart" src="../../../assets/icons/chart-active.svg" alt="">
<img v-else src="../../../assets/icons/data-active.svg" alt="">
</div>
<div class="num-box text-title-3-bold">
{{ `共 ${totalNum} 条数据` }}
</div>
</div>
<div class="content-box"></div>
</div>
</div>
</template>
<script setup>
import { ref } from 'vue'
// 图表/数据
const isShowChart = ref(true)
const handleSwitchChartData = () => {
isShowChart.value = !isShowChart.value
}
// 总计数据
const totalNum = ref(12)
</script>
<style lang="scss" scoped>
.countrybill-wrapper {
width: 1600px;
height: 968px;
.headere-box {
width: 1568px;
height: 112px;
border-radius: 10px;
background: rgb(255, 255, 255);
border: 1px solid var(--bg-black-5);
margin: 16px auto;
}
.header-box {
width: 1568px;
height: 112px;
border-radius: 10px;
background: rgb(255, 255, 255);
border: 1px solid var(--bg-black-5);
margin: 16px auto;
}
.main-box {
.info-box {
margin: 0 auto;
width: 1568px;
height: 30px;
display: flex;
justify-content: space-between;
.switch-box {
width: 160px;
border-radius: 20px;
border: 1px solid var(--color-primary-100);
height: 30px;
cursor: pointer;
img {
width: 100%;
height: 100%;
}
}
.num-box {
color: var(--color-red-100);
}
}
.content-box {
margin: 0 auto;
margin-top: 16px;
width: 1568px;
height: 766px;
border-radius: 10px;
background: rgba(255, 255, 255);
border: 1px solid var(--bg-black-5);
}
}
}
</style>
\ No newline at end of file
差异被折叠。
差异被折叠。
......@@ -73,7 +73,7 @@
</div>
<div class="header-right">
<div class="tag1">{{ item.searchsort }}</div>
<div class="area-tag-box">
<div class="area-tag-box" v-if="item.searchArea.length">
<AreaTag v-for="(val, idx) in item.searchArea" :key="idx" :tagName="val" />
</div>
</div>
......@@ -117,7 +117,7 @@
</div>
<div class="list-item">
<div class="icon"></div>
<div class="list-left">{{ "涉案专利" }}</div>
<div class="list-left">{{ "涉案专利" }}</div>
<div class="list-right">
{{ item.patent }}
</div>
......@@ -1794,16 +1794,18 @@ onMounted(async () => {
.box1-main {
width: 1064px;
height: 354px;
margin-top: 22px;
margin-top: 16px;
margin-left: 31px;
.box1-main-header {
width: 990px;
height: 54px;
height: 60px;
display: flex;
justify-content: space-between;
align-items: center;
.header-left {
width: 660px;
padding-left: 22px;
color: var(--color-main-active);
font-family: Source Han Sans CN;
......@@ -1814,8 +1816,9 @@ onMounted(async () => {
.header-right {
display: flex;
width: 300px;
width: 320px;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
.tag1 {
......@@ -1830,8 +1833,10 @@ onMounted(async () => {
}
.area-tag-box {
flex: 1;
margin-left: 8px;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
}
......@@ -1927,11 +1932,12 @@ onMounted(async () => {
.list-left {
margin-left: 18px;
line-height: 37px;
width: 100px;
width: 80px;
color: rgba(59, 65, 75, 1);
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 700;
text-align: right;
}
.list-right {
......@@ -1941,7 +1947,7 @@ onMounted(async () => {
font-family: Source Han Sans CN;
font-size: 16px;
font-weight: 400;
width: 800px;
width: 820px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
......
......@@ -54,19 +54,26 @@ const getBarChart = (nameList, valueList) => {
},
barWidth: 20,
markPoint: {
// symbol: 'circle',
// symbolSize: 0,
symbol: 'circle',
symbolSize: 20,
data: (function () {
const data = [];
nameList.forEach((item, index) => {
data.push({
name: 'icon',
name: `icon${index}`,
xAxis: index,
yAxis: valueList[index],
symbol: `image://${item.img}`,
symbolSize: [20, 20],
symbolOffset: [0, 20],
symbolCircle: 10
// symbolSize: [20, 20],
symbolSize: 20,
// symbolOffset: [0, 20],
symbolCircle: 20,
itemStyle: {
borderRadius: '50%',
borderColor: '#fff',
borderWidth: 2
}
});
});
return data;
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论