|
|
|
|
@ -194,19 +194,20 @@
|
|
|
|
|
<div class="submit" @click="step4Submit">提交</div>
|
|
|
|
|
<div class="drawPoint">
|
|
|
|
|
<div class="point">
|
|
|
|
|
<div class="pointItem" @click="drawPointStep4('E', '#009FF1')">绘制平均消费次数X,平均消费金额Y</div>
|
|
|
|
|
<span>（5,1000）</span>
|
|
|
|
|
<div class="pointItem" @click="drawPointStep4('y', '#009FF1')">绘制平均消费次数X:5</div>
|
|
|
|
|
|
|
|
|
|
<div v-if="showAnswerFlag" style="margin-left: 3px; display: inline-block">
|
|
|
|
|
<span v-if="centerPointError" style="color: red">X</span>
|
|
|
|
|
<span v-if="!centerPointError" style="color: #00bb00">√</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <div class="point">
|
|
|
|
|
<div class="pointItem" @click="drawPointStep4('Y', '#FB54A1')">
|
|
|
|
|
绘制平均消费金额Y
|
|
|
|
|
<div class="point">
|
|
|
|
|
<div class="pointItem" @click="drawPointStep4('x', '#FB54A1')">绘制平均消费金额Y:1000</div>
|
|
|
|
|
<div v-if="showAnswerFlag" style="margin-left: 3px; display: inline-block">
|
|
|
|
|
<span v-if="centerPointError2" style="color: red">X</span>
|
|
|
|
|
<span v-if="!centerPointError2" style="color: #00bb00">√</span>
|
|
|
|
|
</div>
|
|
|
|
|
<span>1000</span>
|
|
|
|
|
</div> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -242,21 +243,21 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="point">
|
|
|
|
|
<div class="pointItem" @click="drawQuadrant('现金流客户', 'rgba(0, 184, 105, 0.8)')">现金流客户</div>
|
|
|
|
|
<div v-if="showAnswerFlag" style="margin-left: 3px; display: inline-block">
|
|
|
|
|
<div v-if="showAnswerFlag" style="margin-left: 3px; display: inline-block">
|
|
|
|
|
<span v-if="markArea4Error" style="color: red">X</span>
|
|
|
|
|
<span v-if="!markArea4Error" style="color: #00bb00">√</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="point">
|
|
|
|
|
<div class="pointItem" @click="drawQuadrant('问题客户', 'rgba(177, 130, 192, 0.8)')">问题客户</div>
|
|
|
|
|
<div v-if="showAnswerFlag" style="margin-left: 3px; display: inline-block">
|
|
|
|
|
<div v-if="showAnswerFlag" style="margin-left: 3px; display: inline-block">
|
|
|
|
|
<span v-if="markArea2Error" style="color: red">X</span>
|
|
|
|
|
<span v-if="!markArea2Error" style="color: #00bb00">√</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="point">
|
|
|
|
|
<div class="pointItem" @click="drawQuadrant('瘦狗客户', 'rgba(254, 141, 42, 0.8)')">瘦狗客户</div>
|
|
|
|
|
<div v-if="showAnswerFlag" style="margin-left: 3px; display: inline-block">
|
|
|
|
|
<div v-if="showAnswerFlag" style="margin-left: 3px; display: inline-block">
|
|
|
|
|
<span v-if="markArea3Error" style="color: red">X</span>
|
|
|
|
|
<span v-if="!markArea3Error" style="color: #00bb00">√</span>
|
|
|
|
|
</div>
|
|
|
|
|
@ -363,6 +364,7 @@ const pointBError = ref(false);
|
|
|
|
|
const pointCError = ref(false);
|
|
|
|
|
const pointDError = ref(false);
|
|
|
|
|
const centerPointError = ref(false);
|
|
|
|
|
const centerPointError2 = ref(false);
|
|
|
|
|
const markArea1Error = ref(false);
|
|
|
|
|
const markArea2Error = ref(false);
|
|
|
|
|
const markArea3Error = ref(false);
|
|
|
|
|
@ -684,6 +686,7 @@ const drawPoint = (point, color) => {
|
|
|
|
|
// option.value && myChart.setOption(option.value);
|
|
|
|
|
};
|
|
|
|
|
const drawPointStep4 = (point, color) => {
|
|
|
|
|
// markCenterLineStep4.value.splice(0, 2);
|
|
|
|
|
drawPointNameStep4.value = point;
|
|
|
|
|
drawPointColorStep4.value = color;
|
|
|
|
|
};
|
|
|
|
|
@ -939,7 +942,10 @@ const step4EchartInit = () => {
|
|
|
|
|
chart2OptionData.value.splice(i, 1);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
markCenterLineStep4.value.splice(0, 2);
|
|
|
|
|
if (markCenterLineStep4.value.length >= 2) {
|
|
|
|
|
markCenterLineStep4.value.splice(0, 2);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const pointInPixel = [param.offsetX, param.offsetY];
|
|
|
|
|
console.log("pointInPixel4", pointInPixel);
|
|
|
|
|
//将偏移值转化为坐标值
|
|
|
|
|
@ -955,17 +961,31 @@ const step4EchartInit = () => {
|
|
|
|
|
name: drawPointNameStep4.value,
|
|
|
|
|
color: drawPointColorStep4.value,
|
|
|
|
|
});
|
|
|
|
|
markCenterLineStep4.value.push(
|
|
|
|
|
{
|
|
|
|
|
name: "y",
|
|
|
|
|
xAxis: pointInGridStep4.value[0],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "x",
|
|
|
|
|
yAxis: pointInGridStep4.value[1],
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
console.log(markCenterLineStep4.value);
|
|
|
|
|
if (drawPointNameStep4.value == "y") {
|
|
|
|
|
markCenterLineStep4.value.push(
|
|
|
|
|
// {
|
|
|
|
|
// name: "y",
|
|
|
|
|
// xAxis: pointInGridStep4.value[0],
|
|
|
|
|
// },
|
|
|
|
|
{
|
|
|
|
|
name: "",
|
|
|
|
|
xAxis: pointInGridStep4.value[0],
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
} else if (drawPointNameStep4.value == "x") {
|
|
|
|
|
markCenterLineStep4.value.push(
|
|
|
|
|
// {
|
|
|
|
|
// name: "y",
|
|
|
|
|
// xAxis: pointInGridStep4.value[0],
|
|
|
|
|
// },
|
|
|
|
|
{
|
|
|
|
|
name: "",
|
|
|
|
|
yAxis: pointInGridStep4.value[1],
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
console.log(markCenterLineStep4.value, "-----");
|
|
|
|
|
// console.log(markCenterLineStep4.value);
|
|
|
|
|
option2.value && myChart.setOption(option2.value);
|
|
|
|
|
});
|
|
|
|
|
@ -997,18 +1017,18 @@ const step5EchartInit = () => {
|
|
|
|
|
// 中心线
|
|
|
|
|
const centerLine = [
|
|
|
|
|
{
|
|
|
|
|
name: "y",
|
|
|
|
|
name: "",
|
|
|
|
|
xAxis: 5,
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
name: "x",
|
|
|
|
|
name: "",
|
|
|
|
|
yAxis: 1000,
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
// 中心点
|
|
|
|
|
const centerMark = [
|
|
|
|
|
{
|
|
|
|
|
value: "中心点",
|
|
|
|
|
value: "",
|
|
|
|
|
coord: [5, 1000],
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
@ -1411,18 +1431,37 @@ const step3Submit = () => {
|
|
|
|
|
};
|
|
|
|
|
const step4Submit = () => {
|
|
|
|
|
step4Error.value = 0;
|
|
|
|
|
for (let i in chart2OptionData.value) {
|
|
|
|
|
// console.log(option2.value.series[0].data[i]);
|
|
|
|
|
// for (let i in chart2OptionData.value) {
|
|
|
|
|
// // console.log(option2.value.series[0].data[i]);
|
|
|
|
|
|
|
|
|
|
if (chart2OptionData.value[i].name == "E") {
|
|
|
|
|
if (Math.round(chart2OptionData.value[i].value[0]) != 5 || Math.round(chart2OptionData.value[i].value[1]) != 1000) {
|
|
|
|
|
console.log(chart2OptionData.value[i]);
|
|
|
|
|
step4Error.value++;
|
|
|
|
|
centerPointError.value = true;
|
|
|
|
|
} else {
|
|
|
|
|
centerPointError.value = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// if (chart2OptionData.value[i].name == "E") {
|
|
|
|
|
// if (Math.round(chart2OptionData.value[i].value[0]) != 5 || Math.round(chart2OptionData.value[i].value[1]) != 1000) {
|
|
|
|
|
// console.log(chart2OptionData.value[i]);
|
|
|
|
|
// step4Error.value++;
|
|
|
|
|
// centerPointError.value = true;
|
|
|
|
|
// } else {
|
|
|
|
|
// centerPointError.value = false;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// if (markCenterLineStep4.value[0].xAxis != 5 || markCenterLineStep4.value[1].yAxis != 1000) {
|
|
|
|
|
// step4Error.value++;
|
|
|
|
|
// centerPointError.value = true;
|
|
|
|
|
// } else {
|
|
|
|
|
// centerPointError.value = false;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
if (markCenterLineStep4.value[0].xAxis != 5) {
|
|
|
|
|
step4Error.value++;
|
|
|
|
|
centerPointError.value = true;
|
|
|
|
|
} else {
|
|
|
|
|
centerPointError.value = false;
|
|
|
|
|
}
|
|
|
|
|
if (markCenterLineStep4.value[1].yAxis != 1000) {
|
|
|
|
|
step4Error.value++;
|
|
|
|
|
centerPointError2.value = true;
|
|
|
|
|
} else {
|
|
|
|
|
centerPointError2.value = false;
|
|
|
|
|
}
|
|
|
|
|
console.log(step4Error.value, "错误数");
|
|
|
|
|
proxy.$modal.msgSuccess("提交成功");
|
|
|
|
|
@ -1487,6 +1526,7 @@ const submitData = () => {
|
|
|
|
|
.then((res) => {
|
|
|
|
|
proxy.$modal.msgSuccess("提交成功");
|
|
|
|
|
showAnswerFlag.value = true;
|
|
|
|
|
saveDataSubmit();
|
|
|
|
|
})
|
|
|
|
|
.catch((error) => {});
|
|
|
|
|
};
|
|
|
|
|
@ -1548,6 +1588,65 @@ const saveData = () => {
|
|
|
|
|
.then((res) => {})
|
|
|
|
|
.catch((error) => {});
|
|
|
|
|
};
|
|
|
|
|
const saveDataSubmit = () => {
|
|
|
|
|
const params = {
|
|
|
|
|
stepFiveA: step1Data.value[0].params1,
|
|
|
|
|
stepFiveB: step1Data.value[0].params2,
|
|
|
|
|
stepFiveC: step1Data.value[1].params1,
|
|
|
|
|
stepFiveD: step1Data.value[1].params2,
|
|
|
|
|
stepSixA: step1Data.value[2].params1,
|
|
|
|
|
stepSixB: step1Data.value[2].params2,
|
|
|
|
|
stepSixC: step1Data.value[3].params1,
|
|
|
|
|
stepSixD: step1Data.value[3].params2,
|
|
|
|
|
stepSevenA: step2Data.value[4].params1,
|
|
|
|
|
stepSevenB: step2Data.value[4].params2,
|
|
|
|
|
stepSevenC: JSON.stringify(chart1OptionData.value),
|
|
|
|
|
stepSevenD: JSON.stringify(chart2OptionData.value),
|
|
|
|
|
stepEightA: optionStep5.value.series[0].markArea.data[0][0].name,
|
|
|
|
|
stepEightB: optionStep5.value.series[0].markArea.data[1][0].name,
|
|
|
|
|
stepEightC: optionStep5.value.series[0].markArea.data[2][0].name,
|
|
|
|
|
stepEightD: optionStep5.value.series[0].markArea.data[3][0].name,
|
|
|
|
|
stepNineA: optionStep5.value.series[0].markArea.data[0][0].itemStyle.color,
|
|
|
|
|
stepNineB: optionStep5.value.series[0].markArea.data[1][0].itemStyle.color,
|
|
|
|
|
stepNineC: optionStep5.value.series[0].markArea.data[2][0].itemStyle.color,
|
|
|
|
|
stepNineD: optionStep5.value.series[0].markArea.data[3][0].itemStyle.color,
|
|
|
|
|
// stepTenA: step2Data.value[14].params,
|
|
|
|
|
// stepTenB: step2Data.value[15].params,
|
|
|
|
|
// stepTenC: step2Data.value[16].params,
|
|
|
|
|
// stepTenD: step2Data.value[17].params,
|
|
|
|
|
// stepElevenA: step2Data.value[18].params,
|
|
|
|
|
// stepOneA: step2Data.value[19].params,
|
|
|
|
|
// stepOneB: step2Data.value[20].params,
|
|
|
|
|
// stepOneC: step2Data.value[21].params,
|
|
|
|
|
// stepOneD: step2Data.value[22].params,
|
|
|
|
|
// stepTwoA: step2Data.value[23].params,
|
|
|
|
|
// stepTwoB: step2Data.value[24].params,
|
|
|
|
|
// stepTwoC: step2Data.value[25].params,
|
|
|
|
|
// stepThreeA: step2Data.value[26].params,
|
|
|
|
|
// stepThreeB: step2Data.value[27].params,
|
|
|
|
|
// stepThreeC: step2Data.value[28].params,
|
|
|
|
|
// stepThreeD: step2Data.value[29].params,
|
|
|
|
|
// stepFourA: step2Data.value[30].params,
|
|
|
|
|
// stepFourB: step2Data.value[31].params,
|
|
|
|
|
// stepFourC: step2Data.value[32].params,
|
|
|
|
|
// stepFourD: step2Data.value[33].params,
|
|
|
|
|
// stepNewOne: step2Data.value[34].params,
|
|
|
|
|
// stepNewTwo: step2Data.value[35].params,
|
|
|
|
|
// stepNewThree: step2Data.value[36].params,
|
|
|
|
|
// stepNewFive: step5DataTable3.value[3].params2,
|
|
|
|
|
// stepNewSix: step5DataTable3.value[4].params1,
|
|
|
|
|
// stepNewEight: step5DataTable3.value[4].params2,
|
|
|
|
|
};
|
|
|
|
|
portraitModel
|
|
|
|
|
.saveData({
|
|
|
|
|
userId: JSON.parse(getUserInfo()).userId,
|
|
|
|
|
module: "波士顿矩阵分析",
|
|
|
|
|
...params,
|
|
|
|
|
subState: 1,
|
|
|
|
|
})
|
|
|
|
|
.then((res) => {})
|
|
|
|
|
.catch((error) => {});
|
|
|
|
|
};
|
|
|
|
|
const getData = () => {
|
|
|
|
|
portraitModel
|
|
|
|
|
.getData({
|
|
|
|
|
@ -1577,58 +1676,251 @@ const getData = () => {
|
|
|
|
|
quadrant2Color.value = res.data.stepNineB;
|
|
|
|
|
quadrant3Color.value = res.data.stepNineC;
|
|
|
|
|
quadrant4Color.value = res.data.stepNineD;
|
|
|
|
|
}
|
|
|
|
|
// console.log(chart1OptionData.value,'666');
|
|
|
|
|
for (let i in chart2OptionData.value) {
|
|
|
|
|
console.log(chart2OptionData.value[i], "asdas");
|
|
|
|
|
if (chart2OptionData.value[i].name == "x") {
|
|
|
|
|
console.log(1);
|
|
|
|
|
markCenterLineStep4.value.push(
|
|
|
|
|
// {
|
|
|
|
|
// name: "y",
|
|
|
|
|
// xAxis: pointInGridStep4.value[0],
|
|
|
|
|
// },
|
|
|
|
|
{
|
|
|
|
|
name: "",
|
|
|
|
|
yAxis: chart2OptionData.value[i].value[1],
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
} else if (chart2OptionData.value[i].name == "y") {
|
|
|
|
|
console.log(2);
|
|
|
|
|
markCenterLineStep4.value.push(
|
|
|
|
|
// {
|
|
|
|
|
// name: "y",
|
|
|
|
|
// xAxis: pointInGridStep4.value[0],
|
|
|
|
|
// },
|
|
|
|
|
{
|
|
|
|
|
name: "",
|
|
|
|
|
xAxis: chart2OptionData.value[i].value[0],
|
|
|
|
|
}
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// step2Data.value[14].params = res.data.stepTenA;
|
|
|
|
|
// step2Data.value[15].params = res.data.stepTenB;
|
|
|
|
|
// step2Data.value[16].params = res.data.stepTenC;
|
|
|
|
|
// step2Data.value[17].params = res.data.stepTenD;
|
|
|
|
|
// step2Data.value[18].params = res.data.stepElevenA;
|
|
|
|
|
// step2Data.value[19].params = res.data.stepOneA;
|
|
|
|
|
// step2Data.value[20].params = res.data.stepOneB;
|
|
|
|
|
// step2Data.value[21].params = res.data.stepOneC;
|
|
|
|
|
// step2Data.value[22].params = res.data.stepOneD;
|
|
|
|
|
// step2Data.value[23].params = res.data.stepTwoA;
|
|
|
|
|
// step2Data.value[24].params = res.data.stepTwoB;
|
|
|
|
|
// step2Data.value[25].params = res.data.stepTwoC;
|
|
|
|
|
// step2Data.value[26].params = res.data.stepThreeA;
|
|
|
|
|
// step2Data.value[27].params = res.data.stepThreeB;
|
|
|
|
|
// step2Data.value[28].params = res.data.stepThreeC;
|
|
|
|
|
// step2Data.value[29].params = res.data.stepThreeD;
|
|
|
|
|
// step2Data.value[30].params = res.data.stepFourA;
|
|
|
|
|
// step2Data.value[31].params = res.data.stepFourB;
|
|
|
|
|
// step2Data.value[32].params = res.data.stepFourC;
|
|
|
|
|
// step2Data.value[33].params = res.data.stepFourD;
|
|
|
|
|
// step2Data.value[34].params = res.data.stepNewOne;
|
|
|
|
|
// step2Data.value[35].params = res.data.stepNewTwo;
|
|
|
|
|
// step2Data.value[36].params = res.data.stepNewThree;
|
|
|
|
|
// step5DataTable3.value[3].params2 = res.data.stepNewFive;
|
|
|
|
|
// step5DataTable3.value[4].params1 = res.data.stepNewSix;
|
|
|
|
|
// step5DataTable3.value[4].params2 = res.data.stepNewEight;
|
|
|
|
|
// console.log(JSON.parse(res.data.stepSevenC));
|
|
|
|
|
|
|
|
|
|
// step2Data.value[14].params = res.data.stepTenA;
|
|
|
|
|
// step2Data.value[15].params = res.data.stepTenB;
|
|
|
|
|
// step2Data.value[16].params = res.data.stepTenC;
|
|
|
|
|
// step2Data.value[17].params = res.data.stepTenD;
|
|
|
|
|
// step2Data.value[18].params = res.data.stepElevenA;
|
|
|
|
|
// step2Data.value[19].params = res.data.stepOneA;
|
|
|
|
|
// step2Data.value[20].params = res.data.stepOneB;
|
|
|
|
|
// step2Data.value[21].params = res.data.stepOneC;
|
|
|
|
|
// step2Data.value[22].params = res.data.stepOneD;
|
|
|
|
|
// step2Data.value[23].params = res.data.stepTwoA;
|
|
|
|
|
// step2Data.value[24].params = res.data.stepTwoB;
|
|
|
|
|
// step2Data.value[25].params = res.data.stepTwoC;
|
|
|
|
|
// step2Data.value[26].params = res.data.stepThreeA;
|
|
|
|
|
// step2Data.value[27].params = res.data.stepThreeB;
|
|
|
|
|
// step2Data.value[28].params = res.data.stepThreeC;
|
|
|
|
|
// step2Data.value[29].params = res.data.stepThreeD;
|
|
|
|
|
// step2Data.value[30].params = res.data.stepFourA;
|
|
|
|
|
// step2Data.value[31].params = res.data.stepFourB;
|
|
|
|
|
// step2Data.value[32].params = res.data.stepFourC;
|
|
|
|
|
// step2Data.value[33].params = res.data.stepFourD;
|
|
|
|
|
// step2Data.value[34].params = res.data.stepNewOne;
|
|
|
|
|
// step2Data.value[35].params = res.data.stepNewTwo;
|
|
|
|
|
// step2Data.value[36].params = res.data.stepNewThree;
|
|
|
|
|
// step5DataTable3.value[3].params2 = res.data.stepNewFive;
|
|
|
|
|
// step5DataTable3.value[4].params1 = res.data.stepNewSix;
|
|
|
|
|
// step5DataTable3.value[4].params2 = res.data.stepNewEight;
|
|
|
|
|
// console.log(JSON.parse(res.data.stepSevenC));
|
|
|
|
|
step3EchartInit();
|
|
|
|
|
step4EchartInit();
|
|
|
|
|
step5EchartInit();
|
|
|
|
|
step3EchartInit();
|
|
|
|
|
step4EchartInit();
|
|
|
|
|
step5EchartInit();
|
|
|
|
|
if (res.data.subState & (res.data.subState == 1)) {
|
|
|
|
|
showAnswerFlag.value = true;
|
|
|
|
|
if (step1Data.value[0].params1 && step1Data.value[0].params1 !== "3") {
|
|
|
|
|
step1Data.value[0].isError1 = true;
|
|
|
|
|
} else {
|
|
|
|
|
step1Data.value[0].isError1 = false;
|
|
|
|
|
}
|
|
|
|
|
if (step1Data.value[0].params2 && step1Data.value[0].params2 !== "800") {
|
|
|
|
|
step1Data.value[0].isError2 = true;
|
|
|
|
|
} else {
|
|
|
|
|
step1Data.value[0].isError2 = false;
|
|
|
|
|
}
|
|
|
|
|
if (step1Data.value[1].params1 && step1Data.value[1].params1 !== "4") {
|
|
|
|
|
step1Data.value[1].isError1 = true;
|
|
|
|
|
} else {
|
|
|
|
|
step1Data.value[1].isError1 = false;
|
|
|
|
|
}
|
|
|
|
|
if (step1Data.value[1].params2 && step1Data.value[1].params2 !== "1200") {
|
|
|
|
|
step1Data.value[1].isError2 = true;
|
|
|
|
|
} else {
|
|
|
|
|
step1Data.value[1].isError2 = false;
|
|
|
|
|
}
|
|
|
|
|
if (step1Data.value[2].params1 && step1Data.value[2].params1 !== "6") {
|
|
|
|
|
step1Data.value[2].isError1 = true;
|
|
|
|
|
} else {
|
|
|
|
|
step1Data.value[2].isError1 = false;
|
|
|
|
|
}
|
|
|
|
|
if (step1Data.value[2].params2 && step1Data.value[2].params2 !== "600") {
|
|
|
|
|
step1Data.value[2].isError2 = true;
|
|
|
|
|
} else {
|
|
|
|
|
step1Data.value[2].isError2 = false;
|
|
|
|
|
}
|
|
|
|
|
if (step1Data.value[3].params1 && step1Data.value[3].params1 !== "7") {
|
|
|
|
|
step1Data.value[3].isError1 = true;
|
|
|
|
|
} else {
|
|
|
|
|
step1Data.value[3].isError1 = false;
|
|
|
|
|
}
|
|
|
|
|
if (step1Data.value[3].params2 && step1Data.value[3].params2 !== "1400") {
|
|
|
|
|
step1Data.value[3].isError2 = true;
|
|
|
|
|
} else {
|
|
|
|
|
step1Data.value[3].isError2 = false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (step2Data.value[4].params1 && step2Data.value[4].params1 !== "5") {
|
|
|
|
|
step2Data.value[4].isError1 = true;
|
|
|
|
|
} else {
|
|
|
|
|
step2Data.value[4].isError1 = false;
|
|
|
|
|
}
|
|
|
|
|
if (step2Data.value[4].params2 && step2Data.value[4].params2 !== "1000") {
|
|
|
|
|
step2Data.value[4].isError2 = true;
|
|
|
|
|
} else {
|
|
|
|
|
step2Data.value[4].isError2 = false;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
for (let i in chart1OptionData.value) {
|
|
|
|
|
// console.log(option.value.series[0].data[i]);
|
|
|
|
|
if (chart1OptionData.value[i].name == "A") {
|
|
|
|
|
if (Math.round(chart1OptionData.value[i].value[0]) != 3 || Math.round(chart1OptionData.value[i].value[1]) != 800) {
|
|
|
|
|
pointAError.value = true;
|
|
|
|
|
} else {
|
|
|
|
|
pointAError.value = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (chart1OptionData.value[i].name == "B") {
|
|
|
|
|
if (Math.round(chart1OptionData.value[i].value[0]) != 4 || Math.round(chart1OptionData.value[i].value[1]) != 1200) {
|
|
|
|
|
pointBError.value = true;
|
|
|
|
|
} else {
|
|
|
|
|
pointBError.value = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (chart1OptionData.value[i].name == "C") {
|
|
|
|
|
if (Math.round(chart1OptionData.value[i].value[0]) != 6 || Math.round(chart1OptionData.value[i].value[1]) != 600) {
|
|
|
|
|
pointCError.value = true;
|
|
|
|
|
} else {
|
|
|
|
|
pointCError.value = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
if (chart1OptionData.value[i].name == "D") {
|
|
|
|
|
if (Math.round(chart1OptionData.value[i].value[0]) != 7 || Math.round(chart1OptionData.value[i].value[1]) != 1400) {
|
|
|
|
|
pointDError.value = true;
|
|
|
|
|
} else {
|
|
|
|
|
pointDError.value = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (markCenterLineStep4.value[0].xAxis != 5) {
|
|
|
|
|
centerPointError.value = true;
|
|
|
|
|
} else {
|
|
|
|
|
centerPointError.value = false;
|
|
|
|
|
}
|
|
|
|
|
if (markCenterLineStep4.value[1].yAxis != 1000) {
|
|
|
|
|
centerPointError2.value = true;
|
|
|
|
|
} else {
|
|
|
|
|
centerPointError2.value = false;
|
|
|
|
|
}
|
|
|
|
|
// for (let i in chart2OptionData.value) {
|
|
|
|
|
// // console.log(option2.value.series[0].data[i]);
|
|
|
|
|
|
|
|
|
|
// if (chart2OptionData.value[i].name == "E") {
|
|
|
|
|
// if (Math.round(chart2OptionData.value[i].value[0]) != 5 || Math.round(chart2OptionData.value[i].value[1]) != 1000) {
|
|
|
|
|
// centerPointError.value = true;
|
|
|
|
|
// } else {
|
|
|
|
|
// centerPointError.value = false;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
if (quadrant1.value != "明星客户") {
|
|
|
|
|
markArea1Error.value = true;
|
|
|
|
|
} else {
|
|
|
|
|
markArea1Error.value = false;
|
|
|
|
|
}
|
|
|
|
|
if (quadrant2.value != "问题客户") {
|
|
|
|
|
markArea2Error.value = true;
|
|
|
|
|
} else {
|
|
|
|
|
markArea2Error.value = false;
|
|
|
|
|
}
|
|
|
|
|
if (quadrant3.value != "瘦狗客户") {
|
|
|
|
|
markArea3Error.value = true;
|
|
|
|
|
} else {
|
|
|
|
|
markArea3Error.value = false;
|
|
|
|
|
}
|
|
|
|
|
if (quadrant4.value != "现金流客户") {
|
|
|
|
|
markArea4Error.value = true;
|
|
|
|
|
} else {
|
|
|
|
|
markArea4Error.value = false;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}else {
|
|
|
|
|
console.log(789);
|
|
|
|
|
chart1OptionData.value = JSON.parse('[]');
|
|
|
|
|
// console.log(JSON.parse(res.data.stepSevenC),'666');
|
|
|
|
|
chart2OptionData.value = JSON.parse('[]');
|
|
|
|
|
quadrant1.value = "";
|
|
|
|
|
quadrant2.value = "";
|
|
|
|
|
quadrant3.value = "";
|
|
|
|
|
quadrant4.value = "";
|
|
|
|
|
quadrant1Color.value = "";
|
|
|
|
|
quadrant2Color.value = "";
|
|
|
|
|
quadrant3Color.value = "";
|
|
|
|
|
quadrant4Color.value = "";
|
|
|
|
|
step3EchartInit();
|
|
|
|
|
step4EchartInit();
|
|
|
|
|
step5EchartInit();
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.catch((error) => {});
|
|
|
|
|
};
|
|
|
|
|
const retrain = () => {
|
|
|
|
|
showAnswerFlag.value = false;
|
|
|
|
|
// console.log(666);
|
|
|
|
|
portraitModel
|
|
|
|
|
.retrain({
|
|
|
|
|
userId: JSON.parse(getUserInfo()).userId,
|
|
|
|
|
module: "波士顿矩阵分析",
|
|
|
|
|
})
|
|
|
|
|
.then((res) => {
|
|
|
|
|
proxy.$modal.msgSuccess("重新实训成功");
|
|
|
|
|
for (let i in step1Data.value) {
|
|
|
|
|
step1Data.value[i].params1 = "";
|
|
|
|
|
step1Data.value[i].params2 = "";
|
|
|
|
|
}
|
|
|
|
|
step2Data.value[4].params1 = "";
|
|
|
|
|
step2Data.value[4].params2 = "";
|
|
|
|
|
})
|
|
|
|
|
.catch((error) => {});
|
|
|
|
|
// portraitModel
|
|
|
|
|
// .retrain({
|
|
|
|
|
// userId: JSON.parse(getUserInfo()).userId,
|
|
|
|
|
// module: "波士顿矩阵分析",
|
|
|
|
|
// })
|
|
|
|
|
// .then((res) => {
|
|
|
|
|
proxy.$modal.msgSuccess("重新实训成功");
|
|
|
|
|
for (let i in step1Data.value) {
|
|
|
|
|
step1Data.value[i].params1 = "";
|
|
|
|
|
step1Data.value[i].params2 = "";
|
|
|
|
|
}
|
|
|
|
|
step2Data.value[4].params1 = "";
|
|
|
|
|
step2Data.value[4].params2 = "";
|
|
|
|
|
chart1OptionData.value = JSON.parse("[]");
|
|
|
|
|
// console.log(JSON.parse(res.data.stepSevenC),'666');
|
|
|
|
|
chart2OptionData.value = JSON.parse("[]");
|
|
|
|
|
markCenterLineStep4.value.splice(0, 2);
|
|
|
|
|
quadrant1.value = "";
|
|
|
|
|
quadrant2.value = "";
|
|
|
|
|
quadrant3.value = "";
|
|
|
|
|
quadrant4.value = "";
|
|
|
|
|
quadrant1Color.value = "";
|
|
|
|
|
quadrant2Color.value = "";
|
|
|
|
|
quadrant3Color.value = "";
|
|
|
|
|
quadrant4Color.value = "";
|
|
|
|
|
// })
|
|
|
|
|
// .catch((error) => {});
|
|
|
|
|
|
|
|
|
|
step3EchartInit();
|
|
|
|
|
step4EchartInit();
|
|
|
|
|
step5EchartInit();
|
|
|
|
|
};
|
|
|
|
|
defineExpose({
|
|
|
|
|
submitData,
|
|
|
|
|
|
方佳 博
2 years ago