From 7a860b934fbfecfa55be33499ba4a40b92cc61a6 Mon Sep 17 00:00:00 2001
From: herenshan112 <herenshan112@163.com>
Date: Fri, 13 Sep 2024 13:06:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=BC=E5=87=BA=E4=B9=9D=E5=9E=8B=E4=BA=BA?=
 =?UTF-8?q?=E6=A0=BC=E6=B5=8B=E8=AF=95=E7=BB=93=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/hr/people/index.ts                    |  21 ++
 src/views/hr/archives/archivescont.vue        |   2 +-
 .../hr/archives/basicinformation/ninePage.vue | 188 ++++++++++++++++++
 .../basicinformation/personalityTest.vue      |   3 +
 src/views/hr/archives/index.vue               |  32 ++-
 5 files changed, 244 insertions(+), 2 deletions(-)
 create mode 100644 src/views/hr/archives/basicinformation/ninePage.vue

diff --git a/src/api/hr/people/index.ts b/src/api/hr/people/index.ts
index e77c850..93134cb 100644
--- a/src/api/hr/people/index.ts
+++ b/src/api/hr/people/index.ts
@@ -689,3 +689,24 @@ export function getUserDISCTest(data?: any) {
 		data: data
 	})
 }
+/**
+ * 九型人格测试结果
+ */
+export function nineResultToken(data: any){
+	return request({
+		url: '/systemapi/rongxin/nineResultToken',
+		method: 'post',
+		data: data
+	});
+}
+/**
+ * 下载九型人格测试结果
+ */
+ export function downLoadNineTestPage(data: any){
+	return request({
+		url: '/systemapi/rongxin/downLoadNineTestPage',
+		// url:'/hrapi/staff/archiveslistcont',
+		method: 'post',
+		params: data
+	});
+}
diff --git a/src/views/hr/archives/archivescont.vue b/src/views/hr/archives/archivescont.vue
index 72ad308..6fb72c6 100644
--- a/src/views/hr/archives/archivescont.vue
+++ b/src/views/hr/archives/archivescont.vue
@@ -289,7 +289,7 @@ const handleClickUser = (tab: any, event: Event) => {
 								@refreshcontdata="refreshContPage"
 							/>
 						</el-tab-pane>
-						<el-tab-pane label="性格色彩" name="2" >
+						<el-tab-pane label="性格特性" name="2" >
 							<PersonalityTest v-if="activeName == '2'" :usercont="userConting" :tabsid="activeName" />
 							
 						</el-tab-pane>
diff --git a/src/views/hr/archives/basicinformation/ninePage.vue b/src/views/hr/archives/basicinformation/ninePage.vue
new file mode 100644
index 0000000..597a032
--- /dev/null
+++ b/src/views/hr/archives/basicinformation/ninePage.vue
@@ -0,0 +1,188 @@
+<!--
+@ 作者: 秦东
+@ 时间: 2024-09-12 16:32:43
+@ 备注: 九型人格测试结果
+-->
+<script lang='ts' setup>
+import * as echarts from 'echarts';
+import { nineResultToken } from '@/api/hr/people'; 
+const props = defineProps({
+  	tabsid: {
+		type: String,
+		default: "1",
+	},
+	usercont:{
+		type:Object,
+		default(){
+			return {}
+		}
+	} 
+});
+
+
+const nineTestPageLoading = ref(false)
+const nineTestPage = ref<any>(null)
+const disTitlePick =  ref<string[]>([])
+const discdrawRadar = ref(null)
+//页面加载前先获取测试数据
+onBeforeMount(()=>{
+	let sendData = {
+		id:props.usercont.number.toString()
+	}
+    nineResultToken(sendData)
+        .then(({data}) => {
+            // console.log("获取我的111111请求", data);
+            disTitlePick.value = data.ColourNameList
+            drawNineRadarChart(data.colourTitle,data.RadarColour,data.indicator)
+        })
+});
+/**
+@ 作者: 秦东
+@ 时间: 2024-08-30 13:37:05
+@ 功能: 绘图
+*/
+const drawNineRadarChart = (radarTitle:string[],radarVal:number[],indicator:any[]) => {
+    console.log("drawNineRadarChart",indicator)
+    let option = {
+            radar: {
+                indicator: indicator
+            },
+            series: [
+                {
+                name: '',
+                type: 'radar',
+                data: [
+                    {
+                    // value: [20, 8, 15, 5, 6],
+                        value: radarVal,
+                        name: '性格测试诶结果',
+                        label: {
+                            show: true,
+                            formatter: function (params) {
+                                return params.value;
+                            }
+                        }
+                        
+                    }
+                    
+                ],
+                itemStyle: {
+                    normal: {
+                    color: "#1DBB37"
+                    },
+                }
+                }
+            ]
+        };
+        if(discdrawRadar.value){
+			discdrawRadar.value.clear();
+			discdrawRadar.value.setOption(option)
+		}
+}
+//所有组件加载完后执行
+onMounted(()=>{
+    nextTick(()=>{
+		discdrawRadar.value = markRaw(echarts.init(nineTestPage.value))
+	})
+})
+/**
+@ 作者: 秦东
+@ 时间: 2024-06-12 14:27:32
+@ 功能: 判断该颜色是否存在了
+*/
+const judgaDiscNine = (val:string) => {
+    let isTyue = false;
+    if(disTitlePick.value && disTitlePick.value.length > 0){
+        disTitlePick.value.forEach((item:string)=>{
+            if(val == item) {
+                isTyue =  true;
+            }
+        })
+    }
+    return isTyue
+}
+</script>
+<template>
+	<div>
+		<div ref="nineTestPage" v-loading="nineTestPageLoading" element-loading-text="Loading..." class="allOrgAxisCares">
+			
+        </div>
+        <el-text class="mx-1 title_size">九型性格解析</el-text>
+        <el-row>
+			<el-col  :span="24">
+                        <div v-if="judgaDiscNine('RI')">
+                            <el-text class="mx-1 hongSe" type="info">资源调查员：<br></el-text>
+                            <el-text class="mx-1" type="info">强项：外向、热情、善沟通、善于发掘机会，善于与他人建立联系<br></el-text>
+                            <el-text class="mx-1" type="info">允许的弱项：过于乐观;虎头蛇尾</el-text>
+                        </div>
+                        <div v-if="judgaDiscNine('IM')">
+                            <el-text class="mx-1 hongSe" type="info">实干家：<br></el-text>
+                            <el-text class="mx-1" type="info">强项：遵守纪律、可靠、稳健、高效、能够把想法付诸实际行动<br></el-text>
+                            <el-text class="mx-1" type="info">允许的弱项：缺乏灵活性，对新的想法反应迟钝</el-text>
+                        </div>
+                        <div v-if="judgaDiscNine('CO')">
+                            <el-text class="mx-1 hongSe" type="info">协调员：<br></el-text>
+                            <el-text class="mx-1" type="info">强项：成熟、自信、合适的团队领导人，能够澄清目标，推动决策的过程，姜于授权<br></el-text>
+                            <el-text class="mx-1" type="info">允许的弱项：喜欢操纵和摆布，把自己的工作分配给其他人去干</el-text>
+                        </div>
+                        <div v-if="judgaDiscNine('PL')">
+                            <el-text class="mx-1 hongSe" type="info">智多星：<br></el-text>
+                            <el-text class="mx-1" type="info">强项：具有创造力和想象力,能够创新，并且解决难题<br></el-text>
+                            <el-text class="mx-1" type="info">允许的弱项：对细节不够重视，过于专注手头的工作，无法有效沟通</el-text>
+                        </div>
+                        <div v-if="judgaDiscNine('SH')">
+                            <el-text class="mx-1 hongSe" type="info">鞭策者：<br></el-text>
+                            <el-text class="mx-1" type="info">强项：富于挑战精神、充满活力、敢于面对压力并能取得好成绩，不畏惧艰险，不屈不挠<br></el-text>
+                            <el-text class="mx-1" type="info">允许的弱项：容易激怒别人容忍性差，常会伤害别人</el-text>
+                        </div>
+                        <div v-if="judgaDiscNine('ME')">
+                            <el-text class="mx-1 hongSe" type="info">监督评论员：<br></el-text>
+                            <el-text class="mx-1" type="info">强项：审慎、能从战略高度出发，具有洞察力，能通盘考虑所有人的观点，准确判断<br></el-text>
+                            <el-text class="mx-1" type="info">允许的弱项：缺乏推动和启发他人的能力过于挑剔</el-text>
+                        </div>
+                        <div v-if="judgaDiscNine('TW')">
+                            <el-text class="mx-1 hongSe" type="info">凝聚者：<br></el-text>
+                            <el-text class="mx-1" type="info">强项：乐于合作，温和友善能够理解别人，善于倾听，交往，尽量避免摩擦，息事宁人<br></el-text>
+                            <el-text class="mx-1" type="info">允许的弱项：关键时刻犹豫不决，容易受到别人的影响</el-text>
+                        </div>
+                        <div v-if="judgaDiscNine('CF')">
+                            <el-text class="mx-1 hongSe" type="info">善始善终者：<br></el-text>
+                            <el-text class="mx-1" type="info">强项：兢兢业业、认真负责急切、能够找出错误和遗漏，能够按时完成工作<br></el-text>
+                            <el-text class="mx-1" type="info">允许的弱项：过于不安和担忧，不愿意授权、吹毛求疵</el-text>
+                        </div>
+                        <div v-if="judgaDiscNine('CP')">
+                            <el-text class="mx-1 hongSe" type="info">技术专家：<br></el-text>
+                            <el-text class="mx-1" type="info">强项：-心一意、自我激励、全心全意提供专门领域的知识和技能。<br></el-text>
+                            <el-text class="mx-1" type="info">允许的弱项：只能在狭窄的领域做出贡献，拘泥于技术细节而忽视了整体情况。</el-text>
+                        </div>
+                        <div v-if="judgaDiscNine('DR')">
+                            <el-text class="mx-1 hongSe" type="info">DR<br></el-text>
+                        </div>
+                    </el-col>
+                </el-row>
+	</div>
+</template>
+<style  lang='scss' scoped>
+.allOrgAxisCares{
+	display: block;
+	width: 100%; 
+	height:380px;
+	// overflow:auto;
+}
+.hongSe{
+    color: #FF0000;
+}
+.lanSe{
+    color: #0000FF;
+}
+.huangSe{
+    color: #FFD700;
+}
+.lvSe{
+    color: #008000;
+}
+.title_size{
+    font-size:24px;
+	font-weight: bold;
+}
+</style>
diff --git a/src/views/hr/archives/basicinformation/personalityTest.vue b/src/views/hr/archives/basicinformation/personalityTest.vue
index 1f6ad53..571f9ce 100644
--- a/src/views/hr/archives/basicinformation/personalityTest.vue
+++ b/src/views/hr/archives/basicinformation/personalityTest.vue
@@ -6,6 +6,8 @@
 <script lang='ts' setup>
 import CharacterColor from "@/views/hr/archives/basicinformation/charactercolor.vue"; //性格色彩
 import DiscTest from "@/views/hr/archives/basicinformation/discTest.vue"; //DISC测试结果
+import NinePage from "@/views/hr/archives/basicinformation/ninePage.vue"; //九型人格测试结果
+
 
 const props = defineProps({
   	tabsid: {
@@ -65,6 +67,7 @@ const isTestShouw = (val:number) => {
 	<div>
 		<CharacterColor v-if="isTestShouw(1)" :usercont="props.usercont" :tabsid="props.tabsid" />
 		<DiscTest v-if="isTestShouw(2)" :usercont="props.usercont" :tabsid="props.tabsid" />
+		<NinePage :usercont="props.usercont" :tabsid="props.tabsid" />
 		<div  v-if="isTestShouw(3)" v-html="props.usercont.userTypes"></div>
 	</div>
 </template>
diff --git a/src/views/hr/archives/index.vue b/src/views/hr/archives/index.vue
index 4fbef0c..e9af648 100644
--- a/src/views/hr/archives/index.vue
+++ b/src/views/hr/archives/index.vue
@@ -8,7 +8,7 @@ import { orgInfo,msgAry } from '@/api/hr/org/type'
 import { getOrgTreeList,gainUserInfoDownTemplateList,uploadUserTemplate,editUserTempr,gainUserTemplateInfo,editUserTemplateInfo,gainTempleateOrgList } from '@/api/hr/org/index'
 import { archivesCont,searchCriteriaForPeople } from '@/api/hr/people/type'
 import { emptypeOptions } from '@/api/hr/people/datacont'
-import { getArchivesListPage,analysisRedisExelect,analysisRedisOrgExelect } from '@/api/hr/people/index'
+import { getArchivesListPage,analysisRedisExelect,analysisRedisOrgExelect,downLoadNineTestPage } from '@/api/hr/people/index'
 import UserRole from '@/assets/icons/user.svg'
 import { UploadFilled } from '@element-plus/icons-vue'
 
@@ -21,9 +21,15 @@ import ArchivesCont from '@/views/hr/archives/archivescont.vue'
 
 import { ElScrollbar as ElScrollbarType } from 'element-plus';
 
+
+import {
+    json2string
+} from '@/utils/DesignForm/form'
+
 const innerRef = ref<HTMLDivElement>()
 const scrollbarRef = ref<InstanceType<typeof ElScrollbarType>>()
 
+const downloadUrl = import.meta.env.VITE_APP_BASE_API+"/systemapi/rongxin/downLoadNineTestPage"
 
 const handleClick = () => {
   nextTick(() => {
@@ -480,6 +486,18 @@ const scrollToBottom = () => {
         container.scrollTop = container.scrollHeight;
     }
 }
+/**
+@ 作者: 秦东
+@ 时间: 2024-09-13 09:18:25
+@ 功能: 下团队角色分析表
+*/
+const downLoadTeamTable = () => {
+	downLoadNineTestPage(searchArchiveQuery)
+		.then(({data}) => {
+			console.log("下团队角色分析表",data)
+		})
+}
+
 </script>
 <template>
 	<div class="app-container">
@@ -548,6 +566,7 @@ const scrollToBottom = () => {
 				</el-row>
 				<el-card shadow="never" style="padding: 0;">
 					<div style="margin-bottom: 15px">
+						<el-space wrap>
 						<el-button 
 					
 								v-hasPerm="['215437071358111744']"
@@ -576,6 +595,17 @@ const scrollToBottom = () => {
 							<el-icon><Download /></el-icon>
 							导入模板下载
 							</el-button>
+							
+							<el-link type="primary"  :underline="false" :href="downloadUrl+'?keywords='+searchArchiveQuery.keywords+'&adminorg='+searchArchiveQuery.adminorg+'&emptype='+json2string(searchArchiveQuery.emptype)" target="_blank"><el-button 
+			
+								v-hasPerm="['287868103478489088']"
+								plain
+								type="primary" 
+							>
+								<el-icon><Download /></el-icon>
+								下载团队角色分析表
+							</el-button></el-link>
+							</el-space>
 					</div>
 					<el-table
 						v-loading="tableLoading"