2025
/
smart-factory
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加假数据

Browse Source
main
junhong 1 week ago
parent cfa514ea64
commit 1ab67f5599
4 changed files with 44 additions and 40 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      src/views/large-screen/api.js
  2. 8
      src/views/large-screen/echartsOptions.js
  3. 70
      src/views/large-screen/index.vue
  4. 4
      vite.config.js

2
src/views/large-screen/api.js
Unescape View File

@ -79,7 +79,7 @@ export const dataOverview = (arg) => {
}
export const iwarnlist = (arg) => {
return axios.request({
url: 'iwarn/list',
url: '/iwarn/list',
method: 'get',
params: arg,
dataType: 'json'

8
src/views/large-screen/echartsOptions.js
Unescape View File

@ -22,7 +22,7 @@ export function echartsBing({ data, total }) {
verticalAlign: 'center' // 副标题垂直居中
},
left: '23%', // 整体标题水平居中放置，这里用center替代x属性
top: '54%' // 整体标题垂直居中放置，这里用top替代y属性
top: '42%' // 整体标题垂直居中放置，这里用top替代y属性
},
// 图例
legend: [{
@ -55,8 +55,8 @@ export function echartsBing({ data, total }) {
series: [{
name: '车辆机械设备分布',
type: 'pie',
radius: ['40%', '70%'], // 环形图内外半径
center: ['30%', '60%'],
radius: ['50%', '85%'], // 环形图内外半径
center: ['30%', '50%'],
avoidLabelOverlap: false,
label: {
normal: {
@ -132,7 +132,7 @@ export function echartsZhu({
},
}],
grid: {
top: '15%',
top: '20%',
left: '7.5%',
bottom: '12%',
right: '3%',

70
src/views/large-screen/index.vue
Unescape View File

@ -156,7 +156,7 @@
<div class="boxtitle">进度预警</div>
<div class="boxcontent" v-if="state.warnList.length == 0">
<div class="zanwu">
<img style="width: 150px;" src="../../assets/images/zw.png" alt="">
<img style="width: 9.375rem;" src="../../assets/images/zw.png" alt="">
<div class="zwtext">
暂无进度预警
</div>
@ -170,7 +170,7 @@
<div>开始时间：{{ item.startTime }}</div>
<div>计划结束时间：{{ item.endTime }}</div>
<div style="display: flex;align-items: center;">当前进度：<div style="flex: 1;"> <el-progress
color="#0AA0FE" :stroke-width="8" :percentage="50" class="jd">
color="#0AA0FE" :stroke-width="8" :percentage="Number(item.accumulativeProgress?item.accumulativeProgress:0)" class="jd">
</el-progress>
</div>
</div>
@ -189,7 +189,8 @@
<div>累计进度</div>
</div>
<div class="scooll-box" ref="monitor">
<vue3-seamless-scroll style="height: 100%;overflow: hidden;" :scrollbar="{
<vue3-seamless-scroll :copyNum="10" :wheel="true" style="height: 100%;overflow: hidden;"
:scrollbar="{
type: 'mini',
invert: false,
}" :list="state.monitorList" :hoverStop="true" :hover="true" :step="0.3">
@ -230,7 +231,8 @@
<div>是否超温</div>
</div>
<div class="scooll-box" ref="Access">
<vue3-seamless-scroll style="height: 100%;overflow: hidden;" :scrollbar="{
<vue3-seamless-scroll :copyNum="10" :wheel="true" style="height: 100%;overflow: hidden;"
:scrollbar="{
type: 'mini',
invert: false,
}" :list="state.tableData" :hoverStop="true" :hover="true" :step="0.3">
@ -249,12 +251,12 @@
<div>
{{ item.maskState == 3 ? '带口罩' : item.maskState == 2 ? '没带口罩' : '未识别' }}
</div>
<div :style="{color: item.overTemp ? 'red' : 'green'}">
<div :style="{ color: item.overTemp ? 'red' : 'green' }">
{{ item.overTemp ? '是' : '否' }}
</div>
</div>
<div class="zanwu" v-if="state.tableData.length == 0">
<img style="width: 200px;" src="../../assets/images/zw.png" alt="">
<img style="width: 12.5rem;" src="../../assets/images/zw.png" alt="">
<div class="zwtext">
暂无门禁记录
</div>
@ -312,8 +314,8 @@ const state = reactive({
"dataSource": 1,
"supplementFormId": null,
"number": null,
imageType:1,
openType:43,
imageType: 1,
openType: 43,
startSwingTime: "2025-05-13 02:17:55",
}, {
"id": 17,
@ -331,8 +333,8 @@ const state = reactive({
"dataSource": 1,
"supplementFormId": null,
"number": null,
imageType:2,
openType:42,
imageType: 2,
openType: 42,
startSwingTime: "2025-05-13 02:17:55",
}, {
"id": 17,
@ -350,8 +352,8 @@ const state = reactive({
"dataSource": 1,
"supplementFormId": null,
"number": null,
imageType:1,
openType:42,
imageType: 1,
openType: 42,
startSwingTime: "2025-05-13 02:17:55",
}, {
"id": 17,
@ -369,8 +371,8 @@ const state = reactive({
"dataSource": 1,
"supplementFormId": null,
"number": null,
imageType:1,
openType:42,
imageType: 1,
openType: 42,
startSwingTime: "2025-05-13 02:17:55",
}, {
"id": 17,
@ -388,8 +390,8 @@ const state = reactive({
"dataSource": 1,
"supplementFormId": null,
"number": null,
imageType:2,
openType:42,
imageType: 2,
openType: 42,
startSwingTime: "2025-05-13 02:17:55",
}, {
"id": 17,
@ -407,8 +409,8 @@ const state = reactive({
"dataSource": 1,
"supplementFormId": null,
"number": null,
imageType:1,
openType:42,
imageType: 1,
openType: 42,
startSwingTime: "2025-05-13 02:17:55",
}, {
"id": 17,
@ -426,8 +428,8 @@ const state = reactive({
"dataSource": 1,
"supplementFormId": null,
"number": null,
imageType:1,
openType:42,
imageType: 1,
openType: 42,
startSwingTime: "2025-05-13 02:17:55",
}],
warnList: [],
@ -547,11 +549,11 @@ function engineeringLog(params) {
</script>
<style scoped lang='scss'>
.xitong {
width: 7rem;
height: 2.5rem;
width: 6.25rem;
height: 2.1875rem;
position: absolute;
left: 1.875rem;
top: 5.625rem;
right: 1.25rem;
top: 3.125rem;
background: url('../../assets/images/fh.png') no-repeat;
background-size: 100% 100%;
cursor: pointer;
@ -591,7 +593,7 @@ function engineeringLog(params) {
position: relative;
>div {
margin-top: .875rem;
margin-top: .625rem;
}
}
@ -673,7 +675,7 @@ function engineeringLog(params) {
background: url('../../assets/images/cneterbj.png') no-repeat;
background-size: 100% 100%;
overflow: hidden;
padding: 1.5625rem;
padding: 1.25rem;
}
.dark {
@ -793,6 +795,8 @@ function engineeringLog(params) {
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
flex: 1;
overflow: auto;
}
.overview-top {
@ -890,21 +894,21 @@ function engineeringLog(params) {
.main-box {
width: 100%;
height: calc(100% - 9.875rem);
padding: 0 1.875rem;
padding-bottom: 1.75rem;
height: calc(100% - 6.25rem);
padding: 0 1.25rem;
padding-bottom: 1.25rem;
}
.topheader {
width: 100%;
height: 9.875rem;
height: 6.25rem;
background: url('../../assets/images/datatopbj.png') no-repeat;
background-size: 100% 100%;
display: flex;
justify-content: center;
font-weight: 400;
font-size: 3.25rem;
padding-top: 1.25rem;
font-size: 2.5rem;
padding-top: .625rem;
position: relative;
}
@ -918,6 +922,6 @@ function engineeringLog(params) {
width: 100%;
height: 100vh;
background: #040614;
height: 67.5rem;
// height: 67.5rem;
}
</style>

4
vite.config.js
Unescape View File

@ -43,9 +43,9 @@ export default defineConfig(({ mode, command }) => {
},
proxy: {
'/dev-api': {
target: 'http://192.168.2.39:8581',
// target: 'http://192.168.2.39:8581',
// target: 'http://192.168.2.223:8080',
// target: 'http://39.100.74.100:8581',
target: 'http://39.100.74.100:8581',
changeOrigin: true,
rewrite: (p) => p.replace(/^\/dev-api/, '')
}

Write Preview
Loading…
Cancel
Save