修改生产界面

hw-ui/src/views/board/fifthFloor/index.vue

@@ -164,42 +164,47 @@
                 <!--                  SOP预览-->
                 <!--                </el-button>-->
 
-                <el-popconfirm
-                  v-if="($route.query && $route.query.id) === '2'"
-                  cancel-button-text='否'
-                  confirm-button-text='是'
-                  icon="el-icon-info"
-                  icon-color="red"
-                  title="确定开始计划吗？"
-                  @confirm="startPlan(scope.row)"
-                >
-                  <el-button
-                    slot="reference"
-                    size="small"
-                    type="text">开始
-                  </el-button>
-                </el-popconfirm>
+<!--                <el-popconfirm-->
+<!--                  v-if="($route.query && $route.query.id) === '2'"-->
+<!--                  cancel-button-text='否'-->
+<!--                  confirm-button-text='是'-->
+<!--                  icon="el-icon-info"-->
+<!--                  icon-color="red"-->
+<!--                  title="确定开始计划吗？"-->
+<!--                  @confirm="startPlan(scope.row)"-->
+<!--                >-->
+<!--                  <el-button-->
+<!--                    slot="reference"-->
+<!--                    size="small"-->
+<!--                    type="text">开始-->
+<!--                  </el-button>-->
+<!--                </el-popconfirm>-->
 
                 <el-popover
                   placement="top"
+                  title="标题"
                   width="400"
+                  ref="popoverRef"
                   v-if="($route.query && $route.query.id) !== '2'"
-                  v-model="visible">
+                  trigger="click">
+                  <div>
                     <div style="margin: 15px 0;">
                       <el-input placeholder="请输入物料条码" v-model="input1" class="input-with-select">
                         <el-button slot="append" icon="el-icon-full-screen"></el-button>
                       </el-input>
                     </div>
                     <div style="text-align: right; margin: 0">
-                    <el-button size="mini" type="text" @click="visible = false">取消</el-button>
+                      <el-button size="mini" type="text" @click="closePopover">取消</el-button>
                       <el-button type="primary" size="mini" @click="startPlan1(scope.row)">确定</el-button>
                     </div>
+                  </div>
                   <el-button
                     slot="reference"
                     size="small"
                     type="text">开始
                   </el-button>
                 </el-popover>
+
               </template>
             </el-table-column>
           </el-table>
@@ -437,7 +442,6 @@ export default {
   data() {
     return {
       input1:null,
-      visible:false,
       PrintData: {},
       printModel: false,
       assignModel: false,
@@ -739,9 +743,14 @@ export default {
       this.form.planDetailStatus = setState(data.data.planDetailStatus)
       this.getInfo(val)
     },
+    closePopover(){
+      document.body.click()
+    },
     async startPlan1(val) {
-      this.visible = false
       console.log(this.input1)
+      console.log(val)
+      document.body.click()
+      this.input1 = null
 
       // const data = await startNextProductPlanDetail({planId: val.planId})
       // if (data.code === 200) {
@@ -1320,7 +1329,7 @@ export default {
     cancelRawBack() {
       this.rawBackVisible = false;
       this.resetRawBack();
-    }
+    },
 
   }
 }