zhc077
/
hnjd_comp
forked from wangjiadong/comp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

页面调整增加打印功能

Browse Source
main
JayChou 4 months ago
parent de2a695edc
commit 2a97a54b08
13 changed files with 308 additions and 80 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      jeecgboot-vue3-master/index.html
  2. 21
      jeecgboot-vue3-master/package.json
  3. 1
      jeecgboot-vue3-master/src/assets/icons/log.svg
  4. 87
      jeecgboot-vue3-master/src/views/comprehensiveEvaluation/components/cardList.vue
  5. 19
      jeecgboot-vue3-master/src/views/comprehensiveEvaluation/components/cardList2.vue
  6. 24
      jeecgboot-vue3-master/src/views/comprehensiveEvaluation/components/cardList3.vue
  7. 3
      jeecgboot-vue3-master/src/views/comprehensiveEvaluation/components/cardList4.vue
  8. 3
      jeecgboot-vue3-master/src/views/comprehensiveEvaluation/components/cardList5.vue
  9. 3
      jeecgboot-vue3-master/src/views/comprehensiveEvaluation/components/cardList6.vue
  10. 3
      jeecgboot-vue3-master/src/views/comprehensiveEvaluation/components/cardList7.vue
  11. 3
      jeecgboot-vue3-master/src/views/comprehensiveEvaluation/components/cardList8.vue
  12. 148
      jeecgboot-vue3-master/src/views/comprehensiveEvaluation/comprehensiveReport.vue
  13. 71
      jeecgboot-vue3-master/src/views/comprehensiveEvaluation/department.vue

2
jeecgboot-vue3-master/index.html
Unescape View File

@ -16,6 +16,8 @@
window._CONFIG = {}; window._CONFIG = {};
</script> </script>
<script type="text/javascript" src="/resource/js/base64.min.js"></script> <script type="text/javascript" src="/resource/js/base64.min.js"></script>
<script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
<script src="https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js"></script>
</head> </head>
<body> <body>
<script> <script>

21
jeecgboot-vue3-master/package.json
Unescape View File

@ -33,17 +33,17 @@
"gen:icon": "esno ./build/generate/icon/index.ts" "gen:icon": "esno ./build/generate/icon/index.ts"
}, },
"dependencies": { "dependencies": {
"@jeecg/online": "3.5.3-beta3",
"@qiaoqiaoyun/drag-free": "^1.0.52",
"@iconify/iconify": "^2.2.1",
"@ant-design/colors": "^6.0.0", "@ant-design/colors": "^6.0.0",
"@ant-design/icons-vue": "^6.1.0", "@ant-design/icons-vue": "^6.1.0",
"@iconify/iconify": "^2.2.1",
"@jeecg/online": "3.5.3-beta3",
"@logicflow/core": "^1.1.13", "@logicflow/core": "^1.1.13",
"@logicflow/extension": "^1.1.13", "@logicflow/extension": "^1.1.13",
"@vue/shared": "^3.2.33", "@qiaoqiaoyun/drag-free": "^1.0.52",
"@vue/runtime-core": "^3.2.33", "@vue/runtime-core": "^3.2.33",
"@vueuse/shared": "^8.3.0", "@vue/shared": "^3.2.33",
"@vueuse/core": "^8.3.0", "@vueuse/core": "^8.3.0",
"@vueuse/shared": "^8.3.0",
"@zxcvbn-ts/core": "^2.0.1", "@zxcvbn-ts/core": "^2.0.1",
"ant-design-vue": "^3.2.12", "ant-design-vue": "^3.2.12",
"axios": "^0.26.1", "axios": "^0.26.1",
@ -59,6 +59,7 @@
"emoji-mart-vue-fast": "^11.1.1", "emoji-mart-vue-fast": "^11.1.1",
"enquire.js": "^2.1.6", "enquire.js": "^2.1.6",
"intro.js": "^5.1.0", "intro.js": "^5.1.0",
"jspdf": "^2.5.1",
"lodash-es": "^4.17.21", "lodash-es": "^4.17.21",
"lodash.get": "^4.4.2", "lodash.get": "^4.4.2",
"md5": "^2.3.0", "md5": "^2.3.0",
@ -66,11 +67,11 @@
"nprogress": "^0.2.0", "nprogress": "^0.2.0",
"path-to-regexp": "^6.2.0", "path-to-regexp": "^6.2.0",
"pinia": "2.0.12", "pinia": "2.0.12",
"print-js": "^1.6.0",
"pinyin-pro": "^3.11.0", "pinyin-pro": "^3.11.0",
"qs": "^6.10.3", "print-js": "^1.6.0",
"qrcode": "^1.5.0", "qrcode": "^1.5.0",
"qrcodejs2": "0.0.2", "qrcodejs2": "0.0.2",
"qs": "^6.10.3",
"resize-observer-polyfill": "^1.5.1", "resize-observer-polyfill": "^1.5.1",
"showdown": "^2.1.0", "showdown": "^2.1.0",
"sortablejs": "^1.15.0", "sortablejs": "^1.15.0",
@ -81,6 +82,7 @@
"vue-cropperjs": "^5.0.0", "vue-cropperjs": "^5.0.0",
"vue-i18n": "^9.1.9", "vue-i18n": "^9.1.9",
"vue-infinite-scroll": "^2.0.2", "vue-infinite-scroll": "^2.0.2",
"vue-json-pretty": "^2.0.6",
"vue-print-nb-jeecg": "^1.0.12", "vue-print-nb-jeecg": "^1.0.12",
"vue-router": "^4.0.14", "vue-router": "^4.0.14",
"vue-types": "^4.1.1", "vue-types": "^4.1.1",
@ -88,7 +90,6 @@
"vxe-table": "4.1.0", "vxe-table": "4.1.0",
"vxe-table-plugin-antd": "3.0.5", "vxe-table-plugin-antd": "3.0.5",
"xe-utils": "^3.3.1", "xe-utils": "^3.3.1",
"vue-json-pretty": "^2.0.6",
"xss": "^1.0.13" "xss": "^1.0.13"
}, },
"devDependencies": { "devDependencies": {
@ -96,6 +97,7 @@
"@commitlint/config-conventional": "^16.2.1", "@commitlint/config-conventional": "^16.2.1",
"@iconify/json": "^2.1.30", "@iconify/json": "^2.1.30",
"@purge-icons/generated": "^0.8.1", "@purge-icons/generated": "^0.8.1",
"@rys-fe/vite-plugin-theme": "^0.8.6",
"@types/codemirror": "^5.60.5", "@types/codemirror": "^5.60.5",
"@types/crypto-js": "^4.1.1", "@types/crypto-js": "^4.1.1",
"@types/fs-extra": "^9.0.13", "@types/fs-extra": "^9.0.13",
@ -106,9 +108,9 @@
"@types/mockjs": "^1.0.6", "@types/mockjs": "^1.0.6",
"@types/node": "^17.0.25", "@types/node": "^17.0.25",
"@types/nprogress": "^0.2.0", "@types/nprogress": "^0.2.0",
"@types/pinyin": "^2.10.0",
"@types/qrcode": "^1.4.2", "@types/qrcode": "^1.4.2",
"@types/qs": "^6.9.7", "@types/qs": "^6.9.7",
"@types/pinyin": "^2.10.0",
"@types/showdown": "^1.9.4", "@types/showdown": "^1.9.4",
"@types/sortablejs": "^1.10.7", "@types/sortablejs": "^1.10.7",
"@typescript-eslint/eslint-plugin": "^5.20.0", "@typescript-eslint/eslint-plugin": "^5.20.0",
@ -171,7 +173,6 @@
"vite-plugin-pwa": "^0.12.3", "vite-plugin-pwa": "^0.12.3",
"vite-plugin-style-import": "^2.0.0", "vite-plugin-style-import": "^2.0.0",
"vite-plugin-svg-icons": "^2.0.1", "vite-plugin-svg-icons": "^2.0.1",
"@rys-fe/vite-plugin-theme": "^0.8.6",
"vite-plugin-vue-setup-extend-plus": "^0.1.0", "vite-plugin-vue-setup-extend-plus": "^0.1.0",
"vite-plugin-windicss": "^1.8.7", "vite-plugin-windicss": "^1.8.7",
"vue-eslint-parser": "^8.3.0", "vue-eslint-parser": "^8.3.0",

1
jeecgboot-vue3-master/src/assets/icons/log.svg
Unescape View File

@ -0,0 +1 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1720767791980" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5372" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M864 768v-192H160v192H0V352h1024v416h-160zM288 384H64v160h224v-160z" fill="#2394FB" p-id="5373"></path><path d="M256 0h512v256H256z" fill="#A7D4FD" p-id="5374"></path><path d="M256 704h512v320H256z" fill="#A7D4FD" p-id="5375"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 572 B

87
jeecgboot-vue3-master/src/views/comprehensiveEvaluation/components/cardList.vue
Unescape View File

@ -1,19 +1,34 @@
<template> <template>
<div class="foo_card"> <div class="foo_card">
<div class="title"> 比赛学生综合能力评价分析<SvgIcon class="icon" @click="unfold" name="zhedie" /></div> <div class="title">
比赛学生综合能力评价分析</div>
<div class="table-box">
<div class="table">
<div class="t_item t_head">
<div class="name">能力名称</div>
<div class="total">能力分数</div>
<div class="operate">达标情况</div>
</div>
<div class="t_item t_con" v-for="(item,index) in props.data.splice(0,6)" :key="index">
<div class="name">{{ item.text }}</div>
<div class="total">{{ item.max }}</div>
<div class="operate">达标</div>
</div>
</div>
<div class="table"> <div class="table">
<div class="t_item t_head"> <div class="t_item t_head">
<div class="name">能力名称</div> <div class="name">能力名称</div>
<div class="total">能力分数</div> <div class="total">能力分数</div>
<div class="operate">达标情况</div> <div class="operate">达标情况</div>
</div> </div>
<div class="t_item t_con" v-for="(i) in 20" :key="i"> <div class="t_item t_con" v-for="(item,index) in props.data.splice(-6)" :key="index">
<div class="name">能力一</div> <div class="name">{{ item.text }}</div>
<div class="total">100</div> <div class="total">{{ item.max }}</div>
<div class="operate">达标</div> <div class="operate">达标</div>
</div> </div>
</div> </div>
</div>
</div> </div>
</template> </template>
@ -23,7 +38,56 @@
const props = defineProps({ const props = defineProps({
data: { data: {
type: Array, type: Array,
default: [
{
text: '前言探索',
max: 100,
},
{
text: '奠定基础',
max: 100,
},
{
text: '知识分析',
max: 100,
},
{
text: '社会责任',
max: 100,
},
{
text: '独立思考',
max: 100,
},
{
text: '拓宽视野',
max: 100,
},
{
text: '激发兴趣',
max: 100,
},
{
text: '沟通协调',
max: 100,
},
{
text: '设计开发',
max: 100,
},
{
text: '研判分析',
max: 100,
},
{
text: '创新能力',
max: 100,
},
{
text: '团队协作',
max: 100,
},
],
}, },
}); });
let falg = false; let falg = false;
@ -42,11 +106,14 @@
.foo_card { .foo_card {
width: 100%; width: 100%;
height: 500px; height: 500px;
overflow: auto;
background: #ffffff; background: #ffffff;
// box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); // box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
// border-radius: 6px 6px 6px 6px; // border-radius: 6px 6px 6px 6px;
.table-box{
width: 100%;
height: 100%;
display: flex
}
.title { .title {
width: 100%; width: 100%;
text-align: center; text-align: center;
@ -80,7 +147,7 @@
padding-left: 32px; padding-left: 32px;
.t_item { .t_item {
height: 54px; height: 60px;
border-bottom: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;
display: flex; display: flex;
align-items: center; align-items: center;
@ -96,9 +163,11 @@
.total { .total {
width: 74px; width: 74px;
flex: 1; flex: 1;
text-align: center;
} }
.operate { .operate {
text-align: center;
width: 80px; width: 80px;
} }
} }

19
jeecgboot-vue3-master/src/views/comprehensiveEvaluation/components/cardList2.vue
Unescape View File

@ -1,17 +1,22 @@
<template> <template>
<div class="foo_card2"> <div class="foo_card2">
<div class="title"> 比赛学生参赛情况分析<SvgIcon class="icon" @click="unfold" name="zhedie" /></div> <div class="title"> 比赛学生参赛情况分析<div class="log-btn" @click="unfold"><SvgIcon class="icon" name="zhedie" /></div
></div>
<div class="table"> <div class="table">
<div class="t_item t_head"> <div class="t_item t_head">
<div class="name">比赛名称</div> <div class="name">比赛类型</div>
<div class="total">比赛状态</div> <div class="total">比赛名称</div>
<div class="operate">操作</div> <div class="total">比赛项目</div>
<div class="total">比赛层次</div>
<div class="operate">参赛人数</div>
</div> </div>
<div class="t_item t_con" v-for="(i) in 20" :key="i"> <div class="t_item t_con" v-for="(i) in 20" :key="i">
<div class="name">全国高级计算机大赛</div> <div class="name">国赛</div>
<div class="total">比赛中</div> <div class="total">全国高级计算机大赛</div>
<div class="operate">详情</div> <div class="total">计算机算法</div>
<div class="total">高级</div>
<div class="operate">212</div>
</div> </div>
</div> </div>
</div> </div>

24
jeecgboot-vue3-master/src/views/comprehensiveEvaluation/components/cardList3.vue
Unescape View File

@ -1,19 +1,26 @@
<template> <template>
<div class="foo_card3"> <div class="foo_card3">
<div class="title"> 比赛参赛情况<SvgIcon class="icon" @click="unfold" name="zhedie" /></div> <div class="title">
比赛参赛情况<div class="log-btn" @click="unfold"><SvgIcon class="icon" name="zhedie" /></div
></div>
<div class="table"> <div class="table">
<div class="t_item t_head"> <div class="t_item t_head">
<div class="name">比赛类型</div>
<div class="name">比赛名称</div> <div class="name">比赛名称</div>
<div class="total">项目数</div> <div class="total">项目名称</div>
<div class="total">获奖人数</div> <div class="total">层次</div>
<div class="operate">操作</div> <div class="total">奖项数量</div>
<div class="operate">数量</div>
</div> </div>
<div class="t_item t_con" v-for="(i) in 20" :key="i"> <div class="t_item t_con" v-for="i in 20" :key="i">
<div class="name">国赛</div>
<div class="name">全国高级计算机大赛</div> <div class="name">全国高级计算机大赛</div>
<div class="total">1212</div> <div class="total">计算机比赛</div>
<div class="total">321</div> <div class="total">高级</div>
<div class="operate">已结束</div> <div class="total">100</div>
<div class="operate">76</div>
</div> </div>
</div> </div>
</div> </div>
@ -25,7 +32,6 @@
const props = defineProps({ const props = defineProps({
data: { data: {
type: Array, type: Array,
}, },
}); });
let falg = false; let falg = false;

3
jeecgboot-vue3-master/src/views/comprehensiveEvaluation/components/cardList4.vue
Unescape View File

@ -1,6 +1,7 @@
<template> <template>
<div class="foo_card4"> <div class="foo_card4">
<div class="title"> 部门参赛情况<SvgIcon class="icon" @click="unfold" name="zhedie" /></div> <div class="title"> 部门参赛情况<div class="log-btn" @click="unfold"><SvgIcon class="icon" name="zhedie" /></div
></div>
<div class="table"> <div class="table">
<div class="t_item t_head"> <div class="t_item t_head">

3
jeecgboot-vue3-master/src/views/comprehensiveEvaluation/components/cardList5.vue
Unescape View File

@ -1,6 +1,7 @@
<template> <template>
<div class="foo_card5"> <div class="foo_card5">
<div class="title"> 比赛学生参赛情况分析<SvgIcon class="icon" @click="unfold" name="zhedie" /></div> <div class="title"> 比赛学生积分况分析<div class="log-btn" @click="unfold"><SvgIcon class="icon" name="zhedie" /></div
></div>
<div class="table"> <div class="table">
<div class="t_item t_head"> <div class="t_item t_head">

3
jeecgboot-vue3-master/src/views/comprehensiveEvaluation/components/cardList6.vue
Unescape View File

@ -1,6 +1,7 @@
<template> <template>
<div class="foo_card6"> <div class="foo_card6">
<div class="title"> 比赛学生参赛情况分析<SvgIcon class="icon" @click="unfold" name="zhedie" /></div> <div class="title"> 比赛学生参获奖况分析<div class="log-btn" @click="unfold"><SvgIcon class="icon" name="zhedie" /></div
></div>
<div class="table"> <div class="table">
<div class="t_item t_head"> <div class="t_item t_head">

3
jeecgboot-vue3-master/src/views/comprehensiveEvaluation/components/cardList7.vue
Unescape View File

@ -1,6 +1,7 @@
<template> <template>
<div class="foo_card7"> <div class="foo_card7">
<div class="title"> 比赛获奖情况<SvgIcon class="icon" @click="unfold" name="zhedie" /></div> <div class="title"> 比赛获奖情况<div class="log-btn" @click="unfold"><SvgIcon class="icon" name="zhedie" /></div
></div>
<div class="table"> <div class="table">
<div class="t_item t_head"> <div class="t_item t_head">

3
jeecgboot-vue3-master/src/views/comprehensiveEvaluation/components/cardList8.vue
Unescape View File

@ -1,6 +1,7 @@
<template> <template>
<div class="foo_card8"> <div class="foo_card8">
<div class="title"> 比赛获奖情况<SvgIcon class="icon" @click="unfold" name="zhedie" /></div> <div class="title"> 比赛获奖情况<div class="log-btn" @click="unfold"><SvgIcon class="icon" name="zhedie" /></div
></div>
<div class="table"> <div class="table">
<div class="t_item t_head"> <div class="t_item t_head">

148
jeecgboot-vue3-master/src/views/comprehensiveEvaluation/comprehensiveReport.vue
Unescape View File

@ -1,6 +1,6 @@
<template> <template>
<div class="container"> <div class="container">
<div class="title">河南机电学院比赛综合报告</div> <div class="title">河南机电学院比赛综合报告<div style="margin-left: 10px;cursor: pointer;"><SvgIcon name="log" @click="log"/></div></div>
<p class="description" <p class="description"
>我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国阿化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p >我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国阿化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p
> >
@ -58,29 +58,40 @@
</div> </div>
<cardTitle title="比赛学生参赛情况分析" /> <cardTitle title="比赛学生参赛情况分析" />
<p class="description"
>我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国阿化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p <div class="participation-status-content-edit">
> <div class="edit-box">
<div class="participation-status-content"> <div class="right">
<div class="right border-000"> <p class="description tetx-style"
<cardList2 /> >我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国阿化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p
>
</div>
<div class="left border-000">
<!-- <div class="border-title">年度维度分析</div> -->
<cakeChart />
</div>
</div> </div>
<div class="left border-000"> <div class="footer-edit border-000">
<!-- <div class="border-title">年度维度分析</div> --> <cardList2 />
<cakeChart />
</div> </div>
</div> </div>
<cardTitle title="比赛学生获奖情况分析" /> <cardTitle title="比赛学生获奖情况分析" />
<p class="description"
>我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国阿化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p <div class="participation-status-content-edit">
> <div class="edit-box">
<div class="participation-status-content"> <div class="right">
<div class="right border-000"> <p class="description tetx-style"
<cardList3 /> >我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国阿化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p
>
</div>
<div class="left border-000">
<!-- <div class="border-title">年度维度分析</div> -->
<ringChart />
</div>
</div> </div>
<div class="left border-000"> <div class="footer-edit border-000">
<!-- <div class="border-title">年度维度分析</div> --> <cardList3 />
<ringChart />
</div> </div>
</div> </div>
<cardTitle title="部门参赛情况分析" /> <cardTitle title="部门参赛情况分析" />
@ -110,12 +121,14 @@
import cardList4 from './components/cardList4.vue'; import cardList4 from './components/cardList4.vue';
import cardList5 from './components/cardList5.vue'; import cardList5 from './components/cardList5.vue';
import cardList6 from './components/cardList6.vue'; import cardList6 from './components/cardList6.vue';
import { SvgIcon } from '/@/components/Icon';
import randerChart from './components/randerChart.vue'; import randerChart from './components/randerChart.vue';
import cakeChart from './components/cakeChart.vue'; import cakeChart from './components/cakeChart.vue';
import ringChart from './components/ringChart.vue'; import ringChart from './components/ringChart.vue';
import pillarChart from './components/pillarChart.vue'; import pillarChart from './components/pillarChart.vue';
import { ref } from 'vue'; import { ref, onMounted, nextTick } from 'vue';
import { jsPDF } from 'jspdf';
const activeKey = ref('1'); const activeKey = ref('1');
var indicator = [ var indicator = [
{ {
@ -167,24 +180,89 @@
max: 5000, max: 5000,
}, },
]; ];
const log = async () => {
nextTick(async () => {
await clickDom();
// return
var canvas = document.createElement('canvas');
var w = parseInt(document.querySelector('.container').clientWidth);
var h = parseInt(document.querySelector('.container').clientHeight);
console.log(w, h);
canvas.width = w;
canvas.height = h;
canvas.style.width = w + 'px';
canvas.style.height = h + 'px';
canvas.style.background = '#ffffff';
html2canvas(document.querySelector('.container'), { canvas: canvas, background: '#ffffff' }).then(function (canvas) {
var contentWidth = canvas.width;
var contentHeight = canvas.height;
var position = 0;
var imgWidth = 595.28;
var imgHeight = (592.28 / contentWidth) * contentHeight;
var pageData = canvas.toDataURL('image/jpeg', 1.0);
var pdf = new jsPDF('', 'pt', 'a4');
var pageHeight = (contentWidth / 592.28) * 841.89;
var leftHeight = contentHeight;
var pdf = new jsPDF('', 'pt', 'a4');
while (leftHeight > 0) {
pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight);
leftHeight -= pageHeight;
position -= 840;
if (leftHeight > 0 && imgHeight > 841.89) {
pdf.addPage();
}
}
pdf.save('综合报告.pdf');
});
});
};
onMounted(async () => {
console.log(Array.from(document.querySelectorAll('.log-btn')));
// Array.from(document.querySelectorAll('.log-btn'))[0].click()
// Array.from(document.querySelectorAll('.log-btn'))[1].click()
// clickDom()
});
const clickDom = () => {
return new Promise((res: any, rej: any) => {
try {
const dom = Array.from(document.querySelectorAll('.log-btn'));
dom.forEach((item: any) => {
item.click();
});
setTimeout(() => {
res(true);
}, 2000);
} catch (error) {
rej();
}
});
};
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.container { .container {
width: 1200px; width: 1240px;
margin: 0 auto; margin: 0 auto;
// height: 100vh; // height: 100vh;
padding: 0 20px;
padding-bottom: 30px; padding-bottom: 30px;
.title { .title {
width: 100%; width: 100%;
font-size: 36px; font-size: 36px;
text-align: center; text-align: center;
font-weight: 700; font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
} }
.description { .description {
text-indent: 2em; text-indent: 2em;
margin: 30px 0; margin: 30px 0;
} }
.tetx-style {
font-size: 24px;
}
.card-content { .card-content {
display: flex; display: flex;
.item { .item {
@ -258,7 +336,7 @@
align-items: center; align-items: center;
.content-left, .content-left,
.content-right { .content-right {
padding-left: 40px; padding-left: 40px;
width: 100%; width: 100%;
.item { .item {
display: flex; display: flex;
@ -300,6 +378,31 @@
height: auto; height: auto;
} }
} }
.participation-status-content-edit {
width: 100%;
height: auto;
.edit-box {
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
}
.left {
width: 500px;
height: 500px;
margin-left: 50px;
}
.right {
flex: 1;
height: auto;
}
.footer-edit {
margin-top: 30px;
width: 100%;
height: 100%;
}
}
.footer { .footer {
width: 100%; width: 100%;
margin: 30px 0; margin: 30px 0;
@ -315,5 +418,6 @@
line-height: 50px; line-height: 50px;
font-size: 14px; font-size: 14px;
padding: 0 20px; padding: 0 20px;
} }
</style> </style>

71
jeecgboot-vue3-master/src/views/comprehensiveEvaluation/department.vue
Unescape View File

@ -58,29 +58,39 @@
</div> </div>
<cardTitle title="比赛学生参赛情况分析" /> <cardTitle title="比赛学生参赛情况分析" />
<p class="description" <div class="participation-status-content-edit">
>我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国阿化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p <div class="edit-box">
> <div class="right">
<div class="participation-status-content"> <p class="description tetx-style"
<div class="right border-000"> >我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国阿化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p
<cardList2 /> >
</div>
<div class="left border-000">
<!-- <div class="border-title">年度维度分析</div> -->
<cakeChart />
</div>
</div> </div>
<div class="left border-000"> <div class="footer-edit border-000">
<!-- <div class="border-title">年度维度分析</div> --> <cardList2 />
<cakeChart />
</div> </div>
</div> </div>
<cardTitle title="比赛学生获奖情况分析" /> <cardTitle title="比赛学生获奖情况分析" />
<p class="description"
>我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国阿化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p <div class="participation-status-content-edit">
> <div class="edit-box">
<div class="participation-status-content"> <div class="right">
<div class="right border-000"> <p class="description tetx-style"
<cardList3 /> >我是比赛综述:全面落实立德树人根本任务，依据CDI0工程教育理念，培养德、智、体、美、劳全面发展，掌握软件工程专业所需的数学与自然科学基础知识、专业基础理论知识;在企业级软件开发和工业智能软件开发方向，能承担软件分析、设计、开发、项目管理等任务，具备解决复杂工程问题的能力;具有终身学习和创新创业意识、国际交流能力、团队合作精神等良好案养，能适应产业与社会变革的国阿化应用型人才。<br />本专业毕业生经过五年左右的实际工作，能够达到以下目标:</p
>
</div>
<div class="left border-000">
<!-- <div class="border-title">年度维度分析</div> -->
<ringChart />
</div>
</div> </div>
<div class="left border-000"> <div class="footer-edit border-000">
<!-- <div class="border-title">年度维度分析</div> --> <cardList3 />
<ringChart />
</div> </div>
</div> </div>
<cardTitle title="部门参赛情况分析" /> <cardTitle title="部门参赛情况分析" />
@ -296,6 +306,31 @@
height: auto; height: auto;
} }
} }
.participation-status-content-edit {
width: 100%;
height: auto;
.edit-box {
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
}
.left {
width: 500px;
height: 500px;
margin-left: 50px;
}
.right {
flex: 1;
height: auto;
}
.footer-edit {
margin-top: 30px;
width: 100%;
height: 100%;
}
}
.footer { .footer {
width: 100%; width: 100%;
margin: 30px 0; margin: 30px 0;

Write Preview
Loading…
Cancel
Save