root/pad-hlzgbz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chagne

Browse Source
This commit is contained in:
xiangxy
2022-10-26 19:11:45 +08:00
parent 4584a4dece
commit 0c256bc7d9
1 changed files with 248 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

294
src/pages/proj/RunOperate.vue
View File

@@ -12,7 +12,7 @@
<div class="d_item">
<div class="d_input">
<label class="d-label2">A侧档压压力(kg)</label>
<div class="showbox bggray">222{{val1}}</div>
<div class="showbox bggray">{{val1}}</div>
</div>
</div>
<div class="d_item">
@@ -24,19 +24,19 @@
<div class="d_item">
<div class="d_input">
<label class="d-label2">管径（mm）</label>
<div class="showbox" @click="toChange(1, val1)">{{val1}}</div>
<div class="showbox" @click="toChange(1, '管径（mm）', val1)">{{val1}}</div>
</div>
</div>
<div class="d_item">
<div class="d_input">
<label class="d-label2">管长（mm）</label>
<div class="showbox" @click="toChange(2, val2)">{{val2}}</div>
<div class="showbox" @click="toChange(2, '管长（mm）', val2)">{{val2}}</div>
</div>
</div>
<div class="d_item">
<div class="d_input">
<label class="d-label2">壁厚（mm）</label>
<div class="showbox" @click="toChange(3, val3)">{{val3}}</div>
<div class="showbox" @click="toChange(3, '壁厚（mm）', val3)">{{val3}}</div>
</div>
</div>
<div class="d_item">
@@ -57,13 +57,13 @@
<div class="d_item">
<div class="d_input">
<label class="d-label2">合格提升每次提升根数</label>
<div class="showbox" @click="toChange(5, val5)">{{val5}}</div>
<div class="showbox" @click="toChange(5, '合格提升每次提升根数', val5)">{{val5}}</div>
</div>
</div>
<div class="d_item">
<div class="d_input">
<label class="d-label2">每捆根数</label>
<div class="showbox" @click="toChange(6, val6)">{{val6}}</div>
<div class="showbox" @click="toChange(6, '每捆根数', val6)">{{val6}}</div>
</div>
</div>
<div class="d_btm">
@@ -71,27 +71,139 @@
<button class="button--primary">停止</button>
</div>
</div>
<div class="box2"></div>
<div class="box2">
<div class="t-desc">占位检测</div>
<ul class="ul-r">
<li>
<label>主输送一段</label>
<button class="button--primary button--defalut">有料</button>
<span>1</span>
<span>2</span>
</li>
<li>
<label>喷墨</label>
<button class="button--primary button--defalut">一段出料完成</button>
<span>1</span>
<span>2</span>
<span>3</span>
</li>
<li>
<label>主输送二段</label>
<button class="button--primary button--defalut">有料</button>
<span>1</span>
</li>
<li>
<label>主输送三段</label>
<button class="button--primary button--defalut">有料合格</button>
<button class="button--primary button--defalut">有料不合格</button>
<span>1</span>
<span>2</span>
</li>
<li>
<label>套帽A缓存</label>
<button class="button--primary button--defalut">有料</button>
<span>1</span>
<span>2</span>
</li>
<li>
<label>套帽A套帽</label>
<button class="button--primary button--defalut">有料</button>
<span>1</span>
<span>2</span>
<button class="button--primary button--defalut">合格</button>
</li>
<li>
<label>反向输送</label>
<button class="button--primary button--defalut">有料</button>
<span>1</span>
<span>2</span>
<span>3</span>
<button class="button--primary button--defalut">合格</button>
</li>
<li>
<label>套帽B缓存</label>
<button class="button--primary button--defalut">有料</button>
<span>1</span>
<span>2</span>
<button class="button--primary button--defalut">合格</button>
</li>
<li>
<label>套帽B套帽</label>
<button class="button--primary button--defalut">有料</button>
<span>1</span>
<span>2</span>
<button class="button--primary button--defalut">套帽A合格</button>
<button class="button--primary button--defalut">套帽B合格</button>
</li>
</ul>
<div class="d_item">
<div class="d_input">
<label class="d-label2 d-label4">不合格输送辊缓存计数</label>
<div class="showbox showbox2" @click="toChange(7, '不合格输送辊缓存计数', val7)">{{val7}}</div>
</div>
</div>
</div>
<div class="box3">
<div class="b3_btm fl">
<button class="button--primary" :class="{'button--defalut': 1}" :disabled="disabled1" @click="toSure">A测摇杆出料异常复位</button>
<button class="button--primary" :class="{'button--defalut': 1}" :disabled="disabled1" @click="toSure">A测皮带出料异常复位</button>
<button class="button--primary" :class="{'button--defalut': 1}" :disabled="disabled1" @click="toSure">裹膜机控制权</button>
<button class="button--primary" :class="{'button--defalut': 1}" :disabled="disabled1" @click="toSure">捆扎完成</button>
<div class="b3-top">
<div class="t-desc">占位检测</div>
<ul class="ul-r">
<li>
<label>裹膜前段</label>
<button class="button--primary button--defalut">有料</button>
<span>1</span>
<span>2</span>
</li>
<li>
<label>裹膜后段</label>
<button class="button--primary button--defalut">有料</button>
<span>1</span>
<span>2</span>
</li>
</ul>
<div class="d_item">
<div class="d_input">
<label class="d-label2 d-label3">捆扎当前步</label>
<div class="showbox showbox3" @click="toChange(8, '捆扎当前步', val8)">{{val8}}</div>
</div>
</div>
</div>
<div class="b3_btm fr">
<button class="button--primary" :class="{'button--defalut': 1}" :disabled="disabled1" @click="toSure">B测摇杆出料异常复位</button>
<button class="button--primary" :class="{'button--defalut': 1}" :disabled="disabled1" @click="toSure">B测皮带出料异常复位</button>
<div class="b3-center">
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
<span>6</span>
<span>7</span>
<span>8</span>
<span>9</span>
<span>10</span>
<span>11</span>
<span>12</span>
</div>
<div class="b3_btm">
<div class="fl">
<button class="button--primary" :class="{'button--defalut': 1}" :disabled="disabled1" @click="toSure">A测摇杆出料异常复位</button>
<button class="button--primary" :class="{'button--defalut': 1}" :disabled="disabled1" @click="toSure">A测皮带出料异常复位</button>
<button class="button--primary" :class="{'button--defalut': 1}" :disabled="disabled1" @click="toSure">裹膜机控制权</button>
<button class="button--primary" :class="{'button--defalut': 1}" :disabled="disabled1" @click="toSure">捆扎完成</button>
</div>
<div class="fr">
<button class="button--primary" :class="{'button--defalut': 1}" :disabled="disabled1" @click="toSure">B测摇杆出料异常复位</button>
<button class="button--primary" :class="{'button--defalut': 1}" :disabled="disabled1" @click="toSure">B测皮带出料异常复位</button>
</div>
</div>
<div class="b3_btm2 fr">
<button class="button--primary" :class="{'button--defalut': 1}" :disabled="disabled1" @click="toSure">故障复位</button>
</div>
</div>
</div>
<div v-if="active" class="msg_wrapper">
<div v-show="active" class="msg_wrapper">
<div class="msg_box">
<div class="msg_item">
<div class="label_item">修改</div>
<div class="label_item">{{optname}}</div>
<div class="from_item">
<input type="number" class="msg_input" v-model="val">
<input type="number" class="msg_input" v-model="val" ref='id'>
</div>
</div>
<div class="msg_btns">
@@ -100,7 +212,7 @@
</div>
</div>
</div>
<div v-if="active" class="mask"></div>
<div v-show="active" class="mask"></div>
</div>
</template>
@@ -115,6 +227,7 @@ export default {
data () {
return {
opt: '', // 标识
optname: '',
interTime: this.$store.getters.setTime,
timer: null,
active: false,
@@ -125,6 +238,8 @@ export default {
val4: '',
val5: '',
val6: '',
val7: '',
val8: '',
options: [
{
value: '1',
@@ -174,6 +289,10 @@ export default {
// clearInterval(this.timer)
// this.timer = null
// },
mounted () {
alert(window.screen.width)
alert(window.screen.height)
},
methods: {
refresh () {
this._queryDeviceInfo()
@@ -181,10 +300,15 @@ export default {
this._queryDeviceInfo()
}, this.interTime)
},
toChange (a, v) {
this.opt = a
this.val = v
toChange (a, b, v) {
this.active = true
setTimeout(() => {
this.$refs.id.focus()
}, 200)
// document.getElementById('inputId').focus()
this.opt = a
this.optname = b
this.val = v
},
msgSure () {
if (this.opt === 1) {
@@ -202,6 +326,12 @@ export default {
if (this.opt === 6) {
this.val6 = this.val
}
if (this.opt === 7) {
this.val7 = this.val
}
if (this.opt === 8) {
this.val8 = this.val
}
this.active = false
},
msgCancle () {
@@ -229,33 +359,37 @@ export default {
display flex
width 100%
.box1
box-sizing border-box
width 28%
height 800px
// height 800px
// background #fff
padding .1rem
.box2
box-sizing border-box
width 42%
height 800px
background #fc0
// height 800px
// background #fc0
padding .1rem
.box3
box-sizing border-box
width 30%
height 800px
background #ccc
// height 800px
// background #ccc
padding-top .1rem
position relative
display flex
.d-status
margin-bottom 8px
.d-label1
font-size 15px
font-size 12px
margin-right 5px
.obt
display inline-block
width 20%
text-align center
line-height .2rem
font-size 15px
font-size 12px
color #fff
border 1px solid #eee
padding 2px 5px
.obt1
background-color blue
.obt2
@@ -263,30 +397,39 @@ export default {
.obt3
background-color #fc0
.d-label2
font-size: 15px;
color: #464646;
width: 1.2rem;
line-height: .34rem;
height: .34rem;
// text-align: justify;
// text-align-last: justify;
font-size 12px
color #464646
width 1.2rem
line-height .34rem
height .34rem
// text-align justify
// text-align-last justify
.d-label3
width .6rem
.d-label4
width 1.1rem
.d_input
width: 100%;
display: flex;
justify-content: space-between;
justify-content: flex-start;
.showbox
display inline-block
// width calc(100% - .8rem)
width 60%
height .34rem
line-height .34rem
font-size 13px
font-size .12rem
color #606266
text-indent .16rem
background-color #fff
border 1px solid #D1D1D1
border-radius 4px
margin-bottom 8px
.showbox2
width 50%
margin-bottom 0
.showbox3
width 50%
.bggray
background-color #f2f6ff
.f_item
@@ -295,15 +438,66 @@ export default {
.d_btm
margin-top .12rem
button
font-size 20px
font-size 16px
.b3-top
width 100%
// height 3rem
// margin-top .1rem
// padding-left 5px
.t-desc
font-size 12px
margin-left 1.3rem
ul
li
margin 20px 0
label
font-size 12px
display inline-block
width .6rem
button
width 80px
height .24rem
line-height .24rem
font-size 12px
padding 0
min-width 0
span
display inline-block
width 20px
height 20px
line-height 20px
font-size 16px
text-align center
background #dcdfe6
.b3-center
width 100%
// height 1rem
margin-top .1rem
margin-bottom .16rem
span
display inline-block
width 19px
height 19px
line-height 19px
font-size 14px
text-align center
background #dcdfe6
.b3_btm
// position fixed
// bottom .5rem
display inline-block
display flex
.button--primary
font-size 18px
width 90%
font-size 12px
width 1.1rem
margin .02rem
padding 0
.b3_btm2
position fixed
bottom .5rem
right 0
.button--primary
font-size 12px
width 1.1rem
margin .02rem
padding 0
.wrap-filter-button
padding 0.05rem 0.2rem
margin 0
@@ -313,4 +507,12 @@ export default {
margin 0.08rem 0
.filter_item
margin 0.08rem 0 0 0
.label_item
width 50%
font-size .12rem
text-align center
.from_item
width 35%
.button--primary
font-size 12px
</style>