From 3549b2fd37fe56a1c5cddd626ce53a5d720d4d0a Mon Sep 17 00:00:00 2001
From: linzhijie <1003392067@qq.com>
Date: 星期三, 10 五月 2023 15:00:09 +0800
Subject: [PATCH] 职业兴趣bugfix
---
src/lang/zh.js | 12
src/views/exam/paper/finish.vue | 10
/dev/null | 298 ------------------------------------------
src/views/exam/paper/career_interests.vue | 40 +++++
src/views/exam/paper/do.vue | 4
src/assets/report/page3.png.bak | 0
src/assets/report/page3-1.png.bak | 0
src/views/report/reportH5.vue | 18 +-
src/views/exam/paper/doPuzzle.vue | 4
src/assets/report/page5.png | 0
10 files changed, 63 insertions(+), 323 deletions(-)
diff --git a/src/assets/report/page3-1.png.bak b/src/assets/report/page3-1.png.bak
new file mode 100644
index 0000000..7feed17
--- /dev/null
+++ b/src/assets/report/page3-1.png.bak
Binary files differ
diff --git a/src/assets/report/page3.png.bak b/src/assets/report/page3.png.bak
new file mode 100644
index 0000000..32d1a41
--- /dev/null
+++ b/src/assets/report/page3.png.bak
Binary files differ
diff --git a/src/assets/report/page5.png b/src/assets/report/page5.png
index 6827271..e26f92e 100644
--- a/src/assets/report/page5.png
+++ b/src/assets/report/page5.png
Binary files differ
diff --git a/src/lang/zh.js b/src/lang/zh.js
index 52ba557..f413450 100644
--- a/src/lang/zh.js
+++ b/src/lang/zh.js
@@ -24,8 +24,8 @@
prompt: '鎻愮ず',
determine: '纭畾',
cancel: '鍙栨秷',
- unfinishSubmit: '鏁版嵁宸茬粡鎴愬姛鐨勪笂浼犺嚦鏈嶅姟鍣紝骞跺凡缁忎繚瀛樺ソ銆傝阿璋€��',
- finishSubmit: '鎮ㄥ凡缁忓畬鎴愪簡宸ヤ綔琛屼负闂嵎锛屾暟鎹凡缁忔垚鍔熺殑涓婁紶鑷虫湇鍔″櫒锛屽苟宸茬粡淇濆瓨濂姐�傝阿璋€��',
+ unfinishSubmit: '鏁版嵁宸茬粡鎴愬姛鍦颁笂浼犺嚦鏈嶅姟鍣紝骞跺凡缁忎繚瀛樺ソ銆傝阿璋€��',
+ finishSubmit: '鎮ㄥ凡缁忓畬鎴愪簡宸ヤ綔琛屼负闂嵎锛屾暟鎹凡缁忔垚鍔熷湴涓婁紶鑷虫湇鍔″櫒锛屽苟宸茬粡淇濆瓨濂姐�傝阿璋€��',
selectData: '閫夋嫨鏃ユ湡',
startDo: '寮�濮嬫祴璇�',
second: '绉�',
@@ -47,12 +47,12 @@
statusInfo2: '棰樼洰鏆傚仠绛旈',
statusInfo3: '绛旈宸茬粨鏉�',
statusInfo4: '棰樼洰宸茬粡澶辨晥',
- timeOutSubmit: '宸茶秴杩囩瓟棰樻椂闂达紝鏁版嵁宸茬粡鎴愬姛鐨勪笂浼犺嚦鏈嶅姟鍣紝骞跺凡缁忎繚瀛樺ソ銆傝阿璋€��',
+ timeOutSubmit: '宸茶秴杩囩瓟棰樻椂闂达紝鏁版嵁宸茬粡鎴愬姛鍦颁笂浼犺嚦鏈嶅姟鍣紝骞跺凡缁忎繚瀛樺ソ銆傝阿璋€��',
nextPartInfo: '璇风◢绛夛紝璇蜂笉瑕佸叧闂祻瑙堝櫒...',
partRemailTime: '鍓╀綑鏃堕棿:',
- finishIntelligenceInfo: '鎮ㄥ凡缁忓畬鎴愪簡璁ょ煡鑳藉姏娴嬭瘯闂嵎锛屾暟鎹凡缁忔垚鍔熺殑涓婁紶鑷虫湇鍔″櫒锛屽苟宸茬粡淇濆瓨濂姐�傝阿璋€��',
- finishPersonalityInfo: '鎮ㄥ凡缁忓畬鎴愪簡浜烘牸娴嬭瘯闂嵎锛屾暟鎹凡缁忔垚鍔熺殑涓婁紶鑷虫湇鍔″櫒锛屽苟宸茬粡淇濆瓨濂姐��',
- finishCareerInterestsInfo: '鎮ㄥ凡缁忓畬鎴愪簡鑱屼笟鍏磋叮闂嵎锛屾暟鎹凡缁忔垚鍔熺殑涓婁紶鑷虫湇鍔″櫒锛屽苟宸茬粡淇濆瓨濂姐��',
+ finishIntelligenceInfo: '鎮ㄥ凡缁忓畬鎴愪簡璁ょ煡鑳藉姏娴嬭瘯闂嵎锛屾暟鎹凡缁忔垚鍔熷湴涓婁紶鑷虫湇鍔″櫒锛屽苟宸茬粡淇濆瓨濂姐�傝阿璋€��',
+ finishPersonalityInfo: '鎮ㄥ凡缁忓畬鎴愪簡浜烘牸娴嬭瘯闂嵎锛屾暟鎹凡缁忔垚鍔熷湴涓婁紶鑷虫湇鍔″櫒锛屽苟宸茬粡淇濆瓨濂姐��',
+ finishCareerInterestsInfo: '鎮ㄥ凡缁忓畬鎴愪簡鑱屼笟鍏磋叮闂嵎锛屾暟鎹凡缁忔垚鍔熷湴涓婁紶鑷虫湇鍔″櫒锛屽苟宸茬粡淇濆瓨濂姐��',
finishPersonalityDownInfo: '鎮ㄥ彲浠ョ偣鍑讳笅闈㈢孩鑹叉寜閽笅杞芥偍鐨勭粨鏋滄姤鍛娿��',
finishViewReportInfo: '鎮ㄥ彲浠ョ偣鍑讳笅闈㈢孩鑹叉寜閽煡鐪嬫偍鐨勭粨鏋滄姤鍛娿��',
langWelcomeThai: '喔⑧复喔權笖喔掂笗喔笝喔`副喔氞釜喔灌箞喙�喔о箛喔氞箘喔嬥涪喙屶釜喔赤斧喔`副喔氞笚喔赤箒喔氞笟喔椸笖喔腑喔氞競喔竾',
diff --git a/src/views/exam/paper/career_interests.vue b/src/views/exam/paper/career_interests.vue
index 8acacb7..f86476b 100644
--- a/src/views/exam/paper/career_interests.vue
+++ b/src/views/exam/paper/career_interests.vue
@@ -17,7 +17,7 @@
<hr style="border : 1px dashed #b3d8ff;" />
<el-form-item :key="itemOrder" label-width="1px">
<QuestionEdit @callNextSubject="nextSubject" :qType="questionItem.questionType" :question="questionItem"
- :answer="answer.answerItems[questionItem.itemOrder-1]" :qLabel="itemOrder+'/'+itemSize"/>
+ :answer="answer.answerItems[questionItem.itemOrder-1]" :qLabel="questionItem.serialNumber+'/'+questionItem.serialNumberCount"/>
</el-form-item>
<hr style="border : 0.5px dashed #b3d8ff;" />
<div style="color: red;font-size: smaller">{{$t('pleaseAnswerCarefully')}}</div>
@@ -117,9 +117,16 @@
_this.itemOrder = _this.form.titleItems[0].questionItems[0].itemOrder
_this.timeReduce()
_this.initAnswer()
+ _this.initPartSize()
_this.formLoading = false
_this.memberName = _this.form.memberName
_this.itemSize = _this.form.titleItems[0].questionItems.length
+
+ // 灞曠ず鎸囧璇�
+ if (_this.form.parts[0].signals.length !== 0) {
+ console.log('棣栭鎻愮ず璇�')
+ _this.showNextGuide(_this.form.parts[0].signals[0], false)
+ }
} else {
_this.formLoading = true
// 闃叉鍒锋柊鎴愪簡涓嶅悓鐨勮瑷�
@@ -140,6 +147,7 @@
_this.questionItem = _this.form.titleItems[0].questionItems[_this.order]
_this.partOrder = _this.questionItem.partOrder
_this.initAnswer()
+ _this.initPartSize()
_this.formLoading = false
_this.memberName = _this.form.memberName
@@ -247,6 +255,36 @@
}
}
},
+ initPartSize: function () {
+ // 鍒濆鍖栭鐩簭鍙� 姣忎釜鍒嗙墖浠�0寮�濮�
+ let _this = this
+ let serialNumber = 1
+ let partOrder = 1
+ for (let i = 0; i < _this.form.titleItems[0].questionItems.length; i++) {
+ if (_this.form.titleItems[0].questionItems[i].partOrder === partOrder) {
+ _this.form.titleItems[0].questionItems[i].serialNumber = serialNumber
+ _this.form.titleItems[0].questionItems[i].serialNumberCount = _this.getPartCount(partOrder)
+ serialNumber++
+ } else {
+ partOrder = _this.form.titleItems[0].questionItems[i].partOrder
+ serialNumber = 1
+ _this.form.titleItems[0].questionItems[i].serialNumber = serialNumber
+ _this.form.titleItems[0].questionItems[i].serialNumberCount = _this.getPartCount(partOrder)
+ serialNumber++
+ }
+ }
+ },
+ getPartCount: function (partOrder) {
+ // 鏁版嵁缁熻
+ let _this = this
+ let sum = 0
+ _this.form.titleItems[0].questionItems.forEach(function (elem, index) {
+ if (elem.partOrder === partOrder) {
+ sum += 1
+ }
+ })
+ return sum
+ },
isContentNotEmpty: function (num) {
let _this = this
return _this.answer.answerItems[num].content !== '' && _this.answer.answerItems[num].content !== null && _this.answer.answerItems[num].content.trim() !== ''
diff --git a/src/views/exam/paper/do.vue b/src/views/exam/paper/do.vue
index a2cf8f7..81d1594 100644
--- a/src/views/exam/paper/do.vue
+++ b/src/views/exam/paper/do.vue
@@ -232,7 +232,7 @@
showClose: false
}).then(async () => {
_this.answer.verifyStatus = 2
- _this.submitAnswer('鏁版嵁宸茬粡鎴愬姛鐨勪笂浼犺嚦鏈嶅姟鍣紝骞跺凡缁忎繚瀛樺ソ銆傝阿璋€��')
+ _this.submitAnswer('鏁版嵁宸茬粡鎴愬姛鍦颁笂浼犺嚦鏈嶅姟鍣紝骞跺凡缁忎繚瀛樺ソ銆傝阿璋€��')
}).catch(async () => {
_this.formLoading = false
_this.submitDisable = false
@@ -240,7 +240,7 @@
} else {
_this.answer.verifyStatus = 1
_this.answer.finish = 1
- _this.submitAnswer('鎮ㄥ凡缁忓畬鎴愪簡宸ヤ綔琛屼负闂嵎锛屾暟鎹凡缁忔垚鍔熺殑涓婁紶鑷虫湇鍔″櫒锛屽苟宸茬粡淇濆瓨濂姐�傝阿璋€��')
+ _this.submitAnswer('鎮ㄥ凡缁忓畬鎴愪簡宸ヤ綔琛屼负闂嵎锛屾暟鎹凡缁忔垚鍔熷湴涓婁紶鑷虫湇鍔″櫒锛屽苟宸茬粡淇濆瓨濂姐�傝阿璋€��')
}
},
startDo: function () {
diff --git a/src/views/exam/paper/doPuzzle.vue b/src/views/exam/paper/doPuzzle.vue
index 42bed2e..cf5c8e3 100644
--- a/src/views/exam/paper/doPuzzle.vue
+++ b/src/views/exam/paper/doPuzzle.vue
@@ -223,14 +223,14 @@
showClose: false
}).then(async () => {
_this.answer.verifyStatus = 2
- _this.submitAnswer('鏁版嵁宸茬粡鎴愬姛鐨勪笂浼犺嚦鏈嶅姟鍣紝骞跺凡缁忎繚瀛樺ソ銆傝阿璋€��')
+ _this.submitAnswer('鏁版嵁宸茬粡鎴愬姛鍦颁笂浼犺嚦鏈嶅姟鍣紝骞跺凡缁忎繚瀛樺ソ銆傝阿璋€��')
}).catch(async () => {
_this.formLoading = false
_this.submitDisable = false
})
} else {
_this.answer.verifyStatus = 1
- _this.submitAnswer('鎮ㄥ凡缁忓畬鎴愪簡宸ヤ綔琛屼负闂嵎锛屾暟鎹凡缁忔垚鍔熺殑涓婁紶鑷虫湇鍔″櫒锛屽苟宸茬粡淇濆瓨濂姐�傝阿璋€��')
+ _this.submitAnswer('鎮ㄥ凡缁忓畬鎴愪簡宸ヤ綔琛屼负闂嵎锛屾暟鎹凡缁忔垚鍔熷湴涓婁紶鑷虫湇鍔″櫒锛屽苟宸茬粡淇濆瓨濂姐�傝阿璋€��')
}
},
startDo: function () {
diff --git a/src/views/exam/paper/finish.vue b/src/views/exam/paper/finish.vue
index eb8b933..1c7ac73 100644
--- a/src/views/exam/paper/finish.vue
+++ b/src/views/exam/paper/finish.vue
@@ -4,17 +4,17 @@
<el-header class="align-center" style="height: 0px; margin: 8%;">
</el-header>
<el-main class="align-center">
- <H1 v-if="content!==null && content.trim()!==''">{{content}}</H1>
- <H1 v-else>{{$t('finishMsg')}}</H1>
+ <H2 v-if="content!==null && content.trim()!==''">{{content}}</H2>
+ <H2 v-else>{{$t('finishMsg')}}</H2>
<!-- 鏂板涓嬭浇鎶ュ憡鎻愮ず璇� -->
- <H1 v-if ="downDisable">{{$t('finishPersonalityDownInfo')}}</H1>
+ <H2 v-if ="downDisable">{{$t('finishPersonalityDownInfo')}}</H2>
<el-button type="danger" v-if ="downDisable" @click="downReport" round>{{$t('down')}}</el-button>
<!-- 鏂板棰勮鎻愮ず璇� -->
<!-- <H1 v-if ="viewDisable">{{$t('finishViewReportInfo')}}</H1>-->
<!-- <el-button type="danger" v-if ="viewDisable" @click="viewReport" round>{{$t('view')}}</el-button>-->
<!-- -->
- <H1 v-if ="type == 'CIAQ'">{{$t('finishViewReportInfo')}}</H1>
- <el-button type="danger" v-if ="type == 'CIAQ' && isMobile()" @click="viewReportH5" round>{{$t('view')}}</el-button>
+ <H2 v-if ="type == 'CIAQ'">{{$t('finishViewReportInfo')}}</H2>
+ <el-button type="danger" v-if ="type == 'CIAQ'" @click="viewReportH5" round>{{$t('view')}}</el-button>
</el-main>
</el-container>
</div>
diff --git a/src/views/report/reportH5.vue b/src/views/report/reportH5.vue
index 6624eaf..f5f795f 100644
--- a/src/views/report/reportH5.vue
+++ b/src/views/report/reportH5.vue
@@ -1,9 +1,9 @@
<template>
- <div id="app">
+ <div id="app" style="margin:auto">
<div class="report">
<el-image :src="require('@/assets/report/page1.jpg')"></el-image>
- <div class="word" style="left: 23.5%;top: 68.6%;font-size: 0.8rem;color: #313157">銆恵{ data.questionnaireTaker }}銆�</div>
- <div class="word" style="left: 27%;top: 71.2%;font-size: 0.8rem;color: #313157">銆恵{ data.reportGenerationDate }}銆�</div>
+ <div class="word" style="left: 25%;top: 68.6%;font-size: 0.8rem;color: #313157">{{ data.questionnaireTaker }}</div>
+ <div class="word" style="left: 28.5%;top: 71.2%;font-size: 0.8rem;color: #313157">{{ data.reportGenerationDate }}</div>
</div>
<div class="report">
<el-image :src="require('@/assets/report/page2.png')"></el-image>
@@ -20,7 +20,7 @@
<div class="word" style="left: 80%;top: 6.3%;font-size: 0.8rem;color: #E8497D">{{ data.PR_Dim06 }}</div>
<div class="word" style="left: 80%;top: 9.3%;font-size: 0.8rem;color: #62BEA4">{{ data.PR_Dim07 }}</div>
<div class="word" style="left: 80%;top: 12.3%;font-size: 0.8rem;color: #4976BA">{{ data.PR_Dim08 }}</div>
- <div class="word career" style="left: 14%;top: 36.3%;font-size: 0.6rem;font-weight: bold;line-height:25px">
+ <div class="word career" style="left: 14%;top: 36%;font-size: 0.6rem;font-weight: bold;line-height:1rem">
1.{{data.occ1H}}<br>
2.{{data.occ2H}}<br>
3.{{data.occ3H}}<br>
@@ -32,7 +32,7 @@
9.{{data.occ9H}}<br>
10.{{data.occ10H}}
</div>
- <div class="word career" style="left: 14%;top: 72%;font-size: 0.6rem;font-weight: bold;line-height:25px">
+ <div class="word career" style="left: 14%;top: 71%;font-size: 0.6rem;font-weight: bold;line-height:1rem">
1.{{data.occ1L}}<br>
2.{{data.occ2L}}<br>
3.{{data.occ3L}}<br>
@@ -373,13 +373,13 @@
.career {
display: inline-block;
- width: 260px;
+ width: 72%;
/*瓒呭嚭閮ㄥ垎闅愯棌*/
- overflow: hidden;
+ /*overflow: hidden;*/
/*鏂囨湰涓嶆崲琛�*/
- white-space: nowrap;
+ /*white-space: nowrap;*/
/*瓒呭嚭涓嶅皝鐢ㄤ笁涓渷鐣ュ彿浠f浛*/
- text-overflow: ellipsis;
+ /*text-overflow: ellipsis;*/
}
#app {
diff --git a/src/views/report/reportH5Bak.vue b/src/views/report/reportH5Bak.vue
deleted file mode 100644
index 76f9b92..0000000
--- a/src/views/report/reportH5Bak.vue
+++ /dev/null
@@ -1,298 +0,0 @@
-<template>
- <div>
- <div id="page1" class="page1 font">
- <div style="left: 19%;position: absolute;top: 12%;font-weight: bold;font-size: 1rem;">涓浗澶у鐢熻亴涓氬叴瓒i噺琛�</div>
- <div style="left: 9%;position: absolute;top: 65%;font-weight: bold;font-size: 2.1rem;">涓汉鍙嶉鎶ュ憡</div>
- <div style="left: 10%;position: absolute;top: 72%;font-size: 0.1rem;">娴� 璇� 鑰咃細銆�%questionnaireTaker%銆�</div>
- <div style="left: 10%;position: absolute;top: 74%;font-size: 0.1rem;">娴嬭瘯鏃堕棿锛氥��%reportGenerationDate%銆�</div>
- <div style="left: 10%;position: absolute;top: 76%;font-size: 0.1rem;">甯� 妯★細涓浗澶у鐢�</div>
- <div style="left: 10%; position: absolute; top: 79%; font-size: 0.1rem;">鎶ュ憡涓昏鍐呭锛�</div>
- <div style="left: 10%;position: absolute;top: 81%;font-size: 0.1rem;">1. 鍏ぇ鑱屼笟鍏磋叮涓婚鐨勪粙缁嶅強涓汉鍒嗘暟</div>
- <div style="left: 10%;position: absolute;top: 83%;font-size: 0.1rem;width: 85%;">2. 鍩轰簬銆婁腑鍗庝汉姘戝叡鍜屽浗鑱屼笟鍒嗙被澶у吀锛�2022鐗堬級銆嬬敓鎴愮殑涓汉鑱屼笟鏂瑰悜鎴栭鍩熺殑鎺ㄨ崘娓呭崟</div>
- </div>
- <div style="height: 1700px;background-color: white">
- 鎶ュ憡浠嬬粛
- 鑱屼笟鍏磋叮鏄奖鍝嶆垜浠敓娑�夋嫨鐨勯噸瑕佸洜绱犱箣涓�锛屼粠浜嬩笌鑷繁鍏磋叮鐩稿叧鐨勮亴涓氫篃鏈夊姪浜庢垜浠湪宸ヤ綔涓彇寰楄緝濂界殑缁╂晥琛ㄧ幇浠ュ強宸ヤ綔婊℃剰搴︺�傛垜浠緷鎹亴涓氬叴瓒ETPOINT妯″瀷锛圫u et al., 2019锛夛紝骞跺熀浜庝腑鍥藉浗鎯呭紑鍙戜簡鏈娴嬭瘯鐨勯鐩�傛湰娴嬮獙娴嬮噺浜嗘偍鍦ㄥ叓澶ц亴涓氬叴瓒d富棰樹笂鐨勫緱鍒嗭紝鎮ㄧ殑娴嬭瘯鍒嗘暟鏄湪浠ヤ腑鍥戒汉缇や负甯告ā鐨勫熀纭�涓婅绠楀嚭鐨勭櫨鍒嗕綅鏁般�傚彟澶栵紝鎴戜滑瀵广�婁腑鍗庝汉姘戝叡鍜屽浗鑱屼笟鍒嗙被澶у吀锛�2022鐗堬級銆嬩腑鍑虹幇鐨勮亴涓氱被鍨嬭繘琛屼簡缂栫爜锛屽苟鍩轰簬鎮ㄧ殑鍏磋叮鐗圭偣锛岀敓鎴愪簡鎮ㄥ彲鑳芥渶鎰熷叴瓒g殑鍗佷釜鑱屼笟绫诲瀷鍜屾偍鍙兘鏈�涓嶆劅鍏磋叮鐨勫崄涓亴涓氱被鍨嬶紝甯姪鎮ㄦ洿鏈夋晥鍦版帰绱㈣亴涓氱敓娑�備换浣曞績鐞嗘祴璇曢兘涓嶅彲鑳藉仛鍒板畬鍏ㄧ簿纭紝鎵�浠ユ祴璇曞垎鏁颁互鍙婃帹鑽愮殑鑱屼笟绫诲瀷浠呬緵鎮ㄥ弬鑰冦��
- </div>
- </div>
- <!--<div id="myChart" style="width: 100%; height: 500px; margin-top: 100px"></div>-->
-</template>
-
-<script>
-// import '@/assets/style/rem'
-// import '@/assets/style/reset.css'
-
-export default {
- name: 'reportH5',
- data () {
-
- },
- mounted () {
- this.drawLine()
- },
- methods: {
- drawLine () {
- // 鍩轰簬鍑嗗濂界殑dom锛屽垵濮嬪寲echarts瀹炰緥
- let myChart = this.$echarts.init(document.getElementById('myChart'))
- let option = {
- title: {
- text: '鑱屼笟鍏磋叮涓婚寰楀垎',
- show: false
- },
- legend: {},
- radar: {
- // shape: 'circle',
- nameGap: 25,
- indicator: [
- {
- name: '鍋ュ悍绉戝', max: '100',
- //鑻ュ皢姝ゅ睘鎬ф斁鍦╮adar涓嬶紝鍒欐瘡鏉ndicator閮戒細鏄剧ず鍦堜笂鐨勬暟鍊硷紝鏀惧湪杩欏効锛屽彧鍦ㄩ�氫俊杩欐潯indicator涓婃樉绀�
- axisLabel: {
- show: true,
- fontSize: 12,
- color: '#7F7F7F',
- showMaxLabel: true, //涓嶆樉绀烘渶澶у�硷紝鍗冲鍦堜笉鏄剧ず鏁板瓧30
- showMinLabel: true, //鏄剧ず鏈�灏忔暟瀛楋紝鍗充腑蹇冪偣鏄剧ず0
- }
- },
- {name: '浜嬬墿', max: '100'},
- {name: '鑷劧', max: '100'},
- {name: '褰卞搷', max: '100'},
- {name: '缁勭粐', max: '100'},
- {name: '浜�', max: '100'},
- {name: '绉戞妧', max: '100'},
- {name: '鍒涢�犳�ц〃杈�', max: '100'}
- ],
- splitArea: { //鍦嗙幆鍖哄煙鏍峰紡
- areaStyle: {
- color: ['#fff', '#fff', '#fff'],
- shadowColor: 'rgba(230, 230, 230, 0.5)',
- shadowBlur: 20,
- shadowOffsetY: '10',
- shadowOffsetX: '-10',
- }
- },
- splitNumber: 4,
- axisName: {
- color: '#7F7F7F',
- fontSize: 18
- },
- axisLine: {
- show: false,
- lineStyle: {
- shadowColor: '#F5F4F4',
- shadowBlur: 10
- }
- }
- },
- series: [
- {
- name: '鍋ュ悍绉戝',
- type: 'radar',
- z: 1,
- areaStyle: {
- color: '#E5E3E3' //闃村奖
- },
- itemStyle: {//鎶樼嚎鎷愮偣鏍囧織鐨勬牱寮�
- color: "#34BBC4",
- },
- lineStyle: {//绾挎潯鏍峰紡
- color: "#C0BEBD"
- },
- symbolSize: 20,//鍦嗙偣澶у皬
- symbol: "circle",//鍦嗙偣鏍峰紡
- data: [
- {
- value: [50, 16, 22, 78, 55, 82, 67, 23],
- }
- ]
- },
- {
- name: '鍒涢�犳�ц〃杈�',
- type: 'radar',
- z: 2,
- itemStyle: {//鎶樼嚎鎷愮偣鏍囧織鐨勬牱寮�
- color: "#E1AD04"
- },
- lineStyle: {
- width: 0,
- labelLine: {
- show: false, //闅愯棌鏍囩ず绾�
- }
- },
- symbolSize: 20,//鍦嗙偣澶у皬
- symbol: "circle",//鍦嗙偣鏍峰紡
- data: [
- {
- // 鎬濇兂鏄細璁剧疆鏃犵嚎澶э紝鍘绘帀閾炬帴绾垮嵆鍙�
- value: ['1000', '1000', '1000', '1000', '1000', '1000', '1000', 23]
- }
- ]
- },
- {
- name: '绉戞妧',
- type: 'radar',
- z: 2,
- itemStyle: {//鎶樼嚎鎷愮偣鏍囧織鐨勬牱寮�
- color: "#6D67AD"
- },
- lineStyle: {
- width: 0,
- labelLine: {
- show: false //闅愯棌鏍囩ず绾�
- },
- },
- symbolSize: 20,//鍦嗙偣澶у皬
- symbol: "circle",//鍦嗙偣鏍峰紡
- data: [
- {
- // 鎬濇兂鏄細璁剧疆鏃犵嚎澶э紝鍘绘帀閾炬帴绾垮嵆鍙�
- value: ['1000', '1000', '1000', '1000', '1000', '1000', '67', '1000']
- }
- ]
- },
- {
- name: '浜�',
- type: 'radar',
- z: 2,
- itemStyle: {//鎶樼嚎鎷愮偣鏍囧織鐨勬牱寮�
- color: "#EC7864"
- },
- lineStyle: {
- width: 0,
- labelLine: {
- show: false, //闅愯棌鏍囩ず绾�
- },
- },
- symbolSize: 20,//鍦嗙偣澶у皬
- symbol: "circle",//鍦嗙偣鏍峰紡
- data: [
- {
- // 鎬濇兂鏄細璁剧疆鏃犵嚎澶э紝鍘绘帀閾炬帴绾垮嵆鍙�
- value: ['1000', '1000', '1000', '1000', '1000', '82', '1000', '1000']
- }
- ]
- },
- {
- name: '缁勭粐',
- type: 'radar',
- z: 2,
- itemStyle: {//鎶樼嚎鎷愮偣鏍囧織鐨勬牱寮�
- color: "#D78EBB"
- },
- lineStyle: {
- width: 0,
- labelLine: {
- show: false, //闅愯棌鏍囩ず绾�
- },
- },
- symbolSize: 20,//鍦嗙偣澶у皬
- symbol: "circle",//鍦嗙偣鏍峰紡
- data: [
- {
- // 鎬濇兂鏄細璁剧疆鏃犵嚎澶э紝鍘绘帀閾炬帴绾垮嵆鍙�
- value: ['1000', '1000', '1000', '1000', '55', '1000', '1000', '1000']
- }
- ]
- },
- {
- name: '褰卞搷',
- type: 'radar',
- z: 2,
- itemStyle: {//鎶樼嚎鎷愮偣鏍囧織鐨勬牱寮�
- color: "#E8497D"
- },
- lineStyle: {
- width: 0,
- labelLine: {
- show: false, //闅愯棌鏍囩ず绾�
- },
- },
- symbolSize: 20,//鍦嗙偣澶у皬
- symbol: "circle",//鍦嗙偣鏍峰紡
- data: [
- {
- // 鎬濇兂鏄細璁剧疆鏃犵嚎澶э紝鍘绘帀閾炬帴绾垮嵆鍙�
- value: ['1000', '1000', '1000', '78', '1000', '1000', '1000', '1000'],
- }
- ]
- },
- {
- name: '鑷劧',
- type: 'radar',
- z: 2,
- itemStyle: {//鎶樼嚎鎷愮偣鏍囧織鐨勬牱寮�
- color: "#62BEA4"
- },
- lineStyle: {
- width: 0,
- labelLine: {
- show: false //闅愯棌鏍囩ず绾�
- },
- },
- symbolSize: 20,//鍦嗙偣澶у皬
- symbol: "circle",//鍦嗙偣鏍峰紡
- data: [
- {
- // 鎬濇兂鏄細璁剧疆鏃犵嚎澶э紝鍘绘帀閾炬帴绾垮嵆鍙�
- value: ['1000', '1000', '22', '1000', '1000', '1000', '1000', '1000'],
- }
- ]
- },
- {
- name: '浜嬬墿',
- type: 'radar',
- z: 2,
- itemStyle: {//鎶樼嚎鎷愮偣鏍囧織鐨勬牱寮�
- color: "#4976BA"
- },
- lineStyle: {
- width: 0,
- labelLine: {
- show: false //闅愯棌鏍囩ず绾�
- }
- },
- symbolSize: 20,//鍦嗙偣澶у皬
- symbol: "circle",//鍦嗙偣鏍峰紡
- data: [
- {
- // 鎬濇兂鏄細璁剧疆鏃犵嚎澶э紝鍘绘帀閾炬帴绾垮嵆鍙�
- value: ['1000', '16', '1000', '1000', '1000', '1000', '1000', '1000'],
- }
- ]
- }
- ]
- }
- // 缁樺埗鍥捐〃
- myChart.setOption(option)
- }
- }
-}
-</script>
-<style scoped>
-/* 鑳屾櫙鍥剧墖*/
-.page1{
- margin-top: 50px;
- background:url('~@/assets/report/page1.png') no-repeat;
- width: 100%;
- height: 100%;
- position:fixed;
- background-size: cover;
- background-size:100% 100%;
- overflow:auto;
-}
-
-.bg {
- width: 500px;
- height: 300px;
- background:url('~@/assets/report/page1.png') no-repeat;
- border: 1px solid #72bf3d;
- /* background-size: contain; */
- /* background-size: cover; */
-}
-
-.font {
- font-family: 榛戜綋;
-}
-
-</style>
--
Gitblit v1.9.1