master
parent
dd7a950c31
commit
acc58380b1
File diff suppressed because it is too large
Load Diff
|
|
@ -11,6 +11,7 @@
|
||||||
"@vueup/vue-quill": "^1.0.0-alpha.40",
|
"@vueup/vue-quill": "^1.0.0-alpha.40",
|
||||||
"axios": "^0.24.0",
|
"axios": "^0.24.0",
|
||||||
"core-js": "^3.6.5",
|
"core-js": "^3.6.5",
|
||||||
|
"echarts": "^5.2.2",
|
||||||
"element-plus": "^1.3.0-beta.1",
|
"element-plus": "^1.3.0-beta.1",
|
||||||
"qiniu-js": "^3.4.0",
|
"qiniu-js": "^3.4.0",
|
||||||
"vue": "^3.2.0",
|
"vue": "^3.2.0",
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 492 B |
Binary file not shown.
|
After Width: | Height: | Size: 640 B |
Binary file not shown.
|
After Width: | Height: | Size: 627 B |
Binary file not shown.
|
After Width: | Height: | Size: 618 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
|
|
@ -1,31 +1,519 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="report">
|
<div class="report">
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<div class="reportCon">
|
||||||
|
<div>
|
||||||
|
<div class="reportConTlt">
|
||||||
|
<img src="" alt="" />
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<p>测试报告</p>
|
||||||
|
<p>意向岗位：运营总监</p>
|
||||||
|
</div>
|
||||||
|
<p></p>
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
<img src="../assets/cename.png" alt="" /><span
|
||||||
|
>姓名：谭玹霖</span
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<img src="../assets/cetel.png" alt="" /><span
|
||||||
|
>电话：+86 13600360000</span
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
<img src="../assets/ceage.png" alt="" /><span
|
||||||
|
>年龄：25</span
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<img src="../assets/cedate.png" alt="" /><span
|
||||||
|
>测试时间：2022.01.09 13:08:34</span
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="titleA">人格类型测试</div>
|
||||||
|
<div class="titleB">人格类型测试：<span>稳健型+影响型</span></div>
|
||||||
|
<p class="dateLength">测试时长：<span>25min</span></p>
|
||||||
|
<div class="echartsCss">
|
||||||
|
<div
|
||||||
|
id="myChart123"
|
||||||
|
:style="{ width: '100%', height: '250px' }"
|
||||||
|
></div>
|
||||||
|
</div>
|
||||||
|
<div class="titleB">稳健型（支持型）人格解析</div>
|
||||||
|
|
||||||
|
<div class="progressBar">
|
||||||
|
<p class="progressBarTit">分数</p>
|
||||||
|
<div class="progressBarCon">
|
||||||
|
<div
|
||||||
|
:style="{ width: proportion(dataNum.num, dataNum.sum) }"
|
||||||
|
class="progressBarConList"
|
||||||
|
>
|
||||||
|
<p class="mark">{{ dataNum.num }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="sumCss">
|
||||||
|
<p>0</p>
|
||||||
|
<p>{{ dataNum.sum }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="reportCon">
|
||||||
|
<div>
|
||||||
|
<div class="titleC">
|
||||||
|
<p>测试报告</p>
|
||||||
|
<p>火眼识才测评</p>
|
||||||
|
</div>
|
||||||
|
<p class="titleCH"></p>
|
||||||
|
<div class="titleB">稳健型（支持型）人格解析</div>
|
||||||
|
|
||||||
|
<div class="progressBar">
|
||||||
|
<p class="progressBarTit">分数</p>
|
||||||
|
<div class="progressBarCon">
|
||||||
|
<div
|
||||||
|
:style="{ width: proportion(dataNum.num, dataNum.sum) }"
|
||||||
|
class="progressBarConList"
|
||||||
|
>
|
||||||
|
<p class="mark">{{ dataNum.num }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="sumCss">
|
||||||
|
<p>0</p>
|
||||||
|
<p>{{ dataNum.sum }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="description">人格描述</p>
|
||||||
|
<div class="topDescription">
|
||||||
|
<p>· 正面</p>
|
||||||
|
<p>
|
||||||
|
喜欢做主、具有较强的行动力，且行动迅速；喜欢设定目标、
|
||||||
|
并表现出不达目标不罢休、充满自信、意志坚定的状态，常常能表现
|
||||||
|
出主动、活力的状态，遇到问题不会气馁，在组织中表现为推动别人
|
||||||
|
行动的人。工作表现为粗线条。
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="topDescription">
|
||||||
|
<p>· 反面</p>
|
||||||
|
<p>
|
||||||
|
喜欢做主、具有较强的行动力，且行动迅速；喜欢设定目标、
|
||||||
|
并表现出不达目标不罢休、充满自信、意志坚定的状态，常常能表现
|
||||||
|
出主动、活力的状态，遇到问题不会气馁，在组织中表现为推动别人
|
||||||
|
行动的人。工作表现为粗线条。
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<p class="description">人格特征</p>
|
||||||
|
<div class="traits">
|
||||||
|
<p>
|
||||||
|
<span>希望：</span>
|
||||||
|
<span>赢，达成目标</span>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<span>驱动力：</span>
|
||||||
|
<span>目标和结果</span>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<span>面对压力：</span>
|
||||||
|
<span>迅速完成任务，忽略细节和过程</span>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<span>希望别人：</span>
|
||||||
|
<span>做出改变</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import * as echarts from "echarts";
|
||||||
|
import { onMounted, getCurrentInstance } from "vue";
|
||||||
export default {
|
export default {
|
||||||
|
setup() {
|
||||||
|
const ins = getCurrentInstance();
|
||||||
|
onMounted(() => {
|
||||||
|
console.log(ins);
|
||||||
|
// 需要获取到element,所以是onMounted的Hook
|
||||||
|
let myChart = echarts.init(document.getElementById("myChart123"));
|
||||||
|
|
||||||
|
let option = {
|
||||||
|
radar: {
|
||||||
|
// shape: 'circle',
|
||||||
|
indicator: [
|
||||||
|
{ name: "支配型7分", max: 6500 },
|
||||||
|
{ name: "谨慎型5分", max: 16000 },
|
||||||
|
{ name: "影响13分", max: 30000 },
|
||||||
|
{ name: "稳健型15分", max: 38000 },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
// color: ["#000"],
|
||||||
|
series: [
|
||||||
|
{
|
||||||
|
name: "Budget vs spending",
|
||||||
|
type: "radar",
|
||||||
|
data: [
|
||||||
|
{
|
||||||
|
value: [5000, 14000, 28000, 26000, 42000],
|
||||||
|
name: "Actual Spending",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
// 绘制图表
|
||||||
|
myChart.setOption(option);
|
||||||
|
window.onresize = function () {
|
||||||
|
// 自适应大小
|
||||||
|
myChart.resize();
|
||||||
|
};
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
props: {
|
props: {
|
||||||
navIf: String,
|
navIf: String,
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
userData: {},
|
userData: {},
|
||||||
|
dataNum: {
|
||||||
|
sum: 40,
|
||||||
|
num: 20,
|
||||||
|
},
|
||||||
|
stylecss: "35%",
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.userData = JSON.parse(localStorage.userData);
|
this.userData = JSON.parse(localStorage.userData);
|
||||||
},
|
},
|
||||||
|
methods: {
|
||||||
|
proportion(obj, max) {
|
||||||
|
console.log((obj - 0) / (max - 0));
|
||||||
|
return ((obj - 0) / (max - 0)) * 100 + "%";
|
||||||
|
},
|
||||||
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.report{
|
.report {
|
||||||
width: 595px;
|
width: 100%;
|
||||||
height: 842px;
|
height: 100%;
|
||||||
background: linear-gradient(126deg, #0D338A 0%, #0D338A 0%, #2884D3 100%);
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
padding: 16px;
|
position: fixed;
|
||||||
|
left: 0px;
|
||||||
|
z-index: 30;
|
||||||
|
display: flex;
|
||||||
|
box-sizing: border-box;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0 90px;
|
||||||
|
top: 0px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.report > div > div {
|
||||||
|
width: 100%;
|
||||||
|
overflow-y: auto;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.report > div {
|
||||||
|
width: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.reportCon {
|
||||||
|
width: 595px;
|
||||||
|
min-width: 595px;
|
||||||
|
height: 842px;
|
||||||
|
margin-right: 50px;
|
||||||
|
background: linear-gradient(126deg, #0d338a 0%, #0d338a 0%, #2884d3 100%);
|
||||||
|
padding: 16px;
|
||||||
|
width: 1;
|
||||||
|
}
|
||||||
|
.reportCon > div {
|
||||||
|
background: #ffffff;
|
||||||
|
box-shadow: 2px 3px 4px 0px rgba(15, 55, 142, 0.2);
|
||||||
|
border-radius: 70px 0px 70px 0px;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0 34px;
|
||||||
|
height: 100%;
|
||||||
|
padding-top: 64px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.reportConTlt {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.reportConTlt > img {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 25px;
|
||||||
|
}
|
||||||
|
.reportConTlt > div {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
.reportConTlt > div > :nth-child(1) > :nth-child(1) {
|
||||||
|
font-size: 28px;
|
||||||
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
margin-right: 25px;
|
||||||
|
line-height: 28px;
|
||||||
|
}
|
||||||
|
.reportConTlt > div > :nth-child(1) > :nth-child(2) {
|
||||||
|
font-size: 12px;
|
||||||
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #666666;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
.reportConTlt > div > :nth-child(1) {
|
||||||
|
padding-top: 6px;
|
||||||
|
padding-bottom: 5px;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
.reportConTlt > div > :nth-child(2) {
|
||||||
|
width: 100%;
|
||||||
|
height: 2px;
|
||||||
|
background: linear-gradient(138deg, #2884d3 0%, #0d338a 100%, #0d338a 100%);
|
||||||
|
}
|
||||||
|
.reportConTlt > div > :nth-child(3) {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.reportConTlt > div > :nth-child(3) > :nth-child(1) {
|
||||||
|
width: 154px;
|
||||||
|
}
|
||||||
|
.reportConTlt > div > :nth-child(3) > p {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 11px;
|
||||||
|
}
|
||||||
|
.reportConTlt > div > :nth-child(3) > p > img {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
margin-right: 9px;
|
||||||
|
}
|
||||||
|
.reportConTlt > div > :nth-child(3) > p > span {
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #666666;
|
||||||
|
line-height: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reportConTlt > div > :nth-child(4) {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.reportConTlt > div > :nth-child(4) > :nth-child(1) {
|
||||||
|
width: 154px;
|
||||||
|
}
|
||||||
|
.reportConTlt > div > :nth-child(4) > p {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 11px;
|
||||||
|
}
|
||||||
|
.reportConTlt > div > :nth-child(4) > p > img {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
margin-right: 9px;
|
||||||
|
}
|
||||||
|
.reportConTlt > div > :nth-child(4) > p > span {
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #666666;
|
||||||
|
line-height: 21px;
|
||||||
|
}
|
||||||
|
.titleA {
|
||||||
|
width: 160px;
|
||||||
|
text-align: center;
|
||||||
|
height: 34px;
|
||||||
|
background: linear-gradient(138deg, #2884d3 0%, #0d338a 100%, #0d338a 100%);
|
||||||
|
margin: auto;
|
||||||
|
margin-top: 27px;
|
||||||
|
border-radius: 16px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
|
||||||
|
font-weight: 400;
|
||||||
|
margin-bottom: 27px;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 34px;
|
||||||
|
}
|
||||||
|
.titleB {
|
||||||
|
position: relative;
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #515151;
|
||||||
|
line-height: 21px;
|
||||||
|
padding-left: 11px;
|
||||||
|
}
|
||||||
|
.titleB::after {
|
||||||
|
content: "";
|
||||||
|
width: 5px;
|
||||||
|
position: absolute;
|
||||||
|
left: 0px;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -7px;
|
||||||
|
height: 14px;
|
||||||
|
background: linear-gradient(138deg, #2884d3 0%, #0d338a 100%, #0d338a 100%);
|
||||||
|
border-radius: 9px;
|
||||||
|
}
|
||||||
|
.echartsCss {
|
||||||
|
margin-top: -35px;
|
||||||
|
margin-bottom: 37px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dateLength {
|
||||||
|
display: flex;
|
||||||
|
font-size: 13px;
|
||||||
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #666666;
|
||||||
|
line-height: 20px;
|
||||||
|
margin-top: 29px;
|
||||||
|
padding-left: 11px;
|
||||||
|
}
|
||||||
|
.dateLength > span {
|
||||||
|
font-size: 13px;
|
||||||
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #0544a4;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
.progressBar {
|
||||||
|
margin-top: 23px;
|
||||||
|
width: 495px;
|
||||||
|
height: 113px;
|
||||||
|
background: #f8f8f8;
|
||||||
|
padding: 24px 21px 18px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
.progressBarTit {
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #454d67;
|
||||||
|
line-height: 21px;
|
||||||
|
margin-bottom: 19px;
|
||||||
|
padding-left: 9px;
|
||||||
|
}
|
||||||
|
.progressBarCon {
|
||||||
|
width: 100%;
|
||||||
|
height: 12px;
|
||||||
|
background: #ffffff;
|
||||||
|
box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
|
||||||
|
border-radius: 16px;
|
||||||
|
}
|
||||||
|
.progressBarConList {
|
||||||
|
height: 12px;
|
||||||
|
background: linear-gradient(135deg, #ffdf73 0%, #febb3f 100%);
|
||||||
|
border-radius: 16px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.mark {
|
||||||
|
position: absolute;
|
||||||
|
right: -10px;
|
||||||
|
width: 42px;
|
||||||
|
height: 46px;
|
||||||
|
bottom: 0px;
|
||||||
|
background-image: url("../assets/szbj.png");
|
||||||
|
background-size: 100%;
|
||||||
|
font-size: 17px;
|
||||||
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #333333;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
line-height: 36px;
|
||||||
|
}
|
||||||
|
.sumCss {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.sumCss > p {
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #1b1e20;
|
||||||
|
}
|
||||||
|
.titleC {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-bottom: 5px;
|
||||||
|
}
|
||||||
|
.titleCH {
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
background: linear-gradient(138deg, #2884d3 0%, #0d338a 100%, #0d338a 100%);
|
||||||
|
margin-bottom: 19px;
|
||||||
|
}
|
||||||
|
.description {
|
||||||
|
width: 100px;
|
||||||
|
height: 30px;
|
||||||
|
background: linear-gradient(138deg, #2884d3 0%, #0d338a 100%, #0d338a 100%);
|
||||||
|
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
|
||||||
|
border-radius: 0px 40px 40px 0px;
|
||||||
|
margin-top: 23px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
|
||||||
|
font-weight: 400;
|
||||||
|
padding-left: 12px;
|
||||||
|
color: #ffffff;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
.topDescription {
|
||||||
|
font-size: 12px;
|
||||||
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #666666;
|
||||||
|
margin-top: 16px;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
.topDescription > :nth-child(1) {
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #0544a4;
|
||||||
|
line-height: 21px;
|
||||||
|
}
|
||||||
|
.topDescription > :nth-child(2) {
|
||||||
|
font-size: 12px;
|
||||||
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #666666;
|
||||||
|
line-height: 18px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
.traits{
|
||||||
|
padding-top: 16px;
|
||||||
|
}
|
||||||
|
.traits>p{
|
||||||
|
font-size: 12px;
|
||||||
|
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #0544A4;
|
||||||
|
line-height: 18px;
|
||||||
|
margin-bottom: 16px
|
||||||
|
;
|
||||||
|
}
|
||||||
|
.traits>p>:nth-child(2){
|
||||||
|
|
||||||
|
color: #666666;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -17,6 +17,7 @@ axios.defaults.baseURL='https://a99zg89a.xiaomy.net'
|
||||||
|
|
||||||
let app=createApp(App)
|
let app=createApp(App)
|
||||||
app.config.globalProperties.$bucketName = "nianhua-test"
|
app.config.globalProperties.$bucketName = "nianhua-test"
|
||||||
|
|
||||||
app.use(router)
|
app.use(router)
|
||||||
app.use(ElementPlus,{locale:zhCn});
|
app.use(ElementPlus,{locale:zhCn});
|
||||||
app.use(VueAxios,axios)
|
app.use(VueAxios,axios)
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,13 @@ import details from '../view/details.vue'
|
||||||
//配置路由
|
//配置路由
|
||||||
const router = createRouter({
|
const router = createRouter({
|
||||||
history: createWebHistory(),
|
history: createWebHistory(),
|
||||||
routes: [{
|
routes: [
|
||||||
|
{
|
||||||
|
path: '/consumer', //
|
||||||
|
name: 'consumer',
|
||||||
|
component: consumer
|
||||||
|
},
|
||||||
|
{
|
||||||
path: '/', //登录页
|
path: '/', //登录页
|
||||||
name: 'login',
|
name: 'login',
|
||||||
component: login
|
component: login
|
||||||
|
|
@ -27,11 +33,7 @@ const router = createRouter({
|
||||||
name: 'index',
|
name: 'index',
|
||||||
component: index
|
component: index
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: '/consumer', //
|
|
||||||
name: 'consumer',
|
|
||||||
component: consumer
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
path: '/projectManagement', //
|
path: '/projectManagement', //
|
||||||
name: 'projectManagement',
|
name: 'projectManagement',
|
||||||
|
|
|
||||||
|
|
@ -138,18 +138,37 @@
|
||||||
|
|
||||||
<el-switch v-model="item.isAllowViewResultIf" @change="isAllowViewResultIf(item)" class="mb-2"> </el-switch>
|
<el-switch v-model="item.isAllowViewResultIf" @change="isAllowViewResultIf(item)" class="mb-2"> </el-switch>
|
||||||
</P>
|
</P>
|
||||||
|
<div >
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click.prevent="editTitle()"
|
||||||
|
>
|
||||||
|
查看报告
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click.prevent="editTitle()"
|
||||||
|
>
|
||||||
|
导出报告
|
||||||
|
</el-button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
|
<Report/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import NavLeft from "../components/nav.vue";
|
import NavLeft from "../components/nav.vue";
|
||||||
|
import Report from "../components/report.vue";
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
NavLeft,
|
NavLeft,
|
||||||
|
Report,
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
msg: String,
|
msg: String,
|
||||||
|
|
|
||||||
|
|
@ -33,76 +33,17 @@
|
||||||
|
|
||||||
<div class="projectTopicA">
|
<div class="projectTopicA">
|
||||||
<div class="detailsInt">
|
<div class="detailsInt">
|
||||||
<el-select
|
|
||||||
v-model="value"
|
|
||||||
class="m-2"
|
|
||||||
placeholder="Select"
|
|
||||||
size="large"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in selectClassData"
|
|
||||||
:key="item.dictKey"
|
|
||||||
:label="item.dictValue"
|
|
||||||
:value="item.dictKey"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
<el-select
|
|
||||||
v-model="value"
|
|
||||||
class="m-2"
|
|
||||||
placeholder="Select"
|
|
||||||
size="large"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in selectClassData1"
|
|
||||||
:key="item.dictKey"
|
|
||||||
:label="item.dictValue"
|
|
||||||
:value="item.dictKey"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
<el-select
|
|
||||||
v-model="value"
|
|
||||||
class="m-2"
|
|
||||||
placeholder="Select"
|
|
||||||
size="large"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in selectClassData2"
|
|
||||||
:key="item.dictKey"
|
|
||||||
:label="item.dictValue"
|
|
||||||
:value="item.dictKey"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
<el-select
|
|
||||||
v-model="value"
|
|
||||||
class="m-2"
|
|
||||||
placeholder="Select"
|
|
||||||
size="large"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in selectClassData3"
|
|
||||||
:key="item.dictKey"
|
|
||||||
:label="item.dictValue"
|
|
||||||
:value="item.dictKey"
|
|
||||||
>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
|
|
||||||
|
|
||||||
<el-input
|
<el-input
|
||||||
v-model="phoneInt"
|
v-model="idCardInput"
|
||||||
placeholder="请输入手机号"
|
placeholder="请输入身份号"
|
||||||
class="input-with-select m-2"
|
class="input-with-select m-2"
|
||||||
style="width: 340px"
|
style="width: 340px"
|
||||||
size="large"
|
size="large"
|
||||||
>
|
>
|
||||||
|
|
||||||
</el-input>
|
</el-input>
|
||||||
<div class="searchInput">
|
<div class="searchInput">
|
||||||
<el-date-picker
|
<el-date-picker
|
||||||
v-model="projectDate"
|
v-model="inputDate"
|
||||||
type="daterange"
|
type="daterange"
|
||||||
align="right"
|
align="right"
|
||||||
unlink-panels
|
unlink-panels
|
||||||
|
|
@ -114,7 +55,7 @@
|
||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<button type="button" @click="queryProject()" class="queryProject">
|
<button type="button" @click="getProject()" class="queryProject">
|
||||||
<img src="" alt="" /> 查询
|
<img src="" alt="" /> 查询
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -123,14 +64,19 @@
|
||||||
<el-table :data="tableData" style="width: 100%" max-height="500">
|
<el-table :data="tableData" style="width: 100%" max-height="500">
|
||||||
<el-table-column align="center" prop="id" label="用户ID" />
|
<el-table-column align="center" prop="id" label="用户ID" />
|
||||||
<el-table-column align="center" prop="idCard" label="身份证号" />
|
<el-table-column align="center" prop="idCard" label="身份证号" />
|
||||||
<el-table-column align="center" prop="topicTopicStr" label="人格类型" />
|
<el-table-column
|
||||||
|
align="center"
|
||||||
|
prop="topicTopicStr"
|
||||||
|
label="人格类型"
|
||||||
|
/>
|
||||||
|
|
||||||
<el-table-column align="center" label="允许参测人员查看测试结果">
|
<el-table-column align="center" label="允许参测人员查看测试结果">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-switch
|
<el-switch
|
||||||
v-model="scope.row.age"
|
v-model="scope.row.isAllowViewResultIf"
|
||||||
@change="testStatus(scope.row)"
|
@change="testStatus(scope.row)"
|
||||||
/>
|
/>
|
||||||
|
<p>{{ scope.row.isAllowViewResultIf }}</p>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column
|
||||||
|
|
@ -148,9 +94,9 @@
|
||||||
<el-button
|
<el-button
|
||||||
type="text"
|
type="text"
|
||||||
size="small"
|
size="small"
|
||||||
@click.prevent="open(scope)"
|
@click.prevent="queryName(scope)"
|
||||||
>
|
>
|
||||||
删除
|
用户信息
|
||||||
</el-button>
|
</el-button>
|
||||||
|
|
||||||
<el-button
|
<el-button
|
||||||
|
|
@ -158,11 +104,26 @@
|
||||||
size="small"
|
size="small"
|
||||||
@click.prevent="editTitle(scope)"
|
@click.prevent="editTitle(scope)"
|
||||||
>
|
>
|
||||||
编辑
|
查看报告
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
@click.prevent="editTitle(scope)"
|
||||||
|
>
|
||||||
|
导出报告
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
<div class="disF">
|
||||||
|
<div class="yunx">
|
||||||
|
<p>允许全部参测人员</p>
|
||||||
|
<el-switch
|
||||||
|
v-model="isAllowViewResult"
|
||||||
|
@change="allowAllViewResult()"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
<el-pagination
|
<el-pagination
|
||||||
background
|
background
|
||||||
|
|
@ -177,6 +138,48 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<el-drawer
|
||||||
|
v-model="drawer"
|
||||||
|
:direction="direction"
|
||||||
|
:before-close="handleClose"
|
||||||
|
>
|
||||||
|
<div class="elementUl">
|
||||||
|
<div class="usernameDatatit">
|
||||||
|
<p
|
||||||
|
@click="usernameDatatitIf(true)"
|
||||||
|
:class="usernameDataIf ? 'usernameDatatitIf' : ''"
|
||||||
|
>
|
||||||
|
用户信息
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="usernameData">
|
||||||
|
<p class="p">
|
||||||
|
用户ID：<span>{{ usernameData.id }}</span>
|
||||||
|
</p>
|
||||||
|
<p class="p">
|
||||||
|
手机号：<span>{{ usernameData.phone }}</span>
|
||||||
|
</p>
|
||||||
|
<p class="p">
|
||||||
|
身份证号：<span>{{ usernameData.idCard }}</span>
|
||||||
|
</p>
|
||||||
|
<div class="wxDd">
|
||||||
|
<p>微信</p>
|
||||||
|
<div class="wxDdCon">
|
||||||
|
<img :src="usernameData.wxMiniHeader" alt="" />
|
||||||
|
<p>{{ usernameData.wxMiniShowname }}</p>
|
||||||
|
</div>
|
||||||
|
<p>钉钉</p>
|
||||||
|
<div class="wxDdCon">
|
||||||
|
<img :src="usernameData.dingdingHeader" alt="" />
|
||||||
|
<p>{{ usernameData.dingdingShowname }}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</el-drawer>
|
||||||
<!-- // 题型1 -->
|
<!-- // 题型1 -->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -194,20 +197,27 @@ export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
total: "",
|
total: "",
|
||||||
|
drawer: false,
|
||||||
|
usernameData: {},
|
||||||
selectClassData: [],
|
selectClassData: [],
|
||||||
selectClassData1: [],
|
selectClassData1: [],
|
||||||
selectClassData2: [],
|
selectClassData2: [],
|
||||||
|
idCardInput: "",
|
||||||
|
inputDate: "",
|
||||||
|
tableData: [],
|
||||||
selectClassData3: [],
|
selectClassData3: [],
|
||||||
|
isAllowViewResult: false,
|
||||||
detailsData: {
|
detailsData: {
|
||||||
current: "1",
|
current: "1",
|
||||||
size: "10",
|
size: "10",
|
||||||
|
startTime: "",
|
||||||
|
endTime: "",
|
||||||
},
|
},
|
||||||
projectData: {},
|
projectData: {},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.projectData = JSON.parse(localStorage.detailsData);
|
this.projectData = JSON.parse(localStorage.detailsData);
|
||||||
this.allowAllViewResult();
|
|
||||||
this.addCation();
|
this.addCation();
|
||||||
this.getProject();
|
this.getProject();
|
||||||
},
|
},
|
||||||
|
|
@ -217,7 +227,12 @@ export default {
|
||||||
this.detailsData.current = data;
|
this.detailsData.current = data;
|
||||||
this.getProject();
|
this.getProject();
|
||||||
},
|
},
|
||||||
|
queryName(data) {
|
||||||
|
this.drawer = true;
|
||||||
|
|
||||||
|
this.usernameData = data.row;
|
||||||
|
console.log( this.usernameData );
|
||||||
|
},
|
||||||
// 搜索
|
// 搜索
|
||||||
inputDataFun() {
|
inputDataFun() {
|
||||||
this.getProject(this.inputData);
|
this.getProject(this.inputData);
|
||||||
|
|
@ -232,7 +247,7 @@ export default {
|
||||||
param2.append("code", "topic_type_2");
|
param2.append("code", "topic_type_2");
|
||||||
param3.append("code", "topic_type_3");
|
param3.append("code", "topic_type_3");
|
||||||
param4.append("code", "topic_type_4");
|
param4.append("code", "topic_type_4");
|
||||||
console.log(123);
|
|
||||||
this.axios
|
this.axios
|
||||||
.get("/hysc/system/dict/dictionary", {
|
.get("/hysc/system/dict/dictionary", {
|
||||||
params: param1,
|
params: param1,
|
||||||
|
|
@ -249,7 +264,6 @@ export default {
|
||||||
params: param2,
|
params: param2,
|
||||||
})
|
})
|
||||||
.then(function (response) {
|
.then(function (response) {
|
||||||
|
|
||||||
that.selectClassData1 = response.data.data;
|
that.selectClassData1 = response.data.data;
|
||||||
})
|
})
|
||||||
.catch(function (error) {
|
.catch(function (error) {
|
||||||
|
|
@ -260,7 +274,6 @@ export default {
|
||||||
params: param3,
|
params: param3,
|
||||||
})
|
})
|
||||||
.then(function (response) {
|
.then(function (response) {
|
||||||
|
|
||||||
that.selectClassData2 = response.data.data;
|
that.selectClassData2 = response.data.data;
|
||||||
})
|
})
|
||||||
.catch(function (error) {
|
.catch(function (error) {
|
||||||
|
|
@ -271,24 +284,21 @@ export default {
|
||||||
params: param4,
|
params: param4,
|
||||||
})
|
})
|
||||||
.then(function (response) {
|
.then(function (response) {
|
||||||
|
|
||||||
that.selectClassData3 = response.data.data;
|
that.selectClassData3 = response.data.data;
|
||||||
})
|
})
|
||||||
.catch(function (error) {
|
.catch(function (error) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
testStatus(data) {
|
testStatus(data) {
|
||||||
let isAllowViewResult = 1;
|
let isAllowViewResult = 1;
|
||||||
if (data.age) {
|
if (data.isAllowViewResultIf) {
|
||||||
isAllowViewResult = 1;
|
|
||||||
} else {
|
|
||||||
isAllowViewResult = 0;
|
isAllowViewResult = 0;
|
||||||
|
} else {
|
||||||
|
isAllowViewResult = 1;
|
||||||
}
|
}
|
||||||
console.log({
|
|
||||||
id: data.id,
|
|
||||||
isAllowViewResult,
|
|
||||||
});
|
|
||||||
this.axios
|
this.axios
|
||||||
.post("/hysc/test/allowViewResult", {
|
.post("/hysc/test/allowViewResult", {
|
||||||
id: data.id,
|
id: data.id,
|
||||||
|
|
@ -302,33 +312,83 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
allowAllViewResult() {
|
allowAllViewResult() {
|
||||||
|
let isAllowViewResultIf = 0;
|
||||||
|
|
||||||
|
if (this.isAllowViewResult) {
|
||||||
|
isAllowViewResultIf = 1;
|
||||||
|
} else {
|
||||||
|
isAllowViewResultIf = 0;
|
||||||
|
}
|
||||||
|
let that = this;
|
||||||
this.axios
|
this.axios
|
||||||
.get("/hysc/test/allowAllViewResult", {
|
.get("/hysc/test/allowAllViewResult", {
|
||||||
|
params: {
|
||||||
testId: this.projectData.id,
|
testId: this.projectData.id,
|
||||||
|
isAllowViewResult: isAllowViewResultIf,
|
||||||
|
},
|
||||||
})
|
})
|
||||||
.then(function (response) {
|
.then(function (response) {
|
||||||
console.log(response.data.data);
|
console.log(response.data.data);
|
||||||
|
that.getProject();
|
||||||
})
|
})
|
||||||
.catch(function (error) {
|
.catch(function (error) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
newDate(data) {
|
||||||
|
let yy = new Date(data).getFullYear();
|
||||||
|
let mm = new Date(data).getMonth() + 1;
|
||||||
|
let dd = new Date(data).getDate();
|
||||||
|
return yy + "-" + mm + "-" + dd;
|
||||||
|
},
|
||||||
// 获取列表数据
|
// 获取列表数据
|
||||||
getProject() {
|
getProject() {
|
||||||
let param = new URLSearchParams();
|
let param = new URLSearchParams();
|
||||||
let that = this;
|
let that = this;
|
||||||
|
this.detailsData.startTime= ""
|
||||||
|
this.detailsData.endTime= ""
|
||||||
|
if (this.inputDate) {
|
||||||
|
this.detailsData.startTime= this.newDate(this.inputDate[0])
|
||||||
|
this.detailsData.endTime= this.newDate(this.inputDate[1])
|
||||||
|
}
|
||||||
param.append("current", this.detailsData.current);
|
param.append("current", this.detailsData.current);
|
||||||
param.append("size", this.detailsData.size);
|
param.append("size", this.detailsData.size);
|
||||||
param.append("testId", this.projectData.id);
|
param.append("testId", this.projectData.id);
|
||||||
|
param.append("idCard", this.idCardInput);
|
||||||
|
param.append("startTime", this.detailsData.startTime);
|
||||||
|
param.append("endTime", this.detailsData.endTime);
|
||||||
this.axios
|
this.axios
|
||||||
.get("/hysc/test/getTestDetailPage", {
|
.get("/hysc/test/getTestDetailPage", {
|
||||||
params: param,
|
params: param,
|
||||||
})
|
})
|
||||||
.then(function (response) {
|
.then(function (response) {
|
||||||
console.log(response.data,"12aaaaa3");
|
that.tableData = [];
|
||||||
|
if (response.data.data.isAllAllowViewResult == 1) {
|
||||||
|
that.isAllowViewResult = true;
|
||||||
|
} else {
|
||||||
|
that.isAllowViewResult = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
for (
|
||||||
|
let index = 0;
|
||||||
|
index < response.data.data.detailPage.records.length;
|
||||||
|
index++
|
||||||
|
) {
|
||||||
|
if (
|
||||||
|
response.data.data.detailPage.records[index].isAllowViewResult ==
|
||||||
|
1
|
||||||
|
) {
|
||||||
|
response.data.data.detailPage.records[
|
||||||
|
index
|
||||||
|
].isAllowViewResultIf = true;
|
||||||
|
} else {
|
||||||
|
response.data.data.detailPage.records[
|
||||||
|
index
|
||||||
|
].isAllowViewResultIf = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
that.tableData = response.data.data.detailPage.records;
|
that.tableData = response.data.data.detailPage.records;
|
||||||
|
|
||||||
that.total = response.data.data.detailPage.total;
|
that.total = response.data.data.detailPage.total;
|
||||||
})
|
})
|
||||||
.catch(function (error) {
|
.catch(function (error) {
|
||||||
|
|
@ -341,13 +401,90 @@ export default {
|
||||||
|
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
.usernameDatatit {
|
||||||
|
display: flex;
|
||||||
|
position: absolute;
|
||||||
|
width: 80%;
|
||||||
|
top: 0px;
|
||||||
|
padding-left: 40px;
|
||||||
|
padding-top: 23px;
|
||||||
|
left: 0px;
|
||||||
|
}
|
||||||
|
.wxDd > p {
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #8e8e8e;
|
||||||
|
padding-bottom: 16px;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-right: 20px;
|
||||||
|
padding-top: 16px;
|
||||||
|
width: 93%;
|
||||||
|
border-bottom: 1px solid #e4eaee;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
.wxDdCon {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 20px 30px;
|
||||||
|
}
|
||||||
|
.wxDdCon img {
|
||||||
|
width: 100px;
|
||||||
|
height: 100px;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 1px solid #c1c1c1;
|
||||||
|
}
|
||||||
|
.wxDdCon p {
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #515151;
|
||||||
|
line-height: 20px;
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
.usernameData > .p {
|
||||||
|
width: 93%;
|
||||||
|
padding: 16px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #8e8e8e;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
line-height: 20px;
|
||||||
|
border-bottom: 1px solid #e4eaee;
|
||||||
|
margin-bottom: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.usernameData > .p span {
|
||||||
|
font-size: 14px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #515151;
|
||||||
|
line-height: 20px;
|
||||||
|
}
|
||||||
|
.usernameDatatit > p {
|
||||||
|
font-size: 16px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #454d67;
|
||||||
|
margin-right: 30px;
|
||||||
|
line-height: 22px;
|
||||||
|
}
|
||||||
|
.disF {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: flex-end;
|
||||||
|
padding-left: 45%;
|
||||||
|
}
|
||||||
.projectManagement {
|
.projectManagement {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
.detailsInt .m-2{
|
.detailsInt .m-2 {
|
||||||
margin-right: 20px;}
|
margin-right: 20px;
|
||||||
|
}
|
||||||
.projectTopicText .projectTopicCon > .ewm {
|
.projectTopicText .projectTopicCon > .ewm {
|
||||||
padding-top: 0px;
|
padding-top: 0px;
|
||||||
padding-left: 0px;
|
padding-left: 0px;
|
||||||
|
|
@ -357,7 +494,10 @@ margin-right: 20px;}
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
|
.yunx {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
.projectTopicText .projectTopicCon > .ewm > img {
|
.projectTopicText .projectTopicCon > .ewm > img {
|
||||||
height: 100px;
|
height: 100px;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
|
|
|
||||||
|
|
@ -59,8 +59,12 @@
|
||||||
<p @click="resetCode(item)">重置二维码有效期</p>
|
<p @click="resetCode(item)">重置二维码有效期</p>
|
||||||
<p @click="addIdCard(item)">配置白名单</p>
|
<p @click="addIdCard(item)">配置白名单</p>
|
||||||
<p>
|
<p>
|
||||||
<span v-if="item.status==0" @click="openTing(item)">停用</span>
|
<span v-if="item.status == 0" @click="openTing(item)"
|
||||||
<span v-if="item.status==1" @click="resetCodeModify(item)">启用</span>
|
>停用</span
|
||||||
|
>
|
||||||
|
<span v-if="item.status == 1" @click="resetCodeModify(item)"
|
||||||
|
>启用</span
|
||||||
|
>
|
||||||
</p>
|
</p>
|
||||||
<p @click="openDelet(item)">删除</p>
|
<p @click="openDelet(item)">删除</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -213,9 +217,8 @@ export default {
|
||||||
codeDate: "",
|
codeDate: "",
|
||||||
codeDateCon: {
|
codeDateCon: {
|
||||||
current: 1,
|
current: 1,
|
||||||
idCard:"",
|
idCard: "",
|
||||||
size: 10,
|
size: 10,
|
||||||
|
|
||||||
},
|
},
|
||||||
resetCodeModifyData: "",
|
resetCodeModifyData: "",
|
||||||
drawer: false,
|
drawer: false,
|
||||||
|
|
@ -339,28 +342,57 @@ export default {
|
||||||
.then(function (data) {
|
.then(function (data) {
|
||||||
console.log(data);
|
console.log(data);
|
||||||
that.getTestWhiteList();
|
that.getTestWhiteList();
|
||||||
that.iDcrtData= {
|
that.iDcrtData = {
|
||||||
idCard: "",
|
idCard: "",
|
||||||
name: "",
|
name: "",
|
||||||
phone: "",
|
phone: "",
|
||||||
testId: 0,
|
testId: 0,
|
||||||
}
|
};
|
||||||
})
|
})
|
||||||
.catch(function (error) {
|
.catch(function (error) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
downloadCode(data){
|
|
||||||
console.log(data);
|
|
||||||
this.axios
|
|
||||||
.get(data.qrCodeUrl,)
|
|
||||||
.then(function () {
|
|
||||||
})
|
|
||||||
.catch(function (error) {
|
|
||||||
console.log(error);
|
|
||||||
});
|
|
||||||
|
|
||||||
|
downloadIamge(imgsrc, name) {
|
||||||
|
//下载图片地址和图片名
|
||||||
|
|
||||||
|
var image = new Image();
|
||||||
|
|
||||||
|
// 解决跨域 Canvas 污染问题
|
||||||
|
image.setAttribute("crossOrigin", "anonymous");
|
||||||
|
|
||||||
|
image.onload = function () {
|
||||||
|
var canvas = document.createElement("canvas");
|
||||||
|
canvas.width = image.width;
|
||||||
|
canvas.height = image.height;
|
||||||
|
var context = canvas.getContext("2d");
|
||||||
|
context.drawImage(image, 0, 0, image.width, image.height);
|
||||||
|
var url = canvas.toDataURL("image/png"); //得到图片的base64编码数据
|
||||||
|
var a = document.createElement("a"); // 生成一个a元素
|
||||||
|
var event = new MouseEvent("click"); // 创建一个单击事件
|
||||||
|
a.download = name || "photo"; // 设置图片名称
|
||||||
|
a.href = url; // 将生成的URL设置为a.href属性
|
||||||
|
a.dispatchEvent(event); // 触发a的单击事件
|
||||||
|
};
|
||||||
|
|
||||||
|
image.src = imgsrc;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
downloadCode(data) {
|
||||||
|
this.downloadIamge(data.qrCodeUrl, "二维码");
|
||||||
|
},
|
||||||
|
// downloadCode(data){
|
||||||
|
// console.log(data);
|
||||||
|
// this.axios
|
||||||
|
// .get(data.qrCodeUrl,)
|
||||||
|
// .then(function () {
|
||||||
|
// })
|
||||||
|
// .catch(function (error) {
|
||||||
|
// console.log(error);
|
||||||
|
// });
|
||||||
|
|
||||||
|
// },
|
||||||
//删除项目
|
//删除项目
|
||||||
projectDelete(id) {
|
projectDelete(id) {
|
||||||
let that = this;
|
let that = this;
|
||||||
|
|
@ -394,7 +426,7 @@ export default {
|
||||||
this.codeDateCon.current = data;
|
this.codeDateCon.current = data;
|
||||||
this.getTestWhiteList();
|
this.getTestWhiteList();
|
||||||
},
|
},
|
||||||
handleSizeChangea(data){
|
handleSizeChangea(data) {
|
||||||
this.codeDateCon.current = data;
|
this.codeDateCon.current = data;
|
||||||
this.getTestWhiteList();
|
this.getTestWhiteList();
|
||||||
},
|
},
|
||||||
|
|
@ -495,7 +527,7 @@ export default {
|
||||||
id: dataId.id,
|
id: dataId.id,
|
||||||
status: 0,
|
status: 0,
|
||||||
};
|
};
|
||||||
}else{
|
} else {
|
||||||
obj = {
|
obj = {
|
||||||
id: dataId.id,
|
id: dataId.id,
|
||||||
status: 1,
|
status: 1,
|
||||||
|
|
@ -503,7 +535,6 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
this.axios
|
this.axios
|
||||||
.post("/hysc/test/updTest", obj)
|
.post("/hysc/test/updTest", obj)
|
||||||
.then(function (response) {
|
.then(function (response) {
|
||||||
|
|
@ -532,11 +563,10 @@ export default {
|
||||||
getTestWhiteList(idC) {
|
getTestWhiteList(idC) {
|
||||||
let param = new URLSearchParams();
|
let param = new URLSearchParams();
|
||||||
let that = this;
|
let that = this;
|
||||||
if(idC){
|
if (idC) {
|
||||||
param.append("idCard", this.codeDateCon.idCard);
|
param.append("idCard", this.codeDateCon.idCard);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
param.append("testId", this.codeDate.id);
|
param.append("testId", this.codeDate.id);
|
||||||
param.append("current", this.codeDateCon.current);
|
param.append("current", this.codeDateCon.current);
|
||||||
param.append("size", this.codeDateCon.size);
|
param.append("size", this.codeDateCon.size);
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
系统管理员
|
系统管理员
|
||||||
</p>
|
</p>
|
||||||
<p
|
<p
|
||||||
@click="indexTitIfFun(2)"
|
@click="indexTitIfFun(2,true)"
|
||||||
:class="indexTitIf == 2 ? 'indexTitIf' : ''"
|
:class="indexTitIf == 2 ? 'indexTitIf' : ''"
|
||||||
>
|
>
|
||||||
普通管理员
|
普通管理员
|
||||||
|
|
@ -22,7 +22,7 @@
|
||||||
权限说明
|
权限说明
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="indexTitIf == 1">
|
<div v-if="indexTitIf == 1||indexTitIf == 2">
|
||||||
<div class="consumer-seach">
|
<div class="consumer-seach">
|
||||||
<ul class="consumer-seach-item">
|
<ul class="consumer-seach-item">
|
||||||
<li>
|
<li>
|
||||||
|
|
@ -167,6 +167,7 @@ export default {
|
||||||
phoneInt: "",
|
phoneInt: "",
|
||||||
indexTitIf: 1,
|
indexTitIf: 1,
|
||||||
userData: "",
|
userData: "",
|
||||||
|
user:"administrator",
|
||||||
adduserData: {
|
adduserData: {
|
||||||
account: "",
|
account: "",
|
||||||
avatar: "",
|
avatar: "",
|
||||||
|
|
@ -250,7 +251,14 @@ export default {
|
||||||
usernameDatatitIf(ifS) {
|
usernameDatatitIf(ifS) {
|
||||||
this.usernameDataIf = ifS;
|
this.usernameDataIf = ifS;
|
||||||
},
|
},
|
||||||
indexTitIfFun(data) {
|
indexTitIfFun(data,ifD) {
|
||||||
|
if (ifD) {
|
||||||
|
this.user="user"
|
||||||
|
this.getReportList();
|
||||||
|
}else{
|
||||||
|
this.user="administrator"
|
||||||
|
this.getReportList();
|
||||||
|
}
|
||||||
this.indexTitIf = data;
|
this.indexTitIf = data;
|
||||||
},
|
},
|
||||||
// 查看测试列表
|
// 查看测试列表
|
||||||
|
|
@ -304,6 +312,8 @@ export default {
|
||||||
param.append("current", this.consumerData.current);
|
param.append("current", this.consumerData.current);
|
||||||
param.append("size", this.consumerData.size);
|
param.append("size", this.consumerData.size);
|
||||||
param.append("phone", this.phoneInt);
|
param.append("phone", this.phoneInt);
|
||||||
|
param.append("roleAlias",this.user);
|
||||||
|
|
||||||
let that = this;
|
let that = this;
|
||||||
this.axios
|
this.axios
|
||||||
.get("/hysc/user/getUserList", {
|
.get("/hysc/user/getUserList", {
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="disFlex">
|
<div class="disFlex">
|
||||||
<NavLeft navIf="topicParameters projectManagement" />
|
<NavLeft navIf="topicParameters" />
|
||||||
|
|
||||||
<div class="topicParametersCon projectManagement">
|
<div class="topicParametersCon projectManagement">
|
||||||
<div class="title">项目管理</div>
|
<div class="title">项目管理</div>
|
||||||
|
|
@ -102,7 +102,7 @@
|
||||||
<el-button type="primary" v-else @click="updLibraryTypeParam()"
|
<el-button type="primary" v-else @click="updLibraryTypeParam()"
|
||||||
>修改项目</el-button
|
>修改项目</el-button
|
||||||
>
|
>
|
||||||
<el-button @click="resetForm(ruleFormRef)">取消新建</el-button>
|
<el-button @click="resetForm()">取消</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -156,6 +156,7 @@ export default {
|
||||||
methods: {
|
methods: {
|
||||||
// A导航
|
// A导航
|
||||||
topicParametersNavIfFun(num) {
|
topicParametersNavIfFun(num) {
|
||||||
|
this.topicParametersDataNavIf=1
|
||||||
this.topicParametersNavIf = num;
|
this.topicParametersNavIf = num;
|
||||||
this.topicParametersDataNavDataList =
|
this.topicParametersDataNavDataList =
|
||||||
this.topicParametersDataNavData[num - 1];
|
this.topicParametersDataNavData[num - 1];
|
||||||
|
|
@ -181,7 +182,7 @@ export default {
|
||||||
},
|
},
|
||||||
updLibraryTypeParam() {
|
updLibraryTypeParam() {
|
||||||
let that = this;
|
let that = this;
|
||||||
console.log();
|
this.topicParametersIf=false
|
||||||
this.axios
|
this.axios
|
||||||
.post("/hysc/library/updLibraryTypeParam", this.topicParametersData)
|
.post("/hysc/library/updLibraryTypeParam", this.topicParametersData)
|
||||||
.then(function (data) {
|
.then(function (data) {
|
||||||
|
|
@ -206,6 +207,7 @@ export default {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
addtopicParametersData() {
|
addtopicParametersData() {
|
||||||
|
this.topicParametersIf=false
|
||||||
if (this.topicParametersNavIf == 1) {
|
if (this.topicParametersNavIf == 1) {
|
||||||
this.topicParametersData.libraryType = "topic_type_1";
|
this.topicParametersData.libraryType = "topic_type_1";
|
||||||
} else if (this.topicParametersNavIf == 2) {
|
} else if (this.topicParametersNavIf == 2) {
|
||||||
|
|
@ -268,11 +270,15 @@ export default {
|
||||||
|
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
.topicParametersConment{
|
||||||
|
position: relative;
|
||||||
|
padding-top: 85px;
|
||||||
|
}
|
||||||
.topicParametersConmentData {
|
.topicParametersConmentData {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
background-color: #ddd;
|
background-color: #fff;
|
||||||
width: 94%;
|
width: 94%;
|
||||||
color: #fff;
|
color: #000;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
|
@ -327,6 +333,7 @@ export default {
|
||||||
}
|
}
|
||||||
.topicParametersData {
|
.topicParametersData {
|
||||||
margin-left: 120px;
|
margin-left: 120px;
|
||||||
|
position: relative;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
.topicParametersDataNav {
|
.topicParametersDataNav {
|
||||||
|
|
@ -352,6 +359,13 @@ export default {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
width: 98%;
|
||||||
|
box-sizing:border-box;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 1;
|
||||||
|
top: 53px;
|
||||||
|
background: #f8fafb;
|
||||||
}
|
}
|
||||||
.addtopicParameters button {
|
.addtopicParameters button {
|
||||||
width: 90px;
|
width: 90px;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue