提交修改后的代码

dev-QQq
qinzhenpen 2 years ago
commit 11237c66c3

@ -16,8 +16,8 @@ axios.defaults.headers["Content-Type"] = "application/json;charset=utf-8";
const service = axios.create({ const service = axios.create({
// axios中请求配置有baseURL选项表示请求URL公共部分 // axios中请求配置有baseURL选项表示请求URL公共部分
// baseURL: import.meta.env.VITE_APP_BASE_API, // baseURL: import.meta.env.VITE_APP_BASE_API,
// baseURL: "http://118.31.7.2:9868/", baseURL:'http://118.31.7.2:9868/',
baseURL: "http://192.168.2.4:9868/", // baseURL:'http://192.168.2.16:9868/',
// 超时 // 超时
timeout: 100000, timeout: 100000,
}); });

@ -1317,17 +1317,17 @@ defineExpose({
display: flex; display: flex;
font-size: 15px; font-size: 15px;
font-weight: bold; font-weight: bold;
width: 180px; width: 150px;
height: 56px; height: 50px;
background-image: url("@/assets/images/taskImport.png"); background-image: url("@/assets/images/taskImport.png");
background-size: 180px 56px; background-size: 150px 50px;
text-align: center; text-align: center;
align-items: center; align-items: center;
line-height: 56px; line-height: 50px;
cursor: pointer; cursor: pointer;
img { img {
margin-left: 20px; margin-left: 20px;
margin-right: 15px; margin-right: 8px;
} }
} }
.caseBack { .caseBack {

@ -951,17 +951,17 @@ defineExpose({
display: flex; display: flex;
font-size: 15px; font-size: 15px;
font-weight: bold; font-weight: bold;
width: 180px; width: 150px;
height: 56px; height: 50px;
background-image: url("@/assets/images/taskImport.png"); background-image: url("@/assets/images/taskImport.png");
background-size: 180px 56px; background-size: 150px 50px;
text-align: center; text-align: center;
align-items: center; align-items: center;
line-height: 56px; line-height: 50px;
cursor: pointer; cursor: pointer;
img { img {
margin-left: 20px; margin-left: 20px;
margin-right: 15px; margin-right: 8px;
} }
} }
.caseBack { .caseBack {

File diff suppressed because one or more lines are too long

@ -297,10 +297,10 @@ const quadrant1 = ref("");
const quadrant2 = ref(""); const quadrant2 = ref("");
const quadrant3 = ref(""); const quadrant3 = ref("");
const quadrant4 = ref(""); const quadrant4 = ref("");
const quadrant1Color = ref('') const quadrant1Color = ref("");
const quadrant2Color = ref('') const quadrant2Color = ref("");
const quadrant3Color = ref('') const quadrant3Color = ref("");
const quadrant4Color = ref('') const quadrant4Color = ref("");
const step1Data = ref([ const step1Data = ref([
{ {
name: "A", name: "A",
@ -1099,9 +1099,9 @@ const step5EchartInit = () => {
], ],
}; };
optionStep5.value.series[0].markArea.data[0][0].name = quadrant1.value; optionStep5.value.series[0].markArea.data[0][0].name = quadrant1.value;
optionStep5.value.series[0].markArea.data[1][0].name = quadrant2.value optionStep5.value.series[0].markArea.data[1][0].name = quadrant2.value;
optionStep5.value.series[0].markArea.data[2][0].name = quadrant3.value optionStep5.value.series[0].markArea.data[2][0].name = quadrant3.value;
optionStep5.value.series[0].markArea.data[3][0].name = quadrant4.value optionStep5.value.series[0].markArea.data[3][0].name = quadrant4.value;
optionStep5.value.series[0].markArea.data[0][0].itemStyle.color = quadrant1Color.value; optionStep5.value.series[0].markArea.data[0][0].itemStyle.color = quadrant1Color.value;
optionStep5.value.series[0].markArea.data[1][0].itemStyle.color = quadrant2Color.value; optionStep5.value.series[0].markArea.data[1][0].itemStyle.color = quadrant2Color.value;
optionStep5.value.series[0].markArea.data[2][0].itemStyle.color = quadrant3Color.value; optionStep5.value.series[0].markArea.data[2][0].itemStyle.color = quadrant3Color.value;
@ -1363,27 +1363,30 @@ const getData = () => {
module: "波士顿矩阵分析", module: "波士顿矩阵分析",
}) })
.then((res) => { .then((res) => {
step1Data.value[0].params1 = res.data.stepFiveA; if (res.data) {
step1Data.value[0].params2 = res.data.stepFiveB; step1Data.value[0].params1 = res.data.stepFiveA;
step1Data.value[1].params1 = res.data.stepFiveC; step1Data.value[0].params2 = res.data.stepFiveB;
step1Data.value[1].params2 = res.data.stepFiveD; step1Data.value[1].params1 = res.data.stepFiveC;
step1Data.value[2].params1 = res.data.stepSixA; step1Data.value[1].params2 = res.data.stepFiveD;
step1Data.value[2].params2 = res.data.stepSixB; step1Data.value[2].params1 = res.data.stepSixA;
step1Data.value[3].params1 = res.data.stepSixC; step1Data.value[2].params2 = res.data.stepSixB;
step1Data.value[3].params2 = res.data.stepSixD; step1Data.value[3].params1 = res.data.stepSixC;
step2Data.value[4].params1 = res.data.stepSevenA; step1Data.value[3].params2 = res.data.stepSixD;
step2Data.value[4].params2 = res.data.stepSevenB; step2Data.value[4].params1 = res.data.stepSevenA;
chart1OptionData.value = JSON.parse(res.data.stepSevenC); step2Data.value[4].params2 = res.data.stepSevenB;
// console.log(JSON.parse(res.data.stepSevenC),'666'); chart1OptionData.value = JSON.parse(res.data.stepSevenC);
chart2OptionData.value = JSON.parse(res.data.stepSevenD); // console.log(JSON.parse(res.data.stepSevenC),'666');
quadrant1.value = res.data.stepEightA; chart2OptionData.value = JSON.parse(res.data.stepSevenD);
quadrant2.value = res.data.stepEightB; quadrant1.value = res.data.stepEightA;
quadrant3.value = res.data.stepEightC; quadrant2.value = res.data.stepEightB;
quadrant4.value = res.data.stepEightD; quadrant3.value = res.data.stepEightC;
quadrant1Color.value = res.data.stepNineA; quadrant4.value = res.data.stepEightD;
quadrant2Color.value = res.data.stepNineB; quadrant1Color.value = res.data.stepNineA;
quadrant3Color.value = res.data.stepNineC; quadrant2Color.value = res.data.stepNineB;
quadrant4Color.value = res.data.stepNineD; quadrant3Color.value = res.data.stepNineC;
quadrant4Color.value = res.data.stepNineD;
}
// step2Data.value[14].params = res.data.stepTenA; // step2Data.value[14].params = res.data.stepTenA;
// step2Data.value[15].params = res.data.stepTenB; // step2Data.value[15].params = res.data.stepTenB;
// step2Data.value[16].params = res.data.stepTenC; // step2Data.value[16].params = res.data.stepTenC;
@ -1454,17 +1457,17 @@ defineExpose({
display: flex; display: flex;
font-size: 15px; font-size: 15px;
font-weight: bold; font-weight: bold;
width: 180px; width: 150px;
height: 56px; height: 50px;
background-image: url("@/assets/images/taskImport.png"); background-image: url("@/assets/images/taskImport.png");
background-size: 180px 56px; background-size: 150px 50px;
text-align: center; text-align: center;
align-items: center; align-items: center;
line-height: 56px; line-height: 50px;
cursor: pointer; cursor: pointer;
img { img {
margin-left: 20px; margin-left: 20px;
margin-right: 15px; margin-right: 8px;
} }
} }
.caseBack { .caseBack {

@ -1023,17 +1023,17 @@ defineExpose({
display: flex; display: flex;
font-size: 15px; font-size: 15px;
font-weight: bold; font-weight: bold;
width: 180px; width: 150px;
height: 56px; height: 50px;
background-image: url("@/assets/images/taskImport.png"); background-image: url("@/assets/images/taskImport.png");
background-size: 180px 56px; background-size: 150px 50px;
text-align: center; text-align: center;
align-items: center; align-items: center;
line-height: 56px; line-height: 50px;
cursor: pointer; cursor: pointer;
img { img {
margin-left: 20px; margin-left: 20px;
margin-right: 15px; margin-right: 8px;
} }
} }
.caseBack { .caseBack {

@ -1272,17 +1272,17 @@ defineExpose({
display: flex; display: flex;
font-size: 15px; font-size: 15px;
font-weight: bold; font-weight: bold;
width: 180px; width: 150px;
height: 56px; height: 50px;
background-image: url("@/assets/images/taskImport.png"); background-image: url("@/assets/images/taskImport.png");
background-size: 180px 56px; background-size: 150px 50px;
text-align: center; text-align: center;
align-items: center; align-items: center;
line-height: 56px; line-height: 50px;
cursor: pointer; cursor: pointer;
img { img {
margin-left: 20px; margin-left: 20px;
margin-right: 15px; margin-right: 8px;
} }
} }
.caseBack { .caseBack {

@ -1967,17 +1967,17 @@ defineExpose({
display: flex; display: flex;
font-size: 15px; font-size: 15px;
font-weight: bold; font-weight: bold;
width: 180px; width: 150px;
height: 56px; height: 50px;
background-image: url("@/assets/images/taskImport.png"); background-image: url("@/assets/images/taskImport.png");
background-size: 180px 56px; background-size: 150px 50px;
text-align: center; text-align: center;
align-items: center; align-items: center;
line-height: 56px; line-height: 50px;
cursor: pointer; cursor: pointer;
img { img {
margin-left: 20px; margin-left: 20px;
margin-right: 15px; margin-right: 8px;
} }
} }
.caseBack { .caseBack {

@ -1765,17 +1765,17 @@ defineExpose({
display: flex; display: flex;
font-size: 15px; font-size: 15px;
font-weight: bold; font-weight: bold;
width: 180px; width: 150px;
height: 56px; height: 50px;
background-image: url("@/assets/images/taskImport.png"); background-image: url("@/assets/images/taskImport.png");
background-size: 180px 56px; background-size: 150px 50px;
text-align: center; text-align: center;
align-items: center; align-items: center;
line-height: 56px; line-height: 50px;
cursor: pointer; cursor: pointer;
img { img {
margin-left: 20px; margin-left: 20px;
margin-right: 15px; margin-right: 8px;
} }
} }
.caseBack { .caseBack {

@ -1294,17 +1294,17 @@ const tableSpanMethod = ({ row, column, rowIndex, columnIndex }) => {
display: flex; display: flex;
font-size: 15px; font-size: 15px;
font-weight: bold; font-weight: bold;
width: 180px; width: 150px;
height: 56px; height: 50px;
background-image: url("@/assets/images/taskImport.png"); background-image: url("@/assets/images/taskImport.png");
background-size: 180px 56px; background-size: 150px 50px;
text-align: center; text-align: center;
align-items: center; align-items: center;
line-height: 56px; line-height: 50px;
cursor: pointer; cursor: pointer;
img { img {
margin-left: 20px; margin-left: 20px;
margin-right: 15px; margin-right: 8px;
} }
} }
.caseBack { .caseBack {

@ -1900,17 +1900,17 @@ defineExpose({
display: flex; display: flex;
font-size: 15px; font-size: 15px;
font-weight: bold; font-weight: bold;
width: 180px; width: 150px;
height: 56px; height: 50px;
background-image: url("@/assets/images/taskImport.png"); background-image: url("@/assets/images/taskImport.png");
background-size: 180px 56px; background-size: 150px 50px;
text-align: center; text-align: center;
align-items: center; align-items: center;
line-height: 56px; line-height: 50px;
cursor: pointer; cursor: pointer;
img { img {
margin-left: 20px; margin-left: 20px;
margin-right: 15px; margin-right: 8px;
} }
} }
.caseBack { .caseBack {

@ -271,61 +271,61 @@ const tabList = ref([
id: "1", id: "1",
key: () => import('./components/rfmAnalysis.vue'), key: () => import('./components/rfmAnalysis.vue'),
title: "RFM分析", title: "RFM分析",
backImg: "src/assets/images/icon1.png", backImg: "/src/assets/images/icon1.png",
}, },
{ {
id: "2", id: "2",
key: () => import('./components/abcAnalysis.vue'), key: () => import('./components/abcAnalysis.vue'),
title: "帕累托/ABC分析", title: "帕累托/ABC分析",
backImg: "src/assets/images/icon2.png", backImg: "/src/assets/images/icon2.png",
}, },
{ {
id: "3", id: "3",
key: () => import('./components/bostonAnalysis.vue'), key: () => import('./components/bostonAnalysis.vue'),
title: "波士顿矩阵分析", title: "波士顿矩阵分析",
backImg: "src/assets/images/icon3.png", backImg: "/src/assets/images/icon3.png",
}, },
{ {
id: "4", id: "4",
key: () => import('./components/funnelAnalysis.vue'), key: () => import('./components/funnelAnalysis.vue'),
title: "转化分析-漏斗模型", title: "转化分析-漏斗模型",
backImg: "src/assets/images/icon4.png", backImg: "/src/assets/images/icon4.png",
}, },
{ {
id: "5", id: "5",
key: () => import('./components/basketAnalysis.vue'), key: () => import('./components/basketAnalysis.vue'),
title: "购物篮分析", title: "购物篮分析",
backImg: "src/assets/images/icon5.png", backImg: "/src/assets/images/icon5.png",
}, },
{ {
id: "6", id: "6",
key: () => import('./components/repurchaseAnalysis.vue'), key: () => import('./components/repurchaseAnalysis.vue'),
title: "复购分析", title: "复购分析",
backImg: "src/assets/images/icon6.png", backImg: "/src/assets/images/icon6.png",
}, },
{ {
id: "7", id: "7",
key: () => import('./components/retainAnalysis.vue'), key: () => import('./components/retainAnalysis.vue'),
title: "留存分析", title: "留存分析",
backImg: "src/assets/images/icon7.png", backImg: "/src/assets/images/icon7.png",
}, },
{ {
id: "8", id: "8",
key: () => import('./components/viscosityAnalysis.vue'), key: () => import('./components/viscosityAnalysis.vue'),
title: "用户粘性分析", title: "用户粘性分析",
backImg: "src/assets/images/icon8.png", backImg: "/src/assets/images/icon8.png",
}, },
{ {
id: "9", id: "9",
key: () => import('./components/AARRRAnalysis.vue'), key: () => import('./components/AARRRAnalysis.vue'),
title: "AARRR用户运营分析", title: "AARRR用户运营分析",
backImg: "src/assets/images/icon9.png", backImg: "/src/assets/images/icon9.png",
}, },
{ {
id: "10", id: "10",
key: () => import('./components/portraitAnalysis.vue'), key: () => import('./components/portraitAnalysis.vue'),
title: "用户画像分析", title: "用户画像分析",
backImg: "src/assets/images/icon10.png", backImg: "/src/assets/images/icon10.png",
}, },
]); ]);
// defineExpose({ submitMethod }); // defineExpose({ submitMethod });

Loading…
Cancel
Save