ylj/YNMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
ylj20011123 2025-06-25 19:36:01 +08:00
parent d829c7bc93
commit b1da1d2bd6
60 changed files with 1339 additions and 1079 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
index.html
View File

@ -1,21 +1,24 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AI全景图</title>
<base href="/"> <!-- 确保这里匹配你的部署路径 -->
</head>
<body>
<div id="app"></div>
</body>
<script type="module" src="/src/main.ts"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
<style>
*{
margin: 0;
padding: 0;
}
</style>
</html>
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/YNIcon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>云南高速服务区智慧数智大屏</title>
<base href="/"> <!-- 确保这里匹配你的部署路径 -->
</head>
<body>
<div id="app"></div>
</body>
<script type="module" src="/src/main.ts"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
<style>
* {
margin: 0;
padding: 0;
}
</style>
</html>

15
package-lock.json generated
View File

@ -11,6 +11,7 @@
"@antv/l7": "^2.22.3",
"@antv/l7-maps": "^2.22.3",
"axios": "^1.7.7",
"crypto-js": "^4.2.0",
"echarts": "^5.6.0",
"element-plus": "^2.8.8",
"marked": "^15.0.6",
@ -21,6 +22,7 @@
},
"devDependencies": {
"@eslint/js": "^9.15.0",
"@types/crypto-js": "^4.2.2",
"@types/node": "^22.9.0",
"@vitejs/plugin-vue": "^5.2.0",
"@vue/eslint-config-typescript": "^14.1.3",
@ -827,6 +829,13 @@
"url": "https://opencollective.com/turf"
}
},
"node_modules/@types/crypto-js": {
"version": "4.2.2",
"resolved": "https://registry.npmjs.org/@types/crypto-js/-/crypto-js-4.2.2.tgz",
"integrity": "sha512-sDOLlVbHhXpAUAL0YHDUUwDZf3iN4Bwi4W6a0W0b+QcAezUbRtH4FVb+9J4h+XFPW7l/gQ9F8qC7P+Ec4k8QVQ==",
"dev": true,
"license": "MIT"
},
"node_modules/@types/estree": {
"version": "1.0.6",
"license": "MIT"
@ -1624,6 +1633,12 @@
"node": ">= 8"
}
},
"node_modules/crypto-js": {
"version": "4.2.0",
"resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
"integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
"license": "MIT"
},
"node_modules/csscolorparser": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/csscolorparser/-/csscolorparser-1.0.3.tgz",

2
package.json
View File

@ -12,6 +12,7 @@
"@antv/l7": "^2.22.3",
"@antv/l7-maps": "^2.22.3",
"axios": "^1.7.7",
"crypto-js": "^4.2.0",
"echarts": "^5.6.0",
"element-plus": "^2.8.8",
"marked": "^15.0.6",
@ -22,6 +23,7 @@
},
"devDependencies": {
"@eslint/js": "^9.15.0",
"@types/crypto-js": "^4.2.2",
"@types/node": "^22.9.0",
"@vitejs/plugin-vue": "^5.2.0",
"@vue/eslint-config-typescript": "^14.1.3",

BIN
public/YNIcon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
src/assets/image/AreaLegendBg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
src/assets/image/YNLoginTop.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 86 KiB

BIN
src/assets/image/loginBg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 MiB

BIN
src/assets/image/loginContentbottomBg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 636 KiB

BIN
src/assets/image/showMapIcon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
src/assets/image/smallTitleIcon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 179 B

BIN
src/assets/image/定位／红色备份 6@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

7
src/page/index/components/AnalysisOfMember/AnalysisOfMember.vue
View File

@ -117,7 +117,10 @@ const handleGoMounted = async () => {
barWidth: 10,
itemStyle: {
borderRadius: [3, 3, 0, 0],
color: '#008CFF' // 直接指定颜色
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#46B8F3' }, // 顶部颜色
{ offset: 1, color: '#1A4AF6' } // 底部颜色
])
},
label: {
show: true,
@ -137,7 +140,7 @@ const handleGoMounted = async () => {
barWidth: 10,
itemStyle: {
borderRadius: [3, 3, 0, 0],
color: '#69BCFF' // 直接指定颜色
color: "#3CD495"
}
}
],

40
src/page/index/components/AreaLegend/AreaLegend.less Normal file
View File

@ -0,0 +1,40 @@
.AreaLegendBox {
width: 100%;
height: 47px;
// background-image: url('../../../../assets/image/AreaLegendBg.png');
// background-repeat: no-repeat;
// background-size: 100% 100%;
.AreaLegendBoxList {
width: 100%;
height: 100%;
display: flex;
align-items: center;
.AreaLegendBoxItem {
display: flex;
align-items: center;
box-sizing: border-box;
padding-left: 30px;
.AreaLegendBoxItemIcon {
width: 20px;
height: 20px;
margin-right: 8px;
border-radius: 50%;
}
.AreaLegendBoxItemLabel {
font-family: OPPOSans, OPPOSans;
font-weight: normal;
font-size: 14px;
color: #E4F3FF;
line-height: 18px;
text-align: left;
font-style: normal;
}
}
}
}

40
src/page/index/components/AreaLegend/AreaLegend.vue Normal file
View File

@ -0,0 +1,40 @@
<script setup lang="ts">
import { watch } from 'vue';
import './AreaLegend.less'
// 配色方案一
let colorList1 = [
"#4F83FA",
"#A39BFF",
"#63B6FC",
"#88DFB2",
"#88C3BF",
"#d9dcf3",
];
const props = defineProps<{
mapLegend?: any
}>();
watch(
() => props.mapLegend,
(newVal, oldVal) => {
console.log('newValnewValnewVal', newVal);
},
{ deep: true }
);
</script>
<template>
<div class="AreaLegendBox">
<div class="AreaLegendBoxList" v-if="props.mapLegend && props.mapLegend.length > 0">
<div class="AreaLegendBoxItem" :style="{ width: `calc(100% / ${props.mapLegend.length})` }"
v-for="(item, index) in props.mapLegend" :key="index">
<div class="AreaLegendBoxItemIcon" :style="{ background: item.value }"></div>
<div class="AreaLegendBoxItemLabel">{{ item.label }}</div>
</div>
</div>
</div>
</template>

6
src/page/index/components/BrandDetail/BrandDetail.less
View File

@ -8,8 +8,8 @@
.brandChartBox {
width: 100%;
height: 132px;
margin-top: 35px;
height: 220px;
margin-top: 15px;
position: relative;
}
@ -73,13 +73,13 @@
.brandItem {
width: 100%;
height: 86px;
margin-bottom: 10px;
background-color: #0F1625;
box-sizing: border-box;
padding: 10px;
display: flex;
align-items: center;
border-radius: 8px;
margin-bottom: 5px;
.brandLeft {
width: 66px;

33
src/page/index/components/BrandDetail/BrandDetail.vue
View File

@ -69,7 +69,7 @@ const handleGoMounted = async () => {
const option = {
legend: {
orient: 'vertical', // 图例纵向排列
left: '50%', // 距离右侧5%
left: 200, // 距离右侧5%
top: 'center', // 垂直居中
itemWidth: 12, // 图例标记宽度
itemHeight: 12, // 图例标记高度
@ -108,7 +108,7 @@ const handleGoMounted = async () => {
{
name: 'Access From',
type: 'pie',
radius: ['0%', '100%'],
radius: ['0%', '70%'],
center: ['25%', '50%'],
avoidLabelOverlap: false,
itemStyle: {
@ -132,6 +132,8 @@ const handleGoMounted = async () => {
myChart.setOption(option);
myChart.resize();
window.addEventListener('resize', resizeChart);
handleBrandTabList()
}
// 拿到数据
@ -189,6 +191,18 @@ const handleGetData = async () => {
// })
// await handleGetTableData(tableList[0].value)
let res: any = {
category: category,// x轴的内容
pieData: pieData,// y轴的数据
// realData: realData// 真实数据
}
return res
}
// 获取品牌列表数据
const handleBrandTabList = async () => {
let BrandTab = sessionStorage.getItem('BrandTab')
let BrandTabList = sessionStorage.getItem('BrandTabList')
let listData: any = []
@ -197,6 +211,7 @@ const handleGetData = async () => {
let list: any = JSON.parse(BrandTabList)
allBrandObjData.value = obj
brandListData.value = obj[list[0].value]
tabList.value = list
} else {
listData = await handleGetBusinessTradeTree({
PROVINCE_CODE: "530000",
@ -211,6 +226,7 @@ const handleGetData = async () => {
tableList.push({ label: item.AUTOSTATISTICS_NAME, value: item.AUTOSTATISTICS_ID })
})
}
console.log('tableListtableListtableListtableListtableList', tableList);
tabList.value = tableList
sessionStorage.setItem("BrandTabList", JSON.stringify(tableList))
@ -233,19 +249,6 @@ const handleGetData = async () => {
brandListData.value = obj[tableList[0].value]
}
// await handleGetTableData(tableList[0].value)
let res: any = {
category: category,// x轴的内容
pieData: pieData,// y轴的数据
// realData: realData// 真实数据
}
return res
}
// 获得表单数据

13
src/page/index/components/BusinessCase/BusinessCase.less
View File

@ -1,5 +1,13 @@
.BusinessCaseBox {
width: 100%;
position: relative;
height: 425px;
.BusinessCaseBoxContent {
position: absolute;
top: 15px;
left: 0;
}
.BusinessCaseTabBox {
// width: 100%;
@ -262,13 +270,12 @@
.featureAnalysisBox {
width: 100%;
height: 390px;
height: 425px;
}
.featureAnalysisBottom {
width: 100%;
height: 390px;
margin-top: 18px;
height: 425px;
}
}
}

19
src/page/index/components/BusinessCase/BusinessCase.vue
View File

@ -248,7 +248,7 @@ const handleShowData = async (value: number) => {
const option = {
legend: {
top: 15,
right: 10,
right: 0,
textStyle: {
color: '#ffffff' // 设置图例文字为白色
}
@ -290,7 +290,7 @@ const handleShowData = async (value: number) => {
},
nameTextStyle: {
color: '#fff', // 名称颜色
padding: [0, 0, 0, 30] // 名称位置调整
padding: [0, 0, 35, 30] // 名称位置调整
}
},
series: [{
@ -315,7 +315,7 @@ const handleShowData = async (value: number) => {
left: '0', // 左侧间距
right: '0', // 右侧间距
bottom: '0', // 底部间距
top: '50', // 顶部间距
top: '120', // 顶部间距
containLabel: true // 确保坐标轴标签在grid内
},
};
@ -334,7 +334,7 @@ const handleShowBottomData = async (res: any) => {
const option = {
legend: {
top: 0, // 距离容器底部距离
top: 10, // 距离容器底部距离
right: 0,
itemWidth: 20, // 图例标记的图形宽度
itemHeight: 10, // 图例标记的图形高度
@ -383,7 +383,7 @@ const handleShowBottomData = async (res: any) => {
left: '10', // 增加左侧空间
right: '10', // 增加右侧空间
bottom: '0',
top: '30',
top: '80',
containLabel: true
},
series: [
@ -454,8 +454,9 @@ onBeforeUnmount(() => {
<template>
<div class="BusinessCaseBox">
<SmallTitle title="营收特征">
<!-- <template #extra>
<div class="BusinessCaseBoxContent">
<SmallTitle title="营收特征">
<!-- <template #extra>
<div class="BusinessCaseTabBox">
<div :class="selectTab === item.value ? 'BusinessCaseItem selectBusinessCaseItem' : 'BusinessCaseItem'"
v-for="(item, index) in tabList" :key="index" @click="handleChangeTab(item.value)">
@ -463,7 +464,9 @@ onBeforeUnmount(() => {
</div>
</div>
</template> -->
</SmallTitle>
</SmallTitle>
</div>
<!-- 营收同比 -->
<div class="BusinessCaseRevenueYOY" v-if="false">

6
src/page/index/components/BusinessStructure/BusinessStructure.less
View File

@ -5,9 +5,9 @@
.BusinessStructureCharts {
width: 100%;
height: 210px;
height: 220px;
box-sizing: border-box;
padding: 52px 0 0 31px;
// padding: 52px 0 0 31px;
.BusinessStructureUnit {
font-family: "Microsoft YaHei";
@ -23,7 +23,7 @@
width: 100%;
// width: 132px;
height: 132px;
height: 220px;
display: inline-block;
}

10
src/page/index/components/BusinessStructure/BusinessStructure.vue
View File

@ -87,7 +87,7 @@ const handleGoMounted = async () => {
{
name: 'Access From',
type: 'pie',
radius: ['85%', '100%'],
radius: ['55%', '70%'],
center: ['20%', '50%'], // 图形向左偏移
avoidLabelOverlap: false,
itemStyle: {
@ -107,7 +107,7 @@ const handleGoMounted = async () => {
],
legend: {
orient: 'vertical',
left: 160,
left: 200,
top: 'center',
align: 'left',
itemGap: 10,
@ -160,8 +160,8 @@ const handleGetData = async () => {
const req: any = {
ProvinceCode: '530000',
StatisticsDate: moment().subtract(1, 'd').format('YYYY-MM-DD'),
// StatisticsDate: '2025-04-30',
// StatisticsDate: moment().subtract(1, 'd').format('YYYY-MM-DD'),
StatisticsDate: '2025-04-30',
BusinessTradeIds: -1,
ServerpartId: props.currentService?.SERVERPART_ID || ""
}
@ -237,7 +237,7 @@ onBeforeUnmount(() => {
<template>
<template>
<div class="BusinessStructureBox">
<SmallTitle :title="'业态结构占比'"></SmallTitle>

27
src/page/index/components/CoreBusinessData/CoreBusinessData.less
View File

@ -127,12 +127,20 @@
padding: 3px 55px;
.newCoreBusinessItemLabel {
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 12px;
color: #C1ECF7;
text-align: center;
// font-family: Microsoft YaHei, Microsoft YaHei;
// font-weight: bold;
// font-size: 12px;
// color: #C1ECF7;
// text-align: center;
// font-style: normal;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 18px;
color: #FDFEFF;
line-height: 29px;
text-align: left;
font-style: normal;
}
.newCoreBusinessItemValueBox {
@ -145,9 +153,16 @@
font-weight: 400;
font-size: 25px;
line-height: 30px;
color: #48A9F6;
// color: #48A9F6;
text-align: center;
font-style: normal;
background: linear-gradient(180deg, #32E8FA, #A9EFDB);
/* 可以调整渐变方向和颜色 */
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.newCoreBusinessItemUnit {

80
src/page/index/components/CoreBusinessData/CoreBusinessData.vue
View File

@ -1,6 +1,7 @@
<script setup lang="ts">
import moment from 'moment';
import { handleGetFiveNumber } from '../../../../options/serveice';
import { handleGetRealData } from '../../service';
import { handleGetMonthlyBusinessRevenue, handleGetRealData } from '../../service';
import CenterTitle from '../CenterTitle/CenterTitle.vue';
import './CoreBusinessData.less'
import { onMounted, onBeforeUnmount, ref, reactive, watch } from 'vue';
@ -148,16 +149,85 @@ const handleGetMapRealData = async () => {
sessionStorage.setItem("CoreBusinessDataAI", JSON.stringify(aiObj))
}
// 拿到月度的
let monthReq: any = {
ProvinceCode: "530000",
StartMonth: moment().startOf('y').format('YYYYMM'),
EndMonth: moment().format('YYYYMM'),
DataType: "1000,2000,3000,4000,5000",
ServerpartId: ""
}
let CoreBusinessDataMonth = sessionStorage.getItem('CoreBusinessDataMonth')
let monthData: any = []
if (CoreBusinessDataMonth) {
monthData = JSON.parse(CoreBusinessDataMonth)
} else {
monthData = await handleGetMonthlyBusinessRevenue(monthReq)
sessionStorage.setItem("CoreBusinessDataMonth", JSON.stringify(monthData))
}
let aiObjMonthSum: any = {}
if (monthData && monthData.length > 0) {
monthData.forEach((item: any) => {
let aiObjMonth: any = {}
if (item.children && item.children.length > 0) {
item.children.forEach((subItem: any) => {
// 门店营收
if (subItem.DataType === 1000) {
let obj: any = {
value: handleGetPonitFixed(subItem.RevenueAmount),
unit: subItem.totalAmountUnit
}
aiObjMonth["门店营收"] = `${obj.value}万元`
} else if (subItem.DataType === 2000) {
// 油品消耗
let obj: any = {
value: handleGetPonitFixed(subItem.RevenueAmount),
unit: subItem.totalCountUnit
}
aiObjMonth["油品消耗"] = `${obj.value}万元`
} else if (subItem.DataType === 3000) {
// 加水量
let obj: any = {
value: handleGetPonitFixed(subItem.RevenueAmount),
}
aiObjMonth["加水量"] = `${obj.value}万元`
} else if (subItem.DataType === 4000) {
// 尿素
let obj: any = {
value: handleGetPonitFixed(subItem.RevenueAmount),
unit: subItem.totalCountUnit
}
aiObjMonth["尿素"] = `${obj.value}万元`
} else if (subItem.DataType === 5000) {
// 充电次数
let obj: any = {
value: handleGetPonitFixed(subItem.RevenueAmount),
unit: subItem.totalTicketUnit
}
aiObjMonth["充电次数"] = `${obj.value}万元`
}
})
}
aiObjMonthSum[`${item.StatisticsMonth}月`] = aiObjMonth
})
}
let CoreBusinessDataMonthAI = sessionStorage.getItem('CoreBusinessDataMonthAI')
if (CoreBusinessDataMonthAI) { } else {
sessionStorage.setItem("CoreBusinessDataMonthAI", JSON.stringify(aiObjMonthSum))
}
}
// 拿到小数点后两位
const handleGetPonitFixed = (str: string) => {
const num = parseFloat(str); // 先转为number类型
return isNaN(num) ? "0.00" : num.toFixed(2);
}
</script>

21
src/page/index/components/CustomerAgeGroup/CustomerAgeGroup.less
View File

@ -2,22 +2,27 @@
width: calc((100% - 28px) / 4);
display: inline-block;
height: 210px;
background-image: url('../../../../assets/image/smallModalBg.png');
background-repeat: no-repeat;
padding: 10px 10px 18px;
background-size: 100% 100%;
box-sizing: border-box;
position: relative;
.SmallTitleContent {
position: absolute;
}
.CustomerAgeGroupCharts {
width: 100%;
height: 182px;
height: 200px;
// background: linear-gradient(0deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);
// box-sizing: border-box;
// padding: 20px 20px 18px;
display: flex;
flex-direction: column;
align-items: center;
// margin-top: 5px;
box-sizing: border-box;
padding: 10px 10px 18px;
background-image: url('../../../../assets/image/smallModalBg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
// margin-top: 10px;
.CustomerAgeGroupUnit {
font-family: "Microsoft YaHei";
@ -33,7 +38,7 @@
.CustomerAgeGroup {
width: 100%;
height: 154px;
height: 200px;
}
.legendBox {

12
src/page/index/components/CustomerAgeGroup/CustomerAgeGroup.vue
View File

@ -94,7 +94,7 @@ onMounted(async () => {
left: '10', // 增加左侧空间
right: '10', // 增加右侧空间
bottom: '20',
top: '30',
top: '60',
containLabel: true
},
series: [
@ -158,8 +158,10 @@ onMounted(async () => {
],
legend: {
data: ['男性', '女性'], // 与series中的name对应
bottom: 0, // 距离底部10px
left: 'center', // 水平居中
top: -0,
right: 0,
// bottom: 0, // 距离底部10px
// left: 'center', // 水平居中
itemWidth: 12, // 图例标记宽度
itemHeight: 12, // 图例标记高度
itemGap: 20, // 图例项间距
@ -277,7 +279,9 @@ onUnmounted(() => {
<template>
<div class="CustomerAgeGroupBox">
<SmallTitle :title="'年龄'" :pageType="'center'"></SmallTitle>
<div class="SmallTitleContent">
<SmallTitle :title="'年龄'"></SmallTitle>
</div>
<div class="CustomerAgeGroupCharts">
<!-- <div class="CustomerAgeGroupUnit">万人</div> -->

6
src/page/index/components/FestivalRevenueSumInfo/FestivalRevenueSumInfo.less
View File

@ -2,7 +2,7 @@
width: 100%;
// height: 250px;
box-sizing: border-box;
padding: 20px 11px 0;
// padding: 20px 11px 0;
// padding: 35px 20px 40px; // 老的
// padding: 20px 10px 30px;
// background: linear-gradient(0deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);
@ -13,7 +13,7 @@
.FestivalRevenueSumInfo {
width: 100%;
height: 260px;
// margin-top: 20px;
height: 316px;
margin-top: 30px;
}
}

22
src/page/index/components/FestivalRevenueSumInfo/FestivalRevenueSumInfo.vue
View File

@ -24,6 +24,9 @@ echarts.use([
CanvasRenderer
]);
let bigDataColor: any = ["#007CFF", "#00FFFF"]
let smallDataColor: any = ["#FF2F7C", "#417EE0", "#00BE8F", "#4E6384", "#FFD900", "#7D4CD2", "#00FF7C", "#FF9500"]
let myChart: echarts.ECharts;
@ -67,7 +70,7 @@ const handleGoMounted = async () => {
const option = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c} ({d}%)'
formatter: '{b}'
},
legend: [ // 使用两个legend对象分别控制
// 第一行：外圈圆环图例
@ -91,7 +94,8 @@ const handleGoMounted = async () => {
orient: 'horizontal',
top: 'bottom',
left: 'center',
textStyle: { color: '#fff' }
textStyle: { color: '#fff' },
padding: [0, 0, 0, 0], // 下边距为内圈图例留空间
}
],
series: [
@ -99,9 +103,12 @@ const handleGoMounted = async () => {
{
name: '外圈数据',
type: 'pie',
radius: ['50%', '65%'],
radius: ['55%', '65%'],
center: ['50%', '35%'], // 稍微上移给图例留空间
data: res.bigData,
data: res.bigData.map((item: any, index: any) => ({
...item,
itemStyle: { color: bigDataColor[index] } // 自定义颜色
})),
// data: [
// { value: 335, name: 'A类' },
// { value: 310, name: 'B类' },
@ -114,9 +121,12 @@ const handleGoMounted = async () => {
{
name: '内圈数据',
type: 'pie',
radius: ['0%', '30%'],
radius: ['0%', '40%'],
center: ['50%', '35%'], // 与外圈同中心
data: res.smallData,
data: res.smallData.map((item: any, index: any) => ({
...item,
itemStyle: { color: smallDataColor[index] } // 自定义颜色
})),
// data: [
// { value: 100, name: '子类1' },
// { value: 200, name: '子类2' },

27
src/page/index/components/GenderCustomerGroup/GenderCustomerGroup.less
View File

@ -2,16 +2,25 @@
width: calc((100% - 28px) / 4);
display: inline-block;
height: 210px;
position: relative;
background-image: url('../../../../assets/image/smallModalBg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
box-sizing: border-box;
// padding: 20px 54px 18px;
padding: 10px;
.GenderCustomerGroupBoxTitle {
position: absolute;
top: 10px;
left: 10px;
}
.GenderCustomerGroupCharts {
width: 100%;
height: 182px;
height: 200px;
// background: linear-gradient(0deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);
background-image: url('../../../../assets/image/smallModalBg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
box-sizing: border-box;
padding: 20px 54px 18px;
.GenderCustomerGroupUnit {
font-family: "Microsoft YaHei";
@ -26,11 +35,11 @@
.GenderCustomerGroupContent {
width: 100%;
height: 145px;
height: 200px;
.GenderCustomerGroup {
width: 100%;
height: 145px;
width: 100%;
height: 200px;
}
.legendBox {

26
src/page/index/components/GenderCustomerGroup/GenderCustomerGroup.vue
View File

@ -4,7 +4,7 @@ import './GenderCustomerGroup.less'
import { onMounted, onBeforeUnmount } from 'vue';
import * as echarts from 'echarts/core';
import { PieChart } from 'echarts/charts';
import {
import {
GridComponent,
TitleComponent,
TooltipComponent,
@ -43,7 +43,7 @@ onMounted(async () => {
// 计算center位置（20%，50%）对应的实际像素
const centerX = width * 0.5;
const centerY = height * 0.4;
const centerY = height * 0.65;
const option = {
@ -68,11 +68,11 @@ onMounted(async () => {
type: 'image',
style: {
image: GenderCenter,
width: 43,
height: 43
width: 60,
height: 60
},
left: centerX - 21.5,
top: centerY - 21.5,
left: centerX - 30,
top: centerY - 30,
z: 10
}
]
@ -81,8 +81,8 @@ onMounted(async () => {
{
name: 'Access From',
type: 'pie',
radius: ['55%', '70%'],
center: ['50%', '40%'], // 关键修改：强制居中 [水平位置, 垂直位置]
radius: ['60%', '70%'],
center: ['50%', '65%'], // 关键修改：强制居中 [水平位置, 垂直位置]
avoidLabelOverlap: false,
itemStyle: {
color: function (params: any) {
@ -103,8 +103,10 @@ onMounted(async () => {
],
legend: {
data: res.legendData,
bottom: 0,
left: 'center',
// bottom: 0,
// left: 'center',
top: 0,
right: 0,
orient: 'horizontal', // 水平排列（默认值，可省略）
textStyle: {
color: '#fff'
@ -186,7 +188,9 @@ onBeforeUnmount(() => {
<template>
<div class="GenderCustomerGroupBox">
<SmallTitle :title="'性别'" :pageType="'center'"></SmallTitle>
<div class="GenderCustomerGroupBoxTitle">
<SmallTitle :title="'性别'"></SmallTitle>
</div>
<div class="GenderCustomerGroupCharts">
<!-- <div class="GenderCustomerGroupUnit">万元</div> -->

2
src/page/index/components/MallOrderStatistics/MallOrderStatistics.less
View File

@ -9,7 +9,7 @@
.MallOrderStatistics {
width: 100%;
height: 153px;
height: 180px;
margin-top: 10px;
}

2
src/page/index/components/MallOrderStatistics/MallOrderStatistics.vue
View File

@ -205,7 +205,7 @@ onBeforeUnmount(() => {
</script>
<template>
<template>
<div class="MallOrderStatisticsBox">
<SmallTitle :title="'商城订单统计'">
<!-- <template #extra>

2
src/page/index/components/OverviewOfServiceArea/OverviewOfServiceArea.less
View File

@ -92,7 +92,7 @@
.OverviewOfServiceAreaBusyContent {
width: 100%;
box-sizing: border-box;
padding: 10px 11px 0;
padding: 20px 11px 0;
display: flex;
align-items: center;
justify-content: space-between;

39
src/page/index/components/PageMap/PageMap.vue
View File

@ -33,6 +33,8 @@ let currentService = ref<any>()
const props = defineProps<{
selectPointServicePart?: any
mapClickComeForm?: string
noticeMessageObj?: any
}>();
@ -128,6 +130,9 @@ const handleGetServiceList = async () => {
SPREGIONTYPECOLORList = SPREGIONTYPECOLORLIST;
SPREGIONTYPECOLOR.value = SPREGIONTYPETYPEObj;
emit("handleGetMapLegend", SPREGIONTYPECOLORLIST)
}
}
@ -151,7 +156,7 @@ const handleAllServiceMarkedPoint = async () => {
},
});
pointLayer.shape("circle");
pointLayer.size(10);
pointLayer.size(8);
pointLayer.color("SPREGIONTYPETYPE", (value) => {
return colorList1[value];
});
@ -159,12 +164,19 @@ const handleAllServiceMarkedPoint = async () => {
opacity: 0.6,
});
pointLayer.on("mousemove", (ev: any) => {
console.log('props?.noticeMessageObj', props?.noticeMessageObj);
const detail: any = ev.feature;
console.log('detail.SERVERPART_ID', detail.SERVERPART_ID);
hoverPoint.value.style.maxWidth = `500px`;
hoverPoint.value.style.top = `${ev.y + 5}px`;
hoverPoint.value.style.left = `${ev.x + 5}px`;
hoverPoint.value.style.transform = `translate(-100%,-100%)`;
hoverPoint.value.style.display = "block";
hoverPoint.value.innerHTML = `<div>
<div>${detail?.SERVERPART_NAME || ""}</div>
${props?.mapClickComeForm === 'notice' ? `<div>招商信息：</div><div>${props?.noticeMessageObj && props?.noticeMessageObj[Number(detail.SERVERPART_ID)] ? props?.noticeMessageObj[Number(detail.SERVERPART_ID)] : ""}</div>` : `<div>${detail?.SERVERPART_NAME || ""}</div>`}
</div>`
})
@ -182,7 +194,7 @@ const handleAllServiceMarkedPoint = async () => {
pointLayer.on("unclick", () => {
handleLayerToDefault();
emit("handleChangeComeForm", "")
});
@ -226,6 +238,9 @@ const handleHighLightServerpartIds = (idList: number[]) => {
handleDeleteLayer("lightPointLayer");
handleAllPonitToGray()
console.log('idList', idList);
let selectServerpartDetailList: any = []
if (defaultServerPartList && defaultServerPartList.length > 0) {
defaultServerPartList.forEach((item: any) => {
@ -266,8 +281,10 @@ const handleClickPointLayer = async (detail: any) => {
if (detail.SERVERPART_ID === currentService.value?.SERVERPART_ID) {
} else {
handleDeleteLayer("lightPointLayer");
handleAddSelect(detail)
if (props.mapClickComeForm !== 'notice') {
handleDeleteLayer("lightPointLayer");
handleAddSelect(detail)
}
}
}
@ -282,7 +299,7 @@ const handleAddSelect = (detail: any) => {
const lightPointLayer = new PointLayer({});
lightPointLayer.name = "lightPointLayer";
lightPointLayer.shape("circle");
lightPointLayer.size(15);
lightPointLayer.size(12);
lightPointLayer.color("#efff19");
lightPointLayer.style({
opacity: 0.6,
@ -294,10 +311,8 @@ const handleAddSelect = (detail: any) => {
y: "SERVERPART_Y",
},
});
scene.value.addLayer(lightPointLayer);
let allLayers: any = scene.value.getLayers();
}
@ -350,6 +365,8 @@ const handleLayerToDefault = () => {
const emit = defineEmits<{
(e: "handleGetCurrentService", obj: any): void;
(e: "handleMapToChangeNotice"): void;
(e: "handleGetMapLegend", list: any): void;
(e: "handleChangeComeForm", str: string): void;
}>();
@ -357,7 +374,7 @@ const emit = defineEmits<{
<template>
<div class="PageMapBox">
<div class="PageMapBox" style="position: relative;">
<div class="mapContent" id="map"></div>
</div>
</template>
</template>

18
src/page/index/components/PreferenceType/PreferenceType.less
View File

@ -3,17 +3,23 @@
width: calc((100% - 28px) / 4 * 2);
display: inline-block;
height: 210px;
background-image: url('../../../../assets/image/smallModalBg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
box-sizing: border-box;
// padding: 11px 20px 16px;
padding: 10px;
.PreferenceTypeBoxContent {
position: absolute;
}
.PreferenceTypeCharts {
width: 100%;
height: 182px;
height: 200px;
// background: linear-gradient(0deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);
background-image: url('../../../../assets/image/smallModalBg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
box-sizing: border-box;
padding: 11px 20px 16px;
.PreferenceTypeUnit {
font-family: "Microsoft YaHei";

14
src/page/index/components/PreferenceType/PreferenceType.vue
View File

@ -54,8 +54,8 @@ onMounted(async () => {
indicator: res.category,
shape: 'circle',
splitNumber: 5,
radius: '40%', // 调整雷达图大小，留出空间给文字
center: ['50%', '45%'], // 2. 确保居中
radius: '60%', // 调整雷达图大小，留出空间给文字
center: ['50%', '65%'], // 2. 确保居中
axisName: {
color: 'rgb(255, 255, 255)',
padding: 10
@ -120,8 +120,10 @@ onMounted(async () => {
textStyle: {
color: '#fff'
},
bottom: -5,
left: 'center',
top: 0,
right: 0
// bottom: -5,
// left: 'center',
},
};
@ -240,7 +242,9 @@ onBeforeUnmount(() => {
<template>
<div class="PreferenceTypeBox">
<SmallTitle :title="'偏好类型'" :pageType="'center'"></SmallTitle>
<div class="PreferenceTypeBoxContent">
<SmallTitle :title="'偏好类型'"></SmallTitle>
</div>
<div class="PreferenceTypeCharts">
<!-- <div class="PreferenceTypeUnit">万元</div> -->

8
src/page/index/components/RegionalRevenue/RegionalRevenue.less
View File

@ -49,22 +49,22 @@
width: 100%;
box-sizing: border-box;
// padding: 30px;
padding: 25px 26px 20px 31px;
// padding: 25px 26px 20px 31px;
display: flex;
align-items: center;
margin-top: 22px;
.RegionalRevenueChartsContent {
width: 100%;
// height: 132px;
height: 210px;
height: 220px;
display: flex;
align-items: center;
.RegionalRevenue {
// width: 132px;
width: 100%;
height: 132px;
height: 220px;
}
.RegionalRevenueDataBoxList {

8
src/page/index/components/RegionalRevenue/RegionalRevenue.vue
View File

@ -79,7 +79,7 @@ const handleGoMounted = async () => {
{
name: 'Access From',
type: 'pie',
radius: ['0%', '100%'],
radius: ['0%', '70%'],
center: ['20%', '50%'], // 图形向左偏移
avoidLabelOverlap: false,
itemStyle: {
@ -93,13 +93,13 @@ const handleGoMounted = async () => {
emphasis: false,
labelLine: {
show: false
},
},
data: res.pieData
}
],
legend: {
orient: 'vertical',
left: 160,
left: 200,
top: 'center',
align: 'left',
itemGap: 10,
@ -233,7 +233,7 @@ onBeforeUnmount(() => {
<template>
<div class="RegionalRevenueBox">
<SmallTitle :title="'区域营收占比'">
<SmallTitle :title="'区域营收占比'" style="margin-top: 17px;">
<!-- <template #extra>
<div class="RegionalRevenueSelect">
<div :class="selectDataType === 1 ? 'RegionalRevenueItem RegionalRevenueItemLeft selectRegionalRevenueItem' : 'RegionalRevenueItem RegionalRevenueItemLeft'"

3
src/page/index/components/ThisMonthBenefits/ThisMonthBenefits.less
View File

@ -63,11 +63,10 @@
.CoreCategoryCharts {
width: 100%;
margin-top: 26px;
.CoreCategory {
width: 100%;
height: 132px;
height: 220px;
}
}
}

10
src/page/index/components/ThisMonthBenefits/ThisMonthBenefits.vue
View File

@ -47,7 +47,7 @@ onMounted(async () => {
const height = rect.height;
// 计算center位置（20%，50%）对应的实际像素
const centerX = width * 0.2;
const centerX = width * 0.21;
const centerY = height * 0.5;
myChart = echarts.init(chartDom);
@ -67,8 +67,8 @@ onMounted(async () => {
legend: { // 新增图例配置
show: true, // 显示图例
orient: 'vertical', // 垂直排列
left: '40%', // 距离左侧的距离
top: 0, // 顶部对齐
left: 200, // 距离左侧的距离
top: 'center', // 顶部对齐
// type: 'scroll',
textStyle: { // 图例文字样式
color: '#fff', // 文字颜色设为白色
@ -102,8 +102,8 @@ onMounted(async () => {
{
name: 'Access From',
type: 'pie',
radius: ['85%', '100%'],
center: ['20%', '50%'],
radius: ['55%', '70%'],
center: ['21%', '50%'], // 图形向左偏移
avoidLabelOverlap: false,
// itemStyle: {
// color: function (params: any) {

2
src/page/index/components/TradingAlert/TradingAlert.less
View File

@ -6,7 +6,7 @@
.TradingAlertNewBox {
width: 100%;
margin-top: 21px;
// margin-top: 21px;
box-sizing: border-box;
padding: 20px;
display: flex;

2
src/page/index/components/TradingAlert/TradingAlert.vue
View File

@ -52,7 +52,7 @@ const handleGetData = async () => {
// ai需要的数据
let AIData: any = []
if (data.List && data.List.length > 0) {
let list = data.List.slice(0, 6)
let list = data.List.slice(0, 7)
TradingAlertList.length = 0;
list && list.forEach((item: any) => {
TradingAlertList.push(item)

2
src/page/index/components/TrendOfTrafficFlow/TrendOfTrafficFlow.less
View File

@ -22,7 +22,7 @@
.TrendOfTrafficFlow {
width: 100%;
height: 150px;
height: 160px;
}
}
}

2
src/page/index/components/VehiclesEntering/VehiclesEntering.less
View File

@ -34,7 +34,7 @@
.TrendCustomerRevenue {
width: 100%;
height: 140px;
height: 145px;
}
}
}

103
src/page/index/components/noticeListBox/noticeListBox.vue
View File

@ -15,6 +15,8 @@ let isScrolling = ref<boolean>(false);
let scrollDuration = ref('10s'); // 动态动画时长
// 当前全部服务区的id
let serverpartId = ref<number[]>([])
// 播报数据
let noticeMessageObj = ref<any>()
onMounted(async () => {
// 获取播报数据
@ -30,14 +32,13 @@ const props = defineProps<{
// 改变页面显示状态
const emit = defineEmits<{
(e: "handelGetNoticeListAllId", idList: number[]): void; // 切换页面分区
(e: "handelGetNoticeListAllId", idList: number[], type: string, obj: any): void; // 切换页面分区
}>();
// 监听传入的选中服务区
watch(
() => props.currentService,
(newVal, oldVal) => {
// 获取播报数据
handleGetNoticeList()
},
@ -55,6 +56,7 @@ watch(
{ deep: true }
);
// 获取播报数据
const handleGetNoticeList = async () => {
const req = {
@ -78,61 +80,136 @@ const handleGetNoticeList = async () => {
data = await handleGetGDNearServiceList(req)
sessionStorage.setItem("noticeListBox", JSON.stringify(data))
}
console.log('11121', data);
// let list: any = data
let list: any = [
{
NOTICEINFO_TITLE: "云南省蒙新高速蒙自服务区（下行）招商信息公告",
SERVERPART_ID: 1187
SERVERPART_ID: 1187,
NOTICEINFO_CONTENT: `【合作模式】保底收益或提点取高
【运营方式】餐饮、小吃加盟“滇食坊”品牌，商超加盟“彩云驿购”品牌 ，供应链统一供货
【周边资源及优势】地处昆河高速与蒙文砚高速交汇处，是连接昆明、文山、河口的重要交通枢纽，周边拥有碧色寨火车站、西南联大蒙自分校旧址等历史文化资源，以及南湖公园、长桥海国家级湿地公园等自然景观，同时依托蒙自石榴、枇杷等特色农产品，发展潜力巨大
【招商范围】综合楼（普通餐饮、地方特色小吃、便利店）、汽修
【面积】实际面积存在差异，具体以现场测量为准
综合楼285㎡、汽修225㎡`
},
{
NOTICEINFO_TITLE: "云南省景海高速景洪服务区（双侧）招商信息公告",
SERVERPART_ID: 1176
SERVERPART_ID: 1176,
NOTICEINFO_CONTENT: `【合作模式】保底收益或提点取高
【运营方式】餐饮、小吃加盟“滇食坊”品牌，商超加盟“彩云驿购”品牌 ，供应链统一供货
【周边资源及优势】位于西双版纳州景洪市，靠近中国-东盟自由贸易区的重要节点，是中老、中缅贸易的交通枢纽，进出口货物运输频繁，为服务区带来大量人流、物流和商机。周边有热带雨林、傣族村寨等独特风光，可感受东南亚风情。附近的告庄西双景、曼听公园等特色景点，展示了傣族文化和边境地区的发展成果
【招商范围】综合楼（地方特色餐饮、地方特色小吃、便利店）
【面积】实际面积存在差异，具体以现场测量为准
景洪服务区（上行）：综合楼1410㎡
景洪服务区（下行）：综合楼1410㎡`
},
{
NOTICEINFO_TITLE: "云南省景海高速勐海服务区（双侧）招商信息公告",
SERVERPART_ID: 1177
SERVERPART_ID: 1177,
NOTICEINFO_CONTENT: `【合作模式】保底收益或提点取高
【运营方式】餐饮、小吃加盟“滇食坊”品牌，商超加盟“彩云驿购”品牌 ，供应链统一供货
【周边资源及优势】位于西双版纳州勐海县，靠近打洛口岸，是中国与缅甸边境贸易的重要通道，进出口货物运输频繁，为服务区带来大量人流、物流和商机。周边有独特的边境风光，可感受中缅边境的异域风情。附近的勐景来景区、独树成林等特色景点，展示了傣族文化和边境地区的发展成果，吸引众多游客前来观光体验。
【招商范围】综合楼（普通餐饮、普通小吃、便利店）
【面积】实际面积存在差异，具体以现场测量为准
勐海服务区（上行）：综合楼50㎡
勐海服务区（下行）：综合楼1391㎡`
},
{
NOTICEINFO_TITLE: "云南省大南高速大仓服务区（双侧）招商信息公告",
SERVERPART_ID: 971
SERVERPART_ID: 971,
NOTICEINFO_CONTENT: `【合作模式】保底收益或提点取高
【运营方式】餐饮、小吃加盟“滇食坊”品牌，商超加盟“彩云驿购”品牌 ，供应链统一供货
【周边资源及优势】位于大理州巍山县，地处大理至临沧高速沿线，是大理通往滇西南地区的重要交通节点，车流量大，区位优势明显。周边有巍山古城、巍宝山等历史文化景点，可感受南诏文化和彝族风情。附近的特色农产品和民族手工艺品资源丰富，为服务区带来商机，同时展示了当地民族文化和经济发展成果
【招商范围】综合楼（普通餐饮、普通小吃、便利店）
【面积】实际面积存在差异，具体以现场测量为准
大仓服务区（上行）：综合楼254㎡
大仓服务区（下行）：综合楼254㎡`
},
{
NOTICEINFO_TITLE: "云南省大南高速巍山服务区（双侧）招商信息公告",
SERVERPART_ID: 973
SERVERPART_ID: 973,
NOTICEINFO_CONTENT: `【合作模式】保底收益或提点取高
【运营方式】餐饮、小吃加盟“滇食坊”品牌，商超加盟“彩云驿购”品牌 ，供应链统一供货
【周边资源及优势】位于大理州巍山县，地处大理至南涧高速沿线，地理位置优越，毗邻大理、丽江等旅游热点，交通便利，辐射滇西经济圈。周边自然资源丰富，民族文化独特，巍山古城为南诏文化发源地，具备深厚的历史底蕴与旅游吸引力。服务区可依托区域特色及高速路网优势，发展文旅、物流等产业，助力区域经济协同发展
【招商范围】综合楼（普通餐饮、普通小吃、便利店）、汽修
【面积】实际面积存在差异，具体以现场测量为准
巍山服务区（上行）：综合楼979㎡
巍山服务区（下行）：综合楼1183㎡，汽修127㎡`
},
{
NOTICEINFO_TITLE: "云南省南景高速拥翠服务区（双侧）招商信息公告",
SERVERPART_ID: 970
SERVERPART_ID: 970,
NOTICEINFO_CONTENT: `【合作模式】保底收益或提点取高
【运营方式】餐饮、小吃加盟“滇食坊”品牌，商超加盟“彩云驿购”品牌 ，供应链统一供货
【周边资源及优势】位于大理白族自治州南涧县，地处G5611大临高速沿线。周边生态环境优越，毗邻无量山国家级自然保护区，自然资源丰富，适宜发展生态旅游及康养产业。区域民族文化特色鲜明，彝族文化底蕴深厚，具备文旅融合潜力。服务区可依托高速交通优势，结合生态与人文资源，推动特色农产品、文化旅游及物流产业发展，促进区域经济多元化升级
【招商范围】综合楼（普通餐饮、普通小吃、便利店）、汽修
【面积】实际面积存在差异，具体以现场测量为准
拥翠服务区（上行）：综合楼951㎡，汽修198㎡
拥翠服务区（下行）：综合楼951㎡，汽修198㎡`
},
{
NOTICEINFO_TITLE: "云南省南景高速三岔河服务区（双侧）招商信息公告",
SERVERPART_ID: 1109
SERVERPART_ID: 1109,
NOTICEINFO_CONTENT: `【合作模式】保底收益或提点取高
【运营方式】餐饮、小吃加盟“滇食坊”品牌，商超加盟“彩云驿购”品牌 ，供应链统一供货
【周边资源及优势】地处滇西南交通枢纽。周边自然资源丰富，毗邻无量山、哀牢山国家级自然保护区，生态环境优越。景东县为普洱茶核心产区之一，茶文化底蕴深厚，具备特色农业及文旅开发潜力。服务区可依托高速交通优势及区域资源，发展生态旅游、茶产业及物流服务，助力区域经济可持续发展
【招商范围】综合楼（普通餐饮、普通小吃、便利店）、汽修
【面积】实际面积存在差异，具体以现场测量为准。
三岔河服务区（上行）：综合楼828㎡，汽修198㎡
三岔河服务区（下行）：综合楼828㎡，汽修198㎡`
},
{
NOTICEINFO_TITLE: "云南省南景高速景东北停车区（双侧）招商信息公告",
SERVERPART_ID: 1110
SERVERPART_ID: 1110,
NOTICEINFO_CONTENT: `【合作模式】保底收益或提点取高
【运营方式】餐饮、小吃加盟“滇食坊”品牌，商超加盟“彩云驿购”品牌 ，供应链统一供货
【周边资源及优势】位于普洱市景东彝族自治县，地处G5611大临高速沿线。周边自然资源丰富，毗邻无量山、哀牢山国家级自然保护区，生态环境优越，生物多样性显著。景东县为普洱茶主产区之一，茶文化底蕴深厚，具备特色农业开发潜力。停车区可依托高速交通优势及生态资源，发展生态旅游、茶产业及物流服务，助力区域经济可持续发展
【招商范围】综合楼（普通餐饮、普通小吃、便利店）
【面积】实际面积存在差异，具体以现场测量为准
景东北服务区（上行）：综合楼846㎡
景东北服务区（下行）：综合楼846㎡`
},
{
NOTICEINFO_TITLE: "云南省思澜高速龙潭服务区（双侧）招商信息公告",
SERVERPART_ID: 1161
SERVERPART_ID: 1161,
NOTICEINFO_CONTENT: `【合作模式】保底收益或提点取高
【运营方式】餐饮、小吃加盟“滇食坊”品牌，商超加盟“彩云驿购”品牌 ，供应链统一供货
【周边资源及优势】思澜高速全长约131.5公里，设计时速80公里，双向四车道。茫茫龙潭大山植被丰富，有热带雨林植物花卉。服务区按花园式景区建设，有傣族、拉祜族、佤族建筑样式等。能为过往驾乘人员提供舒适的休憩环境。
【招商范围】综合楼（普通餐饮、普通小吃、便利店）、汽修
【面积】实际面积存在差异，具体以现场测量为准
龙潭服务区（上行）：综合楼1499㎡、汽修210㎡
龙潭服务区（下行）：综合楼1597㎡、汽修210㎡`
},
{
NOTICEINFO_TITLE: "云南省思澜高速糯扎渡服务区（双侧）招商信息公告",
SERVERPART_ID: 1163
SERVERPART_ID: 1163,
NOTICEINFO_CONTENT: `【合作模式】保底收益或提点取高
【运营方式】餐饮、小吃加盟“滇食坊”品牌，商超加盟“彩云驿购”品牌 ，供应链统一供货
【周边资源及优势】思澜高速全长约131.5公里，设计时速80公里，双向四车道，位于昆磨高速等重要交通干道上，是连接昆明、普洱、西双版纳等城市的关键节点，车流量大，客源稳定
【招商范围】综合楼（普通餐饮、普通小吃、便利店）、汽修
【面积】实际面积存在差异，具体以现场测量为准
糯扎渡服务区（上行）：综合楼2735㎡、汽修167㎡
糯扎渡服务区（下行）：综合楼2010㎡、汽修167㎡`
}
]
let allServerpartId: number[] = []
let obj: any = {}
noticeList.length = 0;
list && list.forEach((item: any) => {
noticeList.push(item)
allServerpartId.push(item.SERVERPART_ID)
obj[Number(item.SERVERPART_ID)] = item.NOTICEINFO_CONTENT
});
serverpartId.value = allServerpartId
console.log('noticeList:', noticeList); // 添加这行
noticeMessageObj.value = obj
nextTick(() => {
// 数据加载完成后启动滚动
startScrolling();
@ -202,7 +279,7 @@ const stopScrolling = () => {
// 点击了这个
const handleClickBigBox = () => {
console.log('serverpartId.valueserverpartId.valueserverpartId.value', serverpartId.value);
emit('handelGetNoticeListAllId', serverpartId.value)
emit('handelGetNoticeListAllId', serverpartId.value, 'notice', noticeMessageObj.value)
}
onUnmounted(() => {

3
src/page/index/components/pageTop/pageTop.vue
View File

@ -204,7 +204,8 @@ onBeforeUnmount(() => {
<div class="leftTabBox">
<div :class="selectPageTab === 3 ? 'pageTopTabItem selectPageTopTabItem' : 'pageTopTabItem'"
@click="handleChangePageTab(3)">财务中枢</div>
>财务中枢</div>
<!-- @click="handleChangePageTab(3)" -->
<div :class="selectPageTab === 4 ? 'pageTopTabItem selectPageTopTabItem' : 'pageTopTabItem'"
@click="handleChangePageTab(4)">彩云驿出行</div>
<!-- @click="handleChangePageTab(4)" -->

43
src/page/index/components/smallTitle/smallTitle.less
View File

@ -10,16 +10,27 @@
justify-content: space-between;
padding-left: 10px;
.title {
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 15px;
// color: #FFFFFF;
color: #C1ECF7;
text-align: left;
font-style: normal;
.leftBox {
display: flex;
align-items: center;
.smallTitleIcon{
width: 13px;
height: 16px;
margin-right: 8px;
}
.title {
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 15px;
// color: #FFFFFF;
color: #FFFFFF;
text-align: left;
font-style: normal;
}
}
.changeTypeBox {
display: flex;
align-items: center;
@ -59,12 +70,14 @@
// background-repeat: no-repeat;
// background-size: 100% 100%;
// background: linear-gradient(90deg, rgba(0, 148, 255, 0.1) 0%, rgba(0, 148, 255, 0) 100%);
.title {
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 15px;
color: #FFFFFF;
text-align: center;
font-style: normal;
.leftBox {
.title {
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 15px;
color: #FFFFFF;
text-align: center;
font-style: normal;
}
}
}

6
src/page/index/components/smallTitle/smallTitle.vue
View File

@ -1,5 +1,6 @@
<script setup lang="ts">
import './smallTitle.less'
import smallTitleIcon from '../../../../assets/image/smallTitleIcon.png'
// 拿到传入的数据
const props = defineProps<{
@ -11,7 +12,10 @@ const props = defineProps<{
<template>
<div :class="pageType === 'center' ? 'smallTitleBoxCenter' : 'smallTitleBox'">
<div class="title">{{ props.title }}</div>
<div class="leftBox">
<img class="smallTitleIcon" :src="smallTitleIcon" />
<div class="title">{{ props.title }}</div>
</div>
<slot name="extra"></slot>
</div>
</template>

43
src/page/index/components/supplierListBox/supplierListBox.less
View File

@ -111,6 +111,49 @@
}
}
}
.supplierMessageBox {
width: 100%;
.supplierMessageBoxTop {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
.supplierMessageBoxTopItem {
width: calc((100% - 20px) / 2);
// width: 100%;
min-height: 56px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-image: url(../../../../assets/image/serviceAreaBg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
.supplierMessageBoxTopItemLabel {
font-family: Microsoft YaHei, Microsoft YaHei;
font-weight: bold;
font-size: 14px;
color: #FFFFFF;
text-align: center;
font-style: normal;
}
.supplierMessageBoxTopItem {
font-family: Bahnschrift, Bahnschrift;
font-weight: 400;
font-size: 28px;
color: #56BCE6;
text-align: center;
font-style: normal;
}
}
}
}
}
.supplierListBox::-webkit-scrollbar {

104
src/page/index/components/supplierListBox/supplierListBox.vue
View File

@ -2,11 +2,13 @@
import { onMounted, ref } from 'vue';
import './supplierListBox.less'
import shopIcon from '../../../../assets/image/shopIcon.png'
import { handleGetSupplierList, handleGetSupplierListChain } from '../../service';
import { handleGetSupplierList, handleGetSupplierListChain, handleGetSupplierTypeList } from '../../service';
import supplierIcon from '../../../../assets/image/supplierIcon.png'
// 供应商列表
let supplierList = ref<any>([])
// 供应商对象
let supplierObj = ref<any>()
onMounted(async () => {
@ -35,6 +37,38 @@ const handleGetData = async () => {
console.log('handleGetSupplierListChainhandleGetSupplierListChain', data);
supplierList.value = data.slice(0, 11)
const req2: any = {
ProvinceCode: "530000",
}
let supplierListBox2 = sessionStorage.getItem('supplierListBox2')
let data2: any = []
if (supplierListBox2) {
data2 = JSON.parse(supplierListBox2)
} else {
data2 = await handleGetSupplierTypeList(req2)
sessionStorage.setItem("supplierListBox2", JSON.stringify(data2))
}
console.log('data2data2data2data2', data2);
let obj: any = {}
if (data2 && data2.length > 0) {
data2.forEach((item: any) => {
if (item.SupplierType_Name === "经销商") {
obj.dealer = item.Supplier_count
} else if (item.SupplierType_Name === "品牌方") {
obj.brandSide = item.Supplier_count
} else if (item.SupplierType_Name === "自有品牌水") {
obj.privateLabelWater = item.Supplier_count
} else if (item.SupplierType_Name === "零售批发类") {
obj.retailAndWholesale = item.Supplier_count
}
})
}
supplierObj.value = obj
}
@ -42,27 +76,61 @@ const handleGetData = async () => {
<template>
<div class="supplierListBox">
<div class="supplierListItem" v-for="(item, index) in supplierList" :key="index">
<!-- <div class="supplierListLeft">
<img class="supplierIcon" :src="item.Icon" />
</div> -->
<div class="supplierListRight">
<div class="supplierListNamebox">
<img class="supplierListIcon" :src="supplierIcon" />
<div class="supplierListName">{{ item.SupplierName || '' }}</div>
<div class="supplierMessageBox" style="margin-top: 10px;">
<div class="supplierMessageBoxTop">
<div class="supplierMessageBoxTopItem">
<div class="supplierMessageBoxTopItemLabel">经销商/家</div>
<div class="supplierMessageBoxTopItemvalue" style="color: #56BCE6;">{{ supplierObj?.dealer || "0" }}
</div>
</div>
<div class="supplierMessageBoxTopItem">
<div class="supplierMessageBoxTopItemLabel">品牌方/家</div>
<div class="supplierMessageBoxTopItemvalue" style="color: #ef5a0d;">{{ supplierObj?.brandSide || "0"
}}
</div>
</div>
</div>
<div class="supplierListContent">
<!-- <img class="shopIcon" :src="shopIcon" /> -->
<span class="shopValue">{{ item.VarietyCount }}</span>
<span class="shopUnit">种</span>
<!-- <span class="shopLabel">送达率</span>
<span class="shopValue">{{ item.DeliverRate || '-' }}</span>
<span class="shopUnit">%</span> -->
<div class="supplierMessageBoxTop" style="margin-top: 10px;">
<div class="supplierMessageBoxTopItem">
<div class="supplierMessageBoxTopItemLabel">自有品牌水/家</div>
<div class="supplierMessageBoxTopItemvalue" style="color: #56BCE6;">{{
supplierObj?.privateLabelWater || "0" }}
</div>
</div>
<div class="supplierMessageBoxTopItem">
<div class="supplierMessageBoxTopItemLabel">零售批发类/家</div>
<div class="supplierMessageBoxTopItemvalue" style="color: #ef5a0d;">{{
supplierObj?.retailAndWholesale || "0" }}
</div>
</div>
</div>
</div>
<div style="margin-top: 20px;">
<div class="supplierListItem" v-for="(item, index) in supplierList" :key="index">
<!-- <div class="supplierListLeft">
<img class="supplierIcon" :src="item.Icon" />
</div> -->
<div class="supplierListRight">
<div class="supplierListNamebox">
<img class="supplierListIcon" :src="supplierIcon" />
<div class="supplierListName">{{ item.SupplierName || '' }}</div>
</div>
<div class="supplierListContent">
<!-- <img class="shopIcon" :src="shopIcon" /> -->
<span class="shopValue">{{ item.VarietyCount }}</span>
<span class="shopUnit">种</span>
<!-- <span class="shopLabel">送达率</span>
<span class="shopValue">{{ item.DeliverRate || '-' }}</span>
<span class="shopUnit">%</span> -->
</div>
</div>
</div>
</div>
</div>
</template>

85
src/page/index/index.vue
View File

@ -22,7 +22,7 @@ import TradingAlert from './components/TradingAlert/TradingAlert.vue'
import PrivateRideService from './components/PrivateRideService/PrivateRideService.vue'
import RegionalRevenue from './components/RegionalRevenue/RegionalRevenue.vue'
import PageMap from './components/PageMap/PageMap.vue'
import { ref } from 'vue';
import { onMounted, ref } from 'vue';
import FestivalRevenue from './components/FestivalRevenue/FestivalRevenue.vue';
import ConsumptionConversion from './components/ConsumptionConversion/ConsumptionConversion.vue'
import ConsumptionLevel from './components/ConsumptionLevel/ConsumptionLevel.vue';
@ -60,9 +60,15 @@ import AssessmentScoringRanking from './components/AssessmentScoringRanking/Asse
import SmallTitle from './components/smallTitle/smallTitle.vue';
import FestivalRevenueSumInfo from './components/FestivalRevenueSumInfo/FestivalRevenueSumInfo.vue'
import AIIcon from '../../assets/image/AIIcon.png'
import showMapIcon from '../../assets/image/showMapIcon.png'
import MemberMall from './components/MemberMall/index.vue'
import AnalysisOfMember from './components/AnalysisOfMember/AnalysisOfMember.vue'
import AreaLegend from './components/AreaLegend/AreaLegend.vue';
import { useRouter } from 'vue-router'; // 新增
const router = useRouter()
// 页面样式
let pageType = ref<string>("center")
// 节日列表
@ -99,6 +105,20 @@ let showDialogBox = ref<boolean>(false)
let searchText = ref<string>('')
// 判断是否在打印
let isPrinting = ref<boolean>(false)
// 地图标点图例数组
let mapLegend = ref<any>()
// 判断传入地图的点击事件来自哪里
let mapClickComeForm = ref<string>("")
// 当前招商信息的枚举
let noticeMessageObj = ref<any>()
onMounted(() => {
let currentUser: any = sessionStorage.getItem('currentUser')
if (!currentUser) {
router.push('/login')
}
})
// 改变页面样式
@ -122,8 +142,12 @@ const handleChangePageTab = (value: number) => {
}
// 拿到消息滚动框里面的全部id
const handelGetNoticeListAllId = (idList: number[]) => {
const handelGetNoticeListAllId = (idList: number[], type: string, obj: any) => {
noticeAllServicePartId.value = idList
mapClickComeForm.value = type
console.log('objobj', obj);
noticeMessageObj.value = obj
}
// 地图通过首页 去改变 消息传出的 数据
@ -155,6 +179,18 @@ const handleChangeTab = async (value: number) => {
selectTab.value = value
}
// 拿到地图的标点图例
const handleGetMapLegend = (list: any) => {
console.log('handleGetMapLegendhandleGetMapLegendhandleGetMapLegend', list);
mapLegend.value = list
}
// 给地图的修改来自哪里
const handleChangeComeForm = (str: string) => {
mapClickComeForm.value = str
}
// 提问问题
const handleSubmit = () => {
@ -198,7 +234,7 @@ const handleStopPrint = () => {
<!-- <BusyTradingRanking style="margin-top: 11px;" /> -->
<!-- 交易预警 -->
<TradingAlert style="margin-top: 11px;" />
<TradingAlert />
</div>
</div>
@ -226,9 +262,23 @@ const handleStopPrint = () => {
<div v-show="selectPageTab === 1 && !showDialogBox">
<!-- 地图 -->
<PageMap @handleGetCurrentService="handleGetCurrentService"
:selectPointServicePart="noticeAllServicePartId"
@handleMapToChangeNotice="handleMapToChangeNotice" />
<PageMap @handleGetCurrentService="handleGetCurrentService" :noticeMessageObj="noticeMessageObj"
:selectPointServicePart="noticeAllServicePartId" :mapClickComeForm="mapClickComeForm"
@handleMapToChangeNotice="handleMapToChangeNotice" @handleGetMapLegend="handleGetMapLegend"
@handleChangeComeForm="handleChangeComeForm" />
<div class="AreaLegend">
<div class="AreaLegendContent">
<!-- 图例组件 -->
<AreaLegend :mapLegend="mapLegend" />
</div>
<!-- AI图标对话 -->
<div class="AIBox" @click="handleClickAIBox" v-if="false">
<img v-if="!showDialogBox" class="AIIcon" :src="AIIcon" />
<img v-if="showDialogBox" class="AIIcon" :src="showMapIcon" />
</div>
</div>
</div>
<div class="AIDialogBox" v-show="selectPageTab === 1 && showDialogBox">
<!-- <div class="dialogBox"></div>
@ -247,16 +297,21 @@ const handleStopPrint = () => {
<!-- <iframe src="http://10.104.1.171:5174/deepseek/?comeForm=YNMap"
style="width: 100%;height: 100%;overflow: hidden;" frameborder="0"
@load="handleIframeLoad"></iframe> -->
<div class="AreaLegendDialog">
<div class="AIBox" @click="handleClickAIBox">
<img v-if="!showDialogBox" class="AIIcon" :src="AIIcon" />
<img v-if="showDialogBox" class="AIIcon" :src="showMapIcon" />
</div>
</div>
</div>
<!-- 公告主题 -->
<!-- <AnnouncementTopic style="position: relative;z-index: 9;" /> -->
<!-- AI图标对话 -->
<div class="AIBox" @click="handleClickAIBox">
<img class="AIIcon" :src="AIIcon" />
</div>
</div>
<div class="content169Right">
@ -312,7 +367,6 @@ const handleStopPrint = () => {
</div>
<div class="pageBottom" v-if="selectPageTab === 1">
</div>
<!-- 分区二 -->
@ -370,7 +424,7 @@ const handleStopPrint = () => {
</template>
</NewBigTitleBox>
<div class="left3stBottom" style="margin-top: 0;">
<div class="left3stBottom" style="margin-top: 0;display: flex;align-items: center;">
<div class="left3stBottomItemLeft">
<div class="left3stBottomItem">
<!-- 消费转化率对比图 -->
@ -432,10 +486,11 @@ const handleStopPrint = () => {
<!-- <MultiIndustryIncome style="margin-top: 34px;" :currentService="currentService" /> -->
<!-- 业态结构占比 -->
<BusinessStructure :currentService="currentService" style="margin-top: 22px;" />
<!-- style="margin-top: 22px;" -->
<BusinessStructure :currentService="currentService" />
</div>
<NewBigTitleBox :title="'节假日营收'" style="margin-top: 44px;">
<NewBigTitleBox :title="'节假日营收'">
<!-- <template #extra>
<div class="FestivalBox">
<el-select class="festivalSelect" v-model="FestivalValue" placeholder="Select"
@ -619,7 +674,7 @@ const handleStopPrint = () => {
<!-- 核心品类占比 -->
<!-- <CoreCategory style="margin-top: 10px;" /> -->
<NewBigTitleBox :title="'会员消费数据分析'" style="margin-top: 28px;" />
<NewBigTitleBox :title="'会员消费数据分析'" />
<AnalysisOfMember />
<!-- 商户评分排行榜 -->

19
src/page/index/service.ts
View File

@ -181,6 +181,16 @@ export async function handleGetRealData(params: any) {
return data.Result_Data
}
// 拿到实时数据 月度
export async function handleGetMonthlyBusinessRevenue(params: any) {
const data: any = await requestPos.post('/Revenue/GetMonthlyBusinessRevenue', params)
if (data.Result_Code !== 100) {
return data
}
return wrapTreeNode(data.Result_Data.List)
}
// 今日趋势图新的
export async function handleGetRevenueTrendChart(params: any) {
@ -475,6 +485,15 @@ export async function handleGetSupplierListChain(params: any) {
return data.Result_Data.List
}
// 获取供应商的分类数据
export async function handleGetSupplierTypeList(params: any) {
const data: any = await requestPos.post('/SupplyChain/GetSupplierTypeList', params)
if (data.Result_Code !== 100) {
return data
}
return data.Result_Data.List
}
// 获取供应商的列表数据
export async function handleGetMallOrderSummary(params: any) {

60
src/page/index/style.less
View File

@ -320,24 +320,14 @@
display: flex;
flex-direction: column;
.AIBox {
position: absolute;
bottom: 100px;
right: calc((100% - 90px) / 4 + 30px);
z-index: 10;
cursor: pointer;
.AIIcon {
width: 40px;
height: 40px;
}
}
.AIDialogBox {
width: 100%;
height: calc(100% - 108px);
height: calc(100% - 75px);
box-sizing: border-box;
padding: 32px 32px 32px 8px;
position: relative;
.dialogBox {
width: 100%;
@ -372,6 +362,52 @@
cursor: pointer;
}
}
.AreaLegendDialog {
position: absolute;
bottom: 50px;
right: 0;
.AIBox {
right: 0;
bottom: 0;
position: absolute;
z-index: 11;
cursor: pointer;
.AIIcon {
width: 40px;
height: 40px;
}
}
}
}
.AreaLegend {
width: calc((100% - 90px) / 4 * 2 + 30px);
position: absolute;
bottom: 50px;
.AreaLegendContent {
width: calc((100% - 50px));
z-index: 10;
position: absolute;
bottom: 0px;
}
.AIBox {
right: 0;
bottom: 0;
position: absolute;
z-index: 11;
cursor: pointer;
.AIIcon {
width: 40px;
height: 40px;
}
}
}
}

75
src/page/login/login.less Normal file
View File

@ -0,0 +1,75 @@
.loginMain {
width: 100vw;
height: 100vh;
// background-color: #f3f2f2;
background-image: url('../../assets/image/loginBg.png');
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative;
// .contentTopImg {
// width: 600px;
// height: 55px;
// position: fixed;
// top: 100px;
// left: 280px;
// }
.content {
width: 550px;
height: 500px;
background-color: #fff;
border: 1px solid #f5f5f5;
box-shadow: 0 4px 18px 0 hsla(0, 0%, 68.6%, 0.43);
position: absolute;
top: 50%;
left: 60%;
transform: translate(0, -50%);
border-radius: 4px;
.contentTop {
width: 100%;
box-sizing: border-box;
padding: 80px 24px 0;
color: rgba(0, 0, 0, 0.85);
font-size: 32px;
text-align: center;
font-family: Avenir, "Helvetica Neue", Arial, Helvetica, sans-serif;
// border-bottom: 1px solid #d7d8d9;
font-weight: 600;
}
.contentBottom {
width: 100%;
box-sizing: border-box;
padding: 32px 0 24px;
display: flex;
justify-content: center;
.loginForm {
width: 328px;
margin-top: 30px;
.accountNumber {
height: 40px;
font-size: 18px;
color: #000;
}
.password {
height: 40px;
font-size: 18px;
color: #000;
margin-top: 20px;
}
.submitBtn {
width: 100%;
height: 50px;
margin-top: 30px;
font-size: 22px;
}
}
}
}
}

94
src/page/login/login.vue Normal file
View File

@ -0,0 +1,94 @@
<script setup lang="ts">
import { ref } from 'vue';
import './login.less'
import { User, Lock } from '@element-plus/icons-vue'
import { handleGetGDNearServiceList } from './service';
import CryptoJs from 'crypto-js';
import { ElMessage } from 'element-plus';
import YNLoginTop from '../../assets/image/YNLoginTop.png'
import { useRouter } from 'vue-router'; // 新增
const router = useRouter()
let accountNumber = ref<string>('')
let password = ref<string>('')
let btnLoading = ref<boolean>(false)
// 新增：错误提示
let accountError = ref<string>('')
let passwordError = ref<string>('')
// 登录方法
const handleGetLogin = async () => {
accountError.value = ''
passwordError.value = ''
let valid = true
if (!accountNumber.value) {
accountError.value = '请输入账号'
valid = false
}
if (!password.value) {
passwordError.value = '请输入密码'
valid = false
}
if (!valid) return
btnLoading.value = true
// ...后续登录逻辑
const req: any = {
UserPassport: accountNumber.value,
UserPassWord: CryptoJs.MD5(password.value + accountNumber.value).toString()
}
console.log('req', req);
const data = await handleGetGDNearServiceList(req)
console.log('datadatadatadata', data);
btnLoading.value = false
if (data.Result_Code === 100) {
sessionStorage.setItem("currentUser", JSON.stringify(data.Result_Data))
ElMessage({
message: '登录成功',
type: 'success',
})
router.push('/')
} else {
ElMessage.error(data.Result_Desc)
}
}
</script>
<template>
<div class="loginMain">
<!-- <img class="contentTopImg" :src="YNLoginTop" /> -->
<div class="content">
<div class="contentTop">
<!-- <img class="contentTopImg" :src="YNLoginTop" /> -->
欢迎登录
</div>
<div class="contentBottom">
<div class="loginForm">
<el-form>
<el-form-item :error="accountError">
<el-input class="accountNumber" v-model="accountNumber" placeholder="账号" :prefix-icon="User"
@input="accountError = ''" />
</el-form-item>
<el-form-item :error="passwordError">
<el-input class="password" type="password" v-model="password" placeholder="密码"
:prefix-icon="Lock" show-password @input="passwordError = ''"
@keyup.enter="handleGetLogin" />
</el-form-item>
<el-form-item>
<el-button class="submitBtn" type="primary" :loading="btnLoading"
@click="handleGetLogin">登 录</el-button>
</el-form-item>
</el-form>
</div>
</div>
</div>
</div>
</template>

21
src/page/login/service.ts Normal file
View File

@ -0,0 +1,21 @@
import request from "../../request/request"
// 获得高速头条的内容
export async function handleGetGDNearServiceList(params: any) {
const formData = new FormData()
Object.keys(params).forEach(key => {
formData.append(key, params[key])
})
const data: any = await request.post('/Logging/UserLogin', formData, {
headers: {
'Content-Type': 'multipart/form-data',
'provincecode': '530000' // 保持原有自定义头
}
})
if (data.Result_Code !== 100) {
return data
}
return data
}

2
src/request/newRequest.ts
View File

@ -43,7 +43,7 @@ const errorHandler = (error: any): any => {
// 创建 axios 实例
const instance = axios.create({
baseURL: 'http://cloud.eshangtech.com/MobileServicePlatform/Handler/handler_ajax.ashx', // 默认请求前缀
baseURL: 'https://cloud.eshangtech.com/MobileServicePlatform/Handler/handler_ajax.ashx', // 默认请求前缀
timeout: 60000, // 请求超时时间
headers: {
'Content-Type': 'text/plain',

8
src/request/request.ts
View File

@ -71,10 +71,10 @@ instance.interceptors.response.use(
// 封装的请求方法
const request = {
get: (url: string, params?: any) => instance.get(url, { params }),
post: (url: string, data?: any) => instance.post(url, data),
put: (url: string, data?: any) => instance.put(url, data),
delete: (url: string, params?: any) => instance.delete(url, { params }),
get: (url: string, params?: any, config?: AxiosRequestConfig) => instance.get(url, { params, ...config }),
post: (url: string, data?: any, config?: AxiosRequestConfig) => instance.post(url, data, config),
put: (url: string, data?: any, config?: AxiosRequestConfig) => instance.put(url, data, config),
delete: (url: string, params?: any, config?: AxiosRequestConfig) => instance.delete(url, { params, ...config }),
};
export default request;

1
src/request/requestPos.ts
View File

@ -71,6 +71,7 @@ instance.interceptors.response.use(
errorHandler
);
// 封装的请求方法
const request = {
get: (url: string, params?: any) => instance.get(url, {

6
src/router/index.ts
View File

@ -1,6 +1,7 @@
import { createRouter, createWebHashHistory } from 'vue-router';
// import Map from '@/components/map/index.vue'; // 你的 Map 组件
import Map from '@/page/index/index.vue'
import Login from '@/page/login/login.vue'
const routes = [
// {
@ -8,6 +9,11 @@ const routes = [
// name: 'home',
// component: Map,
// },
{
path: '/login',
name: 'login',
component: Login
},
{
path: '/',
name: 'map',

2
tsconfig.tsbuildinfo
View File

@ -1 +1 @@
{"root":["./src/main.ts","./src/shims-vue.d.ts","./src/vite-env.d.ts","./src/options/serveice.ts","./src/page/index/service.ts","./src/request/newrequest.ts","./src/request/request.ts","./src/request/requestcode.ts","./src/request/requestconfig.ts","./src/request/requestlocal.ts","./src/request/requestpos.ts","./src/request/requesttest.ts","./src/router/index.ts","./src/stores/counter.ts","./src/app.vue","./src/page/index/index.vue","./src/page/index/components/accountsreceivablewarning/accountsreceivablewarning.vue","./src/page/index/components/analysisofmember/analysisofmember.vue","./src/page/index/components/announcementtopic/announcementtopic.vue","./src/page/index/components/annualaccountsreceivable/annualaccountsreceivable.vue","./src/page/index/components/assessmentscoring/assessmentscoring.vue","./src/page/index/components/assessmentscoringranking/assessmentscoringranking.vue","./src/page/index/components/basicmessagebox/basicmessagebox.vue","./src/page/index/components/brandconsumptionlevel/brandconsumptionlevel.vue","./src/page/index/components/branddetail/branddetail.vue","./src/page/index/components/brandlisttbox/brandlisttbox.vue","./src/page/index/components/businesscase/businesscase.vue","./src/page/index/components/businessstructure/businessstructure.vue","./src/page/index/components/busytradingranking/busytradingranking.vue","./src/page/index/components/centertitle/centertitle.vue","./src/page/index/components/consumptionconversion/consumptionconversion.vue","./src/page/index/components/consumptionlevel/consumptionlevel.vue","./src/page/index/components/consumptionperiod/consumptionperiod.vue","./src/page/index/components/contractinformation/contractinformation.vue","./src/page/index/components/corebusinessdata/corebusinessdata.vue","./src/page/index/components/corecategory/corecategory.vue","./src/page/index/components/customeragegroup/customeragegroup.vue","./src/page/index/components/customerconsumptionpreferences/customerconsumptionpreferences.vue","./src/page/index/components/customergroup/customergroup.vue","./src/page/index/components/customergroupstay/customergroupstay.vue","./src/page/index/components/dailyinspection/dailyinspection.vue","./src/page/index/components/deductiontype/deductiontype.vue","./src/page/index/components/detailedpayment/detailedpayment.vue","./src/page/index/components/festivalrevenue/festivalrevenue.vue","./src/page/index/components/festivalrevenuesuminfo/festivalrevenuesuminfo.vue","./src/page/index/components/gendercustomergroup/gendercustomergroup.vue","./src/page/index/components/highqualitymerchants/highqualitymerchants.vue","./src/page/index/components/hotproductlist/hotproductlist.vue","./src/page/index/components/mallorderstatistics/mallorderstatistics.vue","./src/page/index/components/membermall/index.vue","./src/page/index/components/merchantcategory/merchantcategory.vue","./src/page/index/components/merchantratingranking/merchantratingranking.vue","./src/page/index/components/multiindustryincome/multiindustryincome.vue","./src/page/index/components/overviewofservicearea/overviewofservicearea.vue","./src/page/index/components/pagemap/pagemap.vue","./src/page/index/components/passengerflowchanges/passengerflowchanges.vue","./src/page/index/components/paymentprogress/paymentprogress.vue","./src/page/index/components/preferencetype/preferencetype.vue","./src/page/index/components/privaterideservice/privaterideservice.vue","./src/page/index/components/regionalrevenue/regionalrevenue.vue","./src/page/index/components/returnrate/returnrate.vue","./src/page/index/components/salescomparison/salescomparison.vue","./src/page/index/components/signedclients/signedclients.vue","./src/page/index/components/thismonthbenefits/thismonthbenefits.vue","./src/page/index/components/todaytrend/todaytrend.vue","./src/page/index/components/totalaccountsreceivable/totalaccountsreceivable.vue","./src/page/index/components/tradingalert/tradingalert.vue","./src/page/index/components/trendoftrafficflow/trendoftrafficflow.vue","./src/page/index/components/vehiclemodelstay/vehiclemodelstay.vue","./src/page/index/components/vehiclestayanalysis/vehiclestayanalysis.vue","./src/page/index/components/vehiclesentering/vehiclesentering.vue","./src/page/index/components/modaltitle/modaltitle.vue","./src/page/index/components/newbigtitlebox/newbigtitlebox.vue","./src/page/index/components/noticelistbox/noticelistbox.vue","./src/page/index/components/pagetop/pagetop.vue","./src/page/index/components/smalltitle/smalltitle.vue","./src/page/index/components/supplierlistbox/supplierlistbox.vue"],"version":"5.6.3"}
{"root":["./src/main.ts","./src/shims-vue.d.ts","./src/vite-env.d.ts","./src/options/serveice.ts","./src/page/index/service.ts","./src/page/login/service.ts","./src/request/newrequest.ts","./src/request/request.ts","./src/request/requestcode.ts","./src/request/requestconfig.ts","./src/request/requestlocal.ts","./src/request/requestpos.ts","./src/request/requesttest.ts","./src/router/index.ts","./src/stores/counter.ts","./src/app.vue","./src/page/index/index.vue","./src/page/index/components/accountsreceivablewarning/accountsreceivablewarning.vue","./src/page/index/components/analysisofmember/analysisofmember.vue","./src/page/index/components/announcementtopic/announcementtopic.vue","./src/page/index/components/annualaccountsreceivable/annualaccountsreceivable.vue","./src/page/index/components/arealegend/arealegend.vue","./src/page/index/components/assessmentscoring/assessmentscoring.vue","./src/page/index/components/assessmentscoringranking/assessmentscoringranking.vue","./src/page/index/components/basicmessagebox/basicmessagebox.vue","./src/page/index/components/brandconsumptionlevel/brandconsumptionlevel.vue","./src/page/index/components/branddetail/branddetail.vue","./src/page/index/components/brandlisttbox/brandlisttbox.vue","./src/page/index/components/businesscase/businesscase.vue","./src/page/index/components/businessstructure/businessstructure.vue","./src/page/index/components/busytradingranking/busytradingranking.vue","./src/page/index/components/centertitle/centertitle.vue","./src/page/index/components/consumptionconversion/consumptionconversion.vue","./src/page/index/components/consumptionlevel/consumptionlevel.vue","./src/page/index/components/consumptionperiod/consumptionperiod.vue","./src/page/index/components/contractinformation/contractinformation.vue","./src/page/index/components/corebusinessdata/corebusinessdata.vue","./src/page/index/components/corecategory/corecategory.vue","./src/page/index/components/customeragegroup/customeragegroup.vue","./src/page/index/components/customerconsumptionpreferences/customerconsumptionpreferences.vue","./src/page/index/components/customergroup/customergroup.vue","./src/page/index/components/customergroupstay/customergroupstay.vue","./src/page/index/components/dailyinspection/dailyinspection.vue","./src/page/index/components/deductiontype/deductiontype.vue","./src/page/index/components/detailedpayment/detailedpayment.vue","./src/page/index/components/festivalrevenue/festivalrevenue.vue","./src/page/index/components/festivalrevenuesuminfo/festivalrevenuesuminfo.vue","./src/page/index/components/gendercustomergroup/gendercustomergroup.vue","./src/page/index/components/highqualitymerchants/highqualitymerchants.vue","./src/page/index/components/hotproductlist/hotproductlist.vue","./src/page/index/components/mallorderstatistics/mallorderstatistics.vue","./src/page/index/components/membermall/index.vue","./src/page/index/components/merchantcategory/merchantcategory.vue","./src/page/index/components/merchantratingranking/merchantratingranking.vue","./src/page/index/components/multiindustryincome/multiindustryincome.vue","./src/page/index/components/overviewofservicearea/overviewofservicearea.vue","./src/page/index/components/pagemap/pagemap.vue","./src/page/index/components/passengerflowchanges/passengerflowchanges.vue","./src/page/index/components/paymentprogress/paymentprogress.vue","./src/page/index/components/preferencetype/preferencetype.vue","./src/page/index/components/privaterideservice/privaterideservice.vue","./src/page/index/components/regionalrevenue/regionalrevenue.vue","./src/page/index/components/returnrate/returnrate.vue","./src/page/index/components/salescomparison/salescomparison.vue","./src/page/index/components/signedclients/signedclients.vue","./src/page/index/components/thismonthbenefits/thismonthbenefits.vue","./src/page/index/components/todaytrend/todaytrend.vue","./src/page/index/components/totalaccountsreceivable/totalaccountsreceivable.vue","./src/page/index/components/tradingalert/tradingalert.vue","./src/page/index/components/trendoftrafficflow/trendoftrafficflow.vue","./src/page/index/components/vehiclemodelstay/vehiclemodelstay.vue","./src/page/index/components/vehiclestayanalysis/vehiclestayanalysis.vue","./src/page/index/components/vehiclesentering/vehiclesentering.vue","./src/page/index/components/modaltitle/modaltitle.vue","./src/page/index/components/newbigtitlebox/newbigtitlebox.vue","./src/page/index/components/noticelistbox/noticelistbox.vue","./src/page/index/components/pagetop/pagetop.vue","./src/page/index/components/smalltitle/smalltitle.vue","./src/page/index/components/supplierlistbox/supplierlistbox.vue","./src/page/login/login.vue"],"version":"5.6.3"}

1176
yarn.lock
View File

File diff suppressed because it is too large Load Diff