完成员工页面的荣誉以及先进模块功能

pull/6/head
yzw 2022-12-27 16:45:27 +08:00
parent d11c5e4856
commit d2f6374d7f
7 changed files with 146 additions and 47 deletions

View File

@ -88,3 +88,18 @@ export function getAppraise(params) {
})
}
export function getHonor(params) {
return request({
url: '/person/honor',
method: 'get',
params
})
}
export function getAdvance(params) {
return request({
url: '/person/advance',
method: 'get',
params
})
}

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="1672129106572" class="icon" viewBox="0 0 1034 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13034" xmlns:xlink="http://www.w3.org/1999/xlink" width="201.953125" height="200"><path d="M743.17312 681.10336c59.00288-59.07968 91.8784-137.12896 93.056-220.2368 0.256-1.63328 0.43008-3.29728 0.4352-5.00224V55.46496H199.1168v398.2336c-0.04608 0.72192-0.10752 1.43872-0.10752 2.17088 0 164.30592 124.95872 299.94496 284.8256 316.94848v129.7664H252.44672c-18.18624 0-32.97792 14.7968-32.97792 32.9728s14.79168 32.96768 32.97792 32.96768h297.33888v-195.47648c73.02144-7.2448 140.75904-39.24992 193.38752-91.94496zM264.99584 457.35424c0.02048-0.4608 0.07168-0.91136 0.07168-1.37728V121.5232h505.53856v330.72128a33.9456 33.9456 0 0 0-0.20992 3.62496c0 139.35104-113.37216 252.71808-252.71808 252.71808-138.8544 0-251.8784-112.56832-252.68224-251.23328z" p-id="13035" fill="#409eff"></path><path d="M654.83776 334.83264a38.22592 38.22592 0 0 0-30.75072-26.09152l-50.55488-7.36256-22.62528-45.9008a38.13376 38.13376 0 0 0-68.1984-0.10752l-22.62528 45.79328-50.33984 7.36256a38.016 38.016 0 0 0-21.3248 64.95232l36.59264 35.61472-8.66304 50.45248A38.12352 38.12352 0 0 0 471.56224 499.712l45.25056-23.71072 45.35808 23.71072a36.79232 36.79232 0 0 0 17.64352 4.33152 37.97504 37.97504 0 0 0 37.3504-44.4928l-8.66304-50.33984 36.37248-35.4048a37.66784 37.66784 0 0 0 9.96352-38.97344z m-95.0528 58.46016l10.17856 59.1104-53.04832-27.8272L463.872 452.4032l10.17856-59.1104-42.86976-41.68192 59.2128-8.65792 26.52672-53.69344 26.5216 53.69344 59.2128 8.65792-42.86976 41.68192zM613.48352 341.00736l-0.10752 0.10752 0.10752-0.10752zM803.52256 509.30176v-65.9456h10.24c54.94272 0 99.64544-44.6976 99.64544-99.64032s-44.6976-99.64032-99.64544-99.64032h-10.24V178.1248h10.24c91.3664 0 165.69856 74.33216 165.69856 165.69344-0.11264 91.25376-74.44992 165.48352-165.69856 165.48352h-10.24zM221.91616 509.30176c-91.3664 0-165.69856-74.33216-165.69856-165.69856s74.33216-165.69856 165.69856-165.69856h10.24v65.95072h-10.24c-54.94272 0-99.64032 44.6976-99.64032 99.64032s44.6976 99.64032 99.64032 99.64032h10.24v66.16576h-10.24zM817.01888 934.83008a33.69984 33.69984 0 0 1-33.69984 33.69984h-190.90944a33.69984 33.69984 0 1 1 0-67.4048h190.90944a33.69984 33.69984 0 0 1 33.69984 33.70496z" p-id="13036" fill="#409eff"></path></svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

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="1672111313123" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7058" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M784.8 64.1H242.6c-30.7 0-55.7 24.9-55.7 55.7v180.5c0 18.6 9.3 36 24.8 46.3l177.1 117.9C306.6 509 250.6 596.1 250.6 696c0 145.1 118 263.1 263.1 263.1 145 0 263-118 263-263.1 0-99.9-56-186.9-138.2-231.5l177.1-117.9c15.5-10.3 24.8-27.7 24.8-46.3V119.8c0-30.8-24.9-55.7-55.6-55.7z m-63.8 632c0 114.6-92.8 207.4-207.4 207.4-114.6 0-207.4-92.8-207.4-207.4 0-114.5 92.8-207.4 207.4-207.4 114.6 0 207.4 92.9 207.4 207.4z m63.8-395.8L678.7 371V265c0-10.2-8.3-18.5-18.6-18.5-10.2 0-18.6 8.3-18.6 18.5v130.7l-66.9 44.6c-19.6-4.7-40-7.2-61-7.2s-41.4 2.6-61 7.2L384.5 395V265c0-10.2-8.3-18.5-18.6-18.5s-18.6 8.3-18.6 18.5v105.2l-104.9-69.9V119.8h104.9v49.7c0 10.2 8.3 18.6 18.6 18.6 10.2 0 18.6-8.3 18.6-18.6v-49.7h257v49.7c0 10.2 8.3 18.6 18.6 18.6s18.6-8.3 18.6-18.6v-49.7h106.1v180.5z" fill="#e6a23c" p-id="7059"></path><path d="M480.4 550.4L449.5 613l-69.1 10c-14 2-25.6 11.8-30 25.3-4.4 13.4-0.7 28.2 9.4 38.1l50 48.7-11.8 68.8c-2.4 13.9 3.3 28 14.8 36.3 6.5 4.7 14.1 7.1 21.8 7.1 5.9 0 11.8-1.4 17.3-4.3l61.8-32.5 61.8 32.5c5.4 2.8 11.4 4.3 17.3 4.3 7.7 0 15.3-2.4 21.8-7.1 11.4-8.3 17.2-22.4 14.8-36.3L617.5 735l50-48.8c10.1-9.9 13.8-24.6 9.4-38-4.4-13.4-16-23.2-30-25.3l-69.1-10-30.8-62.5c-6.3-12.7-19.2-20.7-33.3-20.7-14.1 0-27 8-33.3 20.7z m72.8 96.5l88.4 12.8-64 62.3 15.1 88-79-41.5-79 41.5 15.1-88-63.9-62.3 88.4-12.8 39.5-80.1 39.4 80.1z" fill="#e6a23c" p-id="7060"></path></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

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="1672111280527" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6806" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M784.8 64.1H242.6c-30.7 0-55.7 24.9-55.7 55.7v180.5c0 18.6 9.3 36 24.8 46.3l177.1 117.9C306.6 509 250.6 596.1 250.6 696c0 145.1 118 263.1 263.1 263.1 145 0 263-118 263-263.1 0-99.9-56-186.9-138.2-231.5l177.1-117.9c15.5-10.3 24.8-27.7 24.8-46.3V119.8c0-30.8-24.9-55.7-55.6-55.7z m-63.8 632c0 114.6-92.8 207.4-207.4 207.4-114.6 0-207.4-92.8-207.4-207.4 0-114.5 92.8-207.4 207.4-207.4 114.6 0 207.4 92.9 207.4 207.4z m63.8-395.8L678.7 371V265c0-10.2-8.3-18.5-18.6-18.5-10.2 0-18.6 8.3-18.6 18.5v130.7l-66.9 44.6c-19.6-4.7-40-7.2-61-7.2s-41.4 2.6-61 7.2L384.5 395V265c0-10.2-8.3-18.5-18.6-18.5s-18.6 8.3-18.6 18.5v105.2l-104.9-69.9V119.8h104.9v49.7c0 10.2 8.3 18.6 18.6 18.6 10.2 0 18.6-8.3 18.6-18.6v-49.7h257v49.7c0 10.2 8.3 18.6 18.6 18.6s18.6-8.3 18.6-18.6v-49.7h106.1v180.5z" fill="#f56c6c" p-id="6807"></path><path d="M480.4 550.4L449.5 613l-69.1 10c-14 2-25.6 11.8-30 25.3-4.4 13.4-0.7 28.2 9.4 38.1l50 48.7-11.8 68.8c-2.4 13.9 3.3 28 14.8 36.3 6.5 4.7 14.1 7.1 21.8 7.1 5.9 0 11.8-1.4 17.3-4.3l61.8-32.5 61.8 32.5c5.4 2.8 11.4 4.3 17.3 4.3 7.7 0 15.3-2.4 21.8-7.1 11.4-8.3 17.2-22.4 14.8-36.3L617.5 735l50-48.8c10.1-9.9 13.8-24.6 9.4-38-4.4-13.4-16-23.2-30-25.3l-69.1-10-30.8-62.5c-6.3-12.7-19.2-20.7-33.3-20.7-14.1 0-27 8-33.3 20.7z m72.8 96.5l88.4 12.8-64 62.3 15.1 88-79-41.5-79 41.5 15.1-88-63.9-62.3 88.4-12.8 39.5-80.1 39.4 80.1z" fill="#f56c6c" p-id="6808"></path></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

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="1672111395736" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9490" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M784.8 64.1H242.6c-30.7 0-55.7 24.9-55.7 55.7v180.5c0 18.6 9.3 36 24.8 46.3l177.1 117.9C306.6 509 250.6 596.1 250.6 696c0 145.1 118 263.1 263.1 263.1 145 0 263-118 263-263.1 0-99.9-56-186.9-138.2-231.5l177.1-117.9c15.5-10.3 24.8-27.7 24.8-46.3V119.8c0-30.8-24.9-55.7-55.6-55.7z m-63.8 632c0 114.6-92.8 207.4-207.4 207.4-114.6 0-207.4-92.8-207.4-207.4 0-114.5 92.8-207.4 207.4-207.4 114.6 0 207.4 92.9 207.4 207.4z m63.8-395.8L678.7 371V265c0-10.2-8.3-18.5-18.6-18.5-10.2 0-18.6 8.3-18.6 18.5v130.7l-66.9 44.6c-19.6-4.7-40-7.2-61-7.2s-41.4 2.6-61 7.2L384.5 395V265c0-10.2-8.3-18.5-18.6-18.5s-18.6 8.3-18.6 18.5v105.2l-104.9-69.9V119.8h104.9v49.7c0 10.2 8.3 18.6 18.6 18.6 10.2 0 18.6-8.3 18.6-18.6v-49.7h257v49.7c0 10.2 8.3 18.6 18.6 18.6s18.6-8.3 18.6-18.6v-49.7h106.1v180.5z" fill="#67c23a" p-id="9491"></path><path d="M480.4 550.4L449.5 613l-69.1 10c-14 2-25.6 11.8-30 25.3-4.4 13.4-0.7 28.2 9.4 38.1l50 48.7-11.8 68.8c-2.4 13.9 3.3 28 14.8 36.3 6.5 4.7 14.1 7.1 21.8 7.1 5.9 0 11.8-1.4 17.3-4.3l61.8-32.5 61.8 32.5c5.4 2.8 11.4 4.3 17.3 4.3 7.7 0 15.3-2.4 21.8-7.1 11.4-8.3 17.2-22.4 14.8-36.3L617.5 735l50-48.8c10.1-9.9 13.8-24.6 9.4-38-4.4-13.4-16-23.2-30-25.3l-69.1-10-30.8-62.5c-6.3-12.7-19.2-20.7-33.3-20.7-14.1 0-27 8-33.3 20.7z m72.8 96.5l88.4 12.8-64 62.3 15.1 88-79-41.5-79 41.5 15.1-88-63.9-62.3 88.4-12.8 39.5-80.1 39.4 80.1z" fill="#67c23a" p-id="9492"></path></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

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="1672111436452" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9742" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M784.8 64.1H242.6c-30.7 0-55.7 24.9-55.7 55.7v180.5c0 18.6 9.3 36 24.8 46.3l177.1 117.9C306.6 509 250.6 596.1 250.6 696c0 145.1 118 263.1 263.1 263.1 145 0 263-118 263-263.1 0-99.9-56-186.9-138.2-231.5l177.1-117.9c15.5-10.3 24.8-27.7 24.8-46.3V119.8c0-30.8-24.9-55.7-55.6-55.7z m-63.8 632c0 114.6-92.8 207.4-207.4 207.4-114.6 0-207.4-92.8-207.4-207.4 0-114.5 92.8-207.4 207.4-207.4 114.6 0 207.4 92.9 207.4 207.4z m63.8-395.8L678.7 371V265c0-10.2-8.3-18.5-18.6-18.5-10.2 0-18.6 8.3-18.6 18.5v130.7l-66.9 44.6c-19.6-4.7-40-7.2-61-7.2s-41.4 2.6-61 7.2L384.5 395V265c0-10.2-8.3-18.5-18.6-18.5s-18.6 8.3-18.6 18.5v105.2l-104.9-69.9V119.8h104.9v49.7c0 10.2 8.3 18.6 18.6 18.6 10.2 0 18.6-8.3 18.6-18.6v-49.7h257v49.7c0 10.2 8.3 18.6 18.6 18.6s18.6-8.3 18.6-18.6v-49.7h106.1v180.5z" fill="#409eff" p-id="9743"></path><path d="M480.4 550.4L449.5 613l-69.1 10c-14 2-25.6 11.8-30 25.3-4.4 13.4-0.7 28.2 9.4 38.1l50 48.7-11.8 68.8c-2.4 13.9 3.3 28 14.8 36.3 6.5 4.7 14.1 7.1 21.8 7.1 5.9 0 11.8-1.4 17.3-4.3l61.8-32.5 61.8 32.5c5.4 2.8 11.4 4.3 17.3 4.3 7.7 0 15.3-2.4 21.8-7.1 11.4-8.3 17.2-22.4 14.8-36.3L617.5 735l50-48.8c10.1-9.9 13.8-24.6 9.4-38-4.4-13.4-16-23.2-30-25.3l-69.1-10-30.8-62.5c-6.3-12.7-19.2-20.7-33.3-20.7-14.1 0-27 8-33.3 20.7z m72.8 96.5l88.4 12.8-64 62.3 15.1 88-79-41.5-79 41.5 15.1-88-63.9-62.3 88.4-12.8 39.5-80.1 39.4 80.1z" fill="#409eff" p-id="9744"></path></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -3,26 +3,15 @@
<div class="content-side">培训推荐</div>
<div class="content-main">
<div>
<div class="pp-block1-left" id="wordcloud_chart">
<!-- <div>
{{ personData["最高专业技术资格名称"] }}
{{ personData["最高专业技术资格等级"] }}
</div>
<div>
{{ personData["最高职业技能等级名称"] }}
{{ personData["最高职业技能等级级别"] }}
</div>
<div>待修改</div> -->
关键词云
</div>
<div class="pp-block1">
<div class="pp-block1-left" id="wordcloud_chart">关键词云</div>
<div class="pp-block1-right" id="radar_chart">人才评价</div>
</div>
<div class="pp-block2">
<div class="pp-block2-left">
<p class="item-title-p">个人经历</p>
<div class="item-content-div" style="margin-right: 10px">
<div class="item-content-div">
<div class="tag-bar">
<span>工作经历</span>
<el-tag v-if="industryExperience"
@ -34,18 +23,19 @@
</div>
<div class="tag-bar">
<span>教育经历</span>
<el-tag v-if="personData['全日制毕(肄)业学校(单位)名称']">{{
personData["全日制毕(肄)业学校(单位)名称"]
}}</el-tag>
<el-tag v-if="personData['全日制毕(肄)业专业名称']">{{
personData["全日制毕(肄)业专业名称"]
}}</el-tag>
<el-tag v-if="personData['在职毕(肄)业学校(单位)名称']">{{
personData["在职毕(肄)业学校(单位)名称"]
}}</el-tag>
<el-tag v-if="personData['在职毕(肄)业专业名称']">{{
personData["在职毕(肄)业专业名称"]
}}</el-tag>
<el-tag v-if="personData['']"
>全日制
{{ personData["全日制毕(肄)业学校(单位)名称"] }}</el-tag
>
<el-tag v-if="personData['']"
>全日制 {{ personData["全日制毕(肄)业专业名称"] }}</el-tag
>
<el-tag v-if="personData['']"
>在职 {{ personData["在职毕(肄)业学校(单位)名称"] }}</el-tag
>
<el-tag v-if="personData['']"
>在职 {{ personData["在职毕(肄)业专业名称"] }}</el-tag
>
</div>
<div class="tag-bar">
<span>知识技能</span>
@ -68,21 +58,10 @@
</div>
</div>
<div class="pp-block2">
<div class="pp-block2-left">
<p class="item-title-p">州级以上荣誉</p>
<div class="item-content-div" style="margin-right: 10px"></div>
</div>
<div class="pp-block2-right">
<p class="item-title-p">年度先进</p>
<div class="item-content-div"></div>
</div>
</div>
<div class="pp-block2">
<div class="pp-block2-left">
<p class="item-title-p">创新</p>
<div class="item-content-div" style="margin-right: 10px"></div>
<div class="item-content-div"></div>
</div>
<div class="pp-block2-right">
<p class="item-title-p">活动</p>
@ -93,13 +72,43 @@
<div class="pp-block2">
<div class="pp-block2-left">
<p class="item-title-p">事务</p>
<div class="item-content-div" style="margin-right: 10px"></div>
<div class="item-content-div"></div>
</div>
<div class="pp-block2-right">
<p class="item-title-p">党务</p>
<div class="item-content-div"></div>
</div>
</div>
<div class="pp-block2">
<div class="pp-block2-left">
<p class="item-title-p">荣誉</p>
<div class="item-content-div">
<div
v-for="(value, key, index) in honorData"
:key="index"
class="honor-bar"
>
<svg-icon :icon-class="getHonorIconName(value)" />
<el-tag :type="getHonorTagType(value)">{{ value }}</el-tag>
</div>
</div>
</div>
<div class="pp-block2-right">
<p class="item-title-p">年度先进</p>
<div class="item-content-div">
<div
v-for="(value, key, index) in advanceData"
:key="index"
class="honor-bar"
>
<svg-icon icon-class="" />
<el-tag>{{ value }}</el-tag>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
@ -147,6 +156,8 @@ export default {
},
],
appraiseData: {},
honorData: [],
advanceData: [],
};
},
mounted() {
@ -213,6 +224,34 @@ export default {
console.log("err", err);
}
);
//
personApi.getHonor({ id_card: this.$store.state.user.id_card }).then(
(res) => {
this.honorData = res.data;
},
(err) => {
console.log("err", err);
}
);
//
personApi.getAdvance({ id_card: this.$store.state.user.id_card }).then(
(res) => {
let advanceData = res.data;
//
function sortByTime(x, y) {
let numX = parseInt(x),
numY = parseInt(y);
return numY - numX;
}
advanceData.sort(sortByTime);
this.advanceData = advanceData;
},
(err) => {
console.log("err", err);
}
);
},
computed: {
industryExperience() {
@ -359,6 +398,40 @@ export default {
};
myChart.setOption(option);
},
getHonorTagType(value) {
if (value.includes("全国")) {
//
return "danger";
}
if (value.includes("省级")) {
//
return "warning";
}
if (value.includes("州级")) {
//
return "";
}
if (value.includes("厂级")) {
// 绿
return "success";
}
return "";
},
getHonorIconName(value) {
if (value.includes("全国")) {
return "红色勋章";
}
if (value.includes("省级")) {
return "橙色勋章";
}
if (value.includes("州级")) {
return "蓝色勋章";
}
if (value.includes("厂级")) {
return "绿色勋章";
}
return "蓝色勋章";
},
},
};
</script>
@ -382,6 +455,10 @@ export default {
float: right;
}
.pp-block1 {
overflow: hidden;
}
.pp-block1-left {
float: left;
margin-right: 1%;
@ -399,6 +476,7 @@ export default {
.pp-block2 {
margin-top: 0px;
/* overflow: hidden; */
}
.pp-block2-left {
@ -416,14 +494,6 @@ export default {
width: 50%;
}
.pp-half-block2 {
display: inline-block;
/* border: 1px #e4e7ed solid; */
/* box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); */
height: 200px;
width: 50%;
}
.item-title-p {
border-left: 4px solid #000;
padding-left: 10px;
@ -434,15 +504,24 @@ export default {
width: 100%;
height: 80%;
border: 1px #e4e7ed solid;
margin-right: 10px;
}
.tag-bar {
margin: 10px 0px 0px 10px;
}
.honor-bar {
margin: 10px 0px 0px 10px;
}
</style>
<style>
.tag-bar > .el-tag {
margin-left: 10px;
}
.honor-bar > .el-tag {
margin-left: 10px;
}
</style>