取消mock
This commit is contained in:
parent
ed22606d55
commit
eec10b640b
|
@ -11,9 +11,9 @@ node_modules
|
|||
.DS_Store
|
||||
dist
|
||||
dist-ssr
|
||||
dist.zip
|
||||
coverage
|
||||
*.local
|
||||
|
||||
/cypress/videos/
|
||||
/cypress/screenshots/
|
||||
|
||||
|
|
61
README.md
61
README.md
|
@ -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-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 @@
|
|||
|
||||
项目中可以进行滚动配置,内容是否滚动
|
||||
|
||||
点击右上角设置按钮
|
||||

|
||||
|
||||
|
||||
|
||||
可以进行以下配置,可以自行代码中进行修改或增加配置
|
||||
|
||||
|
@ -308,15 +264,6 @@ isSouthChinaSea:false,//默认不显示南海,改为true可显示南海
|
|||
{{10.23123|montionFilter }}
|
||||
```
|
||||
|
||||
## 大屏交流反馈(面条的群)
|
||||
|
||||
### 大屏QQ群
|
||||
|
||||
QQ群号:
|
||||
|
||||
一群:713105837 (已满)
|
||||
|
||||
二群:495755841
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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)
|
||||
|
|
|
@ -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,//右下轮播
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -6,6 +6,7 @@ import { ElMessage } from "element-plus";
|
|||
|
||||
const option = ref({});
|
||||
const getData = () => {
|
||||
return
|
||||
installationPlan()
|
||||
.then((res) => {
|
||||
console.log("中下--安装计划", res);
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -20,6 +20,7 @@ const state = reactive<any>({
|
|||
});
|
||||
|
||||
const getData = () => {
|
||||
return
|
||||
leftBottom( { limitNum: 20 })
|
||||
.then((res) => {
|
||||
console.log("左下--设备提醒", res);
|
||||
|
|
|
@ -20,6 +20,7 @@ const echartsGraphic = (colors: string[]) => {
|
|||
]);
|
||||
};
|
||||
const getData = () => {
|
||||
return
|
||||
countUserNum().then((res) => {
|
||||
console.log("左中--用户总览",res);
|
||||
if (res.success) {
|
||||
|
|
|
@ -14,6 +14,7 @@ const state = reactive({
|
|||
|
||||
|
||||
const getData = () => {
|
||||
return
|
||||
countDeviceNum().then((res) => {
|
||||
console.log("左上--设备总览",res);
|
||||
if (res.success) {
|
||||
|
|
|
@ -21,6 +21,7 @@ const state = reactive<any>({
|
|||
});
|
||||
|
||||
const getData = () => {
|
||||
return
|
||||
rightBottom({ limitNum: 20 })
|
||||
.then((res) => {
|
||||
console.log("右下", res);
|
||||
|
|
|
@ -10,6 +10,7 @@ const config = ref({
|
|||
});
|
||||
const data = ref([]);
|
||||
const getData = () => {
|
||||
return
|
||||
ranking()
|
||||
.then((res) => {
|
||||
console.log("右中--报警排名", res);
|
||||
|
|
|
@ -6,6 +6,7 @@ import { ElMessage } from "element-plus";
|
|||
|
||||
const option = ref({});
|
||||
const getData = () => {
|
||||
return
|
||||
alarmNum()
|
||||
.then((res) => {
|
||||
console.log("右上--报警次数 ", res);
|
||||
|
|
Loading…
Reference in New Issue