diff --git a/src/pages/proj/RunOperate.vue b/src/pages/proj/RunOperate.vue
index a3ac72b..9c57587 100644
--- a/src/pages/proj/RunOperate.vue
+++ b/src/pages/proj/RunOperate.vue
@@ -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>