|
@@ -1,11 +1,11 @@
|
|
|
<template>
|
|
|
- <van-nav-bar title="标题" left-arrow @click-left="onClickLeft" />
|
|
|
+ <van-nav-bar title="经编机" left-arrow @click-left="onClickLeft" />
|
|
|
<van-pull-refresh v-model="loading" @refresh="onRefresh">
|
|
|
<div class="warpKnitting">
|
|
|
<div class="stat">
|
|
|
<div class="title">
|
|
|
<span>设备状态</span>
|
|
|
- <div class="type">运行</div>
|
|
|
+ <div class="type">{{swichType ? $t('common.running') : $t('common.offline')}}</div>
|
|
|
</div>
|
|
|
<ul>
|
|
|
<li>
|
|
@@ -13,21 +13,21 @@
|
|
|
<van-icon name="location-o" />
|
|
|
</div>
|
|
|
<div class="text">EBC</div>
|
|
|
- <div class="btn">运行</div>
|
|
|
+ <div class="btn">{{swichType ? $t('common.running') : $t('common.offline')}}</div>
|
|
|
</li>
|
|
|
<li>
|
|
|
<div class="icon">
|
|
|
<van-icon name="location-o" />
|
|
|
</div>
|
|
|
- <div class="text">EBC</div>
|
|
|
- <div class="btn">运行</div>
|
|
|
+ <div class="text">贾卡</div>
|
|
|
+ <div class="btn">{{swichType ? $t('common.running') : $t('common.offline')}}</div>
|
|
|
</li>
|
|
|
<li>
|
|
|
<div class="icon">
|
|
|
<van-icon name="location-o" />
|
|
|
</div>
|
|
|
- <div class="text">EBC</div>
|
|
|
- <div class="btn">运行</div>
|
|
|
+ <div class="text">横移</div>
|
|
|
+ <div class="btn">{{swichType ? $t('common.running') : $t('common.offline')}}</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
@@ -38,15 +38,15 @@
|
|
|
</div>
|
|
|
<div class="text">主轴转速</div>
|
|
|
</div>
|
|
|
- <div class="num">400 RPM</div>
|
|
|
+ <div class="num">{{deviceData.status.main_speed / 2}} RPM</div>
|
|
|
</div>
|
|
|
- <div class="commons-title">产量数据</div>
|
|
|
+ <!-- <div class="commons-title">产量数据</div>
|
|
|
<div class="chart-warp">
|
|
|
<div class="chart-box" id="myCharts" ref="myCharts"></div>
|
|
|
<div class="label-box">
|
|
|
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<div class="commons-title">EBC</div>
|
|
|
<ul class="buchang">
|
|
|
<li>
|
|
@@ -54,21 +54,21 @@
|
|
|
<van-icon size="20px" name="location-o" />
|
|
|
</div>
|
|
|
<div class="text">当前布长</div>
|
|
|
- <div class="btn">200M</div>
|
|
|
+ <div class="btn">{{deviceData.status.bu_len / 100}} M</div>
|
|
|
</li>
|
|
|
<li>
|
|
|
<div class="icon">
|
|
|
<van-icon size="20px" name="location-o" />
|
|
|
</div>
|
|
|
<div class="text">设定布长</div>
|
|
|
- <div class="btn">300M</div>
|
|
|
+ <div class="btn">{{deviceData.parameter.max_bulen / 100}} M</div>
|
|
|
</li>
|
|
|
<li>
|
|
|
<div class="icon">
|
|
|
<van-icon size="20px" name="location-o" />
|
|
|
</div>
|
|
|
<div class="text">密度</div>
|
|
|
- <div class="btn">50</div>
|
|
|
+ <div class="btn">{{deviceData.parameter.bumi / 100}} Row/cm</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<ul class="qianla">
|
|
@@ -86,46 +86,18 @@
|
|
|
</li>
|
|
|
</ul>
|
|
|
<ul class="songjin">
|
|
|
- <li>
|
|
|
- <div style="display: flex">
|
|
|
- <div class="icon">
|
|
|
- <van-icon name="location-o" />
|
|
|
- </div>
|
|
|
- <div class="text" style="margin-left: 8px">
|
|
|
- 主轴转速
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="num">
|
|
|
- <p>剩余圈数: <span>35 N</span></p>
|
|
|
- <p>剩余圈数: <span>35 N</span></p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div style="display: flex">
|
|
|
- <div class="icon">
|
|
|
- <van-icon name="location-o" />
|
|
|
- </div>
|
|
|
- <div class="text" style="margin-left: 8px">
|
|
|
- 主轴转速
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="num">
|
|
|
- <p>剩余圈数: <span>35 N</span></p>
|
|
|
- <p>剩余圈数: <span>35 N</span></p>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
+ <li v-for="i in axisData" :key="i.index">
|
|
|
<div style="display: flex">
|
|
|
<div class="icon">
|
|
|
<van-icon name="location-o" />
|
|
|
</div>
|
|
|
<div class="text" style="margin-left: 8px">
|
|
|
- 主轴转速
|
|
|
+ 送经轴
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="num">
|
|
|
- <p>剩余圈数: <span>35 N</span></p>
|
|
|
- <p>剩余圈数: <span>35 N</span></p>
|
|
|
+ <p>剩余圈数: <span>{{i.curr}} N</span></p>
|
|
|
+ <p>剩余时间: <span>{{i.time}} H</span></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
@@ -139,16 +111,44 @@ import { useRouter } from 'vue-router'
|
|
|
const proxy = getCurrentInstance().proxy
|
|
|
const loading = ref(false)
|
|
|
const onRefresh = () => {
|
|
|
+ getDtl()
|
|
|
setTimeout(() => {
|
|
|
loading.value = false
|
|
|
}, 500)
|
|
|
}
|
|
|
+const swichType = ref(false)
|
|
|
const router = useRouter()
|
|
|
-
|
|
|
+let deviceData = ref({
|
|
|
+ status:{},
|
|
|
+ parameter:{},
|
|
|
+})
|
|
|
+let axisData = ref([])
|
|
|
const getDtl = () => {
|
|
|
proxy.post('/tdaDevice/data', { deviceId: router.currentRoute.value.params.id }).then(
|
|
|
(res) => {
|
|
|
- console.log(res)
|
|
|
+ for (let key in res.data.parameter) {
|
|
|
+ if(key.substring(0,11) === 'axis_allnum'){
|
|
|
+ axisData.value.push({
|
|
|
+ axis:res.data.parameter[key],
|
|
|
+ index:key.substring(12,13),
|
|
|
+ curr:res.data.status['curr_num_' + key.substring(12,13)] || 0,
|
|
|
+ time:res.data.status['left_time_' + key.substring(12,13)] || 0,
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function up(x,y){
|
|
|
+ return x.index -y.index;
|
|
|
+ }
|
|
|
+ axisData.value.sort(up)
|
|
|
+ const time1 = new Date(res.data.eventTime).getTime()
|
|
|
+ const time2 = new Date().getTime()
|
|
|
+ if(time1 + 600000 > time2){
|
|
|
+ swichType.value = true
|
|
|
+ }else{
|
|
|
+ swichType.value = false
|
|
|
+ }
|
|
|
+ console.log(swichType.value)
|
|
|
+ deviceData.value = res.data
|
|
|
}
|
|
|
)
|
|
|
|
|
@@ -156,7 +156,7 @@ const getDtl = () => {
|
|
|
const onClickLeft = () => history.back();
|
|
|
getDtl()
|
|
|
onMounted(() => {
|
|
|
- const myChart = echarts.init(document.getElementById('myCharts'))
|
|
|
+ // const myChart = echarts.init(document.getElementById('myCharts'))
|
|
|
const option = {
|
|
|
grid: {
|
|
|
top: '8%',
|
|
@@ -172,7 +172,6 @@ onMounted(() => {
|
|
|
label: {
|
|
|
backgroundColor: '#6a7985',
|
|
|
},
|
|
|
-
|
|
|
},
|
|
|
},
|
|
|
|
|
@@ -221,7 +220,7 @@ onMounted(() => {
|
|
|
},
|
|
|
],
|
|
|
}
|
|
|
- myChart.setOption(option)
|
|
|
+ //myChart.setOption(option)
|
|
|
})
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|