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