JiXinHui
/
AIzhushou-screen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

取消mock

This commit is contained in:
张宁 2024-05-22 09:32:42 +08:00
parent ed22606d55
commit eec10b640b
15 changed files with 18 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -11,9 +11,9 @@ node_modules
.DS_Store .DS_Store
dist dist
dist-ssr dist-ssr
dist.zip
coverage coverage
*.local *.local
/cypress/videos/ /cypress/videos/
/cypress/screenshots/ /cypress/screenshots/

61
README.md
View File

@ -1,22 +1,11 @@
## 项目描述 ## 项目描述
[IofTV-Screen](https://gitee.com/daidaibg/IofTV-Screen/tree/main) 的 Vue3+vite版本， Vue3+vite版本，
### 与vue2版本对比
#### 功能
功能采用与vue2版本相同功能
因为要与vue2版本相同功能，有些组件不兼容vue3版本，例如：胶囊柱图，数字滚动皆重新封装为组件，整体来说，功能属实相同。根据自己需求选择[vue2](#vue2版本地址)版本与[vue3](#本项目地址 vue3+vite)版本
#### 样式 #### 样式
进行微调，整体看着更加美观
- 项目需要全屏展示（按 F11）。 - 项目需要全屏展示（按 F11）。
- 项目部分区域使用了全局注册方式，增加了打包体积，在实际运用中请使用 **按需引入**。 - 项目部分区域使用了全局注册方式，增加了打包体积，在实际运用中请使用 **按需引入**。
@ -31,39 +20,10 @@
友情链接： 友情链接：
1. [Vue 官方文档](https://cn.vuejs.org/) 1. [Vue 官方文档](https://cn.vuejs.org/)
3. [echarts 实例](https://gitee.com/link?target=https%3A%2F%2Fecharts.apache.org%2Fexamples%2Fzh%2Findex.html)，[echarts API 文档](https://gitee.com/link?target=https%3A%2F%2Fecharts.apache.org%2Fzh%2Fapi.html%23echarts) 2. [echarts 实例](https://gitee.com/link?target=https%3A%2F%2Fecharts.apache.org%2Fexamples%2Fzh%2Findex.html)，[echarts API 文档](https://gitee.com/link?target=https%3A%2F%2Fecharts.apache.org%2Fzh%2Fapi.html%23echarts)
4. [mock.js官网](http://mockjs.com/examples.html) 3. [mock.js官网](http://mockjs.com/examples.html)
5. [axios官网](https://axios-http.com/) 4. [axios官网](https://axios-http.com/)
**项目展示**
![项目展示](https://www.daidaibg.com/bigscreen/a-img/home.png)
### 项目预览地址
[https://www.daidaibg.com/bigscreen-vue3](https://www.daidaibg.com/bigscreen-vue3)
### 项目仓库地址
#### 本项目地址 vue3+vite
**github地址**
[https://github.com/daidaibg/IofTV-Screen-Vue3](https://github.com/daidaibg/IofTV-Screen-Vue3)
**Gitee地址**
[https://gitee.com/daidaibg/IofTV-Screen-Vue3](https://gitee.com/daidaibg/IofTV-Screen-Vue3)
#### vue2版本地址
**github地址**
[https://github.com/daidaibg/IofTV-Screen](https://github.com/daidaibg/IofTV-Screen)
**Gitee地址**
[https://gitee.com/daidaibg/IofTV-Screen](https://gitee.com/daidaibg/IofTV-Screen)
@ -73,10 +33,6 @@
项目中可以进行滚动配置，内容是否滚动 项目中可以进行滚动配置，内容是否滚动
点击右上角设置按钮
![设置](https://www.daidaibg.com/bigscreen/a-img/setting.png)
可以进行以下配置，可以自行代码中进行修改或增加配置 可以进行以下配置，可以自行代码中进行修改或增加配置
@ -308,15 +264,6 @@ isSouthChinaSea:false,//默认不显示南海，改为true可显示南海
{{10.23123|montionFilter }} {{10.23123|montionFilter }}
``` ```
## 大屏交流反馈（面条的群）
### 大屏QQ群
QQ群号：
一群：713105837 （已满）
二群：495755841

BIN
dist.zip
View File

Binary file not shown.

2
index.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>IofTV-Screen-Vue3</title> <title>迎新系统数据大屏</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

4
src/main.ts
View File

@ -9,8 +9,8 @@ import '@/assets/css/tailwind.css'
import {registerEcharts} from "@/plugins/echarts" import {registerEcharts} from "@/plugins/echarts"
//不使用mock 请注释掉 //不使用mock 请注释掉
import { mockXHR } from "@/mock/index"; // import { mockXHR } from "@/mock/index";
mockXHR() // mockXHR()
const app = createApp(App) const app = createApp(App)
registerEcharts(app) registerEcharts(app)

2
src/stores/setting/setting.ts
View File

@ -3,7 +3,7 @@ import { defineStore } from 'pinia'
// import { storeToRefs } from 'pinia'; // import { storeToRefs } from 'pinia';
export const useSettingStore = defineStore('setting', () => { export const useSettingStore = defineStore('setting', () => {
const settingShow = ref(false);//设置弹窗显隐 const settingShow = ref(false);//设置弹窗显隐
const isScale = ref(false);//是否进行全局适配 const isScale = ref(true);//是否进行全局适配 --- 默认是适配的
const indexConfig = ref({ const indexConfig = ref({
leftBottomSwiper: true,//左轮播 leftBottomSwiper: true,//左轮播
rightBottomSwiper: true,//右下轮播 rightBottomSwiper: true,//右下轮播

2
src/views/header.vue
View File

@ -43,7 +43,7 @@ const returnHome = () => {
<div class="guang"></div> <div class="guang"></div>
<div class="d-flex jc-center"> <div class="d-flex jc-center">
<div class="title"> <div class="title">
<span class="title-text" @click="test()">互联网设备可视化平台</span> <span class="title-text" @click="test()">新生报道情况</span>
<span style="color: yellow;" @click="returnHome()">返回</span> <span style="color: yellow;" @click="returnHome()">返回</span>
</div> </div>
</div> </div>

1
src/views/index/center-bottom.vue
View File

@ -6,6 +6,7 @@ import { ElMessage } from "element-plus";
const option = ref({}); const option = ref({});
const getData = () => { const getData = () => {
return
installationPlan() installationPlan()
.then((res) => { .then((res) => {
console.log("中下--安装计划", res); console.log("中下--安装计划", res);

1
src/views/index/center-map.vue
View File

@ -44,6 +44,7 @@ const dataSetHandle = async (regionCode: string, list: object[]) => {
}; };
const getData = async (regionCode: string) => { const getData = async (regionCode: string) => {
return
centerMap({ regionCode: regionCode }) centerMap({ regionCode: regionCode })
.then((res) => { .then((res) => {
console.log("中上--设备分布", res); console.log("中上--设备分布", res);

1
src/views/index/left-bottom.vue
View File

@ -20,6 +20,7 @@ const state = reactive<any>({
}); });
const getData = () => { const getData = () => {
return
leftBottom( { limitNum: 20 }) leftBottom( { limitNum: 20 })
.then((res) => { .then((res) => {
console.log("左下--设备提醒", res); console.log("左下--设备提醒", res);

1
src/views/index/left-center.vue
View File

@ -20,6 +20,7 @@ const echartsGraphic = (colors: string[]) => {
]); ]);
}; };
const getData = () => { const getData = () => {
return
countUserNum().then((res) => { countUserNum().then((res) => {
console.log("左中--用户总览",res); console.log("左中--用户总览",res);
if (res.success) { if (res.success) {

1
src/views/index/left-top.vue
View File

@ -14,6 +14,7 @@ const state = reactive({
const getData = () => { const getData = () => {
return
countDeviceNum().then((res) => { countDeviceNum().then((res) => {
console.log("左上--设备总览",res); console.log("左上--设备总览",res);
if (res.success) { if (res.success) {

1
src/views/index/right-bottom.vue
View File

@ -21,6 +21,7 @@ const state = reactive<any>({
}); });
const getData = () => { const getData = () => {
return
rightBottom({ limitNum: 20 }) rightBottom({ limitNum: 20 })
.then((res) => { .then((res) => {
console.log("右下", res); console.log("右下", res);

1
src/views/index/right-center.vue
View File

@ -10,6 +10,7 @@ const config = ref({
}); });
const data = ref([]); const data = ref([]);
const getData = () => { const getData = () => {
return
ranking() ranking()
.then((res) => { .then((res) => {
console.log("右中--报警排名", res); console.log("右中--报警排名", res);

1
src/views/index/right-top.vue
View File

@ -6,6 +6,7 @@ import { ElMessage } from "element-plus";
const option = ref({}); const option = ref({});
const getData = () => { const getData = () => {
return
alarmNum() alarmNum()
.then((res) => { .then((res) => {
console.log("右上--报警次数 ", res); console.log("右上--报警次数 ", res);