取消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

2
.gitignore vendored
View File

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

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
- 项目部分区域使用了全局注册方式,增加了打包体积,在实际运用中请使用 **按需引入**
@ -31,39 +20,10 @@
友情链接:
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)
4. [mock.js官网](http://mockjs.com/examples.html)
5. [axios官网](https://axios-http.com/)
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)
3. [mock.js官网](http://mockjs.com/examples.html)
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 }}
```
## 大屏交流反馈(面条的群)
### 大屏QQ群
QQ群号
一群713105837 (已满)
二群495755841

BIN
dist.zip

Binary file not shown.

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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