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. 40
      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) => { export const iwarnlist = (arg) => {
return axios.request({ return axios.request({
url: 'iwarn/list', url: '/iwarn/list',
method: 'get', method: 'get',
params: arg, params: arg,
dataType: 'json' dataType: 'json'

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

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

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

@ -156,7 +156,7 @@
<div class="boxtitle">进度预警</div> <div class="boxtitle">进度预警</div>
<div class="boxcontent" v-if="state.warnList.length == 0"> <div class="boxcontent" v-if="state.warnList.length == 0">
<div class="zanwu"> <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 class="zwtext">
暂无进度预警 暂无进度预警
</div> </div>
@ -170,7 +170,7 @@
<div>开始时间：{{ item.startTime }}</div> <div>开始时间：{{ item.startTime }}</div>
<div>计划结束时间：{{ item.endTime }}</div> <div>计划结束时间：{{ item.endTime }}</div>
<div style="display: flex;align-items: center;">当前进度：<div style="flex: 1;"> <el-progress <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> </el-progress>
</div> </div>
</div> </div>
@ -189,7 +189,8 @@
<div>累计进度</div> <div>累计进度</div>
</div> </div>
<div class="scooll-box" ref="monitor"> <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', type: 'mini',
invert: false, invert: false,
}" :list="state.monitorList" :hoverStop="true" :hover="true" :step="0.3"> }" :list="state.monitorList" :hoverStop="true" :hover="true" :step="0.3">
@ -230,7 +231,8 @@
<div>是否超温</div> <div>是否超温</div>
</div> </div>
<div class="scooll-box" ref="Access"> <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', type: 'mini',
invert: false, invert: false,
}" :list="state.tableData" :hoverStop="true" :hover="true" :step="0.3"> }" :list="state.tableData" :hoverStop="true" :hover="true" :step="0.3">
@ -254,7 +256,7 @@
</div> </div>
</div> </div>
<div class="zanwu" v-if="state.tableData.length == 0"> <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 class="zwtext">
暂无门禁记录 暂无门禁记录
</div> </div>
@ -547,11 +549,11 @@ function engineeringLog(params) {
</script> </script>
<style scoped lang='scss'> <style scoped lang='scss'>
.xitong { .xitong {
width: 7rem; width: 6.25rem;
height: 2.5rem; height: 2.1875rem;
position: absolute; position: absolute;
left: 1.875rem; right: 1.25rem;
top: 5.625rem; top: 3.125rem;
background: url('../../assets/images/fh.png') no-repeat; background: url('../../assets/images/fh.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
cursor: pointer; cursor: pointer;
@ -591,7 +593,7 @@ function engineeringLog(params) {
position: relative; position: relative;
>div { >div {
margin-top: .875rem; margin-top: .625rem;
} }
} }
@ -673,7 +675,7 @@ function engineeringLog(params) {
background: url('../../assets/images/cneterbj.png') no-repeat; background: url('../../assets/images/cneterbj.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
overflow: hidden; overflow: hidden;
padding: 1.5625rem; padding: 1.25rem;
} }
.dark { .dark {
@ -793,6 +795,8 @@ function engineeringLog(params) {
// overflow: hidden; // overflow: hidden;
// text-overflow: ellipsis; // text-overflow: ellipsis;
// white-space: nowrap; // white-space: nowrap;
flex: 1;
overflow: auto;
} }
.overview-top { .overview-top {
@ -890,21 +894,21 @@ function engineeringLog(params) {
.main-box { .main-box {
width: 100%; width: 100%;
height: calc(100% - 9.875rem); height: calc(100% - 6.25rem);
padding: 0 1.875rem; padding: 0 1.25rem;
padding-bottom: 1.75rem; padding-bottom: 1.25rem;
} }
.topheader { .topheader {
width: 100%; width: 100%;
height: 9.875rem; height: 6.25rem;
background: url('../../assets/images/datatopbj.png') no-repeat; background: url('../../assets/images/datatopbj.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
font-weight: 400; font-weight: 400;
font-size: 3.25rem; font-size: 2.5rem;
padding-top: 1.25rem; padding-top: .625rem;
position: relative; position: relative;
} }
@ -918,6 +922,6 @@ function engineeringLog(params) {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
background: #040614; background: #040614;
height: 67.5rem; // height: 67.5rem;
} }
</style> </style>

4
vite.config.js
Unescape View File

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

Write Preview
Loading…
Cancel
Save